@charset "UTF-8"; /*! Theme Name: Ohio Theme URI: http://ohio.clbthemes.com/ Author: Colabrio Author URI: http://clbthemes.com/ Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website. Version: 3.0.6 Tested up to: 8.0 Requires PHP: 7.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: ohio Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Base ## Grid ## Elements - Body - Cards - Hr - Links - Lists - Media - Tables ## Typography - Copy - Headings # Utilities ## Tailwindcss ## Utilities # Layouts # Components ## Alerts ## Author ## Avatar ## Badge ## Breadcrumb ## Button ## Checkbox ## Cursor ## Icon Button ## Icon Group ## Icon ## Pagination ## Progress ## Select ## Spinner ## Switcher ## Text Field ## Tooltips ## Navigation - Menu ## Patterns - Comments - Cookies Notification - Elements Bar - Social Bar ## Widgets - Widgets # Shortcodes ## Accordion Horizontal ## Accordion ## Banner ## Circle Progress ## Compare ## Contact Form ## Countdown ## Counter ## Dynamic Text ## Gallery ## Google Maps ## Heading ## Icon Box ## Logo ## Pricing Table ## Progress Bar ## Service Table ## Slider ## Social Networks ## Subscribe Form ## Tabs ## Team Member ## Testimonial ## Text ## Video Button # Extras ## Dark Mode # Plugins ## Elementor ## Jetpack ## Tidio ## Slider Revolution ## WPbakery --------------------------------------------------------------*/ /* Import variables and mixins. --------------------------------------------- */ /* Transitions */ /* Helpers */ /* Headlines */ /* Flex */ /* Shadows */ /* Misc */ /* Animations */ /* Media queries breakpoints */ /* Adaptive spacers */ /* Adaptive page container */ /* Divider */ /* Select chevron */ /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /* Grid --------------------------------------------- */ .vc_row { position: relative; } .vc_row::after { content: ""; display: table; clear: both; } .vc_row:not(.-nospace) { margin-left: -1.25rem; margin-right: -1.25rem; } .vc_row:not(.-nospace) [class^='vc_col'], .vc_row:not(.-nospace) .grid-item { position: relative; min-height: 1px; padding-left: 1.25rem; padding-right: 1.25rem; } .vc_row.blog-posts + .pagination-standard, .vc_row.blog-posts + .lazy-load, .vc_row.portfolio-grid + .pagination-standard, .vc_row.portfolio-grid + .lazy-load { margin-top: 1.25rem; } .vc_row .vc-bg-text { position: absolute; font-size: 5vw; font-weight: 600; line-height: 120%; letter-spacing: -.04em; top: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; font-family: "DM Sans", sans-serif; color: rgba(150, 144, 162, 0.15); } .vc_row .vc-bg-text.left { -webkit-transform: rotate(-90deg) translateX(-100%) translateY(-100%); -ms-transform: rotate(-90deg) translateX(-100%) translateY(-100%); transform: rotate(-90deg) translateX(-100%) translateY(-100%); } .vc_row .vc-bg-text.right { -webkit-transform: rotate(-90deg) translateX(-100%) translateY(0); -ms-transform: rotate(-90deg) translateX(-100%) translateY(0); transform: rotate(-90deg) translateX(-100%) translateY(0); left: 1300px; } .vc_row.vc_row-fluid .vc-bg-text.right { margin-left: -webkit-calc((100vw - 1300px)/2); margin-left: calc((100vw - 1300px)/2); } div[class^='vc_col-xs'] { float: left; } .vc_col-xs-1 { width: -webkit-calc(100%/12 * 1); width: calc(100%/12 * 1); } .vc_col-xs-2 { width: -webkit-calc(100%/12 * 2); width: calc(100%/12 * 2); } .vc_col-xs-3 { width: -webkit-calc(100%/12 * 3); width: calc(100%/12 * 3); } .vc_col-xs-4 { width: -webkit-calc(100%/12 * 4); width: calc(100%/12 * 4); } .vc_col-xs-5 { width: -webkit-calc(100%/12 * 5); width: calc(100%/12 * 5); } .vc_col-xs-6 { width: -webkit-calc(100%/12 * 6); width: calc(100%/12 * 6); } .vc_col-xs-7 { width: -webkit-calc(100%/12 * 7); width: calc(100%/12 * 7); } .vc_col-xs-8 { width: -webkit-calc(100%/12 * 8); width: calc(100%/12 * 8); } .vc_col-xs-9 { width: -webkit-calc(100%/12 * 9); width: calc(100%/12 * 9); } .vc_col-xs-10 { width: -webkit-calc(100%/12 * 10); width: calc(100%/12 * 10); } .vc_col-xs-11 { width: -webkit-calc(100%/12 * 11); width: calc(100%/12 * 11); } .vc_col-xs-12 { width: -webkit-calc(100%/12 * 12); width: calc(100%/12 * 12); } div[class^='vc_col-sm'] { float: left; } .vc_row:not(.vc_row-no-padding) .vc_column_container > .vc_column-inner { padding-left: 1.25rem; padding-right: 1.25rem; } section.vc_section { padding-left: 1.25rem; padding-right: 1.25rem; margin-left: -1.25rem; margin-right: -1.25rem; } .grid-item:not(.-nospace) { padding-top: 1.25rem; padding-bottom: 1.25rem; } .-nospace.vc_row { margin: 0; } .-nospace.vc_row .grid-item { padding: 0; } /* Intro Animation --------------------------------------------- */ .page-headline .animated-holder, .project.-layout6 .animated-holder, .project.-layout8 .animated-holder, .project.-layout9 .animated-holder, .main-section .animated-holder, [data-interactive-links-grid] .animated-holder { z-index: 1; } .page-headline .animated-holder > *, .project.-layout6 .animated-holder > *, .project.-layout8 .animated-holder > *, .project.-layout9 .animated-holder > *, .main-section .animated-holder > *, [data-interactive-links-grid] .animated-holder > * { -webkit-animation-name: slide_up_elements; animation-name: slide_up_elements; } .animated-holder > *, .hamburger-nav .menu > *, .hamburger-nav:not(.type2) .sub-menu > *, .hamburger-nav:not(.type2) .sub-sub-menu > *, .hamburger-nav-details > *, .header-5 .sub-menu > *, .header-5 .sub-sub-menu > * { will-change: transform; opacity: 0; -webkit-transform: translateY(2rem); -ms-transform: translateY(2rem); transform: translateY(2rem); -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } *.visible:not(.open-onclick) .animated-holder > *, *.visible:not(.open-onclick).hamburger-nav .hamburger-nav-holder > .menu > *, *.visible:not(.open-onclick) .hamburger-nav-details > *, *.visible:not(.open-onclick) > .sub-menu > *, *.visible:not(.open-onclick) > .sub-sub-menu > *, *.active .animated-holder > *, *.active.hamburger-nav .hamburger-nav-holder > .menu > *, *.active .hamburger-nav-details > *, *.active > .sub-menu > *, *.active > .sub-sub-menu > *, *.last-active .animated-holder > *, *.last-active.hamburger-nav .hamburger-nav-holder > .menu > *, *.last-active .hamburger-nav-details > *, *.last-active > .sub-menu > *, *.last-active > .sub-sub-menu > * { -webkit-animation-name: slide_up_elements; animation-name: slide_up_elements; } *.last-active .animated-holder * { opacity: 0 !important; -webkit-transform: translateY(0.75rem); -ms-transform: translateY(0.75rem); transform: translateY(0.75rem); -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } *:hover:not(.showed-onclick) > .sub-sub-nav > .sub-sub-menu > * { -webkit-animation-name: slide_up_elements; animation-name: slide_up_elements; } .animated-holder > *:nth-child(1), .hamburger-nav .menu > *:nth-child(1), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(1), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(1), .hamburger-nav-details > *:nth-child(1), .header-5 .sub-menu > *:nth-child(1), .header-5 .sub-sub-menu > *:nth-child(1) { -webkit-animation-delay: 0.05s; animation-delay: 0.05s; -webkit-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(1) > [data-aos-delay] { -webkit-animation-delay: 0.05s !important; animation-delay: 0.05s !important; -webkit-transition-delay: 0.05s !important; -o-transition-delay: 0.05s !important; transition-delay: 0.05s !important; } .clb-slider .animated-holder > *:nth-child(1) { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; -webkit-transition-delay: 0.45s; -o-transition-delay: 0.45s; transition-delay: 0.45s; } .animated-holder > *:nth-child(2), .hamburger-nav .menu > *:nth-child(2), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(2), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(2), .hamburger-nav-details > *:nth-child(2), .header-5 .sub-menu > *:nth-child(2), .header-5 .sub-sub-menu > *:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(2) > [data-aos-delay] { -webkit-animation-delay: 0.1s !important; animation-delay: 0.1s !important; -webkit-transition-delay: 0.1s !important; -o-transition-delay: 0.1s !important; transition-delay: 0.1s !important; } .clb-slider .animated-holder > *:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .animated-holder > *:nth-child(3), .hamburger-nav .menu > *:nth-child(3), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(3), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(3), .hamburger-nav-details > *:nth-child(3), .header-5 .sub-menu > *:nth-child(3), .header-5 .sub-sub-menu > *:nth-child(3) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(3) > [data-aos-delay] { -webkit-animation-delay: 0.15s !important; animation-delay: 0.15s !important; -webkit-transition-delay: 0.15s !important; -o-transition-delay: 0.15s !important; transition-delay: 0.15s !important; } .clb-slider .animated-holder > *:nth-child(3) { -webkit-animation-delay: 0.55s; animation-delay: 0.55s; -webkit-transition-delay: 0.55s; -o-transition-delay: 0.55s; transition-delay: 0.55s; } .animated-holder > *:nth-child(4), .hamburger-nav .menu > *:nth-child(4), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(4), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(4), .hamburger-nav-details > *:nth-child(4), .header-5 .sub-menu > *:nth-child(4), .header-5 .sub-sub-menu > *:nth-child(4) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(4) > [data-aos-delay] { -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important; -webkit-transition-delay: 0.2s !important; -o-transition-delay: 0.2s !important; transition-delay: 0.2s !important; } .clb-slider .animated-holder > *:nth-child(4) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .animated-holder > *:nth-child(5), .hamburger-nav .menu > *:nth-child(5), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(5), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(5), .hamburger-nav-details > *:nth-child(5), .header-5 .sub-menu > *:nth-child(5), .header-5 .sub-sub-menu > *:nth-child(5) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(5) > [data-aos-delay] { -webkit-animation-delay: 0.25s !important; animation-delay: 0.25s !important; -webkit-transition-delay: 0.25s !important; -o-transition-delay: 0.25s !important; transition-delay: 0.25s !important; } .clb-slider .animated-holder > *:nth-child(5) { -webkit-animation-delay: 0.65s; animation-delay: 0.65s; -webkit-transition-delay: 0.65s; -o-transition-delay: 0.65s; transition-delay: 0.65s; } .animated-holder > *:nth-child(6), .hamburger-nav .menu > *:nth-child(6), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(6), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(6), .hamburger-nav-details > *:nth-child(6), .header-5 .sub-menu > *:nth-child(6), .header-5 .sub-sub-menu > *:nth-child(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(6) > [data-aos-delay] { -webkit-animation-delay: 0.3s !important; animation-delay: 0.3s !important; -webkit-transition-delay: 0.3s !important; -o-transition-delay: 0.3s !important; transition-delay: 0.3s !important; } .clb-slider .animated-holder > *:nth-child(6) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } .animated-holder > *:nth-child(7), .hamburger-nav .menu > *:nth-child(7), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(7), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(7), .hamburger-nav-details > *:nth-child(7), .header-5 .sub-menu > *:nth-child(7), .header-5 .sub-sub-menu > *:nth-child(7) { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; -webkit-transition-delay: 0.35s; -o-transition-delay: 0.35s; transition-delay: 0.35s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(7) > [data-aos-delay] { -webkit-animation-delay: 0.35s !important; animation-delay: 0.35s !important; -webkit-transition-delay: 0.35s !important; -o-transition-delay: 0.35s !important; transition-delay: 0.35s !important; } .clb-slider .animated-holder > *:nth-child(7) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; -webkit-transition-delay: 0.75s; -o-transition-delay: 0.75s; transition-delay: 0.75s; } .animated-holder > *:nth-child(8), .hamburger-nav .menu > *:nth-child(8), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(8), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(8), .hamburger-nav-details > *:nth-child(8), .header-5 .sub-menu > *:nth-child(8), .header-5 .sub-sub-menu > *:nth-child(8) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(8) > [data-aos-delay] { -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important; -webkit-transition-delay: 0.4s !important; -o-transition-delay: 0.4s !important; transition-delay: 0.4s !important; } .clb-slider .animated-holder > *:nth-child(8) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } .animated-holder > *:nth-child(9), .hamburger-nav .menu > *:nth-child(9), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(9), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(9), .hamburger-nav-details > *:nth-child(9), .header-5 .sub-menu > *:nth-child(9), .header-5 .sub-sub-menu > *:nth-child(9) { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; -webkit-transition-delay: 0.45s; -o-transition-delay: 0.45s; transition-delay: 0.45s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(9) > [data-aos-delay] { -webkit-animation-delay: 0.45s !important; animation-delay: 0.45s !important; -webkit-transition-delay: 0.45s !important; -o-transition-delay: 0.45s !important; transition-delay: 0.45s !important; } .clb-slider .animated-holder > *:nth-child(9) { -webkit-animation-delay: 0.85s; animation-delay: 0.85s; -webkit-transition-delay: 0.85s; -o-transition-delay: 0.85s; transition-delay: 0.85s; } .animated-holder > *:nth-child(10), .hamburger-nav .menu > *:nth-child(10), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(10), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(10), .hamburger-nav-details > *:nth-child(10), .header-5 .sub-menu > *:nth-child(10), .header-5 .sub-sub-menu > *:nth-child(10) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(10) > [data-aos-delay] { -webkit-animation-delay: 0.5s !important; animation-delay: 0.5s !important; -webkit-transition-delay: 0.5s !important; -o-transition-delay: 0.5s !important; transition-delay: 0.5s !important; } .clb-slider .animated-holder > *:nth-child(10) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; } .animated-holder > *:nth-child(11), .hamburger-nav .menu > *:nth-child(11), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(11), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(11), .hamburger-nav-details > *:nth-child(11), .header-5 .sub-menu > *:nth-child(11), .header-5 .sub-sub-menu > *:nth-child(11) { -webkit-animation-delay: 0.55s; animation-delay: 0.55s; -webkit-transition-delay: 0.55s; -o-transition-delay: 0.55s; transition-delay: 0.55s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(11) > [data-aos-delay] { -webkit-animation-delay: 0.55s !important; animation-delay: 0.55s !important; -webkit-transition-delay: 0.55s !important; -o-transition-delay: 0.55s !important; transition-delay: 0.55s !important; } .clb-slider .animated-holder > *:nth-child(11) { -webkit-animation-delay: 0.95s; animation-delay: 0.95s; -webkit-transition-delay: 0.95s; -o-transition-delay: 0.95s; transition-delay: 0.95s; } .animated-holder > *:nth-child(12), .hamburger-nav .menu > *:nth-child(12), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(12), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(12), .hamburger-nav-details > *:nth-child(12), .header-5 .sub-menu > *:nth-child(12), .header-5 .sub-sub-menu > *:nth-child(12) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(12) > [data-aos-delay] { -webkit-animation-delay: 0.6s !important; animation-delay: 0.6s !important; -webkit-transition-delay: 0.6s !important; -o-transition-delay: 0.6s !important; transition-delay: 0.6s !important; } .clb-slider .animated-holder > *:nth-child(12) { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .animated-holder > *:nth-child(13), .hamburger-nav .menu > *:nth-child(13), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(13), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(13), .hamburger-nav-details > *:nth-child(13), .header-5 .sub-menu > *:nth-child(13), .header-5 .sub-sub-menu > *:nth-child(13) { -webkit-animation-delay: 0.65s; animation-delay: 0.65s; -webkit-transition-delay: 0.65s; -o-transition-delay: 0.65s; transition-delay: 0.65s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(13) > [data-aos-delay] { -webkit-animation-delay: 0.65s !important; animation-delay: 0.65s !important; -webkit-transition-delay: 0.65s !important; -o-transition-delay: 0.65s !important; transition-delay: 0.65s !important; } .clb-slider .animated-holder > *:nth-child(13) { -webkit-animation-delay: 1.05s; animation-delay: 1.05s; -webkit-transition-delay: 1.05s; -o-transition-delay: 1.05s; transition-delay: 1.05s; } .animated-holder > *:nth-child(14), .hamburger-nav .menu > *:nth-child(14), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(14), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(14), .hamburger-nav-details > *:nth-child(14), .header-5 .sub-menu > *:nth-child(14), .header-5 .sub-sub-menu > *:nth-child(14) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(14) > [data-aos-delay] { -webkit-animation-delay: 0.7s !important; animation-delay: 0.7s !important; -webkit-transition-delay: 0.7s !important; -o-transition-delay: 0.7s !important; transition-delay: 0.7s !important; } .clb-slider .animated-holder > *:nth-child(14) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; -webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s; } .animated-holder > *:nth-child(15), .hamburger-nav .menu > *:nth-child(15), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(15), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(15), .hamburger-nav-details > *:nth-child(15), .header-5 .sub-menu > *:nth-child(15), .header-5 .sub-sub-menu > *:nth-child(15) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; -webkit-transition-delay: 0.75s; -o-transition-delay: 0.75s; transition-delay: 0.75s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(15) > [data-aos-delay] { -webkit-animation-delay: 0.75s !important; animation-delay: 0.75s !important; -webkit-transition-delay: 0.75s !important; -o-transition-delay: 0.75s !important; transition-delay: 0.75s !important; } .clb-slider .animated-holder > *:nth-child(15) { -webkit-animation-delay: 1.15s; animation-delay: 1.15s; -webkit-transition-delay: 1.15s; -o-transition-delay: 1.15s; transition-delay: 1.15s; } .animated-holder > *:nth-child(16), .hamburger-nav .menu > *:nth-child(16), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(16), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(16), .hamburger-nav-details > *:nth-child(16), .header-5 .sub-menu > *:nth-child(16), .header-5 .sub-sub-menu > *:nth-child(16) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(16) > [data-aos-delay] { -webkit-animation-delay: 0.8s !important; animation-delay: 0.8s !important; -webkit-transition-delay: 0.8s !important; -o-transition-delay: 0.8s !important; transition-delay: 0.8s !important; } .clb-slider .animated-holder > *:nth-child(16) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; } .animated-holder > *:nth-child(17), .hamburger-nav .menu > *:nth-child(17), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(17), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(17), .hamburger-nav-details > *:nth-child(17), .header-5 .sub-menu > *:nth-child(17), .header-5 .sub-sub-menu > *:nth-child(17) { -webkit-animation-delay: 0.85s; animation-delay: 0.85s; -webkit-transition-delay: 0.85s; -o-transition-delay: 0.85s; transition-delay: 0.85s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(17) > [data-aos-delay] { -webkit-animation-delay: 0.85s !important; animation-delay: 0.85s !important; -webkit-transition-delay: 0.85s !important; -o-transition-delay: 0.85s !important; transition-delay: 0.85s !important; } .clb-slider .animated-holder > *:nth-child(17) { -webkit-animation-delay: 1.25s; animation-delay: 1.25s; -webkit-transition-delay: 1.25s; -o-transition-delay: 1.25s; transition-delay: 1.25s; } .animated-holder > *:nth-child(18), .hamburger-nav .menu > *:nth-child(18), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(18), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(18), .hamburger-nav-details > *:nth-child(18), .header-5 .sub-menu > *:nth-child(18), .header-5 .sub-sub-menu > *:nth-child(18) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(18) > [data-aos-delay] { -webkit-animation-delay: 0.9s !important; animation-delay: 0.9s !important; -webkit-transition-delay: 0.9s !important; -o-transition-delay: 0.9s !important; transition-delay: 0.9s !important; } .clb-slider .animated-holder > *:nth-child(18) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; } .animated-holder > *:nth-child(19), .hamburger-nav .menu > *:nth-child(19), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(19), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(19), .hamburger-nav-details > *:nth-child(19), .header-5 .sub-menu > *:nth-child(19), .header-5 .sub-sub-menu > *:nth-child(19) { -webkit-animation-delay: 0.95s; animation-delay: 0.95s; -webkit-transition-delay: 0.95s; -o-transition-delay: 0.95s; transition-delay: 0.95s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(19) > [data-aos-delay] { -webkit-animation-delay: 0.95s !important; animation-delay: 0.95s !important; -webkit-transition-delay: 0.95s !important; -o-transition-delay: 0.95s !important; transition-delay: 0.95s !important; } .clb-slider .animated-holder > *:nth-child(19) { -webkit-animation-delay: 1.35s; animation-delay: 1.35s; -webkit-transition-delay: 1.35s; -o-transition-delay: 1.35s; transition-delay: 1.35s; } @-webkit-keyframes slide_up_elements { from { -webkit-transform: translateY(3.25rem); transform: translateY(3.25rem); opacity: 0; } to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } @keyframes slide_up_elements { from { -webkit-transform: translateY(3.25rem); transform: translateY(3.25rem); opacity: 0; } to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } /* Tilt Effect --------------------------------------------- */ /* Elements / Body --------------------------------------------- */ body { background-color: #fff; color: #161519; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; height: 100%; overflow-x: hidden; line-height: 1.6; padding: 0; margin: 0; text-rendering: optimizeLegibility; font-size: -webkit-calc(1rem + 0.025 * ( (100vw - 576px) / 864)); font-size: calc(1rem + 0.025 * ( (100vw - 576px) / 864)); font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body * { overflow-wrap: break-word; } body.archive { width: 100%; } body.no-scroll { overflow-y: hidden; } body *::-webkit-scrollbar { background: rgba(17, 16, 19, 0.1); width: 0.5rem; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } body *::-webkit-scrollbar-thumb { background: rgba(17, 16, 19, 0.2); -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } body *::-webkit-scrollbar-thumb:hover { background: rgba(17, 16, 19, 0.3); } ::-moz-selection { background-color: rgba(220, 40, 40, 0.1); } ::selection { background-color: rgba(220, 40, 40, 0.1); } /* Elements / Cards --------------------------------------------- */ .card:not(.-contained) .image-holder { -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .card .image-holder { overflow: hidden; position: relative; margin: 0; } .card .image-holder > a { display: block; } .card .image-holder img { min-width: 100%; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .card.-metro:not(.-no-media) .image-holder { padding-bottom: 100%; position: relative; } .card.-metro:not(.-no-media) .image-holder img, .card.-metro:not(.-no-media) .image-holder iframe { position: absolute; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .card.-contained .image-holder { -webkit-border-top-right-radius: 0.35rem; border-top-right-radius: 0.35rem; -webkit-border-top-left-radius: 0.35rem; border-top-left-radius: 0.35rem; } .card.-contained .card-details { background-color: rgba(150, 144, 162, 0.06); -webkit-border-bottom-right-radius: 0.35rem; border-bottom-right-radius: 0.35rem; -webkit-border-bottom-left-radius: 0.35rem; border-bottom-left-radius: 0.35rem; } .card.-img-scale:hover .image-holder img { -webkit-transform: scale3d(1.06, 1.06, 1); transform: scale3d(1.06, 1.06, 1); } .card.-img-overlay .image-holder::after, .card.-img-overlay .image-holder .overlay { background: -webkit-gradient(linear, left top, right top, from(rgba(220, 40, 40, 0.5)), to(rgba(117, 68, 221, 0.5))); background: -webkit-linear-gradient(left, rgba(220, 40, 40, 0.5) 0%, rgba(117, 68, 221, 0.5) 100%); background: -o-linear-gradient(left, rgba(220, 40, 40, 0.5) 0%, rgba(117, 68, 221, 0.5) 100%); background: linear-gradient(90deg, rgba(220, 40, 40, 0.5) 0%, rgba(117, 68, 221, 0.5) 100%); left: 0; top: 0; height: 100%; width: 100%; opacity: 0; content: ""; display: block; position: absolute; -webkit-transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .card.-img-overlay:hover .image-holder::after, .card.-img-overlay:hover .image-holder .overlay { opacity: 1; } .card.-img-greyscale:not(:hover) .image-holder img { -webkit-filter: grayscale(1); filter: grayscale(1); } .card:not(.-with-overlay):not(.-image-only) .card-details { padding-top: 1.5rem; } .card:not(.-with-overlay):not(.-image-only).-contained .card-details { padding-bottom: 1.5rem; padding-left: 3vh; padding-right: 3vh; } .card:not(.-layout4):not(.-layout6) .overlay-details { color: #fff; } .card .overlay-details { position: absolute; left: 0; width: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 3vh; } .card .overlay-details:not(.-top) { bottom: 0; } .card .overlay-details:not(.card-details) p { margin: 0; } .card .overlay-details.-top { top: 0; } .card:hover .-fade-up, .card:hover .-fade-down { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .double-width:not(.vc_col-lg-12) .card.-metro .image-holder { padding-bottom: -webkit-calc(50% - 1.25rem); padding-bottom: calc(50% - 1.25rem); } .minimal-scheme .card .image-holder { -webkit-border-radius: 0; border-radius: 0; } /* Elements / Lines --------------------------------------------- */ hr { background-color: rgba(150, 144, 162, 0.6); width: 100%; border: 0; height: 1px; margin: 0.5rem auto; display: block; } /* Elements / Lists --------------------------------------------- */ ul, ol { margin-bottom: 1.35em; padding-left: 2rem; } ul:not(.-unlist) > li, ol:not(.-unlist) > li { margin: 5px 0; } li > ul, li > ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } /* Elements / Media --------------------------------------------- */ img { height: auto; max-width: 100%; vertical-align: top; } figure { margin: 1em 0; } fieldset { border: none; padding: 0; margin: 0; } fieldset legend { font-weight: 600; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 0.95em; font-size: 0.875rem; font-weight: 600; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Elements / Tables --------------------------------------------- */ table, .wp-block-table { width: 100%; border-collapse: collapse; border-spacing: 0; } table:not(.-unstyle) td, table:not(.-unstyle) th, .wp-block-table:not(.-unstyle) td, .wp-block-table:not(.-unstyle) th { border: none; border-top: 1px solid rgba(150, 144, 162, 0.15); border-bottom: 1px solid rgba(150, 144, 162, 0.15); text-align: inherit; padding: 0.7rem 0.7rem 0.7rem 0; vertical-align: top; } table:not(.-unstyle) td:last-child, table:not(.-unstyle) th:last-child, .wp-block-table:not(.-unstyle) td:last-child, .wp-block-table:not(.-unstyle) th:last-child { padding-right: 0; } table thead th, .wp-block-table thead th { border: none; } table th, .wp-block-table th { font-weight: 600; font-size: 0.9rem; } table.is-style-stripes tbody tr:nth-child(odd), .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: rgba(150, 144, 162, 0.08); } table.is-style-stripes td, .wp-block-table.is-style-stripes td { border-color: rgba(150, 144, 162, 0.15); } table.-unstyle, .wp-block-table.-unstyle { line-height: 1.4; } table.-unstyle td, table.-unstyle th, .wp-block-table.-unstyle td, .wp-block-table.-unstyle th { vertical-align: top; } /* Elements / Links --------------------------------------------- */ a { text-decoration: none; color: inherit; } a:not(.-unlink) { color: inherit; cursor: pointer; background-repeat: no-repeat; -webkit-background-size: 100% 0.2em; background-size: 100% 0.2em; background-position: 0px 110%; } a:not(.-unlink):hover, a:not(.-unlink):active, a:not(.-unlink):focus, a:not(.-unlink).-dashed { color: #dc2828; -webkit-animation: 0.4s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running links; animation: 0.4s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running links; background-image: -webkit-linear-gradient(currentColor 0px, currentColor 100%); background-image: -o-linear-gradient(currentColor 0px, currentColor 100%); background-image: linear-gradient(currentColor 0px, currentColor 100%); } a:not(.-unlink).-undash { background-image: none; } a:not(.-unlink).-highlighted { color: #dc2828; } a.titles-typo { letter-spacing: -0.02rem; } a:hover, a .title:hover { -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } @-webkit-keyframes links { 0% { -webkit-background-size: 100% 0.2em; background-size: 100% 0.2em; background-position: 0 110%; } 50% { -webkit-background-size: 0% 0.2em; background-size: 0% 0.2em; background-position: 0 110%; } 50.01% { -webkit-background-size: 0% 0.2em; background-size: 0% 0.2em; background-position: right 0 top 110%; } 100% { -webkit-background-size: 100% 0.2em; background-size: 100% 0.2em; background-position: right 0 top 110%; } } @keyframes links { 0% { -webkit-background-size: 100% 0.2em; background-size: 100% 0.2em; background-position: 0 110%; } 50% { -webkit-background-size: 0% 0.2em; background-size: 0% 0.2em; background-position: 0 110%; } 50.01% { -webkit-background-size: 0% 0.2em; background-size: 0% 0.2em; background-position: right 0 top 110%; } 100% { -webkit-background-size: 100% 0.2em; background-size: 100% 0.2em; background-position: right 0 top 110%; } } body:not(.links-underline) a:not(.-unlink):hover, body:not(.links-underline) a:not(.-unlink):active, body:not(.links-underline) a:not(.-unlink):focus, body:not(.links-underline) a:not(.-unlink).-dashed { background-image: none; } /* Elements / Sticky --------------------------------------------- */ /* Typography / Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6, .titles-typo, .font-titles { font-family: "DM Sans", sans-serif; color: #111013; font-weight: bold; margin: 0; } h1:not(.title) + *, h2:not(.title) + *, h3:not(.title) + *, h4:not(.title) + *, h5:not(.title) + *, h6:not(.title) + *, .titles-typo:not(.title) + *, .font-titles:not(.title) + * { -webkit-margin-before: 1em; margin-block-start: 1em; } h1.heading-md, h2.heading-md, h3.heading-md, h4.heading-md, h5.heading-md, h6.heading-md, .titles-typo.heading-md, .font-titles.heading-md { font-size: 1.55rem; margin-bottom: 3vh; } h1 { letter-spacing: -.045em; line-height: 1; font-size: -webkit-calc(3rem + 1.5 * ( (100vw - 576px) / 864)); font-size: calc(3rem + 1.5 * ( (100vw - 576px) / 864)); } h2 { letter-spacing: -.04em; line-height: 1.05; font-size: -webkit-calc(2.35rem + 0.9 * ( (100vw - 576px) / 864)); font-size: calc(2.35rem + 0.9 * ( (100vw - 576px) / 864)); } h3 { letter-spacing: -.035em; line-height: 1.15; font-size: -webkit-calc(2rem + 0.25 * ( (100vw - 576px) / 864)); font-size: calc(2rem + 0.25 * ( (100vw - 576px) / 864)); } h3:not(.title) + * { margin-top: 1rem; } h4:not(.title) + *, h5:not(.title) + *, h6:not(.title) + * { margin-top: 0.75rem; } h4 { letter-spacing: -.03em; line-height: 1.2; font-size: -webkit-calc(1.5rem + 0.25 * ( (100vw - 576px) / 864)); font-size: calc(1.5rem + 0.25 * ( (100vw - 576px) / 864)); } h5 { letter-spacing: -.025em; line-height: 1.25; font-size: -webkit-calc(1.25rem + 0 * ( (100vw - 576px) / 864)); font-size: calc(1.25rem + 0 * ( (100vw - 576px) / 864)); } h6 { font-size: 1em; letter-spacing: -.02em; line-height: 1.35; } /* Typography / Copy --------------------------------------------- */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } dfn, cite, em, i { font-style: italic; } blockquote, q { margin: 0; padding: 0 0 0 1.5rem; quotes: "" ""; position: relative; border-left: 0.25rem solid rgba(150, 144, 162, 0.5); } blockquote p, q p { margin: 0; font-style: normal; font-weight: 400; position: relative; } blockquote cite, blockquote h4, q cite, q h4 { position: relative; text-align: left; margin-top: 5px; font-weight: 600; font-size: 0.95em; font-style: normal; } address { margin: 0 0 1.5em; font-style: normal; } pre { font-family: menlo, monaco, consolas, "Lucida Console", monospace; font-size: 0.9em; background-color: rgba(150, 144, 162, 0.08); border-left: 5px solid rgba(150, 144, 162, 0.08); margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1rem; } pre > a { color: inherit !important; font-weight: 600; } pre:not(.-warning) { -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } pre.-warning { margin: 0; -webkit-border-top-right-radius: 0.35rem; border-top-right-radius: 0.35rem; -webkit-border-top-left-radius: 0.35rem; border-top-left-radius: 0.35rem; } pre.-warning + pre { margin-top: 0; background-color: rgba(236, 128, 19, 0.15); color: #ec8013; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } code { font-family: menlo, monaco, consolas, "Lucida Console", monospace; font-size: 0.95em; color: #635d6f; background-color: rgba(150, 144, 162, 0.08); padding: 3px 6px; word-break: normal; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; } caption { font-size: 0.9rem; font-weight: 600; } code, kbd, tt, var { font-family: menlo, monaco, consolas, "Lucida Console", monospace; } abbr, acronym { border-bottom: 1px dotted rgba(150, 144, 162, 0.08); cursor: help; } mark, ins { text-decoration: none; } mark { background-color: rgba(236, 128, 19, 0.15); padding: 0.25rem 0; } big { font-size: 125%; } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /* ## Tailwindcss --------------------------------------------- */ /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ .infinity-end.neverending .site-footer { display: block; } /* ## Utilities --------------------------------------------- */ .-block, .sticky { display: block; width: 100%; } .byline, .-inline { display: inline; } .-inline-block { display: inline-block; } .-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .disabled, :disabled { pointer-events: none; -webkit-filter: none; filter: none; opacity: .5; } .-unlist { margin: 0; padding: 0; list-style: none; } .-unlist > li { margin: 0; padding: 0; } .-unlist > li::before { content: ""; display: none; } .-unspace, .-unspace.elementor-widget-text-editor p { margin: 0; } .-small-t { font-size: 0.95em; } .-medium-t { font-weight: 500; } .-light-t { color: #635d6f; } .-nowrap-t { white-space: nowrap; } .-left, .text-left { text-align: left; } .-left-flex { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .-center, .text-center, .aligncenter { text-align: center; } .-center-flex { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .-right, .text-right { text-align: right; } .-right-flex { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .-alignfull { max-width: none; position: relative; } .-float-left { float: left; } .-float-right { float: right; } .-move-center { margin-left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .-move-right { margin-left: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .-full-h, .full-height { height: 100%; max-height: 100%; } .-full-w, .full-width { width: 100%; max-width: 100%; } .-full-vh, .-full-vh.clb-slider-item, .full-vh, .full-vh.clb-slider-item { height: 100vh; } .-full-vw { width: 100vw; } .-fade-up { -webkit-transform: translateY(6%); -ms-transform: translateY(6%); transform: translateY(6%); opacity: 0; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .-fade-down { -webkit-transform: translateY(-6%); -ms-transform: translateY(-6%); transform: translateY(-6%); opacity: 0; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .no-transition { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .-visible, .visible { opacity: 1 !important; visibility: visible !important; } .-invisible, .invisible { opacity: 0 !important; visibility: hidden !important; } .-hidden, .hidden, .hide { display: none; } .show, .unhidden { display: block; } .-overflow-hidden, .-overflow-hidden > .elementor-widget-wrap { overflow: hidden; } .-light, .-light .icon { color: #fff; } [data-ohio-content-scroll] { width: 100%; } [data-isotope-grid] { -webkit-transition: height .3s ease-in-out; -o-transition: height .3s ease-in-out; transition: height .3s ease-in-out; } .clb__narrow h4 { font-size: 1.5rem; } /*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/ /* Page --------------------------------------------- */ .site-content { background-color: #fff; min-height: -webkit-calc(100vh - 25vh); min-height: calc(100vh - 25vh); } .site-content::after { content: ""; display: table; clear: both; } @supports (-webkit-touch-callout: none) { .site-content { overflow-x: hidden; } } .page-container { margin: 0 auto; position: relative; } .page-container:not(.-full-w) { padding-left: 1.25rem; padding-right: 1.25rem; } .page-container:not(.-full-w), .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1300px; } .page-container.top-offset { padding-top: 5rem; } .page-container.bottom-offset { padding-bottom: 5rem; } .page-container::after { content: ""; display: table; clear: both; } .boxed-container { margin-right: 12vw; margin-left: 12vw; position: relative; } .archive-holder { margin-top: -1.25rem; } .page-template-page_for-projects .-with-sorting .portfolio-filter + .portfolio-grid:not(.-nospace) { margin-top: -1.25rem; } .single-post .page-content.-left .content-area .vc_col-lg-8, .single-post .page-content.-right .content-area .vc_col-lg-8 { left: auto; width: 100%; } .search-no-results .breadcrumbs, .search-no-results .woo-sidebar { display: none; } .search-no-results .page-content.-left, .search-no-results .page-content.-right { width: 100%; } .global-page-animation > #page { opacity: 0; margin-top: -1.5rem; -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .global-page-animation.global-page-animation-active > #page { opacity: 1; margin-top: 0; } .global-page-animation.global-page-animation-fade-out > #page { opacity: 0; margin-top: -1.5rem; } /* Sidebar --------------------------------------------- */ .page-sidebar { float: right; position: relative; z-index: 1; width: -webkit-calc(25% - 50px); width: calc(25% - 50px); margin-bottom: 50px; } .page-sidebar.-left { float: left; } .page-sidebar.-right { float: right; } .page-sidebar.-boxed { background-color: rgba(150, 144, 162, 0.06); -webkit-border-radius: 0.35rem; border-radius: 0.35rem; padding: 3vh; } .page-sidebar .widget { padding-top: 0; } /* Menu --------------------------------------------- */ .menu-blank { border: 2px dashed rgba(236, 128, 19, 0.35); padding: 0.5rem 1rem; display: inline-block; font-size: 0.95em; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .menu-blank a { font-weight: bold; font-family: inherit; } .has-submenu-icon { position: absolute; top: 50%; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: translateY(-50%) scale(0.75) rotate(0deg); -ms-transform: translateY(-50%) scale(0.75) rotate(0deg); transform: translateY(-50%) scale(0.75) rotate(0deg); right: 0; line-height: 0; opacity: .5; } .has-submenu-icon .menu-plus { -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .has-submenu:hover > a > .has-submenu-icon .menu-plus, .has-submenu.active > a > .has-submenu-icon .menu-plus, .has-submenu.visible > a > .has-submenu-icon .menu-plus { -webkit-transform: rotate(135deg) !important; -ms-transform: rotate(135deg) !important; transform: rotate(135deg) !important; } .menu, .menu .sub-menu, .menu .sub-sub-menu { margin: 0; padding: 0; list-style: none; } .menu > li, .menu .sub-menu > li, .menu .sub-sub-menu > li { margin: 0; padding: 0; } .menu > li::before, .menu .sub-menu > li::before, .menu .sub-sub-menu > li::before { content: ""; display: none; } .nav { cursor: default; position: relative; z-index: 10; font-weight: 500; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .nav a::before, .nav .close-bar { display: none; } .nav .mobile-overlay { display: block; } .nav.with-counters .nav-item { counter-increment: number; } .nav.with-counters .nav-item > a > span { position: relative; } .nav.with-counters .nav-item > a > span::before { content: "0" counter(number); display: inline-block; font-weight: bold; width: auto; right: 0; top: -0.75em; line-height: 0.6em; font-size: 0.6em; position: absolute; height: auto; opacity: .75; } .nav.hidden { display: none; } .header:not(.-mobile) .menu { min-height: 2.75rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; } .header:not(.-mobile) .menu li { position: relative; padding: 0; } .header:not(.-mobile) .menu li span { white-space: normal; line-height: 1.3; } .header:not(.-mobile) .menu li .menu-chevron { margin-left: 2.5vw; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .header:not(.-mobile) .menu li > ul { width: auto; min-width: 13.5rem; position: absolute; left: 0; top: 2.75rem; z-index: 10; margin: 0; padding-top: 1rem; padding-bottom: 1rem; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transform-origin: 50% -50px; -ms-transform-origin: 50% -50px; transform-origin: 50% -50px; -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; -webkit-box-shadow: 0 20px 32px -8px rgba(17, 16, 19, 0.15), 0 0 1px rgba(17, 16, 19, 0.05); box-shadow: 0 20px 32px -8px rgba(17, 16, 19, 0.15), 0 0 1px rgba(17, 16, 19, 0.05); -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; -o-transition-property: transform, opacity, visibility; transition-property: transform, opacity, visibility; transition-property: transform, opacity, visibility, -webkit-transform; } .header:not(.-mobile) .menu li > ul > li { line-height: 100%; font-weight: normal; font-size: .98rem; } .header:not(.-mobile) .menu li > ul > li a { padding: 0.45rem 1.5rem; display: block; } .header:not(.-mobile) .menu li > ul > li a:hover { background-color: rgba(150, 144, 162, 0.06); } .header:not(.-mobile) .menu li > ul > li a > .has-submenu-icon > .menu-chevron { display: none; } .header:not(.-mobile) .menu li > ul > li > ul { top: -1rem; left: 100%; } .header:not(.-mobile) .menu li > ul .has-submenu-icon { margin-right: 1.5rem; } .header:not(.-mobile) .menu li:hover > ul, .header:not(.-mobile) .menu li.active > ul { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; z-index: 200; transform: none; visibility: visible; opacity: 1; } .header:not(.-mobile) .menu li:hover .sub-menu-wide ul, .header:not(.-mobile) .menu li.active .sub-menu-wide ul { visibility: visible; opacity: 1; } .header:not(.-mobile) .menu li:hover .menu-chevron, .header:not(.-mobile) .menu li.active .menu-chevron { -webkit-transform: rotate3d(1, 0, 0, 180deg); transform: rotate3d(1, 0, 0, 180deg); } .header:not(.-mobile) .menu > .nav-item { margin: 0; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .header:not(.-mobile) .menu > .nav-item > a { padding: 0 1.2vw; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .header:not(.-mobile) .menu > .nav-item > a > .has-submenu-icon > .menu-plus { display: none; } .header:not(.-mobile) .menu .sub-menu-wide { width: -webkit-calc(100vw - 8.8vh); width: calc(100vw - 8.8vh); -webkit-border-radius: 0.75rem; border-radius: 0.75rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .header:not(.-mobile) .menu .sub-menu-wide > li { width: -webkit-calc(100% / 6); width: calc(100% / 6); } .header:not(.-mobile) .menu .sub-menu-wide > li > a.menu-link { text-transform: uppercase; opacity: 0.65; font-size: .8em; font-weight: 600; margin-bottom: 0.5rem; } .header:not(.-mobile) .menu .sub-menu-wide > li > a.menu-link:hover { background: transparent; } .header:not(.-mobile) .menu .sub-menu-wide ul { padding: 0; -webkit-box-shadow: none !important; box-shadow: none !important; position: static; -webkit-transform: none; -ms-transform: none; transform: none; } .header:not(.-mobile) .menu .sub-menu-wide .has-submenu-icon { display: none; } .header:not(.-mobile) .menu:hover .nav-item:not(:hover) { opacity: 0.5; } .header:not(.-mobile) .mobile-overlay { height: 100%; } .header:not(.-mobile) .mobile-overlay .lang-dropdown { display: none; } .header:not(.-mobile) .mobile-overlay .holder { height: 100%; } .header:not(.-mobile) .copyright, .header:not(.-mobile) .mobile-hamburger { display: none; } .header:not(.-mobile) .nav-container { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .header:not(.-mobile) .nav.with-mobile-menu #mobile-menu { display: none; } .header.-mobile .menu-chevron { display: none; } .header.-mobile .menu li > ul { height: 0px; margin: 0; padding-left: 15px; overflow: hidden; font-size: 0.95em; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .header.-mobile .menu li > ul.active { height: auto; } .header.-mobile .menu li > ul li { padding: 0; } .header.-mobile .menu li > ul li.active { font-weight: 600; } .header.-mobile .menu li > ul ul { font-weight: 500; } .header.-mobile .menu > .nav-item { font-size: 1.05em; position: relative; padding: 0; margin: 0 -20px; } .header.-mobile .menu > .nav-item a { display: block; line-height: 2em; padding: 5px 20px; position: relative; } .header.-mobile .menu > .nav-item a .has-submenu-icon { right: 20px; } .header.-mobile .menu > .nav-item.active > a::before { content: ""; display: block; position: absolute; height: 100%; width: 2px; left: 0; top: 0; opacity: 1; background-color: currentColor; } .header.-mobile .nav.with-mobile-menu #menu-primary { display: none; } .header.-mobile .nav:not(.with-mobile-menu) #mobile-menu { display: none; } .header.-mobile .desktop-hamburger { display: none; } .header.-mobile.-sticky .close-bar { position: static; } .header.-mobile.-sticky .close-bar .clb-close { z-index: 10; } .header.-mobile.-sticky .close-bar .search-global { position: absolute; } .header.-mobile:not(.without-mobile-search) .search-global { display: block !important; } .header.-mobile.without-mobile-search .search-global { display: none; } .hamburger { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .hamburger.icon-button > .icon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .hamburger.icon-button > .icon::after, .hamburger.icon-button > .icon::before { content: ""; height: 2px; margin: 3px 0; background-color: currentColor; } .hamburger.icon-button > .icon::before { width: 1.375rem; } .hamburger.icon-button > .icon::after { width: 1.1rem; } .menu-optional { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .menu-optional > li:not(.icon-button-holder):not(:last-child) { padding-right: 1rem; } .menu-optional > li:first-child { padding-left: 2vw; } .hamburger-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 4vh; } .hamburger-nav-holder { height: 100%; top: 4vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .hamburger-nav .menu { counter-reset: number; width: 25%; position: relative; } .hamburger-nav .menu li { color: #fff; } .hamburger-nav .menu-blank { color: #fff; } .hamburger-nav .menu .menu-chevron { display: none; } .hamburger-nav .menu.menu-blank { width: auto; margin: 0; color: #fff; } .hamburger-nav .menu .nav-item { counter-increment: number; } .hamburger-nav .menu .nav-item > a::before { content: "0" counter(number); display: inline-block; opacity: 1; font-weight: bold; width: auto; vertical-align: top; line-height: 20px; font-size: 14px; position: relative; height: auto; background: transparent; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; color: #9690a2; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .hamburger-nav .menu .mega-menu-item { padding: 5px 50px 5px 0px; list-style-type: none; line-height: 1; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .hamburger-nav .menu .mega-menu-item > a { width: 100%; vertical-align: middle; font-weight: bold; font-size: 5vh; font-family: "DM Sans", sans-serif; display: block; position: relative; z-index: 2; } .hamburger-nav .menu .mega-menu-item > a span { line-height: 1.2; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .hamburger-nav .menu .mega-menu-item .has-submenu-icon:not(:hover) { -webkit-transform: translateY(-50%) scale(1) rotate(0deg); -ms-transform: translateY(-50%) scale(1) rotate(0deg); transform: translateY(-50%) scale(1) rotate(0deg); } .hamburger-nav .menu .mega-menu-item > ul { width: 100%; margin: 0; position: absolute; top: 0; left: 100%; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .hamburger-nav .menu .mega-menu-item > ul.visible { opacity: 1; visibility: visible; } .hamburger-nav .menu .mega-menu-item:hover > a span, .hamburger-nav .menu .mega-menu-item.active > a span { opacity: .5; -webkit-transform: translateX(1rem); -ms-transform: translateX(1rem); transform: translateX(1rem); } .hamburger-nav .menu .mega-menu-item:hover > a::before, .hamburger-nav .menu .mega-menu-item.active > a::before { -webkit-transform: translateX(1rem); -ms-transform: translateX(1rem); transform: translateX(1rem); opacity: 0; } .hamburger-nav .menu .mega-menu-item:hover > a .ion, .hamburger-nav .menu .mega-menu-item.active > a .ion { color: #dc2828; } .hamburger-nav .menu .mega-menu-item:hover > ul, .hamburger-nav .menu .mega-menu-item.active > ul { opacity: 1; visibility: visible; } .hamburger-nav .menu .mega-menu-item:hover > ul > *, .hamburger-nav .menu .mega-menu-item.active > ul > * { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; opacity: 1; } .hamburger-nav-details { font-size: 0.95em; padding-top: 2rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #635d6f; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .hamburger-nav-details .lang-dropdown { background-color: rgba(150, 144, 162, 0.08); color: #fff; width: auto; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } .hamburger-nav-details .details-column { width: 25%; margin: 1rem 0; } .hamburger-nav-details .details-column b, .hamburger-nav-details .details-column .network { color: #fff; } .hamburger-nav:not(.type2):not(.type3) { padding-left: 4rem; padding-right: 4rem; } .hamburger-nav:not(.type2):not(.type3) .menu .nav-item > a::before { margin-right: 0.5rem; } .hamburger-nav.type2, .hamburger-nav.type3 { display: block; } .hamburger-nav.type2 .page-container, .hamburger-nav.type3 .page-container { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .hamburger-nav.type2 .hamburger-nav-holder, .hamburger-nav.type3 .hamburger-nav-holder { overflow-x: hidden; overflow-y: scroll; scrollbar-width: none; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .hamburger-nav.type2 .hamburger-nav-holder::-webkit-scrollbar, .hamburger-nav.type2 .hamburger-nav-holder::-webkit-scrollbar-thumb, .hamburger-nav.type3 .hamburger-nav-holder::-webkit-scrollbar, .hamburger-nav.type3 .hamburger-nav-holder::-webkit-scrollbar-thumb { visibility: hidden; } .hamburger-nav.type2 .menu, .hamburger-nav.type3 .menu { min-width: initial; text-align: center; width: 40vw; } .hamburger-nav.type2 .menu .has-submenu-icon, .hamburger-nav.type3 .menu .has-submenu-icon { position: static; top: 0; right: 0; margin-left: -3rem; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); z-index: 1; } .hamburger-nav.type2 .menu .has-submenu-icon:not(:hover), .hamburger-nav.type3 .menu .has-submenu-icon:not(:hover) { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } .hamburger-nav.type2 .menu .has-submenu-icon .ion, .hamburger-nav.type3 .menu .has-submenu-icon .ion { background-color: transparent; font-size: 1.25em; } .hamburger-nav.type2 .menu li, .hamburger-nav.type3 .menu li { padding-right: 0; white-space: nowrap; position: relative; overflow: hidden; text-transform: uppercase; } .hamburger-nav.type2 .menu li > a, .hamburger-nav.type3 .menu li > a { position: relative; width: auto; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .hamburger-nav.type2 .menu li > a span, .hamburger-nav.type3 .menu li > a span { padding: 0px 10px; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .hamburger-nav.type2 .menu li > a span.cloned, .hamburger-nav.type3 .menu li > a span.cloned { position: absolute; top: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .hamburger-nav.type2 .menu li > a::before, .hamburger-nav.type3 .menu li > a::before { position: absolute; left: -1rem; } .hamburger-nav.type2 .menu li > ul, .hamburger-nav.type3 .menu li > ul { max-height: 0vh; overflow: hidden; position: static; visibility: visible !important; opacity: 1 !important; margin: 0; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .hamburger-nav.type2 .menu li > ul span, .hamburger-nav.type3 .menu li > ul span { font-size: 0.75em; } .hamburger-nav.type2 .menu li.active > ul, .hamburger-nav.type3 .menu li.active > ul { max-height: 100vh; margin-top: 20px; margin-bottom: 20px; } .hamburger-nav.type2 .menu li:hover .has-submenu-icon, .hamburger-nav.type2 .menu li.active .has-submenu-icon, .hamburger-nav.type3 .menu li:hover .has-submenu-icon, .hamburger-nav.type3 .menu li.active .has-submenu-icon { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .hamburger-nav.type2 .menu li:hover > a span:not(.cloned), .hamburger-nav.type2 .menu li.active > a span:not(.cloned), .hamburger-nav.type3 .menu li:hover > a span:not(.cloned), .hamburger-nav.type3 .menu li.active > a span:not(.cloned) { -webkit-transform: translateY(-110%); -ms-transform: translateY(-110%); transform: translateY(-110%); opacity: 0; } .hamburger-nav.type2 .menu li:hover > a span.cloned, .hamburger-nav.type2 .menu li.active > a span.cloned, .hamburger-nav.type3 .menu li:hover > a span.cloned, .hamburger-nav.type3 .menu li.active > a span.cloned { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: .5; } .hamburger-nav.type2 .hamburger-nav-details { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .hamburger-nav.type3 { padding: 0; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .hamburger-nav.type3 > .page-container { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .hamburger-nav.type3 .hamburger-nav-holder { width: 75%; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .hamburger-nav.type3 .menu { width: 100%; padding-left: 0; max-height: 80vh; } .hamburger-nav.type3 .menu .mega-menu-item > a { overflow: hidden; padding-left: 1.25rem; font-size: 10vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .hamburger-nav.type3 .menu .mega-menu-item > a span { line-height: .95; } .hamburger-nav.type3 .menu .mega-menu-item > a span.cloned { width: 100%; -webkit-text-stroke: 1px currentColor; -webkit-text-fill-color: transparent; } .hamburger-nav.type3 .menu .mega-menu-item > a::before { left: 0; } .hamburger-nav.type3 .hamburger-nav-details { width: 25%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 4vh; } .hamburger-nav.type3 .hamburger-nav-details .details-column { width: 100%; } .is-mobile-menu .hamburger-nav { display: none; } /* Header --------------------------------------------- */ .header { background: transparent; vertical-align: middle; left: 0; right: 0; z-index: 60; border-style: none; border-width: 0; border-bottom-width: 1px; border-bottom-color: rgba(150, 144, 162, 0.15); } .header:not(.-fixed) { position: absolute; } .header-cap { width: 100%; height: 12vh; } .header-wrap { position: relative; z-index: 1; height: 12vh; } .header-wrap .left-part, .header-wrap .right-part, .header-wrap .top-part { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .header-wrap .right-part { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .header-wrap-inner { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .header-wrap-inner.vertical-inner { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .header-wrap-inner .menu-optional { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .header-wrap:not(.page-container) { padding-left: 4vh; padding-right: 4vh; } .header-wrap.wrapped-container { padding: 0 15px; } .header-wrap .top-part { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .header-wrap .bottom-part { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .header .social-bar { display: none; } .header ul li { list-style: none; } .header .fixed-logo, .header .mobile-logo, .header .fixed-mobile-logo { display: none; } .header:not(.-sticky) .mobile-overlay .icon-button { color: initial; } .header .branding { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .header .branding-title { font-weight: bold; font-size: 1.4em; } .header .branding-title .light { color: #fff; } .header .branding:hover { opacity: .65; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .header .branding .logo:hover img, .header .branding .mobile-logo:hover img, .header .branding .for-onepage:hover img { -webkit-transform: none; -ms-transform: none; transform: none; } .header .branding .logo img, .header .branding .mobile-logo img, .header .branding .for-onepage img { max-height: 66px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header .branding .fixed-logo { display: none; } .header.header-2 .header-wrap .top-part:not(.page-container) { padding-left: 4vh; padding-right: 4vh; } .header.header-2:not(.-mobile) .header-wrap { height: 20vh; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: stretch; -ms-flex-pack: stretch; -webkit-justify-content: stretch; justify-content: stretch; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .header.header-2:not(.-mobile) .header-wrap .left-part, .header.header-2:not(.-mobile) .header-wrap .right-part { min-width: 20vw; } .header.header-2:not(.-mobile) .header-wrap .top-part.page-container::after { content: none; } .header.header-2:not(.-mobile) .header-wrap .middle-part { border-top: 1px solid rgba(150, 144, 162, 0.15); } .header.header-2:not(.-mobile) .header-wrap .bottom-part { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .header.header-2:not(.-mobile) .header-wrap .top-part, .header.header-2:not(.-mobile) .header-wrap .bottom-part { height: auto; padding-top: 1.5vh; padding-bottom: 1.5vh; } .header.header-2:not(.-mobile).-sticky .header-wrap { height: 17vh; } .header.header-2.-mobile .header-wrap { padding: 0; } .header.header-2.-mobile .branding + .menu-optional { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .header.header-3:not(.-mobile) .nav { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .header.header-4 .left-part { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .header.header-4 .left-part .desktop-hamburger { margin-right: 1rem; } .header.header-4 .left-part .menu-optional > li:first-child { padding-left: 0; } .header.header-4:not(.-mobile) { opacity: 0; -webkit-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .header.header-4:not(.-mobile) .branding { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header.header-4:not(.-mobile) .branding-title { width: auto; padding: 0 30px; } .header.header-4:not(.-mobile) .left-part, .header.header-4:not(.-mobile) .right-part { z-index: 20; } .header.header-4:not(.-mobile) .top-part { height: 100%; position: relative; } .header.header-4:not(.-mobile) .top-part .nav { position: absolute; } .header.header-4:not(.-mobile) .top-part.page-container::after { display: none; } .header.header-5:not(.-mobile) { width: 33vh; min-height: 100%; position: fixed; top: 0; left: 0; padding: 0; } .header.header-5:not(.-mobile) .header-wrap { height: 100vh; padding-bottom: 4vh; } .header.header-5:not(.-mobile) .header-wrap .top-part { height: 12vh; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .header.header-5:not(.-mobile) .header-wrap .bottom-part { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .header.header-5:not(.-mobile) .middle-part, .header.header-5:not(.-mobile) .mobile-overlay { width: 100%; } .header.header-5:not(.-mobile) .menu { width: 100%; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .header.header-5:not(.-mobile) .menu li { font-size: 1.05em; font-weight: 600; width: 100%; } .header.header-5:not(.-mobile) .menu li a { width: 100%; padding-top: 0.3rem; padding-bottom: 0.3rem; } .header.header-5:not(.-mobile) .menu li .sub-menu { margin-left: 4vh; } .header.header-5:not(.-mobile) .menu li .sub-menu, .header.header-5:not(.-mobile) .menu li .sub-menu .sub-sub-menu { -webkit-box-shadow: none; box-shadow: none; background: transparent; } .header.header-5:not(.-mobile) .menu li > ul { -webkit-box-shadow: none; box-shadow: none; min-width: 33vh; position: absolute; top: 0; left: 100%; color: #fff; background-color: transparent; padding: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .header.header-5:not(.-mobile) .menu li > ul li { -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .header.header-5:not(.-mobile) .menu li:hover > ul, .header.header-5:not(.-mobile) .menu li:hover > ul > *, .header.header-5:not(.-mobile) .menu li:hover::after { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; } .header.header-5:not(.-mobile) .menu > .nav-item > a { padding-left: 0; padding-right: 0; } .header.header-5:not(.-mobile) .menu > .nav-item.has-submenu .menu-plus { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header.header-5:not(.-mobile) .menu > .nav-item.has-submenu .menu-chevron { display: none; } .header.header-5:not(.-mobile) .menu > .nav-item::after { content: ""; height: 100vh; background: rgba(17, 16, 19, 0.99); position: fixed; left: 33vh; right: 0; top: 0; z-index: -1; pointer-events: none; visibility: hidden; opacity: 0; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .header.header-5:not(.-mobile) .menu-optional { position: relative; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .header.header-5:not(.-mobile) .menu-optional .cart-button { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .header.header-5:not(.-mobile) .menu-optional > li { margin-top: 0.5rem; padding-right: 0; width: 100%; } .header.header-5:not(.-mobile) .menu-optional > li, .header.header-5:not(.-mobile) .menu-optional > li:first-child { padding-left: 0; } .header.header-5:not(.-mobile) .menu-optional > li .cart-mini { top: auto; right: auto; left: 0; margin-bottom: -webkit-calc(56px + 30px); margin-bottom: calc(56px + 30px); position: fixed; bottom: 4vh; margin-left: 4vh; } .header.header-6:not(.-mobile) .branding { top: 66px; } .header.header-7:not(.-mobile) .header-wrap-inner { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .header.header-7:not(.-mobile) .branding { top: 0; } .header.header-7:not(.-mobile) .middle-part { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .header.header-7.-mobile .top-part { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .header.header-7.-mobile .middle-part { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .header.header-7.-mobile .bottom-part { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .header:not(.-mobile).header-5, .header:not(.-mobile).header-6, .header:not(.-mobile).header-7 { border-bottom: none !important; border-right-width: 1px; border-right-color: rgba(150, 144, 162, 0.15); } .header:not(.-mobile).header-6, .header:not(.-mobile).header-7 { position: fixed; width: 10.5vh; left: 0; top: 0; height: 100%; border-bottom: none; } .header:not(.-mobile).header-6.-sticky .header-wrap, .header:not(.-mobile).header-7.-sticky .header-wrap { height: 100%; } .header:not(.-mobile).header-6 .header-wrap, .header:not(.-mobile).header-7 .header-wrap { height: 100%; } .header:not(.-mobile).header-6 .vertical-inner, .header:not(.-mobile).header-7 .vertical-inner { padding-top: 3vh; padding-bottom: 3vh; } .header:not(.-mobile).header-6 .header-wrap, .header:not(.-mobile).header-7 .header-wrap { padding: 0; } .header:not(.-mobile).header-6 ~ .hamburger-nav.split, .header:not(.-mobile).header-7 ~ .hamburger-nav.split { left: 80px; z-index: 100; } .header:not(.-mobile).header-6 .cart-mini, .header:not(.-mobile).header-7 .cart-mini { top: auto; right: auto; left: 0; bottom: -3.25rem; position: fixed; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg) translate(0%, 0%); -ms-transform: rotate(90deg) translate(0%, 0%); transform: rotate(90deg) translate(0%, 0%); margin-bottom: 4vh; } .header:not(.-mobile).header-6 .menu, .header:not(.-mobile).header-7 .menu { display: none; } .header:not(.-mobile).header-6 .branding, .header:not(.-mobile).header-7 .branding { position: absolute; left: 0; min-width: 35vh; min-height: 10.5vh; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-90deg) translate(-100%, 0%); -ms-transform: rotate(-90deg) translate(-100%, 0%); transform: rotate(-90deg) translate(-100%, 0%); -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .header:not(.-mobile).header-6 .top-part-inner, .header:not(.-mobile).header-7 .top-part-inner { width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .header:not(.-mobile).header-6 .top-part .menu-blank, .header:not(.-mobile).header-7 .top-part .menu-blank { display: none; } .header:not(.-mobile).header-6 .bottom-part, .header:not(.-mobile).header-7 .bottom-part { height: auto; position: relative; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .header:not(.-mobile).header-6 .bottom-part .menu-optional, .header:not(.-mobile).header-7 .bottom-part .menu-optional { position: absolute; left: 0; bottom: 0; height: 10.5vh; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg) translate(0%, 100%); -ms-transform: rotate(-90deg) translate(0%, 100%); transform: rotate(-90deg) translate(0%, 100%); } .header:not(.-mobile).header-6 .bottom-part .menu-optional > li:first-child, .header:not(.-mobile).header-7 .bottom-part .menu-optional > li:first-child { padding-left: 0; padding-right: 0; } .header:not(.-mobile).header-6 .bottom-part .menu-optional > li:last-child, .header:not(.-mobile).header-7 .bottom-part .menu-optional > li:last-child { padding-left: 1rem; } .header:not(.-mobile).header-6 .bottom-part .menu-optional .button, .header:not(.-mobile).header-7 .bottom-part .menu-optional .button { white-space: nowrap; } .header:not(.-mobile).header-6 .bottom-part .menu-optional .lang-dropdown, .header:not(.-mobile).header-7 .bottom-part .menu-optional .lang-dropdown { min-width: 92px; } .header:not(.-mobile).header-6 .bottom-part .menu-optional .cart-button, .header:not(.-mobile).header-7 .bottom-part .menu-optional .cart-button { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .header:not(.-mobile).extended-menu .hamburger { display: none; } .header:not(.-mobile).hamburger-position-right .left-part .hamburger, .header:not(.-mobile).hamburger-position-right .menu-optional-left .hamburger, .header:not(.-mobile).hamburger-position-right .top-part .hamburger { display: none; } .header:not(.-mobile).hamburger-position-right .right-part .hamburger, .header:not(.-mobile).hamburger-position-right .menu-optional-right .hamburger, .header:not(.-mobile).hamburger-position-right .bottom-part .hamburger { display: block; } .header:not(.-mobile).hamburger-position-left .right-part .hamburger, .header:not(.-mobile).hamburger-position-left .menu-optional-right .hamburger, .header:not(.-mobile).hamburger-position-left .bottom-part .hamburger { display: none; } .header:not(.-mobile).hamburger-position-left .left-part .hamburger, .header:not(.-mobile).hamburger-position-left .menu-optional-left .hamburger, .header:not(.-mobile).hamburger-position-left .top-part .hamburger { display: block; } .header.-mobile .social-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header.-mobile.header-5 .header-wrap-inner, .header.-mobile.header-6 .header-wrap-inner, .header.-mobile.header-7 .header-wrap-inner { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .header.-mobile.header-5 .header-wrap-inner .top-part, .header.-mobile.header-5 .header-wrap-inner .middle-part, .header.-mobile.header-6 .header-wrap-inner .top-part, .header.-mobile.header-6 .header-wrap-inner .middle-part, .header.-mobile.header-7 .header-wrap-inner .top-part, .header.-mobile.header-7 .header-wrap-inner .middle-part { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .header.-mobile.header-5 .header-wrap-inner .middle-part, .header.-mobile.header-6 .header-wrap-inner .middle-part, .header.-mobile.header-7 .header-wrap-inner .middle-part { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header.-mobile.header-5 .header-wrap-inner .bottom-part, .header.-mobile.header-6 .header-wrap-inner .bottom-part, .header.-mobile.header-7 .header-wrap-inner .bottom-part { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .header.-mobile.header-6 .top-part-inner, .header.-mobile.header-6 .middle-part-inner, .header.-mobile.header-7 .top-part-inner, .header.-mobile.header-7 .middle-part-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header.-sticky { background: #fff; position: fixed; top: 0; } .header.-sticky:not(.-fixed) { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; visibility: hidden; } .header.-sticky:not(.-fixed) .header-wrap { height: 9vh; } .header.-sticky.showed { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1000; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .header.-sticky.with-header-cap { margin: 0; } .header.-sticky .branding img { max-height: 4.5vh; } .header.-fixed { position: fixed; } :not(.is-mobile-menu).with-header-2 .header-cap { height: 20vh; } :not(.is-mobile-menu).with-header-5.with-spacer .site-content, :not(.is-mobile-menu).with-header-5.with-spacer [data-vc-stretch-content], :not(.is-mobile-menu).with-header-5.with-spacer .elementor-section-stretched { padding-left: 33vh; } :not(.is-mobile-menu).with-header-5.with-spacer .site-footer { margin-left: 33vh; } :not(.is-mobile-menu).with-header-5 .elements-bar.left, :not(.is-mobile-menu).with-header-5 .search-global.fixed, :not(.is-mobile-menu).with-header-5 .back-link { margin-left: 33vh; } :not(.is-mobile-menu).with-header-7 .hamburger-nav:not(.type2):not(.type3) { padding-left: 12vh; } :not(.is-mobile-menu).with-header-7 .hamburger-nav .close-bar { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } :not(.is-mobile-menu).with-header-6.with-spacer .site-content, :not(.is-mobile-menu).with-header-6.with-spacer [data-vc-stretch-content], :not(.is-mobile-menu).with-header-6.with-spacer .elementor-section-stretched, :not(.is-mobile-menu).with-header-7.with-spacer .site-content, :not(.is-mobile-menu).with-header-7.with-spacer [data-vc-stretch-content], :not(.is-mobile-menu).with-header-7.with-spacer .elementor-section-stretched { padding-left: 10.5vh; } :not(.is-mobile-menu).with-header-6.with-spacer .site-footer, :not(.is-mobile-menu).with-header-7.with-spacer .site-footer { margin-left: 10.5vh; } :not(.is-mobile-menu).with-header-6 .hamburger-nav .close-bar, :not(.is-mobile-menu).with-header-7 .hamburger-nav .close-bar { width: 100vh; height: 10.5vh; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(90deg) translate(0, -100%); -ms-transform: rotate(90deg) translate(0, -100%); transform: rotate(90deg) translate(0, -100%); padding-left: 3vh; padding-right: 3vh; } :not(.is-mobile-menu).with-header-6 .elements-bar.left, :not(.is-mobile-menu).with-header-6 .back-link, :not(.is-mobile-menu).with-header-6 .search-global.fixed, :not(.is-mobile-menu).with-header-6 .scroll-bar-container, :not(.is-mobile-menu).with-header-7 .elements-bar.left, :not(.is-mobile-menu).with-header-7 .back-link, :not(.is-mobile-menu).with-header-7 .search-global.fixed, :not(.is-mobile-menu).with-header-7 .scroll-bar-container { margin-left: 10.5vh; } :not(.is-mobile-menu).with-header-6 .search-global.fixed, :not(.is-mobile-menu).with-header-7 .search-global.fixed { bottom: 3vh; } :not(.is-mobile-menu).with-header-5 .header-cap, :not(.is-mobile-menu).with-header-6 .header-cap, :not(.is-mobile-menu).with-header-7 .header-cap { display: none; } :not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .header-5, :not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .header-6, :not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .header-7, :not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .header-5, :not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .header-6, :not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .header-7, :not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .header-5, :not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .header-6, :not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .header-7 { display: none; } :not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .site-content, :not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .site-footer, :not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .site-content, :not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .site-footer, :not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .site-content, :not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .site-footer { margin-left: 0; } :not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] [data-vc-stretch-content], :not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .elementor-section-stretched, :not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] [data-vc-stretch-content], :not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .elementor-section-stretched, :not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] [data-vc-stretch-content], :not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .elementor-section-stretched { padding-left: 0; } .page-is-loaded.is-mobile-menu .nav { display: block; } .header-dynamic-typo.dark-typo .menu > li > a, .header-dynamic-typo.dark-typo .menu-optional .cart-button-total a, .header-dynamic-typo.dark-typo .menu-optional > li > a:not(.btn-optional), .header-dynamic-typo.dark-typo .select-styled, .header-dynamic-typo.dark-typo .menu-optional .icon-button:not(.clb-close) .icon, .header-dynamic-typo.dark-typo .hamburger, .header-dynamic-typo.dark-typo .menu-blank, .header-dynamic-typo.dark-typo .branding { color: #111013 !important; } .header-dynamic-typo.dark-typo .branding .logo { display: none; } .header-dynamic-typo.dark-typo .branding .for-onepage .dark { display: block !important; } .header-dynamic-typo.light-typo .menu > li > a, .header-dynamic-typo.light-typo .menu-optional .cart-button-total a, .header-dynamic-typo.light-typo .menu-optional > li > a:not(.btn-optional), .header-dynamic-typo.light-typo .select-styled, .header-dynamic-typo.light-typo .menu-optional .icon-button:not(.clb-close) .icon, .header-dynamic-typo.light-typo .hamburger, .header-dynamic-typo.light-typo .menu-blank, .header-dynamic-typo.light-typo .branding { color: #fff !important; } .header-dynamic-typo.light-typo .branding .logo { display: none !important; } .header-dynamic-typo.light-typo .branding .for-onepage .light { display: block !important; } .elementor-html .header:not(.header-5):not(.header-6):not(.header-7), .vc_editor .header:not(.header-5):not(.header-6):not(.header-7) { z-index: 0; } .slider-with-bullets .elements-bar.right, .slider-with-bullets .clb-slider:not(.-slider-lightbox) .clb-slider-nav-btn, .slider-with-bullets .portfolio-onepage-slider .clb-slider-nav-btn, .slider-with-bullets .alert.-fixed { margin-right: 2.75rem; } .slider-with-bullets:not(.slider-with-bullets-type5) .sticky-nav { margin-right: 2.75rem; } .slider-with-bullets:not(.slider-with-bullets-type8) .header { margin-right: 2.75rem; } .slider-with-bullets .color-switcher { margin-right: 2.75rem; } .admin-bar .header:not(.-sticky).-mobile .cart-mini { margin-top: 3rem; } .admin-bar .clb-popup:not(.project-lightbox):not(.clb-gallery-lightbox), .admin-bar .-sticky:not(.-mobile), .admin-bar .header-5:not(.-mobile) .top-part, .admin-bar .header-6:not(.-mobile) .top-part, .admin-bar .header-7:not(.-mobile) .top-part, .admin-bar .header-7:not(.-mobile) .middle-part { margin-top: 2rem; } .subheader { background-color: rgba(150, 144, 162, 0.06); width: 100%; vertical-align: middle; cursor: default; position: relative; font-size: 0.85em; z-index: 10; } .subheader, .subheader a { color: #635d6f; } .subheader .page-container { padding-top: 8px; padding-bottom: 8px; min-height: 2.375rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .subheader .page-container.-full-w { padding-left: 4vh; padding-right: 4vh; } .subheader .page-container:after { display: none; } .subheader ul, .subheader ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .subheader ul.-left > li:not(:last-child)::after, .subheader ul.-right > li:not(:last-child)::after { content: ""; height: 1rem; width: 1px; background-color: #635d6f; margin: 0px 0.5rem; display: block; } .subheader ul.-right, .subheader ul.-right li { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* Footer --------------------------------------------- */ .site-footer { background-color: rgba(150, 144, 162, 0.06); } .site-footer .widgets { padding-top: 5rem; padding-bottom: 5rem; } .site-footer .widgets p { margin-top: 0; } .site-footer-copyright { font-size: 0.95em; } .site-footer-copyright .holder { padding-top: 3vh; padding-bottom: 3vh; } .site-footer-copyright .holder:not(.-center) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .site-footer .page-container + .site-footer-copyright .holder { border-top: 1px solid rgba(150, 144, 162, 0.15); } .site-footer .page-container.-full-w { padding-left: 4vh; padding-left: 4vh; } /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ /* Alerts --------------------------------------------- */ .alert { background-color: rgba(150, 144, 162, 0.06); padding: 1rem 1.25rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .alert .icon-button { color: inherit; margin: -2% -2% -2% 2%; } .alert a:hover { background-image: -webkit-linear-gradient(currentColor 0px, currentColor 100%); background-image: -o-linear-gradient(currentColor 0px, currentColor 100%); background-image: linear-gradient(currentColor 0px, currentColor 100%); } .alert.-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .alert.-success { background-color: rgba(41, 163, 102, 0.15); color: #29a366; } .alert.-warning { background-color: rgba(236, 128, 19, 0.15); color: #ec8013; } .alert.-danger { background-color: rgba(221, 60, 87, 0.15); color: #dd3c57; } .alert.-small { padding: 0.5rem 1rem; font-size: 0.95em; } .alert.-large { padding: 1.25rem 1.5rem; font-size: 1.05em; } .alert.-fixed { position: fixed; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; z-index: 51; bottom: 4vh; -webkit-box-shadow: 0px 5px 10px 0px rgba(150, 144, 162, 0.06); box-shadow: 0px 5px 10px 0px rgba(150, 144, 162, 0.06); } .alert.-fixed a { font-weight: 600; } .alert.-fixed.-success { background-color: #d6f5e6; } .alert.-fixed.-danger { background-color: #fbe9ec; } .minimal-scheme .alert { -webkit-border-radius: 0; border-radius: 0; } /* Author --------------------------------------------- */ .author-details { margin-top: 0.2rem; margin-bottom: 0; font-size: 0.95em; } /* Avatar --------------------------------------------- */ .avatar { background-color: rgba(150, 144, 162, 0.35); width: 3.65rem; height: 3.65rem; position: relative; overflow: hidden; -webkit-background-size: cover; background-size: cover; background-position: center; -webkit-border-radius: 100%; border-radius: 100%; } .avatar > img.avatar { max-width: 100%; width: 100%; height: auto; } .avatar.jetpack-lazy-image { display: none; } .avatar::after { content: ""; height: 100%; width: 100%; z-index: 1; top: 0; left: 0; content: ""; display: block; position: absolute; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: inset 0 0 0 0.3125rem rgba(150, 144, 162, 0.15); box-shadow: inset 0 0 0 0.3125rem rgba(150, 144, 162, 0.15); } .avatar.-small { width: 3rem; height: 3rem; } .avatar.-large { width: 4.5rem; height: 4.5rem; } /* Badge --------------------------------------------- */ body .badge, body .tag, body .tagcloud > a, body .wp-block-tag-cloud > a, body .testimonial-headline > b { font-weight: 500; padding: 0.35rem 0.5rem; line-height: 1; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } body .badge { background-color: #161519; color: #fff; font-size: 0.9rem; } body .badge.-primary { background-color: #dc2828; } body .tag, body .tagcloud > a, body .wp-block-tag-cloud > a, body .testimonial-headline > b { background: rgba(150, 144, 162, 0.15); font-size: 0.9rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } body .tag > a, body .tagcloud > a > a, body .wp-block-tag-cloud > a > a, body .testimonial-headline > b > a { background-image: none !important; } body .tag:not(.tag-sale):hover, body .tag:not(.tag-sale):focus, body .tag:not(.tag-sale):active, body .tagcloud > a:not(.tag-sale):hover, body .tagcloud > a:not(.tag-sale):focus, body .tagcloud > a:not(.tag-sale):active, body .wp-block-tag-cloud > a:not(.tag-sale):hover, body .wp-block-tag-cloud > a:not(.tag-sale):focus, body .wp-block-tag-cloud > a:not(.tag-sale):active, body .testimonial-headline > b:not(.tag-sale):hover, body .testimonial-headline > b:not(.tag-sale):focus, body .testimonial-headline > b:not(.tag-sale):active { background: rgba(150, 144, 162, 0.35); color: #111013; } body .tag.tag-sale, body .tagcloud > a.tag-sale, body .wp-block-tag-cloud > a.tag-sale, body .testimonial-headline > b.tag-sale { background-color: #dc2828; color: #fff; } body .minimal-scheme .badge, body .minimal-scheme .tag { -webkit-border-radius: 0; border-radius: 0; } body .minimal-scheme a.tag { background-color: transparent; padding: 0.25rem 0; font-size: 0.95em; } body .minimal-scheme a.tag:hover, body .minimal-scheme a.tag:focus, body .minimal-scheme a.tag:active { background-color: transparent; color: #dc2828; } .pill { font-weight: 600; height: 1.6rem; line-height: 1; padding: 0 0.65rem; color: #161519; border: 2px solid currentColor; margin-bottom: 0.75rem; font-size: 0.9rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 0.8rem; border-radius: 0.8rem; } .pill > svg { fill: currentColor; margin-right: 0.25rem; } .pill.-inverse { color: #fff; } /* Breadcrumb --------------------------------------------- */ .breadcrumb { width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 2.25rem; padding-bottom: 2.25rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .breadcrumb-holder { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; font-size: 0.95em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .breadcrumb-item { font-size: 0.95em; font-weight: 600; } .breadcrumb-item span.active { font-weight: 400; } .breadcrumb-item svg { margin: 0 0.4rem; fill: currentColor; } .post-type-archive-product .breadcrumbs-container.vc_col-lg-push-2 { left: auto; width: 100%; } /* Button --------------------------------------------- */ .btn, .button, a.button, button[type="submit"], input[type="submit"] { background-color: #111013; font-family: "DM Sans", sans-serif; font-size: 0.95em; border: 2px solid transparent; padding: 0 1.15rem; min-height: 3.125rem; font-weight: bold; cursor: pointer; line-height: 1.5rem; letter-spacing: -0.01em; white-space: nowrap; background-image: none !important; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .btn svg, .button svg, a.button svg, button[type="submit"] svg, input[type="submit"] svg { fill: currentColor; } .btn > img.icon, .button > img.icon, a.button > img.icon, button[type="submit"] > img.icon, input[type="submit"] > img.icon { max-height: 1.25em; } .btn.-block, .button.-block, a.button.-block, button[type="submit"].-block, input[type="submit"].-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .btn:not(.-outlined):not(.-flat):not(.-text):not(.-pagination), .button:not(.-outlined):not(.-flat):not(.-text):not(.-pagination), a.button:not(.-outlined):not(.-flat):not(.-text):not(.-pagination), button[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-pagination), input[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-pagination) { color: #fff; } .btn:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):hover, .btn:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):active, .btn:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):focus, .button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):hover, .button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):active, .button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):focus, a.button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):hover, a.button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):active, a.button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):focus, button[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):hover, button[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):active, button[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):focus, input[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):hover, input[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):active, input[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):focus { background-color: #dc2828; color: #fff; } .btn.-outlined, .lazy-load.-outlined .btn.button:not(.-flat), .pagination:not(.text-center).-outlined .btn.button:not(.-flat), .button.-outlined, .lazy-load.-outlined .button:not(.-flat), .pagination:not(.text-center).-outlined .button:not(.-flat), a.button.-outlined, .lazy-load.-outlined a.button:not(.-flat), .pagination:not(.text-center).-outlined a.button:not(.-flat), button[type="submit"].-outlined, .lazy-load.-outlined button.button[type="submit"]:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-flat), input[type="submit"].-outlined, .lazy-load.-outlined input.button[type="submit"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-flat) { background-color: transparent; color: #111013; border-color: currentColor; } .btn.-outlined:not(.-pagination):hover, .lazy-load.-outlined .btn.button:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined .btn.button:not(.-pagination):hover:not(.-flat), .btn.-outlined:not(.-pagination):active, .lazy-load.-outlined .btn.button:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined .btn.button:not(.-pagination):active:not(.-flat), .btn.-outlined:not(.-pagination):focus, .lazy-load.-outlined .btn.button:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined .btn.button:not(.-pagination):focus:not(.-flat), .button.-outlined:not(.-pagination):hover, .lazy-load.-outlined .button:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined .button:not(.-pagination):hover:not(.-flat), .button.-outlined:not(.-pagination):active, .lazy-load.-outlined .button:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined .button:not(.-pagination):active:not(.-flat), .button.-outlined:not(.-pagination):focus, .lazy-load.-outlined .button:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined .button:not(.-pagination):focus:not(.-flat), a.button.-outlined:not(.-pagination):hover, .lazy-load.-outlined a.button:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined a.button:not(.-pagination):hover:not(.-flat), a.button.-outlined:not(.-pagination):active, .lazy-load.-outlined a.button:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined a.button:not(.-pagination):active:not(.-flat), a.button.-outlined:not(.-pagination):focus, .lazy-load.-outlined a.button:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined a.button:not(.-pagination):focus:not(.-flat), button[type="submit"].-outlined:not(.-pagination):hover, .lazy-load.-outlined button.button[type="submit"]:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-pagination):hover:not(.-flat), button[type="submit"].-outlined:not(.-pagination):active, .lazy-load.-outlined button.button[type="submit"]:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-pagination):active:not(.-flat), button[type="submit"].-outlined:not(.-pagination):focus, .lazy-load.-outlined button.button[type="submit"]:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-pagination):focus:not(.-flat), input[type="submit"].-outlined:not(.-pagination):hover, .lazy-load.-outlined input.button[type="submit"]:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-pagination):hover:not(.-flat), input[type="submit"].-outlined:not(.-pagination):active, .lazy-load.-outlined input.button[type="submit"]:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-pagination):active:not(.-flat), input[type="submit"].-outlined:not(.-pagination):focus, .lazy-load.-outlined input.button[type="submit"]:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-pagination):focus:not(.-flat) { border-color: currentColor; color: #dc2828; } .btn.-text, .button.-text, a.button.-text, button[type="submit"].-text, input[type="submit"].-text { background-color: transparent; border: none; padding: 0; min-height: initial; -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; font-size: 1em; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 0 0 0.6rem transparent; box-shadow: 0 0 0 0.6rem transparent; } .btn.-text:hover, .btn.-text:active, .btn.-text:focus, .button.-text:hover, .button.-text:active, .button.-text:focus, a.button.-text:hover, a.button.-text:active, a.button.-text:focus, button[type="submit"].-text:hover, button[type="submit"].-text:active, button[type="submit"].-text:focus, input[type="submit"].-text:hover, input[type="submit"].-text:active, input[type="submit"].-text:focus { background-color: rgba(150, 144, 162, 0.06); -webkit-box-shadow: 0 0 0 0.6rem rgba(150, 144, 162, 0.06); box-shadow: 0 0 0 0.6rem rgba(150, 144, 162, 0.06); } .btn.-flat, .button.-flat, a.button.-flat, button[type="submit"].-flat, input[type="submit"].-flat { background-color: transparent; border: none; } .btn.-flat:hover, .btn.-flat:active, .btn.-flat:focus, .button.-flat:hover, .button.-flat:active, .button.-flat:focus, a.button.-flat:hover, a.button.-flat:active, a.button.-flat:focus, button[type="submit"].-flat:hover, button[type="submit"].-flat:active, button[type="submit"].-flat:focus, input[type="submit"].-flat:hover, input[type="submit"].-flat:active, input[type="submit"].-flat:focus { background-color: rgba(150, 144, 162, 0.06); } .btn.btn-brand:not(.-outlined):not(.-flat):not(.-text):hover, .btn.btn-brand:not(.-outlined):not(.-flat):not(.-text):active, .btn.btn-brand:not(.-outlined):not(.-flat):not(.-text):focus, .btn.-primary:not(.-outlined):not(.-flat):not(.-text):hover, .btn.-primary:not(.-outlined):not(.-flat):not(.-text):active, .btn.-primary:not(.-outlined):not(.-flat):not(.-text):focus, .button.btn-brand:not(.-outlined):not(.-flat):not(.-text):hover, .button.btn-brand:not(.-outlined):not(.-flat):not(.-text):active, .button.btn-brand:not(.-outlined):not(.-flat):not(.-text):focus, .button.-primary:not(.-outlined):not(.-flat):not(.-text):hover, .button.-primary:not(.-outlined):not(.-flat):not(.-text):active, .button.-primary:not(.-outlined):not(.-flat):not(.-text):focus, a.button.btn-brand:not(.-outlined):not(.-flat):not(.-text):hover, a.button.btn-brand:not(.-outlined):not(.-flat):not(.-text):active, a.button.btn-brand:not(.-outlined):not(.-flat):not(.-text):focus, a.button.-primary:not(.-outlined):not(.-flat):not(.-text):hover, a.button.-primary:not(.-outlined):not(.-flat):not(.-text):active, a.button.-primary:not(.-outlined):not(.-flat):not(.-text):focus, button[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):hover, button[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):active, button[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):focus, button[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):hover, button[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):active, button[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):focus, input[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):hover, input[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):active, input[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):focus, input[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):hover, input[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):active, input[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):focus { background-color: #161519; } .btn.btn-brand.-outlined, .lazy-load.-outlined .btn.btn-brand.button:not(.-flat), .pagination:not(.text-center).-outlined .btn.btn-brand.button:not(.-flat), .btn.-primary.-outlined, .lazy-load.-outlined .btn.-primary.button:not(.-flat), .pagination:not(.text-center).-outlined .btn.-primary.button:not(.-flat), .button.btn-brand.-outlined, .lazy-load.-outlined .button.btn-brand:not(.-flat), .pagination:not(.text-center).-outlined .button.btn-brand:not(.-flat), .button.-primary.-outlined, .lazy-load.-outlined .button.-primary:not(.-flat), .pagination:not(.text-center).-outlined .button.-primary:not(.-flat), a.button.btn-brand.-outlined, .lazy-load.-outlined a.button.btn-brand:not(.-flat), .pagination:not(.text-center).-outlined a.button.btn-brand:not(.-flat), a.button.-primary.-outlined, .lazy-load.-outlined a.button.-primary:not(.-flat), .pagination:not(.text-center).-outlined a.button.-primary:not(.-flat), button[type="submit"].btn-brand.-outlined, .lazy-load.-outlined button.button[type="submit"].btn-brand:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].btn-brand:not(.-flat), button[type="submit"].-primary.-outlined, .lazy-load.-outlined button.button[type="submit"].-primary:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].-primary:not(.-flat), input[type="submit"].btn-brand.-outlined, .lazy-load.-outlined input.button[type="submit"].btn-brand:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].btn-brand:not(.-flat), input[type="submit"].-primary.-outlined, .lazy-load.-outlined input.button[type="submit"].-primary:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].-primary:not(.-flat) { border-color: #dc2828; color: #dc2828; } .btn.btn-brand.-outlined:hover, .lazy-load.-outlined .btn.btn-brand.button:hover:not(.-flat), .pagination:not(.text-center).-outlined .btn.btn-brand.button:hover:not(.-flat), .btn.btn-brand.-outlined:active, .lazy-load.-outlined .btn.btn-brand.button:active:not(.-flat), .pagination:not(.text-center).-outlined .btn.btn-brand.button:active:not(.-flat), .btn.btn-brand.-outlined:focus, .lazy-load.-outlined .btn.btn-brand.button:focus:not(.-flat), .pagination:not(.text-center).-outlined .btn.btn-brand.button:focus:not(.-flat), .btn.-primary.-outlined:hover, .lazy-load.-outlined .btn.-primary.button:hover:not(.-flat), .pagination:not(.text-center).-outlined .btn.-primary.button:hover:not(.-flat), .btn.-primary.-outlined:active, .lazy-load.-outlined .btn.-primary.button:active:not(.-flat), .pagination:not(.text-center).-outlined .btn.-primary.button:active:not(.-flat), .btn.-primary.-outlined:focus, .lazy-load.-outlined .btn.-primary.button:focus:not(.-flat), .pagination:not(.text-center).-outlined .btn.-primary.button:focus:not(.-flat), .button.btn-brand.-outlined:hover, .lazy-load.-outlined .button.btn-brand:hover:not(.-flat), .pagination:not(.text-center).-outlined .button.btn-brand:hover:not(.-flat), .button.btn-brand.-outlined:active, .lazy-load.-outlined .button.btn-brand:active:not(.-flat), .pagination:not(.text-center).-outlined .button.btn-brand:active:not(.-flat), .button.btn-brand.-outlined:focus, .lazy-load.-outlined .button.btn-brand:focus:not(.-flat), .pagination:not(.text-center).-outlined .button.btn-brand:focus:not(.-flat), .button.-primary.-outlined:hover, .lazy-load.-outlined .button.-primary:hover:not(.-flat), .pagination:not(.text-center).-outlined .button.-primary:hover:not(.-flat), .button.-primary.-outlined:active, .lazy-load.-outlined .button.-primary:active:not(.-flat), .pagination:not(.text-center).-outlined .button.-primary:active:not(.-flat), .button.-primary.-outlined:focus, .lazy-load.-outlined .button.-primary:focus:not(.-flat), .pagination:not(.text-center).-outlined .button.-primary:focus:not(.-flat), a.button.btn-brand.-outlined:hover, .lazy-load.-outlined a.button.btn-brand:hover:not(.-flat), .pagination:not(.text-center).-outlined a.button.btn-brand:hover:not(.-flat), a.button.btn-brand.-outlined:active, .lazy-load.-outlined a.button.btn-brand:active:not(.-flat), .pagination:not(.text-center).-outlined a.button.btn-brand:active:not(.-flat), a.button.btn-brand.-outlined:focus, .lazy-load.-outlined a.button.btn-brand:focus:not(.-flat), .pagination:not(.text-center).-outlined a.button.btn-brand:focus:not(.-flat), a.button.-primary.-outlined:hover, .lazy-load.-outlined a.button.-primary:hover:not(.-flat), .pagination:not(.text-center).-outlined a.button.-primary:hover:not(.-flat), a.button.-primary.-outlined:active, .lazy-load.-outlined a.button.-primary:active:not(.-flat), .pagination:not(.text-center).-outlined a.button.-primary:active:not(.-flat), a.button.-primary.-outlined:focus, .lazy-load.-outlined a.button.-primary:focus:not(.-flat), .pagination:not(.text-center).-outlined a.button.-primary:focus:not(.-flat), button[type="submit"].btn-brand.-outlined:hover, .lazy-load.-outlined button.button[type="submit"].btn-brand:hover:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].btn-brand:hover:not(.-flat), button[type="submit"].btn-brand.-outlined:active, .lazy-load.-outlined button.button[type="submit"].btn-brand:active:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].btn-brand:active:not(.-flat), button[type="submit"].btn-brand.-outlined:focus, .lazy-load.-outlined button.button[type="submit"].btn-brand:focus:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].btn-brand:focus:not(.-flat), button[type="submit"].-primary.-outlined:hover, .lazy-load.-outlined button.button[type="submit"].-primary:hover:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].-primary:hover:not(.-flat), button[type="submit"].-primary.-outlined:active, .lazy-load.-outlined button.button[type="submit"].-primary:active:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].-primary:active:not(.-flat), button[type="submit"].-primary.-outlined:focus, .lazy-load.-outlined button.button[type="submit"].-primary:focus:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].-primary:focus:not(.-flat), input[type="submit"].btn-brand.-outlined:hover, .lazy-load.-outlined input.button[type="submit"].btn-brand:hover:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].btn-brand:hover:not(.-flat), input[type="submit"].btn-brand.-outlined:active, .lazy-load.-outlined input.button[type="submit"].btn-brand:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].btn-brand:active:not(.-flat), input[type="submit"].btn-brand.-outlined:focus, .lazy-load.-outlined input.button[type="submit"].btn-brand:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].btn-brand:focus:not(.-flat), input[type="submit"].-primary.-outlined:hover, .lazy-load.-outlined input.button[type="submit"].-primary:hover:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].-primary:hover:not(.-flat), input[type="submit"].-primary.-outlined:active, .lazy-load.-outlined input.button[type="submit"].-primary:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].-primary:active:not(.-flat), input[type="submit"].-primary.-outlined:focus, .lazy-load.-outlined input.button[type="submit"].-primary:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].-primary:focus:not(.-flat) { border-color: #161519; color: #161519; } .btn.btn-brand.-flat, .btn.btn-brand.-text, .btn.-primary.-flat, .btn.-primary.-text, .button.btn-brand.-flat, .button.btn-brand.-text, .button.-primary.-flat, .button.-primary.-text, a.button.btn-brand.-flat, a.button.btn-brand.-text, a.button.-primary.-flat, a.button.-primary.-text, button[type="submit"].btn-brand.-flat, button[type="submit"].btn-brand.-text, button[type="submit"].-primary.-flat, button[type="submit"].-primary.-text, input[type="submit"].btn-brand.-flat, input[type="submit"].btn-brand.-text, input[type="submit"].-primary.-flat, input[type="submit"].-primary.-text { color: #dc2828; } .btn.btn-brand:not(.-outlined):not(.-flat):not(.-text), .btn.-primary:not(.-outlined):not(.-flat):not(.-text), .button.btn-brand:not(.-outlined):not(.-flat):not(.-text), .button.-primary:not(.-outlined):not(.-flat):not(.-text), a.button.btn-brand:not(.-outlined):not(.-flat):not(.-text), a.button.-primary:not(.-outlined):not(.-flat):not(.-text), button[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text), button[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text), input[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text), input[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text) { background-color: #dc2828; } .btn.btn-small, .btn.-small, .button.btn-small, .button.-small, a.button.btn-small, a.button.-small, button[type="submit"].btn-small, button[type="submit"].-small, input[type="submit"].btn-small, input[type="submit"].-small { font-size: 0.9em; padding: 0 0.75rem; min-height: 2.25rem; } .btn.-large, .button.-large, a.button.-large, button[type="submit"].-large, input[type="submit"].-large { font-size: 1em; line-height: 1.75rem; padding: 0 1.4rem; min-height: 3.625rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; } .btn:focus, .btn:active, .button:focus, .button:active, a.button:focus, a.button:active, button[type="submit"]:focus, button[type="submit"]:active, input[type="submit"]:focus, input[type="submit"]:active { -webkit-box-shadow: 0 0 0 0.3125rem rgba(150, 144, 162, 0.15); box-shadow: 0 0 0 0.3125rem rgba(150, 144, 162, 0.15); } .btn:hover .icon, .button:hover .icon, a.button:hover .icon, button[type="submit"]:hover .icon, input[type="submit"]:hover .icon { -webkit-animation: iconMove ease-out 0.4s; animation: iconMove ease-out 0.4s; } .btn:hover .icon.-left-animation, .button:hover .icon.-left-animation, a.button:hover .icon.-left-animation, button[type="submit"]:hover .icon.-left-animation, input[type="submit"]:hover .icon.-left-animation { animation: iconMove ease-out 0.4s reverse; } .btn .-left, .button .-left, a.button .-left, button[type="submit"] .-left, input[type="submit"] .-left { margin-right: 0.5rem; } .btn .-right, .button .-right, a.button .-right, button[type="submit"] .-right, input[type="submit"] .-right { margin-left: 0.5rem; } .btn > .spinner, .button > .spinner, a.button > .spinner, button[type="submit"] > .spinner, input[type="submit"] > .spinner { color: currentColor; margin-right: 0.5rem; } a.btn, a.button { background-image: none; } @-webkit-keyframes iconMove { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 30% { opacity: 0; } 31% { -webkit-transform: translateX(1.25rem); transform: translateX(1.25rem); } 32% { -webkit-transform: translateX(-1.25rem); transform: translateX(-1.25rem); } 84% { opacity: 1; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes iconMove { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 30% { opacity: 0; } 31% { -webkit-transform: translateX(1.25rem); transform: translateX(1.25rem); } 32% { -webkit-transform: translateX(-1.25rem); transform: translateX(-1.25rem); } 84% { opacity: 1; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .minimal-scheme .button { text-transform: uppercase; font-size: 0.85em; letter-spacing: 0.01rem; border-width: 1px; -webkit-border-radius: 0; border-radius: 0; } .minimal-scheme .button.-small { font-size: 0.8em; } .minimal-scheme .button.-large { font-size: 0.9em; } /* Checkbox --------------------------------------------- */ input[type="checkbox"], input[type="radio"] { width: 1.125rem; height: 1.125rem; margin: 0; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border: 2px solid #635d6f; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } input[type="checkbox"]:checked, input[type="radio"]:checked { background-color: #dc2828; border-color: #dc2828; } input[type="checkbox"]:invalid, input[type="radio"]:invalid { border-color: #dd3c57; } input[type="checkbox"]:focus, input[type="checkbox"]:active, input[type="radio"]:focus, input[type="radio"]:active { -webkit-box-shadow: 0 0 0 0.3125rem rgba(220, 40, 40, 0.2); box-shadow: 0 0 0 0.3125rem rgba(220, 40, 40, 0.2); } input[type="checkbox"] { -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } input[type="checkbox"]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } input[type="radio"] { -webkit-border-radius: 100%; border-radius: 100%; } input[type="radio"]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .minimal-scheme input[type="checkbox"], .minimal-scheme input[type="radio"] { border-width: 1px; } .minimal-scheme input[type="checkbox"] { -webkit-border-radius: 0; border-radius: 0; } /* Cursor --------------------------------------------- */ .custom-cursor .circle-cursor { position: fixed; left: 0; top: 0; pointer-events: none; -webkit-transform: translateZ(0); transform: translateZ(0); visibility: hidden; -webkit-border-radius: 50%; border-radius: 50%; } .custom-cursor .circle-cursor-inner { margin-left: -3px; margin-top: -3px; width: 6px; height: 6px; z-index: 10000001; background-color: #dc2828; } .custom-cursor .circle-cursor-inner.cursor-link-hover { margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; background-color: #dc2828; opacity: .5; } .custom-cursor .circle-cursor-outer { margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; border: 1px solid #dc2828; z-index: 10000000; opacity: .5; -webkit-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } .custom-cursor .cursor-link.circle-cursor-inner { background: transparent !important; } .custom-cursor .cursor-link.circle-cursor-inner.cursor-link-hover { opacity: 1; } .custom-cursor .cursor-link.circle-cursor-inner svg { fill: #fff; } .custom-cursor .cursor-link.circle-cursor-outer.cursor-link-hover { margin-left: -2rem; margin-top: -2rem; width: 4rem; height: 4rem; background-color: rgba(150, 144, 162, 0.75); border: none; } .custom-cursor a[data-cursor-class] { cursor: none; } /* Icon Button --------------------------------------------- */ .icon-button { background-color: transparent; padding: 0; border: none; cursor: pointer; text-align: center; outline: none; min-width: 3.65rem; width: 3.65rem; height: 3.65rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .icon-button > .icon { margin-left: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .icon-button.-small { min-width: 3rem; width: 3rem; height: 3rem; } .icon-button.-extra-small { min-width: 2.25rem; width: 2.25rem; height: 2.25rem; } .icon-button:hover, .icon-button.hamburger, .icon-button.cart, .icon-button.search-global.fixed { background-color: rgba(150, 144, 162, 0.08); } .icon-button:hover { -webkit-transform: scale3d(1.06, 1.06, 1); transform: scale3d(1.06, 1.06, 1); } .icon-button:focus, .icon-button:active { background-color: rgba(150, 144, 162, 0.08); -webkit-box-shadow: inset 0 0 0 0.3125rem rgba(150, 144, 162, 0.15); box-shadow: inset 0 0 0 0.3125rem rgba(150, 144, 162, 0.15); } /* Icon Group --------------------------------------------- */ .icon-group { color: inherit; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-border-radius: 100%; border-radius: 100%; } .icon-group.-contained, .icon-group.-outlined, .lazy-load.-outlined .icon-group.button:not(.-flat), .pagination:not(.text-center).-outlined .icon-group.button:not(.-flat) { min-width: 3.65rem; max-width: 3.65rem; height: 3.65rem; } .icon-group.-contained .icon, .icon-group.-outlined .icon, .lazy-load.-outlined .icon-group.button:not(.-flat) .icon, .pagination:not(.text-center).-outlined .icon-group.button:not(.-flat) .icon { font-size: 1.75em; } .icon-group.-contained { background: rgba(150, 144, 162, 0.15); } .icon-group.-outlined, .lazy-load.-outlined .icon-group.button:not(.-flat), .pagination:not(.text-center).-outlined .icon-group.button:not(.-flat) { border: 2px solid #161519; } .icon-group > img, .icon-group > img.icon { max-width: 50%; max-height: 50%; } .icon-group:not(.-contained):not(.-outlined) { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .icon-group:not(.-contained):not(.-outlined) > img { min-width: 3rem; max-width: 3rem; height: 3rem; } .icon-group:not(.-contained):not(.-outlined) .icon { font-size: 2em; } .icon-group:not(.-contained):not(.-outlined).-small .icon { font-size: 1.75em; } .icon-group:not(.-contained):not(.-outlined).-large .icon { font-size: 2.25em; } .icon-group.-small.-contained, .icon-group.-small.-outlined, .lazy-load.-outlined .icon-group.-small.button:not(.-flat), .pagination:not(.text-center).-outlined .icon-group.-small.button:not(.-flat) { min-width: 3rem; max-width: 3rem; height: 3rem; } .icon-group.-large.-contained, .icon-group.-large.-outlined, .lazy-load.-outlined .icon-group.-large.button:not(.-flat), .pagination:not(.text-center).-outlined .icon-group.-large.button:not(.-flat) { min-width: 4.5rem; max-width: 4.5rem; height: 4.5rem; } .minimal-scheme .icon-group.-outlined, .minimal-scheme .lazy-load.-outlined .icon-group.button:not(.-flat), .lazy-load.-outlined .minimal-scheme .icon-group.button:not(.-flat), .minimal-scheme .pagination:not(.text-center).-outlined .icon-group.button:not(.-flat), .pagination:not(.text-center).-outlined .minimal-scheme .icon-group.button:not(.-flat) { border-width: 1px; } /* Icon --------------------------------------------- */ .icon { font-size: 1.4em; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .icon svg path { fill: currentColor; } .icon svg.minimal { display: none; } .icon.-left { margin-right: 6px; } .icon.-right { margin-left: 6px; } body i.icon { width: initial; height: initial; line-height: 1; margin: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .-small .icon, .-extra-small .icon { font-size: 1.2em; } .-small svg:not(.icon-bootstrap), .-extra-small svg:not(.icon-bootstrap) { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .-large .icon { font-size: 1.6em; } .-large svg { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .minimal-scheme .icon svg.default { display: none; } .minimal-scheme .icon svg.minimal { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* Pagination --------------------------------------------- */ .pagination > .page-item > .page-link { min-width: 3.125rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .pagination > .page-item > .page-link:focus, .pagination > .page-item > .page-link:active { -webkit-box-shadow: 0 0 0 0.3125rem rgba(150, 144, 162, 0.15); box-shadow: 0 0 0 0.3125rem rgba(150, 144, 162, 0.15); } .pagination > .page-item > span.page-link { pointer-events: none; } .pagination > .page-item:first-child svg { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .pagination > .page-item:first-child:hover .icon { animation: iconMove ease-out 0.4s reverse; } .lazy-load { margin: auto; font-weight: 600; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .lazy-load.load-more .loading-text { display: none; } .lazy-load.load-more.active .loadmore-text { display: none; } .lazy-load.load-more.active .loading-text { display: inline; } .lazy-load:not(.active) .button { -webkit-box-shadow: none; box-shadow: none; } .lazy-load, .pagination:not(.text-center) { min-width: 100%; padding: 1.25rem 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .lazy-load.-small .button, .pagination:not(.text-center).-small .button { min-width: 2.25rem; padding: 0 0.75rem; min-height: 2.25rem; } .lazy-load.-large .button, .pagination:not(.text-center).-large .button { min-width: 3.625rem; font-size: 1em; line-height: 1.75rem; padding: 0 1.4rem; min-height: 3.625rem; } .lazy-load.-flat .button:not(.-flat), .pagination:not(.text-center).-flat .button:not(.-flat) { color: inherit; background-color: rgba(150, 144, 162, 0.06); } .lazy-load.-flat .button:hover, .lazy-load.-flat .button:focus, .lazy-load.-flat .button:active, .lazy-load.-outlined .button:hover, .pagination:not(.text-center).-outlined .lazy-load.button:not(.-flat) .button:hover, .lazy-load.-outlined .button:focus, .pagination:not(.text-center).-outlined .lazy-load.button:not(.-flat) .button:focus, .lazy-load.-outlined .button:active, .pagination:not(.text-center).-outlined .lazy-load.button:not(.-flat) .button:active, .pagination:not(.text-center).-flat .button:hover, .pagination:not(.text-center).-flat .button:focus, .pagination:not(.text-center).-flat .button:active, .pagination:not(.text-center).-outlined .button:hover, .lazy-load.-outlined .pagination.button:not(.text-center):not(.-flat) .button:hover, .pagination:not(.text-center).-outlined .button:focus, .lazy-load.-outlined .pagination.button:not(.text-center):not(.-flat) .button:focus, .pagination:not(.text-center).-outlined .button:active, .lazy-load.-outlined .pagination.button:not(.text-center):not(.-flat) .button:active { background: transparent !important; } .lazy-load:not(.-flat):not(.-outlined):not(.text-center) .button:not(.-flat), .pagination:not(.text-center):not(.-flat):not(.-outlined):not(.text-center) .button:not(.-flat) { color: #fff; } .pagination-standard { min-width: 100%; } @-webkit-keyframes mymove { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mymove { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Progress --------------------------------------------- */ .progress-holder { height: 0.5rem; background-color: rgba(150, 144, 162, 0.15); overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; } .progress-holder > .progress-bar { width: 0px; background: -webkit-gradient(linear, left top, right top, from(#dc2828), to(#7544dd)); background: -webkit-linear-gradient(left, #dc2828 0%, #7544dd 100%); background: -o-linear-gradient(left, #dc2828 0%, #7544dd 100%); background: linear-gradient(90deg, #dc2828 0%, #7544dd 100%); -webkit-border-radius: 0.25rem; border-radius: 0.25rem; -webkit-transition: width cubic-bezier(0.645, 0.045, 0.355, 1) 0.9s; -o-transition: width cubic-bezier(0.645, 0.045, 0.355, 1) 0.9s; transition: width cubic-bezier(0.645, 0.045, 0.355, 1) 0.9s; } .progress-holder.-contained { height: 1.125rem; padding: 0.3125rem; -webkit-border-radius: 0.5625rem; border-radius: 0.5625rem; } .progress-holder.-contained.-thin { height: 0.875rem; -webkit-border-radius: 0.4375rem; border-radius: 0.4375rem; } .progress-holder.-contained.-bold { height: 1.375rem; -webkit-border-radius: 0.6875rem; border-radius: 0.6875rem; } .progress-holder.-thin { height: 0.25rem; -webkit-border-radius: 0.125rem; border-radius: 0.125rem; } .progress-holder.-thin > .progress-bar { -webkit-border-radius: 0.125rem; border-radius: 0.125rem; } .progress-holder.-bold { height: 0.75rem; -webkit-border-radius: 0.75rem; border-radius: 0.75rem; } .progress-holder.-bold > .progress-bar { -webkit-border-radius: 0.375rem; border-radius: 0.375rem; } .minimal-scheme .progress-holder, .minimal-scheme .progress-holder.-thin, .minimal-scheme .progress-holder.-bold { -webkit-border-radius: 0; border-radius: 0; } .minimal-scheme .progress-holder > .progress-bar, .minimal-scheme .progress-holder.-thin > .progress-bar, .minimal-scheme .progress-holder.-bold > .progress-bar { -webkit-border-radius: 0; border-radius: 0; } /* Select --------------------------------------------- */ select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-repeat: no-repeat; background-position: right 0.75rem center; -webkit-background-size: 14px 12px; background-size: 14px 12px; padding: 0 1rem; padding-right: 2.25rem !important; min-height: 3.125rem; color: #635d6f; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231b1b28' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } .select2 { display: none; } .select2-hidden-accessible { width: 100% !important; position: relative !important; padding: 0 1rem !important; } /* Spinner --------------------------------------------- */ .container-loading::before, .yith-wcan-loading::before, .tp-loader.spinner5::before, .btn-loading::before, .spinner::before { content: ""; width: 1.5rem; height: 1.5rem; border: 0.2rem solid rgba(150, 144, 162, 0.25); border-top: 0.2rem solid currentColor; border-right: 0.2rem solid currentColor; opacity: 0.75; -webkit-animation: 0.75s spinner cubic-bezier(0.645, 0.045, 0.355, 1) infinite; animation: 0.75s spinner cubic-bezier(0.645, 0.045, 0.355, 1) infinite; -webkit-border-radius: 50%; border-radius: 50%; } .container-loading > .icon, .yith-wcan-loading > .icon, .tp-loader.spinner5 > .icon, .btn-loading > .icon, .spinner > .icon { display: none; } .container-loading.-large, .yith-wcan-loading.-large, .tp-loader.spinner5.-large, .btn-loading.-large, .spinner.-large { width: 2.5rem; height: 2.5rem; } .btn-loading::before { margin-right: 0.5rem; } .container-loading, .tp-loader.spinner5, .yith-wcan-loading { background-image: none !important; background: transparent; } .container-loading::before, .tp-loader.spinner5::before, .yith-wcan-loading::before { position: absolute; left: -webkit-calc(50% - 20px); left: calc(50% - 20px); top: -webkit-calc(50% - 20px); top: calc(50% - 20px); width: 2.5rem; height: 2.5rem; } .container-loading.hidden::before, .tp-loader.spinner5.hidden::before, .yith-wcan-loading.hidden::before { display: none; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .minimal-scheme .spinner::after, .minimal-scheme .spinner::before { border-width: 0.125rem; } /* Switcher --------------------------------------------- */ .form-switch > .form-check-input[type="checkbox"] { position: relative; width: 2.125rem; border-radius: 2em; -webkit-border-radius: 1.1rem; border-radius: 1.1rem; } .form-switch > .form-check-input[type="checkbox"]::before { content: ""; position: absolute; width: 0.625rem; height: 0.625rem; left: 0.125rem; background-color: #635d6f; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .form-switch > .form-check-input[type="checkbox"]:checked { background-color: transparent; background-image: none; } .form-switch > .form-check-input[type="checkbox"]:checked::before { left: -webkit-calc(100% - 0.125rem); left: calc(100% - 0.125rem); -webkit-transform: translate(-100%); -ms-transform: translate(-100%); transform: translate(-100%); background-color: #dc2828; } .form-switch > .form-check-label { color: #161519; } .minimal-scheme .form-switch > .form-check-input[type="checkbox"] { border-width: 1px; } /* Text Field --------------------------------------------- */ input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="date"], input[type="url"], textarea, select { padding: 0 1rem; min-height: 3.125rem; font-family: inherit; border: none; width: 100%; text-align: inherit; background-color: rgba(150, 144, 162, 0.08); font-size: 1.025rem; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="url"]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder { color: #635d6f; } input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="url"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder { color: #635d6f; } input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder { color: #635d6f; } input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder { color: #635d6f; } input[type="email"].-outlined, .lazy-load.-outlined input.button[type="email"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="email"]:not(.-flat), input[type="number"].-outlined, .lazy-load.-outlined input.button[type="number"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="number"]:not(.-flat), input[type="password"].-outlined, .lazy-load.-outlined input.button[type="password"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="password"]:not(.-flat), input[type="search"].-outlined, .lazy-load.-outlined input.button[type="search"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="search"]:not(.-flat), input[type="tel"].-outlined, .lazy-load.-outlined input.button[type="tel"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="tel"]:not(.-flat), input[type="text"].-outlined, .lazy-load.-outlined input.button[type="text"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="text"]:not(.-flat), input[type="date"].-outlined, .lazy-load.-outlined input.button[type="date"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="date"]:not(.-flat), input[type="url"].-outlined, .lazy-load.-outlined input.button[type="url"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="url"]:not(.-flat), textarea.-outlined, .lazy-load.-outlined textarea.button:not(.-flat), .pagination:not(.text-center).-outlined textarea.button:not(.-flat), select.-outlined, .lazy-load.-outlined select.button:not(.-flat), .pagination:not(.text-center).-outlined select.button:not(.-flat) { background-color: transparent; border: 2px solid #9690a2; } input[type="email"].-outlined:focus, .lazy-load.-outlined input.button[type="email"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="email"]:focus:not(.-flat), input[type="email"].-outlined:active, .lazy-load.-outlined input.button[type="email"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="email"]:active:not(.-flat), input[type="number"].-outlined:focus, .lazy-load.-outlined input.button[type="number"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="number"]:focus:not(.-flat), input[type="number"].-outlined:active, .lazy-load.-outlined input.button[type="number"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="number"]:active:not(.-flat), input[type="password"].-outlined:focus, .lazy-load.-outlined input.button[type="password"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="password"]:focus:not(.-flat), input[type="password"].-outlined:active, .lazy-load.-outlined input.button[type="password"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="password"]:active:not(.-flat), input[type="search"].-outlined:focus, .lazy-load.-outlined input.button[type="search"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="search"]:focus:not(.-flat), input[type="search"].-outlined:active, .lazy-load.-outlined input.button[type="search"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="search"]:active:not(.-flat), input[type="tel"].-outlined:focus, .lazy-load.-outlined input.button[type="tel"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="tel"]:focus:not(.-flat), input[type="tel"].-outlined:active, .lazy-load.-outlined input.button[type="tel"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="tel"]:active:not(.-flat), input[type="text"].-outlined:focus, .lazy-load.-outlined input.button[type="text"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="text"]:focus:not(.-flat), input[type="text"].-outlined:active, .lazy-load.-outlined input.button[type="text"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="text"]:active:not(.-flat), input[type="date"].-outlined:focus, .lazy-load.-outlined input.button[type="date"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="date"]:focus:not(.-flat), input[type="date"].-outlined:active, .lazy-load.-outlined input.button[type="date"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="date"]:active:not(.-flat), input[type="url"].-outlined:focus, .lazy-load.-outlined input.button[type="url"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="url"]:focus:not(.-flat), input[type="url"].-outlined:active, .lazy-load.-outlined input.button[type="url"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="url"]:active:not(.-flat), textarea.-outlined:focus, .lazy-load.-outlined textarea.button:focus:not(.-flat), .pagination:not(.text-center).-outlined textarea.button:focus:not(.-flat), textarea.-outlined:active, .lazy-load.-outlined textarea.button:active:not(.-flat), .pagination:not(.text-center).-outlined textarea.button:active:not(.-flat), select.-outlined:focus, .lazy-load.-outlined select.button:focus:not(.-flat), .pagination:not(.text-center).-outlined select.button:focus:not(.-flat), select.-outlined:active, .lazy-load.-outlined select.button:active:not(.-flat), .pagination:not(.text-center).-outlined select.button:active:not(.-flat) { outline: none; border-color: #635d6f; } input[type="email"].-small, input[type="number"].-small, input[type="password"].-small, input[type="search"].-small, input[type="tel"].-small, input[type="text"].-small, input[type="date"].-small, input[type="url"].-small, textarea.-small, select.-small { padding: 0 0.75rem; min-height: 2rem; font-size: 0.95em; } input[type="email"].-large, input[type="number"].-large, input[type="password"].-large, input[type="search"].-large, input[type="tel"].-large, input[type="text"].-large, input[type="date"].-large, input[type="url"].-large, textarea.-large, select.-large { padding: 0 1.25rem; min-height: 3.625rem; font-size: 1.05em; } input[type="email"]:not(.-outlined):focus, input[type="email"]:not(.-outlined):active, input[type="number"]:not(.-outlined):focus, input[type="number"]:not(.-outlined):active, input[type="password"]:not(.-outlined):focus, input[type="password"]:not(.-outlined):active, input[type="search"]:not(.-outlined):focus, input[type="search"]:not(.-outlined):active, input[type="tel"]:not(.-outlined):focus, input[type="tel"]:not(.-outlined):active, input[type="text"]:not(.-outlined):focus, input[type="text"]:not(.-outlined):active, input[type="date"]:not(.-outlined):focus, input[type="date"]:not(.-outlined):active, input[type="url"]:not(.-outlined):focus, input[type="url"]:not(.-outlined):active, textarea:not(.-outlined):focus, textarea:not(.-outlined):active, select:not(.-outlined):focus, select:not(.-outlined):active { background-color: rgba(150, 144, 162, 0.15); outline: none; } input[type="email"].wpcf7-not-valid, input[type="number"].wpcf7-not-valid, input[type="password"].wpcf7-not-valid, input[type="search"].wpcf7-not-valid, input[type="tel"].wpcf7-not-valid, input[type="text"].wpcf7-not-valid, input[type="date"].wpcf7-not-valid, input[type="url"].wpcf7-not-valid, textarea.wpcf7-not-valid, select.wpcf7-not-valid { -webkit-box-shadow: 0 0 0 0.3125rem rgba(220, 40, 40, 0.2); box-shadow: 0 0 0 0.3125rem rgba(220, 40, 40, 0.2); } .woocommerce-invalid-required-field input[type="email"], .woocommerce-invalid-required-field input[type="number"], .woocommerce-invalid-required-field input[type="password"], .woocommerce-invalid-required-field input[type="search"], .woocommerce-invalid-required-field input[type="tel"], .woocommerce-invalid-required-field input[type="text"], .woocommerce-invalid-required-field input[type="date"], .woocommerce-invalid-required-field input[type="url"], .woocommerce-invalid-required-field textarea, .woocommerce-invalid-required-field select { -webkit-box-shadow: 0 0 0 0.3125rem rgba(220, 40, 40, 0.2); box-shadow: 0 0 0 0.3125rem rgba(220, 40, 40, 0.2); } button { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: inherit; } textarea { resize: vertical; height: 10rem; } textarea, textarea.-small, textarea.-large { padding-top: 0.75rem; padding-bottom: 0.75rem; } label { display: block; font-size: 0.9rem; font-weight: 500; } label + * { margin-top: 0.5rem; } input + label { padding-left: 0.25rem; font-size: 0.95em; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .minimal-scheme input[type="email"], .minimal-scheme input[type="number"], .minimal-scheme input[type="password"], .minimal-scheme input[type="search"], .minimal-scheme input[type="tel"], .minimal-scheme input[type="text"], .minimal-scheme input[type="date"], .minimal-scheme input[type="url"], .minimal-scheme textarea, .minimal-scheme select { -webkit-border-radius: 0; border-radius: 0; } .minimal-scheme input[type="email"].-outlined, .minimal-scheme .lazy-load.-outlined input.button[type="email"]:not(.-flat), .lazy-load.-outlined .minimal-scheme input.button[type="email"]:not(.-flat), .minimal-scheme .pagination:not(.text-center).-outlined input.button[type="email"]:not(.-flat), .pagination:not(.text-center).-outlined .minimal-scheme input.button[type="email"]:not(.-flat), .minimal-scheme input[type="number"].-outlined, .minimal-scheme .lazy-load.-outlined input.button[type="number"]:not(.-flat), .lazy-load.-outlined .minimal-scheme input.button[type="number"]:not(.-flat), .minimal-scheme .pagination:not(.text-center).-outlined input.button[type="number"]:not(.-flat), .pagination:not(.text-center).-outlined .minimal-scheme input.button[type="number"]:not(.-flat), .minimal-scheme input[type="password"].-outlined, .minimal-scheme .lazy-load.-outlined input.button[type="password"]:not(.-flat), .lazy-load.-outlined .minimal-scheme input.button[type="password"]:not(.-flat), .minimal-scheme .pagination:not(.text-center).-outlined input.button[type="password"]:not(.-flat), .pagination:not(.text-center).-outlined .minimal-scheme input.button[type="password"]:not(.-flat), .minimal-scheme input[type="search"].-outlined, .minimal-scheme .lazy-load.-outlined input.button[type="search"]:not(.-flat), .lazy-load.-outlined .minimal-scheme input.button[type="search"]:not(.-flat), .minimal-scheme .pagination:not(.text-center).-outlined input.button[type="search"]:not(.-flat), .pagination:not(.text-center).-outlined .minimal-scheme input.button[type="search"]:not(.-flat), .minimal-scheme input[type="tel"].-outlined, .minimal-scheme .lazy-load.-outlined input.button[type="tel"]:not(.-flat), .lazy-load.-outlined .minimal-scheme input.button[type="tel"]:not(.-flat), .minimal-scheme .pagination:not(.text-center).-outlined input.button[type="tel"]:not(.-flat), .pagination:not(.text-center).-outlined .minimal-scheme input.button[type="tel"]:not(.-flat), .minimal-scheme input[type="text"].-outlined, .minimal-scheme .lazy-load.-outlined input.button[type="text"]:not(.-flat), .lazy-load.-outlined .minimal-scheme input.button[type="text"]:not(.-flat), .minimal-scheme .pagination:not(.text-center).-outlined input.button[type="text"]:not(.-flat), .pagination:not(.text-center).-outlined .minimal-scheme input.button[type="text"]:not(.-flat), .minimal-scheme input[type="date"].-outlined, .minimal-scheme .lazy-load.-outlined input.button[type="date"]:not(.-flat), .lazy-load.-outlined .minimal-scheme input.button[type="date"]:not(.-flat), .minimal-scheme .pagination:not(.text-center).-outlined input.button[type="date"]:not(.-flat), .pagination:not(.text-center).-outlined .minimal-scheme input.button[type="date"]:not(.-flat), .minimal-scheme input[type="url"].-outlined, .minimal-scheme .lazy-load.-outlined input.button[type="url"]:not(.-flat), .lazy-load.-outlined .minimal-scheme input.button[type="url"]:not(.-flat), .minimal-scheme .pagination:not(.text-center).-outlined input.button[type="url"]:not(.-flat), .pagination:not(.text-center).-outlined .minimal-scheme input.button[type="url"]:not(.-flat), .minimal-scheme textarea.-outlined, .minimal-scheme .lazy-load.-outlined textarea.button:not(.-flat), .lazy-load.-outlined .minimal-scheme textarea.button:not(.-flat), .minimal-scheme .pagination:not(.text-center).-outlined textarea.button:not(.-flat), .pagination:not(.text-center).-outlined .minimal-scheme textarea.button:not(.-flat), .minimal-scheme select.-outlined, .minimal-scheme .lazy-load.-outlined select.button:not(.-flat), .lazy-load.-outlined .minimal-scheme select.button:not(.-flat), .minimal-scheme .pagination:not(.text-center).-outlined select.button:not(.-flat), .pagination:not(.text-center).-outlined .minimal-scheme select.button:not(.-flat) { border-width: 1px; } .minimal-scheme .contact-form [class^='vc_col-md-'] > label, .minimal-scheme .text-label { text-transform: uppercase; font-size: 0.75em; } /* Tooltips --------------------------------------------- */ .tooltip { position: relative; background-color: #111013; padding: 0.375rem 0.5rem; font-size: 0.9rem; font-weight: 500; color: #fff; z-index: 10; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .tooltip::before { content: ""; position: absolute; width: 0.625rem; height: 0.625rem; background-color: #111013; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom: -0.3125rem; left: -webkit-calc(50% - 0.3125rem); left: calc(50% - 0.3125rem); z-index: -1; } .tooltip.-right::before { bottom: -webkit-calc(50% - 0.3125rem); bottom: calc(50% - 0.3125rem); left: -0.3125rem; } .tooltip.-left::before { bottom: -webkit-calc(50% - 0.3125rem); bottom: calc(50% - 0.3125rem); right: -0.3125rem; left: auto; } .tooltip.-bottom::before { top: -0.3125rem; bottom: auto; } .minimal-scheme .tooltip { -webkit-border-radius: 0; border-radius: 0; } /* Categories --------------------------------------------- */ .category-holder.-with-tag { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .category-holder.-with-tag > .tag { margin: 0.35rem 0.35rem 0 0; } .category-holder:not(.-with-tag) .category:not(:last-child)::after, .category-holder:not(.-with-tag) a:not(:last-child)::after { content: ","; } /* Blog Archive --------------------------------------------- */ .blog-item { position: relative; } .blog-item .card-details .title { font-size: -webkit-calc(1.35rem + 0.2 * ( (100vw - 576px) / 864)); font-size: calc(1.35rem + 0.2 * ( (100vw - 576px) / 864)); } .blog-item .card-details > * { margin-bottom: 0.6rem; } .blog-item .card-details .headline-meta { font-size: 0.9rem; } .blog-item .card-details p { margin-top: 0; } .blog-item .card-details .button { margin-top: 0.9rem; } .blog-item .card-details-item, .blog-item .card-details-item .category-holder { margin: 0; } .blog-item .card-details-item > * { margin-bottom: 0.75rem; } .blog-item .image-holder iframe { width: 100%; } .blog-item .image-holder .slider { color: #fff; } .blog-item .image-holder .slider .clb-slider-nav-btn { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; margin-bottom: 1.25rem; margin-right: 1.25rem; } .blog-item .image-holder .slider .clb-slider-stage img.active { z-index: 1; } .blog-item .image-holder a + a:not(.tag) { display: none; } .blog-item.sticky .sticky-icon { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); margin-right: 0.25rem; margin-top: -0.4rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .blog-item.-layout1 .overlay-details { background: #111013; background: -webkit-linear-gradient(360deg, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(17, 16, 19, 0.5)), to(rgba(17, 16, 19, 0))); background: -webkit-linear-gradient(bottom, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); background: -o-linear-gradient(bottom, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); background: linear-gradient(360deg, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); } .blog-item.-layout1 .headline-meta { color: #635d6f; } .blog-item.-layout1.sticky.-contained .card-details { background-color: rgba(236, 128, 19, 0.1); } .blog-item.-layout2 .image-holder { background-color: rgba(150, 144, 162, 0.35); } .blog-item.-layout2 .overlay-details .-top { background: #111013; background: -webkit-linear-gradient(180deg, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 16, 19, 0.5)), to(rgba(17, 16, 19, 0))); background: -webkit-linear-gradient(top, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); background: -o-linear-gradient(top, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); background: linear-gradient(180deg, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); } .blog-item.-layout2 .overlay-details:not(.-top) { background: #111013; background: -webkit-linear-gradient(360deg, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(17, 16, 19, 0.5)), to(rgba(17, 16, 19, 0))); background: -webkit-linear-gradient(bottom, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); background: -o-linear-gradient(bottom, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); background: linear-gradient(360deg, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); } .blog-item.-layout2 .overlay-details .title, .blog-item.-layout2 .overlay-details .button { color: #fff; } .blog-item.-layout2 .overlay-details .tag { background-color: rgba(150, 144, 162, 0.5); } .blog-item.-layout2 .overlay-details:not(.-top), .blog-item.-layout4 .overlay-details:not(.-top) { display: block; } .blog-item.-layout2.-no-media .image-holder, .blog-item.-layout4.-no-media .image-holder { padding-bottom: 100%; } .blog-item.-layout2.-img-overlay .image-holder::after, .blog-item.-layout4.-img-overlay .image-holder::after { display: none; } .blog-item.-layout3.-no-media > a, .blog-item.-layout5.-no-media > a { background-color: rgba(150, 144, 162, 0.35); -webkit-border-bottom-left-radius: 0.35rem; border-bottom-left-radius: 0.35rem; -webkit-border-top-left-radius: 0.35rem; border-top-left-radius: 0.35rem; } .blog-item.-layout3.-no-media > a .image-holder, .blog-item.-layout5.-no-media > a .image-holder { height: 100%; } .blog-item.-layout4.sticky .image-holder { background-color: rgba(236, 128, 19, 0.1); } .blog-item.-layout4 .image-holder { background-color: rgba(150, 144, 162, 0.06); } .blog-item.-layout4 .image-holder .overlay { background-color: rgba(17, 16, 19, 0.5); height: 100%; width: 100%; left: 0; top: 0; -webkit-transition: none; -o-transition: none; transition: none; content: ""; display: block; position: absolute; } .blog-item.-layout4 .image-holder a > img, .blog-item.-layout4 .image-holder a > iframe, .blog-item.-layout4 .image-holder a > .overlay { opacity: 0; visibility: hidden; } .blog-item.-layout4:hover .image-holder a > img, .blog-item.-layout4:hover .image-holder a > iframe, .blog-item.-layout4:hover .image-holder a > .overlay { opacity: 1; visibility: visible; } .blog-item.-layout4:hover * { color: #fff; } .blog-item.-layout4 .prefix, .blog-item.-layout4 .author, .blog-item.-layout4 .sticky-icon, .blog-item.-layout4 .date, .blog-item.-layout4 .post-meta-estimate, .blog-item.-layout4 .heading a, .blog-item.-layout4 .button, .blog-item.-layout4 .tag, .blog-item.-layout4 blockquote, .blog-item.-layout4 p, .blog-item.-layout6 .prefix, .blog-item.-layout6 .author, .blog-item.-layout6 .sticky-icon, .blog-item.-layout6 .date, .blog-item.-layout6 .post-meta-estimate, .blog-item.-layout6 .heading a, .blog-item.-layout6 .button, .blog-item.-layout6 .tag, .blog-item.-layout6 blockquote, .blog-item.-layout6 p { -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .blog-item.-no-media.-contained .card-details { -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .grid-item:last-child .-layout6:not(.-contained) { border-bottom: none; } .blog-grid .gallery { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 20px !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .blog-grid .gallery .gallery-item { display: inline-block; margin: 0px 5px 5px 0px; margin-top: 0px !important; text-align: center; vertical-align: top; width: 100%; position: relative; } .blog-grid .gallery .gallery-item img { border: none !important; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .blog-grid .gallery .gallery-item .gallery-caption { position: absolute; background: rgba(255, 255, 255, 0.8); padding: 3px 10px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); width: 100%; opacity: 0; font-size: .8em; font-weight: normal; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .blog-grid .gallery .gallery-item:hover .gallery-caption { opacity: 1; } .blog-grid .gallery .gallery-item:hover img { opacity: .8; } .blog-grid .gallery.gallery-columns-3 .gallery-item { max-width: -webkit-calc((100% - 5px * 2) / 3); max-width: calc((100% - 5px * 2) / 3); } .blog-grid .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+3), .blog-grid .gallery.gallery-columns-3 .gallery-item:last-of-type { margin-right: 0; } /* Blog Post --------------------------------------------- */ .single-post .entry-content, .page-id-124 .entry-content { margin-bottom: 3rem; } .single-post .entry-content .ohio-text-sc:last-child p, .single-post .entry-content .alert, .single-post .entry-content p:not(.-unspace), .single-post .entry-content ul, .single-post .entry-content ol, .page-id-124 .entry-content .ohio-text-sc:last-child p, .page-id-124 .entry-content .alert, .page-id-124 .entry-content p:not(.-unspace), .page-id-124 .entry-content ul, .page-id-124 .entry-content ol { margin-bottom: 1.35em; } .single-post .entry-content .ohio-text-sc:last-child p:first-child, .single-post .entry-content .alert:first-child, .single-post .entry-content p:not(.-unspace):first-child, .single-post .entry-content ul:first-child, .single-post .entry-content ol:first-child, .page-id-124 .entry-content .ohio-text-sc:last-child p:first-child, .page-id-124 .entry-content .alert:first-child, .page-id-124 .entry-content p:not(.-unspace):first-child, .page-id-124 .entry-content ul:first-child, .page-id-124 .entry-content ol:first-child { margin-top: 0; } .single-post .entry-content a:not(.wp-block-button__link), .page-id-124 .entry-content a:not(.wp-block-button__link) { color: #dc2828; } .single-post .-layout1 .post-share .share-bar, .page-id-124 .-layout1 .post-share .share-bar { left: -2.5rem; z-index: 10; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .single-post .-layout2, .page-id-124 .-layout2 { padding-bottom: 4rem; } .single-post .-layout2 .page-headline .title, .single-post .-layout2 .page-headline .post-meta-holder, .page-id-124 .-layout2 .page-headline .title, .page-id-124 .-layout2 .page-headline .post-meta-holder { max-width: 80% !important; } .single-post .-layout2 .post-content > .page-container, .page-id-124 .-layout2 .post-content > .page-container { padding: 0 !important; } .single-post .-layout2 .post-share .share-bar, .page-id-124 .-layout2 .post-share .share-bar { position: relative; } .single-post .-layout2 .post-share .share-bar .social-networks, .page-id-124 .-layout2 .post-share .share-bar .social-networks { background-color: rgba(150, 144, 162, 0.06); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .single-post.with-sticky .-layout2 .-sticky-block, .page-id-124.with-sticky .-layout2 .-sticky-block { top: 0; } .single-post .entry-footer, .page-id-124 .entry-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 3rem; } .single-post .entry-footer-tags, .page-id-124 .entry-footer-tags { font-size: 0.95em; } .single-post .entry-footer-tags .tags-caption, .page-id-124 .entry-footer-tags .tags-caption { margin-right: 0.5rem; } .single-post .entry-footer-tags .tagcloud a, .page-id-124 .entry-footer-tags .tagcloud a { margin: 0.35rem 0.35rem 0.35rem 0; } .single-post .author-container .widget_ohio_widget_about_author, .page-id-124 .author-container .widget_ohio_widget_about_author { background-color: rgba(150, 144, 162, 0.06); padding: 3vh; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; margin-bottom: 3rem; } .single-post .page-headline .category-holder::after, .page-id-124 .page-headline .category-holder::after { margin-left: 0.3rem; } .single-post .related-posts, .page-id-124 .related-posts { padding-bottom: 4vh; } .single-post .comments, .page-id-124 .comments { padding-top: 4rem; padding-bottom: 4rem; } .single-post .comments-container, .page-id-124 .comments-container { background-color: rgba(150, 144, 162, 0.06); } .single-post .post-share, .page-id-124 .post-share { position: relative; } .single-post .post-share .share-bar .social-networks, .page-id-124 .post-share .share-bar .social-networks { background-color: rgba(150, 144, 162, 0.06); } /* Comments --------------------------------------------- */ .comments-list { padding: 0; margin-bottom: 3vh; } .comments-list ol { margin: 0; padding: 0; list-style: none; } .comments-list ol > li { margin: 0; padding: 0; } .comments-list ol > li::before { content: ""; display: none; } .comments .comment-author > img { -webkit-border-radius: 50%; border-radius: 50%; } .comments .comment-body { position: relative; padding-bottom: 4vh; } .comments .comment-body .says { display: none; } .comments .comment-body .comment-metadata, .comments .comment-body time { font-size: 0.95em; margin-bottom: 0.2rem; } .comments .comment-body .meta em { font-style: normal; padding: 0.25rem 0.5rem; font-size: 0.9rem; background-color: rgba(236, 128, 19, 0.15); -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .comments .comment-body .meta h4 { font-size: 1em; letter-spacing: -.02em; line-height: 1.35; } .comments .comment-body .comment-author a { font-family: "DM Sans", sans-serif; letter-spacing: -0.02rem; } .comments .comment-body time { color: #635d6f; } .comments .comment-body time::after { content: '•'; display: inline-block; vertical-align: middle; font-size: .85em; margin-top: -2px; color: #dc2828; margin-left: 0.3rem; } .comments .comment-body .reply { margin-top: 0.5rem; } .comments .comment-body p { margin: 0; } .comments .comment-body .reply, .comments .comment-body .edit-link { font-weight: 600; } .comments .children { padding-left: 5rem; } .comments .comment-respond .logged-in-as { margin: 0; font-size: 0.95em; } .comments .comment-respond .logged-in-as a:last-child { font-weight: 600; } .comments .comment-respond .comment-form-comment { margin-top: 0.5rem; } .comments .comment-respond .comment-form input[type="email"], .comments .comment-respond .comment-form input[type="number"], .comments .comment-respond .comment-form input[type="password"], .comments .comment-respond .comment-form input[type="search"], .comments .comment-respond .comment-form input[type="tel"], .comments .comment-respond .comment-form input[type="text"], .comments .comment-respond .comment-form input[type="date"], .comments .comment-respond .comment-form input[type="url"], .comments .comment-respond .comment-form textarea { width: 100%; } .comments .comment-respond .comment-form .comment-form-comment, .comments .comment-respond .comment-form .comment-form-cookies-consent, .comments .comment-respond .comment-form .comment-notes { min-width: 100%; } /* Portfolio: Base --------------------------------------------- */ .project { position: relative; } .project-gallery { position: relative; } .project-gallery .first-image { position: relative; margin-bottom: 0.5rem; z-index: 1; } .project-gallery .first-image .video-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .project-gallery .video-button, .project-gallery .share-bar { z-index: 2; } .project-gallery img { min-width: 100%; margin-bottom: 0.5rem; } .project-gallery img:last-of-type { margin-bottom: 0; } .project .-with-slider .project-slider { overflow: hidden; } .project .-with-slider .project-slider > .scale-bg { height: 100%; } .project .-with-slider .clb-slider-outer-stage { height: 100%; } .project .-with-slider .project-image { height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center; position: relative; } .project .-with-slider .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(17, 16, 19, 0.3); } .project .-with-slider .share-bar { top: auto; right: auto; bottom: 4vh; } .project-content { z-index: 2; } .project-content .options-group, .project-content .project-task, .project-content .button { margin-top: 1.25rem; } .project-content .video-button { margin-bottom: 1.5rem; } .project-title .headline { margin: 0.75rem 0 1rem; } .project-title + .project-details p { margin: 1.25rem 0 0 0; } .project-details p { margin: 0; } .project-task .title { margin-bottom: 0.5rem; } .project-task p { font-weight: 600; } .project .share-bar { position: absolute; } .options-group { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .options-group li { min-width: -webkit-calc(25% - 1.75rem); min-width: calc(25% - 1.75rem); width: -webkit-calc(25% - 1.75rem); width: calc(25% - 1.75rem); margin-right: 1.75rem; padding-top: 1.25rem; border-top: 1px solid rgba(99, 93, 111, 0.65); margin-bottom: 1.25rem; } .options-group li:last-child { margin-bottom: 0; } .options-group li p { font-size: 0.95em; margin: 0.5rem 0 0 0; } .portfolio-comments .comments { padding-top: 4rem; padding-bottom: 4rem; } .portfolio-comments .comments-container { background-color: rgba(150, 144, 162, 0.06); } /* Portfolio: Filter --------------------------------------------- */ .portfolio-filter { font-size: 0.95em; padding-bottom: 2.25rem; } .portfolio-filter li { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .portfolio-filter a { margin: 0px 0.9rem; font-weight: 500; position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .portfolio-filter a .num { top: -0.35rem; right: -0.9rem; text-align: left; position: absolute; font-size: 0.65em; font-weight: bold; } .portfolio-filter a.active { color: #dc2828; } /* Portfolio: Archive --------------------------------------------- */ .portfolio-item .title { font-size: -webkit-calc(1.25rem + 0.3 * ( (100vw - 576px) / 864)); font-size: calc(1.25rem + 0.3 * ( (100vw - 576px) / 864)); } .portfolio-item:not(.-with-slider) .video-button { z-index: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-item .overlay-details.-top { top: 0; bottom: auto; } .portfolio-item .show-project { font-size: 0.95em; } .portfolio-item .show-project-link::before { display: none; } .portfolio-item.-with-slider { min-width: 100%; overflow: hidden; } .portfolio-item.-with-slider .project-content { position: relative; min-height: 100%; padding-left: 0; padding-right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .portfolio-item.-with-slider .project-content .headline { margin-bottom: 0; } .portfolio-item.-with-slider .project-content h2 { letter-spacing: -.045em; line-height: 1; font-size: -webkit-calc(3rem + 1.5 * ( (100vw - 576px) / 864)); font-size: calc(3rem + 1.5 * ( (100vw - 576px) / 864)); } .portfolio-item.-with-slider .project-content h3 { letter-spacing: -.035em; line-height: 1.15; font-size: -webkit-calc(2rem + 0.25 * ( (100vw - 576px) / 864)); font-size: calc(2rem + 0.25 * ( (100vw - 576px) / 864)); } .portfolio-item.-with-slider .portfolio-item-image { -webkit-background-size: cover; background-size: cover; background-position: center; position: absolute; } .portfolio-item.-with-slider:not(.-with-gradient) .portfolio-item-image[data-tilt="true"] { min-width: -webkit-calc(100vw + 5vw); min-width: calc(100vw + 5vw); min-height: -webkit-calc(100vh + 5vh); min-height: calc(100vh + 5vh); left: -2.5vw; top: -2.5vh; } .portfolio-item.-with-slider .overlay::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .portfolio-item.-with-slider .headline-decor { position: absolute; z-index: 1; bottom: -0.5rem; } .portfolio-item.-with-slider .headline-decor .title { z-index: -1; line-height: .5; white-space: nowrap; letter-spacing: -.06em; font-size: 16vw; font-weight: bold; font-family: "DM Sans", sans-serif; color: rgba(150, 144, 162, 0.04); -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-item.-with-gradient .portfolio-item-image::before { content: ""; position: absolute; width: 75%; top: 0; bottom: 0; background: #fff; background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.85)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(right, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(270deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%); } .portfolio-item.-layout2 .overlay-details .heading { width: 100%; } .portfolio-item.-layout2 .overlay-details:not(.-top) { background: #111013; background: -webkit-linear-gradient(360deg, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(17, 16, 19, 0.5)), to(rgba(17, 16, 19, 0))); background: -webkit-linear-gradient(bottom, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); background: -o-linear-gradient(bottom, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); background: linear-gradient(360deg, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%); } .portfolio-item.-layout2 .overlay-details .title { color: #fff; } .portfolio-item.-layout2 .portfolio-item-headline + .show-project { position: relative; left: 0; bottom: 0 !important; } .portfolio-item.-layout1 .show-project, .portfolio-item.-layout2 .show-project, .portfolio-item.-layout13 .show-project { overflow: hidden; position: relative; margin-top: 0.4rem; } .portfolio-item.-layout1 .show-project a, .portfolio-item.-layout2 .show-project a, .portfolio-item.-layout13 .show-project a { color: inherit; } .portfolio-item.-layout1 .show-project-link, .portfolio-item.-layout2 .show-project-link, .portfolio-item.-layout13 .show-project-link { position: absolute; font-weight: 600; opacity: 0; left: 0; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-item.-layout1 .show-project-link a, .portfolio-item.-layout2 .show-project-link a, .portfolio-item.-layout13 .show-project-link a { position: relative; } .portfolio-item.-layout1 .show-project-link a::after, .portfolio-item.-layout2 .show-project-link a::after, .portfolio-item.-layout13 .show-project-link a::after { content: ""; width: 3rem; height: 2px; background-color: currentColor; position: absolute; right: -0.5rem; top: 48%; -webkit-transform: translate(100%, 50%); -ms-transform: translate(100%, 50%); transform: translate(100%, 50%); } .portfolio-item.-layout1 .show-project .category-holder, .portfolio-item.-layout2 .show-project .category-holder, .portfolio-item.-layout13 .show-project .category-holder { display: block; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-item.-layout1:hover .show-project-link, .portfolio-item.-layout2:hover .show-project-link, .portfolio-item.-layout13:hover .show-project-link { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); opacity: 1; } .portfolio-item.-layout1:hover .show-project .category-holder, .portfolio-item.-layout2:hover .show-project .category-holder, .portfolio-item.-layout13:hover .show-project .category-holder { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); opacity: 0; } .portfolio-item.-layout3 .overlay::after, .portfolio-item.-layout5 .overlay::after, .portfolio-item.-layout6 .overlay::after { background-color: rgba(255, 255, 255, 0.98); } .portfolio-item.-layout3 .project-content, .portfolio-item.-layout5 .project-content, .portfolio-item.-layout6 .project-content { padding-left: 0; padding-right: 0; padding-top: 12vh; min-height: 65vh; padding-bottom: 4rem; } .portfolio-item.-layout4 .overlay::after { background-color: rgba(255, 255, 255, 0.5); } .portfolio-item.-layout4 .project-content { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .portfolio-item.-layout5 .headline-decor { top: 100%; left: 15%; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: translateY(0%) rotate(-90deg); -ms-transform: translateY(0%) rotate(-90deg); transform: translateY(0%) rotate(-90deg); } .portfolio-item.-layout5 .project-content { padding-bottom: 4vh; padding-right: 4vh; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .portfolio-item.-layout5 .project-content::before { height: 25%; } .portfolio-item.-layout5.active .portfolio-item-image { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-item.-layout5.prev-slide .portfolio-item-image { -webkit-transform: translateY(-100%) !important; -ms-transform: translateY(-100%) !important; transform: translateY(-100%) !important; -webkit-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-item.-layout5.prev-slide.last-slide .portfolio-item-image { -webkit-transform: translateY(-20%) !important; -ms-transform: translateY(-20%) !important; transform: translateY(-20%) !important; -webkit-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-item.-layout5.next-slide .portfolio-item-image { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-item.-layout5.next-slide.last-slide .portfolio-item-image { -webkit-transform: translateY(20%) !important; -ms-transform: translateY(20%) !important; transform: translateY(20%) !important; -webkit-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-item.-layout6 .portfolio-item-image { background-position: left bottom; } .portfolio-item.-layout7 .portfolio-item-image::before { right: 0; } .portfolio-item.-layout7 .project-content { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .portfolio-item.-layout7 .project-content::before { height: 12vh; } .portfolio-item.-layout7 .headline-decor { left: -webkit-calc(100% / 3); left: calc(100% / 3); bottom: 20vh; } .portfolio-item.-layout7 .video-button, .portfolio-item.-layout9 .video-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-item.-layout9 .portfolio-item-image { position: relative; z-index: 1; } .portfolio-item.-layout9 .project-content { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; padding-bottom: 4vh; } .portfolio-item.-layout9 .project-content::before { height: 25%; } .portfolio-item.-layout9 .headline-decor { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 25px; opacity: 0; -webkit-transition: 0.45s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: 0.45s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: 0.45s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-item.-layout9 .next-slide-preview { position: absolute; top: 50%; left: 0; -webkit-transform: translate(-60%, -50%); -ms-transform: translate(-60%, -50%); transform: translate(-60%, -50%); width: 16.5rem; height: 16.5rem; -webkit-background-size: cover; background-size: cover; background-position: center; z-index: 1; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .portfolio-item.-layout9 .next-slide-preview:hover { -webkit-transform: translate(-55%, -50%); -ms-transform: translate(-55%, -50%); transform: translate(-55%, -50%); } .portfolio-item.-layout9 .image-holder { opacity: 0; z-index: 1; padding: 0; } .portfolio-item.-layout9 .image-holder + .vc_col-md-5 { position: relative; padding-left: 1.25rem; padding-right: 1.25rem; } .portfolio-item.-layout9.active .image-holder { opacity: 1; -webkit-transition: 0.45s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: 0.45s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: 0.45s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-item.-layout9.active .headline-decor, .portfolio-item.-layout9.active .next-project-img-box { opacity: 1; } .portfolio-item.-layout10 .overlay, .portfolio-item.-layout10 .overlay-image { -webkit-background-size: cover; background-size: cover; background-position: center; } .portfolio-item.-layout10 .overlay-image .headline-decor { z-index: initial; } .portfolio-item.-layout10 .overlay-image::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.98); } .portfolio-item.-layout10 .preview { top: 18vh; bottom: 18vh; position: absolute; } .portfolio-item.-layout10 .portfolio-item-image { right: 1.25rem; left: 1.25rem; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-item.-layout10 .portfolio-item-image::before { left: 0; background: #fff; background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.85)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%); } .portfolio-item.-layout10 .headline-decor { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); bottom: auto; opacity: 0; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-item.-layout10.active .page-container .portfolio-item-image { -webkit-transform: none; -ms-transform: none; transform: none; } .portfolio-item.-layout10.active .headline-decor { opacity: 1; } .portfolio-item.-layout11 .portfolio-item-details { opacity: 0; visibility: hidden; position: fixed; top: 1rem; left: 1rem; z-index: 10; will-change: transform; } .portfolio-item.-layout11 .portfolio-item-details.-center .category-holder { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .portfolio-item.-layout11 .portfolio-item-details.-right .category-holder { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .portfolio-item.-layout11 .title, .portfolio-item.-layout11 .category-holder { background-color: rgba(17, 16, 19, 0.5); margin: 0; padding: 0.2rem 0.75rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #fff; } .portfolio-item.-layout11:hover .portfolio-item-details { opacity: 1; visibility: visible; } .portfolio-item.-layout11:hover .portfolio-item-details .category-holder { -webkit-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; transform: translateY(0px) !important; opacity: 1 !important; } .portfolio-item.-layout13 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .portfolio-item.-layout13 .card-details { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .portfolio-item.-layout13 .card-details .holder { padding-top: 4vh; } .portfolio-item.-layout13 .card-details .category-holder .category { font-weight: 600; } .portfolio-item.-layout13 .card-details .project-details { padding-top: 1.25rem; } .portfolio-item.-layout13:not(.-contained) .card-details { padding-top: 0; padding-left: 2.5rem; } .portfolio-item.-layout13.-contained .card-image .image-holder { -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .portfolio-item.-layout13.-contained .card-details { margin-left: 2.5rem; padding-top: 0; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; padding-left: 4vh; padding-right: 4vh; padding-bottom: 4vh; } .portfolio-links .project-content::before, .-with-slider .project-content::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 50%; background-image: -webkit-radial-gradient(1px 1px, circle, #c3bfca 1px, transparent 0); background-image: -o-radial-gradient(1px 1px, circle, #c3bfca 1px, transparent 0); background-image: radial-gradient(circle at 1px 1px, #c3bfca 1px, transparent 0); -webkit-background-size: 20px 20px; background-size: 20px 20px; } .portfolio-grid.is-loading { max-height: 0px !important; } .portfolio-grid.is-loading .portfolio-item:not(.-with-slider) { visibility: hidden; opacity: 0; } .portfolio-links.grid_8 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .portfolio-links.grid_8.-with-sorting.-with-pagination { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .portfolio-links.grid_8 .project-content { padding: 0; } .portfolio-links.grid_8 .project-content::before { height: 25%; left: 50%; } .portfolio-links.grid_8 .portfolio-grid { z-index: 2; height: auto !important; padding-top: 4rem; padding-bottom: 4rem; } .portfolio-links.grid_8 .grid-item { position: relative !important; top: auto !important; left: auto !important; padding: 0 1.25rem !important; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-links.grid_8 .grid-item .portfolio-item { padding: 0.4rem 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .portfolio-links.grid_8 .grid-item .portfolio-item .headline { margin: 0; line-height: 100%; } .portfolio-links.grid_8 .grid-item .portfolio-item .category-holder { margin-left: 0.5rem; } .portfolio-links.grid_8 .grid-item .portfolio-item.active { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); transform: scale(2.5); } .portfolio-links.grid_8 .grid-item .portfolio-item.invisible { opacity: .05 !important; visibility: visible !important; } .portfolio-links.grid_8 .grid-item .project-title:hover .headline { color: inherit; } .portfolio-links.grid_8 .portfolio-grid-images { position: absolute; top: 0; height: 100%; width: 100%; overflow: hidden; } .portfolio-links.grid_8 .thumbnail { background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; z-index: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-links.grid_8 .thumbnail::after { left: 0; top: 0; width: 100%; height: 100%; z-index: 2; content: ""; display: block; position: absolute; } .portfolio-links.grid_8 .thumbnail.scale { opacity: 1; -webkit-animation: imageScale 12s 1; animation: imageScale 12s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .portfolio-links.grid_12 { position: relative; counter-reset: portfolio-number; } .portfolio-links.grid_12 .portfolio-item { overflow: visible; white-space: nowrap; counter-increment: portfolio-number; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .portfolio-links.grid_12 .portfolio-item-details { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; align-items: center; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .portfolio-links.grid_12 .portfolio-item-details .category-holder { opacity: 0; -webkit-transform: translateX(1.75rem); -ms-transform: translateX(1.75rem); transform: translateX(1.75rem); -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-links.grid_12 .portfolio-item-details .category-holder a { font-weight: 600; } .portfolio-links.grid_12 .portfolio-item-details-headline { position: relative; } .portfolio-links.grid_12 .portfolio-item-details-headline::after { content: "0" counter(portfolio-number); opacity: .65; font-weight: bold; top: 0; right: 0; -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); position: absolute; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-links.grid_12 .portfolio-item-details-headline > a { position: relative; display: block; } .portfolio-links.grid_12 .portfolio-item-details-headline > a .title { font-size: 6vw; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-links.grid_12 .portfolio-item-details-headline > a .title:hover { -webkit-text-stroke: 1px currentColor; -webkit-text-fill-color: transparent; } .portfolio-links.grid_12 .portfolio-item .portfolio-item-image { opacity: 0; height: 0; width: 0; visibility: hidden; position: absolute; top: 0; left: 0; padding: 0; z-index: -1; } .portfolio-links.grid_12 .portfolio-item .portfolio-item-image > img { mix-blend-mode: multiply; opacity: .3; } .portfolio-links.grid_12 .portfolio-item:hover .portfolio-item-details .portfolio-item-details-headline::after { -webkit-transform: translateX(-0.75rem); -ms-transform: translateX(-0.75rem); transform: translateX(-0.75rem); opacity: 0; } .portfolio-links.grid_12 .portfolio-item:hover .portfolio-item-details .category-holder { opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .portfolio-links.grid_12 .portfolio-grid-images { height: 0; width: 0; z-index: 10; position: relative; } .portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image { position: fixed; left: 0.75rem; top: 0.75rem; opacity: 0; visibility: hidden; pointer-events: none; will-change: transform; } .portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image .card { width: 35vh; height: 35vh; padding: 1rem; will-change: transform; -webkit-transition: all linear 2s; -o-transition: all linear 2s; transition: all linear 2s; } .portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image .card img { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image.transition { -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; } .portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image.visible img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .portfolio-links.grid_12 .portfolio-grid-holder { position: relative; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; overflow-x: hidden; } .portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid { margin-top: 0; margin-bottom: 0; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-90deg) translateY(100%); -ms-transform: rotate(-90deg) translateY(100%); transform: rotate(-90deg) translateY(100%); overflow: hidden; left: 1.25rem; bottom: 0; right: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; top: auto !important; position: absolute !important; border-left: 1px solid rgba(150, 144, 162, 0.25); } .portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid::-webkit-scrollbar, .portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid::-webkit-scrollbar-thumb { visibility: hidden; } .portfolio-links.grid_12 .portfolio-grid-holder .grid-item { position: static !important; left: auto !important; top: auto !important; padding: 0 0 0 2rem !important; min-height: -webkit-calc(100% / 10); min-height: calc(100% / 10); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .portfolio-links.grid_12 .portfolio-grid-holder-underline { position: absolute; bottom: 0; height: 1px; width: 1px; background-color: #635d6f; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .portfolio-links.grid_12.-full-vh { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .portfolio-links .portfolio-filter, .portfolio-links .pagination, .portfolio-links .lazy-load { z-index: 3; position: relative; padding-top: 2rem; padding-bottom: 2rem; } .portfolio-links .project-content::before { display: none; } .ohio-recent-projects-sc .vc_row[data-vc-full-width].vc_hidden { opacity: 1; } @-webkit-keyframes imageScale { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes imageScale { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } /* Portfolio: Project --------------------------------------------- */ .project.-layout3 > .vc_row { margin-right: 0; } .project.-layout3 .project-gallery:not(.scroll-disabled) .share-bar { left: -webkit-calc(50% - (1.25rem + 4vh)); left: calc(50% - (1.25rem + 4vh)); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .project.-layout3 .project-gallery.scroll-disabled .share-bar { right: -webkit-calc(1.25rem + 4vh); right: calc(1.25rem + 4vh); } .project.-layout4 > .vc_row { margin-left: 0; } .project.-layout4 .project-gallery:not(.scroll-disabled) .share-bar { right: -webkit-calc(50% - (1.25rem + 4vh)); right: calc(50% - (1.25rem + 4vh)); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .project.-layout4 .project-gallery.scroll-disabled .share-bar { left: -webkit-calc(1.25rem + 4vh); left: calc(1.25rem + 4vh); } .project.-layout5 .project-content { padding-top: 5rem; padding-bottom: 5rem; } .project.-layout5 .video-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .project.-layout5 .project-slider { height: 75vh; } .project.-layout6 .project-content { height: 100vh; color: #fff; padding-top: 12vh; } .project.-layout6 .project-content .headline, .project.-layout6 .project-content .title, .project.-layout6 .project-content .button { color: #fff; } .project.-layout6 .project-content .options-group li { border-top-color: rgba(255, 255, 255, 0.25); } .project.-layout6 .project-content .video-module { min-height: 56px; margin-bottom: 3vh; } .project.-layout6 .project-content .page-container, .project.-layout6 .project-content .vc_row { height: 100%; } .project.-layout6 .project-content .vc_row { padding-bottom: 12vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .project.-layout7 { padding-bottom: 6rem; } .project.-layout7 .share-bar { top: 4vh; left: 4vh; } .project.-layout8 { background-color: #161519; } .project.-layout8 .project-content { padding: 12vh 0; } .project.-layout8 .project-content .vc_row { display: block; } .project.-layout8 .project-gallery { top: 0; right: 0; bottom: 0; width: 65vw; position: absolute; } .project.-layout8 .project-slider { height: 100%; } .project.-layout8 .overlay { background: -webkit-gradient(linear, right top, left top, from(rgba(17, 16, 19, 0)), to(rgba(17, 16, 19, 0.5))); background: -webkit-linear-gradient(right, rgba(17, 16, 19, 0), rgba(17, 16, 19, 0.5)); background: -o-linear-gradient(right, rgba(17, 16, 19, 0), rgba(17, 16, 19, 0.5)); background: linear-gradient(-90deg, rgba(17, 16, 19, 0), rgba(17, 16, 19, 0.5)); } .project.-layout9 .holder { height: 100vh; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .project.-layout9 .holder, .project.-layout9 .holder .headline { color: #fff; } .project.-layout9 .project-content { padding-top: 6rem; padding-bottom: 6rem; } .project.-layout3 .page-container, .project.-layout4 .page-container { max-width: 100%; } .project.-layout3 .project-gallery .share-bar, .project.-layout4 .project-gallery .share-bar { bottom: 4vh; } .project.-layout6 .options-group li p, .project.-layout8 .options-group li p { opacity: .75; } .project.-layout6 .project-slider, .project.-layout9 .project-slider { height: 100vh; width: 100%; position: absolute; } .single.with-spacer.with-header-5 .-layout3 .project-gallery:not(.scroll-disabled) .share-bar { left: -webkit-calc(50% + (10.5vh/2) - (1.25rem + 4vh)); left: calc(50% + (10.5vh/2) - (1.25rem + 4vh)); } .single.with-spacer.with-header-5 .-layout4 .project-gallery:not(.scroll-disabled) .share-bar { right: -webkit-calc(50% - (33vh/2) - (1.25rem + 4vh)); right: calc(50% - (33vh/2) - (1.25rem + 4vh)); } .single.with-spacer.with-header-6 .-layout3 .project-gallery:not(.scroll-disabled) .share-bar, .single.with-spacer.with-header-7 .-layout3 .project-gallery:not(.scroll-disabled) .share-bar { left: -webkit-calc(50% + ((10.5vh - 1.25rem)/2) - (1.25rem + 4vh)); left: calc(50% + ((10.5vh - 1.25rem)/2) - (1.25rem + 4vh)); } .single.with-spacer.with-header-6 .-layout4 .project-gallery:not(.scroll-disabled) .share-bar, .single.with-spacer.with-header-7 .-layout4 .project-gallery:not(.scroll-disabled) .share-bar { right: -webkit-calc(50% - ((10.5vh + 1.25rem )/2) - (1.25rem + 4vh)); right: calc(50% - ((10.5vh + 1.25rem )/2) - (1.25rem + 4vh)); } .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout1 .share-bar, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout3 .share-bar, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout4 .share-bar { margin-top: 12vh; } .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout1 .project-content, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout1 .share-bar, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout2 .project-content, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout2 .share-bar, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout3 .project-content, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout3 .share-bar, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout4 .project-content, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout4 .share-bar, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout1 .project-content, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout1 .share-bar, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout2 .project-content, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout2 .share-bar, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout3 .project-content, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout3 .share-bar, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout4 .project-content, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout4 .share-bar { margin-top: 0; } .single:not(.with-spacer) .-layout7, .single:not(.with-spacer) .-layout8 { padding-top: 12vh; } .single:not(.with-spacer) .-layout8 .project-gallery { top: 12vh; } /* Layout --------------------------------------------- */ /* Back Link --------------------------------------------- */ .back-link { position: fixed; z-index: 5; padding-top: 12vh; top: 4vh; left: 4vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .back-link .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .back-link .caption { color: initial; opacity: 0; -webkit-transform: translateX(0.5rem); -ms-transform: translateX(0.5rem); transform: translateX(0.5rem); -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .back-link:hover .caption { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .back-link.showed { opacity: 1; visibility: visible; } .with-header-2 .back-link { padding-top: 20vh; } .with-header-5 .back-link, .with-header-6 .back-link, .with-header-7 .back-link { padding-top: 0; } .with-subheader .back-link { margin-top: 2.375rem; } /* Color Swither --------------------------------------------- */ .color-switcher { font-weight: 500; font-size: .85em; position: relative; height: 1.7rem; background-color: rgba(150, 144, 162, 0.25); border: 2px solid rgba(150, 144, 162, 0.15); cursor: pointer; -webkit-border-radius: 0.85rem; border-radius: 0.85rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .color-switcher-item-state { margin: 0; height: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .color-switcher-item-state > span { line-height: 1; } .color-switcher-item-state svg { fill: #161519; } .color-switcher-item, .color-switcher-toddler-item { width: 100%; height: 100%; padding: 0 0.45rem 0 0.45rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .color-switcher-toddler { position: absolute; top: -2px; right: -2px; height: 1.7rem; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .color-switcher-toddler-wrap { position: relative; height: 100%; } .color-switcher-toddler-item { position: absolute; background-color: #fff; width: 100%; -webkit-box-shadow: -3px 0px 6px rgba(17, 16, 19, 0.05); box-shadow: -3px 0px 6px rgba(17, 16, 19, 0.05); color: initial; -webkit-border-radius: 0.85rem; border-radius: 0.85rem; } .color-switcher-toddler-item .light { z-index: 1; } .color-switcher.dark .color-switcher-item.light svg { fill: rgba(255, 255, 255, 0.75); } .color-switcher.dark .color-switcher-toddler { -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .color-switcher.dark .color-switcher-toddler .color-switcher-toddler-item { background-color: #4a4653; color: #fff; } .color-switcher.dark .color-switcher-toddler .color-switcher-toddler-item svg { fill: #fff; } .color-switcher.dark .color-switcher-toddler .color-switcher-toddler-item.dark { z-index: 1; } /* Cookies --------------------------------------------- */ .notification .alert { background-color: #fff; } /* Elements Bar --------------------------------------------- */ .elements-bar { position: fixed; top: 50%; z-index: 50; min-height: 3.5rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .elements-bar > li { padding: 0; } /* Blog Meta --------------------------------------------- */ .meta-item { line-height: 1.4; text-align: left; } .meta-item .prefix { font-size: 0.9em; display: block; opacity: 0.75; } .meta-item span:not(.prefix), .meta-item time:not(.prefix) { font-weight: 600; font-size: 0.95em; } .headline-meta { font-size: 0.95em; white-space: nowrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .headline-meta .category-holder, .headline-meta .date { font-weight: 500; } .headline-meta .category-holder + *::before, .headline-meta .date + *::before { margin-left: 0.25rem; margin-right: 0.25rem; content: '•'; display: inline-block; vertical-align: middle; font-size: .85em; margin-top: -2px; color: #dc2828; } .headline-meta .post-meta-estimate { white-space: nowrap; } .meta-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .meta-holder .meta-item { margin-right: 3vh; } .meta-holder .meta-item:first-child { margin-right: 1rem; } /* Preloader --------------------------------------------- */ .page-preloader { background-color: #fff; width: 100%; height: 100vh; z-index: 99999; position: fixed; top: 0; left: 0; opacity: 1; visibility: visible; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .page-preloader .loader { width: 6px; height: 6px; position: absolute; left: 50%; top: 50%; -webkit-animation: typing 1s linear infinite alternate; animation: typing 1s linear infinite alternate; -webkit-border-radius: 50%; border-radius: 50%; } .page-preloader.hidden { opacity: 0; visibility: hidden; } .page-preloader.hide { display: none; } .page-preloader.percentage-preloader .sk-percentage { height: 100%; width: 0; background-color: #fceef1; left: 0; position: fixed; } .page-preloader.percentage-preloader .sk-percentage-percent { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 6em; font-weight: 600; letter-spacing: -.02rem; } .spinner { -webkit-animation: spinner_animation 2s linear infinite; animation: spinner_animation 2s linear infinite; z-index: 2; position: relative; } .spinner .path { opacity: .75; stroke: #161519; stroke-linecap: round; -webkit-animation: spinner_animation_dash 1.5s ease-in-out infinite; animation: spinner_animation_dash 1.5s ease-in-out infinite; } @-webkit-keyframes spinner_animation { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner_animation { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes spinner_animation_dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } @keyframes spinner_animation_dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .sk-circle { position: relative; } .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle .sk-child::before { content: ""; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #161519; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; -webkit-border-radius: 50%; border-radius: 50%; } .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-circle .sk-circle2::before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-circle .sk-circle3::before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-circle .sk-circle4::before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-circle .sk-circle5::before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-circle .sk-circle6::before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-circle .sk-circle7::before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-circle .sk-circle8::before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-circle .sk-circle9::before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-circle .sk-circle10::before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-circle .sk-circle11::before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-circle .sk-circle12::before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .sk-wave { width: 50px; height: 40px; text-align: center; font-size: 10px; } .sk-wave .sk-rect { background-color: #161519; height: 100%; width: 5px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .sk-wave .sk-rect1 { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .sk-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } .sk-double-bounce { position: relative; } .sk-double-bounce .sk-child { width: 100%; height: 100%; background-color: #161519; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-doubleBounce 2.0s infinite ease-in-out; animation: sk-doubleBounce 2.0s infinite ease-in-out; -webkit-border-radius: 50%; border-radius: 50%; } .sk-double-bounce .sk-double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .sk-folding-cube { position: relative; -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); } .sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sk-folding-cube .sk-cube::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #161519; -webkit-animation: sk-foldCubeAngle 2.5s infinite linear both; animation: sk-foldCubeAngle 2.5s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); -ms-transform: scale(1.1) rotate(90deg); transform: scale(1.1) rotateZ(90deg); } .sk-folding-cube .sk-cube2::before { -webkit-animation-delay: 0.3125s; animation-delay: 0.3125s; } .sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); -ms-transform: scale(1.1) rotate(180deg); transform: scale(1.1) rotateZ(180deg); } .sk-folding-cube .sk-cube3::before { -webkit-animation-delay: 0.625s; animation-delay: 0.625s; } .sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); -ms-transform: scale(1.1) rotate(270deg); transform: scale(1.1) rotateZ(270deg); } .sk-folding-cube .sk-cube4::before { -webkit-animation-delay: 0.9375s; animation-delay: 0.9375s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } .spinner, .sk-fading-circle, .sk-double-bounce, .sk-circle, .sk-folding-cube { width: 3.25rem; height: 3.25rem; } /* Social Bar --------------------------------------------- */ .social-bar { -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .social-bar-holder { white-space: nowrap; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .social-bar-holder li { margin: 0px 5px; } .social-bar-holder li a::after { content: "/"; display: inline; padding-left: 10px; } .social-bar-holder li:last-child a::after { display: none; } .social-bar-holder.icons li { padding: 0px 5px; } .social-bar-holder.icons li i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .social-bar-holder.icons li a::after { display: none; } /* Share Bar --------------------------------------------- */ .share-bar { position: absolute; z-index: 1; } .share-bar .social-networks { background-color: #fff; padding: 0.25rem; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .share-bar .social-networks .network, .share-bar .social-networks:not(.-text) .network { margin: 0; } .share-bar .social-text { display: none; } .share-bar.-vertical .social-networks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } /* Filter Bar --------------------------------------------- */ .filter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .filter-holder { position: relative; } .filter-holder .button { display: none; margin-left: 1rem; } /* Mobile Overlay --------------------------------------------- */ /* Scroll to Top --------------------------------------------- */ .scroll-top { opacity: 0; visibility: hidden; } .scroll-top-bar { width: 3.75rem; height: 0.125rem; margin-right: 1rem; position: relative; } .scroll-top-bar::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: currentColor; opacity: .25; } .scroll-top-bar .scroll-track { position: absolute; top: 0; right: 0; height: 100%; background-color: currentColor; } .scroll-top.clb-slider-scroll-top { visibility: visible; opacity: 1; } .scroll-top.clb-slider-scroll-top .scroll-top-bar .scroll-track { width: 0; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .social-bar, .scroll-top { margin-right: 1.5rem; font-weight: 600; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .scroll-bar-container { position: fixed; top: 50%; z-index: 10; min-height: 56px; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-90deg) translate(-50%, 0); -ms-transform: rotate(-90deg) translate(-50%, 0); transform: rotate(-90deg) translate(-50%, 0); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; left: 4vh; } .scroll-bar-container.grid_9 { width: 100%; left: 0; bottom: 0; position: absolute; -webkit-transform: none; -ms-transform: none; transform: none; top: auto; } .scroll-bar-container.grid_9 .page-container { width: 100%; } .scroll-bar-container.grid_9 .page-container > [class*="vc_col-md-"] { position: relative; } .scroll-bar-container.grid_9 .scroll-top { position: absolute; left: 1.25rem; bottom: 3vh; } .with-switcher .grid_3 + .scroll-top, .with-switcher .grid_3 .scroll-top, .with-switcher .grid_4 + .scroll-top, .with-switcher .grid_4 .scroll-top, .with-switcher .grid_5 + .scroll-top, .with-switcher .grid_5 .scroll-top, .with-switcher .grid_6 + .scroll-top, .with-switcher .grid_6 .scroll-top, .with-switcher .grid_7 + .scroll-top, .with-switcher .grid_7 .scroll-top, .with-switcher .grid_10 + .scroll-top, .with-switcher .grid_10 .scroll-top { padding-right: 6rem; } .with-switcher .grid_3 + .scroll-bar-container .scroll-top, .with-switcher .grid_4 + .scroll-bar-container .scroll-top, .with-switcher .grid_5 + .scroll-bar-container .scroll-top, .with-switcher .grid_6 + .scroll-bar-container .scroll-top, .with-switcher .grid_7 + .scroll-bar-container .scroll-top, .with-switcher .grid_10 + .scroll-bar-container .scroll-top { padding-right: 6rem; } /* Patterns --------------------------------------------- */ /* Comments --------------------------------------------- */ /* Popup --------------------------------------------- */ /* Base --------------------------------------------- */ .clb-popup { background-color: rgba(17, 16, 19, 0.99); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999999; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50vh); -ms-transform: translateY(-50vh); transform: translateY(-50vh); } .clb-popup.hidden { opacity: 0; visibility: hidden; display: initial; } .clb-popup.visible { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .clb-popup .close-bar { position: absolute; left: 0; right: 0; top: 0; } .clb-popup .close-bar .btn-expand { display: inline-block; } .clb-popup-holder { height: 100%; padding: 12vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .close-bar { position: relative; z-index: 11; height: 12vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-left: 4vh; padding-right: 4vh; } /* Project Lightbox --------------------------------------------- */ .project-lightbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .project-lightbox-gallery, .project-lightbox-details { height: 100%; } .project-lightbox .options-group { color: #9690a2; } .project-lightbox, .project-lightbox .title, .project-lightbox .project-details { color: #fff; } .project-lightbox .clb-slider-nav-btn { right: 0; } .project-lightbox-gallery { width: -webkit-calc(100vw - 38vw); width: calc(100vw - 38vw); position: relative; } .project-lightbox-gallery .slider { width: 100%; height: 100%; } .project-lightbox-gallery .slider .clb-slider-outer-stage, .project-lightbox-gallery .slider .clb-slider-stage { height: 100%; } .project-lightbox-gallery .slider .clb-slider-pagination { left: 0; } .project-lightbox-gallery .slider .portfolio-lightbox-image { width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; } .project-lightbox-details { width: 38vw; padding: 12vh 10vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } /* Subscribe --------------------------------------------- */ .popup-subscribe { overflow: hidden; min-width: 770px; max-width: 770px; height: auto; background-color: #fff; -webkit-animation: 0.4s slide_up_inner cubic-bezier(0.645, 0.045, 0.355, 1); animation: 0.4s slide_up_inner cubic-bezier(0.645, 0.045, 0.355, 1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-border-radius: 0.75rem; border-radius: 0.75rem; } .popup-subscribe > * { width: 50%; } .popup-subscribe .thumbnail { -webkit-background-size: cover; background-size: cover; background-color: #fff; min-height: 25vh; background-position: center center; } .popup-subscribe .holder { padding-left: 4vh; padding-right: 4vh; padding-top: 4rem; padding-bottom: 4rem; } .popup-subscribe .holder .title { margin-bottom: 1.25rem; } .popup-subscribe .contact-form { margin: 1.5rem 0 1rem; } .popup-subscribe .contact-form .button:not(:hover) { background-color: #161519 !important; } .popup-subscribe .contact-form .wpcf7-list-item { margin-top: -0.5rem; } .popup-subscribe .contact-form .wpcf7-list-item-label { font-weight: normal; font-size: 0.96em; } @-webkit-keyframes slide_up_inner { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: .5; } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @keyframes slide_up_inner { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: .5; } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } /* Video --------------------------------------------- */ .clb-video-popup iframe { margin: 0; width: 100%; height: 100%; position: relative; z-index: 1; } /* Gallery --------------------------------------------- */ .clb-gallery-lightbox .close-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .clb-gallery-lightbox .clb-popup-holder { padding-top: 0; padding-bottom: 0; } .clb-gallery-lightbox .clb-popup-holder .slider { opacity: 0; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .clb-gallery-lightbox .clb-popup-holder .slider.ready .clb-slider-item { -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .clb-gallery-lightbox .clb-popup-holder .slider.ready .clb-slider-item:not(.active) { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .clb-gallery-lightbox .clb-popup-holder .slider, .clb-gallery-lightbox .clb-popup-holder .clb-slider-stage { height: 100%; } .clb-gallery-lightbox .clb-popup-holder .slider .image-wrap, .clb-gallery-lightbox .clb-popup-holder .clb-slider-stage .image-wrap { position: relative; } .clb-gallery-lightbox .clb-popup-holder .slider .image-wrap img, .clb-gallery-lightbox .clb-popup-holder .clb-slider-stage .image-wrap img { margin-top: 3rem; max-height: -webkit-calc(100% - 3rem - 7rem); max-height: calc(100% - 3rem - 7rem); } .clb-gallery-lightbox .clb-slider { max-width: 70%; } .clb-gallery-lightbox .clb-slider-outer-stage { overflow: visible; } .clb-gallery-lightbox .clb-slider-stage { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .clb-gallery-lightbox .clb-slider-item { height: 100vh; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .clb-gallery-lightbox .clb-slider-item.active { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .clb-gallery-lightbox .clb-slider-item:not(.active) { -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .clb-gallery-lightbox .clb-slider-nav-btn { position: fixed; color: #fff; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; margin-right: 4vh; margin-bottom: 4vh; } .clb-gallery-lightbox .card-details { width: 100%; text-align: center; min-height: 7rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .clb-gallery-lightbox .card-details .title { color: #fff; font-size: 18px; } .clb-gallery-lightbox .card-details .caption { margin-top: 0.5rem; display: block; width: auto; color: #635d6f; } .clb-gallery-lightbox.-metro .clb-slider-item img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .gallery-tmpimage { position: fixed; z-index: 9999999; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .gallery-tmpimage.active { left: 50%; } /* Search --------------------------------------------- */ .search-global.fixed { position: fixed; left: 4vh; bottom: 4vh; z-index: 50; } .search-global.fixed .ion.light-typo { color: #fff; } .search-global.fixed .ion.dark-typo { color: #111013; } .search { position: relative; } .search-field { width: 100%; } .search-submit { position: absolute; top: 0; right: 0; height: 100%; margin: 0; min-width: 3.125rem; } .search-submit .icon { margin: 0; } .search-submit.-text:hover { -webkit-box-shadow: none; box-shadow: none; } .search select { position: absolute; top: 0; bottom: 0; right: 3.625rem; max-width: 9rem; margin: 0; } .search select, .search select:active, .search select:focus { background-color: transparent; } .search-results { max-height: 27rem; padding-bottom: 0.5rem; overflow-x: visible; overflow-y: auto; } .search-results .search-suggestions, .search-results .no-search-results { margin: 1rem 0; color: #635d6f; } .search-results .product-item { position: relative; padding: 1.25rem 0; border-top: 1px solid rgba(150, 144, 162, 0.15); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .search-results .product-item img { max-width: 4rem; min-width: 4rem; height: auto; } .search-results .product-item-name { font-weight: 600; } .search-results .product-item-details { margin-left: 1rem; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .search-results .product-item-details span > a { font-size: 0.95em; } .search-results .product-item-price { font-weight: 600; } .search-results .product-item:first-child { border: none; } .search-results .search-results_btn { margin-top: 1rem; } .search-popup .holder { max-width: 65vh; margin: 0 auto; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 12vh; } .search-popup .holder .search-field { min-height: 3.5rem; } .search-popup .holder .search-field:-moz-placeholder { color: #9690a2; } .search-popup .holder .search-field::-moz-placeholder { color: #9690a2; } .search-popup .holder .search-field:-ms-input-placeholder { color: #9690a2; } .search-popup .holder .search-field::-webkit-input-placeholder { color: #9690a2; } .search-popup .holder .search select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } .search-popup .holder .search select, .search-popup .holder .search-submit, .search-popup .holder .search-field { color: #fff; } .search-popup .holder .search-results .product-item > * { color: #fff; } .search-popup .holder .search-results .product-item-details .title { color: #fff; } .search-popup .holder .search-results .product-item-details span > a { color: #9690a2; } .search-popup .holder .search-results .button { color: #fff; } /* Page Headline --------------------------------------------- */ .page-headline { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .page-headline .holder { width: 100%; position: relative; z-index: 2; padding-top: 4rem; padding-bottom: 4rem; } .page-headline .animated-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .page-headline .headline-meta { margin-bottom: 1.25rem; } .page-headline .title { max-width: 65%; } .page-headline .post-meta-holder { font-size: 1.05em; max-width: 60%; margin-top: 1.25rem; } .page-headline .post-meta-holder .btn, .page-headline .post-meta-holder .button { margin-top: 1.25rem; } .page-headline .bg-image { background-position: center center; -webkit-background-size: cover; background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .page-headline::after { width: 100%; height: 100%; top: 0; left: 0; z-index: 1; content: ""; display: block; position: absolute; } .page-headline.without-cap { padding-top: 12vh; } .page-headline.-full-vh { padding-top: 0; } .page-headline.-center .animated-holder { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .page-headline.-right .animated-holder { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .page-headline .parallax { position: absolute; width: 100%; height: 100%; } /* Empty States --------------------------------------------- */ .empty-state .title + .button { margin-top: 1.25rem; } .clb-blank-note { background-color: #f9d9b8; z-index: 1; line-height: 1.5; padding: 1.25rem; margin: 0.6rem 0; font-size: 0.95em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .clb-blank-note .icon { margin-right: 0.8rem; } .clb-blank-note .icon path { fill: #ec8013; } /* Empty States --------------------------------------------- */ .empty-state .title + .button { margin-top: 1.25rem; } .clb-blank-note { background-color: #f9d9b8; z-index: 1; line-height: 1.5; padding: 1.25rem; margin: 0.6rem 0; font-size: 0.95em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .clb-blank-note .icon { margin-right: 0.8rem; } .clb-blank-note .icon path { fill: #ec8013; } /* Sticky Nav --------------------------------------------- */ .sticky-nav { max-width: 17.8rem; position: fixed; z-index: 102; right: 4vh; bottom: 4vh; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .sticky-nav-holder { height: 100%; background: #fff; padding-top: 1rem; padding-left: 3vh; padding-right: 3vh; padding-bottom: 3vh; } .sticky-nav-thumbnail { height: 120px; -webkit-background-size: cover; background-size: cover; background-position: center; width: 100%; position: absolute; top: -100px; z-index: -1; -webkit-border-top-right-radius: 0.35rem; border-top-right-radius: 0.35rem; -webkit-border-top-left-radius: 0.35rem; border-top-left-radius: 0.35rem; } .sticky-nav .nav-group { margin-right: -1rem; margin-left: 0.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .sticky-nav .nav-group .prev .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sticky-nav-headline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .sticky-nav-headline + a { letter-spacing: -.025em; line-height: 1.25; font-size: -webkit-calc(1.25rem + 0 * ( (100vw - 576px) / 864)); font-size: calc(1.25rem + 0 * ( (100vw - 576px) / 864)); } .sticky-nav:hover .sticky-nav-thumbnail { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .sticky-nav-products { -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } /* Coming Soon --------------------------------------------- */ .coming-soon { background: -webkit-gradient(linear, left top, right top, from(#E7F6F8), to(#FBF6F1)); background: -webkit-linear-gradient(left, #E7F6F8, #FBF6F1); background: -o-linear-gradient(left, #E7F6F8, #FBF6F1); background: linear-gradient(90deg, #E7F6F8, #FBF6F1); height: 100vh; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .coming-soon .holder { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .coming-soon .holder p { font-size: 1.15em; } .coming-soon .social-networks { position: absolute; left: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); bottom: 6rem; } /* Widgets --------------------------------------------- */ /* Base Widgets --------------------------------------------- */ .widgets { font-size: 0.98em; } .widgets ul, .widgets ol { margin: 0; padding: 0; list-style: none; } .widgets ul > li, .widgets ol > li { margin: 0; padding: 0; } .widgets ul > li::before, .widgets ol > li::before { content: ""; display: none; } .widget { padding-top: 3vh; } .widget select { max-width: 100%; } .widget:not(:first-child) { margin-top: 4vh; } .widget-title, .widget h2, .widget .wp-block-search__label, .widget .wc-block-product-search__label { margin-bottom: 1rem; letter-spacing: -.01em; line-height: inherit; font-weight: bold; font-family: "DM Sans", sans-serif; font-size: 1em; } .widget > ul li:not(:last-child) { margin-bottom: 0.25rem; } .widget .tagcloud, .widget .wp-block-tag-cloud { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .widget .tagcloud a, .widget .wp-block-tag-cloud a { margin: 0.35rem 0.35rem 0 0; display: inline-block; font-size: 0.9rem !important; } .widget .has-submenu-icon { display: none; } .widget.widget_ohio_widget_recent_posts ul li, .widget.widget_products ul li, .widget.widget_top_rated_products ul li, .widget.widget_recently_viewed_products ul li, .widget.widget_recent_reviews ul li { padding-bottom: 1.25rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .widget.widget_ohio_widget_recent_posts ul li:last-child, .widget.widget_products ul li:last-child, .widget.widget_top_rated_products ul li:last-child, .widget.widget_recently_viewed_products ul li:last-child, .widget.widget_recent_reviews ul li:last-child { margin-bottom: 0; } .widget.widget_ohio_widget_recent_posts img, .widget.widget_products img, .widget.widget_top_rated_products img, .widget.widget_recently_viewed_products img, .widget.widget_recent_reviews img { margin-right: 1rem; -o-object-fit: cover; object-fit: cover; width: 4.25rem; height: 4.25rem; } .widget.widget_ohio_widget_recent_posts .content-holder h6, .widget.widget_products .content-holder h6, .widget.widget_top_rated_products .content-holder h6, .widget.widget_recently_viewed_products .content-holder h6, .widget.widget_recent_reviews .content-holder h6 { font-weight: 600; margin-bottom: 0.2rem; } .widget.widget_ohio_widget_recent_posts .content-holder .details, .widget.widget_products .content-holder .details, .widget.widget_top_rated_products .content-holder .details, .widget.widget_recently_viewed_products .content-holder .details, .widget.widget_recent_reviews .content-holder .details { line-height: 1.45; font-size: 0.95em; } .widget.widget_ohio_widget_recent_posts .content-holder .price, .widget.widget_products .content-holder .price, .widget.widget_top_rated_products .content-holder .price, .widget.widget_recently_viewed_products .content-holder .price, .widget.widget_recent_reviews .content-holder .price { display: block; } .widget.widget_ohio_widget_recent_posts .content-holder .author, .widget.widget_ohio_widget_recent_posts .content-holder .price, .widget.widget_products .content-holder .author, .widget.widget_products .content-holder .price, .widget.widget_top_rated_products .content-holder .author, .widget.widget_top_rated_products .content-holder .price, .widget.widget_recently_viewed_products .content-holder .author, .widget.widget_recently_viewed_products .content-holder .price, .widget.widget_recent_reviews .content-holder .author, .widget.widget_recent_reviews .content-holder .price { font-weight: 600; } /* Standard Widgets --------------------------------------------- */ .widget_recent_comments .comment-author-link, .widget_recent_comments .wp-block-latest-comments__comment-author { font-weight: 600; } .widget_recent_comments .wp-block-latest-comments__comment-date { font-size: 0.95em; color: #635d6f; } .widget_recent_comments .wp-block-latest-comments__comment-excerpt p { font-size: inherit; line-height: inherit; margin: 0.35rem 0 1.25rem; } .widget_recent_comments li:not(:last-child) { margin-bottom: 0.5rem; } .widget_calendar a { text-decoration: none; } .widget_calendar table { text-align: center; } .widget_calendar table td, .widget_calendar table th { border-top: none; font-size: 0.9em; padding: 0.75rem 0.5rem; font-weight: 500; background: transparent; border: none; } .widget_calendar table caption, .widget_calendar table tbody { color: inherit; } .widget_calendar caption { padding: 0.6rem 1rem; font-weight: bold; font-family: "DM Sans", sans-serif; font-size: 1em; background-color: rgba(150, 144, 162, 0.06); -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .widget_calendar tbody tr td { border: none; position: relative; } .widget_calendar tbody tr td#today, .widget_calendar tbody tr td a { display: block; font-weight: bold; line-height: 1; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .widget_calendar tbody tr td#today { background-color: rgba(150, 144, 162, 0.15); width: 100%; height: 100%; } .widget_calendar tbody tr td a { background-color: rgba(236, 128, 19, 0.15); min-height: 1.75rem; min-width: 1.75rem; position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .widget_calendar .wp-calendar-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .widget_nav_menu .current_page_item, .widget_nav_menu .current-menu-item, .widget_pages .current_page_item, .widget_pages .current-menu-item { font-weight: 600; } .widget_nav_menu .sub-menu, .widget_pages .sub-menu { margin-left: 1.5rem; } .widget_rss a { color: #dc2828; } .widget_rss .rss-date { font-size: 0.95em; } .widget_rss cite, .widget_rss .rssSummary { margin-top: 1.25rem; } .widget_rss cite { margin-top: 1.25rem; } .widget_search .wp-block-search__inside-wrapper, .widget_search .wc-block-product-search__fields, .wc-block-product-search .wp-block-search__inside-wrapper, .wc-block-product-search .wc-block-product-search__fields { position: relative; } .widget_search .wp-block-search__inside-wrapper button[type="submit"].wp-block-search__button, .widget_search .wc-block-product-search__fields button[type="submit"].wp-block-search__button, .wc-block-product-search .wp-block-search__inside-wrapper button[type="submit"].wp-block-search__button, .wc-block-product-search .wc-block-product-search__fields button[type="submit"].wp-block-search__button { position: absolute; right: 0; top: 0; background-color: transparent; border: none; padding: 0 1.15rem; } .widget_search .wp-block-search__inside-wrapper button[type="submit"].wp-block-search__button:not(:hover), .widget_search .wc-block-product-search__fields button[type="submit"].wp-block-search__button:not(:hover), .wc-block-product-search .wp-block-search__inside-wrapper button[type="submit"].wp-block-search__button:not(:hover), .wc-block-product-search .wc-block-product-search__fields button[type="submit"].wp-block-search__button:not(:hover) { color: #161519; } .widget_search input[type="search"], .wc-block-product-search input[type="search"] { border: none; } .widget_search .wp-block-search__input, .wc-block-product-search .wp-block-search__input { padding: 0 6rem 0 1rem; } .widget_search .wc-block-product-search__field, .wc-block-product-search .wc-block-product-search__field { padding: 0 4rem 0 1rem; } /* Theme Widgets --------------------------------------------- */ .widget_ohio_widget_about_author { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .widget_ohio_widget_about_author .avatar { margin-bottom: 1.5rem; } .widget_ohio_widget_about_author .social-networks { margin-top: 1.5rem; } .widget_ohio_widget_about_author .content { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .widget_ohio_widget_about_author .content .details { margin-bottom: 0.4rem; } .widget_ohio_widget_about_author .content .details .site { font-size: 0.95em; color: #635d6f; } .widget_ohio_widget_contact li { font-weight: 500; } .widget_ohio_widget_contact li address { display: inline; font-weight: normal; } .widget_ohio_widget_logo img { max-height: 3rem; } .widget_ohio_widget_logo img:hover { opacity: .65; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .widget_ohio_widget_recent_posts .content-holder .comments + .author::before, .widget_ohio_widget_recent_posts .content-holder .date + .categories::before { margin-right: 0.25rem; content: '•'; display: inline-block; vertical-align: middle; font-size: .85em; margin-top: -2px; color: #dc2828; } /*-------------------------------------------------------------- # Shortcodes --------------------------------------------------------------*/ /* Accordion Horizontal --------------------------------------------- */ .horizontal-accordion { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .horizontal-accordion-item { min-width: 50%; position: relative; background-color: #fff; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .horizontal-accordion-item .accordion-body { height: 100%; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .horizontal-accordion-item:not(:last-child) { -webkit-box-shadow: 0 0.75rem 2.5rem rgba(0, 0, 0, 0.08); box-shadow: 0 0.75rem 2.5rem rgba(0, 0, 0, 0.08); } .horizontal-accordion-item:not(.active) { cursor: pointer; } .horizontal-accordion-item:not(.active):hover .accordion-body { background-color: rgba(150, 144, 162, 0.06); } .horizontal-accordion:not(.open) { overflow-x: hidden; } /* Accordion --------------------------------------------- */ .accordion-item { margin-bottom: 0.5rem; } .accordion-item .accordion-button { position: relative; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .accordion-item .accordion-button .icon-button { margin: 0; position: relative; } .accordion-item .accordion-button .icon-button:not(.next-btn) .icon { -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .accordion-item .accordion-button .icon-button:not(.next-btn) .icon::after, .accordion-item .accordion-button .icon-button:not(.next-btn) .icon::before { content: ""; width: 0.75rem; height: 0.1rem; background-color: currentColor; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .accordion-item .accordion-button .icon-button:not(.next-btn) .icon::before { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .accordion-item.active .accordion-collapse { opacity: 1; } .accordion-item.active .icon-button .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .accordion-item.active .icon-button .icon::before { opacity: 0; } .accordion-item .accordion-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .accordion-item .accordion-header .icon { margin-right: 0.75rem; } .accordion-item .accordion-collapse { overflow: hidden; height: 0; -webkit-transition: height cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: height cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: height cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .accordion-item .accordion-collapse .accordion-body > p { margin: 0; } .accordion-item:last-child { margin-bottom: 0; } .accordion:not(.-outlined):not(.-text) .accordion-item .accordion-button { background-color: rgba(150, 144, 162, 0.08); padding: 0.75rem 0.75rem 0.75rem 1.25rem; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .accordion:not(.-outlined):not(.-text) .accordion-item .accordion-collapse .accordion-body { padding: 0.75rem 1.25rem; } .accordion.-outlined .accordion-item .accordion-collapse .accordion-body, .lazy-load.-outlined .accordion.button:not(.-flat) .accordion-item .accordion-collapse .accordion-body, .pagination:not(.text-center).-outlined .accordion.button:not(.-flat) .accordion-item .accordion-collapse .accordion-body, .accordion.-text .accordion-item .accordion-collapse .accordion-body { padding: 0.75rem 0; } .accordion.-outlined .accordion-item, .lazy-load.-outlined .accordion.button:not(.-flat) .accordion-item, .pagination:not(.text-center).-outlined .accordion.button:not(.-flat) .accordion-item { margin: 0; } .accordion.-outlined .accordion-item .accordion-button, .lazy-load.-outlined .accordion.button:not(.-flat) .accordion-item .accordion-button, .pagination:not(.text-center).-outlined .accordion.button:not(.-flat) .accordion-item .accordion-button { border-top: 1px solid transparent; border-bottom: 1px solid #9690a2; padding: 0.75rem 0; } .accordion.-outlined .accordion-item.active + .accordion-item .accordion-button, .lazy-load.-outlined .accordion.button:not(.-flat) .accordion-item.active + .accordion-item .accordion-button, .pagination:not(.text-center).-outlined .accordion.button:not(.-flat) .accordion-item.active + .accordion-item .accordion-button, .accordion.-outlined .accordion-item:first-child .accordion-button, .lazy-load.-outlined .accordion.button:not(.-flat) .accordion-item:first-child .accordion-button, .pagination:not(.text-center).-outlined .accordion.button:not(.-flat) .accordion-item:first-child .accordion-button { border-top-color: #9690a2; } .accordion.-text .accordion-item .accordion-button { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .accordion.-text .accordion-item .accordion-button .icon-button { margin-left: -0.5rem; } /* Banner --------------------------------------------- */ .banner:not(.-with-overlay):not(.-image-only) .overlay-details { background: #111013; background: -webkit-linear-gradient(0deg, rgba(17, 16, 19, 0.65) 0%, rgba(17, 16, 19, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(17, 16, 19, 0.65)), to(rgba(17, 16, 19, 0))); background: -webkit-linear-gradient(bottom, rgba(17, 16, 19, 0.65) 0%, rgba(17, 16, 19, 0) 100%); background: -o-linear-gradient(bottom, rgba(17, 16, 19, 0.65) 0%, rgba(17, 16, 19, 0) 100%); background: linear-gradient(0deg, rgba(17, 16, 19, 0.65) 0%, rgba(17, 16, 19, 0) 100%); } .banner.-with-overlay:not(.team-member) .overlay-details, .banner.-image-only .overlay-details { height: 100%; background-color: rgba(17, 16, 19, 0.5); -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .banner.-with-overlay:not(.team-member) .overlay-details .title, .banner.-image-only .overlay-details .title { color: #fff; } .banner.-image-only .overlay-details { opacity: 0; -webkit-transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .banner.-image-only:hover .overlay-details { opacity: 1; } .banner.-image-only:hover .card-details, .banner.-image-only:hover p { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } /* Call to Action --------------------------------------------- */ .call-to-action { width: 100%; position: relative; background-color: rgba(220, 40, 40, 0.1); padding: 3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } /* Circle Progress --------------------------------------------- */ .circle-progress .circle { position: relative; display: inline-block; } .circle-progress .circle svg { vertical-align: top; } .circle-progress .circle .progress { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .circle-progress .circle .progress-meter, .circle-progress .circle .progress-value { fill: none; } .circle-progress .circle .progress-meter { stroke: rgba(150, 144, 162, 0.15); } .circle-progress .circle .progress-value { stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-transition: 0.9s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: 0.9s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: 0.9s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .circle-progress .circle i, .circle-progress .circle .icon-group, .circle-progress .circle .range { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .circle-progress .circle i { font-size: 2rem; } .circle-progress .progress-content > .range { margin-bottom: 0.4rem; } .circle-progress:not(.-floating) .progress-content { margin-top: 1rem; } .circle-progress.-thin .progress-meter, .circle-progress.-thin .progress-value { stroke-width: 0.25rem; } .circle-progress.-bold .progress-meter, .circle-progress.-bold .progress-value { stroke-width: 0.75rem; } .circle-progress.-floating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .circle-progress.-floating .progress-content { margin-left: 1rem; margin-right: 1rem; } .circle-progress.-floating.-center { text-align: left; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .circle-progress.-floating.-right { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* Logo --------------------------------------------- */ .logo { padding: 0.5rem 0; position: relative; } .logo img { -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .logo-details { background-color: #fff; z-index: 1; font-size: 0.95em; visibility: hidden; opacity: 0; width: -webkit-calc(100% + 2rem); width: calc(100% + 2rem); position: absolute; left: -1rem; top: 55%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 1rem; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .logo:hover img { -webkit-transform: scale3d(1.06, 1.06, 1); transform: scale3d(1.06, 1.06, 1); } .logo:hover .logo-details { opacity: 1; visibility: visible; top: 50%; } /* Compare --------------------------------------------- */ .compare-container { -webkit-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; } .compare-container img { width: 100%; height: auto; position: absolute; top: 0; display: block; } .compare-container .compare-before { z-index: 2; } .compare-container .compare-after { z-index: 1; } .compare-container.active .compare-overlay, .compare-container.active :hover.compare-overlay { background: transparent; } .compare-container.active .compare-overlay .compare-before-label, .compare-container.active .compare-overlay .compare-after-label, .compare-container.active :hover.compare-overlay .compare-before-label, .compare-container.active :hover.compare-overlay .compare-after-label { opacity: 0; } .compare-container .compare-before-label, .compare-container .compare-after-label { opacity: 0; } .compare-container .compare-before-label::before, .compare-container .compare-after-label::before { content: attr(data-content); } .compare-handle { z-index: 40; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .compare-handle::before, .compare-handle::after { content: ""; display: block; background: #fff; position: absolute; z-index: 30; width: 0.125em; height: 9999px; margin-left: -0.0625em; left: 50%; } .compare-handle::before { bottom: 50%; margin-bottom: 1.7em; } .compare-handle::after { top: 50%; margin-top: 1.7em; } .compare-overlay { background: transparent; z-index: 3; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .compare-overlay, .compare-overlay .compare-before-label, .compare-overlay .compare-after-label { position: absolute; top: 0; width: 100%; height: 100%; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .compare-overlay .compare-before-label, .compare-overlay .compare-after-label { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .compare-overlay .compare-before-label::before, .compare-overlay .compare-after-label::before { color: #fff; position: absolute; background-color: #161519; font-size: 0.9rem; font-weight: 600; padding: 0.15rem 0.5rem; top: 50%; -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); -webkit-border-radius: 0.25rem; border-radius: 0.25rem; } .compare-overlay .compare-before-label::before { left: 1rem; } .compare-overlay .compare-after-label::before { right: 1rem; } .compare-overlay:hover { background: rgba(17, 16, 19, 0.25); } .compare-overlay:hover .compare-after-label, .compare-overlay:hover .compare-before-label { opacity: 1; } .compare .icon-button { background-color: #f7f7f8; padding: 0; } .compare .icon-button .icon { width: 100%; height: 100%; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4="); background-position: center; background-repeat: no-repeat; } .compare-vertical .compare-handle { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .compare-vertical .compare-before-label::before, .compare-vertical .compare-after-label::before { content: attr(data-content); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; right: auto; } .compare-vertical .compare-before-label::before { top: 1rem; bottom: auto; } .compare-vertical .compare-after-label::before { top: auto; bottom: 1rem; } .compare-wrapper, .elementor-widget-ohio_compare .elementor-widget-container { overflow: hidden; } /* Contact Form --------------------------------------------- */ .contact-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .contact-form textarea, .contact-form select { width: 100%; } .contact-form [class^='vc_col'] > label { margin: 0; } .contact-form [class^='vc_col'] > label input, .contact-form [class^='vc_col'] > label textarea, .contact-form [class^='vc_col'] > label select { margin-top: 0.5rem; } .contact-form [class^='vc_col'].form-check { margin-bottom: 1.5rem; } .contact-form form::after { content: ""; display: table; clear: both; } .contact-form .wpcf7-list-item { margin: 0; } .contact-form .wpcf7-list-item-label { vertical-align: middle; } .contact-form.-outlined input[type="email"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="email"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="email"], .contact-form.-outlined input[type="number"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="number"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="number"], .contact-form.-outlined input[type="password"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="password"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="password"], .contact-form.-outlined input[type="search"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="search"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="search"], .contact-form.-outlined input[type="tel"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="tel"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="tel"], .contact-form.-outlined input[type="text"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="text"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="text"], .contact-form.-outlined input[type="date"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="date"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="date"], .contact-form.-outlined input[type="url"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="url"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="url"], .contact-form.-outlined textarea, .lazy-load.-outlined .contact-form.button:not(.-flat) textarea, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) textarea, .contact-form.-outlined select, .lazy-load.-outlined .contact-form.button:not(.-flat) select, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) select, .subscribe-form.-outlined input[type="email"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="email"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="email"], .subscribe-form.-outlined input[type="number"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="number"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="number"], .subscribe-form.-outlined input[type="password"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="password"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="password"], .subscribe-form.-outlined input[type="search"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="search"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="search"], .subscribe-form.-outlined input[type="tel"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="tel"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="tel"], .subscribe-form.-outlined input[type="text"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="text"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="text"], .subscribe-form.-outlined input[type="date"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="date"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="date"], .subscribe-form.-outlined input[type="url"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="url"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="url"], .subscribe-form.-outlined textarea, .lazy-load.-outlined .subscribe-form.button:not(.-flat) textarea, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) textarea, .subscribe-form.-outlined select, .lazy-load.-outlined .subscribe-form.button:not(.-flat) select, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) select { background-color: transparent; border: 2px solid #9690a2; } .contact-form.-outlined input[type="email"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="email"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="email"]:focus, .contact-form.-outlined input[type="email"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="email"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="email"]:active, .contact-form.-outlined input[type="number"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="number"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="number"]:focus, .contact-form.-outlined input[type="number"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="number"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="number"]:active, .contact-form.-outlined input[type="password"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="password"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="password"]:focus, .contact-form.-outlined input[type="password"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="password"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="password"]:active, .contact-form.-outlined input[type="search"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="search"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="search"]:focus, .contact-form.-outlined input[type="search"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="search"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="search"]:active, .contact-form.-outlined input[type="tel"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="tel"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="tel"]:focus, .contact-form.-outlined input[type="tel"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="tel"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="tel"]:active, .contact-form.-outlined input[type="text"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="text"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="text"]:focus, .contact-form.-outlined input[type="text"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="text"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="text"]:active, .contact-form.-outlined input[type="date"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="date"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="date"]:focus, .contact-form.-outlined input[type="date"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="date"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="date"]:active, .contact-form.-outlined input[type="url"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="url"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="url"]:focus, .contact-form.-outlined input[type="url"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="url"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="url"]:active, .contact-form.-outlined textarea:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) textarea:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) textarea:focus, .contact-form.-outlined textarea:active, .lazy-load.-outlined .contact-form.button:not(.-flat) textarea:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) textarea:active, .contact-form.-outlined select:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) select:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) select:focus, .contact-form.-outlined select:active, .lazy-load.-outlined .contact-form.button:not(.-flat) select:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) select:active, .subscribe-form.-outlined input[type="email"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="email"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="email"]:focus, .subscribe-form.-outlined input[type="email"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="email"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="email"]:active, .subscribe-form.-outlined input[type="number"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="number"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="number"]:focus, .subscribe-form.-outlined input[type="number"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="number"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="number"]:active, .subscribe-form.-outlined input[type="password"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="password"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="password"]:focus, .subscribe-form.-outlined input[type="password"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="password"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="password"]:active, .subscribe-form.-outlined input[type="search"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="search"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="search"]:focus, .subscribe-form.-outlined input[type="search"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="search"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="search"]:active, .subscribe-form.-outlined input[type="tel"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="tel"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="tel"]:focus, .subscribe-form.-outlined input[type="tel"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="tel"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="tel"]:active, .subscribe-form.-outlined input[type="text"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="text"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="text"]:focus, .subscribe-form.-outlined input[type="text"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="text"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="text"]:active, .subscribe-form.-outlined input[type="date"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="date"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="date"]:focus, .subscribe-form.-outlined input[type="date"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="date"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="date"]:active, .subscribe-form.-outlined input[type="url"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="url"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="url"]:focus, .subscribe-form.-outlined input[type="url"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="url"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="url"]:active, .subscribe-form.-outlined textarea:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) textarea:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) textarea:focus, .subscribe-form.-outlined textarea:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) textarea:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) textarea:active, .subscribe-form.-outlined select:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) select:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) select:focus, .subscribe-form.-outlined select:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) select:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) select:active { outline: none; border-color: #635d6f; } .contact-form .wpcf7-form .wpcf7-not-valid-tip, .subscribe-form .wpcf7-form .wpcf7-not-valid-tip { display: none; } .contact-form .wpcf7-form .wpcf7-response-output, .subscribe-form .wpcf7-form .wpcf7-response-output { background-color: rgba(41, 163, 102, 0.1); color: #29a366; margin: 1rem 0 0 0; border: none; font-size: 0.95em; padding: 0.65rem 1rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; } .contact-form .wpcf7-form.sent .subscribe-form, .subscribe-form .wpcf7-form.sent .subscribe-form { display: none; } .contact-form .wpcf7-form.sent .wpcf7-response-output, .subscribe-form .wpcf7-form.sent .wpcf7-response-output { background-color: rgba(41, 163, 102, 0.1); color: #29a366; } .contact-form .wpcf7-form.invalid .wpcf7-response-output, .subscribe-form .wpcf7-form.invalid .wpcf7-response-output { background-color: rgba(221, 60, 87, 0.1); color: #dd3c57; } .contact-form .wpcf7-form .wpcf7-spinner, .subscribe-form .wpcf7-form .wpcf7-spinner { display: none; } .post-password-form { text-align: left; padding: 2em 0px; } .post-password-form input[type="password"] { margin: 0.5rem 0px 1rem; } .minimal-scheme .contact-form.-outlined input[type="email"], .minimal-scheme .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="email"], .lazy-load.-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="email"], .minimal-scheme .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="email"], .pagination:not(.text-center).-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="email"], .minimal-scheme .contact-form.-outlined input[type="number"], .minimal-scheme .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="number"], .lazy-load.-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="number"], .minimal-scheme .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="number"], .pagination:not(.text-center).-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="number"], .minimal-scheme .contact-form.-outlined input[type="password"], .minimal-scheme .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="password"], .lazy-load.-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="password"], .minimal-scheme .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="password"], .pagination:not(.text-center).-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="password"], .minimal-scheme .contact-form.-outlined input[type="search"], .minimal-scheme .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="search"], .lazy-load.-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="search"], .minimal-scheme .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="search"], .pagination:not(.text-center).-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="search"], .minimal-scheme .contact-form.-outlined input[type="tel"], .minimal-scheme .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="tel"], .lazy-load.-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="tel"], .minimal-scheme .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="tel"], .pagination:not(.text-center).-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="tel"], .minimal-scheme .contact-form.-outlined input[type="text"], .minimal-scheme .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="text"], .lazy-load.-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="text"], .minimal-scheme .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="text"], .pagination:not(.text-center).-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="text"], .minimal-scheme .contact-form.-outlined input[type="date"], .minimal-scheme .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="date"], .lazy-load.-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="date"], .minimal-scheme .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="date"], .pagination:not(.text-center).-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="date"], .minimal-scheme .contact-form.-outlined input[type="url"], .minimal-scheme .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="url"], .lazy-load.-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="url"], .minimal-scheme .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="url"], .pagination:not(.text-center).-outlined .minimal-scheme .contact-form.button:not(.-flat) input[type="url"], .minimal-scheme .contact-form.-outlined textarea, .minimal-scheme .lazy-load.-outlined .contact-form.button:not(.-flat) textarea, .lazy-load.-outlined .minimal-scheme .contact-form.button:not(.-flat) textarea, .minimal-scheme .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) textarea, .pagination:not(.text-center).-outlined .minimal-scheme .contact-form.button:not(.-flat) textarea, .minimal-scheme .contact-form.-outlined select, .minimal-scheme .lazy-load.-outlined .contact-form.button:not(.-flat) select, .lazy-load.-outlined .minimal-scheme .contact-form.button:not(.-flat) select, .minimal-scheme .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) select, .pagination:not(.text-center).-outlined .minimal-scheme .contact-form.button:not(.-flat) select, .minimal-scheme .subscribe-form.-outlined input[type="email"], .minimal-scheme .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="email"], .lazy-load.-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="email"], .minimal-scheme .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="email"], .pagination:not(.text-center).-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="email"], .minimal-scheme .subscribe-form.-outlined input[type="number"], .minimal-scheme .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="number"], .lazy-load.-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="number"], .minimal-scheme .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="number"], .pagination:not(.text-center).-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="number"], .minimal-scheme .subscribe-form.-outlined input[type="password"], .minimal-scheme .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="password"], .lazy-load.-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="password"], .minimal-scheme .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="password"], .pagination:not(.text-center).-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="password"], .minimal-scheme .subscribe-form.-outlined input[type="search"], .minimal-scheme .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="search"], .lazy-load.-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="search"], .minimal-scheme .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="search"], .pagination:not(.text-center).-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="search"], .minimal-scheme .subscribe-form.-outlined input[type="tel"], .minimal-scheme .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="tel"], .lazy-load.-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="tel"], .minimal-scheme .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="tel"], .pagination:not(.text-center).-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="tel"], .minimal-scheme .subscribe-form.-outlined input[type="text"], .minimal-scheme .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="text"], .lazy-load.-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="text"], .minimal-scheme .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="text"], .pagination:not(.text-center).-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="text"], .minimal-scheme .subscribe-form.-outlined input[type="date"], .minimal-scheme .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="date"], .lazy-load.-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="date"], .minimal-scheme .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="date"], .pagination:not(.text-center).-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="date"], .minimal-scheme .subscribe-form.-outlined input[type="url"], .minimal-scheme .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="url"], .lazy-load.-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="url"], .minimal-scheme .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="url"], .pagination:not(.text-center).-outlined .minimal-scheme .subscribe-form.button:not(.-flat) input[type="url"], .minimal-scheme .subscribe-form.-outlined textarea, .minimal-scheme .lazy-load.-outlined .subscribe-form.button:not(.-flat) textarea, .lazy-load.-outlined .minimal-scheme .subscribe-form.button:not(.-flat) textarea, .minimal-scheme .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) textarea, .pagination:not(.text-center).-outlined .minimal-scheme .subscribe-form.button:not(.-flat) textarea, .minimal-scheme .subscribe-form.-outlined select, .minimal-scheme .lazy-load.-outlined .subscribe-form.button:not(.-flat) select, .lazy-load.-outlined .minimal-scheme .subscribe-form.button:not(.-flat) select, .minimal-scheme .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) select, .pagination:not(.text-center).-outlined .minimal-scheme .subscribe-form.button:not(.-flat) select { border-width: 1px; } /* Countdown --------------------------------------------- */ .countdown { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .countdown-item { margin: 0 0.5rem; } .countdown-item .number { line-height: 1; position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .countdown:not(.-text) .countdown-item .number { width: 4rem; height: 4rem; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; font-size: -webkit-calc(1.25rem + 1 * ( (100vw - 576px) / 864)); font-size: calc(1.25rem + 1 * ( (100vw - 576px) / 864)); } .countdown:not(.-text) .countdown-item .number-label { font-size: 0.9rem; } .countdown.-with-divider .countdown-item { margin: 0 0.75rem; } .countdown.-with-divider .countdown-item:not(:last-child) .number::after { content: ":"; font-size: 1.25rem; position: absolute; width: 1rem; text-align: center; -webkit-transform: translate(0.5rem, -50%); -ms-transform: translate(0.5rem, -50%); transform: translate(0.5rem, -50%); right: -0.75rem; top: 50%; } .countdown.-contained .countdown-item .number { background: rgba(150, 144, 162, 0.08); background: -webkit-gradient(linear, left bottom, left top, from(rgba(150, 144, 162, 0.15)), color-stop(49%, rgba(150, 144, 162, 0.15)), color-stop(50%, rgba(150, 144, 162, 0.25)), to(rgba(150, 144, 162, 0.15))); background: -webkit-linear-gradient(bottom, rgba(150, 144, 162, 0.15) 0%, rgba(150, 144, 162, 0.15) 49%, rgba(150, 144, 162, 0.25) 50%, rgba(150, 144, 162, 0.15) 100%); background: -o-linear-gradient(bottom, rgba(150, 144, 162, 0.15) 0%, rgba(150, 144, 162, 0.15) 49%, rgba(150, 144, 162, 0.25) 50%, rgba(150, 144, 162, 0.15) 100%); background: linear-gradient(360deg, rgba(150, 144, 162, 0.15) 0%, rgba(150, 144, 162, 0.15) 49%, rgba(150, 144, 162, 0.25) 50%, rgba(150, 144, 162, 0.15) 100%); margin-bottom: 0.5rem; font-size: -webkit-calc(1.25rem + 0.75 * ( (100vw - 576px) / 864)); font-size: calc(1.25rem + 0.75 * ( (100vw - 576px) / 864)); } .countdown.-text .countdown-item:first-child { margin-left: 0; } .countdown.-text .countdown-item:last-child { margin-right: 0; } .countdown.-text .countdown-item .number { font-size: -webkit-calc(1.5rem + 0.5 * ( (100vw - 576px) / 864)); font-size: calc(1.5rem + 0.5 * ( (100vw - 576px) / 864)); } .minimal-scheme .countdown .countdown-item .number { -webkit-border-radius: 0; border-radius: 0; } /* Counter --------------------------------------------- */ .counter-number { margin-bottom: 0.5rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .counter-number .icon-group { margin-right: 0.5rem; } .counter-number .holder { line-height: 100%; letter-spacing: -.045em; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: -webkit-calc(2.35rem + 0.4 * ( (100vw - 576px) / 864)); font-size: calc(2.35rem + 0.4 * ( (100vw - 576px) / 864)); } .counter-number.-with-increaser .holder::after { content: "+"; font-size: 0.65em; margin-left: 0.4rem; } .counter > p { font-weight: 600; line-height: 1.4; } .counter.-right-icon .counter-number { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .counter.-right-icon .counter-number .icon-group { margin-left: 0.5rem; margin-right: 0; } .counter.-top-icon .counter-number { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .counter.-top-icon .counter-number .icon-group { margin-bottom: 0.5rem; margin-right: 0; } .counter.-top-icon.-center .counter-number { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .counter.-top-icon.-left .counter-number { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .counter.-top-icon.-right .counter-number { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } /* Dynamic Text --------------------------------------------- */ .dynamic-text .typed-cursor { opacity: 1; margin-right: -0.2em; -webkit-animation: Blink 0.75s infinite; animation: Blink 0.75s infinite; } @-webkit-keyframes Blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } /* Gallery --------------------------------------------- */ .gallery-item { cursor: pointer; } .gallery-item .caption { display: none; } .gallery-item .overlay-details { background: #111013; background: -webkit-linear-gradient(0deg, rgba(17, 16, 19, 0.65) 0%, rgba(17, 16, 19, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(17, 16, 19, 0.65)), to(rgba(17, 16, 19, 0))); background: -webkit-linear-gradient(bottom, rgba(17, 16, 19, 0.65) 0%, rgba(17, 16, 19, 0) 100%); background: -o-linear-gradient(bottom, rgba(17, 16, 19, 0.65) 0%, rgba(17, 16, 19, 0) 100%); background: linear-gradient(0deg, rgba(17, 16, 19, 0.65) 0%, rgba(17, 16, 19, 0) 100%); } .gallery-item .overlay-details .heading { width: 100%; } .gallery-item .overlay-details h5 { color: #fff; } .gallery-item.-with-overlay .image-holder + .card-details { display: none; } /* Google Maps --------------------------------------------- */ .google-maps { width: 100%; height: 100%; min-height: 20rem; top: 0; left: 0; overflow: hidden; position: relative; } .google-maps-wrap { width: 100%; height: 100%; min-height: 250px; } .google-maps .clb-blank-note { min-width: 70%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .elementor-widget-ohio_google_maps, .elementor-widget-ohio_google_maps .elementor-widget-container { height: 100%; } .gm-style img { max-width: none !important; } /* Heading --------------------------------------------- */ .heading .title + .divider { -webkit-margin-before: 1em; margin-block-start: 1em; } .heading .title + .subtitle { padding-top: 0.5em; } .heading .subtitle { font-size: 0.9em; font-weight: 500; } .heading .subtitle + .divider { -webkit-margin-before: 1em; margin-block-start: 1em; } .heading .subtitle + .title { padding-top: 0.15em; } .heading .divider { width: 100%; height: 1px; display: block; background-color: rgba(99, 93, 111, 0.65); } .heading .divider + .title { padding-top: 0.35em; } .heading .divider + .subtitle { padding-top: 1em; } .heading:not(.title) + * { -webkit-margin-before: 1em; margin-block-start: 1em; } .heading:not(.title) + .vc_empty_space { -webkit-margin-before: initial; margin-block-start: initial; } .minimal-scheme .heading .subtitle { text-transform: uppercase; font-size: 0.85em; } /* Icon Box --------------------------------------------- */ .icon-box .icon-box-content .icon-box-heading + * { margin-top: 0.5rem; } .icon-box .icon-box-content p { margin: 0; } .icon-box .icon-box-content .button { margin-top: 1rem; } .icon-box:not(.-left-icon):not(.-floating-icon) .icon-box-content .icon-box-heading { margin-top: 1rem; } .icon-box.-left-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .icon-box.-left-icon .icon-group { margin-right: 1rem; } .icon-box.-left-icon .icon-box-content { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .icon-box.-left-icon .icon-box-content .icon-box-heading { margin-bottom: 0.25rem; margin-top: 0.25rem; } .icon-box.-floating-icon .icon-box-header { margin-bottom: 0.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .icon-box.-floating-icon .icon-group { margin-right: 0.75rem; } /* Parallax --------------------------------------------- */ .parallax { position: relative; height: 100%; min-height: 100px; overflow: hidden; } .parallax::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .parallax .parallax-content { position: relative; z-index: 3; padding-left: 1.5rem; padding-right: 1.5rem; } .parallax-bg { background-position: center center; width: 100%; height: 1000%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; will-change: transform; } .parallax-bg.horizontal { width: 1000%; height: 100%; } /* Portfolio Projects --------------------------------------------- */ .portfolio-projects .portfolio-grid + .holder, .blog-posts + .holder { margin-top: 1rem; } /* Pricing List --------------------------------------------- */ .pricing-list-headline, .pricing-list-details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .pricing-list-headline { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .pricing-list-price { margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .pricing-list-details { margin-top: 0.25em; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .pricing-list-details p { margin: 0; } .pricing-list-details .badge { background-color: #dc2828; } .pricing-list.-with-discount .pricing-list-price .regular-price { color: #635d6f; text-decoration: line-through; } .dark-scheme .pricing-list.-with-discount .pricing-list-price .regular-price { color: #9690a2; } /* Pricing Table --------------------------------------------- */ .pricing-table-headline p { font-size: 0.9rem; color: #635d6f; } .pricing-table-price .price-number { line-height: 100%; display: block; letter-spacing: -.05em; margin-bottom: 0.5rem; letter-spacing: -.045em; line-height: 1; font-size: -webkit-calc(3rem + 1.5 * ( (100vw - 576px) / 864)); font-size: calc(3rem + 1.5 * ( (100vw - 576px) / 864)); } .pricing-table .button { margin: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .pricing-table > *, .service-table > * { margin-bottom: 1.5rem; } .pricing-table .heading, .service-table .heading { margin-bottom: 1.25rem; } .pricing-table > div:last-child, .pricing-table .button, .service-table > div:last-child, .service-table .button { margin: 0; } .pricing-table-features ul li, .service-table-features ul li { font-size: 0.95em; margin-bottom: 0.5rem; } .pricing-table-features ul li:last-child, .service-table-features ul li:last-child { margin: 0; } .pricing-table-features .icon, .service-table-features .icon { margin: 0 0.5rem 0.25rem 0; line-height: 16px; } .pricing-table-features .exist .icon, .service-table-features .exist .icon { color: #dc2828; } .pricing-table-features .missing, .service-table-features .missing { opacity: 0.65; } /* Progress Bar --------------------------------------------- */ .progress .progress-heading { margin-bottom: 0.625rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .progress .progress-heading .progress-percent:not(.tooltip) { font-size: 0.95em; font-weight: 600; } .progress.-tooltip .progress-holder { overflow: visible; } .progress.-tooltip .progress-holder .progress-bar { position: relative; } .progress.-tooltip .progress-holder .progress-percent { position: absolute; font-size: 0.8em; top: 0; right: 0; padding: 0.15rem 0.45rem; -webkit-transform: translateY(-webkit-calc(-100% - 7px)) translateX(50%); -ms-transform: translateY(calc(-100% - 7px)) translateX(50%); transform: translateY(calc(-100% - 7px)) translateX(50%); } /* Service Table --------------------------------------------- */ .service-table { padding: 3vh; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; -webkit-transition: background-color cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: background-color cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: background-color cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .service-table:hover { background-color: rgba(150, 144, 162, 0.08); } .minimal-scheme .service-table { -webkit-border-radius: 0; border-radius: 0; } /* Slider --------------------------------------------- */ .clb-slider { width: 100%; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .clb-slider-outer-stage { overflow: hidden; position: relative; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .clb-slider.-full-vh .vc_row { height: 100%; } .clb-slider.-full-vh .clb-slider-outer-stage { height: 100vh; } .clb-slider.clb-slider-vertical { overflow: hidden; } .clb-slider.clb-slider-vertical .clb-slider-stage { height: auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .clb-slider-stage { will-change: transform; height: 100%; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .clb-slider-item { width: 100vw; height: 100%; position: relative; overflow: hidden; } .clb-slider-item > p { margin: 0; } .clb-slider-item-inner { height: 100%; } .clb-slider-item .slider-image { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center; -webkit-background-size: cover; background-size: cover; z-index: 0; } .clb-slider-item .slider-image[data-tilt="true"] { width: -webkit-calc(100% + 10%); width: calc(100% + 10%); height: -webkit-calc(100% + 10%); height: calc(100% + 10%); left: -5%; top: -5%; } .clb-slider-item > .elementor { margin: 0; } .clb-slider-item .wpb_single_image { margin-bottom: 0; } .clb-slider-nav-btn { position: absolute; right: 0; bottom: 0; min-width: 8rem; z-index: 3; padding: 4vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .clb-slider-nav-btn .prev-btn .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .clb-slider.-slider-fs .clb-slider-nav-dots { margin-bottom: 0; position: absolute; bottom: 2rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .clb-slider:not(.-nav-offset):not(.-nav-inset):not(.-woo-slider):not(.-slider-fs):not(.-slider-lightbox) .clb-slider-nav-btn { padding: 0; right: 0; -webkit-transform: translateY(1rem); -ms-transform: translateY(1rem); transform: translateY(1rem); } .clb-slider.-nav-offset .clb-slider-nav-btn, .clb-slider.-nav-inset .clb-slider-nav-btn { position: static; padding: 0; bottom: 0; } .clb-slider.-nav-offset .prev-btn, .clb-slider.-nav-offset .next-btn, .clb-slider.-nav-inset .prev-btn, .clb-slider.-nav-inset .next-btn { position: absolute; top: 50%; } .clb-slider.-nav-offset { text-align: center; } .clb-slider.-nav-offset .prev-btn { left: -1.5rem; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .clb-slider.-nav-offset .next-btn { right: -1.5rem; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } .clb-slider.-nav-inset { text-align: center; } .clb-slider.-nav-inset .prev-btn { left: 1.5rem; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .clb-slider.-nav-inset .next-btn { right: 1.5rem; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .clb-slider.-slider-offset { width: auto; } .clb-slider.-slider-offset .clb-slider-outer-stage { overflow: visible; } .clb-slider-pagination { position: absolute; width: 2.75rem; right: 0; top: 0; height: 100%; z-index: 3; font-weight: 600; font-size: 0.95em; background-color: rgba(150, 144, 162, 0.1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } .clb-slider-pagination .clb-slider-page { height: 100%; cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .clb-slider-pagination .clb-slider-page.active { background-color: rgba(17, 16, 19, 0.05); } .clb-slider-count { position: relative; font-weight: 600; overflow: hidden; margin-top: 2.2rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; align-items: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .clb-slider-count::before { content: ""; width: 2.5rem; height: 0.125rem; background: currentColor; opacity: 0.6; margin: 0 0.9375rem 0 1.5625rem; } .clb-slider-count-current { position: absolute; top: 0; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .clb-slider.-nav-offset .clb-slider-nav-btn, .clb-slider.-nav-inset .clb-slider-nav-btn { position: static; padding: 0; bottom: 0; } .clb-slider.-nav-offset .prev-btn, .clb-slider.-nav-offset .next-btn, .clb-slider.-nav-inset .prev-btn, .clb-slider.-nav-inset .next-btn { position: absolute; top: 50%; } .clb-slider.-nav-offset .clb-slider-nav-btn { position: static; padding: 0; bottom: 0; } .clb-slider.-nav-offset .prev-btn { left: -1.5rem; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .clb-slider.-nav-offset .next-btn { right: -1.5rem; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } .clb-slider.-nav-inset .prev-btn { left: 1.5rem; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .clb-slider.-nav-inset .next-btn { right: 1.5rem; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .clb-slider.-slider-offset { width: auto; } .clb-slider.-slider-offset .clb-slider-outer-stage { overflow: visible; } .clb-slider-nav-dots { margin-top: 2rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .clb-slider-nav-dots .clb-slider-dot { padding: 0.625rem; position: relative; background-color: transparent; } .clb-slider-nav-dots .clb-slider-dot.active svg circle { stroke-dashoffset: 0; } .clb-slider-nav-dots .clb-slider-dot:before { content: ""; position: absolute; width: 0.25rem; height: 0.25rem; top: 0.5rem; left: 0.5rem; background-color: currentColor; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .clb-slider-nav-dots .clb-slider-dot svg { position: absolute; top: -0.0625rem; left: -0.0625rem; } .clb-slider-nav-dots .clb-slider-dot svg circle { stroke: currentColor; stroke-dashoffset: 70; stroke-dasharray: 70; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .carousel { position: relative; } .carousel .clb-slider-stage { height: auto; } .carousel .clb-slider:not(.-nav-offset):not(.-nav-inset):not(.-woo-slider) .clb-slider-nav-btn .clb-slider-nav-btn { padding: 0; right: 0; -webkit-transform: translateY(1rem); -ms-transform: translateY(1rem); transform: translateY(1rem); } .carousel .spinner { position: absolute; top: -webkit-calc(50% - 1.25rem); top: calc(50% - 1.25rem); left: -webkit-calc(50% - 1.25rem); left: calc(50% - 1.25rem); } .carousel :not(.-with-preloader) + .spinner { display: none; } .carousel .-with-preloader { opacity: 0; visibility: hidden; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .carousel .-with-pagination.-nav-inset .clb-slider-nav-btn > .icon-button, .carousel .-with-pagination.-nav-ofset .clb-slider-nav-btn > .icon-button { top: -webkit-calc(50% - 1.625rem); top: calc(50% - 1.625rem); } .clb-smooth-slider { position: relative; } .clb-smooth-slider .-full-vh { height: 100vh; } .clb-smooth-slider-item { width: 100%; top: 0; left: 0; z-index: 1; } .clb-smooth-slider-item.active { z-index: 3; } .clb-smooth-slider-item.prev-slide.active { z-index: 4; } .clb-smooth-slider-item.prev-slide.last-slide { z-index: 2; } .clb-smooth-slider-item.next-slide.last-slide { z-index: 2; } .slider.-woo-slider:not(.clb-slider) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .slider.-woo-slider:not(.clb-slider) .image-holder { min-width: 100%; } .slider-holder { position: relative; } .slider-holder [data-ohio-slider].slider { opacity: 0; visibility: hidden; } .slider-holder [data-ohio-slider].slider.clb-slider { opacity: 1; visibility: visible; } .slider-holder .spinner { position: absolute; left: -webkit-calc((100% - 3.25rem)/2); left: calc((100% - 3.25rem)/2); top: -webkit-calc((100% - 3.25rem)/2); top: calc((100% - 3.25rem)/2); } /* Social Networks --------------------------------------------- */ .social-networks .network { color: #161519; text-decoration: none; margin-right: 0.35rem; margin-bottom: 0.6rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .social-networks:not(.-text):not(.-contained):not(.-outlined) .network:hover { background-color: rgba(150, 144, 162, 0.08); } .social-networks:not(.-text) .network { width: 3rem; height: 3rem; -webkit-border-radius: 100%; border-radius: 100%; } .social-networks:not(.-text) .network:hover { -webkit-transform: scale3d(1.06, 1.06, 1); transform: scale3d(1.06, 1.06, 1); } .social-networks.-contained .network { color: #fff; background-color: #111013; } .social-networks.-contained .network:hover { color: #fff; background-color: #dc2828; } .social-networks.-outlined .network, .lazy-load.-outlined .social-networks.button:not(.-flat) .network, .pagination:not(.text-center).-outlined .social-networks.button:not(.-flat) .network { border: 2px solid currentColor; } .social-networks.-outlined .network:hover, .lazy-load.-outlined .social-networks.button:not(.-flat) .network:hover, .pagination:not(.text-center).-outlined .social-networks.button:not(.-flat) .network:hover { color: #dc2828; border-color: currentColor; } .social-networks.-text .icon { margin-right: 0.15rem; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .social-networks.-text .network { font-weight: bold; } .social-networks.-text .network:not(.network:last-child) { margin-right: 0.75rem; } .social-networks.-text .network:hover { color: #111013; background-image: -webkit-linear-gradient(currentColor 0px, currentColor 100%); background-image: -o-linear-gradient(currentColor 0px, currentColor 100%); background-image: linear-gradient(currentColor 0px, currentColor 100%); } .social-networks.-small:not(.-text) .network { width: 2.2rem; height: 2.2rem; } .social-networks.-small.-text .network { font-size: 0.95em; } .social-networks.-large:not(.-text) .network { width: 3.65rem; height: 3.65rem; } .social-networks.-large.-text .network { font-size: 1.05em; } .social-networks.-default-colors:not(.-contained) .behance { color: #0056ff; } .social-networks.-default-colors:not(.-contained) .digg { color: #1c5891; } .social-networks.-default-colors:not(.-contained) .discord { color: #7289da; } .social-networks.-default-colors:not(.-contained) .dribbble { color: #fd629e; } .social-networks.-default-colors:not(.-contained) .dropbox { color: #187fe7; } .social-networks.-default-colors:not(.-contained) .facebook { color: #217cef; } .social-networks.-default-colors:not(.-contained) .flickr { color: #0063db; } .social-networks.-default-colors:not(.-contained) .github { color: #24292E; } .social-networks.-default-colors:not(.-contained) .instagram { color: #383838; } .social-networks.-default-colors:not(.-contained) .kaggle { color: #32C0FD; } .social-networks.-default-colors:not(.-contained) .linkedin { color: #4477ab; } .social-networks.-default-colors:not(.-contained) .medium { color: #1a8917; } .social-networks.-default-colors:not(.-contained) .mixer { color: #0270d9; } .social-networks.-default-colors:not(.-contained) .pinterest { color: #e4252d; } .social-networks.-default-colors:not(.-contained) .quora { color: #a82401; } .social-networks.-default-colors:not(.-contained) .reddit { color: #ff4501; } .social-networks.-default-colors:not(.-contained) .snapchat { color: #e0e410; } .social-networks.-default-colors:not(.-contained) .soundcloud { color: #FD561F; } .social-networks.-default-colors:not(.-contained) .spotify { color: #1ED760; } .social-networks.-default-colors:not(.-contained) .teamspeak { color: #1c82cc; } .social-networks.-default-colors:not(.-contained) .telegram { color: #0088cc; } .social-networks.-default-colors:not(.-contained) .tiktok { color: #323131; } .social-networks.-default-colors:not(.-contained) .tumblr { color: #2a445f; } .social-networks.-default-colors:not(.-contained) .twitch { color: #9147ff; } .social-networks.-default-colors:not(.-contained) .twitter { color: #2aa3ef; } .social-networks.-default-colors:not(.-contained) .vimeo { color: #1ab8ea; } .social-networks.-default-colors:not(.-contained) .vine { color: #00be8e; } .social-networks.-default-colors:not(.-contained) .whatsapp { color: #0ec143; } .social-networks.-default-colors:not(.-contained) .xing { color: #0C6567; } .social-networks.-default-colors:not(.-contained) .youtube { color: #e4252d; } .social-networks.-default-colors.-contained .behance { color: #fff; background-color: #0056ff; } .social-networks.-default-colors.-contained .digg { color: #fff; background-color: #1c5891; } .social-networks.-default-colors.-contained .discord { color: #fff; background-color: #7289da; } .social-networks.-default-colors.-contained .dribbble { color: #fff; background-color: #fd629e; } .social-networks.-default-colors.-contained .dropbox { color: #fff; background-color: #187fe7; } .social-networks.-default-colors.-contained .facebook { color: #fff; background-color: #217cef; } .social-networks.-default-colors.-contained .flickr { color: #fff; background-color: #0063db; } .social-networks.-default-colors.-contained .github { color: #fff; background-color: #24292E; } .social-networks.-default-colors.-contained .instagram { color: #fff; background-color: #383838; } .social-networks.-default-colors.-contained .kaggle { color: #fff; background-color: #32C0FD; } .social-networks.-default-colors.-contained .linkedin { color: #fff; background-color: #4477ab; } .social-networks.-default-colors.-contained .medium { color: #fff; background-color: #1a8917; } .social-networks.-default-colors.-contained .mixer { color: #fff; background-color: #0270d9; } .social-networks.-default-colors.-contained .pinterest { color: #fff; background-color: #e4252d; } .social-networks.-default-colors.-contained .quora { color: #fff; background-color: #a82401; } .social-networks.-default-colors.-contained .reddit { color: #fff; background-color: #ff4501; } .social-networks.-default-colors.-contained .snapchat { color: #fff; background-color: #e0e410; } .social-networks.-default-colors.-contained .soundcloud { color: #fff; background-color: #FD561F; } .social-networks.-default-colors.-contained .spotify { color: #fff; background-color: #1ED760; } .social-networks.-default-colors.-contained .teamspeak { color: #fff; background-color: #1c82cc; } .social-networks.-default-colors.-contained .telegram { color: #fff; background-color: #0088cc; } .social-networks.-default-colors.-contained .tiktok { color: #fff; background-color: #323131; } .social-networks.-default-colors.-contained .tumblr { color: #fff; background-color: #2a445f; } .social-networks.-default-colors.-contained .twitch { color: #fff; background-color: #9147ff; } .social-networks.-default-colors.-contained .twitter { color: #fff; background-color: #2aa3ef; } .social-networks.-default-colors.-contained .vimeo { color: #fff; background-color: #1ab8ea; } .social-networks.-default-colors.-contained .vine { color: #fff; background-color: #00be8e; } .social-networks.-default-colors.-contained .whatsapp { color: #fff; background-color: #0ec143; } .social-networks.-default-colors.-contained .xing { color: #fff; background-color: #0C6567; } .social-networks.-default-colors.-contained .youtube { color: #fff; background-color: #e4252d; } .social-networks.-hover-default-colors:not(.-contained) .behance:hover { color: #0056ff; } .social-networks.-hover-default-colors:not(.-contained) .digg:hover { color: #1c5891; } .social-networks.-hover-default-colors:not(.-contained) .discord:hover { color: #7289da; } .social-networks.-hover-default-colors:not(.-contained) .dribbble:hover { color: #fd629e; } .social-networks.-hover-default-colors:not(.-contained) .dropbox:hover { color: #187fe7; } .social-networks.-hover-default-colors:not(.-contained) .facebook:hover { color: #217cef; } .social-networks.-hover-default-colors:not(.-contained) .flickr:hover { color: #0063db; } .social-networks.-hover-default-colors:not(.-contained) .github:hover { color: #24292E; } .social-networks.-hover-default-colors:not(.-contained) .instagram:hover { color: #383838; } .social-networks.-hover-default-colors:not(.-contained) .kaggle:hover { color: #32C0FD; } .social-networks.-hover-default-colors:not(.-contained) .linkedin:hover { color: #4477ab; } .social-networks.-hover-default-colors:not(.-contained) .medium:hover { color: #1a8917; } .social-networks.-hover-default-colors:not(.-contained) .mixer:hover { color: #0270d9; } .social-networks.-hover-default-colors:not(.-contained) .pinterest:hover { color: #e4252d; } .social-networks.-hover-default-colors:not(.-contained) .quora:hover { color: #a82401; } .social-networks.-hover-default-colors:not(.-contained) .reddit:hover { color: #ff4501; } .social-networks.-hover-default-colors:not(.-contained) .snapchat:hover { color: #e0e410; } .social-networks.-hover-default-colors:not(.-contained) .soundcloud:hover { color: #FD561F; } .social-networks.-hover-default-colors:not(.-contained) .spotify:hover { color: #1ED760; } .social-networks.-hover-default-colors:not(.-contained) .teamspeak:hover { color: #1c82cc; } .social-networks.-hover-default-colors:not(.-contained) .telegram:hover { color: #0088cc; } .social-networks.-hover-default-colors:not(.-contained) .tiktok:hover { color: #323131; } .social-networks.-hover-default-colors:not(.-contained) .tumblr:hover { color: #2a445f; } .social-networks.-hover-default-colors:not(.-contained) .twitch:hover { color: #9147ff; } .social-networks.-hover-default-colors:not(.-contained) .twitter:hover { color: #2aa3ef; } .social-networks.-hover-default-colors:not(.-contained) .vimeo:hover { color: #1ab8ea; } .social-networks.-hover-default-colors:not(.-contained) .vine:hover { color: #00be8e; } .social-networks.-hover-default-colors:not(.-contained) .whatsapp:hover { color: #0ec143; } .social-networks.-hover-default-colors:not(.-contained) .xing:hover { color: #0C6567; } .social-networks.-hover-default-colors:not(.-contained) .youtube:hover { color: #e4252d; } .social-networks.-hover-default-colors.-contained .behance:hover { background-color: #0056ff; } .social-networks.-hover-default-colors.-contained .digg:hover { background-color: #1c5891; } .social-networks.-hover-default-colors.-contained .discord:hover { background-color: #7289da; } .social-networks.-hover-default-colors.-contained .dribbble:hover { background-color: #fd629e; } .social-networks.-hover-default-colors.-contained .dropbox:hover { background-color: #187fe7; } .social-networks.-hover-default-colors.-contained .facebook:hover { background-color: #217cef; } .social-networks.-hover-default-colors.-contained .flickr:hover { background-color: #0063db; } .social-networks.-hover-default-colors.-contained .github:hover { background-color: #24292E; } .social-networks.-hover-default-colors.-contained .instagram:hover { background-color: #383838; } .social-networks.-hover-default-colors.-contained .kaggle:hover { background-color: #32C0FD; } .social-networks.-hover-default-colors.-contained .linkedin:hover { background-color: #4477ab; } .social-networks.-hover-default-colors.-contained .medium:hover { background-color: #1a8917; } .social-networks.-hover-default-colors.-contained .mixer:hover { background-color: #0270d9; } .social-networks.-hover-default-colors.-contained .pinterest:hover { background-color: #e4252d; } .social-networks.-hover-default-colors.-contained .quora:hover { background-color: #a82401; } .social-networks.-hover-default-colors.-contained .reddit:hover { background-color: #ff4501; } .social-networks.-hover-default-colors.-contained .snapchat:hover { background-color: #e0e410; } .social-networks.-hover-default-colors.-contained .soundcloud:hover { background-color: #FD561F; } .social-networks.-hover-default-colors.-contained .spotify:hover { background-color: #1ED760; } .social-networks.-hover-default-colors.-contained .teamspeak:hover { background-color: #1c82cc; } .social-networks.-hover-default-colors.-contained .telegram:hover { background-color: #0088cc; } .social-networks.-hover-default-colors.-contained .tiktok:hover { background-color: #323131; } .social-networks.-hover-default-colors.-contained .tumblr:hover { background-color: #2a445f; } .social-networks.-hover-default-colors.-contained .twitch:hover { background-color: #9147ff; } .social-networks.-hover-default-colors.-contained .twitter:hover { background-color: #2aa3ef; } .social-networks.-hover-default-colors.-contained .vimeo:hover { background-color: #1ab8ea; } .social-networks.-hover-default-colors.-contained .vine:hover { background-color: #00be8e; } .social-networks.-hover-default-colors.-contained .whatsapp:hover { background-color: #0ec143; } .social-networks.-hover-default-colors.-contained .xing:hover { background-color: #0C6567; } .social-networks.-hover-default-colors.-contained .youtube:hover { background-color: #e4252d; } .social-networks.-boxed { margin: 0; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .social-networks.-boxed .network { background-color: transparent; height: 6.25em; margin: 0 !important; border: none; line-height: 6.25em; position: relative; overflow: hidden; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-border-radius: 0; border-radius: 0; } .social-networks.-boxed .network .icon { width: 100%; text-align: center; position: absolute; opacity: 0; top: 60%; left: 0; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .social-networks.-boxed .network span { font-size: 0.95em; position: relative; top: 0; opacity: 1; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .social-networks.-boxed .network:hover { background-color: rgba(150, 144, 162, 0.06); } .social-networks.-boxed .network:hover .icon { opacity: 1; top: 40%; } .social-networks.-boxed .network:hover span { opacity: 0; top: -1.875em; } .minimal-scheme .social-networks.-outlined .network, .minimal-scheme .lazy-load.-outlined .social-networks.button:not(.-flat) .network, .lazy-load.-outlined .minimal-scheme .social-networks.button:not(.-flat) .network, .minimal-scheme .pagination:not(.text-center).-outlined .social-networks.button:not(.-flat) .network, .pagination:not(.text-center).-outlined .minimal-scheme .social-networks.button:not(.-flat) .network { border-width: 1px; } /* Subscribe Form --------------------------------------------- */ .subscribe-form { position: relative; } .subscribe-form .button, .subscribe-form input[type="submit"], .subscribe-form button[type="submit"] { white-space: nowrap; position: absolute; left: 100%; top: 0; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); padding-left: 0.85rem; padding-right: 0.85rem; } /* Tabs --------------------------------------------- */ .tabs-nav { position: relative; max-width: 100%; font-size: 0.95em; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tabs-nav-line { width: 0; height: 2px; position: absolute; bottom: 0; left: 0; padding: 0; background-color: #161519; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .tabs-nav-link { width: auto; min-height: 3rem; cursor: pointer; white-space: nowrap; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; align-items: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .tabs-nav-link .icon::before { margin-right: 0.6rem; } .tabs-content-item:not(.active) { overflow: hidden; height: 0; opacity: 0; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .tabs-content-item.active { height: auto; opacity: 1; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .tabs-content-item > p { margin: 0; } .tabs:not(.-vertical) .tabs-content { margin-top: 1rem; } .tabs:not(.-contained):not(.-with-button):not(.-vertical) .tabs-nav-link:not(:last-child) { margin-right: 1.5rem; } .tabs.-contained .tabs-nav-link { padding: 0 1rem; } .tabs.-contained .tabs-nav-link.active { background-color: rgba(150, 144, 162, 0.08); } .tabs.-with-button .tabs-nav { background-color: rgba(150, 144, 162, 0.08); -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .tabs.-with-button .tabs-nav-link { padding: 0 1rem; z-index: 1; } .tabs.-with-button .tabs-nav-link.active { color: #fff; } .tabs.-with-button .tabs-nav-line { height: 3rem; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .minimal-scheme .tabs-nav { text-transform: uppercase; font-size: 0.85em; letter-spacing: 0.01rem; } .minimal-scheme .tabs-nav-line { height: 1px; } .minimal-scheme .tabs.-with-button .tabs-nav { -webkit-border-radius: 0; border-radius: 0; } .minimal-scheme .tabs.-with-button .tabs-nav-line { -webkit-border-radius: 0; border-radius: 0; } /* Team Member --------------------------------------------- */ .team-member .overlay-details { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .team-member .overlay-details .social-networks { margin-top: 1rem; } .team-member.-with-overlay .overlay-details { background: #111013; background: -webkit-linear-gradient(0deg, rgba(17, 16, 19, 0.65) 0%, rgba(17, 16, 19, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(17, 16, 19, 0.65)), to(rgba(17, 16, 19, 0))); background: -webkit-linear-gradient(bottom, rgba(17, 16, 19, 0.65) 0%, rgba(17, 16, 19, 0) 100%); background: -o-linear-gradient(bottom, rgba(17, 16, 19, 0.65) 0%, rgba(17, 16, 19, 0) 100%); background: linear-gradient(0deg, rgba(17, 16, 19, 0.65) 0%, rgba(17, 16, 19, 0) 100%); -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .team-member.-with-overlay .extra-details { max-height: 0px; opacity: 0; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .team-member:hover .extra-details { padding-top: 1.5rem; max-height: -webkit-calc(166px + 1.5rem); max-height: calc(166px + 1.5rem); opacity: 1; } .team-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .team-group-item { overflow: hidden; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .team-group-item img { width: 100%; } .team-group-item.active .-fade-up { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .team-group .item-holder { background-color: rgba(150, 144, 162, 0.08); height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; padding: 3vh; } /* Testimonial --------------------------------------------- */ .testimonial { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .testimonial .author { margin-top: 1.2rem; } .testimonial h1, .testimonial h2, .testimonial h3, .testimonial h4, .testimonial h5, .testimonial h6 { margin-bottom: 0.25rem; } .testimonial > p { margin: 0; } .testimonial > p > b { margin-bottom: 0.5rem; } .testimonial:not(.-middle-avatar) .avatar { margin-bottom: 1.2rem; } .testimonial.-middle-avatar .testimonial-text { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .testimonial.-middle-avatar .avatar { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: 1.2rem; } .testimonial.-middle-avatar .author { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .testimonial.-center { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .testimonial.-right { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } /* Text --------------------------------------------- */ .ohio-text-sc:not(.-unspace):first-child p, .wpb_text_column:not(.-unspace):first-child p, .elementor-widget-text-editor:not(.-unspace):first-child p { margin-top: 0; } .ohio-text-sc:last-child p, .wpb_text_column:last-child p, .elementor-widget-text-editor:last-child p { margin-bottom: 0; } .ohio-text-sc + .ohio-text-sc p, .ohio-text-sc + .wpb_text_column p, .ohio-text-sc + .elementor-widget-text-editor p, .wpb_text_column + .ohio-text-sc p, .wpb_text_column + .wpb_text_column p, .wpb_text_column + .elementor-widget-text-editor p, .elementor-widget-text-editor + .ohio-text-sc p, .elementor-widget-text-editor + .wpb_text_column p, .elementor-widget-text-editor + .elementor-widget-text-editor p { margin-top: 0; } .ohio-text-sc + .vc_empty_space, .ohio-text-sc + .elementor-widget-spacer, .wpb_text_column + .vc_empty_space, .wpb_text_column + .elementor-widget-spacer, .elementor-widget-text-editor + .vc_empty_space, .elementor-widget-text-editor + .elementor-widget-spacer { margin-top: -1.35rem; } .vc_empty_space:first-child + .ohio-text-sc p, .vc_empty_space:first-child + .wpb_text_column p, .vc_empty_space:first-child + .elementor-widget-text-editor p, .elementor-widget-spacer:first-child + .ohio-text-sc p, .elementor-widget-spacer:first-child + .wpb_text_column p, .elementor-widget-spacer:first-child + .elementor-widget-text-editor p { margin-top: 0; } /* Video Button --------------------------------------------- */ .video-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .video-button-caption { font-family: "DM Sans", sans-serif; font-size: 0.95em; font-weight: bold; margin-left: 0.75rem; } .video-button .icon-button .icon { -webkit-transform: translateX(0.15rem); -ms-transform: translateX(0.15rem); transform: translateX(0.15rem); } .video-button .icon-button:hover { -webkit-transform: scale3d(1.06, 1.06, 1); transform: scale3d(1.06, 1.06, 1); } .video-button:not(.-outlined) .icon-button { background-color: #111013; } .video-button:not(.-outlined) .icon-button .icon { color: #fff; } .video-button:not(.-outlined):not(.-blurred) .icon-button:hover { background-color: #dc2828; } .video-button.-outlined .icon-button, .lazy-load.-outlined .video-button.button:not(.-flat) .icon-button, .pagination:not(.text-center).-outlined .video-button.button:not(.-flat) .icon-button { border: 2px solid currentColor; } .video-button.-outlined .icon-button:hover, .lazy-load.-outlined .video-button.button:not(.-flat) .icon-button:hover, .pagination:not(.text-center).-outlined .video-button.button:not(.-flat) .icon-button:hover { background-color: transparent; color: #dc2828; } .video-button.-outlined .icon-button:hover .icon, .lazy-load.-outlined .video-button.button:not(.-flat) .icon-button:hover .icon, .pagination:not(.text-center).-outlined .video-button.button:not(.-flat) .icon-button:hover .icon { color: currentColor; } .video-button.-blurred .icon-button { background-color: rgba(150, 144, 162, 0.5); -webkit-backdrop-filter: blur(0.15rem); backdrop-filter: blur(0.15rem); } .video-button.-small .video-button-caption { font-size: 0.9em; } .video-button.-large .video-button-caption { font-size: 1em; } .video-button.-animation .icon-button { position: relative; } .video-button.-animation .icon-button::after { border-color: inherit; width: 100%; height: 100%; top: 0; left: 0; opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: video_sc; animation-name: video_sc; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 1s; animation-delay: 1s; content: ""; display: block; position: absolute; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0px 0px 0px 0px rgba(17, 16, 19, 0.35); box-shadow: 0px 0px 0px 0px rgba(17, 16, 19, 0.35); } @-webkit-keyframes video_sc { 0% { opacity: 1; -webkit-box-shadow: 0px 0px 0px 0px rgba(17, 16, 19, 0.35); box-shadow: 0px 0px 0px 0px rgba(17, 16, 19, 0.35); } 100% { opacity: 0; -webkit-box-shadow: 0px 0px 0px 0.85rem rgba(17, 16, 19, 0.35); box-shadow: 0px 0px 0px 0.85rem rgba(17, 16, 19, 0.35); } } @keyframes video_sc { 0% { opacity: 1; -webkit-box-shadow: 0px 0px 0px 0px rgba(17, 16, 19, 0.35); box-shadow: 0px 0px 0px 0px rgba(17, 16, 19, 0.35); } 100% { opacity: 0; -webkit-box-shadow: 0px 0px 0px 0.85rem rgba(17, 16, 19, 0.35); box-shadow: 0px 0px 0px 0.85rem rgba(17, 16, 19, 0.35); } } .video-button.-animation .icon-button:hover::after { -webkit-animation: none; animation: none; } .video-button.-with-preview { position: relative; } .video-button.-with-preview .video-button-holder { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-button.-with-preview .preview-image { min-width: 100%; } .minimal-scheme .video-button-caption { text-transform: uppercase; } /* Instagram --------------------------------------------- */ .instagram-feed #sb_instagram { padding-bottom: 0px !important; } .instagram-feed #sb_instagram #sbi_images { float: none; width: auto !important; min-width: 100%; padding: 0 !important; } .instagram-feed #sb_instagram #sbi_images .sbi_item { position: relative; overflow: hidden; } .instagram-feed #sb_instagram #sbi_images a { opacity: 1 !important; } .instagram-feed:not(.no-margins) #sb_instagram .sbi_photo_wrap { overflow: hidden; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .instagram-feed:not(.no-margins) #sb_instagram #sbi_images .sbi_item { padding: 1.25rem !important; } /* Wc-categories --------------------------------------------- */ .wc-category-sc { margin-top: -1.25rem; margin-bottom: -1.25rem; } .wc-category-sc::after { content: ""; display: table; clear: both; } .wc-category-sc.-metro .grid-item:not(.-offset) .image-holder { padding-bottom: 50%; } .wc-category-sc.-metro .grid-item.-offset .image-holder { padding-bottom: -webkit-calc(100% - 7.5em); padding-bottom: calc(100% - 7.5em); } .wc-category { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; } .wc-category-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .wc-category-content .button { margin-top: 1em; } .wc-category .button { -webkit-transform: none; -ms-transform: none; transform: none; margin-left: 0; margin-right: 0; } .wc-category:not(.-offset) { overflow: hidden; } .wc-category:not(.-offset) .image-holder { -webkit-border-bottom-left-radius: 0.35rem; border-bottom-left-radius: 0.35rem; -webkit-border-top-left-radius: 0.35rem; border-top-left-radius: 0.35rem; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .wc-category:not(.-offset) .wc-category-content { background-color: rgba(150, 144, 162, 0.06); padding: 3vh; -webkit-border-bottom-right-radius: 0.35rem; border-bottom-right-radius: 0.35rem; -webkit-border-top-right-radius: 0.35rem; border-top-right-radius: 0.35rem; } .wc-category.-offset { position: relative; } /*-------------------------------------------------------------- # Extras --------------------------------------------------------------*/ /* AOS --------------------------------------------- */ body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] { -webkit-transition-duration: 50ms; -o-transition-duration: 50ms; transition-duration: 50ms; } body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate { -webkit-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; } body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] { -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms; } body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate { -webkit-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; } body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] { -webkit-transition-duration: 150ms; -o-transition-duration: 150ms; transition-duration: 150ms; } body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate { -webkit-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; } body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] { -webkit-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; } body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate { -webkit-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; } body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] { -webkit-transition-duration: 250ms; -o-transition-duration: 250ms; transition-duration: 250ms; } body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate { -webkit-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; } body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] { -webkit-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; } body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate { -webkit-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] { -webkit-transition-duration: 350ms; -o-transition-duration: 350ms; transition-duration: 350ms; } body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate { -webkit-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; } body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] { -webkit-transition-duration: 400ms; -o-transition-duration: 400ms; transition-duration: 400ms; } body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate { -webkit-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; } body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] { -webkit-transition-duration: 450ms; -o-transition-duration: 450ms; transition-duration: 450ms; } body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate { -webkit-transition-delay: 450ms; -o-transition-delay: 450ms; transition-delay: 450ms; } body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] { -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate { -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] { -webkit-transition-duration: 550ms; -o-transition-duration: 550ms; transition-duration: 550ms; } body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate { -webkit-transition-delay: 550ms; -o-transition-delay: 550ms; transition-delay: 550ms; } body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] { -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; } body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate { -webkit-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] { -webkit-transition-duration: 650ms; -o-transition-duration: 650ms; transition-duration: 650ms; } body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate { -webkit-transition-delay: 650ms; -o-transition-delay: 650ms; transition-delay: 650ms; } body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] { -webkit-transition-duration: 700ms; -o-transition-duration: 700ms; transition-duration: 700ms; } body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate { -webkit-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; } body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] { -webkit-transition-duration: 750ms; -o-transition-duration: 750ms; transition-duration: 750ms; } body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate { -webkit-transition-delay: 750ms; -o-transition-delay: 750ms; transition-delay: 750ms; } body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] { -webkit-transition-duration: 800ms; -o-transition-duration: 800ms; transition-duration: 800ms; } body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate { -webkit-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; } body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] { -webkit-transition-duration: 850ms; -o-transition-duration: 850ms; transition-duration: 850ms; } body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate { -webkit-transition-delay: 850ms; -o-transition-delay: 850ms; transition-delay: 850ms; } body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] { -webkit-transition-duration: 900ms; -o-transition-duration: 900ms; transition-duration: 900ms; } body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate { -webkit-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] { -webkit-transition-duration: 950ms; -o-transition-duration: 950ms; transition-duration: 950ms; } body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate { -webkit-transition-delay: 950ms; -o-transition-delay: 950ms; transition-delay: 950ms; } body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] { -webkit-transition-duration: 1000ms; -o-transition-duration: 1000ms; transition-duration: 1000ms; } body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate { -webkit-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] { -webkit-transition-duration: 1050ms; -o-transition-duration: 1050ms; transition-duration: 1050ms; } body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate { -webkit-transition-delay: 1050ms; -o-transition-delay: 1050ms; transition-delay: 1050ms; } body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] { -webkit-transition-duration: 1100ms; -o-transition-duration: 1100ms; transition-duration: 1100ms; } body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate { -webkit-transition-delay: 1100ms; -o-transition-delay: 1100ms; transition-delay: 1100ms; } body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] { -webkit-transition-duration: 1150ms; -o-transition-duration: 1150ms; transition-duration: 1150ms; } body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate { -webkit-transition-delay: 1150ms; -o-transition-delay: 1150ms; transition-delay: 1150ms; } body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] { -webkit-transition-duration: 1200ms; -o-transition-duration: 1200ms; transition-duration: 1200ms; } body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate { -webkit-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] { -webkit-transition-duration: 1250ms; -o-transition-duration: 1250ms; transition-duration: 1250ms; } body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate { -webkit-transition-delay: 1250ms; -o-transition-delay: 1250ms; transition-delay: 1250ms; } body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] { -webkit-transition-duration: 1300ms; -o-transition-duration: 1300ms; transition-duration: 1300ms; } body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate { -webkit-transition-delay: 1300ms; -o-transition-delay: 1300ms; transition-delay: 1300ms; } body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] { -webkit-transition-duration: 1350ms; -o-transition-duration: 1350ms; transition-duration: 1350ms; } body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate { -webkit-transition-delay: 1350ms; -o-transition-delay: 1350ms; transition-delay: 1350ms; } body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] { -webkit-transition-duration: 1400ms; -o-transition-duration: 1400ms; transition-duration: 1400ms; } body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate { -webkit-transition-delay: 1400ms; -o-transition-delay: 1400ms; transition-delay: 1400ms; } body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] { -webkit-transition-duration: 1450ms; -o-transition-duration: 1450ms; transition-duration: 1450ms; } body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate { -webkit-transition-delay: 1450ms; -o-transition-delay: 1450ms; transition-delay: 1450ms; } body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] { -webkit-transition-duration: 1500ms; -o-transition-duration: 1500ms; transition-duration: 1500ms; } body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate { -webkit-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] { -webkit-transition-duration: 1550ms; -o-transition-duration: 1550ms; transition-duration: 1550ms; } body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate { -webkit-transition-delay: 1550ms; -o-transition-delay: 1550ms; transition-delay: 1550ms; } body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] { -webkit-transition-duration: 1600ms; -o-transition-duration: 1600ms; transition-duration: 1600ms; } body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate { -webkit-transition-delay: 1600ms; -o-transition-delay: 1600ms; transition-delay: 1600ms; } body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] { -webkit-transition-duration: 1650ms; -o-transition-duration: 1650ms; transition-duration: 1650ms; } body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate { -webkit-transition-delay: 1650ms; -o-transition-delay: 1650ms; transition-delay: 1650ms; } body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] { -webkit-transition-duration: 1700ms; -o-transition-duration: 1700ms; transition-duration: 1700ms; } body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate { -webkit-transition-delay: 1700ms; -o-transition-delay: 1700ms; transition-delay: 1700ms; } body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] { -webkit-transition-duration: 1750ms; -o-transition-duration: 1750ms; transition-duration: 1750ms; } body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate { -webkit-transition-delay: 1750ms; -o-transition-delay: 1750ms; transition-delay: 1750ms; } body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] { -webkit-transition-duration: 1800ms; -o-transition-duration: 1800ms; transition-duration: 1800ms; } body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate { -webkit-transition-delay: 1800ms; -o-transition-delay: 1800ms; transition-delay: 1800ms; } body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] { -webkit-transition-duration: 1850ms; -o-transition-duration: 1850ms; transition-duration: 1850ms; } body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate { -webkit-transition-delay: 1850ms; -o-transition-delay: 1850ms; transition-delay: 1850ms; } body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] { -webkit-transition-duration: 1900ms; -o-transition-duration: 1900ms; transition-duration: 1900ms; } body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate { -webkit-transition-delay: 1900ms; -o-transition-delay: 1900ms; transition-delay: 1900ms; } body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] { -webkit-transition-duration: 1950ms; -o-transition-duration: 1950ms; transition-duration: 1950ms; } body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate { -webkit-transition-delay: 1950ms; -o-transition-delay: 1950ms; transition-delay: 1950ms; } body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] { -webkit-transition-duration: 2000ms; -o-transition-duration: 2000ms; transition-duration: 2000ms; } body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate { -webkit-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; } body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] { -webkit-transition-duration: 2050ms; -o-transition-duration: 2050ms; transition-duration: 2050ms; } body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate { -webkit-transition-delay: 2050ms; -o-transition-delay: 2050ms; transition-delay: 2050ms; } body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] { -webkit-transition-duration: 2100ms; -o-transition-duration: 2100ms; transition-duration: 2100ms; } body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate { -webkit-transition-delay: 2100ms; -o-transition-delay: 2100ms; transition-delay: 2100ms; } body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] { -webkit-transition-duration: 2150ms; -o-transition-duration: 2150ms; transition-duration: 2150ms; } body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate { -webkit-transition-delay: 2150ms; -o-transition-delay: 2150ms; transition-delay: 2150ms; } body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] { -webkit-transition-duration: 2200ms; -o-transition-duration: 2200ms; transition-duration: 2200ms; } body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate { -webkit-transition-delay: 2200ms; -o-transition-delay: 2200ms; transition-delay: 2200ms; } body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] { -webkit-transition-duration: 2250ms; -o-transition-duration: 2250ms; transition-duration: 2250ms; } body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate { -webkit-transition-delay: 2250ms; -o-transition-delay: 2250ms; transition-delay: 2250ms; } body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] { -webkit-transition-duration: 2300ms; -o-transition-duration: 2300ms; transition-duration: 2300ms; } body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate { -webkit-transition-delay: 2300ms; -o-transition-delay: 2300ms; transition-delay: 2300ms; } body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] { -webkit-transition-duration: 2350ms; -o-transition-duration: 2350ms; transition-duration: 2350ms; } body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate { -webkit-transition-delay: 2350ms; -o-transition-delay: 2350ms; transition-delay: 2350ms; } body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] { -webkit-transition-duration: 2400ms; -o-transition-duration: 2400ms; transition-duration: 2400ms; } body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate { -webkit-transition-delay: 2400ms; -o-transition-delay: 2400ms; transition-delay: 2400ms; } body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] { -webkit-transition-duration: 2450ms; -o-transition-duration: 2450ms; transition-duration: 2450ms; } body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate { -webkit-transition-delay: 2450ms; -o-transition-delay: 2450ms; transition-delay: 2450ms; } body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] { -webkit-transition-duration: 2500ms; -o-transition-duration: 2500ms; transition-duration: 2500ms; } body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate { -webkit-transition-delay: 2500ms; -o-transition-delay: 2500ms; transition-delay: 2500ms; } body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] { -webkit-transition-duration: 2550ms; -o-transition-duration: 2550ms; transition-duration: 2550ms; } body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate { -webkit-transition-delay: 2550ms; -o-transition-delay: 2550ms; transition-delay: 2550ms; } body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] { -webkit-transition-duration: 2600ms; -o-transition-duration: 2600ms; transition-duration: 2600ms; } body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate { -webkit-transition-delay: 2600ms; -o-transition-delay: 2600ms; transition-delay: 2600ms; } body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] { -webkit-transition-duration: 2650ms; -o-transition-duration: 2650ms; transition-duration: 2650ms; } body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate { -webkit-transition-delay: 2650ms; -o-transition-delay: 2650ms; transition-delay: 2650ms; } body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] { -webkit-transition-duration: 2700ms; -o-transition-duration: 2700ms; transition-duration: 2700ms; } body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate { -webkit-transition-delay: 2700ms; -o-transition-delay: 2700ms; transition-delay: 2700ms; } body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] { -webkit-transition-duration: 2750ms; -o-transition-duration: 2750ms; transition-duration: 2750ms; } body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate { -webkit-transition-delay: 2750ms; -o-transition-delay: 2750ms; transition-delay: 2750ms; } body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] { -webkit-transition-duration: 2800ms; -o-transition-duration: 2800ms; transition-duration: 2800ms; } body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate { -webkit-transition-delay: 2800ms; -o-transition-delay: 2800ms; transition-delay: 2800ms; } body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] { -webkit-transition-duration: 2850ms; -o-transition-duration: 2850ms; transition-duration: 2850ms; } body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate { -webkit-transition-delay: 2850ms; -o-transition-delay: 2850ms; transition-delay: 2850ms; } body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] { -webkit-transition-duration: 2900ms; -o-transition-duration: 2900ms; transition-duration: 2900ms; } body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate { -webkit-transition-delay: 2900ms; -o-transition-delay: 2900ms; transition-delay: 2900ms; } body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] { -webkit-transition-duration: 2950ms; -o-transition-duration: 2950ms; transition-duration: 2950ms; } body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate { -webkit-transition-delay: 2950ms; -o-transition-delay: 2950ms; transition-delay: 2950ms; } body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] { -webkit-transition-duration: 3000ms; -o-transition-duration: 3000ms; transition-duration: 3000ms; } body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate { -webkit-transition-delay: 3000ms; -o-transition-delay: 3000ms; transition-delay: 3000ms; } [data-aos] { pointer-events: none; } [data-aos].aos-animate { pointer-events: auto; } body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] { -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1); -o-transition-timing-function: cubic-bezier(0.42, 0, 1, 1); transition-timing-function: cubic-bezier(0.42, 0, 1, 1); } body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] { -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } /* Gutenberg --------------------------------------------- */ .has-beige-dark-background-color { background-color: #b41d1d; } .has-beige-dark-background-color.wp-block-button__link { border-color: #b41d1d; } .has-dark-strong-background-color { background-color: #111013; } .has-dark-strong-background-color.wp-block-button__link { border-color: #111013; } .has-dark-light-background-color { background-color: #161519; } .has-dark-light-background-color.wp-block-button__link { border-color: #161519; } .has-grey-strong-background-color { background-color: #7c748b; } .has-grey-strong-background-color.wp-block-button__link { border-color: #7c748b; } .has-grey-light-background-color { background-color: #9690a2; } .has-grey-light-background-color.wp-block-button__link { border-color: #9690a2; } .has-beige-dark-color { color: #b41d1d; } .has-dark-strong-color { color: #111013; } .has-dark-light-color { color: #161519; } .has-grey-strong-color { color: #635d6f; } .has-grey-light-color { color: #9690a2; } .is-style-outline .wp-block-button__link.has-beige-dark-color { color: #dc2828; } .is-style-outline .wp-block-button__link.has-dark-strong-color { color: #111013; } .is-style-outline .wp-block-button__link.has-dark-light-color { color: #161519; } .is-style-outline .wp-block-button__link.has-grey-strong-color { color: #635d6f; } .is-style-outline .wp-block-button__link.has-grey-light-color { color: #7c748b; } .wp-block-separator { border-color: #9690a2; } .has-regular-font-size { font-size: 1.025rem; font-family: inherit; } .has-extra-small-font-size { font-size: 0.867em; } .has-small-font-size { font-size: 0.934em; } .has-large-font-size { font-size: 1.6875em; font-weight: 500; } .has-larger-font-size { font-size: 1.9875em; } /* Menu Label --------------------------------------------- */ .menu li.new span:after, .menu li.version span:after { margin: -2px 0 0 5px; padding: 0 5px; height: 1.25rem; font-size: 10px; font-weight: bold; vertical-align: middle; color: #fff; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; align-items: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .menu li.new span:after { content: "NEW"; background-color: #dc2828; } .menu li.version span:after { content: "V3.0"; background-color: #161519; } /* Dark Mode --------------------------------------------- */ .dark-scheme, .dark-scheme .back-link .caption, .dark-scheme .builder-switcher a, .dark-scheme .site-footer-copyright, .dark-scheme .site-footer, .dark-scheme .site-footer .widgets a, .dark-scheme .site-footer .button, .dark-scheme .video-button-caption, .dark-scheme p.subtitle, .dark-scheme .heading .subtitle, .dark-scheme .form-switch > .form-check-label, .dark-scheme .alert:not(.-success):not(.-warning):not(.-danger) { color: rgba(255, 255, 255, 0.75); } .dark-scheme h1, .dark-scheme h2, .dark-scheme h3, .dark-scheme h4, .dark-scheme h5, .dark-scheme h6, .dark-scheme .titles-typo, .dark-scheme .dynamic-text, .dark-scheme .pill, .dark-scheme .icon-button, .dark-scheme .clb-slider-pagination, .dark-scheme .headline-meta, .dark-scheme .button.-flat, .dark-scheme .site-footer .widget-title, .dark-scheme .button.-text:not(.-primary):not(:hover), .dark-scheme .button.-outlined:not(.-primary):not(:hover), .dark-scheme .lazy-load.-outlined .button:not(.-primary):not(:hover):not(.-flat), .lazy-load.-outlined .dark-scheme .button:not(.-primary):not(:hover):not(.-flat), .dark-scheme .pagination:not(.text-center).-outlined .button:not(.-primary):not(:hover):not(.-flat), .pagination:not(.text-center).-outlined .dark-scheme .button:not(.-primary):not(:hover):not(.-flat), .dark-scheme .icon-group, .dark-scheme .header:not(.-sticky) .mobile-overlay .icon-button, .dark-scheme .social-networks:not(.-default-colors) .network, .dark-scheme .dynamic-typo.dark-typo, .dark-scheme .dynamic-typo.dark-typo .titles-typo, .dark-scheme .social-networks.-default-colors.-contained .network:hover, .dark-scheme .social-networks.-default-colors.-outlined .network:hover, .dark-scheme .lazy-load.-outlined .social-networks.-default-colors.button:not(.-flat) .network:hover, .lazy-load.-outlined .dark-scheme .social-networks.-default-colors.button:not(.-flat) .network:hover, .dark-scheme .pagination:not(.text-center).-outlined .social-networks.-default-colors.button:not(.-flat) .network:hover, .pagination:not(.text-center).-outlined .dark-scheme .social-networks.-default-colors.button:not(.-flat) .network:hover, .dark-scheme .alert:not(.-success):not(.-warning):not(.-danger) .icon-button .icon, .dark-scheme mark, .dark-scheme input, .dark-scheme select, .dark-scheme textarea, .dark-scheme th { color: #fff; } .dark-scheme code, .dark-scheme pre { color: #9690a2; } .dark-scheme .woocommerce .stars:hover a::before, .dark-scheme .woocommerce .stars.selected a::before, .dark-scheme .woocommerce .stars.selected:hover span a::before { color: #635d6f; } .dark-scheme .menu-blank, .dark-scheme .blog-item.-layout1 .headline-meta, .dark-scheme .subheader, .dark-scheme .subheader a { color: #9690a2; } .dark-scheme .-dark-mode-reset-color, .dark-scheme .woo-products .clb-slider-nav-btn .icon-button, .dark-scheme .woo-products .button-group .button.-outlined, .dark-scheme .woo-products .button-group .lazy-load.-outlined .button:not(.-flat), .lazy-load.-outlined .dark-scheme .woo-products .button-group .button:not(.-flat), .dark-scheme .woo-products .button-group .pagination:not(.text-center).-outlined .button:not(.-flat), .pagination:not(.text-center).-outlined .dark-scheme .woo-products .button-group .button:not(.-flat), .dark-scheme .color-switcher-toddler-item, .dark-scheme .tag-out-of-stock, .dark-scheme .popup-subscribe .holder * { color: initial; } .dark-scheme .portfolio-item.-with-slider .overlay::after, .dark-scheme .portfolio-item.-with-slider .overlay-image::before { background-color: rgba(17, 16, 19, 0.992); } .dark-scheme .portfolio-item.-layout4 .overlay::after { background-color: rgba(17, 16, 19, 0.5) !important; } .dark-scheme, .dark-scheme .site-content, .dark-scheme .horizontal-accordion-item, .dark-scheme .header.-sticky, .dark-scheme .page-headline::before, .dark-scheme .coming-soon, .dark-scheme .site-footer, .dark-scheme .woo-products .button:not(.-outlined):not(.-text):not(.-flat):not(.-primary):not(:hover), .dark-scheme .logo-details { background: #161519; } .dark-scheme .clb-slider-pagination { background-color: rgba(0, 0, 0, 0.25); } .dark-scheme .clb-slider-pagination .clb-slider-page.active { background-color: rgba(0, 0, 0, 0.45); } .dark-scheme .sticky-nav-holder, .dark-scheme .cart-mini, .dark-scheme .share-bar .social-networks, .dark-scheme .header:not(.-mobile) .menu li > ul, .dark-scheme .notification .alert, .dark-scheme .sticky-product, .dark-scheme .header.-mobile .mobile-overlay .holder { background-color: #1b1a1f; } .dark-scheme .tabs .tabs-nav-line { background-color: rgba(255, 255, 255, 0.75); } .dark-scheme .button:not(.-outlined):not(.-text):not(.-flat):not(.-primary):not(.page-link):not(:hover), .dark-scheme input[type="submit"], .dark-scheme .video-button:not(.-outlined) .icon-button, .dark-scheme .tabs.-with-button .tabs-nav-line, .dark-scheme .social-networks:not(.-default-colors).-contained .network, .dark-scheme .social-networks.-default-colors.-contained .network:hover, .dark-scheme .cart-button .badge, .dark-scheme .menu li.version span:after { background-color: rgba(150, 144, 162, 0.25); } .dark-scheme .tooltip, .dark-scheme .tooltip::before { background-color: #3b3843; } .dark-scheme .purchase-button { background-color: rgba(99, 93, 111, 0.95); } .dark-scheme .portfolio-links .project-content::before, .dark-scheme .-with-slider .project-content::before { background-image: -webkit-radial-gradient(1px 1px, circle, #2a272f 1px, transparent 0); background-image: -o-radial-gradient(1px 1px, circle, #2a272f 1px, transparent 0); background-image: radial-gradient(circle at 1px 1px, #2a272f 1px, transparent 0); } .dark-scheme .icon-group { border-color: #fff; } .dark-scheme .video-button.-outlined .icon-button, .dark-scheme .lazy-load.-outlined .video-button.button:not(.-flat) .icon-button, .lazy-load.-outlined .dark-scheme .video-button.button:not(.-flat) .icon-button, .dark-scheme .pagination:not(.text-center).-outlined .video-button.button:not(.-flat) .icon-button, .pagination:not(.text-center).-outlined .dark-scheme .video-button.button:not(.-flat) .icon-button { border-color: rgba(255, 255, 255, 0.75); } .dark-scheme .video-button.-outlined .icon-button:hover, .dark-scheme .lazy-load.-outlined .video-button.button:not(.-flat) .icon-button:hover, .lazy-load.-outlined .dark-scheme .video-button.button:not(.-flat) .icon-button:hover, .dark-scheme .pagination:not(.text-center).-outlined .video-button.button:not(.-flat) .icon-button:hover, .pagination:not(.text-center).-outlined .dark-scheme .video-button.button:not(.-flat) .icon-button:hover { border-color: currentColor; } .dark-scheme .social-networks.-outlined:not(.-default-colors) .network:not(:hover), .dark-scheme .lazy-load.-outlined .social-networks.button:not(.-default-colors):not(.-flat) .network:not(:hover), .lazy-load.-outlined .dark-scheme .social-networks.button:not(.-default-colors):not(.-flat) .network:not(:hover), .dark-scheme .pagination:not(.text-center).-outlined .social-networks.button:not(.-default-colors):not(.-flat) .network:not(:hover), .pagination:not(.text-center).-outlined .dark-scheme .social-networks.button:not(.-default-colors):not(.-flat) .network:not(:hover) { border-color: rgba(150, 144, 162, 0.15); } .dark-scheme .header.-mobile .mobile-overlay .holder, .dark-scheme .header:not(.-mobile) .menu li > ul, .dark-scheme .notification .alert, .dark-scheme .sticky-product, .dark-scheme .cart-mini { -webkit-box-shadow: 0 20px 32px -8px rgba(0, 0, 0, 0.35), 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: 0 20px 32px -8px rgba(0, 0, 0, 0.35), 0 0 1px rgba(0, 0, 0, 0.25); } .dark-scheme select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } .dark-scheme .social-networks:not(.-text) .network { background-image: none; } .dark-scheme .video-button.-animation .icon-button { position: relative; } .dark-scheme .video-button.-animation .icon-button::after { -webkit-animation-name: video_sc_dark; animation-name: video_sc_dark; -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.2); } @-webkit-keyframes video_sc_dark { 0% { opacity: 1; -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.2); } 100% { opacity: 0; -webkit-box-shadow: 0px 0px 0px 0.85rem rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 0px 0.85rem rgba(255, 255, 255, 0.2); } } @keyframes video_sc_dark { 0% { opacity: 1; -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.2); } 100% { opacity: 0; -webkit-box-shadow: 0px 0px 0px 0.85rem rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 0px 0.85rem rgba(255, 255, 255, 0.2); } } .dark-scheme rs-slide .font-headlines { color: #fff !important; } .dark-scheme rs-slide .font-paragraphs { color: rgba(255, 255, 255, 0.75) !important; } .dark-scheme rs-slide rs-sbg::after { content: ""; background-color: rgba(17, 16, 19, 0.5); width: 100%; height: 100%; left: 0; top: 0; position: absolute; } .dark-scheme .portfolio-item.-with-gradient .portfolio-item-image::before { background: #111013; background: -webkit-linear-gradient(270deg, rgba(17, 16, 19, 0.95) 0%, rgba(17, 16, 19, 0) 100%); background: -webkit-gradient(linear, right top, left top, from(rgba(17, 16, 19, 0.95)), to(rgba(17, 16, 19, 0))); background: -webkit-linear-gradient(right, rgba(17, 16, 19, 0.95) 0%, rgba(17, 16, 19, 0) 100%); background: -o-linear-gradient(right, rgba(17, 16, 19, 0.95) 0%, rgba(17, 16, 19, 0) 100%); background: linear-gradient(270deg, rgba(17, 16, 19, 0.95) 0%, rgba(17, 16, 19, 0) 100%); } .dark-scheme .header .branding .main-logo, .dark-scheme .site-footer .branding .main-logo { display: none; } .dark-scheme .header .branding .dark-scheme-logo, .dark-scheme .site-footer .branding .dark-scheme-logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dark-scheme .clb__dark_mode_light.vc_row:not(.portfolio-grid):not(.blog-posts), .dark-scheme .clb__dark_mode_light.vc_section, .dark-scheme .clb__dark_mode_light.elementor-section, .dark-scheme .clb__dark_mode_light.elementor-element .social-networks.-boxed, .dark-scheme #page .clb__dark_mode_light.social-networks.-boxed, .dark-scheme #page .clb__dark_mode_light.pricing-table, .dark-scheme .clb__dark_mode_light .portfolio-item .card-details, .dark-scheme .clb__dark_mode_light .blog-item.-contained .card-details, .dark-scheme .clb__dark_mode_light .blog-item.-layout4 .image-holder, .dark-scheme .clb__dark_mode_light > .vc_column-inner, .dark-scheme .clb__dark_mode_light:not(.elementor-widget-ohio_recent_posts) > .elementor-widget-container, .dark-scheme .clb__dark_mode_light > .elementor-widget-wrap, .dark-scheme .dark_mode_light_row, .dark-scheme .dark_mode_light_column.wpb_column > .vc_column-inner, .dark-scheme .dark_mode_light_row, .dark-scheme .dark_mode_light_column > .elementor-column-wrap, .dark-scheme .dark_mode_light_widget > .elementor-widget-container { background-color: rgba(255, 255, 255, 0.025) !important; } .dark-scheme .clb__dark_mode_black.vc_row, .dark-scheme .clb__dark_mode_black.vc_section, .dark-scheme .clb__dark_mode_black > .vc_column-inner, .dark-scheme .clb__dark_mode_black.elementor-section, .dark-scheme .clb__dark_mode_black > .elementor-widget-container, .dark-scheme .clb__dark_mode_black > .elementor-widget-wrap { background-color: #161519 !important; } .dark-scheme .clb__dark_mode_spacer, .dark-scheme .clb__dark_mode_spacer .elementor-spacer { background-color: #161519 !important; } .dark-scheme .clb__dark_mode_spacer_light, .dark-scheme .clb__dark_mode_spacer_light .elementor-spacer { background-color: rgba(150, 144, 162, 0.05) !important; } .dark-scheme .clb__dark_mode_spacer_reset, .dark-scheme .clb__dark_mode_spacer_reset .elementor-spacer { background-color: transparent !important; } .dark-scheme .clb__dark_mode_image, .dark-scheme .clb__dark_mode_image img { mix-blend-mode: multiply; } body:not(.dark-scheme) .header .branding .dark-scheme-logo, body:not(.dark-scheme) .site-footer .branding .dark-scheme-logo { display: none; } .switching *:not(.color-switcher-toddler), .switching .portfolio-item.-layout12 .portfolio-item-details .portfolio-item-details-headline::after { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .dynamic-typo.light-typo, .dynamic-typo.light-typo .titles-typo { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; color: #fff; } .dynamic-typo.dark-typo, .dynamic-typo.dark-typo .titles-typo { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; color: #111013; } /* Purchase Button --------------------------------------------- */ .purchase-button { position: fixed; z-index: 3; color: #fff; text-transform: uppercase; font-size: 0.82em; font-weight: 600; padding: 0 1rem; background-color: rgba(17, 16, 19, 0.95); height: 2.5rem; -webkit-box-shadow: 0 4px 6px rgba(17, 16, 19, 0.2); box-shadow: 0 4px 6px rgba(17, 16, 19, 0.2); bottom: 4vh; left: 4vh; -webkit-border-radius: 1.25rem; border-radius: 1.25rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .purchase-button > img { margin-left: 0.4rem; } .purchase-button:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); background-color: #2f2c35; } .with-header-5 .purchase-button { margin-left: 33vh; } .with-header-6 .purchase-button, .with-header-7 .purchase-button { margin-left: 10.5vh; left: 3vh; bottom: 3vh; } .with-fixed-search:not(.with-header-6) .purchase-button, .with-fixed-search:not(.with-header-7) .purchase-button { margin-left: 4rem; margin-bottom: -webkit-calc((3.65rem - 2.5rem) / 2); margin-bottom: calc((3.65rem - 2.5rem) / 2); } .with-fixed-search.with-header-5 .purchase-button { margin-left: -webkit-calc(33vh + 4rem); margin-left: calc(33vh + 4rem); } .with-fixed-search.with-header-6 .purchase-button, .with-fixed-search.with-header-7 .purchase-button { margin-left: -webkit-calc(10.5vh + 4.5rem); margin-left: calc(10.5vh + 4.5rem); bottom: 3vh; } /* Builder Switcher --------------------------------------------- */ .builder-switcher { margin-top: 0.5rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .builder-switcher a { padding: 0 0.65rem; height: 1.8rem; border: 1px solid #635d6f; font-size: .8em; font-weight: 500; color: #635d6f; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: none !important; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .builder-switcher a:first-child { -webkit-border-bottom-left-radius: 0.9rem; border-bottom-left-radius: 0.9rem; -webkit-border-top-left-radius: 0.9rem; border-top-left-radius: 0.9rem; } .builder-switcher a:last-child { -webkit-border-bottom-right-radius: 0.9rem; border-bottom-right-radius: 0.9rem; -webkit-border-top-right-radius: 0.9rem; border-top-right-radius: 0.9rem; } .builder-switcher a.active, .builder-switcher a:hover { background-color: #635d6f; color: #fff; } .builder-switcher a:not(.active):hover { background-color: #9690a2; } /*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/ /* ## Elementor --------------------------------------------- */ .elementor { margin-left: -1.25rem; margin-right: -1.25rem; } .elementor-editor-active ul { margin: 0; padding: 0; list-style: none; } .elementor-editor-active ul > li { margin: 0; padding: 0; } .elementor-editor-active ul > li::before { content: ""; display: none; } .elementor .elementor-column-gap-wide > .elementor-column > .elementor-column-wrap, .elementor .elementor-column-gap-wide > .elementor-column > .elementor-widget-wrap, .elementor .elementor-column-gap-wide > .elementor-column > .elementor-element-populated > .elementor-widget-wrap, .elementor .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-column-wrap, .elementor .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-widget-wrap, .elementor .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap { padding-top: 0; padding-bottom: 0; } .elementor .animated { -webkit-animation-duration: .4s; animation-duration: .4s; } @-webkit-keyframes fadeInUpShort { from { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpShort { from { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInDownShort { from { opacity: 0; -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownShort { from { opacity: 0; -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInLeftShort { from { opacity: 0; -webkit-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftShort { from { opacity: 0; -webkit-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInRightShort { from { opacity: 0; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightShort { from { opacity: 0; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .elementor .fadeInUp { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort; } .elementor .fadeInDown { -webkit-animation-name: fadeInDownShort; animation-name: fadeInDownShort; } .elementor .fadeInLeft { -webkit-animation-name: fadeInLeftShort; animation-name: fadeInLeftShort; } .elementor .fadeInRight { -webkit-animation-name: fadeInRightShort; animation-name: fadeInRightShort; } .elementor-page .page-container.-full-w .elementor-section.elementor-section-boxed > .elementor-container { max-width: none; } .elementor-page .page-container.-full-w .elementor-section.elementor-section-stretched:not(.elementor-section-full_width) > .elementor-container { margin-left: -1.25rem; margin-right: -1.25rem; } /* ## Jetpack --------------------------------------------- */ /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ .infinity-end.neverending .site-footer { display: block; } /* ## Tidio --------------------------------------------- */ .page-template-page_for-projects.slider-with-bullets #tidio-chat, .single-ohio_portfolio #tidio-chat, .single-post #tidio-chat, .single-product #tidio-chat { visibility: hidden; opacity: 0; } /* ## Slider Revolution --------------------------------------------- */ rs-slide .font-paragraphs { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } /* ## WPbakery --------------------------------------------- */ .wpb-js-composer .vc_col-has-fill > .vc_column-inner, .wpb-js-composer .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .wpb-js-composer .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .wpb-js-composer .vc_row-has-fill > .vc_column_container > .vc_column-inner { padding-top: 0; } .wpb-js-composer .wpb_single_image .vc_single_image-wrapper.vc_box_rounded, .wpb-js-composer .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img { -webkit-border-radius: 0.5rem; border-radius: 0.5rem; } .wpb-js-composer .vc_separator { margin-top: 1.5rem; margin-bottom: 1.5rem; } .wpb_wrapper::after, .elementor-widget-container::after { content: ""; display: table; clear: both; } .clb__overflow_visible { overflow: visible !important; } .clb__image_shadow img { -webkit-border-radius: 0.5rem; border-radius: 0.5rem; -webkit-box-shadow: 0 5px 15px 0 rgba(17, 16, 19, 0.06); box-shadow: 0 5px 15px 0 rgba(17, 16, 19, 0.06); } .clb__border_radius img, .clb__border_radius.elementor-widget-ohio_compare img { -webkit-border-radius: 0.5rem; border-radius: 0.5rem; } .clb__retina50 .vc_single_image-wrapper, .clb__image_retina .vc_single_image-wrapper { width: 50% !important; } .clb__flex .elementor-widget-wrap, .clb__flex .wpb_wrapper:not(.vc_figure) { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .clb__vertical_stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; } .clb__stretch_content .wpb_wrapper, .clb__stretch_content .elementor-widget-wrap { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .clb__stretch_content .wpb_wrapper .vc_row-fluid, .clb__stretch_content .wpb_wrapper .elementor-section-boxed, .clb__stretch_content .elementor-widget-wrap .vc_row-fluid, .clb__stretch_content .elementor-widget-wrap .elementor-section-boxed { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; min-height: 30vh; } .vc_editor.compose-mode .vc_ohio_tabs, .vc_editor.compose-mode .vc_ohio_split_screens { position: relative; margin: 10px 0; -webkit-border-radius: 4px; border-radius: 4px; } .vc_editor.compose-mode .vc_ohio_tabs::before, .vc_editor.compose-mode .vc_ohio_split_screens::before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; background: rgba(255, 213, 105, 0.85); } .vc_editor.compose-mode .vc_ohio_tabs::after, .vc_editor.compose-mode .vc_ohio_split_screens::after { content: 'Sorry, but this shortcode can be properly edited in the Backend Editor only.'; position: absolute; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; display: block; padding: 0px 20%; font-weight: 500; color: rgba(0, 0, 0, 0.8); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; left: 0; text-align: center; z-index: 10001; } .vc_row.stc-row { margin-bottom: 5vh; } .vc_row.stc-row .heading:not(.heading-reset) h2 { margin-bottom: 40px; font-size: 26px; } @media (min-width: 768px) { div[class^='vc_col-sm-'] { float: left; } .vc_col-sm-1 { width: -webkit-calc(100%/12 * 1); width: calc(100%/12 * 1); } .vc_col-sm-2 { width: -webkit-calc(100%/12 * 2); width: calc(100%/12 * 2); } .vc_col-sm-3 { width: -webkit-calc(100%/12 * 3); width: calc(100%/12 * 3); } .vc_col-sm-4 { width: -webkit-calc(100%/12 * 4); width: calc(100%/12 * 4); } .vc_col-sm-5 { width: -webkit-calc(100%/12 * 5); width: calc(100%/12 * 5); } .vc_col-sm-6 { width: -webkit-calc(100%/12 * 6); width: calc(100%/12 * 6); } .vc_col-sm-7 { width: -webkit-calc(100%/12 * 7); width: calc(100%/12 * 7); } .vc_col-sm-8 { width: -webkit-calc(100%/12 * 8); width: calc(100%/12 * 8); } .vc_col-sm-9 { width: -webkit-calc(100%/12 * 9); width: calc(100%/12 * 9); } .vc_col-sm-10 { width: -webkit-calc(100%/12 * 10); width: calc(100%/12 * 10); } .vc_col-sm-11 { width: -webkit-calc(100%/12 * 11); width: calc(100%/12 * 11); } .vc_col-sm-12 { width: -webkit-calc(100%/12 * 12); width: calc(100%/12 * 12); } } @media screen and (min-width: 769px) { .vc_row .vc-bg-lines { position: absolute; height: 100%; left: 0; right: 0; } .vc_row .vc-bg-lines div { background: rgba(150, 144, 162, 0.08); width: 1px; height: 100%; position: absolute; } .vc_row .vc-bg-lines div:nth-child(2) { margin-left: -webkit-calc((100% / 4)*1); margin-left: calc((100% / 4)*1); } .vc_row .vc-bg-lines div:nth-child(3) { margin-left: -webkit-calc((100% / 4)*2); margin-left: calc((100% / 4)*2); } .vc_row .vc-bg-lines div:nth-child(4) { margin-left: -webkit-calc((100% / 4)*3); margin-left: calc((100% / 4)*3); } .vc_row .vc-bg-lines div:nth-child(5) { margin-left: -webkit-calc((100% / 4)*4 - 40px); margin-left: calc((100% / 4)*4 - 40px); } .-sticky-block, .-sticky-block > .vc_column-inner > .wpb_wrapper { position: -webkit-sticky !important; position: sticky !important; z-index: 2; top: 0; } .with-sticky .-sticky-block { top: 9vh; } .with-sticky.admin-bar .-sticky-block { top: -webkit-calc(9vh + 2rem); top: calc(9vh + 2rem); } .page-content.-with-left-sidebar { width: 75%; float: right; padding-left: 2.5%; } .page-content.-with-right-sidebar { width: 75%; float: left; padding-right: 2.5%; } .header .desktop-hamburger { min-width: 56px; } .header .desktop-hamburger.-left { margin-right: 1rem; } .header .desktop-hamburger.-right { margin-left: 1rem; } .header.header-4 .menu-blank { margin-left: 3.65rem; -webkit-transform: translateX(1.25rem); -ms-transform: translateX(1.25rem); transform: translateX(1.25rem); } .header:not(.-mobile).header-6 .bottom-part .menu-optional .holder, .header:not(.-mobile).header-6 .bottom-part .menu-optional .search-global, .header:not(.-mobile).header-6 .bottom-part .menu-optional .favorites-global, .header:not(.-mobile).header-6 .bottom-part .menu-optional .account-global, .header:not(.-mobile).header-7 .bottom-part .menu-optional .holder, .header:not(.-mobile).header-7 .bottom-part .menu-optional .search-global, .header:not(.-mobile).header-7 .bottom-part .menu-optional .favorites-global, .header:not(.-mobile).header-7 .bottom-part .menu-optional .account-global { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg) translate(-100%, 0); -ms-transform: rotate(90deg) translate(-100%, 0); transform: rotate(90deg) translate(-100%, 0); } .icon-button.-large { min-width: 4.5rem; width: 4.5rem; height: 4.5rem; } .blog-item.-layout3 > a { min-width: 50%; max-width: 50%; } .blog-item.-layout3, .blog-item.-layout5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .blog-item.-layout3 > a, .blog-item.-layout5 > a { display: block; } .blog-item.-layout3 .card-details, .blog-item.-layout5 .card-details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .blog-item.-layout3:not(.-contained) .card-details, .blog-item.-layout5:not(.-contained) .card-details { padding-top: 0; } .blog-item.-layout3.-contained .image-holder, .blog-item.-layout5.-contained .image-holder { -webkit-border-bottom-left-radius: 0.35rem; border-bottom-left-radius: 0.35rem; -webkit-border-top-left-radius: 0.35rem; border-top-left-radius: 0.35rem; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .blog-item.-layout3.-contained .card-details, .blog-item.-layout5.-contained .card-details { padding-top: 1.5rem; -webkit-border-bottom-right-radius: 0.35rem; border-bottom-right-radius: 0.35rem; -webkit-border-top-right-radius: 0.35rem; border-top-right-radius: 0.35rem; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } .blog-item.-layout3:not(.-contained) .card-details, .blog-item.-layout5:not(.-contained) .card-details { padding-left: 3vh; } .blog-item.-layout5 > a { min-width: 38%; max-width: 38%; } .blog-item.-layout6 .image-holder { position: absolute; left: 0; right: 0; padding: 0; height: 100%; -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .blog-item.-layout6 .image-holder img, .blog-item.-layout6 .image-holder iframe { position: absolute; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .blog-item.-layout6 .overlay-details { position: relative; padding: 0.5rem 0 0 0; } .blog-item.-layout6 .card-details { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .blog-item.-layout6 .card-details-item { margin: 0; } .blog-item.-layout6 .card-details-item .headline-meta { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .blog-item.-layout6 .card-details-item:nth-child(1) { min-width: 25%; } .blog-item.-layout6 .card-details-item:nth-child(2) { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; padding-left: 4vh; padding-right: 4vh; } .blog-item.-layout6:not(.-contained) { border-bottom: 1px solid rgba(150, 144, 162, 0.15); } .blog-item.-layout6:not(.-contained) .image-holder { display: none; } .blog-item.-layout6:not(.-contained) .card-details { padding-top: 4vh; padding-bottom: 4vh; } .blog-item.-layout6:not(.-contained) .button { -webkit-transform: translateY(-0.85rem); -ms-transform: translateY(-0.85rem); transform: translateY(-0.85rem); } .blog-item.-layout6.-contained .card-details { padding: 4vh; } .blog-item.-layout6.-contained .image-holder > img, .blog-item.-layout6.-contained .image-holder > iframe { opacity: 0; visibility: hidden; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .blog-item.-layout6.-contained:hover .image-holder > img, .blog-item.-layout6.-contained:hover .image-holder > iframe { opacity: 1; visibility: visible; } .blog-item.-layout6.-contained:hover * { color: #fff; } .single-post .-layout2 .page-headline .holder, .page-id-124 .-layout2 .page-headline .holder { padding-top: 12vh; padding-left: -webkit-calc(4vh + 3.5rem + 4vh); padding-left: calc(4vh + 3.5rem + 4vh); } .single-post .-layout2 .page-headline .holder .page-container, .page-id-124 .-layout2 .page-headline .holder .page-container { padding-left: 0px; padding-right: 0px; } .single-post .-layout2 .post-content, .page-id-124 .-layout2 .post-content { padding-top: 12vh; } .single-post .-layout2 .post-content .page-content, .page-id-124 .-layout2 .post-content .page-content { padding-right: -webkit-calc(4vh + 3.5rem + 4vh); padding-right: calc(4vh + 3.5rem + 4vh); } .single-post .-layout2 .post-share, .page-id-124 .-layout2 .post-share { padding-left: -webkit-calc(4vh + 3.5rem + 4vh); padding-left: calc(4vh + 3.5rem + 4vh); } .single-post:not(.with-spacer) .-layout2 .post-content, .page-id-124:not(.with-spacer) .-layout2 .post-content { margin-top: 12vh; } .comments .comment-body { padding-left: 5rem; } .comments .comment-body .comment-author > img { position: absolute; top: 0; left: 0; } .comments .comment-respond .comment-form { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .comments .comment-respond .comment-form > p { margin: 0.5rem 0; } .comments .comment-respond .comment-form > p.comment-notes { margin-top: 0; } .comments .comment-respond .comment-form > p:not(.comment-form-comment) { width: -webkit-calc((100% / 3) - 1rem); width: calc((100% / 3) - 1rem); } .project-content:not(.-with-slider) .holder { padding-top: 5rem; padding-bottom: 5rem; } .portfolio-item.-layout3 .project-content, .portfolio-item.-layout5 .project-content, .portfolio-item.-layout6 .project-content { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .portfolio-item.-layout5 .overlay { width: 50%; height: 100%; } .portfolio-item.-layout6 .overlay { padding: 0 6.75vw; } .portfolio-item.-layout7 .portfolio-item-image { width: 50vw; height: auto; z-index: 2; top: 20vh; bottom: 20vh; } .portfolio-item.-layout7 .overlay { height: 100%; } .portfolio-item.-layout9 .portfolio-item-image::before { display: none; } .portfolio-item.-layout9 .project-content .project-details { font-weight: 600; font-size: 1.05em; } .portfolio-item.-layout10 .portfolio-item-image { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .portfolio-item.-layout10 .project-content { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .portfolio-links.grid_8 .grid-item .portfolio-item .category-holder { -webkit-transform: translateY(-0.25rem); -ms-transform: translateY(-0.25rem); transform: translateY(-0.25rem); } .grid_13.-reversed .grid-item:nth-child(2n) .-layout13 { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .grid_13.-reversed .grid-item:nth-child(2n) .-layout13:not(.-contained) .card-details { padding-left: 0; padding-right: 2.5rem; } .grid_13.-reversed .grid-item:nth-child(2n) .-layout13.-contained .card-details { margin-left: 0; margin-right: 2.5rem; } .grid_13 .grid-item.vc_col-lg-12 .-layout13 .card-image { min-width: -webkit-calc(((100% / 3) * 2) - 1.25rem); min-width: calc(((100% / 3) * 2) - 1.25rem); width: -webkit-calc(((100% / 3) * 2) - 1.25rem); width: calc(((100% / 3) * 2) - 1.25rem); } .grid_13 .grid-item.vc_col-lg-6 .-layout13 .card-image { min-width: -webkit-calc((100% / 2) - 1.25rem); min-width: calc((100% / 2) - 1.25rem); width: -webkit-calc((100% / 2) - 1.25rem); width: calc((100% / 2) - 1.25rem); } .project.-layout3 .project-content .holder { padding-left: 1.25rem; padding-right: 1.25rem; } .project.-layout4 .project-content .holder { padding-left: 1.25rem; padding-right: 1.25rem; } .project.-layout5 .project-content .project-task { margin-top: 0; } .project.-layout8 .overlay { width: 50%; } .project.-layout8 .share-bar { bottom: 0 !important; } .project.-layout9 .project-content .project-task { margin-top: 0; } .project.-layout1 .holder, .project.-layout3 .holder { padding-left: -webkit-calc(3vw - 1rem); padding-left: calc(3vw - 1rem); } .project.-layout2 .holder, .project.-layout4 .holder { padding-right: -webkit-calc(3vw - 1rem); padding-right: calc(3vw - 1rem); } .project.-layout3 .page-container, .project.-layout4 .page-container { padding: 0; } .project.-layout3 .project-gallery:not(.scroll-disabled) .share-bar, .project.-layout4 .project-gallery:not(.scroll-disabled) .share-bar { position: fixed; z-index: 10; } .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout1 .project-content, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout3 .project-content, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout4 .project-content { margin-top: 12vh; } .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7):not(.with-headline) .project.-layout2 { margin-top: 12vh; } .color-switcher { min-width: 6.5rem; } .color-switcher-item-state svg { margin-left: 0.2rem; margin-right: -0.2rem; } .color-switcher.dark .color-switcher-toddler .color-switcher-toddler-item svg { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .elements-bar.left { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-90deg) translate(-50%, 0); -ms-transform: rotate(-90deg) translate(-50%, 0); transform: rotate(-90deg) translate(-50%, 0); left: 4vh; } .elements-bar.right { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transform: rotate(-90deg) translate(50%, -100%); -ms-transform: rotate(-90deg) translate(50%, -100%); transform: rotate(-90deg) translate(50%, -100%); right: 4vh; } .filter-holder .close-bar { display: none; } .filter-holder select { margin-left: 0.5rem; max-width: 10.35rem; } .filter-holder .woocommerce-ordering { margin-left: 0.5rem; } .filter-holder .woocommerce-ordering > select { margin-left: 0; } .filter-holder .result { margin-right: 1rem; white-space: nowrap; } .sticky-nav-holder { -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .tabs:not(.-contained):not(.-with-button):not(.-vertical) .tabs-nav-link:not(:last-child) { margin-right: 1.25rem; } .tabs.-vertical { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .tabs.-vertical .tabs-nav { width: auto; margin-right: 1.5rem; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .tabs.-vertical .tabs-nav-link { width: 100%; } .tabs.-vertical .tabs-nav-line { width: 2px; top: 0; left: auto; right: 0; } .tabs.-vertical .tabs-content { width: auto; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .tabs.-vertical:not(.-contained):not(.-with-button) .tabs-nav-link { padding: 0; padding-right: 1rem; } .tabs.-vertical.-with-button .tabs-nav-link { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .tabs.-vertical.-with-button .tabs-nav-line { width: 100%; } .instagram-feed:not(.no-margins) #sb_instagram #sbi_images { margin: -1.25rem; } .wc-category:not(.-offset) .image-holder, .wc-category:not(.-offset) .wc-category-content { width: 50%; } .wc-category.-offset { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .wc-category.-offset .image-holder { width: -webkit-calc(100% - 7.5em); width: calc(100% - 7.5em); } .wc-category.-offset .image-holder img { -webkit-border-radius: 0.35rem; border-radius: 0.35rem; } .wc-category.-offset .wc-category-content { top: 0; bottom: 0; left: 1.25rem; padding-right: 1.25rem; position: absolute; max-width: 50%; } .dark-scheme .portfolio-item.-with-gradient.-layout10 .portfolio-item-image::before { background: #111013; background: -webkit-linear-gradient(90deg, rgba(17, 16, 19, 0.95) 0%, rgba(17, 16, 19, 0) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(17, 16, 19, 0.95)), to(rgba(17, 16, 19, 0))); background: -webkit-linear-gradient(left, rgba(17, 16, 19, 0.95) 0%, rgba(17, 16, 19, 0) 100%); background: -o-linear-gradient(left, rgba(17, 16, 19, 0.95) 0%, rgba(17, 16, 19, 0) 100%); background: linear-gradient(90deg, rgba(17, 16, 19, 0.95) 0%, rgba(17, 16, 19, 0) 100%); } } @media (min-width: 769px) { div[class^='vc_col-md'] { float: left; } .vc_col-md-1 { width: -webkit-calc(100%/12 * 1); width: calc(100%/12 * 1); } .vc_col-md-2 { width: -webkit-calc(100%/12 * 2); width: calc(100%/12 * 2); } .vc_col-md-3 { width: -webkit-calc(100%/12 * 3); width: calc(100%/12 * 3); } .vc_col-md-4 { width: -webkit-calc(100%/12 * 4); width: calc(100%/12 * 4); } .vc_col-md-5 { width: -webkit-calc(100%/12 * 5); width: calc(100%/12 * 5); } .vc_col-md-6 { width: -webkit-calc(100%/12 * 6); width: calc(100%/12 * 6); } .vc_col-md-7 { width: -webkit-calc(100%/12 * 7); width: calc(100%/12 * 7); } .vc_col-md-8 { width: -webkit-calc(100%/12 * 8); width: calc(100%/12 * 8); } .vc_col-md-9 { width: -webkit-calc(100%/12 * 9); width: calc(100%/12 * 9); } .vc_col-md-10 { width: -webkit-calc(100%/12 * 10); width: calc(100%/12 * 10); } .vc_col-md-11 { width: -webkit-calc(100%/12 * 11); width: calc(100%/12 * 11); } .vc_col-md-12 { width: -webkit-calc(100%/12 * 12); width: calc(100%/12 * 12); } .vc_col-md-push-1 { left: -webkit-calc(100%/12 * 1); left: calc(100%/12 * 1); } .vc_col-md-push-2 { left: -webkit-calc(100%/12 * 2); left: calc(100%/12 * 2); } .vc_col-md-push-3 { left: -webkit-calc(100%/12 * 3); left: calc(100%/12 * 3); } .vc_col-md-push-4 { left: -webkit-calc(100%/12 * 4); left: calc(100%/12 * 4); } .vc_col-md-push-5 { left: -webkit-calc(100%/12 * 5); left: calc(100%/12 * 5); } .vc_col-md-push-6 { left: -webkit-calc(100%/12 * 6); left: calc(100%/12 * 6); } .vc_col-md-push-7 { left: -webkit-calc(100%/12 * 7); left: calc(100%/12 * 7); } .vc_col-md-push-8 { left: -webkit-calc(100%/12 * 8); left: calc(100%/12 * 8); } .vc_col-md-push-9 { left: -webkit-calc(100%/12 * 9); left: calc(100%/12 * 9); } .vc_col-md-push-10 { left: -webkit-calc(100%/12 * 10); left: calc(100%/12 * 10); } .vc_col-md-push-11 { left: -webkit-calc(100%/12 * 11); left: calc(100%/12 * 11); } .vc_col-md-push-12 { left: -webkit-calc(100%/12 * 12); left: calc(100%/12 * 12); } } @media screen and (min-width: 1025px) { .clb__narrow { padding-right: 4.1vw; padding-left: 4.1vw; } .single-post:not(.single-post-sidebar) .page-headline .title, .error404 .page-headline .title, .search-no-results .page-headline .title, .woocommerce-page:not(.archive):not(.single) .page-headline .title { max-width: 100%; } .single-post:not(.single-post-sidebar) .page-headline .page-container, .single-post:not(.single-post-sidebar) .site-content .page-container, .error404 .page-headline .page-container, .error404 .site-content .page-container, .search-no-results .page-headline .page-container, .search-no-results .site-content .page-container, .woocommerce-page:not(.archive):not(.single) .page-headline .page-container, .woocommerce-page:not(.archive):not(.single) .site-content .page-container { padding-left: 8vw; padding-right: 8vw; } .header:not(.-mobile) .menu .sub-menu-wide { padding: 1.75rem 1rem; } .site-footer.sticky { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 1; visibility: hidden; } .site-footer.sticky.visible { visibility: visible; } .alert.-fixed .icon-button { margin: -0.2rem -0.6rem -0.2rem 0.6rem; } .single-post .entry-content h2:not(:first-child), .single-post .entry-content h3:not(:first-child), .page-id-124 .entry-content h2:not(:first-child), .page-id-124 .entry-content h3:not(:first-child) { margin-top: 3rem; } .single-post .entry-content h4:not(:first-child), .single-post .entry-content h5:not(:first-child), .single-post .entry-content h6:not(:first-child), .page-id-124 .entry-content h4:not(:first-child), .page-id-124 .entry-content h5:not(:first-child), .page-id-124 .entry-content h6:not(:first-child) { margin-top: 2.5rem; } .single-post .author-container .widget_ohio_widget_about_author, .page-id-124 .author-container .widget_ohio_widget_about_author { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .single-post .author-container .widget_ohio_widget_about_author .avatar, .page-id-124 .author-container .widget_ohio_widget_about_author .avatar { margin-right: 1.5rem; min-width: 4.5rem; } .single-post .author-container .widget_ohio_widget_about_author .social-networks, .page-id-124 .author-container .widget_ohio_widget_about_author .social-networks { margin: 0 0 0 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .single-post .author-container .widget_ohio_widget_about_author .social-networks .network, .page-id-124 .author-container .widget_ohio_widget_about_author .social-networks .network { margin: 0 0 0.4rem 0; } .portfolio-item.-layout4 .project-details { margin-right: 35%; } .project.-layout1 .share-bar { margin-left: 1.25rem; top: 4vh; left: 4vh; } .project.-layout2 .share-bar { margin-right: 1.25rem; top: 4vh; right: 4vh; } .project.-layout3 .project-content .holder { margin-right: -webkit-calc(10vw + 7.4rem); margin-right: calc(10vw + 7.4rem); } .project.-layout4 .project-content .holder { margin-left: -webkit-calc(10vw + 7.4rem); margin-left: calc(10vw + 7.4rem); } .with-header-2 .page-headline.without-cap { padding-top: 20vh; } .with-header-5 .page-headline.without-cap, .with-header-6 .page-headline.without-cap, .with-header-7 .page-headline.without-cap { padding-top: initial; } .single-post .page-headline .title { max-width: 80%; } .empty-state { max-width: 40%; } .empty-state .search { max-width: 18rem; } .empty-state { max-width: 40%; } .empty-state .search { max-width: 18rem; } .post-password-form { width: 50%; } .vc_row.stc-row { margin-right: 2vw; margin-left: 2vw; margin-bottom: 12vh; } .vc_row.stc-row-wide { margin-right: auto; margin-left: auto; } .vc_row.stc-row-narrow { margin-right: 10vw; margin-left: 10vw; } } @media (min-width: 1200px) { .vc_hidden-lg { display: none !important; } div[class*='vc_col-lg'] { float: left; } .vc_col-lg-1 { width: -webkit-calc(100%/12 * 1); width: calc(100%/12 * 1); } .vc_col-lg-2 { width: -webkit-calc(100%/12 * 2); width: calc(100%/12 * 2); } .vc_col-lg-3 { width: -webkit-calc(100%/12 * 3); width: calc(100%/12 * 3); } .vc_col-lg-4 { width: -webkit-calc(100%/12 * 4); width: calc(100%/12 * 4); } .vc_col-lg-5 { width: -webkit-calc(100%/12 * 5); width: calc(100%/12 * 5); } .vc_col-lg-6 { width: -webkit-calc(100%/12 * 6); width: calc(100%/12 * 6); } .vc_col-lg-7 { width: -webkit-calc(100%/12 * 7); width: calc(100%/12 * 7); } .vc_col-lg-8 { width: -webkit-calc(100%/12 * 8); width: calc(100%/12 * 8); } .vc_col-lg-9 { width: -webkit-calc(100%/12 * 9); width: calc(100%/12 * 9); } .vc_col-lg-10 { width: -webkit-calc(100%/12 * 10); width: calc(100%/12 * 10); } .vc_col-lg-11 { width: -webkit-calc(100%/12 * 11); width: calc(100%/12 * 11); } .vc_col-lg-12 { width: -webkit-calc(100%/12 * 12); width: calc(100%/12 * 12); } .vc_col-lg-push-1 { left: -webkit-calc(100%/12 * 1); left: calc(100%/12 * 1); } .vc_col-lg-push-2 { left: -webkit-calc(100%/12 * 2); left: calc(100%/12 * 2); } .vc_col-lg-push-3 { left: -webkit-calc(100%/12 * 3); left: calc(100%/12 * 3); } .vc_col-lg-push-4 { left: -webkit-calc(100%/12 * 4); left: calc(100%/12 * 4); } .vc_col-lg-push-5 { left: -webkit-calc(100%/12 * 5); left: calc(100%/12 * 5); } .vc_col-lg-push-6 { left: -webkit-calc(100%/12 * 6); left: calc(100%/12 * 6); } .vc_col-lg-push-7 { left: -webkit-calc(100%/12 * 7); left: calc(100%/12 * 7); } .vc_col-lg-push-8 { left: -webkit-calc(100%/12 * 8); left: calc(100%/12 * 8); } .vc_col-lg-push-9 { left: -webkit-calc(100%/12 * 9); left: calc(100%/12 * 9); } .vc_col-lg-push-10 { left: -webkit-calc(100%/12 * 10); left: calc(100%/12 * 10); } .vc_col-lg-push-11 { left: -webkit-calc(100%/12 * 11); left: calc(100%/12 * 11); } .vc_col-lg-push-12 { left: -webkit-calc(100%/12 * 12); left: calc(100%/12 * 12); } } @media screen and (min-width: 1440px) { body { font-size: 1.025rem; } h1 { font-size: 4.5rem; } h2 { font-size: 3.25rem; } h3 { font-size: 2.25rem; } h4 { font-size: 1.75rem; } h5 { font-size: 1.25rem; } .blog-item .card-details .title { font-size: 1.55rem; } .portfolio-item .title { font-size: 1.55rem; } .portfolio-item.-with-slider .project-content h2 { font-size: 4.5rem; } .portfolio-item.-with-slider .project-content h3 { font-size: 2.25rem; } .sticky-nav-headline + a { font-size: 1.25rem; } .countdown:not(.-text) .countdown-item .number { font-size: 2.25rem; } .countdown.-contained .countdown-item .number { font-size: 2rem; } .countdown.-text .countdown-item .number { font-size: 2rem; } .counter-number .holder { font-size: 2.75rem; } .pricing-table-price .price-number { font-size: 4.5rem; } } @media screen and (min-width: 1441px) { .single-post .-layout2 > .page-container, .page-id-124 .-layout2 > .page-container { max-width: 100%; padding: 0 1.25rem; } .single-post .-layout2 .page-headline .holder, .page-id-124 .-layout2 .page-headline .holder { padding-left: 12vw; } .single-post .-layout2 .post-content .page-content, .page-id-124 .-layout2 .post-content .page-content { padding-right: 12vw; } .single-post .-layout2 .post-share, .page-id-124 .-layout2 .post-share { padding-left: 12vw; } } @media screen and (max-width: 1024px) { .card:not(.-with-overlay):not(.-image-only).-contained .card-details { padding-left: 1.25rem; } .card:not(.-with-overlay):not(.-image-only).-contained .card-details { padding-right: 1.25rem; } .card .overlay-details { padding: 1.25rem; } h1.heading-md, h2.heading-md, h3.heading-md, h4.heading-md, h5.heading-md, h6.heading-md, .titles-typo.heading-md, .font-titles.heading-md { margin-bottom: 1.25rem; } .page-container.top-offset { padding-top: 3rem; } .page-container.bottom-offset { padding-bottom: 3rem; } .page-sidebar.-boxed { padding: 1.25rem; } .header:not(.-mobile) .menu .sub-menu-wide { width: -webkit-calc(100vw - 40px); width: calc(100vw - 40px); height: auto !important; } .hamburger-nav { padding: 1.25rem; } .hamburger-nav-holder { top: 1.25rem; } .hamburger-nav .menu { width: -webkit-calc(100% / 3); width: calc(100% / 3); } .hamburger-nav-details .details-column { width: -webkit-calc(100% / 3); width: calc(100% / 3); } .hamburger-nav:not(.type2):not(.type3) { padding-left: 3rem; } .hamburger-nav:not(.type2):not(.type3) { padding-right: 3rem; } .hamburger-nav.type3 .hamburger-nav-details { padding-left: 1.25rem; } .header-wrap:not(.page-container) { padding-left: 1.25rem; } .header-wrap:not(.page-container) { padding-right: 1.25rem; } .header-wrap .top-part.page-container { padding: 0; } .header.header-2 .header-wrap .top-part:not(.page-container) { padding-left: 1.25rem; } .header.header-2 .header-wrap .top-part:not(.page-container) { padding-right: 1.25rem; } .header.header-5:not(.-mobile) .header-wrap { padding-bottom: 1.25rem; } .header.header-5:not(.-mobile) .menu li .sub-menu { margin-left: 1.25rem; } .header.header-5:not(.-mobile) .menu-optional > li .cart-mini { bottom: 1.25rem; } .header.header-5:not(.-mobile) .menu-optional > li .cart-mini { margin-left: 1.25rem; } .header:not(.-mobile).header-6 .vertical-inner, .header:not(.-mobile).header-7 .vertical-inner { padding-top: 1.25rem; } .header:not(.-mobile).header-6 .vertical-inner, .header:not(.-mobile).header-7 .vertical-inner { padding-bottom: 1.25rem; } .header:not(.-mobile).header-6 .cart-mini, .header:not(.-mobile).header-7 .cart-mini { margin-bottom: 1.25rem; } :not(.is-mobile-menu).with-header-6 .hamburger-nav .close-bar, :not(.is-mobile-menu).with-header-7 .hamburger-nav .close-bar { padding-left: 1.25rem; } :not(.is-mobile-menu).with-header-6 .hamburger-nav .close-bar, :not(.is-mobile-menu).with-header-7 .hamburger-nav .close-bar { padding-right: 1.25rem; } :not(.is-mobile-menu).with-header-6 .search-global.fixed, :not(.is-mobile-menu).with-header-7 .search-global.fixed { bottom: 1.25rem; } .subheader .page-container.-full-w { padding-left: 1.25rem; } .subheader .page-container.-full-w { padding-right: 1.25rem; } .subheader { padding-right: 1.25rem; padding-left: 1.25rem; } .site-footer .widgets { padding-top: 3rem; } .site-footer .widgets { padding-bottom: 3rem; } .site-footer-copyright .holder { padding-top: 1.25rem; } .site-footer-copyright .holder { padding-bottom: 1.25rem; } .site-footer .page-container.-full-w { padding-left: 1.25rem; } .site-footer .page-container.-full-w { padding-left: 1.25rem; } .alert.-fixed { bottom: 1.25rem; } .breadcrumb-holder { padding-top: 3vh; padding-bottom: 3vh; } .breadcrumb-holder .breadcrumb { padding-top: 0; padding-bottom: 0; } .custom-cursor .circle-cursor { display: none; } .single-post .entry-content, .page-id-124 .entry-content { margin-bottom: 2rem; } .single-post .-layout1 .post-share .share-bar, .page-id-124 .-layout1 .post-share .share-bar { left: 0; position: relative; } .single-post .-layout2, .page-id-124 .-layout2 { padding-bottom: 3rem; } .single-post .entry-footer, .page-id-124 .entry-footer { margin-bottom: 2rem; } .single-post .author-container .widget_ohio_widget_about_author, .page-id-124 .author-container .widget_ohio_widget_about_author { padding: 1.25rem; } .single-post .author-container .widget_ohio_widget_about_author, .page-id-124 .author-container .widget_ohio_widget_about_author { margin-bottom: 2rem; } .single-post .related-posts, .page-id-124 .related-posts { padding-bottom: 1.25rem; } .single-post .comments, .page-id-124 .comments { padding-top: 3rem; } .single-post .comments, .page-id-124 .comments { padding-bottom: 3rem; } .comments-list { margin-bottom: 1.25rem; } .comments .comment-body { padding-bottom: 1.25rem; } .project .vc_row .project-gallery[class^='vc_col'] { padding-left: 0; padding-right: 0; } .project .-with-slider .share-bar { bottom: 1.25rem; } .project-content { padding: 3rem 0px; } .options-group li { min-width: -webkit-calc((100% / 3) - 1.5rem); min-width: calc((100% / 3) - 1.5rem); width: -webkit-calc((100% / 3) - 1.5rem); width: calc((100% / 3) - 1.5rem); margin-right: 1.5rem; } .portfolio-comments .comments { padding-top: 3rem; } .portfolio-comments .comments { padding-bottom: 3rem; } .portfolio-item.-layout3 .project-content, .portfolio-item.-layout5 .project-content, .portfolio-item.-layout6 .project-content { padding-bottom: 3rem; } .portfolio-item.-layout5 .project-content { padding-bottom: 1.25rem; } .portfolio-item.-layout5 .project-content { padding-right: 1.25rem; } .portfolio-item.-layout9 .project-content { padding-bottom: 1.25rem; } .portfolio-item.-layout9 .next-slide-preview { display: none; } .portfolio-item.-layout13 .card-details .holder { padding-top: 1.25rem; } .portfolio-item.-layout13.-contained .card-details { padding-left: 1.25rem; } .portfolio-item.-layout13.-contained .card-details { padding-right: 1.25rem; } .portfolio-item.-layout13.-contained .card-details { padding-bottom: 1.25rem; } .portfolio-links.grid_8 .portfolio-grid { padding-top: 3rem; } .portfolio-links.grid_8 .portfolio-grid { padding-bottom: 3rem; } .project.-layout5 .project-content { padding-top: 3rem; } .project.-layout5 .project-content { padding-bottom: 3rem; } .project.-layout6 .project-content .video-module { margin-bottom: 1.25rem; } .project.-layout7 .share-bar { top: 1.25rem; } .project.-layout7 .share-bar { left: 1.25rem; } .project.-layout7 { padding-bottom: 3rem; } .project.-layout9 .project-content { padding-top: 3rem; } .project.-layout9 .project-content { padding-bottom: 3rem; } .project.-layout1 .share-bar, .project.-layout2 .share-bar, .project.-layout3 .share-bar, .project.-layout4 .share-bar { margin: 0; position: absolute !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; top: 4vh; } .project.-layout1 .share-bar, .project.-layout3 .share-bar { left: auto !important; right: 1.25rem !important; } .project.-layout2 .share-bar, .project.-layout4 .share-bar { right: auto !important; left: 1.25rem !important; } .project.-layout3 .project-gallery .share-bar, .project.-layout4 .project-gallery .share-bar { bottom: 1.25rem; } .back-link { top: 1.25rem; } .back-link { left: 1.25rem; } .meta-holder .meta-item { margin-right: 1.25rem; } .scroll-bar-container { left: 1.25rem; } .scroll-bar-container.grid_9 .scroll-top { bottom: 1.25rem; } .close-bar { padding-left: 1.25rem; } .close-bar { padding-right: 1.25rem; } .popup-subscribe .holder { padding-left: 1.25rem; } .popup-subscribe .holder { padding-right: 1.25rem; } .popup-subscribe .holder { padding-top: 3rem; } .popup-subscribe .holder { padding-bottom: 3rem; } .clb-gallery-lightbox .clb-slider-nav-btn { margin-right: 1.25rem; } .clb-gallery-lightbox .clb-slider-nav-btn { margin-bottom: 1.25rem; } .search-global.fixed { left: 1.25rem; } .search-global.fixed { bottom: 1.25rem; } .page-headline .holder { padding-top: 3rem; } .page-headline .holder { padding-bottom: 3rem; } .sticky-nav { right: 1.25rem; } .sticky-nav { bottom: 1.25rem; } .sticky-nav-holder { padding-left: 1.25rem; } .sticky-nav-holder { padding-right: 1.25rem; } .sticky-nav-holder { padding-bottom: 1.25rem; } .coming-soon .social-networks { bottom: 3rem; } .widget { padding-top: 1.25rem; } .widget:not(:first-child) { margin-top: 1.25rem; } .call-to-action { padding: 2rem; } .service-table { padding: 1.25rem; } .clb-slider-nav-btn { padding: 1.25rem; } .team-group .item-holder { padding: 1.25rem; } .wc-category:not(.-offset) .wc-category-content { padding: 1.25rem; } .purchase-button { bottom: 1.25rem; } .purchase-button { left: 1.25rem; } .with-header-6 .purchase-button, .with-header-7 .purchase-button { left: 1.25rem; } .with-header-6 .purchase-button, .with-header-7 .purchase-button { bottom: 1.25rem; } .with-fixed-search.with-header-6 .purchase-button, .with-fixed-search.with-header-7 .purchase-button { bottom: 1.25rem; } #tidio-chat { visibility: hidden; display: none; opacity: 0; } .clb__remove_stretch_md .stretch-content { left: auto !important; width: auto !important; } } @media screen and (max-width: 1024px) and (max-width: 1024px) { .breadcrumb-holder { padding-top: 1.25rem; } .breadcrumb-holder { padding-bottom: 1.25rem; } .project.-layout1 .share-bar, .project.-layout2 .share-bar, .project.-layout3 .share-bar, .project.-layout4 .share-bar { top: 1.25rem; } } @media screen and (max-width: 768px) { .card .overlay-details { padding-left: 1.25rem; padding-right: 1.25rem; } h1.heading-md, h2.heading-md, h3.heading-md, h4.heading-md, h5.heading-md, h6.heading-md, .titles-typo.heading-md, .font-titles.heading-md { font-size: 1.35rem; } h4, h5, h6 { line-height: 1.3; } .page-container { padding-left: 1.25rem; padding-right: 1.25rem; } .boxed-container { margin: 0 !important; } .page-sidebar { width: 100%; -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; margin: 40px 0px 0px 0px; } .page-container:not(.top-part), .page-container .content-area { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .nav.with-counters .nav-item > a > span::before { display: none; } .header .mobile-overlay { opacity: 0; } .menu-optional > li:first-child { padding-left: 0; } .hamburger-nav .menu .nav-item > a::before { font-size: 11px; } .hamburger-nav.type3 > .page-container { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .hamburger-nav.type3 .hamburger-nav-holder { width: 100%; } .hamburger-nav.type3 .menu .mega-menu-item > a { font-size: 9vw; } .hamburger-nav.type3 .hamburger-nav-details { width: 100%; padding-left: 0; } .header .branding .logo img, .header .branding .mobile-logo img, .header .branding .for-onepage img { max-height: 46px; } .header.header-2 .header-wrap .menu-optional { min-width: auto !important; } .header.header-2 .branding + .menu-optional { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .header { opacity: 0; -webkit-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .header .lang-dropdown-holder { display: none; } .header .lang-dropdown-holder + li { padding-left: 0; } .header.header-6 .hamburger, .header.header-7 .hamburger { margin-right: 0.6rem; } .header.header-6 .mobile-hamburger.-right .hamburger, .header.header-7 .mobile-hamburger.-right .hamburger { margin-right: 0; } .header.header-6 .bottom-part .menu-optional a, .header.header-6 .bottom-part .menu-optional .ion, .header.header-7 .bottom-part .menu-optional a, .header.header-7 .bottom-part .menu-optional .ion { -webkit-transition: none; -o-transition: none; transition: none; } .header .mobile-hamburger { min-width: 56px; } .header .mobile-hamburger.-left { margin-right: 0.6rem; } .header .mobile-hamburger.-right { margin-left: 0.6rem; } .header.mobile-hamburger-position-right .left-part .hamburger, .header.mobile-hamburger-position-right .menu-optional-left .hamburger, .header.mobile-hamburger-position-right .top-part .hamburger, .header.mobile-hamburger-position-right .middle-part .hamburger { display: none; } .header.mobile-hamburger-position-right .right-part .hamburger, .header.mobile-hamburger-position-right .menu-optional-right .hamburger, .header.mobile-hamburger-position-right .bottom-part .hamburger { display: block; } .header.mobile-hamburger-position-left .right-part .hamburger, .header.mobile-hamburger-position-left .menu-optional-right .hamburger, .header.mobile-hamburger-position-left .bottom-part .hamburger { display: none; } .header.mobile-hamburger-position-left .left-part .hamburger, .header.mobile-hamburger-position-left .menu-optional-left .hamburger, .header.mobile-hamburger-position-left .top-part .hamburger, .header.mobile-hamburger-position-left .middle-part .hamburger { display: block; } .header .logo.with-mobile { display: none; } .header .mobile-logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .header.header-2 .top-part, .header.header-4 .top-part { height: 100%; } .header.header-2 .menu-optional.-right, .header.header-2 .menu-optional.-left, .header.header-4 .menu-optional.-right, .header.header-4 .menu-optional.-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .header.header-2 .menu-optional.-right li, .header.header-2 .menu-optional.-left li, .header.header-4 .menu-optional.-right li, .header.header-4 .menu-optional.-left li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } :not(.is-mobile-menu).with-header-5 .header-cap, :not(.is-mobile-menu).with-header-6 .header-cap, :not(.is-mobile-menu).with-header-7 .header-cap { display: block; } .page-is-loaded .header { opacity: 1; } .page-is-loaded .header:not(.-mobile).header-1 .nav-container { display: none; } .header-dynamic-typo .branding .mobile-logo { display: none; } .with-header-5.with-spacer .site-content, .with-header-5.with-spacer .site-footer, .with-header-5.with-spacer [data-vc-stretch-content], .with-header-5.with-spacer .elementor-section-stretched, .with-header-6.with-spacer .site-content, .with-header-6.with-spacer .site-footer, .with-header-6.with-spacer [data-vc-stretch-content], .with-header-6.with-spacer .elementor-section-stretched, .with-header-7.with-spacer .site-content, .with-header-7.with-spacer .site-footer, .with-header-7.with-spacer [data-vc-stretch-content], .with-header-7.with-spacer .elementor-section-stretched { padding-left: 0 !important; } .subheader { padding-right: 0; padding-left: 0; } .site-footer .widgets-column:not(:last-child) { margin-bottom: 2.5rem; } .site-footer-copyright .holder:not(.-center) { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .site-footer-copyright .holder:not(.-center) > div { text-align: center; } .site-footer-copyright .holder:not(.-center) > div:not(:last-child) { margin-bottom: 0.5rem; } .alert.-fixed { -webkit-transform: none; -ms-transform: none; transform: none; left: 4vh; right: 4vh; } .blog-item .card-details-item .overlay-details { display: none; } .grid-item.-nospace .blog-item { margin-bottom: 1.25rem; } .single-post .-layout2 .post-content .page-content, .page-id-124 .-layout2 .post-content .page-content { padding-left: 1.25rem; padding-right: 1.25rem; } .single-post .-layout2 .post-share, .page-id-124 .-layout2 .post-share { margin: 1.25rem; } .comments .comment-body .comment-author { margin-bottom: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .comments .comment-body .comment-author img { margin-right: 0.5rem; } .comments .children { padding-left: 1.25rem; } .project .-with-slider .holder { margin-right: 2.75rem; } .project-content .options-group { margin-right: -1.25rem; } .options-group li { min-width: -webkit-calc(50% - 1.5rem); min-width: calc(50% - 1.5rem); width: -webkit-calc(50% - 1.5rem); width: calc(50% - 1.5rem); } .portfolio-item.-with-slider .project-content { padding-right: 3rem; padding-left: 0; } .portfolio-item.-with-slider .project-content h3.headline { font-size: 3rem; } .portfolio-item.-with-slider .headline-decor { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; left: -webkit-calc(100% - 3rem); left: calc(100% - 3rem); bottom: 1rem; top: auto; } .portfolio-item.-with-slider .headline-decor .title { font-size: 25vw; } .portfolio-item.-with-gradient .portfolio-item-image { height: 45vh; position: relative; overflow: hidden; } .portfolio-item.-with-gradient .portfolio-item-image + .project { min-height: 55vh; } .portfolio-item.-with-gradient .portfolio-item-image::before { top: 35%; width: 100%; background: #fff; background: -webkit-linear-gradient(360deg, white 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(360deg, white 0%, rgba(255, 255, 255, 0) 100%); } .portfolio-item.-with-gradient .project-content { top: -10vh; } .portfolio-item.-layout6 .project-content { padding-left: 1.25rem; } .portfolio-item.-layout9 .project-content { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .portfolio-item.-layout9 .project-content .project-details { padding-top: 1rem; } .portfolio-item.-layout9 .page-container { padding: 0; } .portfolio-item.-layout10 .preview { padding: 0; top: 0; left: -1.25rem; right: 1.25rem; } .portfolio-item.-layout10 .project-content { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .portfolio-item.-layout13 { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .portfolio-item.-layout13:not(.-contained) .card-details { padding-left: 0; padding-top: 2.5rem; } .portfolio-item.-layout13.-contained .card-details { margin-left: 0; margin-top: 1.25rem; } .portfolio-links.grid_8 .portfolio-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .portfolio-links.grid_12 .portfolio-item-details-headline::after { font-size: .9em; } .portfolio-links.grid_12 .portfolio-item-details-headline > a .title { font-size: 14vw; } .portfolio-links.grid_12 .portfolio-item { white-space: normal; } .portfolio-links.grid_12 .portfolio-item .portfolio-item-details > a { display: block; } .portfolio-links.grid_12 .portfolio-item .portfolio-item-details .category-holder { display: none; } .portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid { -webkit-transform: none; -ms-transform: none; transform: none; overflow: visible; position: relative !important; top: auto !important; height: auto !important; left: 1.25rem; max-width: 100%; } .portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid .grid-item { padding: 0 0 0.25rem 1.25rem !important; } .portfolio-links.grid_12 .portfolio-grid-holder { height: auto !important; } .portfolio-links.grid_12 .portfolio-grid-holder-underline { bottom: auto; top: 0; } .project.-layout8 .project-content { padding-top: 2rem; } .project.-layout8 .project-gallery { width: 100%; } .project.-layout8 .share-bar { margin-top: 2rem; position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .project.-layout2 .vc_row, .project.-layout4 .vc_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .project.-layout3 .page-container + .vc_row, .project.-layout4 .page-container + .vc_row { margin: 0; opacity: .2; } .project.-layout3, .project.-layout4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .single:not(.with-spacer) .page-headline + .-layout7, .single:not(.with-spacer) .page-headline + .-layout3, .single:not(.with-spacer) .page-headline + .-layout4 { padding-top: 0; } .single-ohio_portfolio .project-title .headline { font-size: 2.65rem !important; } .color-switcher { background-color: #e5e3e8; position: fixed; height: 2.5rem; z-index: 100; right: 1.25rem; bottom: 1.25rem; -webkit-border-radius: 1.25rem; border-radius: 1.25rem; } .color-switcher svg { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .color-switcher-item, .color-switcher-toddler-item { padding: 0; width: 2.5rem !important; min-width: 2.5rem !important; -webkit-border-radius: 1.25rem; border-radius: 1.25rem; } .color-switcher-toddler { height: 2.5rem !important; width: 2.5rem !important; } .color-switcher-toddler p { width: 100% !important; } .color-switcher-toddler-item { padding: 0; } .color-switcher-toddler-item { -webkit-box-shadow: 1px 1px 6px rgba(17, 16, 19, 0.05); box-shadow: 1px 1px 6px rgba(17, 16, 19, 0.05); } .color-switcher.dark { background-color: rgba(40, 37, 44, 0.95); } .color-switcher.dark .color-switcher-toddler { -webkit-transform: translateX(-webkit-calc(-100% - 4px)); -ms-transform: translateX(calc(-100% - 4px)); transform: translateX(calc(-100% - 4px)); } .meta-holder { font-size: 0.95em; } .social-bar { display: none !important; } .filter-holder .button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .filter { display: block; } .filter .result p { margin: 0; } .mobile-overlay { width: 100%; height: 100%; top: 0; left: 0; position: fixed; visibility: hidden; opacity: 0; z-index: 99999; overflow: hidden; -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; } .mobile-overlay .close-bar { width: -webkit-calc(100% - 56px); width: calc(100% - 56px); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .mobile-overlay .close-bar .search-global { display: block; } .mobile-overlay .overlay { position: fixed; background-color: rgba(17, 16, 19, 0.9); top: 0; left: 0; width: 100%; height: 100%; } .mobile-overlay .holder { position: absolute; top: 0; height: 100vh; z-index: 1; background-color: #fff; width: -webkit-calc(100% - 56px); width: calc(100% - 56px); text-align: left; overflow-y: auto; padding: 94px 20px; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition-duration: .25s; -o-transition-duration: .25s; transition-duration: .25s; opacity: 0; } .mobile-overlay.visible { visibility: visible; opacity: 1; } .mobile-overlay.visible .holder { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .mobile-overlay .copyright, .mobile-overlay select { margin: 1rem 0 0 0; } .mobile-overlay .copyright { font-size: 0.95em; font-weight: normal; } .mobile-overlay select { min-width: 100%; } .mobile-overlay > .social-bar { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg) translate(50%, 0); -ms-transform: rotate(-90deg) translate(50%, 0); transform: rotate(-90deg) translate(50%, 0); position: absolute; top: 50%; right: 0; z-index: 1; } .mobile-overlay > .social-bar * { color: #fff; } .admin-bar .mobile-overlay, .admin-bar .mobile-overlay .overlay { height: -webkit-calc(100% - 46px); height: calc(100% - 46px); top: 46px; } .scroll-top { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-90deg) translate(-50%, 0.5rem); -ms-transform: rotate(-90deg) translate(-50%, 0.5rem); transform: rotate(-90deg) translate(-50%, 0.5rem); } .clb-popup { overflow-y: auto; } .clb-popup-holder { height: auto; padding: 96px 25px; } .clb-popup .clb-slider-nav-btn { margin-right: 0 !important; } .project-lightbox { overflow-y: scroll; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .project-lightbox::-webkit-scrollbar { width: 0; } .project-lightbox-gallery { width: 100%; min-height: 50%; } .project-lightbox-details { width: 100%; height: auto; padding: 1.25rem; } .popup-subscribe .thumbnail { -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .popup-subscribe .contact-form input[type="email"] { margin-bottom: 0; } .popup-subscribe { min-width: 100%; max-width: 100%; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .popup-subscribe > * { width: 100%; } .search-popup .holder { max-width: 100%; } .page-headline { min-height: 30vh; margin-bottom: -1rem; } .page-headline::before { background-color: #fff; width: 100%; height: 1rem; bottom: 0; left: 0; z-index: 1; content: ""; display: block; position: absolute; -webkit-border-top-right-radius: 1rem; border-top-right-radius: 1rem; -webkit-border-top-left-radius: 1rem; border-top-left-radius: 1rem; } .page-headline .title, .page-headline .post-meta-holder { max-width: 100%; } .sticky-nav { position: static; max-width: 100%; } .sticky-nav .sticky-nav-holder { padding-top: 2rem; padding-bottom: 2rem; } .sticky-nav .nav-group { margin-right: 0; } .horizontal-accordion { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .horizontal-accordion .horizontal-accordion-item { -webkit-box-shadow: none; box-shadow: none; } .horizontal-accordion .horizontal-accordion-item .accordion-body { padding-left: 0; } .call-to-action { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .countdown:not(.-text) { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .google-maps { position: relative; } .parallax .parallax-content { padding-left: 1.5rem; padding-right: 1.5rem; } .service-table { background-color: rgba(150, 144, 162, 0.08); } .clb-slider-nav-btn { left: 0; right: auto; padding: 0.75rem; } .clb-slider.-slider-offset { overflow-x: hidden; } .clb-slider-count { margin-top: 1.25rem; } .clb-slider.-slider-offset { overflow-x: hidden; } .portfolio-onepage-slider { width: auto; margin-left: -1.25rem; margin-right: -1.25rem; } .portfolio-onepage-slider.-full-vh { height: 100vh; } .ohio-widget.clb-slider:not(.ohio-slider) .clb-slider-item { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .ohio-widget.ohio-slider .clb-slider-nav-btn { left: auto; } .social-networks.-boxed .network { height: 3.75em; line-height: 3.75em; font-size: 1.2em; } .social-networks.-boxed .network span { display: none; } .social-networks.-boxed .network .icon { opacity: 1; position: static; } .tabs-nav { overflow-x: auto; } .tabs.-vertical .tabs-nav-link:not(:last-child) { margin-right: 1.25rem; } .tabs.-vertical .tabs-nav .tabs-nav-line { height: 2px !important; } .team-group { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .team-group-item { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .team-group-item .-fade-up { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .instagram-feed #sb_instagram #sbi_images .sbi_item { width: 50% !important; } .instagram-feed:not(.no-margins) #sb_instagram #sbi_images .sbi_item { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .instagram-feed:not(.no-margins) #sb_instagram #sbi_images .sbi_item:nth-child(odd) { padding-right: 0.5rem !important; } .instagram-feed:not(.no-margins) #sb_instagram #sbi_images .sbi_item:nth-child(even) { padding-left: 0.5rem !important; } .wc-category { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .wc-category.-offset .wc-category-content { padding-top: 1.25rem; } .dark-scheme .woo-product-details { background: #161519; } .dark-scheme .portfolio-item.-with-gradient .portfolio-item-image::before { background: #111013; background: -webkit-linear-gradient(360deg, #111013 0%, rgba(17, 16, 19, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, from(#111013), to(rgba(17, 16, 19, 0))); background: -webkit-linear-gradient(bottom, #111013 0%, rgba(17, 16, 19, 0) 100%); background: -o-linear-gradient(bottom, #111013 0%, rgba(17, 16, 19, 0) 100%); background: linear-gradient(360deg, #111013 0%, rgba(17, 16, 19, 0) 100%); } .elementor-page .page-container.-full-w .elementor-section.elementor-section-stretched:not(.elementor-section-full_width) > .elementor-container { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } rs-slide .srev_headline { font-size: 46px !important; line-height: .9 !important; } .clb__stretch_content .wpb_wrapper .vc_row-fluid, .clb__stretch_content .elementor-widget-wrap .vc_row-fluid { margin-left: -1.25rem !important; margin-right: -1.25rem !important; } .clb__remove_stretch_sm .stretch-content { left: auto !important; width: auto !important; } .clb__section_spacer { height: 6vh !important; } .clb__spacer { height: 5vh !important; } .clb__overflow_hidden { overflow: hidden; } .clb__fullvh_reset { min-height: initial !important; } .clb__alignment_reset, .clb__alignment_reset .button { margin-left: initial; -webkit-transform: none; -ms-transform: none; transform: none; } .clb__border_reset .vc_column-inner { border: none !important; } .clb__padding_set.vc_section, .clb__padding_set.vc_row, .clb__padding_set > .vc_column-inner, #page .clb__padding_set.ohio-widget, #page .clb__padding_set > .content_box_container, .vc_row.clb__padding_set > .wpb_column > .vc_column-inner { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .clb__padding_reset.vc_section, .clb__padding_reset.vc_row, .clb__padding_reset > .vc_column-inner, #page .clb__padding_reset.ohio-widget, #page .clb__padding_reset > .content_box_container, .vc_row.vc__padding_remove > .wpb_column > .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; } .clb__margin_set.vc_section, .clb__margin_set.vc_row, .clb__margin_set > .vc_column-inner, #page .clb__margin_set.ohio-widget, .clb__margin_set.wpb_single_image, .vc_row.clb__margin_set { margin-left: 1.25rem !important; margin-right: 1.25rem !important; } .clb__margin_standard.vc_section, .clb__margin_standard.vc_row, .clb__margin_standard > .vc_column-inner, #page .clb__margin_standard.ohio-widget, .clb__margin_standard.wpb_single_image { margin-left: -1.25rem !important; margin-right: -1.25rem !important; } .clb__margin_reset.vc_section, .clb__margin_reset.vc_row, .clb__margin_reset > .vc_column-inner, .clb__margin_reset.wpb_single_image, .clb__margin_reset .vc_column-inner { margin-left: 0 !important; margin-right: 0 !important; } .clb__margin_vertical_reset > .vc_column-inner { margin-top: 0 !important; margin-bottom: 0 !important; } .vc_row.stc-row { margin-top: 2vh; } } @media screen and (max-width: 768px) and (max-width: 1024px) { .alert.-fixed { left: 1.25rem; } .alert.-fixed { right: 1.25rem; } } @media (max-width: 767px) { .vc_hidden-xs { display: none !important; } } @media screen and (max-width: 576px) { body { font-size: 1rem; } h1 { font-size: 3rem; } h2 { font-size: 2.35rem; } h3 { font-size: 2rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } .blog-item .card-details .title { font-size: 1.35rem; } .portfolio-item .title { font-size: 1.25rem; } .portfolio-item.-with-slider .project-content h2 { font-size: 3rem; } .portfolio-item.-with-slider .project-content h3 { font-size: 2rem; } .sticky-nav-headline + a { font-size: 1.25rem; } .countdown:not(.-text) .countdown-item .number { font-size: 1.25rem; } .countdown.-contained .countdown-item .number { font-size: 1.25rem; } .countdown.-text .countdown-item .number { font-size: 1.5rem; } .counter-number .holder { font-size: 2.35rem; } .pricing-table-price .price-number { font-size: 3rem; } } @media (min-width: 768px) and (max-width: 991px) { .vc_hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .vc_hidden-md { display: none !important; } } @media screen and (min-width: 1025px) and (max-width: 1440px) { .vc_row .vc-bg-text.right { left: 1280px; } .vc_row.vc_row-fluid .vc-bg-text.right { margin-left: -webkit-calc((100vw - 1280px)/2); margin-left: calc((100vw - 1280px)/2); } body { font-size: 1rem; } h1 { font-size: -webkit-calc(4.5rem * 0.88); font-size: calc(4.5rem * 0.88); letter-spacing: -.035em; } h2 { font-size: -webkit-calc(3.25rem * 0.88); font-size: calc(3.25rem * 0.88); } .page-container:not(.-full-w), .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1280px; } body.with-header-6.with-spacer .page-container:not(.-full-w), body.with-header-6.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container, body.with-header-7.with-spacer .page-container:not(.-full-w), body.with-header-7.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container, body .boxed-container .page-container:not(.-full-w), body .boxed-container .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container { max-width: -webkit-calc(1280px - 10.5vh); max-width: calc(1280px - 10.5vh); } body.with-header-5.with-spacer .page-container:not(.-full-w), body.with-header-5.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container { max-width: -webkit-calc(1280px - 33vh); max-width: calc(1280px - 33vh); } .header:not(.-mobile) .menu li > ul > li { font-size: .96rem; } .header:not(.-mobile) .menu li > ul > li a { padding: 0.45rem 1rem; } .header:not(.-mobile) .menu li > ul .has-submenu-icon { margin-right: 1rem; } .hamburger-nav { padding: 2.75vh; } .hamburger-nav-holder { top: 2.75vh; } .hamburger-nav.type3 .hamburger-nav-details { padding-left: 2.75vh; } .header-wrap:not(.page-container) { padding-left: 2.75vh; } .header-wrap:not(.page-container) { padding-right: 2.75vh; } .header.header-2 .header-wrap .top-part:not(.page-container) { padding-left: 2.75vh; } .header.header-2 .header-wrap .top-part:not(.page-container) { padding-right: 2.75vh; } .header.header-5:not(.-mobile) .header-wrap { padding-bottom: 2.75vh; } .header.header-5:not(.-mobile) .menu li .sub-menu { margin-left: 2.75vh; } .header.header-5:not(.-mobile) .menu-optional > li .cart-mini { bottom: 2.75vh; } .header.header-5:not(.-mobile) .menu-optional > li .cart-mini { margin-left: 2.75vh; } .header:not(.-mobile).header-6 .cart-mini, .header:not(.-mobile).header-7 .cart-mini { margin-bottom: 2.75vh; } .subheader .page-container.-full-w { padding-left: 2.75vh; } .subheader .page-container.-full-w { padding-right: 2.75vh; } .site-footer .page-container.-full-w { padding-left: 2.75vh; } .site-footer .page-container.-full-w { padding-left: 2.75vh; } .alert.-fixed { bottom: 2.75vh; } .single-post .related-posts, .page-id-124 .related-posts { padding-bottom: 2.75vh; } .comments .comment-body { padding-bottom: 2.75vh; } .project .-with-slider .share-bar { bottom: 2.75vh; } .portfolio-item.-with-slider .project-content h2 { font-size: -webkit-calc(4.5rem * 0.88); font-size: calc(4.5rem * 0.88); letter-spacing: -.035em; } .portfolio-item.-layout3 .project-content, .portfolio-item.-layout5 .project-content, .portfolio-item.-layout6 .project-content { min-height: 70vh; } .portfolio-item.-layout4 .project-content { padding-right: 12vw; } .portfolio-item.-layout5 .project-content { padding-bottom: 2.75vh; } .portfolio-item.-layout5 .project-content { padding-right: 2.75vh; } .portfolio-item.-layout6 .overlay { padding-right: 3.8vw; } .portfolio-item.-layout9 .project-content { padding-bottom: 2.75vh; } .portfolio-item.-layout9 .next-slide-preview { -webkit-transform: translate(-65%, -50%); -ms-transform: translate(-65%, -50%); transform: translate(-65%, -50%); } .portfolio-item.-layout13 .card-details .holder { padding-top: 2.75vh; } .portfolio-item.-layout13.-contained .card-details { padding-left: 2.75vh; } .portfolio-item.-layout13.-contained .card-details { padding-right: 2.75vh; } .portfolio-item.-layout13.-contained .card-details { padding-bottom: 2.75vh; } .portfolio-links.grid_12 .portfolio-grid-holder .grid-item { padding: 0 0 0 1.5625rem !important; } .project.-layout3 .project-content .holder { margin-right: -webkit-calc(10vw - 2.8rem); margin-right: calc(10vw - 2.8rem); } .project.-layout4 .project-content .holder { margin-left: -webkit-calc(10vw - 2.8rem); margin-left: calc(10vw - 2.8rem); } .project.-layout7 .share-bar { top: 2.75vh; } .project.-layout7 .share-bar { left: 2.75vh; } .project.-layout3 .project-gallery .share-bar, .project.-layout4 .project-gallery .share-bar { bottom: 2.75vh; } .back-link { top: 2.75vh; } .back-link { left: 2.75vh; } .scroll-bar-container { left: 2.75vh; } .scroll-bar-container.grid_9 .scroll-top { bottom: 1rem; } .close-bar { padding-left: 2.75vh; } .close-bar { padding-right: 2.75vh; } .project-lightbox-details .options-group li { min-width: -webkit-calc((100%/3) - 1.75rem); min-width: calc((100%/3) - 1.75rem); width: -webkit-calc((100%/3) - 1.75rem); width: calc((100%/3) - 1.75rem); } .popup-subscribe .holder { padding-left: 2.75vh; } .popup-subscribe .holder { padding-right: 2.75vh; } .clb-gallery-lightbox .clb-slider-nav-btn { margin-right: 2.75vh; } .clb-gallery-lightbox .clb-slider-nav-btn { margin-bottom: 2.75vh; } .search-global.fixed { left: 2.75vh; } .search-global.fixed { bottom: 2.75vh; } .page-headline .title { font-size: 4rem; } .sticky-nav { right: 2.75vh; } .sticky-nav { bottom: 2.75vh; } .widget:not(:first-child) { margin-top: 2.75vh; } .pricing-table-price .price-number { font-size: -webkit-calc(4.5rem * 0.88); font-size: calc(4.5rem * 0.88); letter-spacing: -.035em; } .clb-slider-nav-btn { padding: 2.75vh; } .menu li.new span:after, .menu li.version span:after { padding: 0 4px; height: 1.15rem; font-size: 10px; } .purchase-button { bottom: 2.75vh; } .purchase-button { left: 2.75vh; } .elementor-page .page-container.-full-w .elementor-section.elementor-section-boxed > .elementor-container { max-width: none; } rs-slide .rev_row_zone_top > .rs-parallax-wrap, rs-slide .rev_row_zone_bottom > .rs-parallax-wrap { max-width: 1280px; } } @media screen and (min-width: 1025px) and (max-width: 1366px) { .vc_row .vc-bg-text.right { left: 1220px; } .page-container:not(.-full-w), .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1220px; } body.with-header-6.with-spacer .page-container:not(.-full-w), body.with-header-6.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container, body.with-header-7.with-spacer .page-container:not(.-full-w), body.with-header-7.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container, body .boxed-container .page-container:not(.-full-w), body .boxed-container .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container { max-width: -webkit-calc(1220px - 10.5vh); max-width: calc(1220px - 10.5vh); } body.with-header-5.with-spacer .page-container:not(.-full-w), body.with-header-5.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container { max-width: -webkit-calc(1220px - 33vh); max-width: calc(1220px - 33vh); } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .vc_row .vc-bg-text.right { left: 1140px; } .page-container:not(.-full-w), .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1140px; } body.with-header-6.with-spacer .page-container:not(.-full-w), body.with-header-6.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container, body.with-header-7.with-spacer .page-container:not(.-full-w), body.with-header-7.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container, body .boxed-container .page-container:not(.-full-w), body .boxed-container .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container { max-width: -webkit-calc(1140px - 10.5vh); max-width: calc(1140px - 10.5vh); } body.with-header-5.with-spacer .page-container:not(.-full-w), body.with-header-5.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container { max-width: -webkit-calc(1140px - 33vh); max-width: calc(1140px - 33vh); } } @media screen and (max-width: 1600px) and (min-width: 769px) { .with-header-6:not(.with-spacer) .page-container:not(.-full-w), .with-header-6:not(.with-spacer) .vc_row[data-vc-full-width]:not(.vc_row-no-padding), .with-header-7:not(.with-spacer) .page-container:not(.-full-w), .with-header-7:not(.with-spacer) .vc_row[data-vc-full-width]:not(.vc_row-no-padding) { padding-left: -webkit-calc(10.5vh + 1.25rem); padding-left: calc(10.5vh + 1.25rem); } .with-header-6:not(.with-spacer) .elementor-section-full_width > .elementor-container, .with-header-6:not(.with-spacer) .elementor-section-stretched > .elementor-container, .with-header-6:not(.with-spacer) .project.-layout4 .holder, .with-header-7:not(.with-spacer) .elementor-section-full_width > .elementor-container, .with-header-7:not(.with-spacer) .elementor-section-stretched > .elementor-container, .with-header-7:not(.with-spacer) .project.-layout4 .holder { padding-left: 10.5vh; } } @media screen and (min-width: 1024px) and (max-width: 1440px) { .with-header-5.single-post .post-share .share-bar { left: 10px; } .with-header-6.single-post .post-share .share-bar, .with-header-7.single-post .post-share .share-bar { left: -30px; } } @media screen and (max-width: 768px) and (min-width: 1025px) and (max-width: 1440px) { .alert.-fixed { left: 2.75vh; } .alert.-fixed { right: 2.75vh; } } @media screen and (min-width: 769px) and (max-width: 1024px) { .blog-item.-layout3:not(.-contained) .card-details, .blog-item.-layout5:not(.-contained) .card-details { padding-left: 1.25rem; } .blog-item.-layout6 .card-details-item:nth-child(2) { padding-left: 1.25rem; } .blog-item.-layout6 .card-details-item:nth-child(2) { padding-right: 1.25rem; } .blog-item.-layout6:not(.-contained) .card-details { padding-top: 1.25rem; } .blog-item.-layout6:not(.-contained) .card-details { padding-bottom: 1.25rem; } .blog-item.-layout6.-contained .card-details { padding: 1.25rem; } .project-content:not(.-with-slider) .holder { padding-top: 3rem; } .project-content:not(.-with-slider) .holder { padding-bottom: 3rem; } .elements-bar.left { left: 1.25rem; } .elements-bar.right { right: 1.25rem; } } @media screen and (min-width: 769px) and (min-width: 1025px) and (max-width: 1440px) { .blog-item.-layout6 .card-details-item:nth-child(2) { padding-left: 2.75vh; } .blog-item.-layout6 .card-details-item:nth-child(2) { padding-right: 2.75vh; } .blog-item.-layout6:not(.-contained) .card-details { padding-top: 2.75vh; } .blog-item.-layout6:not(.-contained) .card-details { padding-bottom: 2.75vh; } .blog-item.-layout6.-contained .card-details { padding: 2.75vh; } .single-post .-layout2 .page-headline .holder, .page-id-124 .-layout2 .page-headline .holder { padding-left: -webkit-calc(3vh + 3.5rem + 3vh); padding-left: calc(3vh + 3.5rem + 3vh); } .single-post .-layout2 .post-content .page-content, .page-id-124 .-layout2 .post-content .page-content { padding-right: -webkit-calc(3vh + 3.5rem + 3vh); padding-right: calc(3vh + 3.5rem + 3vh); } .single-post .-layout2 .post-share, .page-id-124 .-layout2 .post-share { padding-left: -webkit-calc(3vh + 3.5rem + 3vh); padding-left: calc(3vh + 3.5rem + 3vh); } .elements-bar.left { left: 2.75vh; } .elements-bar.right { right: 2.75vh; } } @media screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) { .project.-layout1 .share-bar { top: 2.75vh; } .project.-layout1 .share-bar { left: 2.75vh; } .project.-layout2 .share-bar { top: 2.75vh; } .project.-layout2 .share-bar { right: 2.75vh; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .project.-layout1 .share-bar { top: 1.25rem; } .project.-layout1 .share-bar { left: 1.25rem; } .project.-layout2 .share-bar { top: 1.25rem; } .project.-layout2 .share-bar { right: 1.25rem; } } @media screen and (max-width: 1024px) and (min-width: 1025px) and (max-width: 1440px) { .project.-layout1 .share-bar, .project.-layout2 .share-bar, .project.-layout3 .share-bar, .project.-layout4 .share-bar { top: 2.75vh; } } @media screen and (min-width: 1025px) and (max-width: 1600px) { rs-slide .rev_row_zone_top > .rs-parallax-wrap, rs-slide .rev_row_zone_bottom > .rs-parallax-wrap { width: 100% !important; left: 0 !important; margin: 0 auto; } } @media screen and (min-width: 1441px) and (max-width: 1600px) { rs-slide .rev_row_zone_top > .rs-parallax-wrap, rs-slide .rev_row_zone_bottom > .rs-parallax-wrap { max-width: 1300px; } } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (stroke-color: transparent) { [data-tilt="true"] { will-change: auto !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } } } @media screen and (width: 1024px) { .single.with-spacer.with-header-5 .-layout3 .project-gallery.vc_col-md-6 { padding-left: 1.25rem; } .single.with-spacer.with-header-6 .-layout3 .project-gallery.vc_col-md-6, .single.with-spacer.with-header-7 .-layout3 .project-gallery.vc_col-md-6 { padding-left: 1.25rem; } } @media screen { html:not(.no-js) { /** * Fade animations: * fade * fade-up, fade-down, fade-left, fade-right * fade-up-right, fade-up-left, fade-down-right, fade-down-left */ /** * Zoom animations: * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right */ /** * Flip animations: * flip-left, flip-right, flip-up, flip-down */ } html:not(.no-js) [data-aos^="fade"][data-aos^="fade"], html:not(.no-js) [data-aos^="slide"][data-aos^="slide"] { opacity: 0; -webkit-transition-property: opacity, background-color, -webkit-transform; transition-property: opacity, background-color, -webkit-transform; -o-transition-property: opacity, background-color, transform; transition-property: opacity, background-color, transform; transition-property: opacity, background-color, transform, -webkit-transform; } html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate, html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate.-move-center, html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate.-move-center { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate.-move-right, html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate.-move-right { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } html:not(.no-js) [data-aos="fade-up"], html:not(.no-js) [data-aos="slide-up"] { -webkit-transform: translate3d(0, 2rem, 0); transform: translate3d(0, 2rem, 0); } html:not(.no-js) [data-aos="fade-up"].-move-center, html:not(.no-js) [data-aos="slide-up"].-move-center { -webkit-transform: translate3d(-50%, 2rem, 0); transform: translate3d(-50%, 2rem, 0); } html:not(.no-js) [data-aos="fade-up"].-move-right, html:not(.no-js) [data-aos="slide-up"].-move-right { -webkit-transform: translate3d(-100%, 2rem, 0); transform: translate3d(-100%, 2rem, 0); } html:not(.no-js) [data-aos="fade-down"], html:not(.no-js) [data-aos="slide-down"] { -webkit-transform: translate3d(0, -2rem, 0); transform: translate3d(0, -2rem, 0); } html:not(.no-js) [data-aos="fade-down"].-move-center, html:not(.no-js) [data-aos="slide-down"].-move-center { -webkit-transform: translate3d(-50%, -2rem, 0); transform: translate3d(-50%, -2rem, 0); } html:not(.no-js) [data-aos="fade-down"].-move-right, html:not(.no-js) [data-aos="slide-down"].-move-right { -webkit-transform: translate3d(-100%, -2rem, 0); transform: translate3d(-100%, -2rem, 0); } html:not(.no-js) [data-aos="fade-left"], html:not(.no-js) [data-aos="slide-left"] { -webkit-transform: translate3d(2rem, 0, 0); transform: translate3d(2rem, 0, 0); } html:not(.no-js) [data-aos="fade-left"].-move-center, html:not(.no-js) [data-aos="slide-left"].-move-center { -webkit-transform: translate3d(-webkit-calc(-50% + 2rem), 0, 0); transform: translate3d(calc(-50% + 2rem), 0, 0); } html:not(.no-js) [data-aos="fade-left"].-move-right, html:not(.no-js) [data-aos="slide-left"].-move-right { -webkit-transform: translate3d(-webkit-calc(-100% + 2rem), 0, 0); transform: translate3d(calc(-100% + 2rem), 0, 0); } html:not(.no-js) [data-aos="fade-right"], html:not(.no-js) [data-aos="slide-right"] { -webkit-transform: translate3d(-2rem, 0, 0); transform: translate3d(-2rem, 0, 0); } html:not(.no-js) [data-aos="fade-right"].-move-center, html:not(.no-js) [data-aos="slide-right"].-move-center { -webkit-transform: translate3d(-webkit-calc(-50% - 2rem), 0, 0); transform: translate3d(calc(-50% - 2rem), 0, 0); } html:not(.no-js) [data-aos="fade-right"].-move-right, html:not(.no-js) [data-aos="slide-right"].-move-right { -webkit-transform: translate3d(-webkit-calc(-100% - 2rem), 0, 0); transform: translate3d(calc(-100% - 2rem), 0, 0); } html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"] { opacity: 0; -webkit-transition-property: opacity, background-color, -webkit-transform; transition-property: opacity, background-color, -webkit-transform; -o-transition-property: opacity, background-color, transform; transition-property: opacity, background-color, transform; transition-property: opacity, background-color, transform, -webkit-transform; } html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate.-move-center { -webkit-transform: translate3d(-50%, 0, 0) scale(1); transform: translate3d(-50%, 0, 0) scale(1); } html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate.-move-right { -webkit-transform: translate3d(-100%, 0, 0) scale(1); transform: translate3d(-100%, 0, 0) scale(1); } html:not(.no-js) [data-aos="zoom-in"] { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } html:not(.no-js) [data-aos="zoom-in"].-move-center { -webkit-transform: translate3d(-50%, 0, 0) scale(0.95); transform: translate3d(-50%, 0, 0) scale(0.95); } html:not(.no-js) [data-aos="zoom-in"].-move-right { -webkit-transform: translate3d(-100%, 0, 0) scale(0.95); transform: translate3d(-100%, 0, 0) scale(0.95); } html:not(.no-js) [data-aos="zoom-out"] { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } html:not(.no-js) [data-aos="zoom-out"].-move-center { -webkit-transform: translate3d(-50%, 0, 0) scale(1.05); transform: translate3d(-50%, 0, 0) scale(1.05); } html:not(.no-js) [data-aos="zoom-out"].-move-right { -webkit-transform: translate3d(-100%, 0, 0) scale(1.05); transform: translate3d(-100%, 0, 0) scale(1.05); } html:not(.no-js) [data-aos^="flip"][data-aos^="flip"] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } html:not(.no-js) [data-aos^="flip"][data-aos^="flip"].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } html:not(.no-js) [data-aos^="flip"][data-aos^="flip"].aos-animate.-move-center { -webkit-transform: translate3d(-50%, 0, 0) perspective(2500px) rotateX(0); transform: translate3d(-50%, 0, 0) perspective(2500px) rotateX(0); } html:not(.no-js) [data-aos^="flip"][data-aos^="flip"].aos-animate.-move-right { -webkit-transform: translate3d(-100%, 0, 0) perspective(2500px) rotateX(0); transform: translate3d(-100%, 0, 0) perspective(2500px) rotateX(0); } html:not(.no-js) [data-aos="flip-up"] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); } html:not(.no-js) [data-aos="flip-up"].-move-center { -webkit-transform: translate3d(-50%, 0, 0) perspective(2500px) rotateX(-100deg); transform: translate3d(-50%, 0, 0) perspective(2500px) rotateX(-100deg); } html:not(.no-js) [data-aos="flip-up"].-move-right { -webkit-transform: translate3d(-100%, 0, 0) perspective(2500px) rotateX(-100deg); transform: translate3d(-100%, 0, 0) perspective(2500px) rotateX(-100deg); } html:not(.no-js) [data-aos="flip-down"] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); } html:not(.no-js) [data-aos="flip-down"].-move-center { -webkit-transform: translate3d(-50%, 0, 0) perspective(2500px) rotateX(100deg); transform: translate3d(-50%, 0, 0) perspective(2500px) rotateX(100deg); } html:not(.no-js) [data-aos="flip-down"].-move-right { -webkit-transform: translate3d(-100%, 0, 0) perspective(2500px) rotateX(100deg); transform: translate3d(-100%, 0, 0) perspective(2500px) rotateX(100deg); } }