8889841c@charset "UTF-8"; /*! Theme Name: Sala Theme URI: https://wp.getuxper.com/ Author: Sala Author URI: http://uxper.co/ Description: Sala is City Guide WordPress Theme show interesting place from a city with description and some attribute. With this theme, you can create your own City Guide Website with Points of Interest group by categories (See, Do, Eat, Drink, Nightlife, Sleep, Tour…). Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: sala Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready */ .sala-image, .sala-swiper-slider:hover .swiper-nav-button, .sala-swiper-slider .swiper-pagination-bullet:before, .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet:after, .page-scroll-up, .page-scroll-up i, .sala-grid-wrapper.filter-style-01 .filter-counter, .sala-grid-pagination .navigation-buttons .nav-link, .sala-accordion .accordion-header, .sala-accordion .accordion-title, .sala-accordion .accordion-icon, .elementor-widget-sala-image-carousel .image img, .sala-modern-carousel-style-01 .slide-image, .sala-modern-carousel-style-02 .slide-image, .sala-modern-carousel-style-02 .slide-button:after, .sala-modern-carousel-style-03 .slide-button:after, .sala-popup-video .icon:before, .sala-popup-video .video-overlay, .sala-social-networks .link-icon, .sala-social-networks .link-text { transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); } .sala-social-networks ul::after { content: ""; display: table; clear: both; } .sala_breadcrumb a { position: relative; } .sala_breadcrumb a:after { content: ""; width: 0; height: 1px; position: absolute; right: auto; left: 0; bottom: 0; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor; } .sala_breadcrumb a:hover:after { width: 100%; right: 0; left: auto; } .sala-grid-sorting .ordering .sala-fake-select-current .label:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Pro"; font-weight: 400; } .container { margin-right: auto; margin-left: auto; padding-right: 0.9375rem; padding-left: 0.9375rem; max-width: 1200px; } .container-fluid { margin-right: auto; margin-left: auto; padding-right: 0.9375rem; padding-left: 0.9375rem; } .row { display: flex; flex-wrap: wrap; margin-right: -0.9375rem; margin-left: -0.9375rem; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 { position: relative; min-height: 1px; padding-right: 0.9375rem; padding-left: 0.9375rem; width: 100%; } .col-xs-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xs-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xs-3 { flex: 0 0 25%; max-width: 25%; } .col-xs-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xs-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xs-6 { flex: 0 0 50%; max-width: 50%; } .col-xs-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xs-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xs-9 { flex: 0 0 75%; max-width: 75%; } .col-xs-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xs-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xs-12 { flex: 0 0 100%; max-width: 100%; } .col-xs-pull-0 { left: auto; } .col-xs-pull-1 { left: 8.33333%; } .col-xs-pull-2 { left: 16.66667%; } .col-xs-pull-3 { left: 25%; } .col-xs-pull-4 { left: 33.33333%; } .col-xs-pull-5 { left: 41.66667%; } .col-xs-pull-6 { left: 50%; } .col-xs-pull-7 { left: 58.33333%; } .col-xs-pull-8 { left: 66.66667%; } .col-xs-pull-9 { left: 75%; } .col-xs-pull-10 { left: 83.33333%; } .col-xs-pull-11 { left: 91.66667%; } .col-xs-pull-12 { left: 100%; } .col-xs-push-0 { right: auto; } .col-xs-push-1 { right: 8.33333%; } .col-xs-push-2 { right: 16.66667%; } .col-xs-push-3 { right: 25%; } .col-xs-push-4 { right: 33.33333%; } .col-xs-push-5 { right: 41.66667%; } .col-xs-push-6 { right: 50%; } .col-xs-push-7 { right: 58.33333%; } .col-xs-push-8 { right: 66.66667%; } .col-xs-push-9 { right: 75%; } .col-xs-push-10 { right: 83.33333%; } .col-xs-push-11 { right: 91.66667%; } .col-xs-push-12 { right: 100%; } .col-xs-offset-0 { margin-right: 0%; } .col-xs-offset-1 { margin-right: 8.33333%; } .col-xs-offset-2 { margin-right: 16.66667%; } .col-xs-offset-3 { margin-right: 25%; } .col-xs-offset-4 { margin-right: 33.33333%; } .col-xs-offset-5 { margin-right: 41.66667%; } .col-xs-offset-6 { margin-right: 50%; } .col-xs-offset-7 { margin-right: 58.33333%; } .col-xs-offset-8 { margin-right: 66.66667%; } .col-xs-offset-9 { margin-right: 75%; } .col-xs-offset-10 { margin-right: 83.33333%; } .col-xs-offset-11 { margin-right: 91.66667%; } .col-xs-offset-12 { margin-right: 100%; } .col-xs-offset-right-0 { margin-left: 0%; } .col-xs-offset-right-1 { margin-left: 8.33333%; } .col-xs-offset-right-2 { margin-left: 16.66667%; } .col-xs-offset-right-3 { margin-left: 25%; } .col-xs-offset-right-4 { margin-left: 33.33333%; } .col-xs-offset-right-5 { margin-left: 41.66667%; } .col-xs-offset-right-6 { margin-left: 50%; } .col-xs-offset-right-7 { margin-left: 58.33333%; } .col-xs-offset-right-8 { margin-left: 66.66667%; } .col-xs-offset-right-9 { margin-left: 75%; } .col-xs-offset-right-10 { margin-left: 83.33333%; } .col-xs-offset-right-11 { margin-left: 91.66667%; } .col-xs-offset-right-12 { margin-left: 100%; } @media (min-width: 544px) { .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .col-sm-pull-0 { left: auto; } .col-sm-pull-1 { left: 8.33333%; } .col-sm-pull-2 { left: 16.66667%; } .col-sm-pull-3 { left: 25%; } .col-sm-pull-4 { left: 33.33333%; } .col-sm-pull-5 { left: 41.66667%; } .col-sm-pull-6 { left: 50%; } .col-sm-pull-7 { left: 58.33333%; } .col-sm-pull-8 { left: 66.66667%; } .col-sm-pull-9 { left: 75%; } .col-sm-pull-10 { left: 83.33333%; } .col-sm-pull-11 { left: 91.66667%; } .col-sm-pull-12 { left: 100%; } .col-sm-push-0 { right: auto; } .col-sm-push-1 { right: 8.33333%; } .col-sm-push-2 { right: 16.66667%; } .col-sm-push-3 { right: 25%; } .col-sm-push-4 { right: 33.33333%; } .col-sm-push-5 { right: 41.66667%; } .col-sm-push-6 { right: 50%; } .col-sm-push-7 { right: 58.33333%; } .col-sm-push-8 { right: 66.66667%; } .col-sm-push-9 { right: 75%; } .col-sm-push-10 { right: 83.33333%; } .col-sm-push-11 { right: 91.66667%; } .col-sm-push-12 { right: 100%; } .col-sm-offset-0 { margin-right: 0%; } .col-sm-offset-1 { margin-right: 8.33333%; } .col-sm-offset-2 { margin-right: 16.66667%; } .col-sm-offset-3 { margin-right: 25%; } .col-sm-offset-4 { margin-right: 33.33333%; } .col-sm-offset-5 { margin-right: 41.66667%; } .col-sm-offset-6 { margin-right: 50%; } .col-sm-offset-7 { margin-right: 58.33333%; } .col-sm-offset-8 { margin-right: 66.66667%; } .col-sm-offset-9 { margin-right: 75%; } .col-sm-offset-10 { margin-right: 83.33333%; } .col-sm-offset-11 { margin-right: 91.66667%; } .col-sm-offset-12 { margin-right: 100%; } .col-sm-offset-right-0 { margin-left: 0%; } .col-sm-offset-right-1 { margin-left: 8.33333%; } .col-sm-offset-right-2 { margin-left: 16.66667%; } .col-sm-offset-right-3 { margin-left: 25%; } .col-sm-offset-right-4 { margin-left: 33.33333%; } .col-sm-offset-right-5 { margin-left: 41.66667%; } .col-sm-offset-right-6 { margin-left: 50%; } .col-sm-offset-right-7 { margin-left: 58.33333%; } .col-sm-offset-right-8 { margin-left: 66.66667%; } .col-sm-offset-right-9 { margin-left: 75%; } .col-sm-offset-right-10 { margin-left: 83.33333%; } .col-sm-offset-right-11 { margin-left: 91.66667%; } .col-sm-offset-right-12 { margin-left: 100%; } } @media (min-width: 768px) { .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .col-md-pull-0 { left: auto; } .col-md-pull-1 { left: 8.33333%; } .col-md-pull-2 { left: 16.66667%; } .col-md-pull-3 { left: 25%; } .col-md-pull-4 { left: 33.33333%; } .col-md-pull-5 { left: 41.66667%; } .col-md-pull-6 { left: 50%; } .col-md-pull-7 { left: 58.33333%; } .col-md-pull-8 { left: 66.66667%; } .col-md-pull-9 { left: 75%; } .col-md-pull-10 { left: 83.33333%; } .col-md-pull-11 { left: 91.66667%; } .col-md-pull-12 { left: 100%; } .col-md-push-0 { right: auto; } .col-md-push-1 { right: 8.33333%; } .col-md-push-2 { right: 16.66667%; } .col-md-push-3 { right: 25%; } .col-md-push-4 { right: 33.33333%; } .col-md-push-5 { right: 41.66667%; } .col-md-push-6 { right: 50%; } .col-md-push-7 { right: 58.33333%; } .col-md-push-8 { right: 66.66667%; } .col-md-push-9 { right: 75%; } .col-md-push-10 { right: 83.33333%; } .col-md-push-11 { right: 91.66667%; } .col-md-push-12 { right: 100%; } .col-md-offset-0 { margin-right: 0%; } .col-md-offset-1 { margin-right: 8.33333%; } .col-md-offset-2 { margin-right: 16.66667%; } .col-md-offset-3 { margin-right: 25%; } .col-md-offset-4 { margin-right: 33.33333%; } .col-md-offset-5 { margin-right: 41.66667%; } .col-md-offset-6 { margin-right: 50%; } .col-md-offset-7 { margin-right: 58.33333%; } .col-md-offset-8 { margin-right: 66.66667%; } .col-md-offset-9 { margin-right: 75%; } .col-md-offset-10 { margin-right: 83.33333%; } .col-md-offset-11 { margin-right: 91.66667%; } .col-md-offset-12 { margin-right: 100%; } .col-md-offset-right-0 { margin-left: 0%; } .col-md-offset-right-1 { margin-left: 8.33333%; } .col-md-offset-right-2 { margin-left: 16.66667%; } .col-md-offset-right-3 { margin-left: 25%; } .col-md-offset-right-4 { margin-left: 33.33333%; } .col-md-offset-right-5 { margin-left: 41.66667%; } .col-md-offset-right-6 { margin-left: 50%; } .col-md-offset-right-7 { margin-left: 58.33333%; } .col-md-offset-right-8 { margin-left: 66.66667%; } .col-md-offset-right-9 { margin-left: 75%; } .col-md-offset-right-10 { margin-left: 83.33333%; } .col-md-offset-right-11 { margin-left: 91.66667%; } .col-md-offset-right-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .col-lg-pull-0 { left: auto; } .col-lg-pull-1 { left: 8.33333%; } .col-lg-pull-2 { left: 16.66667%; } .col-lg-pull-3 { left: 25%; } .col-lg-pull-4 { left: 33.33333%; } .col-lg-pull-5 { left: 41.66667%; } .col-lg-pull-6 { left: 50%; } .col-lg-pull-7 { left: 58.33333%; } .col-lg-pull-8 { left: 66.66667%; } .col-lg-pull-9 { left: 75%; } .col-lg-pull-10 { left: 83.33333%; } .col-lg-pull-11 { left: 91.66667%; } .col-lg-pull-12 { left: 100%; } .col-lg-push-0 { right: auto; } .col-lg-push-1 { right: 8.33333%; } .col-lg-push-2 { right: 16.66667%; } .col-lg-push-3 { right: 25%; } .col-lg-push-4 { right: 33.33333%; } .col-lg-push-5 { right: 41.66667%; } .col-lg-push-6 { right: 50%; } .col-lg-push-7 { right: 58.33333%; } .col-lg-push-8 { right: 66.66667%; } .col-lg-push-9 { right: 75%; } .col-lg-push-10 { right: 83.33333%; } .col-lg-push-11 { right: 91.66667%; } .col-lg-push-12 { right: 100%; } .col-lg-offset-0 { margin-right: 0%; } .col-lg-offset-1 { margin-right: 8.33333%; } .col-lg-offset-2 { margin-right: 16.66667%; } .col-lg-offset-3 { margin-right: 25%; } .col-lg-offset-4 { margin-right: 33.33333%; } .col-lg-offset-5 { margin-right: 41.66667%; } .col-lg-offset-6 { margin-right: 50%; } .col-lg-offset-7 { margin-right: 58.33333%; } .col-lg-offset-8 { margin-right: 66.66667%; } .col-lg-offset-9 { margin-right: 75%; } .col-lg-offset-10 { margin-right: 83.33333%; } .col-lg-offset-11 { margin-right: 91.66667%; } .col-lg-offset-12 { margin-right: 100%; } .col-lg-offset-right-0 { margin-left: 0%; } .col-lg-offset-right-1 { margin-left: 8.33333%; } .col-lg-offset-right-2 { margin-left: 16.66667%; } .col-lg-offset-right-3 { margin-left: 25%; } .col-lg-offset-right-4 { margin-left: 33.33333%; } .col-lg-offset-right-5 { margin-left: 41.66667%; } .col-lg-offset-right-6 { margin-left: 50%; } .col-lg-offset-right-7 { margin-left: 58.33333%; } .col-lg-offset-right-8 { margin-left: 66.66667%; } .col-lg-offset-right-9 { margin-left: 75%; } .col-lg-offset-right-10 { margin-left: 83.33333%; } .col-lg-offset-right-11 { margin-left: 91.66667%; } .col-lg-offset-right-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .col-xl-pull-0 { left: auto; } .col-xl-pull-1 { left: 8.33333%; } .col-xl-pull-2 { left: 16.66667%; } .col-xl-pull-3 { left: 25%; } .col-xl-pull-4 { left: 33.33333%; } .col-xl-pull-5 { left: 41.66667%; } .col-xl-pull-6 { left: 50%; } .col-xl-pull-7 { left: 58.33333%; } .col-xl-pull-8 { left: 66.66667%; } .col-xl-pull-9 { left: 75%; } .col-xl-pull-10 { left: 83.33333%; } .col-xl-pull-11 { left: 91.66667%; } .col-xl-pull-12 { left: 100%; } .col-xl-push-0 { right: auto; } .col-xl-push-1 { right: 8.33333%; } .col-xl-push-2 { right: 16.66667%; } .col-xl-push-3 { right: 25%; } .col-xl-push-4 { right: 33.33333%; } .col-xl-push-5 { right: 41.66667%; } .col-xl-push-6 { right: 50%; } .col-xl-push-7 { right: 58.33333%; } .col-xl-push-8 { right: 66.66667%; } .col-xl-push-9 { right: 75%; } .col-xl-push-10 { right: 83.33333%; } .col-xl-push-11 { right: 91.66667%; } .col-xl-push-12 { right: 100%; } .col-xl-offset-0 { margin-right: 0%; } .col-xl-offset-1 { margin-right: 8.33333%; } .col-xl-offset-2 { margin-right: 16.66667%; } .col-xl-offset-3 { margin-right: 25%; } .col-xl-offset-4 { margin-right: 33.33333%; } .col-xl-offset-5 { margin-right: 41.66667%; } .col-xl-offset-6 { margin-right: 50%; } .col-xl-offset-7 { margin-right: 58.33333%; } .col-xl-offset-8 { margin-right: 66.66667%; } .col-xl-offset-9 { margin-right: 75%; } .col-xl-offset-10 { margin-right: 83.33333%; } .col-xl-offset-11 { margin-right: 91.66667%; } .col-xl-offset-12 { margin-right: 100%; } .col-xl-offset-right-0 { margin-left: 0%; } .col-xl-offset-right-1 { margin-left: 8.33333%; } .col-xl-offset-right-2 { margin-left: 16.66667%; } .col-xl-offset-right-3 { margin-left: 25%; } .col-xl-offset-right-4 { margin-left: 33.33333%; } .col-xl-offset-right-5 { margin-left: 41.66667%; } .col-xl-offset-right-6 { margin-left: 50%; } .col-xl-offset-right-7 { margin-left: 58.33333%; } .col-xl-offset-right-8 { margin-left: 66.66667%; } .col-xl-offset-right-9 { margin-left: 75%; } .col-xl-offset-right-10 { margin-left: 83.33333%; } .col-xl-offset-right-11 { margin-left: 91.66667%; } .col-xl-offset-right-12 { margin-left: 100%; } } @media (min-width: 1920px) { .col-xxl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xxl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xxl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xxl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xxl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .col-xxl-pull-0 { left: auto; } .col-xxl-pull-1 { left: 8.33333%; } .col-xxl-pull-2 { left: 16.66667%; } .col-xxl-pull-3 { left: 25%; } .col-xxl-pull-4 { left: 33.33333%; } .col-xxl-pull-5 { left: 41.66667%; } .col-xxl-pull-6 { left: 50%; } .col-xxl-pull-7 { left: 58.33333%; } .col-xxl-pull-8 { left: 66.66667%; } .col-xxl-pull-9 { left: 75%; } .col-xxl-pull-10 { left: 83.33333%; } .col-xxl-pull-11 { left: 91.66667%; } .col-xxl-pull-12 { left: 100%; } .col-xxl-push-0 { right: auto; } .col-xxl-push-1 { right: 8.33333%; } .col-xxl-push-2 { right: 16.66667%; } .col-xxl-push-3 { right: 25%; } .col-xxl-push-4 { right: 33.33333%; } .col-xxl-push-5 { right: 41.66667%; } .col-xxl-push-6 { right: 50%; } .col-xxl-push-7 { right: 58.33333%; } .col-xxl-push-8 { right: 66.66667%; } .col-xxl-push-9 { right: 75%; } .col-xxl-push-10 { right: 83.33333%; } .col-xxl-push-11 { right: 91.66667%; } .col-xxl-push-12 { right: 100%; } .col-xxl-offset-0 { margin-right: 0%; } .col-xxl-offset-1 { margin-right: 8.33333%; } .col-xxl-offset-2 { margin-right: 16.66667%; } .col-xxl-offset-3 { margin-right: 25%; } .col-xxl-offset-4 { margin-right: 33.33333%; } .col-xxl-offset-5 { margin-right: 41.66667%; } .col-xxl-offset-6 { margin-right: 50%; } .col-xxl-offset-7 { margin-right: 58.33333%; } .col-xxl-offset-8 { margin-right: 66.66667%; } .col-xxl-offset-9 { margin-right: 75%; } .col-xxl-offset-10 { margin-right: 83.33333%; } .col-xxl-offset-11 { margin-right: 91.66667%; } .col-xxl-offset-12 { margin-right: 100%; } .col-xxl-offset-right-0 { margin-left: 0%; } .col-xxl-offset-right-1 { margin-left: 8.33333%; } .col-xxl-offset-right-2 { margin-left: 16.66667%; } .col-xxl-offset-right-3 { margin-left: 25%; } .col-xxl-offset-right-4 { margin-left: 33.33333%; } .col-xxl-offset-right-5 { margin-left: 41.66667%; } .col-xxl-offset-right-6 { margin-left: 50%; } .col-xxl-offset-right-7 { margin-left: 58.33333%; } .col-xxl-offset-right-8 { margin-left: 66.66667%; } .col-xxl-offset-right-9 { margin-left: 75%; } .col-xxl-offset-right-10 { margin-left: 83.33333%; } .col-xxl-offset-right-11 { margin-left: 91.66667%; } .col-xxl-offset-right-12 { margin-left: 100%; } } .col-xs-first { order: -1; } .col-xs-last { order: 1; } @media (min-width: 544px) { .col-sm-first { order: -1; } .col-sm-last { order: 1; } } @media (min-width: 768px) { .col-md-first { order: -1; } .col-md-last { order: 1; } } @media (min-width: 992px) { .col-lg-first { order: -1; } .col-lg-last { order: 1; } } @media (min-width: 1200px) { .col-xl-first { order: -1; } .col-xl-last { order: 1; } } @media (min-width: 1920px) { .col-xxl-first { order: -1; } .col-xxl-last { order: 1; } } .row-xs-top { align-items: flex-start; } .row-xs-center { align-items: center; } .row-xs-bottom { align-items: flex-end; } @media (min-width: 544px) { .row-sm-top { align-items: flex-start; } .row-sm-center { align-items: center; } .row-sm-bottom { align-items: flex-end; } } @media (min-width: 768px) { .row-md-top { align-items: flex-start; } .row-md-center { align-items: center; } .row-md-bottom { align-items: flex-end; } } @media (min-width: 992px) { .row-lg-top { align-items: flex-start; } .row-lg-center { align-items: center; } .row-lg-bottom { align-items: flex-end; } } @media (min-width: 1200px) { .row-xl-top { align-items: flex-start; } .row-xl-center { align-items: center; } .row-xl-bottom { align-items: flex-end; } } @media (min-width: 1920px) { .row-xxl-top { align-items: flex-start; } .row-xxl-center { align-items: center; } .row-xxl-bottom { align-items: flex-end; } } .row-xs-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 544px) { .row-sm-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 768px) { .row-md-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 992px) { .row-lg-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 1200px) { .row-xl-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 1920px) { .row-xxl-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .row-xs-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } @media (min-width: 544px) { .row-sm-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } } @media (min-width: 768px) { .row-md-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } } @media (min-width: 992px) { .row-lg-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } } @media (min-width: 1200px) { .row-xl-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } } @media (min-width: 1920px) { .row-xxl-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } } .col-xs-top { align-self: flex-start; } .col-xs-center { align-self: center; } .col-xs-bottom { align-self: flex-end; } @media (min-width: 544px) { .col-sm-top { align-self: flex-start; } .col-sm-center { align-self: center; } .col-sm-bottom { align-self: flex-end; } } @media (min-width: 768px) { .col-md-top { align-self: flex-start; } .col-md-center { align-self: center; } .col-md-bottom { align-self: flex-end; } } @media (min-width: 992px) { .col-lg-top { align-self: flex-start; } .col-lg-center { align-self: center; } .col-lg-bottom { align-self: flex-end; } } @media (min-width: 1200px) { .col-xl-top { align-self: flex-start; } .col-xl-center { align-self: center; } .col-xl-bottom { align-self: flex-end; } } @media (min-width: 1920px) { .col-xxl-top { align-self: flex-start; } .col-xxl-center { align-self: center; } .col-xxl-bottom { align-self: flex-end; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 544px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1920px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } /*-------------------------------------*\ HINT.css - A CSS tooltip library \*-------------------------------------*/ /** * HINT.css is a tooltip library made in pure CSS. * * Source: https://github.com/chinchang/hint.css * Demo: http://kushagragour.in/lab/hint/ * */ /** * source: hint-core.scss * * Defines the basic styling for the tooltip. * Each tooltip is made of 2 parts: * 1) body (:after) * 2) arrow (:before) * * Classes added: * 1) hint */ [class*="hint--"] { position: relative; display: inline-block; /** * tooltip arrow */ /** * tooltip body */ } [class*="hint--"]:before, [class*="hint--"]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; transition-delay: 0ms; } [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { visibility: visible; opacity: 1; } [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; transition-delay: 100ms; } [class*="hint--"]:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 1000001; } [class*="hint--"]:after { background: #383838; color: white; padding: 8px 10px; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 12px; white-space: nowrap; } [class*="hint--"][aria-label]:after { content: attr(aria-label); } [class*="hint--"][data-hint]:after { content: attr(data-hint); } [aria-label='']:before, [aria-label='']:after, [data-hint='']:before, [data-hint='']:after { display: none !important; } /** * source: hint-position.scss * * Defines the positoning logic for the tooltips. * * Classes added: * 1) hint--top * 2) hint--bottom * 3) hint--left * 4) hint--right */ /** * set default color for tooltip arrows */ .hint--top-left:before { border-top-color: #383838; } .hint--top-right:before { border-top-color: #383838; } .hint--top:before { border-top-color: #383838; } .hint--bottom-left:before { border-bottom-color: #383838; } .hint--bottom-right:before { border-bottom-color: #383838; } .hint--bottom:before { border-bottom-color: #383838; } .hint--left:before { border-right-color: #383838; } .hint--right:before { border-left-color: #383838; } /** * top tooltip */ .hint--top:before { margin-bottom: -11px; } .hint--top:before, .hint--top:after { bottom: 100%; right: 50%; } .hint--top:before { right: calc(50% - 6px); } .hint--top:after { -webkit-transform: translateX(50%); -moz-transform: translateX(50%); transform: translateX(50%); } .hint--top:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--top:hover:after { -webkit-transform: translateX(50%) translateY(-8px); -moz-transform: translateX(50%) translateY(-8px); transform: translateX(50%) translateY(-8px); } /** * bottom tooltip */ .hint--bottom:before { margin-top: -11px; } .hint--bottom:before, .hint--bottom:after { top: 100%; right: 50%; } .hint--bottom:before { right: calc(50% - 6px); } .hint--bottom:after { -webkit-transform: translateX(50%); -moz-transform: translateX(50%); transform: translateX(50%); } .hint--bottom:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--bottom:hover:after { -webkit-transform: translateX(50%) translateY(8px); -moz-transform: translateX(50%) translateY(8px); transform: translateX(50%) translateY(8px); } /** * right tooltip */ .hint--right:before { margin-right: -11px; margin-bottom: -6px; } .hint--right:after { margin-bottom: -14px; } .hint--right:before, .hint--right:after { right: 100%; bottom: 50%; } .hint--right:hover:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } .hint--right:hover:after { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } /** * left tooltip */ .hint--left:before { margin-left: -11px; margin-bottom: -6px; } .hint--left:after { margin-bottom: -14px; } .hint--left:before, .hint--left:after { left: 100%; bottom: 50%; } .hint--left:hover:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } .hint--left:hover:after { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } /** * top-left tooltip */ .hint--top-left:before { margin-bottom: -11px; } .hint--top-left:before, .hint--top-left:after { bottom: 100%; right: 50%; } .hint--top-left:before { right: calc(50% - 6px); } .hint--top-left:after { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); } .hint--top-left:after { margin-right: 12px; } .hint--top-left:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--top-left:hover:after { -webkit-transform: translateX(100%) translateY(-8px); -moz-transform: translateX(100%) translateY(-8px); transform: translateX(100%) translateY(-8px); } /** * top-right tooltip */ .hint--top-right:before { margin-bottom: -11px; } .hint--top-right:before, .hint--top-right:after { bottom: 100%; right: 50%; } .hint--top-right:before { right: calc(50% - 6px); } .hint--top-right:after { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .hint--top-right:after { margin-right: -12px; } .hint--top-right:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--top-right:hover:after { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } /** * bottom-left tooltip */ .hint--bottom-left:before { margin-top: -11px; } .hint--bottom-left:before, .hint--bottom-left:after { top: 100%; right: 50%; } .hint--bottom-left:before { right: calc(50% - 6px); } .hint--bottom-left:after { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); } .hint--bottom-left:after { margin-right: 12px; } .hint--bottom-left:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--bottom-left:hover:after { -webkit-transform: translateX(100%) translateY(8px); -moz-transform: translateX(100%) translateY(8px); transform: translateX(100%) translateY(8px); } /** * bottom-right tooltip */ .hint--bottom-right:before { margin-top: -11px; } .hint--bottom-right:before, .hint--bottom-right:after { top: 100%; right: 50%; } .hint--bottom-right:before { right: calc(50% - 6px); } .hint--bottom-right:after { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .hint--bottom-right:after { margin-right: -12px; } .hint--bottom-right:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--bottom-right:hover:after { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } /** * source: hint-sizes.scss * * Defines width restricted tooltips that can span * across multiple lines. * * Classes added: * 1) hint--small * 2) hint--medium * 3) hint--large * */ .hint--small:after, .hint--medium:after, .hint--large:after { white-space: normal; line-height: 1.4em; word-wrap: break-word; } .hint--small:after { width: 80px; } .hint--medium:after { width: 150px; } .hint--large:after { width: 300px; } /** * source: hint-theme.scss * * Defines basic theme for tooltips. * */ [class*="hint--"] { /** * tooltip body */ } [class*="hint--"]:after { text-shadow: 0 -1px 0px black; box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.3); } /** * source: hint-color-types.scss * * Contains tooltips of various types based on color differences. * * Classes added: * 1) hint--error * 2) hint--warning * 3) hint--info * 4) hint--success * */ /** * Error */ .hint--error:after { background-color: #b34e4d; text-shadow: 0 -1px 0px #592726; } .hint--error.hint--top-left:before { border-top-color: #b34e4d; } .hint--error.hint--top-right:before { border-top-color: #b34e4d; } .hint--error.hint--top:before { border-top-color: #b34e4d; } .hint--error.hint--bottom-left:before { border-bottom-color: #b34e4d; } .hint--error.hint--bottom-right:before { border-bottom-color: #b34e4d; } .hint--error.hint--bottom:before { border-bottom-color: #b34e4d; } .hint--error.hint--left:before { border-right-color: #b34e4d; } .hint--error.hint--right:before { border-left-color: #b34e4d; } /** * Warning */ .hint--warning:after { background-color: #c09854; text-shadow: 0 -1px 0px #6c5328; } .hint--warning.hint--top-left:before { border-top-color: #c09854; } .hint--warning.hint--top-right:before { border-top-color: #c09854; } .hint--warning.hint--top:before { border-top-color: #c09854; } .hint--warning.hint--bottom-left:before { border-bottom-color: #c09854; } .hint--warning.hint--bottom-right:before { border-bottom-color: #c09854; } .hint--warning.hint--bottom:before { border-bottom-color: #c09854; } .hint--warning.hint--left:before { border-right-color: #c09854; } .hint--warning.hint--right:before { border-left-color: #c09854; } /** * Info */ .hint--info:after { background-color: #3986ac; text-shadow: 0 -1px 0px #1a3c4d; } .hint--info.hint--top-left:before { border-top-color: #3986ac; } .hint--info.hint--top-right:before { border-top-color: #3986ac; } .hint--info.hint--top:before { border-top-color: #3986ac; } .hint--info.hint--bottom-left:before { border-bottom-color: #3986ac; } .hint--info.hint--bottom-right:before { border-bottom-color: #3986ac; } .hint--info.hint--bottom:before { border-bottom-color: #3986ac; } .hint--info.hint--left:before { border-right-color: #3986ac; } .hint--info.hint--right:before { border-left-color: #3986ac; } /** * Success */ .hint--success:after { background-color: #458746; text-shadow: 0 -1px 0px #1a321a; } .hint--success.hint--top-left:before { border-top-color: #458746; } .hint--success.hint--top-right:before { border-top-color: #458746; } .hint--success.hint--top:before { border-top-color: #458746; } .hint--success.hint--bottom-left:before { border-bottom-color: #458746; } .hint--success.hint--bottom-right:before { border-bottom-color: #458746; } .hint--success.hint--bottom:before { border-bottom-color: #458746; } .hint--success.hint--left:before { border-right-color: #458746; } .hint--success.hint--right:before { border-left-color: #458746; } /** * source: hint-always.scss * * Defines a persisted tooltip which shows always. * * Classes added: * 1) hint--always * */ .hint--always:after, .hint--always:before { opacity: 1; visibility: visible; } .hint--always.hint--top:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top:after { -webkit-transform: translateX(50%) translateY(-8px); -moz-transform: translateX(50%) translateY(-8px); transform: translateX(50%) translateY(-8px); } .hint--always.hint--top-left:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top-left:after { -webkit-transform: translateX(100%) translateY(-8px); -moz-transform: translateX(100%) translateY(-8px); transform: translateX(100%) translateY(-8px); } .hint--always.hint--top-right:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top-right:after { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--bottom:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom:after { -webkit-transform: translateX(50%) translateY(8px); -moz-transform: translateX(50%) translateY(8px); transform: translateX(50%) translateY(8px); } .hint--always.hint--bottom-left:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom-left:after { -webkit-transform: translateX(100%) translateY(8px); -moz-transform: translateX(100%) translateY(8px); transform: translateX(100%) translateY(8px); } .hint--always.hint--bottom-right:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom-right:after { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--left:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } .hint--always.hint--left:after { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } .hint--always.hint--right:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } .hint--always.hint--right:after { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } /** * source: hint-rounded.scss * * Defines rounded corner tooltips. * * Classes added: * 1) hint--rounded * */ .hint--rounded:after { border-radius: 4px; } /** * source: hint-effects.scss * * Defines various transition effects for the tooltips. * * Classes added: * 1) hint--no-animate * 2) hint--bounce * */ .hint--no-animate:before, .hint--no-animate:after { -webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; transition-duration: 0ms; } .hint--bounce:before, .hint--bounce:after { -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); } .hint--no-shadow:before, .hint--no-shadow:after { text-shadow: initial; box-shadow: initial; } *, *:before, *:after { box-sizing: inherit; } html { box-sizing: border-box; font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* firefox font smoothing css */ } body { -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 1.75; color: $text_color; font-family: "Sofia Pro"; font-style: normal; font-stretch: normal; font-weight: normal; letter-spacing: normal; margin: 0; } h1, h2, h3, h4, h5, h6 { clear: both; color: $primary_color; margin: 0 0 18px; } h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 28px; } h4 { font-size: 24px; } h5 { font-size: 18px; } h6 { font-size: 16px; } p:last-child { margin-bottom: 0; } img { display: block; border: none; max-width: 100%; height: auto; } a { color: $primary_color; text-decoration: none; } a:hover { color: $accent_color; text-decoration: none; } a:focus { text-decoration: none; color: inherit; outline: none; } a, button, input, svg { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } button { cursor: pointer; } button:focus { outline: 0; } input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], textarea { font-size: 15px; color: #2a2a2a; width: 100%; outline: none; border: 1px solid #f7f7f7; background-color: #f7f7f7; border-radius: 5px; padding: 3px 20px; min-height: 56px; } input[type="password"] { font: small-caption; font-size: 16px; } button, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus { border-color: $accent_color; color: #1a1a1a; background-color: #fff; } input[type="submit"]:focus { outline: 0; } select { font-size: 15px; font-weight: 400; letter-spacing: 0em; color: #7e7e7e; padding: 3px 20px 3px 35px; min-height: 56px; max-width: 100%; width: 100%; outline: none; border: 1px solid #f7f7f7; border-radius: 5px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAELY03+AAAABGdBTUEAALGPC/xhBQAAAFFJREFUCB1tTsERwCAIC9MyhnQMprUJPTw9mweGmACWmQFggGSSQCT02lLUCaayAuTubrcNeNr5TaRAZyhd6A1q2hnkQ8IPKl3G/tyPoHaMfwHyzSNHeemKDAAAAABJRU5ErkJggg==) no-repeat center left 20px; background-color: #f7f7f7; -moz-appearance: none; -webkit-appearance: none; } select:focus { color: #777; border-color: $accent_color; background-color: #fff; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-color: #5d5d5d; } @-webkit-keyframes autofill { to { color: #666 !important; background: #fff !important; } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, select:-webkit-autofill, textarea:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } figure { margin-bottom: 0; } ul { padding-right: 0; margin-bottom: 0; margin-right: 0; } .rtl { direction: ltr; } .align-center { text-align: center; } .align-left { text-align: right; } .align-right { text-align: left; } @media only screen and (min-width: 1200px) { .container { max-width: 1200px; } } @media only screen and (max-width: 1199px) { .container { padding-right: 25px; padding-left: 25px; } } /* Headings */ h1, h2, h3, h4, h5, h6, caption, th, strong { color: $primary_color; } .bypostauthor { font-weight: 500; } .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .post-content .h1, .post-content .h2, .post-content .h3, .post-content .h4, .post-content .h5, .post-content .h6, .comment-list h1, .comment-list h2, .comment-list h3, .comment-list h4, .comment-list h5, .comment-list h6, .comment-list .h1, .comment-list .h2, .comment-list .h3, .comment-list .h4, .comment-list .h5, .comment-list .h6, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content .h1, .entry-content .h2, .entry-content .h3, .entry-content .h4, .entry-content .h5, .entry-content .h6 { margin-bottom: 1.425rem; } .post-content:not(.elementor-content) a, .page .entry-content a { font-weight: 500; text-decoration: none; } hr { margin-bottom: 1.325em; height: 1px; border: 0; background-color: #cccccc; } .screen-reader-text { position: absolute !important; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; } .screen-reader-text:focus { top: 5px; right: 5px; z-index: 100000; display: block; clip: auto !important; padding: 15px 23px 14px; width: auto; height: auto; border-radius: 3px; background-color: #f1f1f1; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); color: #21759b; text-decoration: none; font-weight: 700; font-size: 15px; line-height: normal; /* Above WP toolbar. */ } /* Text elements */ p { margin-bottom: 1.625em; margin-top: 0; } ul, ol { margin: 0 0 1.625em 0; padding-right: 1.225rem; } li > ul, li > ol { margin-top: 10px; padding-right: 2rem; } ul { list-style: square; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } ol li + li, ul li + li { margin: 10px 0 0; } .comment-list ul ul, .comment-list ol ol, .comment-list ul ol, .comment-list ol ul { margin-bottom: 0; } .comment-list ul { list-style: square; } .comment-list ol { list-style-type: decimal; } .comment-list ol ol { list-style: upper-alpha; } .comment-list ol ol ol { list-style: lower-roman; } .comment-list ol ol ol ol { list-style: lower-alpha; } dt { color: $primary_color; font-weight: 500; } dd { margin: 0 0 1.625rem; } strong { font-weight: 700; } cite, em, i { font-style: italic; } cite { border: 0; } big { font-size: 131.25%; } button, input, optgroup, select, textarea { margin: 0; color: inherit; font: inherit; } .wp-block-button, .wp-block-cover, .wp-block-media-text { margin-bottom: 1.325em; } .wp-block-cover p:not(.has-text-color), .wp-block-cover.has-left-content .wp-block-cover-text strong { color: #fff; } .wp-block-gallery { margin-right: 0; } .wp-block-group.has-background { padding: 20px; margin-bottom: 1.325em; } .post-content a.wp-block-button__link { text-decoration: none; } .post-content figure { margin-bottom: 1.625em; } .post-content figure.wp-block-pullquote { padding: 0; margin-top: 1.625em; margin-bottom: 1.625em; text-align: right; } .post-content figure.wp-block-pullquote.has-background { padding: 3em 0; } .post-content select { min-height: 56px; border-radius: 5px; } .wp-block-archives-dropdown, .wp-block-categories-list { margin-bottom: 1rem; } .wp-block-archives-dropdown ul.children, .wp-block-categories-list ul.children { margin-top: 0.625rem; } .wp-block-archives-list li + li, .wp-block-categories-list li + li { margin-top: 0.825rem; } .wp-block-archives-list li a, .wp-block-categories-list li a { text-decoration: none; } .gallery { margin-bottom: 1.6em; margin-right: -10px; margin-left: -10px; } .gallery-item { display: inline-block; width: 100%; vertical-align: top; margin-bottom: 1.325em; padding-right: 10px; padding-left: 10px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; margin-top: 0.8em; } .mceContentBody blockquote, .mceContentBody blockquote p { margin: 0 3em; font-weight: normal; font-style: italic !important; font-family: Georgia, "Bitstream Charter", serif !important; } .mceContentBody blockquote em, .mceContentBody blockquote i, .mceContentBody blockquote cite { font-style: normal; } .mceContentBody blockquote cite { color: #666666; text-transform: uppercase; letter-spacing: .05em; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; } blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter { clear: both; margin-top: 0.4em; margin-bottom: 1.6em; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4em 0 1.6em 1.6em; } blockquote.alignright, .wp-caption.alignright, img.alignright { margin: 0.4em 1.6em 1.6em 0; } blockquote { font-weight: normal; background: #f8f8f8; font-size: 18px; font-style: italic; line-height: 30px; background: none; border-right: 4px solid $accent_color; padding: 5px 20px; position: relative; margin-right: 0; } blockquote cite { font-style: normal; margin-top: 1.4rem; display: block; } blockquote > p:last-child { margin-bottom: 0; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin-bottom: 1.325em; } pre { margin-top: 1.325em; margin-bottom: 1.625em; padding: 1.625em; background: #f4f4f4; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; } code, kbd, samp, var { font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym, dfn { border-bottom: 1px dotted #666666; cursor: help; } address { display: block; margin: 0 0 1.325em; } sup, sub { position: relative; height: 0; vertical-align: baseline; font-size: 75%; line-height: 1; } sup { top: -.5em; } sub { bottom: 1ex; } dt { margin-bottom: 0.3rem; } /* Alignment */ .alignleft { float: right; margin-left: 1.325em; } .alignright { float: left; margin-right: 1.325em; } .aligncenter { display: block; clear: both; margin-left: auto; margin-right: auto; } /* Tables */ table { margin: 0 0 1.5em; width: 100%; border-spacing: 0; border-collapse: collapse; } td, th { border: 1px solid #eee; padding: 10px; text-align: center; vertical-align: middle; } /* Images */ img[class*="wp-image-"] { height: auto; } img.size-full { width: auto; /* Prevent stretching of full-size images in IE8 */ } img.wp-smiley { margin-top: 0; margin-bottom: 0; padding: 0; border: 0; } img.alignleft, img.alignright, img.aligncenter { margin-top: 1.325em; margin-bottom: 1.625em; } .wp-caption { max-width: 100%; margin-top: .4em; margin-bottom: 1.325em; margin-right: 0; margin-left: 0; border: 0; } .wp-caption img { display: block; } .wp-caption .wp-caption-text, .wp-caption-dd { position: relative; margin: .6em 0 .6em 0; text-align: right; } .post-content .wp-caption .wp-caption-text, .post-content .wp-caption-dd, .post-content figcaption, .entry-content .wp-caption .wp-caption-text, .entry-content .wp-caption-dd, .entry-content figcaption { margin-top: 0; margin-bottom: 0; padding: 6px 10px; text-align: center; background: #f7f7f7; } .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img { border-color: #eee; background: #fff; } .entry-content:before { content: ""; display: table; } .entry-content:after { content: ""; display: table; clear: both; } .page-links { clear: both; } .page-links .post-page-numbers { font-size: 15px; display: inline-block; height: 40px; line-height: 40px; padding: 0 10px; text-align: center; } .page-links .post-page-numbers.current { min-width: 40px; background: $accent_color; color: #fff; border-radius: 30px; } .page-links .post-page-numbers.current:hover { background: $accent_color; color: #fff; } .post-password-form input { height: 40px; } .post-password-form input[type=submit] { background: $accent_color; border: 1px solid $accent_color; color: #fff; vertical-align: top; padding-right: 15px; padding-left: 15px; font-weight: 500; cursor: pointer; } .post-password-form p:last-child { display: flex; } .post-password-form label input { border-color: $accent_color; background: #f8f8f8; outline: 0; } .comments-title, .comment-reply-title { font-size: 18px; font-weight: 700; line-height: 1.67; text-transform: uppercase; } #comments .comments-title { margin-bottom: 30px; } #comments .comment-list { margin-right: 0; padding-right: 0; list-style-type: none; margin-bottom: 0; } #comments .comment-list li.comment, #comments .comment-list li.trackback, #comments .comment-list li.pingback { padding-top: 25px; padding-bottom: 25px; border-top: 1px solid #eee; } #comments .comment-list > li.comment:first-child, #comments .comment-list > li.trackback:first-child, #comments .comment-list > li.pingback:first-child { border-top: 0; padding-top: 0; } #comments .comment-list > li.comment:last-child, #comments .comment-list > li.trackback:last-child, #comments .comment-list > li.pingback:last-child { border-bottom: 1px solid #eee; } #comments .comment-list ol.children { margin: 0 60px 0 0; padding-right: 0; list-style-type: none; } #comments .comment-list + #respond, #comments .comment-list #respond { margin-top: 30px; } #comments .comment-author { display: flex; align-items: flex-start; justify-content: space-between; } #comments .comment-author .entry-avatar img { display: block; border-radius: 50%; } #comments .comment-author .entry-avatar + .entry-detail { padding-right: 20px; } #comments .comment-author .entry-detail .author-name { font-size: 16px; font-weight: 500; line-height: 1.75; color: #1a1a1a; } #comments .comment-author .entry-detail .comment-time { font-size: 14px; line-height: 1.57; color: #aaaaaa; font-style: italic; } #comments .comment-content { margin-top: 30px; } #comments .comment-content p:last-child { margin-bottom: 0; } #comments .comment-content ul, #comments .comment-content ol { margin-right: 0; } #comments .comment-meta { display: flex; font-size: 16px; flex: 1; justify-content: flex-end; margin-top: 5px; } #comments .comment-meta > a { display: flex; align-items: center; margin-left: 20px; } #comments .comment-meta > a:last-child { margin-left: 0; } #comments .comment-meta i { font-size: 13px; font-style: normal; margin-left: 5px; } #comments .no-comments { margin-top: 30px; margin-bottom: 0; text-align: center; margin-bottom: 60px; } #respond .comment-reply-title { margin-bottom: 15px; } #respond .comment-reply-title small { margin-right: 5px; } #commentform { margin-bottom: 60px; } #commentform p { margin-bottom: 30px; } #commentform p.comment-notes { width: 100%; color: #999999; } #commentform label { margin-bottom: 0; } #commentform .comment-form-comment { display: flex; } #commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] { width: 100%; resize: none; } #commentform .form-submit { margin-bottom: 0; } #commentform .logged-in-as { margin-bottom: 30px; } #commentform .logged-in-as, #commentform .comment-notes, #commentform .comment-form-cookies-consent, #commentform .form-submit { padding-right: 15px; padding-left: 15px; } #commentform .comment-form-cookies-consent label, #commentform .comment-form-cookies-consent input { cursor: pointer; } #commentform .comment-form-cookies-consent:hover input { border-color: $accent_color; } #commentform #wp-comment-cookies-consent { position: relative; outline: 0; -webkit-appearance: none; -moz-appearance: none; height: 15px; width: 15px; margin-bottom: 0; margin-left: 5px; vertical-align: -2px; border: 1px solid #ddd; background-color: #fff; color: #565a5c; } #commentform #wp-comment-cookies-consent:checked:before { content: "\f00c"; font-size: 14px; line-height: 1; position: absolute; top: -1px; width: 14px; display: inline-block; font-weight: 700; font-family: "Font Awesome 5 Pro"; color: $accent_color; } #commentform .form-submit { flex: 0 0 100%; } #commentform .sala-button { background-color: $primary_color; } .wp-block-latest-comments { padding-right: 0; } .wp-block-latest-comments li { margin-bottom: 1.325em; } .wp-block-latest-comments .avatar { margin-left: 20px; } .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt { margin-right: 60px; } .wp-block-latest-posts.is-grid li { margin-bottom: 1.325rem; } .wp-block-latest-posts { padding-right: 0; } .wp-block-latest-posts li + li { margin-top: 1.325em; } .wp-block-calendar { font-weight: 500; text-align: center; max-width: 420px; margin-bottom: 1.625em; } .wp-block-calendar thead tr th { color: #fff; padding-top: 10px; padding-bottom: 10px; font-weight: 500; background: $accent_color; } .wp-block-calendar thead th, .wp-block-calendar tbody td { text-align: center; border: none; } .wp-block-calendar tbody tr > td#today { color: #fff; background: #23d3d3; } .wp-block-calendar table caption { color: #fff; font-weight: 500; text-align: center; padding-top: 10px; padding-bottom: 10px; background: $accent_color; } .wp-block-categories-dropdown, .wp-block-archives-dropdown, .wp-block-categories-list { margin-bottom: 1.325em; } .wp-block-categories-dropdown select, .wp-block-archives-dropdown select, .wp-block-categories-list select { max-width: 320px; } .wp-block-latest-comments__comment-date { font-size: 13px; margin-top: 5px; } .wp-block-latest-comments__comment-excerpt p { font-size: 15px; } .wp-block-search { max-width: 400px; margin-bottom: 1.625em; } .wp-block-search label { display: none; } .wp-block-search .wp-block-search__input { height: 50px; border-radius: 0; background: #F8F8F8; border-color: #F8F8F8; padding-right: 15px; padding-left: 15px; } .wp-block-search .wp-block-search__button { color: #fff; margin-right: 0; background: $accent_color; border-color: $accent_color; padding-right: 20px; padding-left: 20px; } .wp-block-tag-cloud a { font-size: 15px !important; padding: 8px 15px; border-radius: 3px; background-color: #F8F8F8; color: #7E7E7E; display: inline-block; margin-bottom: 10px; margin-left: 6px; } .wp-block-tag-cloud a:hover { background: $accent_color; color: #fff !important; } form p label:last-child { margin-bottom: 0; } form select[name="select_element"] { max-width: 400px; } form #text_field, form #text_area { max-width: 400px; width: 100%; } @media only screen and (max-width: 767px) { .has-large-font-size { font-size: 20px; } } .site-content { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 100px; } .page-title + .site-content { padding-top: 0; } .boxed { max-width: 1170px; width: 100%; margin-right: auto; margin-left: auto; } #secondary, #primary { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; } #primary { flex: 1; max-width: 100%; } body.archive.no-sidebar #primary { flex-basis: 100%; max-width: 100%; } #secondary .inner-sidebar { height: 100%; } .grid { display: grid; grid-column-gap: 30px; grid-row-gap: 30px; list-style-type: none; } .sala-grid { display: grid; justify-content: center; align-content: center; grid-column-gap: 30px; grid-row-gap: 60px; } .sala-grid .grid-sizer { display: none; } .sala-grid .grid-item { opacity: 0; display: flex; align-items: center; -webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); -o-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .sala-grid .grid-item.animate { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; transition: transform 1s ease-in-out, opacity 1s linear; } .sala-grid.loaded { display: block; } .sala-grid.loaded .grid-sizer { display: block; } .form-control.field-underline { font-size: 16px; line-height: 1.63; border: 0; border-bottom: 1px solid #1a1a1a; border-radius: 0; padding: 0 0 11px; min-height: auto; background: transparent; } .bg-overlay { background: rgba(11, 11, 11, 0.6); position: fixed; z-index: 5; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sala-popup { position: fixed; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; visibility: hidden; z-index: 10; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sala-popup .inner-popup { position: fixed; z-index: 5; top: 150px; right: 15px; left: 15px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 3px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sala-popup.open { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sala-popup.open .inner-popup { top: 100px; opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .open .bg-overlay { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .page-title-blog .entry-title { font-size: 64px; font-weight: 600; line-height: 1.31; font-family: "Sofia Pro"; color: #fff; } .page-title-blog .sub-title > p { font-size: 24px; line-height: 1.58; color: #fff; margin-bottom: 0; } mark { background-color: transparent; } @media (min-width: 1200px) { .sidebar-left .inner-sidebar { padding-left: 30px; } .sidebar-right .inner-sidebar { padding-right: 30px; } .container.container-boxed { max-width: 1030px; } } @media (min-width: 992px) { #secondary { flex: 0 0 30%; max-width: 30%; } } .accent-color { color: $accent_color; } .accent-color-hover:hover { color: $accent_color; } .accent-background { background: $accent_color; } .primary-color { color: $primary_color; } .primary-background { background: $primary_color; } .body-font { font-family: "Sofia Pro"; } .heading-font { font-family: "Sofia Pro"; } .icon-small { font-size: 16px; } .icon-medium { font-size: 18px; } .icon-large { font-size: 24px; } .inline { display: inline; } .fullwidth { width: 100%; } .align-left { text-align: right; } .align-center { text-align: center; } .align-right { text-align: left; } .align-justify { text-align: justify; } .align-justify a { width: 100%; } /* Hover Animate */ .sala-animate-zoom-in .sala-image { overflow: hidden; } .sala-animate-zoom-in .sala-image img { width: 100%; -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); } .sala-animate-zoom-in .sala-box:hover .sala-image img { transform: scale3d(1.1, 1.1, 1.1); } .sala-animate-zoom-out .sala-image { overflow: hidden; } .sala-animate-zoom-out .sala-image img { width: 100%; -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); -webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .sala-animate-zoom-out .sala-box:hover .sala-image img { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .sala-animate-move-up .sala-box .sala-image { -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); } .sala-animate-move-up .sala-box:hover .sala-image { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .sala-animate-move-up-drop-shadow .sala-box .sala-image { position: relative; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); } .sala-animate-move-up-drop-shadow .sala-box .sala-image:after { content: ''; position: absolute; bottom: 0; top: 50%; right: 10%; left: 10%; box-shadow: 0 10px 50px rgba(51, 51, 51, 0.22); z-index: -1; opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .sala-animate-move-up-drop-shadow .sala-box:hover .sala-image { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .sala-animate-move-up-drop-shadow .sala-box:hover .sala-image:after { opacity: 1; } @media (min-width: 768px) { .uxper-column.uxper-col-10, .header-wrap[data-col="10"] { width: 10%; } .uxper-column.uxper-col-11, .header-wrap[data-col="11"] { width: 11.111%; } .uxper-column.uxper-col-12, .header-wrap[data-col="13"] { width: 12.5%; } .uxper-column.uxper-col-14, .header-wrap[data-col="14"] { width: 14.285%; } .uxper-column.uxper-col-16, .header-wrap[data-col="16"] { width: 16.666%; } .uxper-column.uxper-col-16, .header-wrap[data-col="17"] { width: 16.666%; } .uxper-column.uxper-col-20, .header-wrap[data-col="20"] { width: 20%; } .uxper-column.uxper-col-25, .header-wrap[data-col="25"] { width: 25%; } .uxper-column.uxper-col-30, .header-wrap[data-col="30"] { width: 30%; } .uxper-column.uxper-col-33, .header-wrap[data-col="33"] { width: 33.333%; } .uxper-column.uxper-col-40, .header-wrap[data-col="40"] { width: 40%; } .uxper-column.uxper-col-50, .header-wrap[data-col="50"] { width: 50%; } .uxper-column.uxper-col-60, .header-wrap[data-col="60"] { width: 60%; } .uxper-column.uxper-col-66, .header-wrap[data-col="66"] { width: 66.666%; } .uxper-column.uxper-col-70, .header-wrap[data-col="70"] { width: 70%; } .uxper-column.uxper-col-75, .header-wrap[data-col="75"] { width: 75%; } .uxper-column.uxper-col-80, .header-wrap[data-col="80"] { width: 80%; } .uxper-column.uxper-col-83, .header-wrap[data-col="83"] { width: 83.333%; } .uxper-column.uxper-col-90, .header-wrap[data-col="90"] { width: 90%; } .uxper-column.uxper-col-100, .header-wrap[data-col="100"] { width: 100%; } } @media only screen and (min-width: 1200px) { .hidden-on-desktop { display: none !important; } .grid-lg-1 { grid-template-columns: repeat(1, 1fr); } .grid-lg-2 { grid-template-columns: repeat(2, 1fr); } .grid-lg-3 { grid-template-columns: repeat(3, 1fr); } .grid-lg-4 { grid-template-columns: repeat(4, 1fr); } .grid-lg-5 { grid-template-columns: repeat(5, 1fr); } .grid-lg-6 { grid-template-columns: repeat(6, 1fr); } } @media only screen and (min-width: 720px) and (max-width: 1199px) { .hidden-on-tablet { display: none !important; } .grid-md-1 { grid-template-columns: repeat(1, 1fr); } .grid-md-2 { grid-template-columns: repeat(2, 1fr); } .grid-md-3 { grid-template-columns: repeat(3, 1fr); } .grid-md-4 { grid-template-columns: repeat(4, 1fr); } .grid-md-5 { grid-template-columns: repeat(5, 1fr); } .grid-md-6 { grid-template-columns: repeat(6, 1fr); } } @media only screen and (min-width: 320px) and (max-width: 719px) { .hidden-on-mobile { display: none !important; } .grid-sm-1 { grid-template-columns: repeat(1, 1fr); } .grid-sm-2 { grid-template-columns: repeat(2, 1fr); } .grid-sm-3 { grid-template-columns: repeat(3, 1fr); } .grid-sm-4 { grid-template-columns: repeat(4, 1fr); } .grid-sm-5 { grid-template-columns: repeat(5, 1fr); } .grid-sm-6 { grid-template-columns: repeat(6, 1fr); } } .hide { display: none; } .show { display: inline-block !important; } .padding-lr-0 { padding-right: 0 !important; padding-left: 0 !important; } .widget .widget-title { font-size: 18px; line-height: 1.44; font-weight: 500; margin-bottom: 20px; } .widget ul { margin: 0; padding: 0; list-style-type: none; } .widget li + li { margin-top: 10px; } .site-content .widget + .widget { margin-top: 40px; } .widget_nav_menu ul ul, .widget_pages ul ul, .widget_categories ul ul, .widget_product_categories ul ul, .widget_archive ul ul { margin-right: 10px; } .widget_nav_menu li + li, .widget_pages li + li, .widget_categories li + li, .widget_product_categories li + li, .widget_archive li + li { margin-top: 12px; } .widget_nav_menu > ul > li, .widget_nav_menu ul.menu > li, .widget_pages > ul > li, .widget_pages ul.menu > li, .widget_categories > ul > li, .widget_categories ul.menu > li, .widget_product_categories > ul > li, .widget_product_categories ul.menu > li, .widget_archive > ul > li, .widget_archive ul.menu > li { position: relative; } .widget_nav_menu li ul, .widget_pages li ul, .widget_categories li ul, .widget_product_categories li ul, .widget_archive li ul { margin-top: 20px; } .widget_nav_menu li ul li, .widget_pages li ul li, .widget_categories li ul li, .widget_product_categories li ul li, .widget_archive li ul li { padding-top: 20px; border-top: 1px solid #d8d8d8; } .widget_recent_comments .comment-author-link { position: relative; padding-right: 25px; } .widget_recent_comments .comment-author-link:before { content: '\f27a'; font-size: 14px; font-weight: 300; font-family: 'Font Awesome 5 Pro'; line-height: 0; position: absolute; top: 12px; right: 0; } .widget_recent_entries li { display: flex; flex-wrap: wrap; } .widget_recent_entries li a { order: 2; width: 100%; display: block; } .widget_recent_entries li span { order: 1; width: 100%; display: block; font-size: 14px; color: #999999; } .widget_text a { color: $accent_color; } .widget_text .mc4wp-form { padding: 24px; border-radius: 3px; background-color: $primary_color; } .widget_text .mc4wp-form h4 { font-size: 24px; font-weight: 600; color: #fff; margin-bottom: 12px; } .widget_text .mc4wp-form p { color: #cccccc; margin-bottom: 15px; } .widget_text .mc4wp-form input:focus { border: 1px solid #f7f7f7; } .widget_text .mc4wp-form input { height: 48px; min-height: 48px; line-height: 46px; padding: 0 20px; } .widget_text .mc4wp-form input[type="submit"] { border-radius: 3px; background-color: $accent_color; border: 1px solid $accent_color; width: 100%; text-align: center; color: #fff; cursor: pointer; } .widget_calendar caption { font-size: 14px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 10px; } .widget_calendar td, .widget_calendar th { padding: 5px; } .widget_calendar #today { background-color: $accent_color; color: #fff; } .widget_rss li + li { margin-top: 25px; } .widget_rss li a { font-weight: 500; line-height: 1.5; } .widget_rss .rsswidget { display: inline-block; } .widget_rss .rss-date { font-size: 14px; display: block; position: relative; margin: 5px 0 8px; padding-right: 20px; } .widget_rss .rss-date:before { content: '\f133'; font-weight: 300; font-family: 'Font Awesome 5 Pro'; line-height: 0; position: absolute; top: 11px; right: 0; } .widget_rss .rssSummary { margin-bottom: 5px; } .widget_rss .rss-widget-icon { display: block; margin-left: 5px; } .widget_search, .widget_product_search, .search-form { position: relative; } .widget_search form, .widget_product_search form, .search-form form { position: relative; } .widget_search .search-field, .widget_product_search .search-field, .search-form .search-field { width: 100%; padding-left: 72px; } .widget_search .search-btn-text, .widget_product_search .search-btn-text, .search-form .search-btn-text { display: none; } .widget_search .search-btn-icon, .widget_product_search .search-btn-icon, .search-form .search-btn-icon { font-size: 15px; position: absolute; top: 50%; right: 50%; -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .widget_search .search-submit, .widget_product_search .search-submit, .search-form .search-submit { position: absolute; top: 0; left: 0; padding: 0; border: 0; width: 56px; height: 56px; line-height: 56px; border-radius: 5px; text-align: center; box-shadow: none; transform: none; background: transparent; } .widget_search .search-submit:hover, .widget_product_search .search-submit:hover, .search-form .search-submit:hover { background-color: $accent_color; color: #fff; } .widget_search .search-submit:hover i, .widget_product_search .search-submit:hover i, .search-form .search-submit:hover i { color: #fff; } .widget .tagcloud { margin: -5px; } .widget .tagcloud a { display: block; float: right; font-size: 15px !important; line-height: 1.5; padding: 7px 15px 6px; border-radius: 3px; background: #f7f7f7; border: 0; margin: 5px; overflow: hidden; } .widget .tagcloud a:hover { background-color: $accent_color; color: #fff; } .widget .tagcloud:after { content: ""; display: table; clear: both; } .sala-swiper-slider { display: block; position: relative; z-index: 1; } .sala-swiper-slider:hover .swiper-nav-button { opacity: 1; visibility: visible; } .sala-swiper-slider .swiper-inner { position: relative; } .sala-swiper-slider .swiper-container { width: 100%; } .sala-swiper-slider .swiper-slide { box-sizing: border-box; text-align: right; overflow: visible; } .sala-swiper-slider.v-stretch > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { height: auto; } .sala-swiper-slider.v-stretch > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide > div { height: 100%; } .sala-swiper-slider.v-top > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: flex; align-self: start; } .sala-swiper-slider.v-middle > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: flex; align-self: center; } .sala-swiper-slider.v-bottom > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: flex; align-self: flex-end; } .sala-swiper-slider.h-left > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: flex; justify-content: flex-start; } .sala-swiper-slider.h-center > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: flex; justify-content: center; } .sala-swiper-slider.h-right > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide { display: flex; justify-content: flex-end; } .sala-swiper-slider[data-autoplay='1'] .swiper-wrapper { transition-timing-function: linear !important; } .sala-swiper-slider.highlight-centered-items .swiper-slide { transition: opacity .25s linear; } .sala-swiper-slider.highlight-centered-items .swiper-slide:not(.swiper-slide-active) { opacity: .4; } .sala-swiper-slider:not(.bullets-v-align-below) .swiper-pagination-container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; } .sala-swiper-slider .swiper-pagination-container .container, .sala-swiper-slider .swiper-pagination-container .row, .sala-swiper-slider .swiper-pagination-container .col-md-12 { height: 100%; } .sala-swiper-slider .swiper-pagination-wrap { height: 100%; display: flex; align-items: flex-end; justify-content: center; } .sala-swiper-slider .swiper-pagination-inner { pointer-events: auto; } .sala-swiper-slider .swiper-pagination { position: relative; top: 80px; user-select: none; outline: none; width: auto; } .sala-swiper-slider .swiper-pagination.swiper-pagination-progressbar { width: 100%; height: 3px; right: 0; top: 0; background: #bbb; } .sala-swiper-slider .swiper-pagination.swiper-pagination-custom { top: auto; right: auto; bottom: auto; left: auto; } .sala-swiper-slider.bullets-v-align-below > .swiper-pagination-container .swiper-pagination-wrap { position: static; margin-top: 40px; } .sala-swiper-slider .swiper-pagination-bullets { font-size: 0; } .sala-swiper-slider .swiper-pagination-bullet { display: inline-block; vertical-align: middle; box-sizing: border-box; margin: 0 5px; width: 20px; height: 20px; border: 0; border-radius: 0; background: transparent; opacity: 1; position: relative; outline: none; color: #d8d8d8; } .sala-swiper-slider .swiper-pagination-bullet:hover, .sala-swiper-slider .swiper-pagination-bullet.swiper-pagination-bullet-active { color: $accent_color; } .sala-swiper-slider .swiper-pagination-bullet:hover:before, .sala-swiper-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:before { width: 8px; height: 8px; } .sala-swiper-slider .swiper-pagination-bullet.swiper-pagination-bullet-active { cursor: default; } .sala-swiper-slider .swiper-pagination-bullet:before { content: ''; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); border-radius: 100%; width: 8px; height: 8px; background: currentColor; z-index: 1; } .sala-swiper-slider .swiper-pagination-bullet:only-child { visibility: hidden; } .sala-swiper-slider .fraction { display: inline-block; } .sala-swiper-slider.bullets-vertical .swiper-pagination-bullet { display: block; margin: 0; } .sala-swiper-slider.bullets-vertical .swiper-pagination-bullet + .swiper-pagination-bullet { margin-top: 10px; } .sala-swiper-slider.pagination-style-02 .swiper-pagination-bullet { width: 22px; margin: 0 4px; } .sala-swiper-slider.pagination-style-02 .swiper-pagination-bullet:before { border-radius: 0; width: 22px; height: 4px; } .sala-swiper-slider.pagination-style-03 .fraction { font-size: 18px; font-weight: 500; color: #1a1a1a; } .sala-swiper-slider.pagination-style-03 .fraction * { display: inline-block; vertical-align: middle; } .sala-swiper-slider.pagination-style-03 .fraction .separator { width: 40px; height: 1px; background: #ababab; margin-right: 13px; margin-left: 13px; } .sala-swiper-slider.pagination-style-04 .swiper-pagination-inner { width: 94px; height: 94px; line-height: 94px; border-radius: 50%; background: #fff; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05); } .sala-swiper-slider.pagination-style-04 .fraction { font-size: 17px; font-weight: 500; color: $accent_color; letter-spacing: 1.31px; } .sala-swiper-slider.pagination-style-04 .fraction div { display: inline-block; } .sala-swiper-slider.pagination-style-04 .swiper-pagination-inner { position: relative; } .sala-swiper-slider.pagination-style-04 .swiper-alt-arrow-button { position: absolute; width: 21px; height: 21px; right: 50%; top: 50%; z-index: 12; background-position: center; background-repeat: no-repeat; cursor: pointer; } .sala-swiper-slider.pagination-style-04 .swiper-alt-arrow-prev { transform: translate(10px, -35px); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAAXNSR0IArs4c6QAAAJZJREFUGBltjUEKwyAURNVCs4klTREUWnsAz5P75LRZZCMFCVoj1lkk2LSz8H/nzfAJOWgYhpNS6ol5QOTHsNZq7/1lmqbGOfeqC19hKaUIIdwQWNe16boul8KyFfawEKKNMT42gJlSajnnS9Ebf4bHGHMuQGM/Cj44fDaOI5vnWeec9yt1AT44crTv+3sxrnXg304ptR/PET/We1JFoAAAAABJRU5ErkJggg=="); } .sala-swiper-slider.pagination-style-04 .swiper-alt-arrow-next { transform: translate(10px, 15px); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAAXNSR0IArs4c6QAAAKBJREFUGBmFjb0KwyAUhWsaqoUMUcgQ6FLo5iv4TL6tW6FLiWKGhiIWgmK9BUNxaO9y7s93zkWMsVNKie7+FELo0Ugpp7ZtX79YuAOHAOKcH7TWl/xhX5tyYhzH8aqUWj8wAMMwdCGEcw3n1Ns8zw72W5L3fu37PsUYu2LAGBtr7VLmDYaFc85TSo/5AyaEPI0xUwFBm+8BeiHEHUDQ+vYGfjU7ajWU+XYAAAAASUVORK5CYII="); } .sala-swiper-slider.pagination-style-04.bullets-horizontal .swiper-alt-arrow-prev { transform: translate(40px, -11px) rotate(90deg); } .sala-swiper-slider.pagination-style-04.bullets-horizontal .swiper-alt-arrow-next { transform: translate(-20px, -11px) rotate(90deg); } .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet { width: 32px; height: 32px; margin: 0 4px; color: #1a1a1a; } .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet:before { width: 6px; height: 6px; } .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet:after { content: ''; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 16px; height: 16px; opacity: 0; border: 1px solid transparent; border-radius: 50%; } .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet:hover:after, .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: 1; border-color: currentColor; } .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active { color: $accent_color; } .sala-swiper-slider.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: .5; width: 100%; height: 100%; } .sala-swiper-slider.pagination-style-06 .fraction { font-size: 24px; font-weight: 500; letter-spacing: 3.2px; color: $accent_color; } .sala-swiper-slider.pagination-style-06 .fraction * { display: inline-block; vertical-align: top; } .sala-swiper-slider.pagination-style-06 .fraction .current { font-size: 60px; line-height: 1; } .sala-swiper-slider .swiper-nav-buttons-wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; } .sala-swiper-slider .swiper-nav-buttons-wrap .container, .sala-swiper-slider .swiper-nav-buttons-wrap .row, .sala-swiper-slider .swiper-nav-buttons-wrap .col-md-12 { height: 100%; } .sala-swiper-slider .swiper-nav-buttons { display: flex; align-items: center; justify-content: space-between; height: 100%; } .sala-swiper-slider .swiper-nav-button { transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.25s linear 2s, opacity 0.25s linear 2s; background-image: none; text-align: center; user-select: none; outline: none; width: 48px; height: 48px; font-size: 24px; color: #5d5d5d; border: 1px solid #ddd; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.01); opacity: 0; visibility: hidden; transform: none; position: relative; top: auto; right: auto; left: auto; bottom: auto; margin: 10px; pointer-events: auto; } .sala-swiper-slider .swiper-nav-button.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .sala-swiper-slider .swiper-nav-button:hover { border-color: $accent_color; background: $accent_color; color: #fff; } .sala-swiper-slider .swiper-nav-button i { font-family: "Font Awesome 5 Pro"; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); color: #dddddd; } .sala-swiper-slider .swiper-nav-button:after { display: none; } .sala-swiper-slider.nav-show-always .swiper-nav-button { opacity: 1; visibility: visible; } .sala-swiper-slider .swiper-button-prev i:before { content: '\f060'; font-family: "Font Awesome 5 Pro"; font-weight: 300; } .sala-swiper-slider .swiper-button-next i:before { content: '\f061'; font-family: "Font Awesome 5 Pro"; font-weight: 300; } .sala-swiper-slider .nav-button-text { display: none; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; } .sala-swiper-slider.nav-style-02 .swiper-nav-button { border: 1px solid #eee; height: 50px; width: 60px; border-radius: 0; } .sala-swiper-slider.nav-style-02 .nav-button-text { display: block; } .sala-swiper-slider.nav-style-02 .nav-button-icon { display: none; } .sala-swiper-slider.nav-style-03 .swiper-nav-button { border: 0; height: 46px; width: 46px; } @media (max-width: 1199px) { .swiper-nav-buttons-wrap { display: none; } } @media (max-width: 766px) { .sala-swiper[data-sm-items='auto'] .swiper-slide { width: auto !important; } .sala-swiper[data-sm-items='auto'] .swiper-slide img { width: auto; } } @media (min-width: 767px) { .sala-swiper[data-md-items='auto'] .swiper-slide { width: auto !important; } .sala-swiper[data-md-items='auto'] .swiper-slide img { width: auto; } } @media (min-width: 1024px) { .sala-swiper[data-lg-items='auto'] .swiper-slide { width: auto !important; } .sala-swiper[data-lg-items='auto'] .swiper-slide img { width: auto; } } /** * ============================================== * Dot Falling * ============================================== */ .dot-falling { position: relative; right: -9999px; width: 10px; height: 10px; border-radius: 5px; background-color: $accent_color; color: $accent_color; box-shadow: -9999px 0 0 0 $accent_color; animation: dotFalling 1s infinite linear; animation-delay: 0.1s; } .dot-falling::before, .dot-falling::after { content: ""; display: inline-block; position: absolute; top: 0; } .dot-falling::before { width: 10px; height: 10px; border-radius: 5px; background-color: $accent_color; color: $accent_color; animation: dotFallingBefore 1s infinite linear; animation-delay: 0s; } .dot-falling::after { width: 10px; height: 10px; border-radius: 5px; background-color: $accent_color; color: $accent_color; animation: dotFallingAfter 1s infinite linear; animation-delay: 0.2s; } @keyframes dotFalling { 0% { box-shadow: -9999px -15px 0 0 rgba(152, 128, 255, 0); } 25%, 50%, 75% { box-shadow: -9999px 0 0 0 $accent_color; } 100% { box-shadow: -9999px 15px 0 0 rgba(152, 128, 255, 0); } } @keyframes dotFallingBefore { 0% { box-shadow: -9984px -15px 0 0 rgba(152, 128, 255, 0); } 25%, 50%, 75% { box-shadow: -9984px 0 0 0 $accent_color; } 100% { box-shadow: -9984px 15px 0 0 rgba(152, 128, 255, 0); } } @keyframes dotFallingAfter { 0% { box-shadow: -10014px -15px 0 0 rgba(152, 128, 255, 0); } 25%, 50%, 75% { box-shadow: -10014px 0 0 0 $accent_color; } 100% { box-shadow: -10014px 15px 0 0 rgba(152, 128, 255, 0); } } /** * ============================================== * Dot Fire * ============================================== */ .dot-fire { position: relative; right: -9999px; width: 10px; height: 10px; border-radius: 5px; background-color: $accent_color; color: $accent_color; box-shadow: -9999px 22.5px 0 -5px $accent_color; animation: dotFire 1.5s infinite linear; animation-delay: -0.85s; } .dot-fire::before, .dot-fire::after { content: ""; display: inline-block; position: absolute; top: 0; width: 10px; height: 10px; border-radius: 5px; background-color: $accent_color; color: $accent_color; } .dot-fire::before { box-shadow: -9999px 22.5px 0 -5px $accent_color; animation: dotFire 1.5s infinite linear; animation-delay: -1.85s; } .dot-fire::after { box-shadow: -9999px 22.5px 0 -5px $accent_color; animation: dotFire 1.5s infinite linear; animation-delay: -2.85s; } @keyframes dotFire { 1% { box-shadow: -9999px 22.5px 0 -5px $accent_color; } 50% { box-shadow: -9999px -5.625px 0 2px $accent_color; } 100% { box-shadow: -9999px -22.5px 0 -5px $accent_color; } } /** * ============================================== * Dot Spin * ============================================== */ .dot-spin { position: relative; width: 10px; height: 10px; border-radius: 5px; background-color: transparent; color: transparent; box-shadow: 0 -18px 0 0 $accent_color, -12.72984px -12.72984px 0 0 $accent_color, -18px 0 0 0 $accent_color, -12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), 18px 0 0 0 rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 0 rgba(152, 128, 255, 0); animation: dotSpin 1.5s infinite linear; } @keyframes dotSpin { 0%, 100% { box-shadow: 0 -18px 0 0 $accent_color, -12.72984px -12.72984px 0 0 $accent_color, -18px 0 0 0 $accent_color, -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); } 12.5% { box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 $accent_color, -18px 0 0 0 $accent_color, -12.72984px 12.72984px 0 0 $accent_color, 0 18px 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); } 25% { box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 $accent_color, -12.72984px 12.72984px 0 0 $accent_color, 0 18px 0 0 $accent_color, 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); } 37.5% { box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 $accent_color, 0 18px 0 0 $accent_color, 12.72984px 12.72984px 0 0 $accent_color, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); } 50% { box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 $accent_color, 12.72984px 12.72984px 0 0 $accent_color, 18px 0 0 0 $accent_color, 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); } 62.5% { box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 0 $accent_color, 18px 0 0 0 $accent_color, 12.72984px -12.72984px 0 0 $accent_color; } 75% { box-shadow: 0 -18px 0 0 $accent_color, -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 $accent_color, 12.72984px -12.72984px 0 0 $accent_color; } 87.5% { box-shadow: 0 -18px 0 0 $accent_color, -12.72984px -12.72984px 0 0 $accent_color, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 0 $accent_color; } } .page-scroll-up { position: fixed; left: 30px; bottom: -60px; z-index: 999; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); background-color: $accent_color; display: block; padding: 0; width: 60px; height: 60px; border-radius: 50%; text-align: center; font-size: 25px; line-height: 60px; cursor: pointer; opacity: 0; visibility: hidden; overflow: hidden; } .page-scroll-up i { font-size: 32px; position: absolute; top: 50%; right: 50%; color: #fff; } .page-scroll-up .arrow-top { transform: translate(50%, -50%); } .page-scroll-up .arrow-bottom { transform: translate(50%, 80px); } .page-scroll-up.show { bottom: 30px; opacity: 1; visibility: visible; } .page-scroll-up:hover .arrow-top { transform: translate(50%, -80px); } .page-scroll-up:hover .arrow-bottom { transform: translate(50%, -50%); } .sala-content-protected-box { position: fixed; top: 50%; right: 50%; z-index: 99999; transform: translate(50%, -50%); width: 300px; border: 1px solid #e1b3b3; border-radius: 8px; padding: 10px 15px; background: #ffeded; box-shadow: 0 0 40px #ffeded; display: none; } .sala-content-protected-box .alert-label { font-weight: 700; } .comments-area { padding-top: 40px; margin-top: 40px; border-top: 1px solid #eee; } #commentform textarea { height: 150px; padding: 19px 20px 3px; } .sala-pagination, .woocommerce nav.woocommerce-pagination { display: flex; margin-top: 80px; } .sala-pagination.left, .woocommerce nav.woocommerce-pagination.left { justify-content: flex-start; } .sala-pagination.center, .woocommerce nav.woocommerce-pagination.center { justify-content: center; } .sala-pagination.right, .woocommerce nav.woocommerce-pagination.right { justify-content: flex-end; } .sala-pagination.loadmore i, .woocommerce nav.woocommerce-pagination.loadmore i { margin-left: 5px; } .sala-pagination .sala-loader, .woocommerce nav.woocommerce-pagination .sala-loader { display: none; padding: 2rem 0; } .sala-pagination ul, .woocommerce nav.woocommerce-pagination ul { padding-right: 0; border: 0; margin: 0; } .sala-pagination ul li, .woocommerce nav.woocommerce-pagination ul li { list-style: none; display: inline-block; padding: 0; border: 0; margin-left: 15px; margin-top: 0; } .sala-pagination ul li a, .sala-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; display: block; } .sala-pagination ul li a.prev, .sala-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.prev, .woocommerce nav.woocommerce-pagination ul li a.next { width: auto; } .sala-pagination ul li a.next i, .woocommerce nav.woocommerce-pagination ul li a.next i { margin-right: 10px; } .sala-pagination ul li a.prev i, .woocommerce nav.woocommerce-pagination ul li a.prev i { margin-left: 10px; } .sala-pagination ul li:last-child, .woocommerce nav.woocommerce-pagination ul li:last-child { margin-left: 0; } .sala-pagination li .page-numbers, .woocommerce nav.woocommerce-pagination li .page-numbers { font-size: 18px; font-weight: 500; color: #5a5a5a; display: inline-block; position: relative; background-color: transparent; text-align: center; border-radius: 30px; padding: 0; } .sala-pagination ul li .page-numbers.current, .woocommerce nav.woocommerce-pagination ul li .page-numbers.current { color: #fff; background-color: $accent_color; } .sala-pagination ul li a:focus, .sala-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover { color: $accent_color; } .sala-pagination li .page-numbers.current:hover, .woocommerce nav.woocommerce-pagination li .page-numbers.current:hover { color: #fff; } .sala-pagination-messages { display: none; text-align: center; margin-top: 80px; } .woocommerce nav.woocommerce-pagination { justify-content: center; } .sala-button { display: inline-block; border: 1px solid transparent; text-align: center; font-weight: 500; cursor: pointer; } .sala-button.size-xs { font-size: 10px; padding: 3px 10px; } .sala-button.size-s { font-size: 13px; padding: 5px 25px; } .sala-button.size-m { font-size: 15px; padding: 7px 32px; } .sala-button.size-l { font-size: 18px; padding: 10px 40px; } .sala-button.size-xl { font-size: 28px; padding: 12px 45px; } .sala-button.uppercase { text-transform: uppercase; } .sala-button.wide { display: block; width: 100%; } .sala-button.underline { font-size: 15px; font-weight: 500; line-height: 1; letter-spacing: 2px; position: relative; background-color: transparent; color: $primary_color; padding: 0 0 10px; border-radius: 0; border-bottom: 1px solid $primary_color; } .sala-button.underline:hover { background-color: transparent; color: $accent_color; border-color: $accent_color; } .sala-button.line { color: $primary_color; background-color: transparent; border: 1px solid $primary_color; } .sala-button.line:hover { border-color: $accent_color; } .sala-button.full-filled { color: #fff; background-color: $accent_color; border: 1px solid $accent_color; } .sala-button.sala-loadmore-button { padding: 0; border: 0; text-transform: inherit; } .sala-button.sala-loadmore-button i { height: 40px; width: 40px; text-align: center; line-height: 40px; color: #fff; background-color: $primary_color; border-radius: 50%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sala-button.sala-loadmore-button:hover { background-color: inherit; color: $accent_color; } .sala-button.sala-loadmore-button:hover i { background-color: $accent_color; } .page-title { position: relative; } .page-title .page-title-heading { -ms-word-wrap: break-word; word-wrap: break-word; } .page-title .heading { margin-bottom: 0; } .page-title-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; } .page-title-bg:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #fff; } .page-title-inner { position: relative; z-index: 1; padding-top: 100px; padding-bottom: 80px; } .sala_breadcrumb { margin: 0; padding: 0; } .sala_breadcrumb li { display: inline-block; margin: 0; } .sala_breadcrumb li + li { position: relative; padding-right: 30px; } .sala_breadcrumb li + li:before { content: '/'; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .sala_breadcrumb a { display: block; } .title-bar-has-post-title .entry-title { display: none; } .page-title-01 .heading { font-size: 64px; line-height: 1.31; text-align: center; } .page-title-01 .page-title-inner > .container { max-width: 970px; } .page-title-01 .page-breadcrumb { position: absolute; top: 12px; right: 0; width: 100%; } .page-title-03 .page-title-bg { background-color: #000; } .page-title-03 .page-title-inner .container { max-width: 970px; } .page-title-03 .heading { text-align: center; } .page-title-03 .page-breadcrumb { margin-top: 11px; } .page-title-03 .page-title-meta { margin-top: 15px; text-align: center; } .page-title-03 .page-title-meta > div { display: inline-block; padding: 5px 10px; } .page-title-03 .page-title-meta .post-author img { width: 32px; vertical-align: middle; border-radius: 50%; } .page-title-03 .page-title-meta .meta-icon { font-size: 14px; margin-left: 7px; } header.site-header { position: relative; z-index: 5; color: $primary_color; background-color: #fff; } header.site-header .row { flex-wrap: nowrap; } header.site-header .container-fluid { padding-right: 50px; padding-left: 50px; } header.site-header.header-sticky.scroll { position: sticky; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.site-header.header-sticky.on { position: fixed; width: 100%; top: 0; right: 0; z-index: 10; -webkit-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.site-header.header-sticky.on.has-wpadminbar { top: 32px; } header.site-header.header-float:not(.on) { background: transparent !important; position: absolute; z-index: 10; width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.site-header.header-light { background-color: #fff; color: #1a1a1a; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.05); } header.site-header.header-light .site-menu .menu > li > a { color: #1a1a1a; } header.site-header.header-light .header-button a { color: #fff; } header.site-header.header-dark { background-color: #1a1a1a; color: #fff; } header.site-header.header-dark .header-wrap a { color: #fff; } header.site-header .header-wrap { display: flex; flex-wrap: wrap; align-items: center; padding-right: 15px; padding-left: 15px; position: static; } header.site-header .header-wrap > div { padding-right: 15px; padding-left: 15px; } header.site-header .center-header { justify-content: center; } header.site-header .right-header { justify-content: flex-end; } header.site-header.header-01 .left-header, header.site-header.header-01 .right-header { display: flex; align-items: center; flex: 0 0 100%; max-width: 100%; margin-right: -20px; margin-left: -20px; } header.site-header.header-01 .left-header > div, header.site-header.header-01 .right-header > div { padding-right: 20px; padding-left: 20px; } header.site-header.header-01 .main-menu.desktop-menu .menu > li > a { padding-top: 40px; padding-bottom: 40px; } header.site-header.header-02 { padding-top: 20px; padding-bottom: 20px; } header.site-header.header-02 .left-header, header.site-header.header-02 .right-header, header.site-header.header-02 .center-header { display: flex; align-items: center; flex: 0 0 100%; max-width: 100%; } header.site-header.header-02 .left-header { margin-right: -25px; margin-left: -25px; } header.site-header.header-02 .left-header > div { padding-right: 25px; padding-left: 25px; } header.site-header.header-02 .right-header { margin-right: -12.5px; margin-left: -12.5px; } header.site-header.header-02 .right-header > div { padding-right: 12.5px; padding-left: 12.5px; } header.site-header.header-03 .center-header { width: 20%; } header.site-header.header-03 .left-header, header.site-header.header-03 .right-header { width: 40%; } .site-logo img { image-rendering: pixelated; } .header-lang .chosen-lang { position: relative; z-index: 1; } .header-lang select { background: transparent; border: 0; outline: 0; cursor: pointer; padding-left: 17px; -webkit-appearance: none; -moz-appearance: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header-lang .inner-lang { position: relative; } .header-lang .inner-lang .chosen-lang:before { content: "\f107"; font-size: 12px; font-weight: 900; font-family: "Font Awesome 5 Pro"; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header-lang .inner-lang:hover select, .header-lang .inner-lang:hover:before { color: $accent_color; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header-device { display: flex; } .header-device.line > span { display: inline-block; width: 1px; height: 30px; background: #0d0909; } .header-contact ul { display: flex; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; } .header-contact ul li { display: flex; align-items: center; margin-left: 25px; margin-top: 0; } .header-contact ul li:last-child { margin-left: 0; } .header-contact a { display: flex; align-items: center; } .header-contact a i { font-size: 16px; } .header-contact a span { font-size: 15px; font-weight: 500; } .header-contact i + span { margin-right: 8px; } .header-search-icon .icon-search a { display: flex; justify-content: center; align-items: center; } @media only screen and (max-width: 991px) { header.site-header .container-fluid { padding-right: 25px; padding-left: 25px; } } .site-menu .menu { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style-type: none; } .site-menu .menu a { display: block; } .toggle-sub-menu { position: relative; margin-right: 17px; } .toggle-sub-menu:before { content: "\f107"; font-size: 12px; font-weight: 400; font-family: "Font Awesome 5 Pro"; display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -1px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .children .menu-item-wrap { display: block; } .children .toggle-sub-menu { position: absolute; top: 50%; left: 30px; } .children .toggle-sub-menu:before { content: "\f105"; } .mobile-menu .menu-item-has-children > a:after, .mobile-menu .page_item_has_children > a:after { content: '\f107'; font-family: "Font Awesome 5 Pro"; line-height: 1; margin-right: 5px; vertical-align: middle; } .main-menu.desktop-menu li { position: relative; margin-top: 0; } .main-menu.desktop-menu li a { display: flex; } .main-menu.desktop-menu .menu > li > a { font-size: 15px; font-weight: 500; line-height: 20px; text-transform: uppercase; padding: 20px; } .main-menu.desktop-menu .children { font-size: 16px; min-width: 240px; background: #fff; padding-top: 10px; padding-bottom: 10px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); } .main-menu.desktop-menu .children li { padding: 0; } .main-menu.desktop-menu .children li a { font-weight: normal; padding: 8px 30px; } .main-menu.desktop-menu .children li a:hover { background: rgba(225, 152, 89, 0.03); } .main-menu.desktop-menu .children .children { top: -15px; right: 100%; } .main-menu.desktop-menu .menu ul { margin: 0; padding: 0; list-style-type: none; } .main-menu.desktop-menu .menu ul.simple-menu { padding-top: 15px; padding-bottom: 18px; } .main-menu.desktop-menu .menu li .children { display: block; opacity: 0; visibility: hidden; z-index: 5; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .main-menu.desktop-menu .menu li:hover > .children { opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .main-menu.desktop-menu .children { display: block; position: absolute; right: 0; z-index: 2; } .canvas-menu { display: inline-block; } .canvas-menu .header-element { padding: 25px; } .canvas-menu a.icon-menu { font-size: 24px; display: flex; } .canvas-menu.canvas-left .area-menu { right: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .canvas-menu.canvas-right .area-menu { left: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .canvas-menu.canvas-center .bg-overlay { display: none; } .canvas-menu.canvas-center .area-menu { display: flex; align-items: center; background: #fff; text-align: center; width: 100%; right: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .canvas-menu.canvas-center .area-menu .header-element { text-align: center; } .canvas-menu.canvas-center .area-menu .inner-menu { position: static; display: flex; align-items: center; flex-direction: column; padding-top: 30px; padding-bottom: 30px; height: auto; } .canvas-menu.skin-dark .area-menu a { color: #fff; } .canvas-menu.skin-dark .area-menu, .canvas-menu.skin-dark .area-menu .inner-menu { background: #696969; } .canvas-menu.skin-dark .bg-overlay { background: rgba(255, 255, 255, 0.8); } .canvas-menu.skin-light .area-menu a { color: #1a1a1a; } .canvas-menu.skin-light .area-menu, .canvas-menu.skin-light .area-menu .inner-menu { background: #fff; } .canvas-menu.skin-light .bg-overlay { background: rgba(255, 255, 255, 0.8); } .canvas-menu.active .bg-overlay { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .canvas-menu.active .area-menu { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .canvas-menu.active.canvas-center .area-menu { opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .area-menu { position: fixed; top: 0; z-index: 6; height: 100vh; width: 320px; z-index: 5; font-size: 15px; font-weight: 500; color: #1a1a1a; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .area-menu .btn-close { position: absolute; top: 25px; left: 25px; font-size: 24px; line-height: 1; z-index: 1; } .area-menu .inner-menu { position: relative; top: 0; right: 0; z-index: 6; background: #fff; padding-bottom: 60px; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -ms-touch-action: auto; touch-action: auto; } .area-menu .menu { display: block; padding: 30px 25px; margin-bottom: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; position: relative; } .area-menu .menu ul { margin: 0; padding: 0; } .area-menu .menu li { list-style: none; display: block; margin-bottom: 25px; line-height: inherit; } .area-menu .menu li:last-child { margin-bottom: 0; } .area-menu .menu li a { display: block; } .area-menu .menu .sub-menu, .area-menu .menu .children { margin-top: 25px; padding-right: 22px; display: none; } .area-menu .top-mb-menu { display: flex; padding: 25px; border-bottom: 1px solid #eeeeee; } .area-menu .account a + a { margin-right: 25px; } .area-menu .account .user-control { display: none; position: relative; top: 0; opacity: 1; visibility: visible; padding-top: 0; } .area-menu .account .user-control .inner-control { box-shadow: none; padding: 0; } .area-menu .account .user-control .inner-control ul li { padding-right: 0; padding-left: 0; } .area-menu .account .user-control .inner-control .logout { display: inline-block; padding: 0; border: 0; } .area-menu .account.active .user-control { display: block; } .area-menu .mb-destinations { padding: 25px; } .area-menu .add-place { padding-top: 25px; padding-right: 25px; padding-left: 25px; } .area-menu .add-place svg { position: relative; bottom: -2px; } .area-menu .dropdown-select { display: block; } .area-menu .dropdown-select ul li a { padding-top: 10px; padding-bottom: 10px; } .area-menu .dropdown-select ul li:last-child a { padding-bottom: 0; } .area-menu .dropdown-select .entry-select { display: none; position: relative; margin-top: 0; padding: 0; opacity: 1; visibility: visible; max-width: inherit; min-width: inherit; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .area-menu .dropdown-select.active .entry-select { margin-top: 10px; margin-bottom: 0; display: block; } .main-menu.mobile-menu .account .user-control { text-align: right; } .main-menu.mobile-menu .dropdown-categories ul.entry-select { padding-right: 10px; } .main-menu.mobile-menu .site-logo { padding: 25px; margin-left: 0; } .main-menu.mobile-menu .site-logo img { max-width: 100px; } .admin-bar .area-menu .inner-menu { top: 32px; } @media only screen and (max-width: 374px) { .area-menu { width: 270px; } } .desktop-menu .sm-simple { position: static; } .desktop-menu .sm-simple:not(.sm-vertical) .has-mega-menu { position: static !important; } .desktop-menu .sm-simple:not(.sm-vertical) .has-mega-menu .mega-menu { right: 0; left: 0 !important; margin-right: 0 !important; max-width: none !important; width: auto !important; } .desktop-menu .sm-simple .mega-menu { padding: 30px 0 35px; } .copyright-text { text-align: center; padding-top: 20px; padding-bottom: 30px; } .sala-blog .post-thumbnail { margin-bottom: 30px; } .sala-blog .post-thumbnail a { display: block; position: relative; overflow: hidden; } .sala-blog .post-thumbnail a img { display: block; width: 100%; } .sala-blog .post-title { -ms-word-break: break-word; word-break: break-word; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; } .sala-blog .post-title .entry-title { margin-bottom: 0; } .sala-blog .post-title span { padding: 0 12px; border-radius: 20px; background-color: $accent_color; color: #fff; display: inline-table; margin-right: 8px; list-style: 24px; } .sala-blog .post-title a { font-size: 32px; font-weight: 700; line-height: 1.33; display: block; } .sala-blog .post-meta { font-size: 15px; display: flex; flex-wrap: wrap; color: #aaaaaa; align-items: center; } .sala-blog .post-meta > div { position: relative; margin-left: 30px; margin-bottom: 5px; } .sala-blog .post-meta > div:last-child { margin-left: 0; } .sala-blog .post-meta > div:last-child:after { display: none; } .sala-blog .post-meta > div:after { content: ''; height: 4px; width: 4px; border-radius: 50%; background-color: #eeeeee; display: block; position: absolute; left: -17px; top: 11px; } .sala-blog .post-meta .post-time { font-size: 15px; font-weight: 500; color: #aaaaaa; } .sala-blog .post-meta .post-author span { margin-left: 5px; } .sala-blog .post-meta .post-author a { font-weight: 600; color: $text_color; } .sala-blog .post-meta .post-author a:hover { color: $accent_color; } .sala-blog .post-meta .post-comment { color: #aaaaaa; font-weight: 500; } .sala-blog .post-meta .post-comment i { font-size: 15px; font-weight: 500; vertical-align: -1px; } .sala-blog .post-categories { padding-right: 0; margin-bottom: 0; position: relative; } .sala-blog .post-categories li { list-style: none; display: inline-block; position: relative; margin-top: 0; } .sala-blog .post-categories li a { font-size: 15px; font-weight: 500; line-height: 1.6; } .sala-blog .post-categories li:after { content: ','; color: #1a1a1a; } .sala-blog .post-categories li:last-child { margin-left: 0; } .sala-blog .post-categories li:last-child:after { content: ''; display: none; } .sala-blog .post-excerpt { margin-top: 10px; } .sala-blog .post-excerpt p { font-size: 16px; color: $text_color; } .sala-blog .btn-readmore { margin-top: 25px; } .sala-blog .btn-readmore a { font-size: 16px; font-weight: 500; line-height: 1.5; position: relative; padding-left: 35px; } .sala-blog .btn-readmore a:after { content: '\f178'; font-size: 18px; font-weight: normal; font-family: 'Font Awesome 5 Pro'; position: absolute; left: 0; } .post .post-thumbnail { position: relative; } .post .post-thumbnail:before { content: ''; font-size: 18px; font-weight: normal; font-family: 'Font Awesome 5 Pro'; width: 40px; height: 40px; border-radius: 50%; display: block; position: absolute; top: 35px; left: 35px; line-height: 40px; text-align: center; color: #fff; } .post.post_format-post-format-aside .post-thumbnail:before { content: '\f0db'; background-color: $primary_color; z-index: 1; } .post.post_format-post-format-gallery .post-thumbnail:before { content: '\f302'; background-color: $primary_color; z-index: 1; } .post.post_format-post-format-image .post-thumbnail:before { content: '\f03e'; background-color: $primary_color; z-index: 1; } .post.post_format-post-format-audio .post-thumbnail:before { content: '\f028'; background-color: $primary_color; z-index: 1; } .post.post_format-post-format-video .post-thumbnail:before { content: '\f04b'; background-color: $primary_color; z-index: 1; } .post.post_format-post-format-link .post-thumbnail:before { content: '\f0c1'; background-color: $primary_color; z-index: 1; } .post.post_format-post-format-quote .post-thumbnail:before { content: '\f10e'; background-color: $primary_color; z-index: 1; } .sala-blog-grid .post-title a { font-size: 28px; line-height: 1.57; } .sala-blog-grid .sala-blog-card.post { position: relative; } .sala-blog-grid .sala-blog-card.post .post-thumbnail { margin-bottom: 0; } .sala-blog-grid .sala-blog-card.post .post-thumbnail + .post-detail { position: absolute; bottom: 0; right: 0; left: 0; padding: 0 24px 26px; } .sala-blog-grid .sala-blog-card.post .post-thumbnail + .post-detail .post-categories li:after { color: #fff; } .sala-blog-grid .sala-blog-card.post .post-thumbnail + .post-detail .post-title a { font-size: 24px; } .sala-blog-grid .sala-blog-card.post .post-thumbnail + .post-detail a, .sala-blog-grid .sala-blog-card.post .post-thumbnail + .post-detail .post-excerpt p { color: #fff; } .sala-blog-grid .sala-blog-card.post .post-thumbnail + .post-detail .post-meta .post-cate { margin-bottom: 3px; } .sala-blog-grid .sala-blog-card.post .post-thumbnail + .post-detail .btn-readmore { margin-top: 20px; } .sala-blog-masonry .post-detail { padding-top: 25px; } .sala-blog-masonry .post-thumbnail { margin-bottom: 0; } .sala-blog-masonry .post-title a { font-size: 28px; line-height: 1.57; } .sala-blog-masonry .sala-blog-box.post .post-detail, .sala-blog-masonry .sala-blog-box-background.post .post-detail { padding: 25px; border: solid 1px #eeeeee; border-radius: 0 0 5px 5px; } .sala-blog-masonry .sala-blog-box-background.post .post-detail { background-color: #f9f9f9; border: 0; } .sala-blog-list .sala-box.sticky .inner-post-wrap { display: block; } .sala-blog-list .sala-box.sticky .post-thumbnail { flex: inherit; } .sala-blog-list .sala-box.sticky .post-detail { margin-top: 25px; padding: 0; } .sala-blog-list .inner-post-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: center; } .sala-blog-list .post-detail { padding: 0; } .sala-blog-list .post-thumbnail + .post-detail { border-right: 0; padding-right: 35px; padding-left: 35px; } .sala-blog-list .post-thumbnail { flex: 0 0 40%; margin-bottom: 0; } .sala-blog-list .post-thumbnail a { height: 100%; } .sala-blog-list .post-thumbnail img { height: 100%; object-fit: cover; } .sala-blog-list .post-title h3 a { font-size: 32px; } .sala-blog-list .btn-readmore a { color: $primary_color; } .sala-blog-list .btn-readmore a:hover { color: $accent_color; } .sala-blog-categories { text-align: center; margin-bottom: 30px; } .sala-blog-categories ul { padding-right: 0; margin: -10px -20px; overflow: hidden; } .sala-blog-categories li { list-style: none; display: inline-block; margin: 10px 20px; } .sala-blog-categories li a { font-size: 16px; font-weight: 500; line-height: 1.63; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid transparent; } .sala-blog-categories li.active a { display: block; position: relative; color: $accent_color; border-color: $accent_color; } .sala-blog-action { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; } .sala-blog-action .blog-filter-form { display: -webkit-box; display: -ms-flexbox; display: flex; } .sala-blog-action .blog-filter-form .form-group:not(:last-child) { margin-left: 25px; } .sala-blog-action .blog-filter-form .nice-select { border: 0; padding-right: 0; padding-left: 20px; } .sala-blog-action .blog-filter-form .nice-select:after { border-bottom: 1px solid $primary_color; border-left: 1px solid $primary_color; height: 7px; width: 7px; left: 3px; margin-top: -6px; } .single .inner-post-wrap { margin-bottom: 40px; } .single .post-thumbnail a { display: flex; } .single .post-meta { font-size: 15px; display: flex; flex-wrap: wrap; color: #aaaaaa; align-items: center; } .single .post-meta > div { position: relative; margin-left: 30px; } .single .post-meta > div:last-child { margin-left: 0; } .single .post-meta > div:last-child:after { display: none; } .single .post-meta > div:after { content: ''; height: 4px; width: 4px; border-radius: 50%; background-color: #eeeeee; display: block; position: absolute; left: -17px; top: 11px; } .single .post-meta .post-time { font-size: 15px; font-weight: 500; color: #aaaaaa; } .single .post-meta .post-author span { margin-left: 5px; } .single .post-meta .post-author a { font-weight: 600; color: $text_color; } .single .post-meta .post-author a:hover { color: $accent_color; } .single .post-meta .post-comment { color: #aaaaaa; font-weight: 500; } .single .post-meta .post-comment i { font-size: 15px; font-weight: 500; vertical-align: -1px; } .single .post-content { margin-bottom: 68px; } .single .post-content:after { content: ""; display: table; clear: both; } .single .post-categories { padding-right: 0; margin-bottom: 0; } .single .post-categories li { list-style: none; display: inline-block; position: relative; margin-top: 0; } .single .post-categories li a { font-size: 15px; font-weight: 500; line-height: 1.6; } .single .post-categories li:after { content: ','; color: $primary_color; } .single .post-categories li:last-child { margin-left: 0; } .single .post-categories li:last-child:after { content: ''; display: none; } .single .post-bottom { clear: both; display: flex; flex-wrap: wrap; align-items: flex-start; margin-right: -15px; margin-left: -15px; } .single .post-bottom > div { padding-right: 15px; padding-left: 15px; } .single .site-content.has-sidebar .post-share { display: flex; flex-wrap: wrap; padding: 5px 0; position: static; } .single .site-content.has-sidebar .post-share .share-label { margin-left: 15px; } .single .site-content.has-sidebar .post-share .share-list a { margin-left: 15px; } .single .site-content.has-sidebar .post-share .share-list a:last-child { margin-left: 0; } .single .post-tags { display: flex; flex-wrap: wrap; flex: 1; margin: -4px; } .single .post-tags a, .single .post-tags span { font-size: 15px; font-weight: 500; line-height: 1.6; padding: 7px 20px 8px; margin: 4px; border-radius: 3px; background: #f7f7f7; border: 0; overflow: hidden; } .single .post-tags span { background-color: transparent; padding-right: 0; padding-left: 10px; margin-right: 0; } .single .post-tags a:hover { background-color: $accent_color; color: #fff; } .single .post-tags + .post-share { justify-content: flex-end; flex: 0 0 30%; max-width: 30%; } .single .post-author { display: flex; margin-bottom: 40px; width: 100%; align-items: center; } .single .post-author .inner-left { display: inline-flex; flex: 0 0 60px; } .single .post-author .inner-left + .inner-right { padding-right: 20px; } .single .post-author .entry-avatar { display: inline-block; overflow: hidden; } .single .post-author .entry-avatar a { display: flex; } .single .post-author .entry-avatar img { width: 60px; height: 60px; object-fit: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single .post-author .head-author { display: flex; align-items: center; } .single .post-author .head-author span { color: $text_color; margin-left: 5px; } .single .post-author .head-author .entry-title { font-size: 16px; font-weight: 500; margin-bottom: 0; } .single .post-author .entry-bio { margin-bottom: 0; font-size: 14px; color: $text_color; } .single .post-author-bio { padding: 25px; background-color: #f9f9f9; } .single .post-author-bio .inner-left { flex: 0 0 100px; } .single .post-author-bio .entry-avatar img { width: 100px; height: 100px; } .single .post-author-bio .head-author { align-items: flex-end; margin-bottom: 10px; } .single .post-author-bio .head-author .entry-title { margin-bottom: 0; } .single .post-author-bio .head-author .list-info { margin-bottom: 0; padding-right: 0; } .single .post-author-bio .head-author .list-info li { list-style: none; display: inline-block; padding-right: 15px; } .container-boxed .content-area { padding-right: 80px; padding-left: 80px; } .heading-post { margin-bottom: 40px; } .post-title { margin-bottom: 20px; } .post-title .entry-title { font-size: 56px; line-height: 1.31; margin-bottom: 0; } .post-meta > div { margin-bottom: 20px; } .post-thumbnail { text-align: center; margin-bottom: 30px; } .site-content.no-sidebar .post-share { position: absolute; top: 15px; left: -100px; display: block; text-align: center; padding: 0 !important; } .site-content.no-sidebar .post-share .share-label { transform: rotate(-90deg); color: $text_color; font-size: 16px; margin-left: 0; margin-bottom: 30px; } .site-content.no-sidebar .post-share .share-list a { display: block; height: 36px; line-height: 36px; width: 36px; text-align: center; background-color: #f9f9f9; border-radius: 50%; padding: 0; margin: 20px auto 0; } .post-related { overflow: hidden; width: 100%; } .post-related .block-heading { margin-bottom: 30px; } .post-related .block-heading .entry-title { font-size: 32px; font-weight: bold; } .post-related .post-title { font-size: 18px; line-height: 28px; margin-bottom: 0; } .post-related .related-post-thumbnail { margin-bottom: 30px; } .post-related .related-post-thumbnail a { display: flex; } .post-related .related-post-title .entry-title { font-size: 24px; line-height: 1.57; font-weight: 700; margin-bottom: 0; } .post-related .related-post-meta { font-size: 15px; display: flex; flex-wrap: wrap; color: #aaaaaa; align-items: center; } .post-related .related-post-meta > div { position: relative; margin-left: 30px; margin-bottom: 10px; } .post-related .related-post-meta > div:last-child { margin-left: 0; } .post-related .related-post-meta > div:last-child:after { display: none; } .post-related .related-post-meta > div:after { content: ''; height: 4px; width: 4px; border-radius: 50%; background-color: #eeeeee; display: block; position: absolute; left: -17px; top: 11px; } .post-related .related-post-meta .post-time { font-size: 15px; font-weight: 500; color: #aaaaaa; } .post-related .related-post-meta .post-author span { margin-left: 5px; } .post-related .related-post-meta .post-author a { font-weight: 600; color: $text_color; } .post-related .related-post-meta .post-author a:hover { color: $accent_color; } .post-related .related-post-meta .post-comment { color: #aaaaaa; font-weight: 500; } .post-related .related-post-meta .post-comment i { font-size: 15px; font-weight: 500; vertical-align: -1px; } .post-related .post-categories { padding-right: 0; margin-bottom: 0; } .post-related .post-categories li { list-style: none; display: inline-block; position: relative; margin-top: 0; } .post-related .post-categories li a { font-size: 15px; font-weight: 500; line-height: 1.6; } .post-related .post-categories li:after { content: ','; } .post-related .post-categories li:last-child { margin-left: 0; } .post-related .post-categories li:last-child:after { content: ''; display: none; } .site-content.single-post-02 { padding-top: 0; } .site-content.single-post-02 .heading-post { background-color: $primary_color; padding: 195px 0 60px; margin-bottom: 60px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .site-content.single-post-02 .heading-post:before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); } .site-content.single-post-02 .heading-post .container-boxed { position: relative; z-index: 1; } .site-content.single-post-02 .heading-post .post-categories li a, .site-content.single-post-02 .heading-post .post-title .entry-title, .site-content.single-post-02 .heading-post .post-categories li:after, .site-content.single-post-02 .heading-post .post-author .head-author a, .site-content.single-post-02 .heading-post .post-meta .post-comment span { color: #fff; } .site-content.single-post-02 .heading-post .post-author .head-author > span, .site-content.single-post-02 .heading-post .post-author .entry-bio { color: #cccccc; } .site-content.single-post-02 .heading-post .post-cate, .site-content.single-post-02 .heading-post .post-meta .post-comment, .site-content.single-post-02 .heading-post .post-author { margin-bottom: 0; } .site-content.single-post-02 .heading-post.fullscreen { height: 100vh; padding: 0; } .site-content.single-post-02 .heading-post.fullscreen .container.container-boxed { height: 100%; } .site-content.single-post-02 .heading-post.fullscreen .container-boxed-inner { position: absolute; bottom: 60px; right: 0; left: 0; } .sala-portfolio .portfolio-thumbnail a { display: block; position: relative; overflow: hidden; } .sala-portfolio .portfolio-thumbnail a img { display: block; width: 100%; object-fit: cover; } .sala-portfolio .portfolio-detail { margin-top: 24px; } .sala-portfolio .portfolio-title { -ms-word-break: break-word; word-break: break-word; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; } .sala-portfolio .portfolio-title .entry-title { margin-bottom: 15px; } .sala-portfolio .portfolio-title span { padding: 0 12px; border-radius: 20px; background-color: $accent_color; color: #fff; display: inline-table; margin-right: 8px; list-style: 24px; } .sala-portfolio .portfolio-title a { font-size: 32px; font-weight: 700; line-height: 1.33; display: block; } .sala-portfolio .portfolio-meta { font-size: 15px; display: flex; flex-wrap: wrap; color: #aaaaaa; align-items: center; } .sala-portfolio .portfolio-meta > div { position: relative; margin-left: 30px; margin-bottom: 5px; } .sala-portfolio .portfolio-meta > div:last-child { margin-left: 0; } .sala-portfolio .portfolio-meta > div:last-child:after { display: none; } .sala-portfolio .portfolio-meta > div:after { content: ''; height: 4px; width: 4px; border-radius: 50%; background-color: #eeeeee; display: block; position: absolute; left: -17px; top: 11px; } .sala-portfolio .portfolio-meta .portfolio-time { font-size: 15px; font-weight: 500; color: #aaaaaa; } .sala-portfolio .portfolio-meta .portfolio-author span { margin-left: 5px; } .sala-portfolio .portfolio-meta .portfolio-author a { font-weight: 600; color: $text_color; } .sala-portfolio .portfolio-meta .portfolio-author a:hover { color: $accent_color; } .sala-portfolio .portfolio-meta .portfolio-comment { color: #aaaaaa; font-weight: 500; } .sala-portfolio .portfolio-meta .portfolio-comment i { font-size: 15px; font-weight: 500; vertical-align: -1px; } .sala-portfolio .portfolio-taxonomy { padding-right: 0; margin-bottom: 0; position: relative; } .sala-portfolio .portfolio-taxonomy li { list-style: none; display: inline-block; position: relative; margin-top: 0; } .sala-portfolio .portfolio-taxonomy li a { font-size: 15px; font-weight: 500; line-height: 1.6; } .sala-portfolio .portfolio-taxonomy li:after { content: ','; color: #1a1a1a; } .sala-portfolio .portfolio-taxonomy li:last-child { margin-left: 0; } .sala-portfolio .portfolio-taxonomy li:last-child:after { content: ''; display: none; } .sala-portfolio .portfolio-excerpt p { font-size: 16px; color: $text_color; } .sala-portfolio .btn-readmore { margin-top: 25px; } .sala-portfolio .btn-readmore a { font-size: 16px; font-weight: 500; line-height: 1.5; position: relative; padding-left: 35px; } .sala-portfolio .btn-readmore a:after { content: '\f178'; font-size: 18px; font-weight: normal; font-family: 'Font Awesome 5 Pro'; position: absolute; left: 0; } .portfolio .portfolio-thumbnail { position: relative; } .portfolio .portfolio-thumbnail:before { content: ''; font-size: 18px; font-weight: normal; font-family: 'Font Awesome 5 Pro'; width: 40px; height: 40px; border-radius: 50%; display: block; position: absolute; top: 35px; left: 35px; line-height: 40px; text-align: center; color: #fff; } .portfolio.format-aside .portfolio-thumbnail:before { content: '\f0db'; background-color: $primary_color; z-index: 1; } .portfolio.format-gallery .portfolio-thumbnail:before { content: '\f302'; background-color: $primary_color; z-index: 1; } .portfolio.format-image .portfolio-thumbnail:before { content: '\f03e'; background-color: $primary_color; z-index: 1; } .portfolio.format-audio .portfolio-thumbnail:before { content: '\f028'; background-color: $primary_color; z-index: 1; } .portfolio.format-video .portfolio-thumbnail:before { content: '\f04b'; background-color: $primary_color; z-index: 1; } .portfolio.format-link .portfolio-thumbnail:before { content: '\f0c1'; background-color: $primary_color; z-index: 1; } .portfolio.format-quote .portfolio-thumbnail:before { content: '\f10e'; background-color: $primary_color; z-index: 1; } .sala-portfolio-grid .portfolio-title a { font-size: 24px; line-height: 1.57; } .sala-portfolio-grid .sala-portfolio-card.portfolio { position: relative; } .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail { margin-bottom: 0; } .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail + .portfolio-detail { position: absolute; bottom: 0; right: 0; left: 0; padding: 0 24px 26px; } .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail + .portfolio-detail .portfolio-taxonomy li:after { color: #fff; } .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail + .portfolio-detail .portfolio-title a { font-size: 24px; } .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail + .portfolio-detail a, .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail + .portfolio-detail .portfolio-excerpt p { color: #fff; } .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail + .portfolio-detail .portfolio-meta .portfolio-cate { margin-bottom: 3px; } .sala-portfolio-grid .sala-portfolio-card.portfolio .portfolio-thumbnail + .portfolio-detail .btn-readmore { margin-top: 20px; } .sala-portfolio-masonry .portfolio-detail { padding-top: 25px; } .sala-portfolio-masonry .portfolio-thumbnail { margin-bottom: 0; } .sala-portfolio-masonry .portfolio-title a { font-size: 28px; line-height: 1.57; } .sala-portfolio-masonry .sala-portfolio-box.portfolio .portfolio-detail, .sala-portfolio-masonry .sala-portfolio-box-background.portfolio .portfolio-detail { padding: 25px; border: solid 1px #eeeeee; border-radius: 0 0 5px 5px; } .sala-portfolio-masonry .sala-portfolio-box-background.portfolio .portfolio-detail { background-color: #f9f9f9; border: 0; } .sala-portfolio-taxonomy { text-align: center; margin-bottom: 60px; } .sala-portfolio-taxonomy ul { padding-right: 0; margin: -10px -20px; overflow: hidden; } .sala-portfolio-taxonomy li { list-style: none; display: inline-block; margin: 10px 20px; } .sala-portfolio-taxonomy li a { font-size: 16px; font-weight: 500; line-height: 1.63; padding-bottom: 10px; border-bottom: 1px solid transparent; } .sala-portfolio-taxonomy li.active a { display: block; position: relative; color: $accent_color; border-color: $accent_color; } .sala-portfolio-default .entry-title { font-size: 32px; } .sala-minimal.sala-portfolio .inner-portfolio-wrap, .sala-modern.sala-portfolio .inner-portfolio-wrap { position: relative; overflow: hidden; } .sala-minimal.sala-portfolio .portfolio-detail, .sala-modern.sala-portfolio .portfolio-detail { position: absolute; bottom: 0; right: 0; left: 0; padding: 40px; background-image: linear-gradient(rgba(238, 238, 238, 0), rgba(4, 4, 4, 0.5)); } .sala-minimal.sala-portfolio a, .sala-minimal.sala-portfolio p, .sala-modern.sala-portfolio a, .sala-modern.sala-portfolio p { color: #fff; } .sala-modern.sala-portfolio .portfolio-detail { opacity: 0; visibility: hidden; transition: all 0.3s; bottom: -50px; } .sala-modern.sala-portfolio .sala-box:hover .portfolio-detail { opacity: 1; visibility: visible; bottom: 0; } .sala-portfolio-mosaic .portfolio:nth-child(4n+1) { padding-right: 60px; } .sala-portfolio-mosaic .portfolio:nth-child(4n+2) { padding-left: 60px; } .sala-portfolio-metro { display: grid; grid-gap: 60px; } .sala-portfolio-metro .inner-portfolio-wrap { width: 100%; } .sala-portfolio-metro .portfolio { position: static !important; } .sala-portfolio-metro .portfolio:nth-child(6n+2) { grid-column-start: 1; grid-column-end: 5; } .sala-portfolio-metro .portfolio:nth-child(6n+3) { grid-column-start: 5; grid-column-end: 7; } .sala-portfolio-metro .portfolio:nth-child(6n) { grid-column-start: 1; grid-column-end: 3; } .sala-portfolio-metro .portfolio:nth-child(6n+1) { grid-column-start: 3; grid-column-end: 7; } .sala-portfolio-metro .portfolio:nth-child(6n+4) { grid-column-start: 1; grid-column-end: 4; } .sala-portfolio-metro .portfolio:nth-child(6n+5) { grid-column-start: 4; grid-column-end: 7; } .single .inner-portfolio-wrap { margin-bottom: 40px; } .single .portfolio-thumbnail a { display: flex; } .single .portfolio-title { margin-bottom: 10px; text-align: center; max-width: 540px; margin: 0 auto 30px; } .single .portfolio-title h1 { font-size: 56px; line-height: 1.1; } .single .portfolio-excerpt { margin-bottom: 40px; } .single .portfolio-excerpt p { color: $text_color; } .single .portfolio-meta { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; max-width: 640px; margin: 0 auto 80px; justify-content: center; } .single .portfolio-meta .portfolio-meta-item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin-bottom: 0; padding-right: 25px; padding-left: 25px; border-right: 1px solid #eeeeee; } .single .portfolio-meta .portfolio-meta-item .title { display: block; width: 100%; color: $primary_color; font-size: 16px; font-weight: 500; } .single .portfolio-meta .portfolio-meta-item .content { color: $text_color; } .single .portfolio-meta .portfolio-meta-item .content a { color: $text_color; } .single .portfolio-meta .portfolio-meta-item .content i { margin-right: 5px; color: $accent_color; } .single .portfolio-meta .portfolio-meta-item .content a:hover { color: $accent_color; } .single .portfolio-content { margin-bottom: 68px; } .single .portfolio-content:after { content: ""; display: table; clear: both; } .single .portfolio-categories { padding-right: 0; margin-bottom: 0; } .single .portfolio-categories li { list-style: none; display: inline-block; position: relative; margin-top: 0; } .single .portfolio-categories li a { font-size: 15px; font-weight: 500; line-height: 1.6; } .single .portfolio-categories li:after { content: ','; color: $primary_color; } .single .portfolio-categories li:last-child { margin-left: 0; } .single .portfolio-categories li:last-child:after { content: ''; display: none; } .single .portfolio-bottom { clear: both; display: flex; flex-wrap: wrap; align-items: flex-start; margin-right: -15px; margin-left: -15px; } .single .portfolio-bottom > div { padding-right: 15px; padding-left: 15px; } .single .site-content.has-sidebar .portfolio-share { display: flex; flex-wrap: wrap; padding: 5px 0; position: static; } .single .site-content.has-sidebar .portfolio-share .share-label { margin-left: 15px; } .single .site-content.has-sidebar .portfolio-share .share-list a { margin-left: 15px; } .single .site-content.has-sidebar .portfolio-share .share-list a:last-child { margin-left: 0; } .single .portfolio-slider { margin-bottom: 150px; } .single .portfolio-slider .block-heading { text-align: center; max-width: 540px; margin: 0 auto 30px; } .single .portfolio-slider .block-heading h3 { font-size: 40px; line-height: 1.2; margin-bottom: 15px; } .single .portfolio-slider .block-heading p { font-size: 16px; color: $text_color; line-height: 1.5; } .single .portfolio-video { margin-bottom: 80px; } .single .portfolio-video .entry-title { font-size: 40px; text-align: center; margin-bottom: 30px; } .single .portfolio-video .thumb-preview { position: relative; } .single .portfolio-video .thumb-preview .icon { height: 64px; width: 64px; line-height: 64px; text-align: center; font-size: 24px; background-color: $primary_color; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); display: block; color: #fff; cursor: pointer; } .single .portfolio-video .thumb-preview .icon i { font-weight: 400; padding-right: 5px; } .single .portfolio-video .thumb-preview .icon:after { content: ''; border-color: inherit; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 0; right: 0; opacity: 0; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -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; } .single .entry-portfolio-video img { width: 100%; max-height: 670px; object-fit: cover; } .single .entry-portfolio-video .bg-overlay { background: rgba(11, 11, 11, 0.9); } .single .entry-portfolio-video .sala-popup { position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 9; opacity: 0; visibility: hidden; transition: all 0.3s; } .single .entry-portfolio-video .sala-popup.open { opacity: 1; visibility: visible; } .single .entry-portfolio-video .sala-popup .embed-responsive { padding: 136px 10vw; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .single .entry-portfolio-video .sala-popup iframe { width: 100%; height: 100%; z-index: 7; } .single .thankyou { font-size: 24px; color: $primary_color; font-weight: 600; text-align: center; margin-bottom: 100px; } .single .portfolio-tags { display: flex; flex-wrap: wrap; flex: 1; margin: -4px; } .single .portfolio-tags a, .single .portfolio-tags span { font-size: 15px; font-weight: 500; line-height: 1.6; padding: 7px 20px 8px; margin: 4px; border-radius: 3px; background: #f7f7f7; border: 0; overflow: hidden; } .single .portfolio-tags span { background-color: transparent; padding-right: 0; padding-left: 10px; margin-right: 0; } .single .portfolio-tags a:hover { background-color: $accent_color; color: #fff; } .single .portfolio-tags + .portfolio-share { justify-content: flex-end; flex: 0 0 30%; max-width: 30%; } .single .portfolio-author { display: flex; margin-bottom: 40px; width: 100%; align-items: center; } .single .portfolio-author .inner-left { display: inline-flex; flex: 0 0 60px; } .single .portfolio-author .inner-left + .inner-right { padding-right: 20px; } .single .portfolio-author .entry-avatar { display: inline-block; overflow: hidden; } .single .portfolio-author .entry-avatar a { display: flex; } .single .portfolio-author .entry-avatar img { width: 60px; height: 60px; object-fit: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single .portfolio-author .head-author { display: flex; align-items: center; } .single .portfolio-author .head-author span { color: $text_color; margin-left: 5px; } .single .portfolio-author .head-author .entry-title { font-size: 16px; font-weight: 500; margin-bottom: 0; } .single .portfolio-author .entry-bio { margin-bottom: 0; font-size: 14px; color: $text_color; } .single .portfolio-author-bio { padding: 25px; background-color: #f9f9f9; } .single .portfolio-author-bio .inner-left { flex: 0 0 100px; } .single .portfolio-author-bio .entry-avatar img { width: 100px; height: 100px; } .single .portfolio-author-bio .head-author { align-items: flex-end; margin-bottom: 10px; } .single .portfolio-author-bio .head-author .entry-title { margin-bottom: 0; } .single .portfolio-author-bio .head-author .list-info { margin-bottom: 0; padding-right: 0; } .single .portfolio-author-bio .head-author .list-info li { list-style: none; display: inline-block; padding-right: 15px; } .single .portfolio-paginate { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; } .single .paginate-item { padding: 115px 15px; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: $primary_color; flex: 1; } .single .paginate-item span { display: block; width: 100%; font-size: 16px; color: #fff; } .single .paginate-item a { font-size: 32px; font-weight: 600; color: #fff; } .single-portfolio-01 #primary { padding-right: 0; padding-left: 0; } .single-portfolio-01 .portfolio-excerpt { text-align: center; max-width: 540px; margin: 0 auto 40px; } .container-boxed .content-area { padding-right: 80px; padding-left: 80px; } ul.portfolio-taxonomy { margin: 0; padding-right: 0; } ul.portfolio-taxonomy li { list-style: none; display: inline-block; } ul.portfolio-taxonomy li a { color: $text_color; } ul.portfolio-taxonomy li a:hover { color: $accent_color; } ul.portfolio-taxonomy li:not(:last-child):after { content: ','; } .portfolio-meta > div { margin-bottom: 20px; } .portfolio-thumbnail { text-align: center; } .site-content.no-sidebar .portfolio-share { position: absolute; top: 15px; left: -100px; display: block; text-align: center; padding: 0 !important; } .site-content.no-sidebar .portfolio-share .share-label { transform: rotate(-90deg); color: $text_color; font-size: 16px; margin-left: 0; margin-bottom: 30px; } .site-content.no-sidebar .portfolio-share .share-list a { display: block; height: 36px; line-height: 36px; width: 36px; text-align: center; background-color: #f9f9f9; border-radius: 50%; padding: 0; margin: 20px auto 0; } .portfolio-related { overflow: hidden; width: 100%; padding: 80px 0; background-color: #f9f9f9; } .portfolio-related .block-heading { margin-bottom: 30px; } .portfolio-related .block-heading .entry-title { font-size: 24px; font-weight: bold; } .portfolio-related .portfolio-title { font-size: 18px; line-height: 28px; margin-bottom: 0; } .portfolio-related .related-portfolio-thumbnail { margin-bottom: 24px; } .portfolio-related .related-portfolio-thumbnail a { display: flex; } .portfolio-related .related-portfolio-title .entry-title { font-size: 24px; line-height: 1.57; font-weight: 700; margin-bottom: 0; } .portfolio-related .related-portfolio-meta { font-size: 15px; display: flex; flex-wrap: wrap; color: #aaaaaa; align-items: center; } .portfolio-related .related-portfolio-meta > div { position: relative; margin-left: 30px; } .portfolio-related .related-portfolio-meta > div:last-child { margin-left: 0; } .portfolio-related .related-portfolio-meta > div:last-child:after { display: none; } .portfolio-related .related-portfolio-meta > div:after { content: ''; height: 4px; width: 4px; border-radius: 50%; background-color: #eeeeee; display: block; position: absolute; left: -17px; top: 11px; } .portfolio-related .related-portfolio-meta .portfolio-time { font-size: 15px; font-weight: 500; color: #aaaaaa; } .portfolio-related .related-portfolio-meta .portfolio-author span { margin-left: 5px; } .portfolio-related .related-portfolio-meta .portfolio-author a { font-weight: 600; color: $text_color; } .portfolio-related .related-portfolio-meta .portfolio-author a:hover { color: $accent_color; } .portfolio-related .related-portfolio-meta .portfolio-comment { color: #aaaaaa; font-weight: 500; } .portfolio-related .related-portfolio-meta .portfolio-comment i { font-size: 15px; font-weight: 500; vertical-align: -1px; } .portfolio-related .portfolio-categories { padding-right: 0; margin-bottom: 0; } .portfolio-related .portfolio-categories li { list-style: none; display: inline-block; position: relative; margin-top: 0; } .portfolio-related .portfolio-categories li a { font-size: 15px; font-weight: 500; line-height: 1.6; } .portfolio-related .portfolio-categories li:after { content: ','; } .portfolio-related .portfolio-categories li:last-child { margin-left: 0; } .portfolio-related .portfolio-categories li:last-child:after { content: ''; display: none; } .single-portfolio-02 #primary { padding-right: 0; padding-left: 0; } .single-portfolio-02 .heading-portfolio { display: flex; margin-bottom: 80px; } .single-portfolio-02 .heading-portfolio-left { flex: 1; } .single-portfolio-02 .portfolio-title, .single-portfolio-02 .portfolio-meta { max-width: 100%; margin: 0; flex: 1; } .single-portfolio-02 .portfolio-title { text-align: right; } .single-portfolio-02 .portfolio-excerpt { margin-bottom: 0; } .single-portfolio-02 .portfolio-meta { padding: 0 100px; flex-wrap: wrap; } .single-portfolio-02 .portfolio-meta .portfolio-meta-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } body.admin-bar .single-portfolio-03 .inner-content-wrap .inner-content-left-wrap { top: 62px; } .single-portfolio-03 #primary { padding-right: 0; padding-left: 0; } .single-portfolio-03 .inner-content-wrap { display: flex; margin-right: -30px; margin-left: -30px; } .single-portfolio-03 .inner-content-wrap .inner-content-left-wrap { position: sticky; top: 0; } .single-portfolio-03 .inner-content-wrap .inner-content-left, .single-portfolio-03 .inner-content-wrap .inner-content-right { flex: 1; padding: 0 30px; } .single-portfolio-03 .inner-content-wrap .portfolio-title { max-width: 100%; text-align: right; } .single-portfolio-03 .inner-left-bottom { display: flex; } .single-portfolio-03 .portfolio-meta { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding-left: 100px; } .single-portfolio-03 .portfolio-meta .portfolio-meta-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 15px 0; border-top: 1px solid #eeeeee; border-right: 0; } .single-portfolio-03 .portfolio-meta .portfolio-meta-item:first-child { border-top: 0; padding-top: 0; } .single-portfolio-03 .no-swiper .swiper-wrapper { display: block; } .single-portfolio-03 .no-swiper .swiper-slide { margin-bottom: 30px; } .single-portfolio-03 .portfolio-slider { margin-bottom: 30px; } @keyframes video_sc { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); opacity: 1; } 100% { -webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.5); opacity: 0; } } @-webkit-keyframes video_sc { 0% { background: rgba(0, 0, 0, 0.5); -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { background: rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } .fal, .far { font-family: "Font Awesome 5 Pro" !important; } .elementor-widget-heading .elementor-heading-title { margin-bottom: 0; } .sala-grid-filter { padding-bottom: 61px; } .sala-grid-filter .container { padding-right: 0; padding-left: 0; } .sala-grid-wrapper .sala-grid-filter-buttons { margin-right: -15px; margin-left: -15px; } .sala-grid-wrapper.filter-style-01 .btn-filter { position: relative; display: inline-block; padding: 0; margin: 5px 17px; color: inherit; border-bottom: 1px solid transparent; } .sala-grid-wrapper.filter-style-01 .btn-filter:hover .filter-counter { visibility: visible; opacity: 1; transform: translate(50%, -100%); } .sala-grid-wrapper.filter-style-01 .btn-filter.current { border-color: currentColor; } .sala-grid-wrapper.filter-style-01 .btn-filter.current .filter-text { font-weight: 500; } .sala-grid-wrapper.filter-style-01 .filter-text { font-size: 12px; font-weight: 500; line-height: 1.34; text-transform: uppercase; letter-spacing: 1.38px; } .sala-grid-wrapper.filter-style-01 .filter-counter { position: absolute; top: 0; right: 50%; visibility: hidden; margin: 0 auto; min-width: 34px; height: 24px; line-height: 24px; border-radius: 3px; font-size: 12px; background-color: #111; color: #fff; text-align: center; opacity: 0; transform: translate(50%, -50%); } .sala-grid-wrapper.filter-style-01 .filter-counter:before { position: absolute; left: 0; bottom: -4px; right: 0; display: block; margin: 0 auto; width: 0; height: 0; border-top: 4px solid #111; border-left: 4px solid transparent; border-right: 4px solid transparent; content: ""; } .sala-grid-loader { position: absolute; top: 0; right: 0; left: 0; bottom: 0; color: #111; background: rgba(255, 255, 255, 0.3); opacity: 0; visibility: hidden; pointer-events: none; display: flex; align-items: center; justify-content: center; } .sala-grid-loader.show { pointer-events: auto; z-index: 2; opacity: 1; visibility: visible; } .sala-grid-loader .sk-wrap { margin: 0 auto; } .sala-grid-loader .sk-circle { width: 80px; height: 80px; } .sala-infinite-loader { display: none; margin: 0; } .sala-infinite-loader .sk-wrap { margin: 0 auto; } .sala-infinite-loader.show { display: inline-block; } .sala-grid-pagination { padding-top: 50px; text-align: center; } .sala-grid-pagination .pagination-wrapper { display: inline-block; } .sala-grid-pagination .page-pagination { display: inline-block; } .sala-grid-pagination .navigation-buttons { display: flex; align-items: center; color: #111; } .sala-grid-pagination .navigation-buttons .nav-line { width: 150px; height: 1px; flex-shrink: 0; background: currentColor; margin: 0 30px; } .sala-grid-pagination .navigation-buttons .nav-link { user-select: none; cursor: pointer; font-size: 34px; line-height: 1.2; font-weight: 500; } .sala-grid-pagination .navigation-buttons .disabled { opacity: .5; cursor: not-allowed; } .sala-load-more-button.sala-button { min-width: 250px; } .sala-load-more-button.sala-button.style-border { border-color: #eee; } .sala-load-more-button.sala-button.style-border:hover { border-color: transparent; } .sala-grid-messages { margin: 50px 0; text-align: center; } .sala-grid-sorting { margin-bottom: 10px; } .sala-grid-sorting .result-count { margin: 0 0 20px; color: #7e7e7e; } .sala-grid-sorting .result-count .count { font-weight: 500; color: #333; } .sala-grid-sorting .ordering { text-align: left; margin: 0 0 20px; } .sala-grid-sorting .ordering .sala-fake-select-wrap { width: 260px; } .sala-grid-sorting .ordering .sala-fake-select-current .label:before { content: '\f036'; vertical-align: middle; font-size: 16px; } .sala-grid-metro .grid-item-height .sala-box, .sala-grid-metro .grid-item-height .sala-image { height: 100%; } .sala-grid-metro .grid-item-height .sala-image img { width: 100%; height: 100%; object-fit: cover; } .lazy-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .lazy-grid .grid-sizer { display: none; } .lazy-grid.loaded { display: block; } .lazy-grid.loaded .grid-sizer { display: block; } @media (max-width: 767.98px) { .sala-grid-wrapper .sala-grid-filter-buttons { display: block; } .sala-grid-sorting { text-align: right; } .sala-grid-sorting .ordering { text-align: right; } } .sala-accordion .accordion-section.active > .accordion-header .closed-icon { display: block; } .sala-accordion .accordion-section.active > .accordion-header .opened-icon { display: none; } .sala-accordion .accordion-header { display: flex; align-items: center; min-height: 60px; cursor: pointer; } .sala-accordion .accordion-title-wrapper { font-size: 0; flex-grow: 1; } .sala-accordion .accordion-title { display: inline-block; margin-bottom: 0; color: inherit; font-size: 18px; } .sala-accordion .accordion-icons { font-size: 20px; color: #8c89a2; flex-shrink: 0; margin: 0 10px 0 0; line-height: 0; } .sala-accordion .accordion-icons .closed-icon { display: none; } .sala-accordion .accordion-content { display: none; color: #7e7e7e; } .sala-accordion.sala-accordion-icon-left .accordion-header { flex-direction: row-reverse; } .sala-accordion.sala-accordion-icon-left .accordion-icons { margin-right: 0; margin: 0 0 0 10px; } .sala-accordion-style-01 .sala-accordion .accordion-section { border-radius: 5px; overflow: hidden; background: #fff; box-shadow: 0 15px 50px rgba(51, 51, 51, 0.1); } .sala-accordion-style-01 .sala-accordion .accordion-section + .accordion-section { margin: 30px 0 0; } .sala-accordion-style-01 .sala-accordion .accordion-section.active .accordion-title, .sala-accordion-style-01 .sala-accordion .accordion-section.active .accordion-icons, .sala-accordion-style-01 .sala-accordion .accordion-section:hover .accordion-title, .sala-accordion-style-01 .sala-accordion .accordion-section:hover .accordion-icons { color: #1A1A1A; } .sala-accordion-style-01 .sala-accordion .accordion-header { padding: 10px 20px; } .sala-accordion-style-01 .sala-accordion .accordion-content { line-height: 1.6; padding: 25px 30px; } .sala-accordion-style-02 .sala-accordion .accordion-title { font-weight: 600; } .sala-accordion-style-02 .sala-accordion .accordion-section { border: 1px solid #eee; border-radius: 5px; overflow: hidden; } .sala-accordion-style-02 .sala-accordion .accordion-section + .accordion-section { margin: 30px 0 0; } .sala-accordion-style-02 .sala-accordion .accordion-section.active, .sala-accordion-style-02 .sala-accordion .accordion-section:hover { border-color: transparent !important; } .sala-accordion-style-02 .sala-accordion .accordion-section.active .accordion-title, .sala-accordion-style-02 .sala-accordion .accordion-section.active .accordion-icons, .sala-accordion-style-02 .sala-accordion .accordion-section:hover .accordion-title, .sala-accordion-style-02 .sala-accordion .accordion-section:hover .accordion-icons { color: #1A1A1A; } .sala-accordion-style-02 .sala-accordion .accordion-section.active { background: #fff; box-shadow: 0 18px 40px rgba(51, 51, 51, 0.1); } .sala-accordion-style-02 .sala-accordion .accordion-header { padding: 10px 20px; } .sala-accordion-style-02 .sala-accordion .accordion-content { padding: 25px 30px; } .sala-accordion-style-03 .sala-accordion .accordion-section { border-bottom: 1px solid #eee; padding: 9px 0; } .sala-accordion-style-03 .sala-accordion .accordion-header { min-height: 64px; } .sala-accordion-style-03 .sala-accordion .accordion-title { font-size: 24px; font-weight: 600; } .sala-accordion-style-03 .sala-accordion .accordion-icons { color: #ababab; font-size: 24px; } .sala-accordion-style-03 .sala-accordion .accordion-content { padding: 0 0 25px; } @media (max-width: 1024px) { .sala-accordion-style-03 .sala-accordion .accordion-title { font-size: 21px; } } @media (max-width: 767px) { .sala-accordion-style-03 .sala-accordion .accordion-title { font-size: 18px; } } .wpcf7 .wpcf7-response-output { margin: 30px 0 0; padding: 15px 20px; border: 0; color: #fff; } .wpcf7 .wpcf7-validation-errors { background: #f0ad4e; } .wpcf7 .wpcf7-mail-sent-ok { background: #5cb85c; } .wpcf7 .wpcf7-not-valid-tip { margin-top: 5px; color: #d9534f; font-size: 12px; } .sala-contact-form-7 .wpcf7-form p { position: relative; } .sala-contact-form-7 .wpcf7-form br { display: none; } .sala-contact-form-7 label, .sala-contact-form-7 span { display: block; } .sala-contact-form-7 input, .sala-contact-form-7 textarea { border-top: 0; border-right: 0; border-left: 0; border-bottom: 1px solid #1a1a1a; border-radius: 0; background-color: transparent; width: 100%; resize: none; padding: 0; height: 42px; line-height: 42px; min-height: auto; } .sala-contact-form-7 input::-webkit-input-placeholder, .sala-contact-form-7 textarea::-webkit-input-placeholder { /* Edge */ text-transform: uppercase; font-size: 15px; font-weight: 500; letter-spacing: 2px; color: #2d2d2d; font-family: "Sofia Pro"; } .sala-contact-form-7 input:-ms-input-placeholder, .sala-contact-form-7 textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ text-transform: uppercase; font-size: 15px; font-weight: 500; letter-spacing: 2px; color: #2d2d2d; font-family: "Sofia Pro"; } .sala-contact-form-7 input::placeholder, .sala-contact-form-7 textarea::placeholder { text-transform: uppercase; font-size: 15px; font-weight: 500; letter-spacing: 2px; color: #2d2d2d; font-family: "Sofia Pro"; } .sala-contact-form-7 input[type="submit"] { padding: 0 28px; border-radius: 3px; background-color: $accent_color; font-size: 15px; font-weight: 500; letter-spacing: 2px; width: auto; text-transform: uppercase; border: 0; color: #fff; cursor: pointer; } .sala-contact-form-7 textarea { height: 80px; } .sala-contact-form-7 .wpcf7-textarea { height: 150px; } .sala-contact-form-7 .ajax-loader { display: none !important; } .sala-contact-form-7 .form-submit { text-align: center; display: flex; } .sala-button-align-start .form-submit { justify-content: flex-start; } .sala-button-align-center .form-submit { justify-content: center; } .sala-button-align-end .form-submit { justify-content: flex-end; } .sala-button-align-stretch .form-submit input[type='submit'], .sala-button-align-stretch .form-submit button { text-align: center; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .sala-mailchimp-form { max-width: 470px; margin: 0 auto; } .sala-mailchimp-form label { display: block; position: relative; } .sala-mailchimp-form label:after { content: '\f061'; font-family: "Font Awesome 5 Pro"; font-weight: 500; position: absolute; left: 20px; top: 20px; font-size: 24px; color: #fff; z-index: 1; } .sala-mailchimp-form input { border-radius: 3px; border: solid 1px #fff; background-color: transparent; padding: 0 30px 0 60px; height: 80px; line-height: 78px; color: #fff; font-size: 16px; position: relative; z-index: 2; } .sala-mailchimp-form input[type="email"]:focus { background-color: transparent; border-color: #fff; color: #fff; } .sala-mailchimp-form input[type='email']::-webkit-input-placeholder { color: #fff; font-size: 16px; } .sala-mailchimp-form input[type='email']:-moz-placeholder { color: #fff; font-size: 16px; } .sala-mailchimp-form input[type='email']::-moz-placeholder { color: #fff; font-size: 16px; } .sala-mailchimp-form input[type='email']:-ms-input-placeholder { color: #fff; font-size: 16px; } .sala-modern-carousel .swiper-slide { overflow: visible !important; } .sala-modern-carousel .slide-tags { margin-bottom: 10px; } .sala-modern-carousel .slide-tag { display: inline-block; font-size: 12px; font-weight: 500; line-height: 1.4; text-transform: uppercase; letter-spacing: 1.38px; color: #1a1a1a; padding: 7px 13px 5px; margin-bottom: 5px; } .sala-modern-carousel .description-wrap { margin-top: 10px; } .sala-modern-carousel .slide-button.left-icon .button-icon { margin-left: 5px; } .sala-modern-carousel .slide-button.right-icon .button-icon { margin-right: 5px; } .sala-modern-carousel-style-01 .swiper-inner { margin: 0 -30px -60px; } .sala-modern-carousel-style-01 .swiper-container { padding: 0 30px 60px; } .sala-modern-carousel-style-01 .slide-wrapper { display: block; height: 100%; } .sala-modern-carousel-style-01 .slide-wrapper:hover .slide-image { box-shadow: 0 60px 40px -40px rgba(51, 51, 51, 0.41); } .sala-modern-carousel-style-01 .sala-icon { font-size: 36px; width: 120px; height: 120px; line-height: 120px; border: solid 1px #eeeeee; border-radius: 50%; margin: 0 auto; } .sala-modern-carousel-style-01 .slide-image { position: relative; height: 100%; } .sala-modern-carousel-style-01 .slide-image img { object-fit: cover; height: 100%; } .sala-modern-carousel-style-01 .slide-overlay { position: absolute; bottom: 0; right: 0; left: 0; height: 50%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); } .sala-modern-carousel-style-01 .slide-content { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: flex; align-items: flex-end; } .sala-modern-carousel-style-01 .slide-layers { padding: 30px 35px 38px; } .sala-modern-carousel-style-01 .title { font-size: 22px; line-height: 1.46; color: #fff; margin-bottom: 0; } .sala-modern-carousel-style-01 .description { color: #fff; } .sala-modern-carousel-style-01 .button-wrap { margin: 10px 0 0; } .sala-modern-carousel-style-01 .slide-button { font-size: 14px; font-weight: 700; color: #fff; } .sala-modern-carousel-style-02 .swiper-inner { margin: 0 -30px -40px; } .sala-modern-carousel-style-02 .swiper-container { padding: 0 30px 40px; } .sala-modern-carousel-style-02 .swiper-slide-visible .slide-wrapper { box-shadow: 0 10px 30px rgba(51, 51, 51, 0.1); } .sala-modern-carousel-style-02 .sala-icon { font-size: 36px; width: 120px; height: 120px; line-height: 120px; border: solid 1px #eeeeee; border-radius: 50%; margin: 0 auto; } .sala-modern-carousel-style-02 .slide-wrapper { display: block; height: 100%; background: #fff; border-radius: 5px; } .sala-modern-carousel-style-02 .slide-wrapper:hover .slide-button { color: #fff; } .sala-modern-carousel-style-02 .slide-wrapper:hover .slide-button:after { transform: none; } .sala-modern-carousel-style-02 .slide-image { position: relative; border-radius: 5px 5px 0 0; overflow: hidden; } .sala-modern-carousel-style-02 .slide-layers { padding: 30px 35px 86px; } .sala-modern-carousel-style-02 .title { font-size: 24px; font-weight: 600; line-height: 1.34; margin-bottom: 0; } .sala-modern-carousel-style-02 .button-wrap { position: absolute; bottom: 0; right: 0; left: 0; border-radius: 0 0 5px 5px; overflow: hidden; } .sala-modern-carousel-style-02 .slide-button { display: inline-flex; align-items: center; justify-content: center; text-align: center; height: 56px; width: 100%; font-size: 14px; font-weight: 700; border-radius: 0 0 5px 5px; text-align: center; border: 0; border-top: 1px solid #eee; } .sala-modern-carousel-style-02 .slide-button .button-content-wrapper { position: relative; z-index: 1; } .sala-modern-carousel-style-02 .slide-button:after { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; transform: translateY(100%); background: #20ad96; } .sala-modern-carousel-style-03 .sala-box { text-align: center; } .sala-modern-carousel-style-03 .sala-icon { font-size: 36px; width: 120px; height: 120px; line-height: 120px; border: solid 1px #eeeeee; border-radius: 50%; margin: 0 auto; } .sala-modern-carousel-style-03 .title { font-size: 14px; font-weight: 500; color: #5a5a5a; text-transform: uppercase; margin-bottom: 10px; } .sala-modern-carousel-style-03 .description { font-size: 16px; color: #1a1a1a; } .sala-modern-carousel-style-03 .button-wrap { position: absolute; bottom: 0; right: 0; left: 0; border-radius: 0 0 5px 5px; overflow: hidden; } .sala-modern-carousel-style-03 .slide-button { display: inline-flex; align-items: center; justify-content: center; text-align: center; height: 56px; width: 100%; font-size: 14px; font-weight: 700; border-radius: 0 0 5px 5px; text-align: center; border: 0; border-top: 1px solid #eee; } .sala-modern-carousel-style-03 .slide-button .button-content-wrapper { position: relative; z-index: 1; } .sala-modern-carousel-style-03 .slide-button:after { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; transform: translateY(100%); background: #20ad96; } @keyframes video-bounce-up { 0% { transform: scale(1, 1); } 25% { transform: scale(1.15, 1.15); } 50% { transform: scale(0.85, 0.85); } 100% { transform: scale(1, 1); } } .sala-popup-video { position: relative; } .sala-popup-video .video-link { display: inline-flex; flex-direction: column; width: 100%; } .sala-popup-video .video-poster { position: relative; } .sala-popup-video .video-play-icon { width: 90px; height: 90px; background: transparent; border: 3px solid #111; position: relative; border-radius: 50%; } .sala-popup-video .icon { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); line-height: 1; margin-right: 2px; z-index: 2; } .sala-popup-video .icon:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translate(50%, -50%); border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 14px solid #111; } .sala-popup-video .video-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .sala-popup-video .video-poster-caption { margin-top: 21px; font-size: 16px; font-style: italic; text-align: center; } .sala-popup-video.type-poster .video-poster { border-radius: 5px; } .sala-popup-video.type-poster .sala-image { border: 0 solid transparent; position: relative; border-radius: inherit; } .sala-popup-video.type-poster .sala-image img { border-radius: inherit; width: 100%; } .sala-popup-video.type-poster .video-play-icon { border-color: #fff; } .sala-popup-video.type-poster .icon:before { border-right-color: #fff; } .sala-popup-video.type-poster .video-button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; } .sala-popup-video.type-poster.poster-full-wide .video-link { display: block; } .sala-popup-video.type-poster.poster-full-wide .video-poster img { width: 100%; } .sala-popup-video.type-button { line-height: 0; } .sala-popup-video.type-button .video-link:hover .video-play { animation: 1s video-bounce-up; } .sala-popup-video.type-button > a { display: inline-block; text-align: center; } .sala-text-animate-line .video-link:hover .video-text:after { width: 100%; right: 0; left: auto; } .sala-text-animate-line .video-text { position: relative; padding-bottom: 5px; } .sala-text-animate-line .video-text:before, .sala-text-animate-line .video-text:after { content: ''; width: 0; height: 1px; position: absolute; right: auto; left: 0; bottom: 0; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor; } .sala-text-animate-line .video-text:before { width: 100%; background: rgba(0, 0, 0, 0.2); } .sala-popup-video-icon-position-top .video-button { display: flex; flex-direction: column; align-items: center; } .sala-popup-video-icon-position-top .video-play { margin: 0 0 20px; } .sala-popup-video-icon-position-left .video-button { display: flex; align-items: center; } .sala-popup-video-icon-position-left .video-play { margin: 0 0 0 20px; } .sala-popup-video-icon-position-right .video-button { display: flex; align-items: center; flex-direction: row-reverse; } .sala-popup-video-icon-position-right .video-play { margin: 0 20px 0 0; } .sala-social-networks { line-height: 0; } .sala-social-networks ul { display: inline-block; padding: 0; margin: 0 -8px; } .sala-social-networks li { margin: 0; } .sala-social-networks br { display: none; } .sala-social-networks .item { list-style-type: none; } .sala-social-networks .link { display: inline-block; padding: 5px 8px; transition: none; } .sala-social-networks.layout-list { display: block; } .sala-social-networks.layout-inline .item { display: inline-block; } .sala-social-networks.layout-two-columns ul { margin: 0 -10px; width: 100%; } .sala-social-networks.layout-two-columns .item { display: block; float: right; width: 50%; } .sala-social-networks.layout-two-columns .link { padding: 5px 10px; } .sala-social-networks.style-icons { font-size: 16px; } .sala-social-networks.style-large-icons { font-size: 20px; } .sala-social-networks.style-large-icons ul { margin: 0 -12px; } .sala-social-networks.style-large-icons .link { padding: 5px 12px; } .sala-social-networks.style-flat-rounded-icon ul { margin: -10px; } .sala-social-networks.style-flat-rounded-icon li { float: right; margin: 10px; } .sala-social-networks.style-flat-rounded-icon .item:hover .link { color: #fff; } .sala-social-networks.style-flat-rounded-icon .link { font-size: 20px; display: block; text-align: center; height: 55px; width: 55px; color: #fff; border-radius: 50%; position: relative; } .sala-social-networks.style-flat-rounded-icon .link-icon { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); } .sala-social-networks.style-solid-rounded-icon ul { margin: -10px; } .sala-social-networks.style-solid-rounded-icon li { float: right; margin: 10px; } .sala-social-networks.style-solid-rounded-icon .item:hover .link { color: #fff; border-color: transparent; } .sala-social-networks.style-solid-rounded-icon .link { font-size: 20px; display: block; text-align: center; height: 55px; width: 55px; background: transparent; color: #696969; border: 1px solid #e0e0e0; border-radius: 50%; position: relative; } .sala-social-networks.style-solid-rounded-icon .link-icon { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); } .sala-social-networks.style-icon-title .link-icon { font-size: 16px; min-width: 16px; margin-left: 10px; } .sala-social-networks.style-title { line-height: 1.2; } .sala-social-networks.style-title .link { line-height: 1; padding: 0; margin-right: 8px; margin-left: 8px; } .elementor-widget-sala-testimonial { text-align: center; } .elementor-widget-sala-testimonial .testimonial-item { position: relative; display: inline-block; width: 100%; max-width: 100%; } .elementor-widget-sala-testimonial.align-left { text-align: right; } .elementor-widget-sala-testimonial.align-right { text-align: left; } .elementor-widget-sala-testimonial .testimonial-main-content { display: flex; justify-content: center; } .elementor-widget-sala-testimonial .content-wrap { position: relative; display: inline-block; width: 100%; max-width: 100%; } .elementor-widget-sala-testimonial.layout-image-inline .image { flex-shrink: 0; margin: 0 0 0 10px; } .elementor-widget-sala-testimonial.layout-image-inline .info { display: inline-flex; align-items: center; text-align: right; } .elementor-widget-sala-testimonial.layout-image-inline .testimonial-rating { margin-bottom: 20px; } .elementor-widget-sala-testimonial.layout-image-inline.align-right .info { text-align: left; flex-direction: row-reverse; } .elementor-widget-sala-testimonial.layout-image-inline.align-right .image { flex-shrink: 0; margin: 0 30px 0 0; } .elementor-widget-sala-testimonial.layout-image-inline.align-right .testimonial-item { text-align: left; } .elementor-widget-sala-testimonial.layout-image-stacked .image { margin: 0 0 28px; } .elementor-widget-sala-testimonial.layout-image-stacked .info { display: inline-block; } .elementor-widget-sala-testimonial.layout-image-stacked .position { margin-top: 8px; } .elementor-widget-sala-testimonial.layout-image-above .image { margin-bottom: 20px; } .elementor-widget-sala-testimonial.layout-image-above .image:before { display: none; } .elementor-widget-sala-testimonial.layout-image-above .cite { display: block; margin-top: 46px; position: relative; } .elementor-widget-sala-testimonial.layout-image-above .position { margin-top: 11px; } .elementor-widget-sala-testimonial.layout-image-top .swiper-slide { padding: 70px 0 0; } .elementor-widget-sala-testimonial.layout-image-top .testimonial-item { padding-top: 60px; } .elementor-widget-sala-testimonial.layout-image-top .image { position: absolute; top: 0; right: 50%; transform: translate(50%, -50%); } .elementor-widget-sala-testimonial.layout-image-top .image img { width: 140px; height: 140px; } .elementor-widget-sala-testimonial.layout-image-top .info { padding: 34px 0 0; } .elementor-widget-sala-testimonial.layout-image-top-02 .image { margin: 0 0 30px; } .elementor-widget-sala-testimonial.layout-image-top-02 .image img { width: 124px; height: 124px; } .elementor-widget-sala-testimonial.layout-image-top-02 .info { padding: 21px 0 0; } .elementor-widget-sala-testimonial.layout-image-left .testimonial-item { display: flex; } .elementor-widget-sala-testimonial.layout-image-left .image { flex-shrink: 0; margin: 0 0 0 30px; } .elementor-widget-sala-testimonial.layout-image-left .image img { width: 70px; height: 70px; } .elementor-widget-sala-testimonial.layout-image-left .info { padding: 25px 0 0; } .elementor-widget-sala-testimonial.image-position-above .info { padding: 0 0 20px; } .elementor-widget-sala-testimonial.image-position-below .info { padding: 20px 0 0; } .elementor-widget-sala-testimonial.image-position-bottom .testimonial-main-content { height: 100%; } .elementor-widget-sala-testimonial.image-position-bottom .content-wrap { display: inline-flex; flex-direction: column; height: 100%; width: 100%; } .elementor-widget-sala-testimonial.image-position-bottom .content { flex-grow: 1; } .elementor-widget-sala-testimonial.image-position-bottom .info { padding: 60px 0 0; flex-shrink: 0; } .elementor-widget-sala-testimonial.image-position-bottom.align-center .info { justify-content: center; } .elementor-widget-sala-testimonial .image img { width: 90px; height: 90px; border-radius: 50%; } .elementor-widget-sala-testimonial .text { font-size: 18px; font-weight: 500; line-height: 1.67; color: #696969; } .elementor-widget-sala-testimonial .cite { font-style: normal; position: relative; } .elementor-widget-sala-testimonial .title { font-size: 20px; font-weight: 500; margin-bottom: 10px; } .elementor-widget-sala-testimonial .testimonial-rating { font-size: 14px; color: #fb0; letter-spacing: 2px; margin-bottom: 10px; } .elementor-widget-sala-testimonial .name { font-size: 20px; line-height: 1.3; margin-bottom: 0; } .elementor-widget-sala-testimonial .position { display: block; font-size: 15px; color: rgba(51, 51, 51, 0.7); } .sala-testimonial-cite-layout-inline .name { display: inline-block; } .sala-testimonial-cite-layout-inline .position { display: inline-block; margin: 0 13px 0 0; } .sala-testimonial-cite-layout-inline .position:before { content: ''; width: 4px; height: 4px; background-color: #d8d8d8; display: inline-block; vertical-align: 3px; margin-left: 10px; border-radius: 10px; } .elementor-widget-sala-testimonial.layout-image-left.sala-testimonial-style-01 .image, .elementor-widget-sala-testimonial.layout-image-left.sala-testimonial-style-01 .testimonial-main-content { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 0; } .elementor-widget-sala-testimonial.layout-image-left.sala-testimonial-style-01 img { width: 100%; height: 100%; border-radius: inherit; } .elementor-widget-sala-testimonial.layout-image-left.sala-testimonial-style-01 .testimonial-item { background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); } .elementor-widget-sala-testimonial.layout-image-left.sala-testimonial-style-01 .testimonial-main-content { padding: 50px; } .quote { background: url("assets/images/quote.png") no-repeat center; width: 47px; height: 34px; display: block; position: absolute; bottom: 5px; left: 0; } .sala-testimonial-pagination.style-01 { display: inline-block; width: 315px; max-width: 100%; margin-top: 30px; } .sala-testimonial-pagination.style-01 .swiper-slide .image { margin-bottom: 0; } .sala-testimonial-pagination.style-01 .swiper-slide .image img { width: 85px; height: 85px; border-radius: 50%; } .sala-testimonial-pagination.style-01 .swiper-slide:not(.swiper-slide-thumb-active) { cursor: pointer; } .sala-testimonial-pagination.style-01 .swiper-slide:not(.swiper-slide-thumb-active) img { opacity: .4; } @media only screen and (max-width: 550px) { .elementor-widget-sala-testimonial.layout-image-left .testimonial-item { display: block; text-align: center; } .elementor-widget-sala-testimonial.layout-image-left .testimonial-item .image { display: inline-block; margin: 0 auto 20px; } } .elementor-widget-sala-testimonial-grid .testimonial-item { position: relative; display: inline-block; width: 100%; max-width: 100%; } .elementor-widget-sala-testimonial-grid.align-left { text-align: right; } .elementor-widget-sala-testimonial-grid.align-right { text-align: left; } .elementor-widget-sala-testimonial-grid .testimonial-main-content { display: flex; justify-content: center; } .elementor-widget-sala-testimonial-grid .content-wrap { position: relative; display: inline-block; width: 100%; max-width: 100%; } .elementor-widget-sala-testimonial-grid.layout-image-inline .avatar { flex-shrink: 0; margin: 0 0 0 20px; } .elementor-widget-sala-testimonial-grid.layout-image-inline .info { display: inline-flex; align-items: center; text-align: right; } .elementor-widget-sala-testimonial-grid.layout-image-inline.align-right .info { text-align: left; flex-direction: row-reverse; } .elementor-widget-sala-testimonial-grid.layout-image-inline.align-right .avatar { flex-shrink: 0; margin: 0 20px 0 0; } .elementor-widget-sala-testimonial-grid.layout-image-inline.align-right .testimonial-item { text-align: left; } .elementor-widget-sala-testimonial-grid.layout-image-stacked .avatar { margin: 0 0 28px; } .elementor-widget-sala-testimonial-grid.layout-image-stacked .info { display: inline-block; } .elementor-widget-sala-testimonial-grid.layout-image-above .avatar { margin-bottom: 20px; } .elementor-widget-sala-testimonial-grid.layout-image-above .cite { display: block; margin-top: 46px; } .elementor-widget-sala-testimonial-grid.image-position-above .info { padding: 0 0 19px; } .elementor-widget-sala-testimonial-grid.image-position-below .info { padding: 19px 0 0; } .elementor-widget-sala-testimonial-grid.image-position-bottom .testimonial-main-content { height: 100%; } .elementor-widget-sala-testimonial-grid.image-position-bottom .content-wrap { display: inline-flex; flex-direction: column; height: 100%; width: 100%; } .elementor-widget-sala-testimonial-grid.image-position-bottom .content { flex-grow: 1; } .elementor-widget-sala-testimonial-grid.image-position-bottom .info { padding: 60px 0 0; flex-shrink: 0; } .elementor-widget-sala-testimonial-grid.image-position-bottom.align-center .info { justify-content: center; } .elementor-widget-sala-testimonial-grid .thumbnail { margin-bottom: 38px; } .elementor-widget-sala-testimonial-grid .avatar img { width: 90px; height: 90px; border-radius: 50%; } .elementor-widget-sala-testimonial-grid .text { font-style: italic; } .elementor-widget-sala-testimonial-grid .cite { font-style: normal; } .elementor-widget-sala-testimonial-grid .title { font-size: 21px; margin-bottom: 14px; } .elementor-widget-sala-testimonial-grid .testimonial-rating { font-size: 12px; color: #f5a623; letter-spacing: 4px; margin-bottom: 10px; } .elementor-widget-sala-testimonial-grid .name { display: block; font-size: 18px; line-height: 1.34; margin-bottom: 0; } .elementor-widget-sala-testimonial-grid .position { display: block; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.38px; margin-top: 6px; } .woocommerce .products, .woocommerce-page .products { clear: both; } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice--success.woocommerce-thankyou-order-received { position: relative; padding: 20px 60px 20px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce-message:before, .woocommerce-info:before, .woocommerce-error:before, .woocommerce-notice--success.woocommerce-thankyou-order-received:before { content: '\f058'; font-size: 24px; font-weight: 300; top: 20px; right: 20px; line-height: 1; position: absolute; font-family: "Font Awesome 5 Pro"; } .woocommerce .woocommerce-breadcrumb { font-size: 16px; line-height: 1.63; margin-bottom: 30px; color: #7a7a7a; } .woocommerce .woocommerce-breadcrumb a { color: $primary_color; } .woocommerce .woocommerce-message a.button, .woocommerce .woocommerce-info a.button, .woocommerce .woocommerce-error a.button { background: 100%; border: 0; color: $accent_color; padding: 3px 0; text-decoration: underline; } .woocommerce-message { border: solid 1px #20d706; background-color: #fff; } .woocommerce-message:before { content: '\f058'; color: #20d706; } .woocommerce-info { border: solid 1px $accent_color; background-color: #fff; } .woocommerce-info:before { content: '\f0f3'; color: $accent_color; } .woocommerce-info a.showcoupon { color: $accent_color; } .woocommerce-error { border: solid 1px #ff2d55; background-color: #fff; } .woocommerce-error:before { content: '\f057'; color: $accent_color; } .woocommerce-notice--success.woocommerce-thankyou-order-received { margin-bottom: 30px; border: solid 1px #20d706; background-color: #fff; } .woocommerce-notice--success.woocommerce-thankyou-order-received:before { content: '\f164'; color: #20d706; } .woocommerce-mini-cart { padding: 25px; list-style-type: none; margin-bottom: 0; } .woocommerce-mini-cart li { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; position: relative; } .woocommerce-mini-cart li:first-child { padding-top: 0; } .woocommerce-mini-cart li .inner-product { display: flex; align-items: center; } .woocommerce-mini-cart li .inner-product .attachment-woocommerce_thumbnail { width: 80px; height: 80px; object-fit: contain; } .woocommerce-mini-cart li .inner-product .entry-thumbnail + .entry-detail { padding-right: 15px; } .woocommerce-mini-cart li .inner-product .entry-detail h4 { font-size: 16px; } .woocommerce-mini-cart li a.remove { color: #5d5d5d !important; font-size: 24px; line-height: 1; position: absolute; left: 0; bottom: 25px; } .woocommerce-mini-cart li a.remove:hover { color: $accent_color !important; background: none; } .woocommerce-mini-cart li:after { content: ''; display: block; clear: both; } .woocommerce ul.cart_list li { padding-top: 15px; padding-bottom: 15px; } .woocommerce ul.cart_list li:first-child { padding-top: 0; } .woocommerce ul.cart_list li a { font-weight: 500; } .woocommerce ul.cart_list li a:hover { color: $accent_color; background: none; } .woocommerce ul.cart_list li img { width: 80px; height: 80px; object-fit: contain; margin-right: 0; } .minicart .top-mb-menu { font-size: 16px; } .minicart .top-mb-menu i { font-size: 24px; } .minicart .top-mb-menu .your-cart a .cart-count { color: $accent_color; } .minicart .top-mb-menu .your-cart a i { margin-left: 3px; vertical-align: -2px; } .minicart .woocommerce-mini-cart__total, .minicart .elementor-menu-cart__subtotal { padding: 0 25px 25px; margin-bottom: 0; display: flex; align-items: center; justify-content: space-between; font-size: 18px; border-bottom: 0; } .minicart .woocommerce-mini-cart__total strong, .minicart .elementor-menu-cart__subtotal strong { font-weight: normal; } .minicart .woocommerce-mini-cart__total span, .minicart .elementor-menu-cart__subtotal span { font-weight: 500; } .minicart .elementor-menu-cart__products { border-bottom: 0; } .minicart .elementor-menu-cart__products .elementor-menu-cart__product { position: relative; padding-bottom: 20px; border-bottom: 1px solid #eee; grid-template-rows: 60% auto; } .minicart .elementor-menu-cart__products .elementor-menu-cart__product-price { color: #1a1a1a; } .minicart .elementor-menu-cart__products .elementor-menu-cart__product-name, .minicart .elementor-menu-cart__products .elementor-menu-cart__product-price { font-size: 16px; line-height: 24px; } .minicart .woocommerce-mini-cart__buttons, .minicart .elementor-menu-cart__footer-buttons { padding-top: 0; padding-right: 25px; padding-left: 25px; margin-bottom: 0; display: block; } .minicart .woocommerce-mini-cart__buttons a, .minicart .elementor-menu-cart__footer-buttons a { display: flex; text-align: center; } .minicart .woocommerce-mini-cart__buttons a:first-child, .minicart .elementor-menu-cart__footer-buttons a:first-child { background-color: #1a1a1a; border-color: #1a1a1a; color: #fff; } .minicart .woocommerce-mini-cart__buttons a + a, .minicart .elementor-menu-cart__footer-buttons a + a { margin-top: 10px; } .minicart .woocommerce-mini-cart__empty-message { margin-bottom: 0; padding: 25px; } .minicart .elementor-menu-cart__product-remove:hover { border-color: $accent_color; } .minicart .elementor-menu-cart__product-remove:hover:before { background: $accent_color; } .minicart .woocommerce-mini-cart__buttons a, .minicart .elementor-menu-cart__footer-buttons a { font-size: 15px; line-height: 20px; font-weight: 500; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 9px 25px; border: 1px solid #1a1a1a; } .minicart .woocommerce-mini-cart__buttons a.elementor-button--checkout, .minicart .elementor-menu-cart__footer-buttons a.elementor-button--checkout { background-color: $accent_color; border-color: $accent_color; } .minicart .woocommerce-mini-cart__buttons a.elementor-button--checkout:hover, .minicart .elementor-menu-cart__footer-buttons a.elementor-button--checkout:hover { background-color: transparent; color: $accent_color; } .minicart .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button:hover, .minicart .elementor-menu-cart__footer-buttons a.wcppec-cart-widget-button:hover { background-color: $accent_color; } .products.related, .upsells, .cross-sells { margin-top: 60px; } .products.related > h2, .upsells > h2, .cross-sells > h2 { font-size: 42px; font-family: "Sofia Pro"; line-height: 1.29; font-weight: 700; margin-bottom: 30px; } .sala-grid .product .inner-item { overflow: hidden; } .sala-grid .product .entry-thumbnail { display: block; position: relative; overflow: hidden; margin-bottom: 25px; text-align: center; } .sala-grid .product .entry-thumbnail img { margin-bottom: 0; } .sala-grid .product .entry-thumbnail .hover-thumbnail { opacity: 0; visibility: hidden; position: absolute; top: 30px; right: 0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .sala-grid .product .entry-thumbnail:hover .hover-thumbnail { top: 0; opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .sala-grid .product .entry-detail .product-title { margin-bottom: 6px; } .sala-grid .product .entry-detail .product-title .entry-title { font-size: 18px; line-height: 1.44; font-weight: 700; padding: 0; margin-bottom: 0; } .sala-grid .product .entry-detail .price { color: inherit; font-size: 16px; font-weight: 500; line-height: 1.63; margin-bottom: 0; } .sala-grid .product .entry-detail .price ins { text-decoration: none; } .sala-grid .product .entry-detail .price del { margin-right: 5px; } .sala-grid .product .entry-detail .button { margin-top: 15px; } .sala-grid .product .entry-detail .button.add_to_cart_button, .sala-grid .product .entry-detail .button.product_type_external, .sala-grid .product .entry-detail .button.product_type_grouped, .sala-grid .product .entry-detail .button.product_type_variation { font-size: 15px; line-height: 21px; padding: 8px 25px 9px; font-weight: 500; color: #fff; border: solid 1px $accent_color; background-color: $accent_color; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .sala-grid .product .entry-detail .button.add_to_cart_button.loading, .sala-grid .product .entry-detail .button.product_type_external.loading, .sala-grid .product .entry-detail .button.product_type_grouped.loading, .sala-grid .product .entry-detail .button.product_type_variation.loading { padding-left: 40px; } .sala-grid .product .entry-detail .button.add_to_cart_button:hover, .sala-grid .product .entry-detail .button.product_type_external:hover, .sala-grid .product .entry-detail .button.product_type_grouped:hover, .sala-grid .product .entry-detail .button.product_type_variation:hover { color: $accent_color; background: transparent; } .sala-grid .product .entry-detail .added_to_cart.wc-forward { display: none; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { margin-bottom: 0; } .woocommerce .archive-shop-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 20px; } .woocommerce .woocommerce-result-count { font-size: 24px; line-height: 1.38; font-weight: 700; margin-bottom: 40px; color: $primary_color; font-family: "Sofia Pro"; margin-bottom: 15px; } .woocommerce .woocommerce-ordering { color: $primary_color; margin-bottom: 15px; } .woocommerce .woocommerce-ordering select { padding: 0 0 0 30px; border: 0; background-color: transparent; min-height: 33px; max-width: 80px; background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat left 0 top 55%; } .woocommerce input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-weight: 500; background: none; outline: 0; padding: 15px 30px; color: #fff; background: $accent_color; border: 1px solid $accent_color; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: transparent; color: $accent_color; border-color: $accent_color; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { top: 10px; left: 10px; background: none; } .woocommerce span.onsale { top: 15px; right: 15px; min-height: auto; min-width: auto; font-size: 15px; font-weight: 500; background: $accent_color; padding: 2px 15px; line-height: inherit; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce #respond input#submit { font-size: 15px; line-height: 1.6; font-weight: 500; padding: 11px 33px; color: #fff; border: solid 1px $accent_color; background-color: $accent_color; outline: 0; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce #respond input#submit:hover { background: transparent; color: $accent_color; border-color: $accent_color; } .woocommerce div.product div.images { margin-bottom: 0; } .woocommerce div.product .summary .product_title { font-size: 36px; font-weight: 700; line-height: 1.33; margin-bottom: 10px; } .woocommerce div.product.product-type-simple form.cart { display: flex; align-items: flex-end; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: none; width: inherit; } .woocommerce div.product .woocommerce-product-rating { font-size: 15px; line-height: 20px; margin-bottom: 20px; } .woocommerce div.product .woocommerce-product-rating .author-rating { line-height: 0; display: inline-flex; } .woocommerce div.product .woocommerce-product-rating .author-rating span { margin-left: 3px; color: #d8d8d8; } .woocommerce div.product .woocommerce-product-rating .author-rating .star { font-size: 15px; } .woocommerce div.product .woocommerce-product-rating .author-rating .star.checked { color: $accent_color; } .woocommerce div.product .woocommerce-product-rating a { color: $text_color; } .woocommerce div.product .woocommerce-product-rating a:hover { color: $accent_color; } .woocommerce div.product .woocommerce-tabs .panel { margin-bottom: 0; } .woocommerce div.product .woocommerce-tabs .panel > h2 { font-size: 20px; margin-bottom: 20px; } .woocommerce table.shop_attributes { margin-bottom: 0; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { padding: 5px 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; padding-right: 0; margin-bottom: 30px; border-bottom: 1px solid #eeeeee; } .woocommerce div.product .woocommerce-tabs ul.tabs li { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; padding: 0; margin: 0; background: none; margin-left: 30px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 24px; font-weight: 700; font-family: "Sofia Pro"; color: $primary_color; padding: 0 0 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: $accent_color; } .woocommerce div.product .woocommerce-tabs ul.tabs li:last-child { margin-left: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { margin: 0 -10px; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { padding: 0 10px; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child { margin-bottom: 40px; margin-right: 10px; margin-left: 10px; padding: 0; } .woocommerce-tabs.wc-tabs-wrapper { padding-bottom: 40px; border-bottom: 2px solid #eeeeee; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; border: 0; } .woocommerce div.product form.cart .variations { margin-bottom: 0; } .woocommerce div.product form.cart .variations td { padding-top: 0; padding-bottom: 0; } .woocommerce div.product form.cart .variations td.label { padding-top: 10px; padding-bottom: 20px; text-align: right; } .woocommerce div.product form.cart .variations label { color: $primary_color; margin-bottom: 0; } .woocommerce div.product form.cart .variations .nice-select { font-size: 15px; max-width: 280px; } .woocommerce div.product form.cart .variations .nice-select ul.list { width: 150px; } .woocommerce div.product form.cart .variations .nice-select:after { top: 1px; left: 10px; } .woocommerce div.product form.cart .variations .reset_variations { margin-right: 10px; } .woocommerce div.product form.cart .variations tr:last-child td.label { padding-bottom: 0; } .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; align-items: flex-end; } .woocommerce div.product p.stock.in-stock { margin-bottom: 20px; } .woocommerce-variation.single_variation { margin-bottom: 20px; } .woocommerce div.product p.stock { font-size: 15px; font-weight: 500; margin-bottom: 0; } .head-single-product { margin-bottom: 60px; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { font-size: 15px; } .woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 18px; font-weight: 500; color: $primary_color; } .woocommerce div.product div.summary { margin-bottom: 0; padding-top: 55px; padding-right: 30px; } .woocommerce div.product div.summary p.price { font-size: 28px; font-weight: 500; color: $accent_color; margin-bottom: 20px; } .woocommerce div.product div.summary p.price del { font-size: 18px; margin-right: 5px; color: #7a7a7a; } .woocommerce div.product div.summary .woocommerce-product-details__short-description { margin-bottom: 30px; } .woocommerce div.product div.summary .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; } .woocommerce div.product div.summary .product_meta > span { display: block; font-weight: 500; margin-bottom: 15px; } .woocommerce div.product div.summary .product_meta > span span, .woocommerce div.product div.summary .product_meta > span a { font-weight: normal; color: $text_color; } .woocommerce div.product div.summary .product_meta > span a:hover { color: $accent_color; } .woocommerce div.product div.summary .product_meta > span:last-child { margin-bottom: 0; } .woocommerce div.product .hidden-images div.summary { padding-top: 0; padding-right: 0; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { text-decoration: none; font-weight: 500; } .woocommerce div.product form.cart { margin-bottom: 40px; } .woocommerce div.product form.cart table { display: block; margin-bottom: 30px; padding-bottom: 10px; } .woocommerce div.product form.cart table td { text-align: right; } .woocommerce div.product form.cart table .product-quantity { margin-left: 0; } .woocommerce div.product form.cart.grouped_form { display: block; } .woocommerce div.product form.cart.grouped_form .group_table { padding-bottom: 0; margin-bottom: 10px; } .woocommerce div.product form.cart.grouped_form .group_table td { padding-top: 15px; vertical-align: middle; } .woocommerce div.product form.cart.grouped_form .group_table td:first-child { padding-top: 0; padding-bottom: 20px; text-align: right; width: auto; } .woocommerce div.product form.cart.grouped_form .woocommerce-grouped-product-list-item__price { padding-right: 6px; font-size: 16px; font-weight: 500; color: $primary_color; } .woocommerce div.product form.cart.grouped_form .woocommerce-grouped-product-list-item__price ins { text-decoration: none; } .woocommerce div.product form.cart.grouped_form .woocommerce-grouped-product-list-item__price del { opacity: 0.5; margin-right: 5px; } .woocommerce div.product form.cart .button { display: block; float: none; font-size: 15px; line-height: 1.6; font-weight: 500; padding: 11px 33px; color: #fff; border: solid 1px $accent_color; background-color: $accent_color; max-width: 270px; width: 100%; outline: 0; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce div.product form.cart .button:hover { color: $accent_color; background-color: transparent; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .quantity-button-wrapper { margin-left: 15px; } .quantity-button-wrapper label { font-size: 16px; line-height: 1.63; font-weight: 500; display: block; margin-bottom: 10px; } .product-quantity { display: table-cell; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz- none; -o-user-select: none; user-select: none; } .product-quantity .entry-quantity { display: flex; align-items: center; border: solid 1px $primary_color; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .product-quantity .btn-quantity { font-size: 24px; line-height: 0; display: flex; align-items: center; padding: 5px; height: 46px; color: $primary_color; background-color: #fff; cursor: pointer; } .product-quantity .btn-quantity.minus { border-top-right-radius: 25px; border-bottom-right-radius: 25px; padding-right: 25px; } .product-quantity .btn-quantity.plus { border-top-left-radius: 25px; border-bottom-left-radius: 25px; padding-left: 25px; } .product-quantity .btn-quantity:hover i { color: $accent_color; } .product-quantity input { font-size: 18px; font-weight: 500; color: $primary_color; font-style: normal; border: 0; min-height: 46px; width: 50px; padding: 5px; padding-left: 5px; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .product-quantity input[type="number"] { -moz-appearance: textfield; background-color: #fff; } .product-quantity input::-webkit-outer-spin-button, .product-quantity input::-webkit-inner-spin-button { -webkit-appearance: none; } .woocommerce #reviews #comments .woocommerce-Reviews-title { font-size: 20px; margin-bottom: 20px; } .woocommerce #review_form #respond p { margin-bottom: 15px; } .woocommerce div.product .woocommerce-tabs .panel p.woocommerce-noreviews { margin-bottom: 15px; } .woocommerce #review_form #respond p.comment-notes, .woocommerce #review_form #respond p.comment-form-cookies-consent { padding-right: 0; } .woocommerce #reviews #review_form_wrapper .comment-reply-title { display: block; font-size: 20px; font-weight: 700; font-family: "Sofia Pro"; color: $primary_color; margin-bottom: 15px; text-transform: none; } .woocommerce #reviews #review_form_wrapper .comment-form-rating { display: flex; flex-wrap: wrap; margin-bottom: 15px; } .woocommerce #reviews #review_form_wrapper .comment-form-rating label { margin-left: 10px; color: $primary_color; } .woocommerce #reviews #review_form_wrapper .comment-form-rating .stars { margin-bottom: 0; } .woocommerce #reviews #review_form_wrapper .comment-form-rating .stars a { color: $accent_color; vertical-align: -2px; } .woocommerce #reviews #review_form_wrapper .comment-form-comment, .woocommerce #reviews #review_form_wrapper .comment-form-author, .woocommerce #reviews #review_form_wrapper .comment-form-email { display: block; } .woocommerce #reviews #review_form_wrapper .comment-form-comment label, .woocommerce #reviews #review_form_wrapper .comment-form-author label, .woocommerce #reviews #review_form_wrapper .comment-form-email label { display: block; margin-bottom: 10px; } .woocommerce #reviews #review_form_wrapper .form-submit { padding-right: 0; margin-bottom: 0; } .woocommerce #reviews #comments ol.commentlist { padding-right: 0; } .woocommerce #reviews #comments ol.commentlist li { margin-bottom: 30px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { padding: 0; border: 0; margin-right: 70px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 15px; margin-bottom: 10px; } .woocommerce #reviews #comments ol.commentlist li img.avatar { padding: 0; border: 0; background: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 50px; height: 50px; } .woocommerce #reviews #comments ol.commentlist .star-rating > span { color: $accent_color; } .woocommerce #reviews #comments ol.commentlist .description p:last-child { margin-bottom: 0; } .woocommerce #review_form #respond textarea { font-size: 15px; min-height: 150px; font-style: normal; } @-webkit-keyframes billautofill { to { color: #666 !important; background: #f8f8f8 !important; } } .woocommerce-billing-fields input:-webkit-autofill { -webkit-animation-name: billautofill; -webkit-animation-fill-mode: both; } .woocommerce-billing-fields input:-webkit-autofill, .woocommerce-billing-fields input:-webkit-autofill:hover, .woocommerce-billing-fields input:-webkit-autofill:focus, .woocommerce-billing-fields input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #f8f8f8 inset !important; } @media only screen and (max-width: 991px) { .woocommerce div.product form.cart .button { margin-top: 20px; } } @media only screen and (max-width: 767px) { .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { margin-bottom: 40px; } .woocommerce div.product form.cart .button { margin-top: 0; } .head-single-product { margin-bottom: 40px; } } @media only screen and (max-width: 650px) { .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { margin-bottom: 40px; } .woocommerce div.product form.cart .button { margin-top: 0; } .related.products ul.products { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 529px) { .woocommerce div.product form.cart .button { margin-top: 20px; } } @media only screen and (max-width: 529px) { .woocommerce div.product form.cart { display: block; } .woocommerce div.product form.cart .button { min-width: 160px; } } .select2-container { text-align: right; } .woocommerce-account main#main, .woocommerce-cart main#main, .woocommerce-checkout main#main, .woocommerce-wishlist main#main { flex: 0 0 100%; max-width: 100%; } .woocommerce-account aside#secondary, .woocommerce-cart aside#secondary, .woocommerce-checkout aside#secondary, .woocommerce-wishlist aside#secondary { display: none; } .woocommerce .return-to-shop { text-align: center; } .woocommerce .empty-cart-messages { margin-bottom: 60px; } .woocommerce .cart.shop_table { margin-bottom: 50px; font-style: normal; border-collapse: collapse; border: none; margin-bottom: 25px; } .woocommerce .cart.shop_table thead tr th { border: 0; text-align: right; font-size: 18px; line-height: 24px; font-weight: 500; font-style: normal; color: #333; padding-top: 0; padding-bottom: 20px; } .woocommerce .cart.shop_table thead tr th.product-name { padding-right: 0; } .woocommerce .cart.shop_table tbody tr { border: 1px solid #eee; border-collapse: inherit; } .woocommerce .cart.shop_table tbody tr td { border: 0; } .woocommerce .cart.shop_table tbody tr td { text-align: right; } .woocommerce .cart.shop_table tbody tr td.product-name { padding: 30px; border-left: 0; display: flex; border-bottom: 0; align-items: center; } .woocommerce .cart.shop_table tbody tr td.product-name a img { width: 85px; object-fit: contain; margin-left: 20px; } .woocommerce .cart.shop_table tbody tr td.product-name a { color: #333; } .woocommerce .cart.shop_table tbody tr td.product-name .entry-detail .variation { margin-bottom: 0; margin-top: 10px; } .woocommerce .cart.shop_table tbody tr td.product-name .entry-detail .variation dt { float: right; margin-left: 10px; color: $primary_color; } .woocommerce .cart.shop_table tbody tr td.product-name .entry-detail .variation dd { margin-bottom: 0; } .woocommerce .cart.shop_table tbody tr td.product-name .entry-detail .variation p { margin-bottom: 0; } .woocommerce .cart.shop_table tbody tr td.product-remove { border-right: 0; } .woocommerce .cart.shop_table tbody tr td.product-remove a { font-size: 26px; font-weight: 300; vertical-align: middle; text-decoration: none; color: #5d5d5d !important; } .woocommerce .cart.shop_table tbody tr td.product-remove a:hover { background: none; color: $accent_color; } .woocommerce .cart.shop_table tbody tr td.product-remove a:hover { color: $accent_color; } .woocommerce .cart.shop_table tbody tr td.product-price, .woocommerce .cart.shop_table tbody tr td.product-quantity, .woocommerce .cart.shop_table tbody tr td.product-subtotal { border-right: 0; border-left: 0; } .woocommerce .cart.shop_table tbody tr td.product-quantity { font-size: 15px; line-height: 24px; font-weight: 500; } .woocommerce .cart.shop_table tbody tr td.product-quantity .quantity { display: inline-block; } .woocommerce .cart.shop_table tbody tr td.product-quantity input { max-width: 120px; text-align: center; padding: 14px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 0; outline: 0; } .woocommerce .cart.shop_table tbody tr td.product-price { color: #7e7e7e; } .woocommerce .cart.shop_table tbody tr td.product-subtotal { color: $primary_color; } .woocommerce .cart.shop_table .amount { font-weight: 500; } .woocommerce-cart-form { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #e7e7e7; } .woocommerce .action-form { margin-top: 40px; } .woocommerce .action-form .updated-cart button, .woocommerce .action-form .updated-cart button:disabled { padding: 19px 30px; color: #fff; } .woocommerce .action-form .updated-cart button:hover { background: transparent; color: $accent_color; border-color: $accent_color; } .action-form button, .action-form .button, .after-action-form button, .after-action-form .button { display: inline-block; font-size: 13px; font-weight: 400; line-height: 28px; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; color: #fff; background: $primary_color; padding: 12px 45px; border: 0; outline: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .action-form button:hover, .action-form .button:hover, .after-action-form button:hover, .after-action-form .button:hover { color: #fff; background: $accent_color; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce .wc-proceed-to-checkout { text-align: left; padding: 0; } .woocommerce .wc-proceed-to-checkout a.checkout-button { background: $accent_color; margin-bottom: 0; display: inline-block; padding: 20px 60px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce .wc-proceed-to-checkout a.checkout-button:hover { background: $accent_color; color: #fff; } .woocommerce .wc-proceed-to-checkout .wcppec-checkout-buttons { text-align: left; } .clear-shopping-cart { margin-right: 30px; } .clear-shopping-cart i { margin-left: 5px; } .clear-shopping-cart a { text-transform: uppercase; text-decoration: none; font-size: 13px; font-weight: 500; line-height: 28px; letter-spacing: 1.5px; color: $primary_color; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .clear-shopping-cart a:hover { color: $accent_color; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce .inner-action-form .coupon { position: relative; display: flex; } .woocommerce .inner-action-form .coupon input { width: 100%; padding: 11px 20px 12px 120px; background: #fff; border: 1px solid $accent_color; outline: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 16px; } .woocommerce .inner-action-form .coupon button { position: absolute; left: 0; top: 0; bottom: 0; padding-right: 30px; padding-left: 30px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .woocommerce .inner-action-form .coupon button:hover { background: $accent_color !important; color: #fff !important; } .woocommerce .inner-cart-total:after { content: ""; display: block; clear: both; } .woocommerce .inner-cart-total table.shop_table { font-size: 15px; line-height: 28px; margin-bottom: 30px; border-collapse: collapse; } .woocommerce .inner-cart-total table.shop_table th, .woocommerce .inner-cart-total table.shop_table td { border: 0; } .woocommerce .inner-cart-total table.shop_table th { text-align: right; font-weight: 500; color: #9b9b9b; } .woocommerce .inner-cart-total table.shop_table tr.order-total th { color: #333; } .woocommerce .inner-cart-total table.shop_table tr.shipping th { vertical-align: top; } .woocommerce .inner-cart-total table.shop_table tr.shipping td { font-weight: 400; padding-right: 30px; max-width: 300px; } .woocommerce .inner-cart-total table.shop_table tr.shipping td ul { list-style-type: none; } .woocommerce .inner-cart-total table.shop_table tr.shipping td ul li { margin-bottom: 10px; } .woocommerce .inner-cart-total table.shop_table tr.shipping td ul input { margin-left: 5px; vertical-align: 1px; } .woocommerce .inner-cart-total table.shop_table tr.shipping td ul label { margin-bottom: 0; } .woocommerce .inner-cart-total table.shop_table tr.shipping .woocommerce-shipping-destination { margin-bottom: 10px; } .woocommerce .inner-cart-total table.shop_table tr.shipping .shipping-calculator-button { display: block; color: $accent_color; margin-bottom: 8px; text-decoration: none; } .woocommerce .inner-cart-total table.shop_table tr.shipping .shipping-calculator-form #calc_shipping_country_field { text-align: right; } .woocommerce .inner-cart-total table.shop_table tr.shipping .shipping-calculator-form input { padding: 8px; background: #f8f8f8; border: 0; width: 100%; } .woocommerce .inner-cart-total table.shop_table tr.shipping .shipping-calculator-form button { font-size: 13px; font-weight: 600; line-height: 28px; letter-spacing: 1.5px; text-transform: uppercase; color: #fff; background: $primary_color; padding: 5px 10px; width: 100%; border: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce .inner-cart-total table.shop_table tr.shipping .shipping-calculator-form button:hover { background: $accent_color; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce .inner-cart-total table.shop_table tr.order-total td { font-size: 18px; font-weight: 500; color: $primary_color; } .woocommerce .inner-cart-total table.shop_table td { text-align: left; font-weight: 600; color: #7e7e7e; } .after-action-form { display: flex; align-items: center; } .cart_totals { margin-bottom: 40px; float: left; max-width: 50%; width: 100%; } .cart_totals > h2 { margin-bottom: 20px; } .cross-sells { clear: both; } @media only screen and (max-width: 991px) { .clear-shopping-cart { display: none; } } @media only screen and (max-width: 768px) { .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display: block; } .woocommerce .cart.shop_table tbody tr td.product-quantity input { height: 40px; width: 40px; padding: 10px 0; } .woocommerce .cart.shop_table tbody tr td.product-quantity .btn-quantity { height: 40px; } .woocommerce .cart.shop_table tbody tr td.product-quantity .btn-quantity.minus { padding-right: 15px; } .woocommerce .cart.shop_table tbody tr td.product-quantity .btn-quantity.plus { padding-left: 15px; } .woocommerce .inner-cart-total table.shop_table tr.order-total td { background: 100%; } .cart_totals { max-width: 100%; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { font-weight: 500; color: #1a1a1a; } .cart.shop_table tbody, .cart.shop_table tr { width: 100%; display: block; } .cart.shop_table thead { display: none; } .cart.shop_table th, .cart.shop_table td { width: 100%; display: block; } .cart.shop_table tbody tr { border-bottom: 0; } .cart.shop_table tbody tr:last-child { border-bottom: 1px solid #dedede; } .cart.shop_table tbody tr td { padding: 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dedede; } .cart.shop_table tbody tr td:last-child { border-bottom: 0; } .cart.shop_table tbody tr td > span.hidden-md-up { font-size: 13px; font-weight: 700; color: #333; margin-left: 50px; } .cart.shop_table tbody tr td.product-name { padding: 10px; border-bottom: 1px solid #dedede; } .cart.shop_table tbody tr td.product-thumbnail img { width: 85px; } .cart.shop_table tbody tr td.product-quantity input { padding-top: 5px; padding-bottom: 5px; max-width: 80px; border: 1px solid #dedede; background: transparent; } .cart.shop_table tbody tr td.product-remove a { color: #333; } .woocommerce .cart.shop_table tbody tr td.product-name { padding: 20px; display: block; } .woocommerce .cart.shop_table tbody tr td.product-name > div { display: inline-block !important; } .cart.shop_table .product-quantity { margin-left: 0; } .action-form { text-align: right; } .action-form .coupon { margin-bottom: 20px; } .action-form .updated-cart button { width: 100%; } .inner-cart-total tr { clear: both; } .inner-cart-total tr th { float: right; } .inner-cart-total tr td { float: left; } .after-action-form { display: block; } .after-action-form .button { display: block; text-align: center; margin-bottom: 20px; } .inner-action-form .coupon input { padding-top: 9px; padding-bottom: 9px; padding-left: 110px; } .action-form .button, .after-action-form .button { padding: 8px 25px; } .cross-sells { margin-top: 50px; } } @media only screen and (max-width: 767px) { .woocommerce .cart.shop_table tbody tr td.product-name .product-thumbnail { display: none !important; } } @media only screen and (max-width: 479px) { .woocommerce .wc-proceed-to-checkout a.checkout-button { padding: 15px 30px; font-size: 18px; width: 100%; } .products.related > h2, .upsells > h2, .cross-sells > h2 { font-size: 18px; } } .woocommerce-account .content-page .site-layout.has-sidebar #primary { max-width: 100%; } .woocommerce-checkout #primary.content-area { max-width: 770px; margin-right: auto; margin-left: auto; } .woocommerce .checkout_coupon { display: flex; flex-wrap: wrap; } .woocommerce .checkout_coupon p:first-child { flex: 0 0 100%; } .woocommerce .checkout_coupon .form-row { padding: 0; margin-bottom: 0; } .woocommerce .checkout_coupon input { height: 50px; line-height: 50px; padding: 13px 15px; border: 0; outline: 0; background: #F8F8F8; min-width: 280px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .woocommerce .checkout_coupon .button { height: 56px; padding: 11px 20px 10px; background: $accent_color; color: #fff; border: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce .checkout_coupon .button:hover { background: $accent_color; color: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields > h3 { font-size: 34px; line-height: 36px; color: $primary_color; margin-bottom: 40px; } .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields input, .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields textarea, .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields .select2-selection, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields input, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields textarea, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields .select2-selection, .woocommerce .checkout.woocommerce-checkout .shipping_address input, .woocommerce .checkout.woocommerce-checkout .shipping_address textarea, .woocommerce .checkout.woocommerce-checkout .shipping_address .select2-selection { background: #F8F8F8; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; } .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields .form-row, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields .form-row, .woocommerce .checkout.woocommerce-checkout .shipping_address .form-row { display: flex; align-items: center; width: 100%; margin-bottom: 20px; clear: both; } .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields .form-row input, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields .form-row input, .woocommerce .checkout.woocommerce-checkout .shipping_address .form-row input { height: 52px; padding: 13px 20px; } .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields .form-row > span, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields .form-row > span, .woocommerce .checkout.woocommerce-checkout .shipping_address .form-row > span { flex: 1; } .woocommerce .checkout.woocommerce-checkout #billing_first_name_field, .woocommerce .checkout.woocommerce-checkout #billing_email_field { width: 59%; float: right; clear: none; } .woocommerce .checkout.woocommerce-checkout #billing_last_name_field, .woocommerce .checkout.woocommerce-checkout #billing_phone_field { width: calc(41% - 30px); float: left; clear: none; } .woocommerce .checkout.woocommerce-checkout #billing_last_name_field label, .woocommerce .checkout.woocommerce-checkout #billing_phone_field label { display: none; } .woocommerce .checkout.woocommerce-checkout #billing_company_field, .woocommerce .checkout.woocommerce-checkout #shipping_company_field, .woocommerce .checkout.woocommerce-checkout #order_comments_field { clear: both; } .woocommerce .checkout.woocommerce-checkout #billing_company_field label span, .woocommerce .checkout.woocommerce-checkout #shipping_company_field label span, .woocommerce .checkout.woocommerce-checkout #order_comments_field label span { display: none; } .woocommerce .checkout.woocommerce-checkout .woocommerce-shipping-fields span, .woocommerce .checkout.woocommerce-checkout .woocommerce-account-fields span { font-size: 15px; font-weight: 400; vertical-align: -1px; color: #696969; } .woocommerce .checkout.woocommerce-checkout .woocommerce-shipping-fields p, .woocommerce .checkout.woocommerce-checkout .woocommerce-shipping-fields label, .woocommerce .checkout.woocommerce-checkout .woocommerce-account-fields p, .woocommerce .checkout.woocommerce-checkout .woocommerce-account-fields label { margin-bottom: 0; } .woocommerce .checkout.woocommerce-checkout .woocommerce-account-fields { padding-bottom: 45px; margin-bottom: 40px; margin-top: 45px; border-bottom: 1px solid #E7E7E7; } .woocommerce .checkout.woocommerce-checkout .woocommerce-account-fields label { max-width: 100%; margin-left: 0; display: flex; align-items: center; } .woocommerce .checkout.woocommerce-checkout .woocommerce-account-fields label input { margin-left: 15px; } .woocommerce .checkout.woocommerce-checkout .shipping_address { margin-top: 40px; } .woocommerce .checkout.woocommerce-checkout #order_comments_field label { align-self: flex-start; } .woocommerce .checkout.woocommerce-checkout #customer_details { display: flex; flex-wrap: wrap; } .woocommerce .checkout.woocommerce-checkout #customer_details .col-1, .woocommerce .checkout.woocommerce-checkout #customer_details .col-2 { padding-right: 0; padding-left: 0; flex: 0 0 100%; max-width: 100%; width: auto; float: none; } .woocommerce .checkout.woocommerce-checkout #customer_details > .col-2 { display: flex; flex-wrap: wrap; } .woocommerce .checkout.woocommerce-checkout #customer_details > .col-2 .woocommerce-shipping-fields { order: 2; width: 100%; margin-bottom: 28px; } .woocommerce .checkout.woocommerce-checkout #customer_details > .col-2 .woocommerce-additional-fields { order: 1; width: 100%; } .woocommerce .checkout.woocommerce-checkout #customer_details > .col-2 .woocommerce-additional-fields > h3 { margin-bottom: 20px; } .woocommerce .checkout.woocommerce-checkout .select2-selection { height: 50px; } .woocommerce .checkout.woocommerce-checkout .select2-selection span { height: 50px; line-height: 50px; padding-right: 20px; } .woocommerce .checkout.woocommerce-checkout .select2-selection .select2-selection__placeholder { padding-right: 0; } .woocommerce .checkout.woocommerce-checkout label { position: relative !important; line-height: inherit; font-weight: 500; color: #2a2a2a; max-width: 140px; width: 100%; margin-left: 30px; } .woocommerce .checkout.woocommerce-checkout label .required { color: #FD4170; } .woocommerce .checkout.woocommerce-checkout h3 label { max-width: 100%; } .woocommerce .checkout.woocommerce-checkout textarea { width: 100%; min-height: 150px; padding: 13px 20px; } .woocommerce .checkout.woocommerce-checkout #order_review { border-top: 1px solid #E7E7E7; padding-top: 40px; display: flex; } .woocommerce .checkout.woocommerce-checkout #order_review .review-order, .woocommerce .checkout.woocommerce-checkout #order_review #payment { flex: 0 0 50%; max-width: 50%; } .woocommerce .checkout.woocommerce-checkout #order_review table { padding-left: 30px; border: 0; flex: 0 0 50%; max-width: 50%; } .woocommerce .checkout.woocommerce-checkout #order_review table th, .woocommerce .checkout.woocommerce-checkout #order_review table td { border: 0; } .woocommerce .checkout.woocommerce-checkout #order_review table th.product-name, .woocommerce .checkout.woocommerce-checkout #order_review table td.product-name { text-align: right; padding-right: 0; } .woocommerce .checkout.woocommerce-checkout #order_review table td.product-total { text-align: left; } .woocommerce .checkout.woocommerce-checkout #order_review table tr.woocommerce-shipping-totals td { font-weight: 500; } .woocommerce .checkout.woocommerce-checkout #order_review table tr.woocommerce-shipping-totals td ul { padding-right: 0; margin-bottom: 0; list-style-type: none; } .woocommerce .checkout.woocommerce-checkout #order_review table tr.woocommerce-shipping-totals td ul label { width: auto; max-width: inherit; margin-left: 0; } .woocommerce .checkout.woocommerce-checkout #order_review table tr.woocommerce-shipping-totals td ul input { margin-left: 8px; } .woocommerce .checkout.woocommerce-checkout #order_review table thead tr th.product-name { font-size: 24px; line-height: 36px; font-weight: 700; font-family: "Sofia Pro"; padding-right: 0; color: $primary_color; padding-top: 0; padding-bottom: 20px; } .woocommerce .checkout.woocommerce-checkout #order_review table tbody { padding-bottom: 15px; border-bottom: 1px solid #E7E7E7; } .woocommerce .checkout.woocommerce-checkout #order_review table tbody td.product-name { font-size: 15px; } .woocommerce .checkout.woocommerce-checkout #order_review table tbody td.product-name strong { display: inline-block; color: $primary_color; } .woocommerce .checkout.woocommerce-checkout #order_review table tbody td.product-total .amount { font-size: 15px; color: #ABABAB; font-weight: 500; } .woocommerce .checkout.woocommerce-checkout #order_review table tbody tr:last-child td { padding-bottom: 18px; } .woocommerce .checkout.woocommerce-checkout #order_review table tbody tr:first-child td { padding-top: 0; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot th, .woocommerce .checkout.woocommerce-checkout #order_review table tfoot td { padding-top: 13px; padding-bottom: 13px; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot th { text-align: right; font-size: 18px; font-weight: 500; color: #2a2a2a; padding-right: 0; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot td { text-align: left; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot td .amount { font-size: 15px; font-weight: 500; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot tr { border-bottom: 1px solid #E7E7E7; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot tr.cart-subtotal td .amount { color: $primary_color; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot tr.shipping th { display: flex; align-self: flex-start; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot tr:last-child { border-bottom: 0; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot tr.order-total th, .woocommerce .checkout.woocommerce-checkout #order_review table tfoot tr.order-total td { padding-top: 24px; } .woocommerce .checkout.woocommerce-checkout #order_review table tfoot tr.order-total td .amount { font-size: 20px; font-weight: 700; color: $accent_color; } .woocommerce .checkout.woocommerce-checkout #order_review #payment { background: none; } .woocommerce .checkout.woocommerce-checkout #order_review #payment .order-title { font-size: 24px; line-height: 36px; font-weight: 700; color: $primary_color; margin-bottom: 20px; } .woocommerce .checkout.woocommerce-checkout #order_review #payment ul.payment_methods { padding-top: 0; padding-right: 0; padding-left: 0; margin-bottom: 0; list-style-type: none; } .woocommerce .checkout.woocommerce-checkout #order_review #payment ul.payment_methods li { padding: 15px 60px 15px 20px; margin-bottom: 20px; line-height: 28px; } .woocommerce .checkout.woocommerce-checkout #order_review #payment ul.payment_methods p { margin-bottom: 0; } .woocommerce .checkout.woocommerce-checkout #order_review #payment ul.payment_methods li.wc_payment_method { width: 100%; border: 1px solid #ccc; position: relative; } .woocommerce .checkout.woocommerce-checkout #order_review #payment ul.payment_methods li.wc_payment_method label { display: block; padding: 20px; cursor: pointer; } .woocommerce .checkout.woocommerce-checkout #order_review #payment ul.payment_methods li.wc_payment_method input { position: absolute; left: 0; top: 26px; margin-left: 20px; } .woocommerce .checkout.woocommerce-checkout #order_review #payment ul.payment_methods li.wc_payment_method .payment_box { margin: 0; padding: 20px; background: $accent_color; border-color: $accent_color; color: #fff; } .woocommerce .checkout.woocommerce-checkout #order_review #payment ul.payment_methods li.wc_payment_method .payment_box:before { border-bottom-color: $accent_color; } .woocommerce .checkout.woocommerce-checkout #order_review #payment label { max-width: inherit; width: auto; margin-left: 0; margin-bottom: 0; vertical-align: -1px; } .woocommerce .checkout.woocommerce-checkout #order_review #payment .place-order { padding: 0; margin-top: 30px; } .woocommerce .checkout.woocommerce-checkout #order_review #payment .place-order .button { padding: 20px; background: $primary_color; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; text-transform: uppercase; width: 100%; border: 0; outline: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce .checkout.woocommerce-checkout #order_review #payment .place-order .button:hover { background: $accent_color; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce-privacy-policy-text { margin-bottom: 30px; } .woocommerce ul.order_details { display: flex; flex-wrap: wrap; padding-right: 0; margin-bottom: 30px; list-style-type: none; border: 1px dashed #e7e7e7; } .woocommerce ul.order_details li { flex: 1; margin: 0; padding: 15px; border-bottom: 1px dashed #e7e7e7; border-right: 1px dashed #e7e7e7; border-left: 0; } .woocommerce ul.order_details li:first-child { border-right: 0; } .woocommerce ul.order_details li > span { min-width: 140px; display: inline-block; margin-bottom: 10px; } .woocommerce ul.order_details li strong { color: $primary_color; font-weight: 500; } .woocommerce .woocommerce-order-details__title, .woocommerce .woocommerce-column__title { font-size: 24px; line-height: 36px; font-weight: 500; color: $primary_color; margin-bottom: 20px; } .woocommerce .woocommerce-order-details .order_details { margin-bottom: 30px; } .woocommerce .woocommerce-order-details .order_details .amount { color: $primary_color; font-weight: 500; } .woocommerce .woocommerce-order-details .order_details thead th { border: 0; font-size: 18px; line-height: 24px; font-weight: 500; color: $primary_color; } .woocommerce .woocommerce-order-details .order_details thead th.product-name { text-align: right; } .woocommerce .woocommerce-order-details .order_details tbody td.product-name { text-align: right; padding: 15px; } .woocommerce .woocommerce-order-details .order_details tbody td.product-name a { color: $primary_color; font-size: 15px; line-height: 24px; } .woocommerce .woocommerce-order-details .order_details tbody td.product-name a:hover { color: $accent_color; } .woocommerce .woocommerce-order-details .order_details tbody td.product-name strong { color: $primary_color; } .woocommerce .woocommerce-order-details .order_details tbody td.product-total .amount { font-weight: 500; } .woocommerce .woocommerce-order-details .order_details tfoot td, .woocommerce .woocommerce-order-details .order_details tfoot th { padding: 15px; font-weight: 500; color: $primary_color; } .woocommerce .woocommerce-order-details .order_details tfoot tr th { color: $primary_color; } .woocommerce .woocommerce-order-details .order_details tfoot tr:last-child td .amount { color: $accent_color; font-size: 18px; } .woocommerce .woocommerce-customer-details .woocommerce-columns { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .woocommerce .woocommerce-customer-details .woocommerce-columns .col-1, .woocommerce .woocommerce-customer-details .woocommerce-columns .col-2 { padding-right: 15px; padding-left: 15px; flex: 0 0 50%; max-width: 50%; width: auto; float: none; } .woocommerce .woocommerce-customer-details address { color: $primary_color; line-height: 32px; margin-bottom: 20px; background: #F8F8F8; padding: 10px 20px; } .woocommerce .woocommerce-customer-details address p { margin-bottom: 0; } .woocommerce .woocommerce-customer-details .woocommerce-column__title { font-weight: 500; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .woocommerce .checkout.woocommerce-checkout .shipping_address .form-row:last-child { margin-bottom: 12px; } .woocommerce .checkout.woocommerce-checkout label { margin-left: 15px; } .woocommerce .checkout.woocommerce-checkout #billing_first_name_field, .woocommerce .checkout.woocommerce-checkout #billing_email_field { width: 62%; } .woocommerce .checkout.woocommerce-checkout #billing_last_name_field, .woocommerce .checkout.woocommerce-checkout #billing_phone_field { width: calc(38% - 30px); } .woocommerce .checkout.woocommerce-checkout #order_review { display: block; padding-top: 40px; } .woocommerce .checkout.woocommerce-checkout #order_review table, .woocommerce .checkout.woocommerce-checkout #order_review #payment { margin-right: 0; margin-left: 0; max-width: 100%; } } @media only screen and (max-width: 600px) { .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields > h3 { font-size: 28px; margin-bottom: 20px; } .woocommerce .checkout.woocommerce-checkout label { margin-bottom: 10px; } .woocommerce .checkout.woocommerce-checkout .woocommerce-billing-fields .form-row, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields .form-row, .woocommerce .checkout.woocommerce-checkout .shipping_address .form-row { display: block; margin-bottom: 20px; } .woocommerce .checkout.woocommerce-checkout #billing_first_name_field, .woocommerce .checkout.woocommerce-checkout #billing_email_field, .woocommerce .checkout.woocommerce-checkout #billing_last_name_field, .woocommerce .checkout.woocommerce-checkout #billing_phone_field { width: 100%; } .woocommerce .checkout.woocommerce-checkout .shipping_address { margin-top: 30px; } .woocommerce .checkout.woocommerce-checkout .shipping_address label { margin-left: 0; margin-bottom: 10px; } .woocommerce .checkout.woocommerce-checkout #order_review table thead tr th.product-name { padding-bottom: 20px; } .woocommerce .checkout.woocommerce-checkout #order_review #order_review #payment .order-title { margin-bottom: 20px; } } @media only screen and (max-width: 479px) { .woocommerce .woocommerce-order-overview li > span { min-width: inherit; } } .woocommerce-account:not(.logged-in) .woocommerce h2 { display: block; text-align: center; position: relative; font-size: 28px; font-weight: 700; line-height: 48px; color: #333; margin-bottom: 40px; padding-bottom: 20px; } .woocommerce-account:not(.logged-in) .woocommerce h2:after { content: ''; display: block; width: 150px; height: 1px; font-weight: 400; line-height: normal; background: #e7e7e7; position: absolute; right: 50%; bottom: 0; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -o-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .woocommerce-account:not(.logged-in) .woocommerce input[type="text"], .woocommerce-account:not(.logged-in) .woocommerce input[type="password"], .woocommerce-account:not(.logged-in) .woocommerce input[type="email"] { width: 100%; border: none; padding: 13px 20px; background: #F8F8F8; border: 1px solid #23d3d3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .woocommerce-account:not(.logged-in) .woocommerce input[type="text"]:focus, .woocommerce-account:not(.logged-in) .woocommerce input[type="password"]:focus, .woocommerce-account:not(.logged-in) .woocommerce input[type="email"]:focus { border-color: $accent_color; } .woocommerce-account:not(.logged-in) .woocommerce input[type=checkbox], .woocommerce-account:not(.logged-in) .woocommerce input[type=radio] { margin-top: 0; } .woocommerce-account:not(.logged-in) .woocommerce label { font-weight: normal; } .woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-form-row--wide { position: relative; padding: 0; margin-bottom: 30px; } .woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-form-row--wide:not(.focused) label { font-size: 15px; font-weight: 500; top: 10px; cursor: auto; } .woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-form-row--wide label { display: block; font-size: 13px; line-height: normal; font-weight: normal; color: #333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-form-row--wide label .required { color: #ed1c24; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-1, .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-2 { padding: 15px; flex: 0 0 50%; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-1 .inner-box, .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-2 .inner-box { padding: 15px; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-1 input { background: #fff; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-1 .inner-box { background: #efefef; padding-bottom: 30px; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-Button { min-width: 200px; padding: 12px 25px; letter-spacing: 1.5px; font-weight: 400; font-size: 13px; text-transform: uppercase; text-decoration: none; color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-radius: 30px; border: 1px solid $accent_color; background: $accent_color; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-Button:hover { background: none; color: $accent_color; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-privacy-policy-text { margin-bottom: 30px; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form { border: none; padding: 0; margin: 0; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form p.customer_login_desb { font-size: 18px; color: $text_color; text-align: center; margin-bottom: 44px; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form__label-for-checkbox span:before, .woocommerce-account:not(.logged-in) .woocommerce input.input-checkbox { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; border: 1px solid #e1e1e1; background: #fff; margin-left: 10px; text-align: center; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login { position: relative; font-size: 15px; padding-bottom: 90px; max-width: 500px; margin: 0 auto; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login:before, .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login:after { content: ''; display: table; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login:after { clear: both; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) { float: right; width: 50%; text-align: right; padding: 0; margin: 0; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) .woocommerce-form__label-for-checkbox span { font-size: 15px; color: $text_color; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) .woocommerce-form__label-for-checkbox input:checked + span:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-size: 12px; line-height: 18px; color: $accent_color; border-color: $accent_color; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) .woocommerce-form__label-for-checkbox input[type=checkbox] { display: none; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row) .woocommerce-Button { position: absolute; right: 50%; bottom: 0; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -o-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .lost_password { float: left; width: 50%; text-align: left; margin-bottom: 0; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .lost_password a { display: block; font-size: 15px; font-weight: 400; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .lost_password a:hover { color: $accent_color; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-register .woocommerce-FormRow { text-align: center; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation ul { margin-right: 0; margin-bottom: 30px; padding-right: 0; list-style-type: none; background: #eee; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link { position: relative; border-bottom: 1px solid #e7e7e7; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a { display: block; padding: 12px 25px 11px 20px; color: #333; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover { color: $primary_color; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active { background: $primary_color; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active:after { color: #fff; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:last-child { border-bottom: none; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:after { position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:after { font-family: "Font Awesome 5 Pro"; width: 25px; text-align: center; font-weight: 500; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--dashboard:after { content: '\f007'; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--orders:after { content: '\f290'; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--downloads:after { content: '\f019'; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-address:after { content: '\f3c5'; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-account:after { content: '\f4ff'; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout:after { content: '\f2f5'; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content > p:first-child { padding: 22px 30px; background: #f5f5f5; margin-bottom: 40px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content p { display: block; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content p a { color: #00aeef; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content p a:hover { color: $accent_color; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table tfoot tr:last-child td .amount { color: $accent_color; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table tr { border: 1px solid #e7e7e7; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table tr th, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table tr td { padding: 15px; border: none; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content form > h3 { display: inline-block; font-size: 24px; line-height: 36px; font-weight: 700; color: #2D78CF; margin-bottom: 15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields > p:not(.form-row) .button, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields > p .button, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm > p:not(.form-row) .button, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm > p .button { display: inline-block; min-width: 150px; font-weight: normal; color: #fff; text-align: center; text-transform: capitalize; padding: 12px 10px; background: $accent_color; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row { position: relative; padding: 0; margin-bottom: 20px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row label, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label { display: block; color: #333; font-size: 13px; font-weight: 500; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row label .required, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label .required { color: #fd4170; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row input, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input { padding: 13px 15px; background: #F8F8F8; border: 0; outline: 0; width: 100%; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row input:focus, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input:focus { border-color: $accent_color; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row .select2-selection, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row .select2-selection { background: #F8F8F8; border-color: #ddd; height: 52px; width: 100%; outline: 0; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row .select2-container--default .select2-selection--single .select2-selection__rendered, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 52px; padding-right: 15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row .select2-container--default .select2-selection--single .select2-selection__arrow, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row .select2-container--default .select2-selection--single .select2-selection__arrow { height: 52px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row > span, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row > span { margin-top: 5px; display: block; font-size: 14px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row ::-webkit-input-placeholder, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row ::-webkit-input-placeholder { font-size: 0; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row:not(.focused) label, .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row:not(.focused) label { font-size: 15px; top: 10px; cursor: auto; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table { margin-bottom: 0; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table thead tr .woocommerce-orders-table__header-order-actions { padding-left: 0; text-align: center; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell a { color: #00aeef; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell a:hover { color: $accent_color; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions { padding-left: 0; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions a { display: block; padding-top: 7px; padding-bottom: 7px; text-align: center; font-weight: normal; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; background: $accent_color; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions a:hover { color: #fff; background: $accent_color; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr:last-child td { border-bottom: none; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-details .woocommerce-table--order-details .woocommerce-Price-amount { color: $primary_color; font-weight: 700; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-details .woocommerce-table--order-details tr td { font-weight: normal; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child th, .woocommerce-account.logged-in .woocommerce .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child td { border-bottom: none; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-details .order-again a { display: inline-block; padding: 12px 10px; min-width: 150px; color: #fff; font-weight: normal; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: $accent_color; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-details .order-again a:hover { color: #fff; background: $accent_color; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file { padding-left: 0; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file a { display: block; padding: 11px 5px; position: relative; font-size: 0; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: $accent_color; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file a:before, .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file a:after { display: inline-block; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file a:before { content: '\e632'; margin-left: 5px; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file a:after { content: 'Download'; font-weight: normal; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file a:hover { background: $accent_color; } .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads tr:last-child td { border-bottom: none; } .woocommerce-account.logged-in .woocommerce .woocommerce-Addresses-custom > p { padding: 22px 30px; background: #f5f5f5; margin-bottom: 40px; } .woocommerce-account.logged-in .woocommerce .woocommerce-address-fields-custom .woocommerce-address-fields__field-wrapper .select2-container .select2-selection--single { border: none; border-bottom: 1px solid #e7e7e7; } .woocommerce-account.logged-in .woocommerce .woocommerce-address-fields-custom .woocommerce-address-fields__field-wrapper .select2-container .select2-selection .select2-selection__rendered { padding-right: 0; color: $text_color; font-size: 15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-EditAccountForm fieldset legend { font-size: 18px; color: $primary_color; margin-bottom: 20px; } .woocommerce-account.logged-in .woocommerce .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-Address-title h3 { display: inline-block; font-size: 24px; line-height: 36px; font-weight: 500; color: $primary_color; margin-left: 10px; margin-bottom: 0; } .woocommerce-account.logged-in .woocommerce address { color: #333; line-height: 32px; margin-bottom: 30px; background: #F8F8F8; padding: 10px 20px; } .woocommerce-account.logged-in .woocommerce address p { margin-bottom: 0; } .woocommerce-account.logged-in .woocommerce a.edit { background: $accent_color; color: #fff; padding: 2px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 13px; } .woocommerce-account.logged-in .woocommerce .u-columns .col-1, .woocommerce-account.logged-in .woocommerce .u-columns .col-2 { flex: 1; width: 100%; max-width: unset; } .woocommerce-account.logged-in .woocommerce .u-columns .col-1 { padding-left: 0; padding-right: 0; } .woocommerce-account.logged-in .woocommerce .u-columns .col-2 { padding-left: 0; padding-right: 0; } .woocommerce-account.logged-in .woocommerce .woocommerce-Address-title { display: block; } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit { display: block; float: none; color: #fff; padding: 12px 40px 13px; text-decoration: none; margin-left: 0; margin-top: 15px; border: 1px solid $accent_color; } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover { border-color: $accent_color; color: $accent_color; } /** * RESPONSIVE * ---------------------------------------------------------------------------- */ @media screen and (max-width: 1199px) { .woocommerce-account.logged-in .woocommerce .woocommerce-order-downloads .woocommerce-table--order-downloads .download-file a:before { display: none; } } @media screen and (min-width: 768px) and (max-width: 991px) { .woocommerce-account:not(.logged-in) .woocommerce .u-columns .col-1, .woocommerce-account:not(.logged-in) .woocommerce .u-columns .col-2 { width: 50%; max-width: unset; } .woocommerce-account:not(.logged-in) .woocommerce .u-columns .col-1 { padding-left: 20px; } .woocommerce-account:not(.logged-in) .woocommerce .u-columns .col-2 { padding-right: 20px; } } @media screen and (max-width: 991px) { .woocommerce-account.logged-in .woocommerce .woocommerce-Addresses-custom .col2-set > div { width: 100%; } .woocommerce-account:not(.logged-in) .woocommerce h2 { margin-bottom: 30px; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login { display: block; flex-wrap: wrap; margin-right: 0; margin-left: 0; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-1 { margin-bottom: 15px; } .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-1, .woocommerce-account:not(.logged-in) .woocommerce #customer_login > .col-2 { padding: 0; width: 100%; } .woocommerce-account:not(.logged-in) .woocommerce .u-columns .woocommerce-form-row--wide { margin-bottom: 20px; } } @media screen and (min-width: 992px) { .woocommerce-account.logged-in .woocommerce { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation { flex: 0 0 30%; padding-right: 15px; padding-left: 15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content { flex: 0 0 70%; padding-right: 15px; padding-left: 15px; } } @media screen and (min-width: 768px) { .woocommerce-account.logged-in .woocommerce { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation { flex: 0 0 35%; padding-right: 15px; padding-left: 15px; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content { flex: 0 0 65%; padding-right: 15px; padding-left: 15px; } } @media screen and (max-width: 767px) { .woocommerce-account:not(.logged-in) .woocommerce .u-columns .woocommerce-form-login { padding-bottom: 75px; } .woocommerce-account:not(.logged-in) .woocommerce .u-columns .woocommerce-form-row--wide { margin-bottom: 30px; } .woocommerce-account:not(.logged-in) .woocommerce .u-columns .col-1, .woocommerce-account:not(.logged-in) .woocommerce .u-columns .col-2 { float: none; margin: auto; } .woocommerce-account:not(.logged-in) .woocommerce .u-columns .col-1 { margin-bottom: 50px; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr:last-child td { border-bottom: 1px solid #e7e7e7; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-total, .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions { border-bottom: none !important; } .woocommerce-account.logged-in .woocommerce .my_account_orders_custom .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions:before { display: none; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table thead { display: none; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table tr td { width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #e7e7e7; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table tr td:last-child { border-bottom: 0; } .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content table tr td > span { font-weight: 600; color: #333; } } @media screen and (max-width: 479px) { .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login { padding-bottom: 75px; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .woocommerce-form-row--wide { margin-bottom: 30px; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row), .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .lost_password { width: 100%; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .lost_password { margin-top: 10px; text-align: center; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .lost_password a { display: inline-block; } .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .woocommerce-form-login__submit { width: 100%; } } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li { padding: 0; margin-bottom: 20px; } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li a.remove { line-height: 20px; color: #fff !important; margin-bottom: 0; background: $accent_color; visibility: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li a.remove:hover { background: $accent_color; color: #fff !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li .variation { padding-right: 0; border-right: 0; display: table-cell; margin-bottom: 15px; } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li .variation .variation-SoldBy { margin-bottom: 0; } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li .quantity { display: block; } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li .quantity span.amount { font-size: 15px; color: $primary_color; } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li .quantity span.amount > span { position: relative; top: 0; } .widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li:hover a.remove { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: visible; } .widget_shopping_cart .widget_shopping_cart_content .total { text-align: left; font-size: 18px; margin-top: 0; padding-top: 10px; } .widget_shopping_cart .widget_shopping_cart_content .total span { color: $accent_color; position: relative; } .widget_shopping_cart .widget_shopping_cart_content .total span > span { position: relative; font-size: 15px; top: 0; } .widget_shopping_cart .widget_shopping_cart_content .buttons { display: flex; justify-content: center; background: 100%; padding: 0 5px; } .widget_shopping_cart .widget_shopping_cart_content .buttons a { flex: 0 0 50%; max-width: 50%; height: 45px; line-height: 45px; margin: 0 5px; padding: 0; background: $accent_color; color: #fff !important; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .widget_shopping_cart .widget_shopping_cart_content .buttons a:hover { background: $accent_color; color: #fff; }