@charset "UTF-8"; /* Theme Name: YITH Proteo Theme URI: https://proteo.yithemes.com/ Author: YITH Author URI: https://yithemes.com Description: Proteo is a modern, fast and fully customizable WooCommerce theme. Designed and developed by YITH - a team of top developers of premium themes - with a beautiful UI, a minimal design and an optimized code, is perfect for each kind of site or shop. With the Proteo Wizard you can import our demo content with just a few clicks - in less than 2 minutes! - and easily customize it using the advanced front-end customizer. Proteo is the best solution if you want a complete WooCommerce theme that works perfectly also in mobile devices and start quickly to sell your products with WooCommerce without technical knowledge. Works perfectly with page builders like Elementor, Gutenberg & Visual composer. Key features: # WooCommerce Ready # Responsive with a perfect mobile design # Compatible with Elementor, Gutenberg, Visual Composer and others page builders # Translation Ready # Frontend customizer with hundred of options to customize header, footer, pages, typography, style, ecc. # Google fonts support # Regularly updated and improved with new demos and advanced features # Support to all YITH plugins. Check all our Proteo demos: https://proteo.yithemes.com/ Version: 1.5.2 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: yith-proteo Tested up to: 5.7 Requires PHP: 5.6 Tags: one-column, two-columns, left-sidebar, right-sidebar, wide-blocks, block-styles, buddypress, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, rtl-language-support, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Bootstrap 4.2.1 Grid System # Typography # Elements # Forms # Navigation ## Links ## Menus # Header # Accessibility # Alignments # Clearings # Full Screen Search # Widgets # Content ## Posts and pages ## Comments # Footer # WooCommerce # Infinite scroll # Media ## Captions ## Galleries # Shortcodes # Third Party # Skins # Responsive --------------------------------------------------------------*/ .has-yith-proteo-editor-custom-color-1-color { color: var(--proteo-yith_proteo_editor_custom_color_1); } .has-yith-proteo-editor-custom-color-1-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_1); } .has-yith-proteo-editor-custom-color-2-color { color: var(--proteo-yith_proteo_editor_custom_color_2); } .has-yith-proteo-editor-custom-color-2-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_2); } .has-yith-proteo-editor-custom-color-3-color { color: var(--proteo-yith_proteo_editor_custom_color_3); } .has-yith-proteo-editor-custom-color-3-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_3); } .has-yith-proteo-editor-custom-color-4-color { color: var(--proteo-yith_proteo_editor_custom_color_4); } .has-yith-proteo-editor-custom-color-4-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_4); } .has-yith-proteo-editor-custom-color-5-color { color: var(--proteo-yith_proteo_editor_custom_color_5); } .has-yith-proteo-editor-custom-color-5-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_5); } .has-yith-proteo-editor-custom-color-6-color { color: var(--proteo-yith_proteo_editor_custom_color_6); } .has-yith-proteo-editor-custom-color-6-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_6); } .has-yith-proteo-editor-custom-color-7-color { color: var(--proteo-yith_proteo_editor_custom_color_7); } .has-yith-proteo-editor-custom-color-7-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_7); } .has-yith-proteo-editor-custom-color-8-color { color: var(--proteo-yith_proteo_editor_custom_color_8); } .has-yith-proteo-editor-custom-color-8-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_8); } /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*-------------------------------------------------------------- # Bootstrap 4.2.1 Grid System --------------------------------------------------------------*/ /*! * Bootstrap Grid v4.2.1 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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-sm, .col-sm-auto, .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-md, .col-md-auto, .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-lg, .col-lg-auto, .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-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .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: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .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: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; 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: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; 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: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; 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: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; 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: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } /*-------------------------------------------------------------- # Bootstrap overrides --------------------------------------------------------------*/ .col-lg-20 { width: 20%; padding-left: 15px; padding-right: 15px; } .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container, .wp-block-group__inner-container { margin-right: auto; margin-left: auto; width: 100%; } @media (min-width: 576px) { .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container, .wp-block-group__inner-container { max-width: 540px; } } @media (min-width: 768px) { .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container, .wp-block-group__inner-container { max-width: 720px; } } @media (min-width: 992px) { .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container, .wp-block-group__inner-container { max-width: 960px; } } @media (min-width: 1200px) { .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container, .wp-block-group__inner-container { max-width: 1140px; } } @media (min-width: 1400px) { .container, .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container, .wp-block-group__inner-container { max-width: 1340px; } } @media (min-width: 1600px) { .container, .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container, .wp-block-group__inner-container { max-width: 1540px; } } body.proteo-full-width-layout .container, body.proteo-full-width-layout .wp-block-cover-image .wp-block-cover__inner-container, body.proteo-full-width-layout .wp-block-cover .wp-block-cover__inner-container, body.proteo-full-width-layout .wp-block-group__inner-container { max-width: 100%; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea, body.yith-woocompare-popup { color: var(--proteo-base_font_color, #404040); font-family: sans-serif; font-size: var(--proteo-base_font_size, 16); line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } h1 { font-size: var(--proteo-h1_font_size, 4.375rem); color: var(--proteo-h1_font_color, #404040); line-height: normal; } h1 .lnr { text-align: center; margin-bottom: 15px; } h2 { font-size: var(--proteo-h2_font_size, 2.5rem); color: var(--proteo-h2_font_color, #404040); margin-top: 0; margin-bottom: 1rem; } h3 { font-size: var(--proteo-h3_font_size, 19px); color: var(--proteo-h3_font_color, #404040); } h4 { font-size: var(--proteo-h4_font_size, 16px); color: var(--proteo-h4_font_color, #404040); } h5 { font-size: var(--proteo-h5_font_size, 13px); color: var(--proteo-h5_font_color, #404040); } h6 { font-size: var(--proteo-h6_font_size, 11px); color: var(--proteo-h6_font_color, #404040); } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } blockquote p { line-height: 1.5em !important; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; background: #eee; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } * { outline-color: var(--proteo-main_color_shade, #448a85); } body { background: #fff; /* Fallback for when there is no custom background color defined. */ overflow-x: hidden; } body.page, body.post { margin: 0; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 0; } ul { list-style: disc; } ol { list-style: decimal; padding: 0; } li > ul, li > ol { margin-bottom: 0; } dt { font-weight: bold; font-size: 0.875em; } dd, .entry-content dd { margin: 0 1.5em 1em; } dd p, dd p:not([class^=has]), .entry-content dd p, .entry-content dd p:not([class^=has]) { font-size: 0.875em; line-height: 1.5; margin: 0; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 0 0 30px 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; border-spacing: 0; } div.pp_woocommerce a.pp_close { border: none; box-shadow: none; text-shadow: none; top: 10px; right: 10px; background: transparent; color: #c7c7c7 !important; } div.pp_woocommerce a.pp_close:hover { background: inherit; color: #404040 !important; } div.pp_woocommerce a.pp_close:before { font-family: inherit; content: "⨯"; } div.pp_woocommerce .pp_details { padding: 0; } div.pp_overlay { background: #ffffff; } .mobile-menu-opened { margin: 0; height: 100%; overflow: hidden; } .jquery-modal.blocker { background-color: rgba(7, 90, 93, 0.6); z-index: 100; } .jquery-modal.blocker .modal { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 0; } .jquery-modal.blocker .modal a.close-modal { background: none; display: block; top: 10px; right: 10px; font-size: 0; text-indent: 0; text-decoration: none; line-height: 30px; text-align: center; } .jquery-modal.blocker .modal a.close-modal:before { content: "×"; display: block; font-size: 2rem; color: rgba(0, 0, 0, 0.3); } .jquery-modal.blocker .modal .modal-title { font-size: 1.5rem; font-weight: 500; } .jquery-modal.blocker .modal.modal-large { max-width: none; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type=button], input[type=reset], input[type=submit], .button, .widget a.button, .wishlist-submit.popup_button, .button-style-1:not(.wp-block-button), .button-style-1 a, input[type=file]::-webkit-file-upload-button, body.update-cart-button-style table.cart tbody tr td.actions button[name=update_cart], body.yith-proteo-add-to-cart-style-button_style_1 .wc-block-grid__product .add_to_cart_button, body.yith-proteo-add-to-cart-style-button_style_1 .added_to_cart.wc-forward { border: 1px solid; border-color: var(--proteo-button_1_border_color, #448a85); background: var(--proteo-button_1_bg_color, #448a85); background-color: var(--proteo-button_1_bg_color, #448a85); color: var(--proteo-button_1_font_color, #ffffff); line-height: 1; padding: 0.8em 1.5em 0.7em; text-decoration: none; cursor: pointer; display: inline-block; transition: all ease 0.3s; font-family: inherit; margin-right: 15px; margin-bottom: 15px; font-weight: 600; } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover, .widget a.button:hover, .wishlist-submit.popup_button:hover, .button-style-1:not(.wp-block-button):hover, .button-style-1 a:hover, input[type=file]::-webkit-file-upload-button:hover, body.update-cart-button-style table.cart tbody tr td.actions button[name=update_cart]:hover, body.yith-proteo-add-to-cart-style-button_style_1 .wc-block-grid__product .add_to_cart_button:hover, body.yith-proteo-add-to-cart-style-button_style_1 .added_to_cart.wc-forward:hover { border-color: var(--proteo-button_1_border_hover_color, #4ac4aa); background: var(--proteo-button_1_bg_hover_color, #1a4e43); background-color: var(--proteo-button_1_bg_hover_color, #1a4e43); color: var(--proteo-button_1_font_hover_color, #ffffff); } /** Gutenberg buttons use same hover of button-style-1 **/ a.wp-block-button__link { transition: all ease 0.3s; } a.wp-block-button__link:hover { border-color: var(--proteo-button_1_border_hover_color, #4ac4aa); background: var(--proteo-button_1_bg_hover_color, #1a4e43); background-color: var(--proteo-button_1_bg_hover_color, #1a4e43); color: var(--proteo-button_1_font_hover_color, #ffffff) !important; } .button.alt, button.alt, input[type=button].alt, input[type=reset].alt, input[type=submit].alt, .widget-area .widget a.button.alt, .wishlist-submit.popup_button, .yith_wcwl_wishlist_footer input[name=add_all_to_cart], .button-style-2:not(.wp-block-button), .button-style-2 a, body.yith-proteo-add-to-cart-style-button_style_2 .wc-block-grid__product .add_to_cart_button { text-decoration: none; background-color: var(--proteo-button_2_bg_color_1, #00a79c); background: linear-gradient(180deg, var(--proteo-button_2_bg_color_1, #00a79c) 0%, var(--proteo-button_2_bg_color_2, #01af8d) 100%); color: var(--proteo-button_2_font_color, #ffffff); border: none; } .button.alt:hover, button.alt:hover, input[type=button].alt:hover, input[type=reset].alt:hover, input[type=submit].alt:hover, .widget-area .widget a.button.alt:hover, .wishlist-submit.popup_button:hover, .yith_wcwl_wishlist_footer input[name=add_all_to_cart]:hover, .button-style-2:not(.wp-block-button):hover, .button-style-2 a:hover, body.yith-proteo-add-to-cart-style-button_style_2 .wc-block-grid__product .add_to_cart_button:hover { text-decoration: none; color: var(--proteo-button_2_font_hover_color, #ffffff); background-color: var(--proteo-button_2_bg_hover_color, #30615e); background: linear-gradient(180deg, var(--proteo-button_2_bg_hover_color, #30615e) 0%, var(--proteo-button_2_bg_hover_color, #30615e) 100%); } .comment-reply a { text-transform: uppercase; font-weight: bold; color: var(--proteo-general_link_color, #448a85); text-decoration: none; font-size: 0.875rem; } .comment-reply a:before { content: "+"; display: inline-block; margin-right: 5px; } .comment-reply a:hover { text-decoration: underline; } .button.flat, .yith_wcwl_footer_additional_action .ask-an-estimate-button { border: none; text-align: center; padding: 0.8em 1.5em 0.7em; vertical-align: middle; background-color: #eaeaea; color: #393839; transition: all ease 0.3s; text-decoration: none; margin-right: 15px; font-weight: 600; } .button.flat:hover, .yith_wcwl_footer_additional_action .ask-an-estimate-button:hover { text-decoration: none; background-color: var(--proteo-button_1_bg_hover_color, #1a4e43); color: var(--proteo-button_1_font_hover_color, #ffffff); } .yith_wcwl_footer_additional_action .ask-an-estimate-button { display: inline-block; line-height: 1; } .comment-respond #submit { display: block; margin-right: 0; } .button.ghost, .wishlist-title a.show-title-form, .wishlist-title a.hide-title-form, .submit-wishlist-changes, .yith_wcwl_wishlist_bulk_action input[type=submit], .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_update input[type=submit], .wpcf7-form-control.ghost, .button.ywgc_apply_gift_card_button, .checkout_coupon button[name=apply_coupon], .wc-block-grid__products .wc-block-grid__product-image a.button.ghost { margin-bottom: 15px; border: 2px solid; border-color: var(--proteo-main_color_shade, #448a85); text-align: center; padding: 0.65em 1.5em 0.5em; vertical-align: middle; background-color: transparent; color: var(--proteo-main_color_shade, #448a85); font-weight: 600; display: inline-block; } .button.ghost:hover, .wishlist-title a.show-title-form:hover, .wishlist-title a.hide-title-form:hover, .submit-wishlist-changes:hover, .yith_wcwl_wishlist_bulk_action input[type=submit]:hover, .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_update input[type=submit]:hover, .wpcf7-form-control.ghost:hover, .button.ywgc_apply_gift_card_button:hover, .checkout_coupon button[name=apply_coupon]:hover, .wc-block-grid__products .wc-block-grid__product-image a.button.ghost:hover { background-color: var(--proteo-main_color_shade, #448a85); border-color: var(--proteo-main_color_shade, #448a85); color: #ffffff; text-decoration: none; } .unstyled_button, .unstyled-button, .button.unstyled_button, body:not(.update-cart-button-style) table.cart tbody tr td.actions button[name=update_cart], body.yith-proteo-add-to-cart-style-unstyled_button .wc-block-grid__product .add_to_cart_button { background: none; background-color: transparent; padding: 0; border: none; color: var(--proteo-general_link_color, #448a85); font-weight: 600; text-decoration: none; text-transform: none; } .unstyled_button:hover, .unstyled-button:hover, .button.unstyled_button:hover, body:not(.update-cart-button-style) table.cart tbody tr td.actions button[name=update_cart]:hover, body.yith-proteo-add-to-cart-style-unstyled_button .wc-block-grid__product .add_to_cart_button:hover { background: none; background-color: transparent; border: none; color: var(--proteo-general_link_hover_color, #448a85); } button, input[type=button], input[type=reset], input[type=submit], .button, .widget a.button, .wishlist-submit.popup_button, body.update-cart-button-style table.cart tbody tr td.actions button[name=update_cart], .wc-block-grid__product .add_to_cart_button { border-radius: var(--proteo-buttons_border_radius); } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea, input[type=file], .select2-container .select2-selection, .woocommerce a.selectBox.selectBox-dropdown { color: #666; border-color: #cccccc; border-width: 1px 1px 1px 1px; border-style: solid; border-radius: var(--proteo-forms_input_borde_radius, 0); padding: 10px; font-family: inherit; min-height: 35px; height: auto; max-width: 100%; transition: border-color ease 0.3s; background-color: #ffffff; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus, input[type=file]:focus, .select2-container .select2-selection:focus, .woocommerce a.selectBox.selectBox-dropdown:focus { outline-color: transparent; color: #111; border-color: var(--proteo-main_color_shade, #448a85); outline: none; box-shadow: 0 0 2px var(--proteo-main_color_shade, #448a85); } input[type=text] + .separator, input[type=email] + .separator, input[type=url] + .separator, input[type=password] + .separator, input[type=search] + .separator, input[type=number] + .separator, input[type=tel] + .separator, input[type=range] + .separator, input[type=date] + .separator, input[type=month] + .separator, input[type=week] + .separator, input[type=time] + .separator, input[type=datetime] + .separator, input[type=datetime-local] + .separator, input[type=color] + .separator, textarea + .separator, input[type=file] + .separator, .select2-container .select2-selection + .separator, .woocommerce a.selectBox.selectBox-dropdown + .separator { height: 2px; width: 100%; background: #448a85; display: block; transform: scaleX(0) translateY(-2px); transform-origin: 50%; opacity: 0; transition: all 0.15s ease; } input[type=text]:focus + .separator, input[type=email]:focus + .separator, input[type=url]:focus + .separator, input[type=password]:focus + .separator, input[type=search]:focus + .separator, input[type=number]:focus + .separator, input[type=tel]:focus + .separator, input[type=range]:focus + .separator, input[type=date]:focus + .separator, input[type=month]:focus + .separator, input[type=week]:focus + .separator, input[type=time]:focus + .separator, input[type=datetime]:focus + .separator, input[type=datetime-local]:focus + .separator, input[type=color]:focus + .separator, textarea:focus + .separator, input[type=file]:focus + .separator, .select2-container .select2-selection:focus + .separator, .woocommerce a.selectBox.selectBox-dropdown:focus + .separator { transform: scaleX(1) translateY(-2px); opacity: 1; } input::-webkit-input-placeholder { color: rgba(204, 204, 204, 0.8); font-size: 0.8em; } input:-moz-placeholder { color: rgba(204, 204, 204, 0.8); font-size: 0.8em; } input::-moz-placeholder { color: rgba(204, 204, 204, 0.8); font-size: 0.8em; } input:-ms-input-placeholder { color: rgba(204, 204, 204, 0.8); font-size: 0.8em; } .woocommerce-invalid input[type=text]:focus, .woocommerce-invalid input[type=email]:focus, .woocommerce-invalid input[type=url]:focus, .woocommerce-invalid input[type=password]:focus, .woocommerce-invalid input[type=search]:focus, .woocommerce-invalid input[type=number]:focus, .woocommerce-invalid input[type=tel]:focus, .woocommerce-invalid input[type=range]:focus, .woocommerce-invalid input[type=date]:focus, .woocommerce-invalid input[type=month]:focus, .woocommerce-invalid input[type=week]:focus, .woocommerce-invalid input[type=time]:focus, .woocommerce-invalid input[type=datetime]:focus, .woocommerce-invalid input[type=datetime-local]:focus, .woocommerce-invalid input[type=color]:focus, .woocommerce-invalid textarea:focus { border-color: #f44336; box-shadow: none; outline: none; } .woocommerce-invalid input::-webkit-input-placeholder { color: rgba(244, 67, 54, 0.5); } .woocommerce-invalid input:-moz-placeholder { color: rgba(244, 67, 54, 0.5); } .woocommerce-invalid input::-moz-placeholder { color: rgba(244, 67, 54, 0.5); } .woocommerce-invalid input:-ms-input-placeholder { color: rgba(244, 67, 54, 0.5); } select { border-color: #cccccc; border-width: 0 0 1px 0; border-style: solid; border-radius: 0; } body .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, body .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-bottom-left-radius: var(--proteo-forms_input_borde_radius, 0); border-bottom-right-radius: var(--proteo-forms_input_borde_radius, 0); } textarea { border-color: #cccccc; border-width: 1px 1px 1px 1px; border-style: solid; width: 100%; background-color: #ffffff; } .comment-form-rating select, .comment-form-rating .select2 { display: none; } /* default checkbox when enhanced are disabled */ label.checkbox input[type=checkbox] { display: inline-block; width: auto; margin-right: 5px; } /** Enanched Checkboxes */ span.checkboxbutton { position: relative; } span.checkboxbutton input[type=checkbox] { opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; height: 23px; cursor: pointer; width: 23px; } span.checkboxbutton:before { content: ""; display: inline-block; width: 23px; height: 23px; border: 1px solid #707070; background: #ffffff; margin-right: 10px; text-align: center; line-height: 23px; font-size: 17px; vertical-align: middle; cursor: pointer; color: var(--proteo-main_color_shade, #448a85); margin-bottom: 5px; transition: background-color ease 0.3s; } span.checkboxbutton.checked:before { content: ""; background: var(--proteo-main_color_shade, #448a85); background-image: url("img/whitecheck.svg") !important; color: #ffffff; background-repeat: no-repeat !important; background-position: center !important; border-color: var(--proteo-main_color_shade, #448a85); } /* Default radio buttons */ input[type=radio] { margin-top: 6px; } .methods input[type=radio] { position: absolute; } /** Radio buttons */ span.radiobutton { position: relative; } span.radiobutton input[type=radio] { opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; height: 23px; cursor: pointer; width: 23px; } span.radiobutton:before { content: ""; display: inline-block; width: 18px; height: 18px; border-radius: 18px; border: 1px solid #707070; background: #ffffff; margin-right: 10px; text-align: center; line-height: 18px; font-size: 18px; vertical-align: middle; cursor: pointer; padding: 2px; background-clip: content-box; margin-bottom: 5px; } span.radiobutton.checked:before { background: var(--proteo-main_color_shade, #448a85); background-clip: content-box !important; } /** File inputs */ input[type=file] { padding: 2px; font-size: 0.75em; position: relative; } input[type=file]::-webkit-file-upload-button { background-color: var(--proteo-button_1_bg_color, #448a85); border: none; color: #ffffff; text-transform: uppercase; cursor: pointer; transition: all ease 0.3s; font-size: 0.9375rem; padding: 7px 10px; outline: none; min-height: 40px; font-weight: 600; margin: 0; } input[type=file]::-ms-browse { background-color: var(--proteo-button_1_bg_color, #448a85); border: none; color: #ffffff; text-transform: uppercase; cursor: pointer; transition: all ease 0.3s; font-size: 0.9375rem; padding: 7px 10px; outline: none; min-height: 40px; font-weight: 600; margin: 0; } input[type=file]:hover::-webkit-file-upload-button { background-color: var(--proteo-button_1_bg_hover_color, #1a4e43); } /** Date fields */ input.hasDatepicker { background-image: url(img/calendar.svg); background-position: calc(100% - 15px) 50%; background-repeat: no-repeat; background-size: 20px; } #ui-datepicker-div { background: #ffffff; border-radius: 0; color: inherit; font-family: inherit; box-shadow: 3px 0 15px rgba(0, 0, 0, 0.15); border: none; } #ui-datepicker-div .ui-datepicker-header { border: none; background: none; color: inherit; padding: 0; margin: 10px 0; } #ui-datepicker-div .ui-datepicker-header a { color: inherit; text-align: center; opacity: 0.8; top: 2px; text-decoration: none; } #ui-datepicker-div .ui-datepicker-header a.ui-state-hover, #ui-datepicker-div .ui-datepicker-header a.ui-state-focus { border: none; background: none; opacity: 1; } #ui-datepicker-div .ui-datepicker-header a:hover { color: #1a4e43; opacity: 1; } #ui-datepicker-div .ui-datepicker-header a.ui-state-disabled { display: none; } #ui-datepicker-div .ui-datepicker-header a[data-handler=prev] { left: 2px; } #ui-datepicker-div .ui-datepicker-header a[data-handler=prev]:before { content: ""; font-family: Linearicons-Free; font-family: Linearicons-Free; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; cursor: pointer; font-size: 12px; } #ui-datepicker-div .ui-datepicker-header a[data-handler=prev] span { display: none; } #ui-datepicker-div .ui-datepicker-header a[data-handler=next] { right: 2px; } #ui-datepicker-div .ui-datepicker-header a[data-handler=next]:before { content: ""; font-family: Linearicons-Free; font-family: Linearicons-Free; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; cursor: pointer; font-size: 12px; } #ui-datepicker-div .ui-datepicker-header a[data-handler=next] span { display: none; } #ui-datepicker-div .ui-datepicker-calendar tbody td a { text-decoration: none; transition: all ease 0.3s; background: #f7f7f7; border: 1px solid #efefef; color: #616161; font-weight: 600; font-size: 14px; } #ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-datepicker-unselectable { background: #f7f7f7; border: 1px solid #efefef; color: #c5c5c5; } #ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-hover { color: var(--proteo-main_color_shade, #448a85); background: #ffffff; border: 1px solid var(--proteo-main_color_shade, #448a85); } #ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-hover:not(.ui-state-active) { color: var(--proteo-main_color_shade, #448a85); } #ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-active { color: #ffffff; background: var(--proteo-main_color_shade, #448a85); border: 1px solid var(--proteo-main_color_shade, #448a85); } #ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-active:hover { color: #ffffff; } #ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-highlight { color: var(--proteo-main_color_shade, #448a85); background: #ffffff; border: 1px solid var(--proteo-main_color_shade, #448a85); } #ui-datepicker-div .ui-datepicker-calendar tbody td.ui-state-disabled { opacity: 0.5; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: var(--proteo-general_link_color, #448a85); text-decoration: var(--proteo-general_link_decoration, underline); } a:hover, a:focus, a:active { color: var(--proteo-general_link_hover_color, #1a4e43); } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: left; } .main-navigation > div { transition: opacity 0.3s ease, visibility 0.3s ease; } .main-navigation ul { display: none; list-style: none; margin: 0 0 -15px; padding-left: 0; font-size: var(--proteo-header_menu_font_size, 14px); text-transform: var(--proteo-header_menu_text_transform, uppercase); letter-spacing: var(--proteo-header_menu_letter_spacing, 2px); } .main-navigation ul ul { letter-spacing: 1px; padding: 45px 45px 30px; box-shadow: 3px 0 15px rgba(0, 0, 0, 0.15); float: left; position: absolute; top: 100%; left: -45px; z-index: 99999; background: var(--proteo-header_bg_color, #ffffff); text-align: initial; transition: all ease 0.3s; text-transform: none; visibility: hidden; opacity: 0; pointer-events: none; } .main-navigation ul ul:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent var(--proteo-header_bg_color, #ffffff) transparent; position: absolute; top: -10px; } .main-navigation ul ul:after { content: ""; display: block; position: absolute; top: -20px; height: 20px; left: 0; right: 0; } .main-navigation ul ul ul { pointer-events: none; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { pointer-events: auto; left: calc(100% + 15px); top: -45px; } .main-navigation ul ul li:hover > ul:before, .main-navigation ul ul li.focus > ul:before { content: ""; display: block; position: absolute; left: -10px; top: 45px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #ffffff transparent transparent; } .main-navigation ul ul li[class*=has-children] ul { top: -45px; } .main-navigation ul ul li[class*=has-children] > a:after { transform: rotate(-90deg); right: -25px; position: absolute; top: 4px; } .main-navigation ul ul a { display: inline-block; width: 200px; white-space: normal; } .main-navigation ul ul a:empty .main-navigation ul ul a { display: none; } .main-navigation ul ul :hover > a + ul, .main-navigation ul ul .focus > a + ul { display: block !important; } .main-navigation ul ul a:hover + ul, .main-navigation ul ul a.focus + ul { display: block !important; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { top: calc(100% + 10px); visibility: visible; opacity: 1; pointer-events: auto; } .main-navigation li { display: inline-block; position: relative; margin-right: 35px; padding-bottom: 15px; } .main-navigation a { display: block; text-decoration: none; color: var(--proteo-header_menu_color, #404040); } .main-navigation a:hover { color: var(--proteo-header_menu_hover_color, #448a85); } .main-navigation li[class*=has_children], .main-navigation li[class*=has-children] { position: relative; } .main-navigation li[class*=has_children] > a:after, .main-navigation li[class*=has-children] > a:after { content: ""; font-family: "Linearicons-Free"; speak: none; font-style: normal; font-weight: 800; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 10px; font-size: 0.75em; } header.sticky .main-navigation a { color: var(--proteo-sticky_header_menu_color, #404040); } header.sticky .main-navigation a:hover { color: var(--proteo-sticky_header_menu_hover_color, #448a85); } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } .menu-toggle { cursor: pointer; display: inline-block; float: none; border: none; border-radius: 0; width: 30px; vertical-align: middle; background: none; color: inherit; padding: 5px; margin: 0; font-size: 1.5rem; position: fixed; right: 30px; margin-top: 15px; z-index: 101; transition: none; } .menu-toggle:hover { background: none; border: none; color: inherit; } .menu-toggle .icon-bar { display: block; margin: 5px 0; background-color: var(--proteo-header_menu_color, #404040); height: 2px; width: 20px; border-radius: 1px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; } .menu-toggle .icon-bar:nth-child(2) { -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .menu-toggle .icon-bar:nth-child(3) { -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .menu-toggle .icon-bar:nth-child(4) { -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } body.static-header .menu-toggle { position: absolute; } .main-navigation.toggled .menu-toggle .icon-bar:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 20px; } .main-navigation.toggled .menu-toggle .icon-bar:nth-child(3) { width: 0; opacity: 0; } .main-navigation.toggled .menu-toggle .icon-bar:nth-child(4) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 20px; } .main-navigation.toggled > div { position: fixed; height: 100vh; background: var(--proteo-mobile_menu_bg_color, var(--proteo-header_bg_color, #ffffff)); width: 100vw; padding: 140px 30px 30px; z-index: 100; overflow-y: scroll; left: 0; margin-top: -15px; top: 0; } .main-navigation.toggled ul.nav-menu { display: block; font-size: 1.2em; } .main-navigation.toggled ul.nav-menu li { display: table; width: auto; float: none; } .main-navigation.toggled ul.nav-menu li a { display: inline-block; white-space: nowrap; } .main-navigation.toggled ul.nav-menu li[class*=has-children] > a:after { transform: none; position: static; } .main-navigation.toggled ul.nav-menu ul { display: block; position: static; float: none; opacity: 1; visibility: visible; box-shadow: none; padding: 15px; } .main-navigation.toggled ul.nav-menu ul a { width: auto; } .main-navigation.toggled ul.nav-menu.mobile-menu-align-left li { margin-right: auto; } .main-navigation.toggled ul.nav-menu.mobile-menu-align-right li { margin-left: auto; } .main-navigation.toggled ul.nav-menu.mobile-menu-align-center li { margin-left: auto; margin-right: auto; } .main-navigation.toggled div[class^=mobile-menu-sidebar] section.widget { width: auto; display: table; } .main-navigation.toggled div[class^=mobile-menu-sidebar].mobile-menu-sidebar-align-left section.widget { margin-right: auto; } .main-navigation.toggled div[class^=mobile-menu-sidebar].mobile-menu-sidebar-align-right section.widget { margin-left: auto; } .main-navigation.toggled div[class^=mobile-menu-sidebar].mobile-menu-sidebar-align-center section.widget { margin-left: auto; margin-right: auto; } header.left_logo_navigation_below .menu-toggle { top: 60px; } header.center_logo_navigation_below .menu-toggle { top: 60px; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; clear: both; display: block; width: 100%; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } #topbar .widget_nav_menu ul.menu { margin: 0; padding: 0; } #topbar .widget_nav_menu ul.menu > li { display: inline-block; margin-right: 15px; } #topbar .widget_nav_menu ul.sub-menu { opacity: 0; visibility: hidden; position: absolute; list-style-type: none; margin: 0; background: #ffffff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); padding: 15px; } #topbar .widget_nav_menu ul.sub-menu li[class*=has_children], #topbar .widget_nav_menu ul.sub-menu li[class*=has-children] { position: relative; } #topbar .widget_nav_menu ul.sub-menu li[class*=has_children] > a:after, #topbar .widget_nav_menu ul.sub-menu li[class*=has-children] > a:after { content: ""; font-weight: 900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; cursor: pointer; margin-left: 5px; transform: rotate(-90deg); } #topbar .widget_nav_menu ul.sub-menu a { white-space: nowrap; } #topbar .widget_nav_menu li[class*=has_children], #topbar .widget_nav_menu li[class*=has-children] { position: relative; } #topbar .widget_nav_menu li[class*=has_children]:hover ul.sub-menu, #topbar .widget_nav_menu li[class*=has-children]:hover ul.sub-menu { opacity: 1; visibility: visible; } #topbar .widget_nav_menu li[class*=has_children] > a:after, #topbar .widget_nav_menu li[class*=has-children] > a:after { content: ""; font-weight: 900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; cursor: pointer; margin-left: 5px; } #topbar .widget_nav_menu a { display: block; text-decoration: none; } /*-------------------------------------------------------------- ## Pagination --------------------------------------------------------------*/ .pagination, .woocommerce-pagination { padding: 0; text-align: center; clear: both; margin: 0 0 2em 0; } .pagination .page-numbers, .woocommerce-pagination .page-numbers { list-style: none; margin: 0; padding: 0; } .pagination .page-numbers li, .woocommerce-pagination .page-numbers li { display: inline-block; } .pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers { border-left-width: 0; display: inline-block; padding: 5px 13px; background-color: rgba(0, 0, 0, 0.025); color: #6d6d6d; text-decoration: none; } .pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current { background-color: #e6e6e6; color: #636363; } .pagination .page-numbers li .page-numbers.next, .pagination .page-numbers li .page-numbers.prev, .woocommerce-pagination .page-numbers li .page-numbers.next, .woocommerce-pagination .page-numbers li .page-numbers.prev { padding: 5px 9px; } .pagination .page-numbers li .page-numbers:hover, .woocommerce-pagination .page-numbers li .page-numbers:hover { background-color: rgba(0, 0, 0, 0.05); } /*-------------------------------------------------------------- # Header and Navigation --------------------------------------------------------------*/ .site-branding { padding-bottom: 15px; } .site-branding .site-title { display: block; margin: var(--proteo-site_title_spacing); vertical-align: middle; font-size: var(--proteo-site_title_font_size, 48); font-weight: 600; line-height: 1; transition: all ease 0.3s; color: var(--proteo-site_title_color, #404040); } .site-branding .site-title a { text-decoration: none; display: block; color: inherit; transition: all ease 0.3s; } .site-branding img.custom-logo { display: inline-block; max-width: inherit; } .site-branding .custom-logo-link { font-size: 0; max-width: var(--proteo-site_custom_logo_max_width, 375); } .site-branding .site-description { display: block; margin: var(--proteo-tagline_spacing); font-size: var(--proteo-tagline_font_size, 14); color: var(--proteo-tagline_color, #404040); } .site-branding.tagline-position-right .site-title, .site-branding.tagline-position-right .site-description { display: inline-block; vertical-align: middle; } .site-header { background-color: var(--proteo-header_bg_color, #ffffff); background-position: center; background-size: cover; position: relative; z-index: 100; transition: all ease 0.3s; } .site-header.left_logo_navigation_inline .site-branding { display: inline-block; padding-bottom: 0; } .site-header.left_logo_navigation_inline .main-navigation { display: inline-block; width: auto; float: none; } @media screen and (min-width: 992px) { .site-header.left_logo_navigation_inline .header-contents { display: table; } .site-header.left_logo_navigation_inline .site-branding, .site-header.left_logo_navigation_inline .main-navigation, .site-header.left_logo_navigation_inline .header-sidebar { display: table-cell; width: auto; float: none; vertical-align: middle; } } .site-header.center_logo_navigation_below .site-branding, .site-header.center_logo_navigation_below .main-navigation { text-align: center; float: none; } .site-header.center_logo_navigation_below .site-branding { padding: 15px 0; margin-bottom: 30px; } .site-header.center_logo_navigation_below .site-branding .site-title { margin-right: 0; text-align: center; } .site-header.center_logo_navigation_below .site-branding .site-title a { margin: 0 auto; } .site-header.center_logo_navigation_below .site-branding .site-description { display: block; } .site-header .header-contents { position: relative; transition: all ease 0.3s; color: var(--proteo-header_menu_color, #404040); padding: var(--proteo-header_spacing); } .site-header .header-sidebar { white-space: nowrap; text-align: right; clear: both; } .site-header.sticky { position: fixed; width: 100vw; -webkit-box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.29); box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.29); z-index: 200; background-color: var(--proteo-sticky_header_bg_color, var(--proteo-header_bg_color)); } .site-header.sticky .header-contents { padding: var(--proteo-sticky_header_spacing); color: var(--proteo-sticky_header_menu_color, #404040); } .site-header.fullwidth-header .header-contents { max-width: 100%; } .site-header .main-navigation { padding: var(--proteo-header_manu_menu_spacing); } .site-header:not(.sticky) { left: 0; right: 0; width: 100vw; z-index: 1000; } .site-header:not(.sticky).with-header-slider { background: transparent; position: absolute; } body.static-header .site-header { position: static; } #topbar { background-color: var(--proteo-topbar_bg_color, #ebebeb); color: var(--proteo-topbar_font_color, #404040); font-size: var(--proteo-topbar_font_size, 16px); padding: var(--proteo-topbar_spacing); text-align: var(--proteo-topbar_align, right); } #topbar:after { content: ""; display: block; clear: both; } #topbar a { color: var(--proteo-topbar_link_color, #448a85); text-decoration: none; } #topbar a:hover { color: var(--proteo-topbar_link_hover_color, #1a4e43); } #topbar .widget_shopping_cart .proceed-to-cart-icon:hover span.lnr { color: var(--proteo-topbar_link_hover_color, #1a4e43); } #topbar .widget_nav_menu { margin-bottom: 0; } #topbar .widget { text-align: initial; display: inline-block; z-index: 10; margin: 0 7.5px 5px; } #topbar .widget h2.widget-title { display: inline-block; margin: 0; font-size: 1.125rem; text-transform: uppercase; font-weight: normal; } #topbar .widget.widget_text p { font-size: inherit; line-height: normal; font-weight: initial; margin: 0; } #topbar > .container { border-bottom: var(--proteo-topbar_bottom_border, 1px solid); border-bottom-width: var(--proteo-topbar_bottom_border_width, 2px); border-bottom-color: var(--proteo-topbar_bottom_border_color, #000000); } body .yith-slider .yith-slider-dots.style-1 li.slick-active button, body .yith-slider .yith-slider-dots.style-1 li:hover button, body .yith-slider .yith-slider-dots.style-2 li.slick-active button, body .yith-slider .yith-slider-dots.style-2 li:hover button, body .yith-slider .yith-slider-dots.style-3 li.slick-active button, body .yith-slider .yith-slider-dots.style-3 li:hover button { background: var(--proteo-main_color_shade, #404040); background-color: var(--proteo-main_color_shade, #404040); } .site-header + .yith-slider { margin-bottom: 0; } .site-header + .yith-slider .slide-container { display: table; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text, .sr-only { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus, .sr-only:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 30px; } .alignright { display: inline; float: right; margin-left: 30px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } body .wp-block-image .alignleft { float: left; margin-right: 30px; } body .wp-block-image .alignright { float: right; margin-left: 30px; } .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: auto; max-width: 1000%; } .alignwide { margin-left: calc(25% - 25vw); margin-right: calc(25% - 25vw); width: auto; max-width: 1000%; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } p:empty { display: none; } p:empty + p:empty { display: block; } /*-------------------------------------------------------------- # Full Screen Search --------------------------------------------------------------*/ /** * Reset * - Prevents Themes and other Plugins from applying their own styles to our full screen search */ #full-screen-search, #full-screen-search button, #full-screen-search button.close, #full-screen-search form, #full-screen-search form div, #full-screen-search form div input, #full-screen-search form div input.search { background: none; border: 0 none; outline: none; position: static; padding: 0; line-height: 1; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } /** * Background */ #full-screen-search { display: none; position: fixed; z-index: 999998; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.95); align-items: center; justify-content: center; } #full-screen-search.open { display: flex !important; } #full-screen-search form { position: relative; width: 100%; height: 100%; } #full-screen-search form > div { position: absolute; width: 50%; height: 100px; top: 50%; left: 50%; margin: -50px 0 0 -25%; } #full-screen-search form > div input { width: 100%; font-size: 2rem; line-height: 60px; background: transparent; border-radius: 0; border-bottom: 1px solid #707070; padding: 0; height: 60px; font-family: inherit; } #full-screen-search form > div button#submit-full-screen-search, #full-screen-search form > div #yith-searchsubmit { position: absolute; right: 0; top: 0; width: 30px; height: 60px; line-height: normal; color: #707070; font-weight: bold; } #full-screen-search form > div button#submit-full-screen-search span, #full-screen-search form > div #yith-searchsubmit span { font-size: 2rem; cursor: pointer; } #full-screen-search form > div #yith-searchsubmit { text-indent: -99999px; width: 60px; } #full-screen-search form > div button#submit-full-screen-search img { width: 32px; } #full-screen-search form > div input::-webkit-input-placeholder { color: #ccc; } #full-screen-search form > div input:-moz-placeholder { color: #ccc; } #full-screen-search form > div input::-moz-placeholder { color: #ccc; } #full-screen-search form > div input:-ms-input-placeholder { color: #ccc; } #full-screen-search form#yith-ajaxsearchform div { padding-right: 70px; width: 70vw; position: static; height: auto; margin: 0; } #full-screen-search form#yith-ajaxsearchform > div:after { content: ""; display: inline-block; font-family: Linearicons-Free; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2rem; cursor: pointer; position: absolute; right: 15px; top: 0; pointer-events: none; } #full-screen-search button.close { position: absolute; z-index: 999999; top: 20px; right: 20px; font-size: 2rem; cursor: pointer; color: #707070; font-weight: bold; } #full-screen-search form#yith-ajaxsearchform .autocomplete-suggestions { background: #ffffff !important; padding: 15px !important; border: 1px solid #ebebeb !important; margin-right: -15px !important; } #full-screen-search form#yith-ajaxsearchform .autocomplete-suggestion { font-size: inherit; line-height: 3em; padding: 10px 0 8px !important; border-bottom: 1px solid #ebebeb; width: auto !important; position: relative !important; } #full-screen-search form#yith-ajaxsearchform .autocomplete-suggestion:hover { background-color: #efefef; } #full-screen-search form#yith-ajaxsearchform .autocomplete-suggestion:last-of-type { border-bottom: none; padding-bottom: 0; } #full-screen-search form#yith-ajaxsearchform .autocomplete-suggestion div { position: relative; width: auto; } #full-screen-search form#yith-ajaxsearchform .autocomplete-suggestion div.badges { position: absolute; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ } .widget select { max-width: 100%; } .widget ul { padding: 0; list-style-type: none; } h2.widget-title, h3.widget-title { font-size: 1.5rem; } #secondary .widget { margin-bottom: 50px; } .widget_search input[type=submit], .widget_product_search input[type=submit] { cursor: pointer; font-size: 1rem; font-weight: bold; vertical-align: middle; } .widget_search input[type=search], .widget_product_search input[type=search] { margin-right: 15px; margin-bottom: 15px; } .widget_search form.search-form, .widget_product_search form.search-form { display: table; width: 100%; } .widget_search form.search-form > *, .widget_product_search form.search-form > * { display: table-cell; vertical-align: middle; } #topbar .widget, .header-sidebar .widget { text-align: initial; display: inline-block; z-index: 10; margin: 0 15px 5px 0; } #topbar .widget:last-of-type, .header-sidebar .widget:last-of-type { margin-right: 0; } #topbar .widget_search > form, .header-sidebar .widget_search > form { display: none; } #topbar .widget_search:before, .header-sidebar .widget_search:before { content: ""; display: inline-block; font-family: Linearicons-Free; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.6rem; cursor: pointer; margin-right: 5px; } /** Recent posts */ .widget_recent_entries ul li { display: table; width: 100%; margin-bottom: 45px; } .widget_recent_entries ul li a { text-decoration: none; font-size: 0; display: block; } .widget_recent_entries ul li a:hover .post-info { text-decoration: underline; } .widget_recent_entries ul li .post-image, .widget_recent_entries ul li .post-info { display: table-cell; vertical-align: middle; } .widget_recent_entries ul li .post-image { width: 40%; padding-right: 25px; } .widget_recent_entries ul li .post-info { font-size: 0.875rem; color: #939393; } .widget_recent_entries ul li .post-info h3 { font-size: 1.125rem; line-height: normal; margin-top: 0; margin-bottom: 5px; font-weight: 500; } /** Recent Comments */ .widget_recent_comments ul#recentcomments li { margin-bottom: 45px; } .widget_recent_comments ul#recentcomments li .comment-excerpt { border: 1px solid #707070; padding: 30px 20px; font-size: 1rem; margin-bottom: 5px; } .widget_recent_comments ul#recentcomments li .comment-meta { font-size: 1rem; text-align: right; font-weight: 600; } .widget_recent_comments ul#recentcomments li .comment-meta a { text-decoration: none; } .widget_recent_comments ul#recentcomments li .comment-meta a:hover { text-decoration: underline; } /** Text widget */ .widget.widget_text p, .widget.widget_text input[type=text], .widget.widget_text input[type=email] { font-size: 1.125rem; line-height: 1.8rem; } /** Social Icons */ .widget_yith_proteo_social_icons a { display: inline-block; margin: 0 15px 15px; color: inherit; text-decoration: none; } .widget_yith_proteo_social_icons a:hover { color: var(--proteo-general_link_color, #448a85); } .widget_yith_proteo_social_icons a span { color: inherit; font-size: 2rem; } .widget_yith_proteo_social_icons.col-lg-12 { text-align: center; } /** YITH Proteo Account Widget */ a.yith-proteo-user-welcome-message:not(:hover) { color: var(--proteo-header_menu_color, #404040); } a.yith-proteo-user-welcome-message:hover { color: var(--proteo-header_menu_hover_color, #448a85); } a.yith-proteo-user-welcome-message img { display: inline-block; } a.yith-proteo-user-welcome-message span { display: inline-block; font-size: 0.7rem; text-transform: uppercase; margin-left: 7px; color: inherit; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .updated:not(.published) { display: none; } header.entry-header { text-align: initial; } header.entry-header .woocommerce-breadcrumb { text-align: inherit; margin-bottom: 35px; } header.entry-header .date-and-thumbnail { text-align: initial; position: relative; } header.entry-header .date-and-thumbnail:after { content: ""; display: block; clear: both; } header.entry-header .date-and-thumbnail .post-thumbnail { text-align: inherit; } header.entry-header .date-and-thumbnail time.published { word-spacing: 100px; display: block; width: 120px; background: var(--proteo-main_color_shade, #448a85); word-break: keep-all; color: #ffffff; text-align: center; font-weight: bolder; text-transform: uppercase; padding: 40px 15px; overflow-wrap: break-word; } header.entry-header .entry-title { font-size: 1.875rem; text-align: initial; } header.entry-header .entry-title a { text-decoration: none; color: inherit; } header.entry-header .entry-title a:hover { color: var(--proteo-general_link_color, #448a85); } body.blog header.page-header { text-align: var(--proteo-page_title_align); } header .entry-meta { text-align: initial; font-size: 0.875rem; color: #939393; font-weight: 500; } header .entry-meta > span { border-left: 1px solid; margin-left: 10px; padding-left: 10px; } header .entry-meta > span:first-child { border-left: none; margin-left: 0; padding-left: 0; } header .entry-meta a { color: inherit; text-decoration: none; } header .entry-meta a:hover { color: var(--proteo-general_link_color, #448a85); } body.single-post header.entry-header { text-align: var(--proteo-page_title_align); } body.single-post header .entry-meta { text-align: var(--proteo-page_title_align); } body.single-post header .entry-title { text-align: var(--proteo-page_title_align); } .post-has-thumbnail .entry-meta { position: absolute; } body.single-post.proteo_post_layout_background_picture header.alignfull { background-color: var(--proteo-post_thumbnail_background_color, #448a85); min-height: 560px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; margin-top: -50px; } body.single-post.proteo_post_layout_background_picture header.alignfull:before { position: absolute; content: ""; display: block; top: 0; bottom: 0; left: 0; right: 0; opacity: var(--proteo-post_thumbnail_background_color_opacity, 0.7); pointer-events: none; background-color: var(--proteo-post_thumbnail_background_color, #448a85); } body.single-post.proteo_post_layout_background_picture header.alignfull .single-post-header-content { position: absolute; top: 50%; transform: translateY(-50%); text-align: var(--proteo-page_title_align); left: 0; right: 0; color: var(--proteo-post_thumbnail_text_color, #ffffff); } body.single-post.proteo_post_layout_background_picture header.alignfull .single-post-header-content .entry-title, body.single-post.proteo_post_layout_background_picture header.alignfull .single-post-header-content .entry-meta { color: var(--proteo-post_thumbnail_text_color, #ffffff); text-align: inherit; } body.single-post.proteo_post_layout_fullwidth_cover_image header.entry-header { margin-bottom: 80px; text-align: center; } body.single-post.proteo_post_layout_fullwidth_cover_image header.entry-header .date-and-thumbnail { position: relative; z-index: 1; max-width: 70%; margin: 0 auto 3.125rem; margin-bottom: -180px; z-index: -1; } body.single-post.proteo_post_layout_fullwidth_cover_image header.entry-header .date-and-thumbnail:after { content: ""; display: block; left: -50px; right: -50px; bottom: 0; height: 200px; position: absolute; background: var(--proteo-site_background_color, #ffffff); z-index: 2; } body.single-post.proteo_post_layout_fullwidth_cover_image header.entry-header .date-and-thumbnail .post-thumbnail { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: auto; max-width: 1000%; position: relative; z-index: 2; text-align: center; } body.single-post.proteo_post_layout_fullwidth_cover_image header.entry-header .date-and-thumbnail .post-thumbnail img { max-width: 100vw; } body.single-post.proteo_post_layout_fullwidth_cover_image header.entry-header .woocommerce-breadcrumb, body.single-post.proteo_post_layout_fullwidth_cover_image header.entry-header .entry-title, body.single-post.proteo_post_layout_fullwidth_cover_image header.entry-header .entry-meta { max-width: 70%; margin-left: auto; margin-right: auto; text-align: inherit; } body.single-post.proteo_post_layout_fullwidth_cover_image header.entry-header + .row { max-width: 70%; margin-left: auto; margin-right: auto; } body.single-post.proteo_post_layout_fullwidth_cover_image .entry-content:before { display: none; } body.page header.entry-header, article:not(.has-post-thumbnail).page header.entry-header { text-align: var(--proteo-page_title_align, center); display: block; } body.page header.entry-header h1, article:not(.has-post-thumbnail).page header.entry-header h1 { font-size: var(--proteo-h1_font_size, 4.375rem); color: var(--proteo-h1_font_color, #404040); display: block; text-align: var(--proteo-page_title_align, center); margin: var(--proteo-page_title_spacing); } body.page header.entry-header .lnr, article:not(.has-post-thumbnail).page header.entry-header .lnr { font-size: var(--proteo-h1_font_size, 4.375rem); color: var(--proteo-h1_font_color, #404040); text-align: var(--proteo-page_title_align, center); } .has-post-thumbnail header.entry-header .date-and-thumbnail .entry-meta { position: absolute; } article:not(.has-post-thumbnail) header.entry-header .date-and-thumbnail, article:not(.has-post-thumbnail) header.entry-header .entry-title { display: inline-block; } article:not(.has-post-thumbnail) header.entry-header .date-and-thumbnail .entry-meta { margin-right: 15px; margin-bottom: 25px; } .entry-content p:not([class^=has]), .entry-content li:not(.product):not(.wc-block-grid__product) { line-height: 1.8; } /* article.post .entry-content { &:before { content: ""; display: block; width: 150px; height: 1px; border-top: 1px solid #707070; } } */ .site-content { padding: var(--proteo-site_content_spacing); } .page-links { clear: both; margin: 0 0 1.5em; } .entry-footer { text-align: initial; font-size: 0.875rem; color: #939393; font-weight: 500; } .entry-footer > span { border-left: 1px solid; margin-left: 10px; padding-left: 10px; } .entry-footer > span:first-child { border-left: none; margin-left: 0; padding-left: 0; } .more-link { margin-top: 15px; text-transform: uppercase; text-decoration: none; font-size: 0.875rem; font-weight: 600; display: block; } .more-link:hover { text-decoration: underline; } /** 404 page */ body.error404 #primary { width: 100%; } body.error404 .page-content { text-align: center; } body.error404 section.not-found header { text-align: center; margin-bottom: 100px; } body.error404 section.not-found .search-form { display: flex; display: -webkit-flex; flex-flow: row nowrap; -webkit-flex-flow: row nowrap; align-items: stretch; -webkit-align-items: stretch; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: 100px; } body.error404 section.not-found .search-form label { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; width: 70%; padding: 0 15px 15px; } body.error404 section.not-found .search-form label input.search-field { width: 100%; margin-bottom: 0; min-height: 42px; } body.error404 section.not-found .search-form input[type=submit] { display: inline-block; width: 30%; text-align: center; } /** Search results */ body.search-results article.type-product { display: flex; display: -webkit-flex; flex-flow: row nowrap; -webkit-flex-flow: row nowrap; align-items: stretch; -webkit-align-items: stretch; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: 50px; } body.search-results article.type-product .product-image, body.search-results article.type-product .product-info { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; padding: 10px; width: 100%; } body.search-results article.type-product .product-image { max-width: 300px; padding-right: 25px; } body.search-results article.type-product .product-image a { font-size: 0; display: block; } body.search-results article.type-product a { text-decoration: none; } body.search-results article.type-product .product-info .product-title { display: block; font-size: 1.125rem; line-height: normal; margin-top: 0; margin-bottom: 5px; font-weight: 500; } body.search-results article.type-product .product-info .amount { font-size: 1.125rem; font-weight: 600; opacity: 0.7; } body.search-results article.type-product .product-info del .amount { font-size: 1rem; margin-right: 5px; } body.search-results article.type-product .product-info ins { background: none; } body.search-results article.type-product .product-info .star-rating { margin-bottom: 5px; } body.search-results article.type-product .product-info .widget-product-short-description { margin-top: 10px; font-size: 0.875rem; } body.search-results article:not(.type-product).has-post-thumbnail { display: flex; display: -webkit-flex; flex-flow: row nowrap; -webkit-flex-flow: row nowrap; align-items: stretch; -webkit-align-items: stretch; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: 50px; } body.search-results article:not(.type-product).has-post-thumbnail .search-result-article-image, body.search-results article:not(.type-product).has-post-thumbnail .search-result-article-content { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; padding: 10px; width: 100%; } body.search-results article:not(.type-product).has-post-thumbnail .search-result-article-image { max-width: 300px; padding-right: 25px; } body.search-results article:not(.type-product) header.entry-header { text-align: initial; } .wp-block-latest-posts li > a { display: block; } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { display: inline-block; } .wp-block-latest-posts__post-author + .wp-block-latest-posts__post-date { margin-left: 5px; } .wp-block-latest-posts__post-author + .wp-block-latest-posts__post-date:before { content: "|"; margin-right: 5px; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-list { list-style-type: none; margin: 0 0 50px; padding: 0; } .comment-list .comment-body:after { content: ""; display: block; clear: both; } .comment-list .comment-body .comment-meta:after { content: ""; display: block; clear: both; } .comment-list .comment-body .comment-meta img { border: 1px solid #707070; padding: 5px; } .comment-list .comment-body .comment-meta .comment-author { float: left; margin-right: 15px; font-size: 0; } .comment-list .comment-body .comment-meta .comment-metadata { padding-top: 10px; } .comment-list .comment-body .comment-meta .comment-metadata > * { display: block; text-decoration: none; color: #1f1f1f; } .comment-list .comment-body .comment-meta .comment-metadata a.url { text-decoration: inherit; color: inherit; } .comment-list .comment-body .comment-meta .comment-metadata a.url:hover { color: var(--proteo-general_link_color, #448a85); } .comment-list .comment-body .comment-meta .comment-metadata a.comment-edit-link { float: right; } .comment-list .comment-body .comment-content { border: 1px solid #707070; padding: 35px 25px 15px; font-size: 1rem; margin-bottom: 20px; } .comment-list .comment-body .comment-content p { margin-top: 0; } .comment-reply { float: right; } div#respond { margin-bottom: 35px; } div#respond #submit { float: right; } #comments .comments-title { font-size: 1.5rem; } .comment-list .comment { margin-bottom: 50px; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ #main-footer { position: relative; background-color: var(--proteo-footer_bg_color, #f7f7f7); color: var(--proteo-footer_font_color, #404040); font-size: var(--proteo-footer_font_size, 16px); text-align: var(--proteo-footer_align, left); background-image: var(--proteo-footer_bg_image); background-size: var(--proteo-footer_bg_image_size, initial); background-position: var(--proteo-footer_bg_image_position, center center); background-repeat: var(--proteo-footer_bg_image_repeat, no-repeat); } #main-footer a { color: var(--proteo-footer_link_color, #448a85); text-decoration: none; } #main-footer a:hover { color: var(--proteo-footer_link_hover_color, #1a4e43); text-decoration: underline; } #main-footer .footer-sidebars { padding-top: 80px; } #main-footer .footer-sidebars:empty { display: none; } #main-footer .site-info { padding: 15px 0; background-color: var(--proteo-footer_credits_bg_color, #f0f0f0); color: var(--proteo-footer_credits_font_color, #404040); font-size: var(--proteo-footer_credits_font_size, 16px); text-align: var(--proteo-footer_credits_align, left); } #main-footer .site-info a { color: var(--proteo-footer_credits_link_color, #448a85); text-decoration: none; } #main-footer .site-info a:hover { color: var(--proteo-footer_credits_link_hover_color, #1a4e43); text-decoration: underline; } #main-footer div[class^=footer-sidebar] { padding-bottom: 50px; } #main-footer div[class^=footer-sidebar] .widget h2, #main-footer div[class^=footer-sidebar] .widget h3, #main-footer div[class^=footer-sidebar] .widget .widget-title { margin-bottom: 2rem; color: var(--proteo-footer_widgets_title_color, var(--proteo-h2_font_color, #404040)); font-size: var(--proteo-footer_widgets_title_font_size, 24px); } #main-footer .footer-sidebar-1 { width: var(--proteo-footer_sidebar_1_width, 100%); } #main-footer .footer-sidebar-2 { width: var(--proteo-footer_sidebar_2_width, 100%); } #main-footer .side-by-side-sidebars div[class^=footer-sidebar] { display: inline-block; vertical-align: top; } #main-footer .side-by-side-sidebars .footer-sidebar-1 { padding-right: 30px; } #main-footer .side-by-side-sidebars .footer-sidebar-2 { width: calc(var(--proteo-footer_sidebar_2_width) - 30px); } /** Sticky Footer **/ body { display: flex; flex-direction: column; min-height: 100vh; } div#page { flex: 1 0 auto; } footer#main-footer { flex-shrink: 0; } /*-------------------------------------------------------------- # WooCommerce --------------------------------------------------------------*/ /* Theme Name: yith-proteo WooCommerce styles override */ /** * WooCommerce color variables */ /** * Imports */ .has-yith-proteo-editor-custom-color-1-color { color: var(--proteo-yith_proteo_editor_custom_color_1); } .has-yith-proteo-editor-custom-color-1-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_1); } .has-yith-proteo-editor-custom-color-2-color { color: var(--proteo-yith_proteo_editor_custom_color_2); } .has-yith-proteo-editor-custom-color-2-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_2); } .has-yith-proteo-editor-custom-color-3-color { color: var(--proteo-yith_proteo_editor_custom_color_3); } .has-yith-proteo-editor-custom-color-3-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_3); } .has-yith-proteo-editor-custom-color-4-color { color: var(--proteo-yith_proteo_editor_custom_color_4); } .has-yith-proteo-editor-custom-color-4-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_4); } .has-yith-proteo-editor-custom-color-5-color { color: var(--proteo-yith_proteo_editor_custom_color_5); } .has-yith-proteo-editor-custom-color-5-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_5); } .has-yith-proteo-editor-custom-color-6-color { color: var(--proteo-yith_proteo_editor_custom_color_6); } .has-yith-proteo-editor-custom-color-6-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_6); } .has-yith-proteo-editor-custom-color-7-color { color: var(--proteo-yith_proteo_editor_custom_color_7); } .has-yith-proteo-editor-custom-color-7-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_7); } .has-yith-proteo-editor-custom-color-8-color { color: var(--proteo-yith_proteo_editor_custom_color_8); } .has-yith-proteo-editor-custom-color-8-background-color { background-color: var(--proteo-yith_proteo_editor_custom_color_8); } /** * Shop tables */ /** * Shop tables */ table.shop_table_responsive tr td { text-align: right; clear: both; } table.shop_table_responsive tr td.product-remove { text-align: left; width: 30px; padding-left: 0; padding-right: 0; } table.shop_table_responsive tr td.product-remove a.remove { text-decoration: none; color: #c7c7c7; display: inline-block; vertical-align: middle; font-size: 30px; opacity: 1; } table.shop_table_responsive tr td.product-remove a.remove:hover { color: #32373c; } table.shop_table_responsive tr td.product-remove:before { display: none; } table.shop_table_responsive tr td.actions:before, table.shop_table_responsive tr td.download-actions:before { display: none; } table.shop_table_responsive tr td.download-actions .button { display: block; text-align: center; } table.cart, table.shop_table { border-spacing: 0; font-size: 1rem; } table.cart th, table.cart thead th, table.shop_table th, table.shop_table thead th { font-size: 1.125em; background: transparent; padding: 15px 15px; vertical-align: top; } table.cart th.product-subtotal, table.cart thead th.product-subtotal, table.shop_table th.product-subtotal, table.shop_table thead th.product-subtotal { text-align: right; padding-right: 0; } table.cart tbody tr td, table.cart tfoot tr td, table.shop_table tbody tr td, table.shop_table tfoot tr td { padding: 30px 15px; border-width: 0 0 1px 0; border-color: #cccccc; border-style: solid; } table.cart tbody tr td.product-thumbnail, table.cart tfoot tr td.product-thumbnail, table.shop_table tbody tr td.product-thumbnail, table.shop_table tfoot tr td.product-thumbnail { width: 60px; } table.cart tbody tr td.product-thumbnail a, table.cart tfoot tr td.product-thumbnail a, table.shop_table tbody tr td.product-thumbnail a, table.shop_table tfoot tr td.product-thumbnail a { display: block; line-height: 0; } table.cart tbody tr td.product-thumbnail img, table.cart tfoot tr td.product-thumbnail img, table.shop_table tbody tr td.product-thumbnail img, table.shop_table tfoot tr td.product-thumbnail img { max-width: 60px; } table.cart tbody tr td.product-name a, table.cart tfoot tr td.product-name a, table.shop_table tbody tr td.product-name a, table.shop_table tfoot tr td.product-name a { font-size: 1em; color: inherit; text-decoration: none; } table.cart tbody tr td.product-name a:hover, table.cart tfoot tr td.product-name a:hover, table.shop_table tbody tr td.product-name a:hover, table.shop_table tfoot tr td.product-name a:hover { text-decoration: underline; } table.cart tbody tr td.product-subtotal, table.cart tfoot tr td.product-subtotal, table.shop_table tbody tr td.product-subtotal, table.shop_table tfoot tr td.product-subtotal { text-align: right; padding-right: 0; } table.cart tbody tr td.actions, table.cart tfoot tr td.actions, table.shop_table tbody tr td.actions, table.shop_table tfoot tr td.actions { padding: 35px 0; border-bottom: none; } table.cart tbody tr td.actions .coupon, table.cart tfoot tr td.actions .coupon, table.shop_table tbody tr td.actions .coupon, table.shop_table tfoot tr td.actions .coupon { float: left; text-align: initial; display: inline-block; font-size: 0.8125rem; } table.cart tbody tr td.actions .coupon label, table.cart tfoot tr td.actions .coupon label, table.shop_table tbody tr td.actions .coupon label, table.shop_table tfoot tr td.actions .coupon label { display: block; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; } table.cart tbody tr td.actions .coupon input, table.cart tfoot tr td.actions .coupon input, table.shop_table tbody tr td.actions .coupon input, table.shop_table tfoot tr td.actions .coupon input { font-size: 0.875rem; font-family: inherit; min-width: 230px; outline: none; margin-bottom: 15px; margin-right: 15px; } table.cart tbody tr td.actions .coupon button, table.cart tfoot tr td.actions .coupon button, table.shop_table tbody tr td.actions .coupon button, table.shop_table tfoot tr td.actions .coupon button { border: 2px solid; text-transform: uppercase; font-weight: bold; padding: 0.5rem 1rem; line-height: normal; border-color: var(--proteo-main_color_shade, #448a85); color: var(--proteo-main_color_shade, #448a85); background-color: transparent; font-size: 0.875rem; } table.cart tbody tr td.actions .coupon button:hover, table.cart tfoot tr td.actions .coupon button:hover, table.shop_table tbody tr td.actions .coupon button:hover, table.shop_table tfoot tr td.actions .coupon button:hover { background-color: var(--proteo-main_color_shade, #448a85); color: #ffffff; } table.cart tbody tr td.actions button[name=update_cart], table.cart tfoot tr td.actions button[name=update_cart], table.shop_table tbody tr td.actions button[name=update_cart], table.shop_table tfoot tr td.actions button[name=update_cart] { float: right; margin-right: 0; } table.cart tbody tr td.actions button[name=update_cart]:before, table.cart tfoot tr td.actions button[name=update_cart]:before, table.shop_table tbody tr td.actions button[name=update_cart]:before, table.shop_table tfoot tr td.actions button[name=update_cart]:before { font: normal 1.2em Linearicons-Free; content: ""; top: 3px; position: relative; margin-right: 5px; line-height: 0; } table.cart tbody tr:first-child td, table.cart tfoot tr:first-child td, table.shop_table tbody tr:first-child td, table.shop_table tfoot tr:first-child td { border-top: 1px solid #cccccc; } table.cart tbody tr.shipping ul, table.cart tfoot tr.shipping ul, table.shop_table tbody tr.shipping ul, table.shop_table tfoot tr.shipping ul { list-style-type: none; padding: 0; margin: 0; } table.cart tbody tr.shipping ul label, table.cart tfoot tr.shipping ul label, table.shop_table tbody tr.shipping ul label, table.shop_table tfoot tr.shipping ul label { font-weight: bold; cursor: pointer; } body.update-cart-button-style table.cart tbody tr td.actions button[name=update_cart] { margin-right: 0; } @media screen and (min-width: 48em) { table.shop_table_responsive thead { display: table-header-group; } table.shop_table_responsive tbody th { display: table-cell; } table.shop_table_responsive tr th, table.shop_table_responsive tr td { text-align: left; } table.shop_table_responsive tr td { display: table-cell; } table.shop_table_responsive tr td:before { display: none; } } /** * Products */ /** * Products */ ul.products, .wc-block-grid ul.wc-block-grid__products { margin: 0 -7.5px; padding: 0; } ul.products:after, .wc-block-grid ul.wc-block-grid__products:after { content: ""; display: block; clear: both; } ul.products li.product, ul.products li.wc-block-grid__product, .wc-block-grid ul.wc-block-grid__products li.product, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product { list-style: none; position: relative; margin-bottom: 35px; padding: 0 7.5px; text-align: center; } ul.products li.product .product-content, ul.products li.wc-block-grid__product .product-content, .wc-block-grid ul.wc-block-grid__products li.product .product-content, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .product-content { position: relative; text-align: center; } ul.products li.product a, ul.products li.wc-block-grid__product a, .wc-block-grid ul.wc-block-grid__products li.product a, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product a { text-decoration: none; display: block; text-align: center; } ul.products li.product a.woocommerce-loop-product__link, ul.products li.wc-block-grid__product a.woocommerce-loop-product__link, .wc-block-grid ul.wc-block-grid__products li.product a.woocommerce-loop-product__link, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product a.woocommerce-loop-product__link { position: relative; } ul.products li.product a.button, ul.products li.wc-block-grid__product a.button, .wc-block-grid ul.wc-block-grid__products li.product a.button, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product a.button { display: table; min-width: 50%; } ul.products li.product .yith-wcwl-add-to-wishlist, ul.products li.wc-block-grid__product .yith-wcwl-add-to-wishlist, .wc-block-grid ul.wc-block-grid__products li.product .yith-wcwl-add-to-wishlist, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .yith-wcwl-add-to-wishlist { font-size: 0.875rem; } ul.products li.product .yith-wcwl-add-to-wishlist a, ul.products li.wc-block-grid__product .yith-wcwl-add-to-wishlist a, .wc-block-grid ul.wc-block-grid__products li.product .yith-wcwl-add-to-wishlist a, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .yith-wcwl-add-to-wishlist a { display: inline-block; } ul.products li.product .add_to_cart_button, ul.products li.product .add_to_cart_button:visited, ul.products li.product .added_to_cart, ul.products li.product .added_to_cart:visited, ul.products li.product .yith-wcqv-button.button:not(.inside-thumb), ul.products li.product .add_to_cart_button, ul.products li.product .view-details, ul.products li.product.outofstock a, ul.products li.wc-block-grid__product .add_to_cart_button, ul.products li.wc-block-grid__product .add_to_cart_button:visited, ul.products li.wc-block-grid__product .added_to_cart, ul.products li.wc-block-grid__product .added_to_cart:visited, ul.products li.wc-block-grid__product .yith-wcqv-button.button:not(.inside-thumb), ul.products li.wc-block-grid__product .add_to_cart_button, ul.products li.wc-block-grid__product .view-details, ul.products li.wc-block-grid__product.outofstock a, .wc-block-grid ul.wc-block-grid__products li.product .add_to_cart_button, .wc-block-grid ul.wc-block-grid__products li.product .add_to_cart_button:visited, .wc-block-grid ul.wc-block-grid__products li.product .added_to_cart, .wc-block-grid ul.wc-block-grid__products li.product .added_to_cart:visited, .wc-block-grid ul.wc-block-grid__products li.product .yith-wcqv-button.button:not(.inside-thumb), .wc-block-grid ul.wc-block-grid__products li.product .add_to_cart_button, .wc-block-grid ul.wc-block-grid__products li.product .view-details, .wc-block-grid ul.wc-block-grid__products li.product.outofstock a, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button:visited, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .added_to_cart, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .added_to_cart:visited, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .yith-wcqv-button.button:not(.inside-thumb), .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .view-details, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product.outofstock a { transition: all ease 0.3s; font-size: var(--proteo-catalog_product_add_to_cart_font_size, 0.875rem); margin: 0 auto 15px; display: table; width: auto; } ul.products li.product .add_to_cart_button.unstyled_button, ul.products li.product .add_to_cart_button:visited.unstyled_button, ul.products li.product .added_to_cart.unstyled_button, ul.products li.product .added_to_cart:visited.unstyled_button, ul.products li.product .yith-wcqv-button.button:not(.inside-thumb).unstyled_button, ul.products li.product .add_to_cart_button.unstyled_button, ul.products li.product .view-details.unstyled_button, ul.products li.product.outofstock a.unstyled_button, ul.products li.wc-block-grid__product .add_to_cart_button.unstyled_button, ul.products li.wc-block-grid__product .add_to_cart_button:visited.unstyled_button, ul.products li.wc-block-grid__product .added_to_cart.unstyled_button, ul.products li.wc-block-grid__product .added_to_cart:visited.unstyled_button, ul.products li.wc-block-grid__product .yith-wcqv-button.button:not(.inside-thumb).unstyled_button, ul.products li.wc-block-grid__product .add_to_cart_button.unstyled_button, ul.products li.wc-block-grid__product .view-details.unstyled_button, ul.products li.wc-block-grid__product.outofstock a.unstyled_button, .wc-block-grid ul.wc-block-grid__products li.product .add_to_cart_button.unstyled_button, .wc-block-grid ul.wc-block-grid__products li.product .add_to_cart_button:visited.unstyled_button, .wc-block-grid ul.wc-block-grid__products li.product .added_to_cart.unstyled_button, .wc-block-grid ul.wc-block-grid__products li.product .added_to_cart:visited.unstyled_button, .wc-block-grid ul.wc-block-grid__products li.product .yith-wcqv-button.button:not(.inside-thumb).unstyled_button, .wc-block-grid ul.wc-block-grid__products li.product .add_to_cart_button.unstyled_button, .wc-block-grid ul.wc-block-grid__products li.product .view-details.unstyled_button, .wc-block-grid ul.wc-block-grid__products li.product.outofstock a.unstyled_button, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button.unstyled_button, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button:visited.unstyled_button, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .added_to_cart.unstyled_button, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .added_to_cart:visited.unstyled_button, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .yith-wcqv-button.button:not(.inside-thumb).unstyled_button, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button.unstyled_button, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .view-details.unstyled_button, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product.outofstock a.unstyled_button { padding: 5px 0; display: block; } ul.products li.product .added_to_cart, ul.products li.product .wc-forward, ul.products li.wc-block-grid__product .added_to_cart, ul.products li.wc-block-grid__product .wc-forward, .wc-block-grid ul.wc-block-grid__products li.product .added_to_cart, .wc-block-grid ul.wc-block-grid__products li.product .wc-forward, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .added_to_cart, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-forward { margin-top: 5px; display: block; } ul.products li.product img, ul.products li.wc-block-grid__product img, .wc-block-grid ul.wc-block-grid__products li.product img, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product img { transition: all ease 0.3s; position: relative; z-index: 1; } ul.products li.product img ~ img, ul.products li.wc-block-grid__product img ~ img, .wc-block-grid ul.wc-block-grid__products li.product img ~ img, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product img ~ img { position: absolute; top: 0; opacity: 0; z-index: 0; } ul.products li.product:hover .button, ul.products li.product:hover .add_to_cart_button, ul.products li.wc-block-grid__product:hover .button, ul.products li.wc-block-grid__product:hover .add_to_cart_button, .wc-block-grid ul.wc-block-grid__products li.product:hover .button, .wc-block-grid ul.wc-block-grid__products li.product:hover .add_to_cart_button, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:hover .button, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:hover .add_to_cart_button { bottom: 0; } ul.products li.product .woocommerce-loop-product__title, ul.products li.product .wc-block-grid__product-title, ul.products li.wc-block-grid__product .woocommerce-loop-product__title, ul.products li.wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid ul.wc-block-grid__products li.product .woocommerce-loop-product__title, .wc-block-grid ul.wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title { font-size: var(--proteo-catalog_product_title_font_size, 0.875rem); font-weight: 500; margin-bottom: 5px; margin-top: 15px; color: var(--proteo-catalog_product_title_color, #404040); text-align: center; } ul.products li.product .woocommerce-loop-product__title:visited, ul.products li.product .wc-block-grid__product-title:visited, ul.products li.wc-block-grid__product .woocommerce-loop-product__title:visited, ul.products li.wc-block-grid__product .wc-block-grid__product-title:visited, .wc-block-grid ul.wc-block-grid__products li.product .woocommerce-loop-product__title:visited, .wc-block-grid ul.wc-block-grid__products li.product .wc-block-grid__product-title:visited, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .woocommerce-loop-product__title:visited, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title:visited { color: var(--proteo-catalog_product_title_color, #404040); } ul.products li.product .woocommerce-loop-category__title, ul.products li.wc-block-grid__product .woocommerce-loop-category__title, .wc-block-grid ul.wc-block-grid__products li.product .woocommerce-loop-category__title, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .woocommerce-loop-category__title { text-transform: uppercase; font-size: 1.125rem; font-weight: normal; } ul.products li.product .woocommerce-loop-category__title mark, ul.products li.wc-block-grid__product .woocommerce-loop-category__title mark, .wc-block-grid ul.wc-block-grid__products li.product .woocommerce-loop-category__title mark, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .woocommerce-loop-category__title mark { background: none; } ul.products li.product img, ul.products li.wc-block-grid__product img, .wc-block-grid ul.wc-block-grid__products li.product img, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product img { display: block; width: 100%; } ul.products li.product .star-rating, ul.products li.product .wc-block-grid__product-rating, ul.products li.wc-block-grid__product .star-rating, ul.products li.wc-block-grid__product .wc-block-grid__product-rating, .wc-block-grid ul.wc-block-grid__products li.product .star-rating, .wc-block-grid ul.wc-block-grid__products li.product .wc-block-grid__product-rating, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .star-rating, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-rating { margin-bottom: 5px; margin-left: auto; margin-right: auto; } ul.products li.product .price, ul.products li.wc-block-grid__product .price, .wc-block-grid ul.wc-block-grid__products li.product .price, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .price { color: var(--proteo-catalog_product_price_color, #1f1f1f); font-size: var(--proteo-catalog_product_price_font_size, 0.875rem); font-weight: bold; margin-bottom: 10px; display: block; } ul.products li.product .price del, ul.products li.wc-block-grid__product .price del, .wc-block-grid ul.wc-block-grid__products li.product .price del, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .price del { font-size: 90%; font-weight: normal; margin-right: 5px; } ul.products li.product .price ins, ul.products li.wc-block-grid__product .price ins, .wc-block-grid ul.wc-block-grid__products li.product .price ins, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .price ins { background: none; } ul.products li.product .variations_form, ul.products li.wc-block-grid__product .variations_form, .wc-block-grid ul.wc-block-grid__products li.product .variations_form, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .variations_form { text-align: center; } ul.products li.product .variations_form .select_box, ul.products li.wc-block-grid__product .variations_form .select_box, .wc-block-grid ul.wc-block-grid__products li.product .variations_form .select_box, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .variations_form .select_box { display: inline-block; } ul.products li.product .variations_form .select_box .yith_wccl_value, ul.products li.wc-block-grid__product .variations_form .select_box .yith_wccl_value, .wc-block-grid ul.wc-block-grid__products li.product .variations_form .select_box .yith_wccl_value, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .variations_form .select_box .yith_wccl_value { min-width: 25px; height: 25px; line-height: 22px; width: auto; } body.yith-proteo-products-hover-glow ul.products li.product:hover img, body.yith-proteo-products-hover-glow ul.products li.wc-block-grid__product:hover img, body.yith-proteo-products-hover-glow .wc-block-grid ul.wc-block-grid__products li.product:hover img, body.yith-proteo-products-hover-glow .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:hover img { filter: brightness(1.1); } body.yith-proteo-products-hover-zoom ul.products li.product:hover img, body.yith-proteo-products-hover-zoom ul.products li.wc-block-grid__product:hover img, body.yith-proteo-products-hover-zoom .wc-block-grid ul.wc-block-grid__products li.product:hover img, body.yith-proteo-products-hover-zoom .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:hover img { transform: scale(1.05); } body.yith-proteo-products-hover-alt-image ul.products li.product:hover img, body.yith-proteo-products-hover-alt-image ul.products li.wc-block-grid__product:hover img, body.yith-proteo-products-hover-alt-image .wc-block-grid ul.wc-block-grid__products li.product:hover img, body.yith-proteo-products-hover-alt-image .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:hover img { z-index: 0; } body.yith-proteo-products-hover-alt-image ul.products li.product:hover img ~ img, body.yith-proteo-products-hover-alt-image ul.products li.wc-block-grid__product:hover img ~ img, body.yith-proteo-products-hover-alt-image .wc-block-grid ul.wc-block-grid__products li.product:hover img ~ img, body.yith-proteo-products-hover-alt-image .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:hover img ~ img { z-index: 1; opacity: 1; } body.yith-proteo-products-hover-glow-alt-image ul.products li.product:hover img, body.yith-proteo-products-hover-glow-alt-image ul.products li.wc-block-grid__product:hover img, body.yith-proteo-products-hover-glow-alt-image .wc-block-grid ul.wc-block-grid__products li.product:hover img, body.yith-proteo-products-hover-glow-alt-image .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:hover img { filter: brightness(1.1); z-index: 0; } body.yith-proteo-products-hover-glow-alt-image ul.products li.product:hover img ~ img, body.yith-proteo-products-hover-glow-alt-image ul.products li.wc-block-grid__product:hover img ~ img, body.yith-proteo-products-hover-glow-alt-image .wc-block-grid ul.wc-block-grid__products li.product:hover img ~ img, body.yith-proteo-products-hover-glow-alt-image .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:hover img ~ img { z-index: 1; opacity: 1; } body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image { position: relative; display: flex; align-items: center; justify-content: center; } body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image:before, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.6); z-index: 5; opacity: 0; transition: opacity ease 0.3s; } body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image:hover::before, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image:hover::before { opacity: 1; } body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image a:not(.woocommerce-loop-product__link), body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image .wc-block-grid__product-add-to-cart, body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image .view-details, body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image .added_to_cart.wc-forward, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image a:not(.woocommerce-loop-product__link), body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image .wc-block-grid__product-add-to-cart, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image .view-details, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image .added_to_cart.wc-forward { position: absolute; z-index: 101; opacity: 0; bottom: initial; } body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image a:not(.woocommerce-loop-product__link).added, body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image .wc-block-grid__product-add-to-cart.added, body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image .view-details.added, body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image .added_to_cart.wc-forward.added, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image a:not(.woocommerce-loop-product__link).added, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image .wc-block-grid__product-add-to-cart.added, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image .view-details.added, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image .added_to_cart.wc-forward.added { display: none; } body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image .view-details, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image .view-details { margin-top: 100px; color: #ffffff; border-color: #ffffff; } body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image .view-details:hover, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image .view-details:hover { color: var(--proteo-main_color_shade, #448a85); background-color: #ffffff; } body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image .view-details.unstyled_button:hover, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image .view-details.unstyled_button:hover { background-color: transparent; } body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image .wc-block-grid__product-add-to-cart .view-details, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image .wc-block-grid__product-add-to-cart .view-details { margin-top: 15px; } body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image .wc-block-grid__product-add-to-cart a, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image .wc-block-grid__product-add-to-cart a { position: initial; } body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image:hover a:not(.woocommerce-loop-product__link), body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image:hover .wc-block-grid__product-add-to-cart, body.yith-proteo-product-loop-add-to-cart-position-hover ul.products li.product .yith-proteo-product-loop-image:hover .view-details, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image:hover a:not(.woocommerce-loop-product__link), body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image:hover .wc-block-grid__product-add-to-cart, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image:hover .view-details { opacity: 1; bottom: initial; } body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image a:not(.woocommerce-loop-product__link), body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image .wc-block-grid__product-add-to-cart, body.yith-proteo-product-loop-add-to-cart-position-hover ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image .view-details { min-width: 70%; } @media screen and (min-width: 48em) { ul.products li.product { width: 33.3333333333%; float: left; } ul.products li.product.first { clear: both; } ul.products li.product.last { margin-right: 0; } .columns-1 ul.products li.product { float: none; width: 100%; } .columns-2 ul.products li.product { width: 50%; } ul.columns-2.products li.product { width: 50%; } .columns-3 ul.products li.product { width: 33.3333333333%; } ul.columns-3.products li.product { width: 33.3333333333%; } .columns-4 ul.products li.product { width: 25%; } ul.columns-4.products li.product { width: 25%; } .columns-5 ul.products li.product { width: 20%; } ul.columns-5.products li.product { width: 20%; } .columns-6 ul.products li.product { width: 16.6666666667%; } ul.columns-6.products li.product { width: 16.6666666667%; } } /** * Single product */ /** * Single Product */ .single-product { /** * Tabs */ } .single-product div.product .single-product-layout-cols { clear: both; margin-bottom: 100px; position: relative; } .single-product div.product .single-product-layout-cols:after { content: ""; display: block; clear: both; } .single-product div.product .woocommerce-breadcrumb { text-align: initial; } .single-product div.product .woocommerce-breadcrumb + h1 { margin-top: 0; } .single-product div.product .woocommerce-product-gallery { position: relative; width: 40%; float: left; display: inline-block; margin: 1.5em 0 0; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 1em; left: 1em; display: block; z-index: 99; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 30px; background: #ffffff; filter: saturate(0); text-decoration: none; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img { margin: 0 auto; display: block; } .single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 2.7rem; height: auto !important; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { margin: 0 -15px; padding: 0; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; cursor: pointer; float: left; font-size: 0; padding: 0 15px 15px; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity: 0.5; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { opacity: 1; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li { width: 50%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 33.3333333333%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 25%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 20%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery figure { margin-top: 0; } .single-product div.product .summary.entry-summary { width: 60%; float: left; display: inline-block; padding-left: 90px; } .single-product div.product .summary.entry-summary .product_title { margin-bottom: 0.4em; font-size: var(--proteo-single_product_title_font_size, 70px); color: var(--proteo-single_product_title_font_color, #404040); } .single-product div.product .summary.entry-summary .woocommerce-product-rating { margin-bottom: 30px; } .single-product div.product .summary.entry-summary .woocommerce-product-rating .star-rating, .single-product div.product .summary.entry-summary .woocommerce-product-rating .woocommerce-review-link { display: inline-block; margin: 0 15px 15px 0; vertical-align: middle; } .single-product div.product .summary.entry-summary .price { font-size: var(--proteo-single_product_price_font_size, 2.1875rem); color: var(--proteo-single_product_price_color, var(--proteo-main_color_shade, #448a85)); margin: 0 0 30px; } .single-product div.product .summary.entry-summary .price del { font-size: 0.8em; margin-right: 5px; } .single-product div.product .summary.entry-summary .price ins { background: none; color: inherit; } .single-product div.product .summary.entry-summary .woocommerce-product-details__short-description p { margin-top: 0; font-size: 1.25rem; line-height: 1.8; } .single-product div.product .summary.entry-summary form.cart { margin-bottom: 30px; } .single-product div.product .summary.entry-summary form.cart .quantity { max-width: 100px; } .single-product div.product .summary.entry-summary form.cart .quantity.hidden { display: none; } .single-product div.product .summary.entry-summary form.cart .quantity input { font-size: var(--proteo-single_product_quantity_input_font_size, 2.5rem); } .single-product div.product .summary.entry-summary form.cart .quantity span.product-qty-arrows span { padding: 5px 0; } .single-product div.product .summary.entry-summary button[type=submit] { margin-bottom: 15px; margin-right: 15px; text-transform: uppercase; font-size: var(--proteo-single_product_add_to_cart_button_font_size, 1.25rem); font-weight: bold; text-align: center; padding: 0.9375rem 2.8125rem; vertical-align: middle; } .single-product div.product .summary.entry-summary form.variations_form table.variations { margin-bottom: 40px; } .single-product div.product .summary.entry-summary form.variations_form table.variations tr > td { padding-bottom: 45px; text-transform: uppercase; font-size: 0.9375rem; font-weight: 500; position: relative; } .single-product div.product .summary.entry-summary form.variations_form table.variations tr > td.label { width: 1px; padding-right: 35px; white-space: nowrap; } .single-product div.product .summary.entry-summary form.variations_form table.variations tr > td .select2-container { min-width: 50%; } .single-product div.product .summary.entry-summary form.variations_form table.variations tr > td a.reset_variations { position: absolute; bottom: 5px; left: 0; } .single-product div.product .summary.entry-summary form.variations_form table.variations tr > td .select_box:after { display: none; } .single-product div.product .summary.entry-summary form.variations_form table.variations tr > td .select_box .select_option .yith_wccl_value { min-width: 30px; height: 30px; } .single-product div.product .summary.entry-summary form.variations_form table.variations tr > td .select_box .select_option .yith-wccl-bicolor { border-bottom: 26px solid; border-left: 26px solid; } .single-product div.product .summary.entry-summary .product_meta > span { margin-bottom: 30px; color: #9d9d9d; font-size: 0.8125rem; display: block; text-transform: uppercase; } .single-product div.product .summary.entry-summary .single_variation_wrap .woocommerce-variation-description { font-size: 1.25rem; line-height: 1.8; } .single-product div.product .summary.entry-summary .single_variation_wrap .woocommerce-variation-price { margin-bottom: 30px; } .single-product .woocommerce-tabs { display: block; } .single-product .woocommerce-tabs ul.tabs { list-style: none; margin: 0; padding: 0 30px 0 0; text-align: left; border-bottom: 4px solid #f2f2f2; } .single-product .woocommerce-tabs ul.tabs li { display: inline-block; margin: 0; position: relative; white-space: nowrap; color: var(--proteo-single_product_tabs_title_color, #1f1f1f); } .single-product .woocommerce-tabs ul.tabs li a { padding: 0.9375rem 0; display: block; font-size: var(--proteo-single_product_tabs_title_font_size, 30px); font-weight: bold; text-decoration: none; margin-right: 45px; color: inherit; margin-bottom: -4px; border-bottom: 4px solid transparent; opacity: 0.5; } .single-product .woocommerce-tabs ul.tabs li.active a { color: inherit; opacity: 1; border-bottom: 4px solid var(--proteo-single_product_tabs_title_color, #1f1f1f); } .single-product .woocommerce-tabs .panel { display: block; margin: 0; padding: 35px 0 50px; border-bottom: 4px solid #f2f2f2; font-size: var(--proteo-single_product_tabs_content_font_size, 16px); line-height: 1.8; } .single-product .woocommerce-tabs .panel h2:first-of-type { margin-bottom: 1em; margin-top: 0; } .single-product .woocommerce-tabs .panel .woocommerce-Reviews-title { display: none; } .single-product .woocommerce-tabs .panel table.shop_attributes th { text-align: left; width: 1px; vertical-align: top; padding-right: 35px; } .single-product .woocommerce-tabs .panel table.shop_attributes td { vertical-align: top; } .single-product .woocommerce-tabs .panel table.shop_attributes td p { margin-top: 0; } .single-product .related.products { padding-top: 50px; } .single-product .related.products h2 { text-align: center; margin-bottom: 50px; } .stock:empty:before { display: none; } .stock.in-stock { color: #17b4a9; } .stock.out-of-stock { color: #f44336; } /** Reviews */ #reviews .commentlist { list-style-type: none; } #reviews .commentlist li.review, #reviews .commentlist li.comment { position: relative; margin-bottom: 35px; font-size: 1rem; } #reviews .commentlist li.review:after, #reviews .commentlist li.comment:after { content: ""; display: block; clear: both; } #reviews .commentlist li.review .comment_container img.avatar, #reviews .commentlist li.comment .comment_container img.avatar { float: left; margin: 0 30px 30px 0; } #reviews .commentlist li.review .comment_container .comment-text, #reviews .commentlist li.comment .comment_container .comment-text { float: left; } #reviews .commentlist li.review .comment_container .comment-text p, #reviews .commentlist li.comment .comment_container .comment-text p { font-size: 1rem; line-height: normal; } #review_form_wrapper { font-size: 1rem; } #review_form_wrapper .comment-reply-title { font-size: 1.25rem; line-height: 1.8; font-weight: 600; } #review_form_wrapper form p { font-size: 1rem; line-height: normal; } /** * Cart */ /** * Cart */ body.woocommerce-cart .site-content { overflow-x: hidden; } body.woocommerce-cart.two-cols-cart form.woocommerce-cart-form { width: 60%; display: inline-block; box-sizing: border-box; float: left; padding-right: 30px; margin-bottom: 35px; } body.woocommerce-cart.two-cols-cart .cart-collaterals { width: 40%; display: inline-block; box-sizing: border-box; float: left; margin-bottom: 35px; } body.woocommerce-cart.two-cols-cart .cart-collaterals .cart_totals { width: 100%; } body.woocommerce-cart .cart-collaterals .cart_totals { width: 50%; float: right; max-width: 500px; background: #f4f4f4; padding: 50px 0 50px 100px; position: relative; } body.woocommerce-cart .cart-collaterals .cart_totals:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 3000px; background: inherit; z-index: -1; } body.woocommerce-cart .cart-collaterals .cart_totals h2 { display: none; } body.woocommerce-cart .cart-collaterals .cart_totals table { margin-bottom: 50px; } body.woocommerce-cart .cart-collaterals .cart_totals table td, body.woocommerce-cart .cart-collaterals .cart_totals table th { border: none; padding: 15px 0; font-size: 1rem; } body.woocommerce-cart .cart-collaterals .cart_totals table td li, body.woocommerce-cart .cart-collaterals .cart_totals table td p, body.woocommerce-cart .cart-collaterals .cart_totals table th li, body.woocommerce-cart .cart-collaterals .cart_totals table th p { font-size: inherit; } body.woocommerce-cart .cart-collaterals .cart_totals table th { font-weight: bold; text-align: right; } body.woocommerce-cart .cart-collaterals .cart_totals table td { text-align: right; font-weight: normal; } body.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total { color: var(--proteo-main_color_shade, #448a85); font-size: 1.125rem; } body.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total td, body.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total th, body.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total * { font-weight: bold; font-size: inherit; } body.woocommerce-cart .cart-collaterals .cart_totals table #shipping_method, body.woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-destination { font-size: 0.875rem; line-height: normal; padding-left: 50px; } body.woocommerce-cart .cart-collaterals .cart_totals table #shipping_method .amount, body.woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-destination .amount { font-weight: normal; } body.woocommerce-cart .cart-collaterals .cart_totals table #shipping_method li, body.woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-destination li { text-align: right; } body.woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-destination { margin: 5px 0; } body.woocommerce-cart .cart-collaterals .cart_totals table form.woocommerce-shipping-calculator { font-size: 0.875em; } body.woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form { padding-left: 10%; } body.woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form p { padding-right: 0; line-height: normal; text-align: initial; } body.woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form button[type=submit] { float: right; margin-right: 0; } body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout { text-align: center; } body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button { color: #ffffff; text-transform: uppercase; font-size: 1.25rem; font-weight: bold; text-align: center; padding: 1.25rem; vertical-align: middle; display: block; width: 100%; } /** * Checkout */ /** * Checkout */ body.woocommerce-checkout .entry-content p:not([class^=has]), body.woocommerce-checkout .entry-content li:not(.product) { font-size: 1rem; line-height: 1.8; } body.woocommerce-checkout .col-1, body.woocommerce-checkout .col-2 { max-width: initial; width: 100%; padding: 0; } body.woocommerce-checkout form.woocommerce-checkout:after { content: ""; display: block; clear: both; } body.woocommerce-checkout #customer_details { width: 50%; display: inline-block; float: left; } body.woocommerce-checkout #order_review { float: right; width: 50%; margin-right: 0; clear: right; padding-left: 30px; } body.woocommerce-checkout #order_review #shipping_method li { font-size: 1rem; line-height: normal; } body.woocommerce-checkout #order_review #shipping_method li label { font-weight: normal; } body.woocommerce-checkout.woocommerce-order-pay #order_review { float: none; margin: 0 auto; padding: 0; width: 70%; } body.woocommerce-checkout .order_review_inner { border: 1px solid #313131; padding: 35px 30px 50px; } body.woocommerce-checkout table.woocommerce-checkout-review-order-table th { text-align: left; border: none; padding: 15px 0; } body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr:first-child td { border: none; } body.woocommerce-checkout table.woocommerce-checkout-review-order-table td { border: none; padding: 15px 0; } body.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-total { text-align: right; } body.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody tr:last-child td { border-bottom: 1px solid #ebebeb; padding-bottom: 35px; } body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr:first-child td, body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr:first-child th { padding-top: 35px; } body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th { text-align: right; background: none; border: none; } body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td { text-align: right; } body.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total th { color: var(--proteo-main_color_shade, #448a85); } body.woocommerce-checkout #payment ul { list-style-type: none; padding: 0; margin: 0 -30px 35px; background: #f7f7f7; } body.woocommerce-checkout #payment ul li { padding: 15px 30px 15px 30px; margin-bottom: 15px; position: relative; } body.woocommerce-checkout #payment ul li .radiobutton { position: absolute; pointer-events: none; } body.woocommerce-checkout #payment ul li label { font-weight: bold; display: block; cursor: pointer; padding-left: 30px; } body.woocommerce-checkout #payment ul li.payment_method_paypal label img { float: right; margin-top: -3px; } body.woocommerce-checkout #payment ul li.payment_method_paypal label a { font-size: 80%; margin-left: 15px; font-weight: lighter; } body.woocommerce-checkout #payment ul li .wc-payment-form label { padding-left: 0; } body.woocommerce-checkout #payment #place_order { display: block; width: 100%; text-transform: uppercase; font-size: 20px; font-weight: bold; padding: 22px 35px 21px; outline: none; } body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p { padding: 0; font-size: 1rem; line-height: 1.8; } body.woocommerce-checkout #customer_details { background: #f7f7f7; padding: 35px 30px; } body.woocommerce-checkout .checkout_coupon { padding: 35px 15px 30px 30px; list-style-type: none; margin-bottom: 15px; border-radius: 0; border-width: 0; border-style: solid; color: #000000; font-size: 1rem; font-weight: 500; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; } body.woocommerce-checkout .checkout_coupon p { font-size: 1rem; line-height: normal; font-weight: 500; } body.woocommerce-checkout .checkout_coupon input[type=text] { outline: none; } body.woocommerce-order-received table.shop_table th, body.woocommerce-order-received table.shop_table thead th { text-align: left; padding-left: 0; } body.woocommerce-order-received table.shop_table thead th:last-of-type { text-align: right; padding-right: 0; padding-left: 15px; } body.woocommerce-order-received table.shop_table tfoot tr td, body.woocommerce-order-received table.shop_table tbody tr td { border: none; padding: 15px 0; } body.woocommerce-order-received table.shop_table tfoot tr:first-of-type > * { border-top: 1px solid #cccccc; } body.woocommerce-order-received table.shop_table tfoot tr:last-of-type { font-weight: bold; color: var(--proteo-main_color_shade, #448a85); } body.woocommerce-order-received table.shop_table tr td:last-of-type { text-align: right; padding-right: 0; padding-left: 15px; } body.woocommerce-order-received ul.wc-item-meta { margin-bottom: 0; } body.woocommerce-order-received ul.wc-item-meta li p { display: inline-block; margin-bottom: 0; } body.woocommerce-order-received .entry-content { border: 1px solid #404040; padding: 30px; max-width: 960px; margin: 0 auto 50px; } body.woocommerce-order-received header.entry-header .entry-title.lnr { color: var(--proteo-main_color_shade, #448a85); } body.woocommerce-order-received .woocommerce-order { margin: 0 -15px; } body.woocommerce-order-received .woocommerce-order .woocommerce-notice { padding-left: 15px; padding-right: 15px; } body.woocommerce-order-received .woocommerce-order .woocommerce-order-overview { width: 100%; padding: 0 15px; list-style-type: none; margin-bottom: 35px; } body.woocommerce-order-received .woocommerce-order .woocommerce-order-overview li.woocommerce-order-overview__order.order { font-weight: bold; margin-bottom: 25px; color: var(--proteo-main_color_shade, #448a85); } body.woocommerce-order-received .woocommerce-order .woocommerce-order-details { padding: 0 15px; margin-bottom: 70px; } body.woocommerce-order-received .woocommerce-order .woocommerce-order-details h2 { margin-top: 0; font-size: 1.5em; } body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details { padding: 0 15px; margin-bottom: 35px; } body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details h2 { margin-top: 0; font-size: 1.5em; } body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .addresses { display: block; clear: both; } body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .addresses:after { content: ""; display: block; clear: both; } body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .addresses > div { display: inline-block; float: left; width: 50%; } body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .addresses > div.col-2 { text-align: right; } body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .addresses > div address { font-style: initial; } body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .addresses > div address p { margin: 0; } /** * General WooCommerce components */ /** * Shop Page header */ header.woocommerce-products-header { text-align: var(--proteo-page_title_align); } p.woocommerce-result-count { display: inline-block; margin-right: 30px; } /** * Header cart */ .site-header-cart { position: relative; margin: 0; padding: 0; content: ""; display: table; table-layout: fixed; } .site-header-cart .cart-contents { text-decoration: none; } .site-header-cart .widget_shopping_cart { display: none; } .site-header-cart .product_list_widget { margin: 0; padding: 0; } /** * Star rating */ .star-rating { overflow: hidden; position: relative; height: 1.618em; line-height: 1.618; font-size: 1em; width: 5.3em; font-family: "star"; font-weight: 400; color: #1f1f1f; } .star-rating:before { content: "SSSSS"; opacity: 0.25; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span:before { content: "SSSSS"; top: 0; position: absolute; left: 0; } p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; margin-right: 1px; font-weight: 400; } p.stars a:before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: "star"; content: "S"; color: #1f1f1f; text-indent: 0; opacity: 0.25; } p.stars a:hover ~ a:before { content: "S"; color: #1f1f1f; opacity: 0.25; } p.stars:hover a:before { content: "S"; color: #fdc100; opacity: 1; } p.stars.selected a.active:before { content: "S"; color: #fdc100; opacity: 1; } p.stars.selected a.active ~ a:before { content: "S"; color: #fdc100; opacity: 0.25; } p.stars.selected a:not(.active):before { content: "S"; color: #fdc100; opacity: 1; } /** * Password strength meter */ .woocommerce-password-strength { text-align: right; } .woocommerce-password-strength.strong { color: #17b4a9; } .woocommerce-password-strength.short { color: #f44336; } .woocommerce-password-strength.bad { color: #f44336; } .woocommerce-password-strength.good { color: #e0e0e0; } /** * Forms */ .form-row { padding: 0 15px; margin-bottom: 35px; } .form-row.woocommerce-invalid label, .form-row.woocommerce-invalid input { color: #f44336; border-color: #f44336; } .form-row.woocommerce-invalid label + .separator, .form-row.woocommerce-invalid input + .separator { background: #f44336; } .form-row label { display: block; margin-bottom: 5px; } .form-row label + span { display: block; } .form-row input:not([type=submit]), .form-row select, .form-row textarea { width: 100%; } .form-row.form-row-first { width: 50%; float: left; clear: both; } .form-row.form-row-last { width: 50%; float: right; } .form-row.form-row-wide { clear: both; width: 100%; } .form-row.place-order { padding-left: 0; padding-right: 0; margin-bottom: 0; } .woocommerce-input-wrapper .select2-container .select2-selection { margin-top: 0; } .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-additional-fields__field-wrapper { margin-left: -15px; margin-right: -15px; } .required { color: red; } .quantity { margin-bottom: 15px; margin-right: 15px; display: inline-block; vertical-align: middle; max-width: 70px; white-space: nowrap; } .quantity input { text-align: center; font-size: 1em; line-height: normal; color: #1f1f1f; font-family: inherit; vertical-align: middle; padding-right: 20px; } .quantity span.product-qty-arrows { font-size: 0.6em; display: inline-block; vertical-align: middle; margin-left: -30px; } .quantity span.product-qty-arrows span { cursor: pointer; display: block; padding: 3px 0; } /** * Notices */ .woocommerce-notices-wrapper { position: relative; } .woocommerce-notices-wrapper *[role=alert] { opacity: 0; animation: slide-left 5s ease; top: 20%; max-width: 600px; position: fixed; z-index: 1000; right: 0; visibility: hidden; } .woocommerce-notices-wrapper *[role=alert]:empty { display: none; } p.woocommerce-Message, p.woocommerce-message, p.woocommerce-info, p.woocommerce-error, .entry-content p.woocommerce-Message, .entry-content p.woocommerce-message, .entry-content p.woocommerce-info, .entry-content p.woocommerce-error, .entry-content .ywgc_enter_code p, body.woocommerce-checkout .checkout_coupon p { font-size: var(--proteo-woo_messages_font_size, 1rem); } .woocommerce-message[role=alert] { opacity: 0; animation: slide-left 5s ease; top: 20%; max-width: 600px; position: fixed; z-index: 1000; right: 0; visibility: hidden; } div.wpcf7-response-output { opacity: 0; animation: slide-left 5s ease; top: 20%; max-width: 600px; position: fixed; z-index: 1000; right: 0; visibility: hidden; } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { content: ""; display: table; table-layout: fixed; clear: both; width: 100%; } .woocommerce-message { border-color: var(--proteo-woo_messages_default_accent_color, #17b4a9); } .woocommerce-info { border-color: var(--proteo-woo_messages_info_accent_color, #e0e0e0); } .woocommerce-error { border-color: var(--proteo-woo_messages_error_accent_color, #f44336); } .woocommerce-message, .woocommerce-info, .woocommerce-error, div.wpcf7-response-output { padding: 35px 15px 30px 30px; list-style-type: none; margin-bottom: 15px; border-radius: 0; border-width: 0 10px 0 0; border-style: solid; color: #000000; font-size: var(----proteo-woo_messages_font_size, 1rem); font-weight: 500; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; } .woocommerce-message a.button, .woocommerce-info a.button, .woocommerce-error a.button, div.wpcf7-response-output a.button { float: right; margin-bottom: 0; text-transform: uppercase; font-size: 0.8125em; } .woocommerce-message ul, .woocommerce-info ul, .woocommerce-error ul, div.wpcf7-response-output ul { list-style-type: none; padding: 0; margin: 0; } .woocommerce-message p, .woocommerce-info p, .woocommerce-error p, div.wpcf7-response-output p { font-size: inherit; } @keyframes slide-left { 0% { opacity: 0; visibility: hidden; transform: translateX(50px); } 10% { opacity: 1; visibility: visible; transform: translateX(0); } 90% { opacity: 1; visibility: visible; transform: translateX(0); } 100% { opacity: 0; visibility: hidden; transform: translateX(50px); } } .demo_store { position: fixed; left: 0; bottom: 0; right: 0; margin: 0; padding: 1em; z-index: 9999; background-color: var(--proteo-store_notice_bg_color); color: var(--proteo-store_notice_text_color); font-size: var(--proteo-store_notice_font_size); } .demo_store a.woocommerce-store-notice__dismiss-link { float: right; } /** On Sale Badge */ span.onsale, .wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale { position: absolute; z-index: 10; display: inline-block; padding: 5px; top: 0; right: 0; line-height: normal; font-weight: 700; text-transform: uppercase; left: auto; right: 7.5px; border: none; border-radius: 0; margin: 0; background-color: var(--proteo-sale_badge_bg_color, #448a85); color: var(--proteo-sale_badge_text_color, #ffffff); font-size: var(--proteo-sale_badge_font_size, 13px); } .wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale { left: auto; right: 7.5px; } @media screen and (min-width: 48em) { /** * Header cart */ .site-header-cart .widget_shopping_cart { position: absolute; top: 100%; width: 100%; z-index: 999999; left: -999em; display: block; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); } .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart { left: 0; display: block; } } /** Coupons **/ .woocommerce-form-coupon { border: 1px solid #ebebeb; padding: 15px; margin-bottom: 35px; } .woocommerce-form-coupon .form-row-first { padding-left: 0; } .woocommerce-form-coupon .form-row-last { padding-right: 0; } /** BREADCRUMBS */ .woocommerce-breadcrumb { text-align: center; text-transform: uppercase; font-size: 0.9375rem; color: #9d9d9d; } .woocommerce-breadcrumb a { text-decoration: none; color: inherit; } .woocommerce-breadcrumb a:hover { text-decoration: underline; color: var(--proteo-general_link_hover_color, #448a85); } .woocommerce-page.archive .woocommerce-breadcrumb { text-align: var(--proteo-page_title_align); } nav.woocommerce-breadcrumb + header h1 { margin-top: 0; } /** ORDERING */ .woocommerce-ordering { margin-bottom: 50px; display: inline-block; text-align: initial; } .yith-proteo-before-shop-loop { text-align: right; } /** SELECT2 */ .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected], .selectBox-options .selectBox-selected a { background-color: #448a85 !important; color: #fff; } .select2-container .select2-selection, .woocommerce a.selectBox.selectBox-dropdown { outline: none; margin-top: -5px; padding: 8px 10px 6px 2px; } .select2-container .select2-selection .select2-selection__rendered, .woocommerce a.selectBox.selectBox-dropdown .select2-selection__rendered { line-height: 1.8; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 5px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; font-size: 0.8rem; padding: 5px; line-height: normal; top: 0; bottom: 0; left: 0; margin: 0; display: contents; } .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: ""; font-family: Linearicons-Free; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .select2-container--default.select2-container--open .select2-selection__arrow b:before { content: ""; } .select2-dropdown, .selectBox-dropdown-menu { border: none; box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25); border-radius: 0; font-size: 1rem; } .select2-dropdown .select2-search__field, .selectBox-dropdown-menu .select2-search__field { border: 1px solid #cdcdcd; outline: none; } .select2-dropdown.select2-dropdown--below, .selectBox-dropdown-menu.select2-dropdown--below { top: 45px; } .select2-dropdown.select2-dropdown--above, .selectBox-dropdown-menu.select2-dropdown--above { top: 0px; } .select2-dropdown .select2-results__option, .selectBox-dropdown-menu .select2-results__option { padding: 6px 15px; } .select2-dropdown .select2-results__option:first-child, .selectBox-dropdown-menu .select2-results__option:first-child { padding-top: 15px; } .select2-dropdown .select2-results__option:last-child, .selectBox-dropdown-menu .select2-results__option:last-child { padding-bottom: 15px; } .select2-dropdown .select2-results__option.select2-results__option--highlighted, .select2-dropdown .select2-results__option.select2-results__option[data-selected=true], .selectBox-dropdown-menu .select2-results__option.select2-results__option--highlighted, .selectBox-dropdown-menu .select2-results__option.select2-results__option[data-selected=true] { color: var(--proteo-main_color_shade, #448a85) !important; background-color: #fff !important; outline: none; } .select2-dropdown .select2-results__option.select2-results__option[data-selected=true], .selectBox-dropdown-menu .select2-results__option.select2-results__option[data-selected=true] { font-weight: 500; } .select2-dropdown .select2-results__option ul li, .selectBox-dropdown-menu .select2-results__option ul li { padding: 6px 15px 6px 6px !important; } .select2-dropdown .select2-results__option ul li:first-child, .selectBox-dropdown-menu .select2-results__option ul li:first-child { padding-top: 0 !important; } .selectBox-dropdown-menu { margin-top: 15px; } .selectBox-dropdown-menu li { background: none; } .selectBox-dropdown-menu li:first-child { padding-top: 5px; } .selectBox-dropdown-menu li:last-child { padding-bottom: 5px; } .selectBox-dropdown-menu li a { cursor: pointer; text-transform: uppercase; } .selectBox-dropdown-menu li.selectBox-selected a { color: #448a85 !important; background-color: #fff !important; outline: none; font-weight: 500; } .selectBox-dropdown-menu li.selectBox-hover a { color: #448a85 !important; background-color: #fff !important; outline: none; } .pp_overlay + .select2-container { z-index: 100000; } /** Photobox (image zoom on single product page) */ .pswp__bg { background: var(--proteo-main_color_shade, #448a85); } /** Prices */ .price, .product-price .value, .min-cart-subtotal { color: #1f1f1f; margin-bottom: 5px; display: block; } .price del, .product-price .value del, .min-cart-subtotal del { font-size: 0.9em; font-weight: normal; margin-right: 5px; } .price ins, .product-price .value ins, .min-cart-subtotal ins { background: none; } /** * WooCommerce widgets */ section.widget { position: relative; } /** * WooCommerce Price Filter */ .widget_price_filter .price_slider { margin-bottom: 1.5em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4em; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: ew-resize; outline: none; background: var(--proteo-main_color_shade, #448a85); box-sizing: border-box; margin-top: -0.25em; opacity: 1; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background: var(--proteo-main_color_shade, #448a85); } .widget_price_filter .price_slider_wrapper .ui-widget-content { background: rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider-horizontal { height: 0.5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 100%; } /** Mini Cart Widget */ .widget_shopping_cart { position: relative; } .widget_shopping_cart > a { display: block; color: inherit; font-size: 2rem; text-decoration: none; } .widget_shopping_cart .widget_shopping_cart_content { min-width: 45px; } .widget_shopping_cart .proceed-to-cart-icon { color: inherit; text-decoration: none; display: block; } .widget_shopping_cart .proceed-to-cart-icon span.lnr { font-size: 1.8rem; } .widget_shopping_cart .proceed-to-cart-icon span.lnr + span { margin-left: 5px; } .widget_shopping_cart .proceed-to-cart-icon:hover span.lnr { color: var(--proteo-header_menu_hover_color, #448a85); } .widget_shopping_cart .proceed-to-cart-icon img.custom-cart-icon { display: inline; vertical-align: middle; } .widget_shopping_cart .proceed-to-cart-icon img.custom-cart-icon + span { margin-left: 5px; vertical-align: middle; } .widget_shopping_cart .yith-proteo-mini-cart-content { position: absolute; min-width: 280px; box-shadow: 3px 0 15px rgba(0, 0, 0, 0.15); right: 0; padding: 15px; background: var(--proteo-header_bg_color, #ffffff); border-radius: 5px; top: calc(100%); opacity: 0; visibility: hidden; transition: all ease 0.3s; font-size: 16px; } .widget_shopping_cart .yith-proteo-mini-cart-content:before { content: ""; display: block; width: 50px; height: 15px; top: -15px; position: absolute; right: 0; } .widget_shopping_cart .yith-proteo-mini-cart-content ul { list-style-type: none; padding: 0; margin: 0 0 20px; max-height: 30vh; overflow-y: scroll; } .widget_shopping_cart .yith-proteo-mini-cart-content ul::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .widget_shopping_cart .yith-proteo-mini-cart-content ul::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, 0.4); box-shadow: 0 0 1px rgba(255, 255, 255, 0.4); } .widget_shopping_cart .yith-proteo-mini-cart-content ul li { position: relative; display: table; width: 100%; margin-bottom: 10px; padding-left: 30px; } .widget_shopping_cart .yith-proteo-mini-cart-content ul li > a:not(.remove) { min-height: 60px; } .widget_shopping_cart .yith-proteo-mini-cart-content ul li img { max-width: 50px; vertical-align: top; margin-right: 10px; } .widget_shopping_cart .yith-proteo-mini-cart-content ul li > * { display: inline-block; font-size: 0.9375rem; font-weight: bold; color: var(--proteo-header_menu_color, #404040); text-decoration: none; } .widget_shopping_cart .yith-proteo-mini-cart-content ul li > *:hover { color: var(--proteo-general_link_color, #448a85); } .widget_shopping_cart .yith-proteo-mini-cart-content ul li > *.remove { text-decoration: none; background: transparent; color: #9e9e9e; display: inline-block; font-size: 24px; font-weight: normal; position: absolute; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; height: 2rem; line-height: 2rem; } .widget_shopping_cart .yith-proteo-mini-cart-content ul li > *.remove:hover { color: #000000; } .widget_shopping_cart .yith-proteo-mini-cart-content ul li > *.quantity { display: block; float: none; text-align: right; position: absolute; bottom: 10px; left: 90px; margin: 0; font-weight: normal; color: #9a9a9a; } .widget_shopping_cart .yith-proteo-mini-cart-content ul li > *.variation { display: none; } .widget_shopping_cart .yith-proteo-mini-cart-content .woocommerce-mini-cart__total.total { display: none; } .widget_shopping_cart .yith-proteo-mini-cart-content .woocommerce-mini-cart__buttons { margin-top: 0; margin-bottom: 0; } .widget_shopping_cart .yith-proteo-mini-cart-content .woocommerce-mini-cart__buttons a.wc-forward { font-weight: bold; padding: 5px 0; margin-bottom: 20px; border: none; font-size: 0.75em; margin-right: 0; background: none; color: var(--proteo-general_link_color, #448a85); } .widget_shopping_cart .yith-proteo-mini-cart-content .woocommerce-mini-cart__buttons a.wc-forward:after { content: ""; margin-left: 5px; display: inline; font-size: 0.8em; font-family: Linearicons-Free; speak: none; font-style: normal; font-weight: 800; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget_shopping_cart .yith-proteo-mini-cart-content .woocommerce-mini-cart__buttons a.wc-forward:hover { text-decoration: underline; color: var(--proteo-general_link_hover_color); } .widget_shopping_cart .yith-proteo-mini-cart-content .woocommerce-mini-cart__buttons a.checkout { display: block; margin-bottom: 15px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 0.9375rem 2.8125rem; vertical-align: middle; background-color: var(--proteo-main_color_shade, #448a85); color: #ffffff; } .widget_shopping_cart .yith-proteo-mini-cart-content .woocommerce-mini-cart__buttons a.checkout:after { display: none; } .widget_shopping_cart .yith-proteo-mini-cart-content .woocommerce-mini-cart__buttons a.checkout:hover { color: #ffffff; background-color: var(--proteo-button_1_bg_hover_color, #1a4e43); text-decoration: none; } .widget_shopping_cart:hover .yith-proteo-mini-cart-content { top: calc(100% + 15px); opacity: 1; visibility: visible; z-index: 10; } .widget_shopping_cart p.items-count { padding: 0 0 0 30px; font-weight: 500; } #secondary .widget_shopping_cart .widget_shopping_cart_content .proceed-to-cart-icon { display: none; } #secondary .widget_shopping_cart .widget_shopping_cart_content p.items-count { padding: 0; } #secondary .widget_shopping_cart .yith-proteo-mini-cart-content { position: static; opacity: 1; visibility: visible; box-shadow: none; padding: 0; } /** Products widget */ .widget_products ul.product_list_widget li, .widget_recently_viewed_products ul.product_list_widget li, .widget_top_rated_products ul.product_list_widget li { display: table; width: 100%; margin-bottom: 40px; } .widget_products ul.product_list_widget li .product-image, .widget_products ul.product_list_widget li .product-info, .widget_recently_viewed_products ul.product_list_widget li .product-image, .widget_recently_viewed_products ul.product_list_widget li .product-info, .widget_top_rated_products ul.product_list_widget li .product-image, .widget_top_rated_products ul.product_list_widget li .product-info { display: table-cell; vertical-align: middle; } .widget_products ul.product_list_widget li .product-image, .widget_recently_viewed_products ul.product_list_widget li .product-image, .widget_top_rated_products ul.product_list_widget li .product-image { width: 30%; padding-right: 25px; vertical-align: middle; } .widget_products ul.product_list_widget li .product-image a, .widget_recently_viewed_products ul.product_list_widget li .product-image a, .widget_top_rated_products ul.product_list_widget li .product-image a { font-size: 0; display: inline-block; vertical-align: middle; } .widget_products ul.product_list_widget li a, .widget_recently_viewed_products ul.product_list_widget li a, .widget_top_rated_products ul.product_list_widget li a { text-decoration: none; } .widget_products ul.product_list_widget li .product-info .product-title, .widget_recently_viewed_products ul.product_list_widget li .product-info .product-title, .widget_top_rated_products ul.product_list_widget li .product-info .product-title { display: block; font-size: var(--proteo-catalog_product_title_font_size, 0.875rem); color: var(--proteo-catalog_product_title_color, #404040); line-height: normal; margin-top: 0; margin-bottom: 5px; font-weight: 500; } .widget_products ul.product_list_widget li .product-info .amount, .widget_recently_viewed_products ul.product_list_widget li .product-info .amount, .widget_top_rated_products ul.product_list_widget li .product-info .amount { color: var(--proteo-catalog_product_price_color, #1f1f1f); font-size: var(--proteo-catalog_product_price_font_size, 0.875rem); font-weight: 600; } .widget_products ul.product_list_widget li .product-info del .amount, .widget_recently_viewed_products ul.product_list_widget li .product-info del .amount, .widget_top_rated_products ul.product_list_widget li .product-info del .amount { font-size: 1rem; margin-right: 5px; } .widget_products ul.product_list_widget li .product-info ins, .widget_recently_viewed_products ul.product_list_widget li .product-info ins, .widget_top_rated_products ul.product_list_widget li .product-info ins { background: none; } .widget_products ul.product_list_widget li .product-info .star-rating, .widget_recently_viewed_products ul.product_list_widget li .product-info .star-rating, .widget_top_rated_products ul.product_list_widget li .product-info .star-rating { margin-bottom: 5px; } .widget_products ul.product_list_widget li .product-info .widget-product-short-description, .widget_recently_viewed_products ul.product_list_widget li .product-info .widget-product-short-description, .widget_top_rated_products ul.product_list_widget li .product-info .widget-product-short-description { margin-top: 10px; font-size: 0.875rem; } .widget_recent_reviews ul.product_list_widget li { margin-bottom: 15px; } .widget_recent_reviews ul.product_list_widget li img { float: left; max-width: 40%; margin: 0 25px 25px 0; } .widget_recent_reviews ul.product_list_widget li .product-title { line-height: normal; margin-top: 0; margin-bottom: 5px; font-weight: 500; } .widget_recent_reviews ul.product_list_widget li .star-rating { margin-bottom: 5px; } .widget_recent_reviews ul.product_list_widget li .reviewer { font-size: 0.875rem; } .widget_recent_reviews ul.product_list_widget li:after { content: ""; display: block; clear: both; } /** GUTENBERG BLOCKS */ .wp-block-cover p { line-height: normal; margin: 0 0 0.5em; } /** Menus */ .widget_nav_menu h2 { margin-bottom: 2rem; } .widget_nav_menu ul li { margin-bottom: 10px; font-size: 1.125rem; } .widget_nav_menu ul li a { color: inherit; text-decoration: none; } .widget_nav_menu ul li a:hover { color: var(--proteo-general_link_color, #448a85); text-decoration: underline; } .widget_nav_menu ul.sub-menu { margin-left: 15px; margin-top: 10px; } /** PRODUCT CATEGORIES **/ .widget_product_categories ul.product-categories li.cat-item { padding: 5px 0; } .widget_product_categories ul.product-categories .count { float: right; } .widget_product_categories ul.product-categories ul.children { padding-left: 15px; } .widget_product_categories .select2-container { width: 100% !important; } /** FILTER BY RATING **/ li.wc-layered-nav-rating { margin-bottom: 5px; } li.wc-layered-nav-rating a { display: block; text-decoration: none; } li.wc-layered-nav-rating a span.star-rating { display: inline-block; vertical-align: middle; margin-right: 15px; } li.wc-layered-nav-rating:after { content: ""; display: block; clear: both; } /** * My Account */ /** MY ACCOUNT **/ .woocommerce-account .entry-content p:not([class^=has]), .woocommerce-account .entry-content li:not(.product) { font-size: 1rem; line-height: 1.8; } .woocommerce-account .yith-proteo-my-account-sidebar { float: left; width: 25%; clear: both; } .woocommerce-account .yith-proteo-my-account-user-image { padding: 30px 15px 15px; position: relative; } .woocommerce-account .yith-proteo-my-account-user-image:before { content: ""; display: block; background-color: #f2f2f2; position: absolute; left: -50vw; right: 0; bottom: 0; top: 0; z-index: -1; } .woocommerce-account .yith-proteo-my-account-user-image .user-photo { border-radius: 0; border: none; margin-right: 20px; display: inline-block; vertical-align: middle; line-height: 0; } .woocommerce-account .yith-proteo-my-account-user-image .user-photo img { max-width: 130px; margin-bottom: 15px; } .woocommerce-account .yith-proteo-my-account-user-image .user-info { vertical-align: middle; display: inline-block; font-size: 1em; } .woocommerce-account .yith-proteo-my-account-user-image .user-info p { font-size: inherit; font-weight: 600; margin: 0; } .woocommerce-account .yith-proteo-my-account-user-image .user-info strong, .woocommerce-account .yith-proteo-my-account-user-image .user-info span { display: block; } .woocommerce-account .yith-proteo-my-account-user-image .user-info .user-email { font-size: 0.875em; color: #7b7b7b; } .woocommerce-account .yith-proteo-my-account-user-image .user-info a { text-decoration: none; display: block; } .woocommerce-account .woocommerce-MyAccount-navigation { position: relative; padding: 30px 0 100px; } .woocommerce-account .woocommerce-MyAccount-navigation:before { content: ""; display: block; background-color: #f9f9f9; position: absolute; left: -50vw; right: 0; bottom: 0; top: 0; z-index: -1; } .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style-type: none; padding: 0; margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li > a { display: block; padding: 15px; text-decoration: none; color: inherit; display: block; font-weight: 600; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a, .woocommerce-account .woocommerce-MyAccount-navigation ul li > a:hover { color: var(--proteo-general_link_color, #448a85); } .woocommerce-account .woocommerce-MyAccount-navigation ul li .woocommerce-MyAccount-content { padding: 10px; } .woocommerce-account .woocommerce-MyAccount-content { float: left; padding-left: 30px; width: 75%; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-column--billing-address, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-column--shipping-address { width: 50%; float: left; max-width: initial; padding: 0; margin-bottom: 35px; } .woocommerce-account .woocommerce-MyAccount-content .order_details th { text-align: left; padding: 15px; } .woocommerce-account .woocommerce-MyAccount-content .order_details tfoot th { background: none; text-align: right; border-right: 1px solid #ebebeb; } .woocommerce-account .woocommerce-MyAccount-content .account-info-box { border: 1px solid #ebebeb; padding: 15px 30px 30px; margin-bottom: 35px; } .woocommerce-account .woocommerce-MyAccount-content .account-info-box p { font-size: inherit; line-height: normal; } .woocommerce-account .woocommerce-MyAccount-content .account-info-box p strong, .woocommerce-account .woocommerce-MyAccount-content .account-info-box p b { font-weight: bold; } .woocommerce-account .woocommerce-MyAccount-content .account-info-box .actions { text-align: right; } .woocommerce-account .woocommerce-MyAccount-content .account-info-box .button { font-size: 0.875rem; text-transform: uppercase; margin-bottom: 0; } .woocommerce-account #customer_login.col2-set.u-columns { margin: 0 -15px; } .woocommerce-account #customer_login.col2-set.u-columns:after { content: ""; display: block; clear: both; } .woocommerce-account #customer_login.col2-set.u-columns .col-1, .woocommerce-account #customer_login.col2-set.u-columns .col-2 { width: 50%; float: left; max-width: initial; position: relative; } .woocommerce-account #customer_login.col2-set.u-columns .col-1 p, .woocommerce-account #customer_login.col2-set.u-columns .col-2 p { padding-left: 15px; padding-right: 15px; } .woocommerce-account #customer_login.col2-set.u-columns .col-1 form, .woocommerce-account #customer_login.col2-set.u-columns .col-2 form { padding: 25px 15px 15px; margin-bottom: 35px; border: 1px solid; position: relative; } .woocommerce-account #customer_login.col2-set.u-columns .col-1 form .woocommerce-form__label-for-checkbox, .woocommerce-account #customer_login.col2-set.u-columns .col-2 form .woocommerce-form__label-for-checkbox { margin-bottom: 15px; } .woocommerce-account #customer_login.col2-set.u-columns .col-1 form.register, .woocommerce-account #customer_login.col2-set.u-columns .col-2 form.register { border: none; background: #ebebeb; } .woocommerce-account #customer_login.col2-set.u-columns .col-1 form.register:before, .woocommerce-account #customer_login.col2-set.u-columns .col-2 form.register:before { content: ""; display: block; right: -4000px; width: 4000px; top: 0; background: #ebebeb; bottom: 0; position: absolute; } .woocommerce-account ul.yith_proteo_dashboard_links { list-style-type: none; padding: 0; } .woocommerce-account ul.yith_proteo_dashboard_links li { display: inline-block; margin-bottom: 30px; } .woocommerce-account ul.yith_proteo_dashboard_links li > div { border: 1px solid; padding: 15px; text-align: center; } .woocommerce-account ul.yith_proteo_dashboard_links li > div a { text-decoration: none; text-transform: uppercase; font-weight: 600; color: inherit; font-size: 1.125rem; transition: all ease 0.3s; } .woocommerce-account ul.yith_proteo_dashboard_links li > div a .yith-proteo-myaccount-icons { display: block; text-align: center; font-size: 3rem; margin-bottom: 15px; margin-top: 15px; } .woocommerce-account ul.yith_proteo_dashboard_links li > div a:hover { color: var(--proteo-general_link_color, #448a85); } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .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; } /*-------------------------------------------------------------- # Shortcodes --------------------------------------------------------------*/ .yith-proteo-footer-credits-download { text-align: center; padding: 85px 0 120px; } .yith-proteo-footer-credits-download .yith-proteo-theme-logo { margin: 0 30px 0 0; font-size: 3rem; font-weight: 600; line-height: normal; transition: all ease 0.3s; color: #404040; } .yith-proteo-footer-credits-download .yith-proteo-theme-description p { font-size: 1rem; font-weight: 500; color: #404040; line-height: normal; } .yith-proteo-footer-credits-download .yith-proteo-theme-description p .lnr { font-size: 1.5em; vertical-align: text-bottom; } .yith-proteo-footer-credits-download .download-proteo { margin-bottom: 15px; margin-top: 15px; font-size: 1.25rem; font-weight: 600; text-align: center; padding: 22px 60px 21px; vertical-align: middle; transition: all ease 0.3s; } .woocommerce .ywcps-wrapper .ywcps-slider > .row { margin: 0 !important; } .woocommerce .ywcps-wrapper ul.products { overflow: hidden; margin: 0 auto 35px; } .woocommerce .ywcps-wrapper ul.products .owl-item li.product { width: 100%; padding: 0 7.5px; } .woocommerce .ywcps-wrapper #nav_prev_def_free, .woocommerce .ywcps-wrapper #nav_next_def_free { top: 30%; bottom: auto; } .woocommerce .ywcps-wrapper #nav_prev_def_free span:before, .woocommerce .ywcps-wrapper #nav_next_def_free span:before { content: ""; display: block; font-size: 3rem; color: inherit; } .woocommerce .ywcps-wrapper #nav_prev_def_free span:hover, .woocommerce .ywcps-wrapper #nav_next_def_free span:hover { color: var(--proteo-main_color_shade, #448a85); } .woocommerce .ywcps-wrapper #nav_prev_def_free #default_prev, .woocommerce .ywcps-wrapper #nav_next_def_free #default_prev { border: none; background: none; } .woocommerce .ywcps-wrapper #nav_prev_def_free #default_prev:before, .woocommerce .ywcps-wrapper #nav_next_def_free #default_prev:before { content: "‹"; } .woocommerce .ywcps-wrapper #nav_prev_def_free #default_next, .woocommerce .ywcps-wrapper #nav_next_def_free #default_next { border: none; background: none; } .woocommerce .ywcps-wrapper #nav_prev_def_free #default_next:before, .woocommerce .ywcps-wrapper #nav_next_def_free #default_next:before { content: "›"; } .woocommerce .ywcps-wrapper #nav_prev_def_free { left: -40px; opacity: 1; } .woocommerce .ywcps-wrapper #nav_next_def_free { right: -40px; opacity: 1; } /*-------------------------------------------------------------- # Third Party --------------------------------------------------------------*/ html.yith_welrp_opened, body.yith_welrp_opened { overflow: hidden; } #yith-welrp { display: none; } #yith-welrp .yith-welrp-overlay, #yith-welrp .yith-welrp-popup-wrapper { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 80; } #yith-welrp .yith-welrp-popup-wrapper { overflow-x: hidden; overflow-y: auto; } #yith-welrp .yith-welrp-popup-wrapper-region { padding: 20px; z-index: 80; width: 100%; } #yith-welrp .yith-welrp-popup { position: relative; margin-left: auto; margin-right: auto; display: none; } #yith-welrp .yith-welrp-popup.additional .yith-welrp-popup-header { display: none; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-inner { position: relative; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-inner .yith-welrp-lost-password, #yith-welrp .yith-welrp-popup .yith-welrp-popup-inner .yith-welrp-go-back { font-size: 0.875rem; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-header { padding: 15px 30px; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-header h4 { margin: 0; color: #9d9d9d; text-transform: uppercase; font-size: 1rem; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-close { position: absolute; right: 15px; top: 20px; width: 12px; height: 12px; line-height: 1; cursor: pointer; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-close:not(.custom) { background-repeat: no-repeat; background-position: bottom; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-close:not(.custom):hover { background-position: top; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-content { padding: 15px 30px; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-content h3 { margin: 10px 0 30px; font-size: 1.875rem; line-height: 1.3; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-content .yith-welrp-submit-button { min-width: 40%; display: block; float: right; margin: 0; text-transform: uppercase; outline: none; clear: both; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-content .yith-welrp-popup-text { margin-bottom: 30px; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-content .yith-welrp-user-info { margin-bottom: 30px; line-height: 20px; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-content .yith-welrp-user-info .yith-welrp-user-avatar { display: inline-block; vertical-align: bottom; margin-right: 10px; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-content .yith-welrp-user-info .yith-welrp-user-avatar img { display: inline-block; vertical-align: bottom; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-content .yith-welrp-user-info .yith-welrp-user-data { display: inline-block; vertical-align: bottom; font-size: 0.8rem; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-content .yith-welrp-user-info .yith-welrp-user-data span:first-child { font-weight: bold; font-size: 0.875rem; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-content .yith-welrp-user-info .yith-welrp-user-data .yith-welrp-go-back { font-size: 0.8rem; } #yith-welrp .yith-welrp-popup .yith-welrp-popup-content .yith-welrp-footer-link-container { text-align: center; } #yith-welrp .yith-welrp-popup .yith-welrp-message { font-size: 0.875rem; margin: -20px 0 15px; position: relative; color: #8fae1b; clear: both; } #yith-welrp .yith-welrp-popup .yith-welrp-message.error { color: #da141d; } #yith-welrp .yith-welrp-popup form { margin-bottom: 30px; } #yith-welrp .yith-welrp-popup form:after { content: ""; display: table; clear: both; } #yith-welrp .yith-welrp-popup form .yith-welrp-form-field { margin: 0 0 30px; } #yith-welrp .yith-welrp-popup form .yith-welrp-form-field input[type=text], #yith-welrp .yith-welrp-popup form .yith-welrp-form-field input[type=email], #yith-welrp .yith-welrp-popup form .yith-welrp-form-field input[type=password] { width: 100%; outline: none; font-size: 0.875rem; } #yith-welrp .yith-welrp-popup form .yith-welrp-form-field label { font-weight: bold; display: block; } #yith-welrp .yith-welrp-popup form .yith-welrp-form-field label.checkbox-label { font-weight: normal; font-size: 0.875rem; cursor: pointer; padding-left: 35px; position: relative; line-height: 1.3; } #yith-welrp .yith-welrp-popup form .yith-welrp-form-field label.checkbox-label .checkboxbutton { position: absolute; left: 0; top: 0; } #yith-welrp .yith-welrp-popup form .yith-welrp-form-field.left { float: left; width: 48%; } #yith-welrp .yith-welrp-popup form .yith-welrp-form-field.right { float: right; width: 48%; text-align: right; } #yith-welrp .yith-welrp-popup form .yith-welrp-form-field.wide .yith-welrp-password-container { position: relative; display: block; } #yith-welrp .yith-welrp-popup form .yith-welrp-form-field.wide .yith-welrp-password-eye { width: 22px; height: 40px; display: block; position: absolute; top: 0; right: 13px; cursor: pointer; background-size: contain; background-repeat: no-repeat; background-position: center; } #yith-welrp .yith-welrp-popup form .woocommerce-password-strength { text-align: left; font-size: 0.875rem; font-weight: normal; margin-top: 5px; } #yith-welrp .yith-welrp-popup form .woocommerce-password-hint { font-size: 0.7rem; font-weight: normal; } #yith-welrp .yith-welrp-popup form #g-recaptcha { margin-bottom: 20px; } #yith-welrp .yith-welrp-popup .yith-welrp-continue-as-guest { border-top: 1px solid #e7e7e7; padding: 20px 0; } #yith-welrp .yith-welrp-popup .yith-welrp-continue-as-guest p { margin: 10px 0 15px; font-weight: 500; } #yith-welrp .yith-welrp-popup .yith-welrp-continue-as-guest .button { width: 100%; text-align: center; text-transform: uppercase; } #yith-welrp .yith-welrp-popup .yith-welrp-social-sep { text-align: center; position: relative; margin-bottom: 30px; font-weight: 500; } #yith-welrp .yith-welrp-popup .yith-welrp-social-sep:after { content: ""; width: 100%; background-color: transparent; display: block; border-top: 1px solid #e7e7e7; position: absolute; top: 50%; margin-top: 1px; z-index: 1; } #yith-welrp .yith-welrp-popup .yith-welrp-social-sep span { padding: 0 30px; z-index: 2; position: relative; text-transform: uppercase; } #yith-welrp .yith-welrp-popup .yith-welrp-social-container { margin-bottom: 30px; } #yith-welrp .yith-welrp-popup .yith-welrp-social-container .yith-welrp-social > div { border-width: 1px; border-style: solid; border-radius: 50px; padding: 10px 35px; text-align: center; text-transform: uppercase; cursor: pointer; transition: all ease 0.3s; font-weight: 600; margin: 0 15px 15px; position: relative; } #yith-welrp .yith-welrp-popup .yith-welrp-social-container .yith-welrp-social > div span { pointer-events: none; } #yith-welrp .yith-welrp-popup .yith-welrp-social-container .yith-welrp-social > div .icon { position: absolute; left: 16px; width: 20px; height: 20px; top: 50%; margin-top: -10px; } #yith-welrp .yith-welrp-email-suggestion { position: relative; } #yith-welrp .yith-welrp-email-suggestion .yith-welrp-email-suggestion-list { position: absolute; top: 100%; left: 0; right: 0; list-style: none; padding: 5px; margin: -1px 0 0 0; border: 1px solid #cccccc; border-top: 0; background: #ffffff; box-shadow: 0 5px 5px #f0f0f0; z-index: 10; } #yith-welrp .yith-welrp-email-suggestion .yith-welrp-email-suggestion-list .yith-welrp-email-suggestion-item { font-size: 0.9em; font-weight: 500; cursor: pointer; margin-bottom: 2px; } .yith-similar-products { padding-top: 50px; } .yith-similar-products:not(.in-page) { overflow: visible; } .yith-similar-products h2 { text-align: center; margin-bottom: 50px; } .yith-similar-products h2 a { font-size: 60%; } .yith-similar-products .products.slick-slider { border-top: 0; padding: 0; margin: 0 auto 35px; } .yith-similar-products .products.slick-slider .slick-list { margin: 0; overflow: hidden; } .yith-similar-products .products.slick-slider .slick-arrow { top: 35%; bottom: auto; border: none; margin: 0; opacity: 0.3; } .yith-similar-products .products.slick-slider .slick-arrow.slick-prev { left: -30px; } .yith-similar-products .products.slick-slider .slick-arrow.slick-next { right: -30px; } .yith-similar-products .products.slick-slider .slick-arrow:hover { opacity: 1; transition: all ease 0.3s; } .yith-similar-products .remove-product { font-size: 0.875rem; padding: 5px 0; transition: all ease 0.3s; margin: 0; } .yith-wrvp-filters-cat .filter-cat { padding: 5px 10px; } .yith-wrvp-filters-cat .filter-cat a { text-decoration: none; } @media (max-width: 480px) { .yith-similar-products .slick-slider .slick-arrow { display: none !important; } } /* GENERAL */ table.shop_table tbody tr td.product-name ._view_and_pdf_row a.button { color: #fff; } /* CHECK IN SHORTCODE */ .yith_wcevti_check_in .check_in_panel.dialog_panel { background: #448a85; } .yith_wcevti_check_in form > .checked_dialog_panel { background: #4ac4aa; } .yith_wcevti_check_in input.search_ticket_number { margin-top: 20px; } .yith_wcevti_check_in .search_ticket_button { margin-top: 15px; margin-right: 0; padding: 0.8em 1.5em 0.7em; } .yith_wcevti_check_in .search_ticket_button:before { font-family: "FontAwesome"; } .yith_wcevti_check_in .list_row_panel .status_pending_check { background: #448a85; } .yith_wcevti_check_in .list_row_panel .status_checked { background: #4ac4aa; } .yith_wcevti_check_in .list_row_panel .make_checkin_button, .yith_wcevti_check_in .list_row_panel .make_checkout_button:hover { background: #cccccc; border-color: #cccccc; } .yith_wcevti_check_in .list_row_panel .make_checkin_button:hover { background: #448a85; border-color: #448a85; } .yith_wcevti_check_in .list_row_panel .make_checkout_button { background: #f44336; border-color: #f44336; } .yith-wfbt-section .yith-wfbt-form .price, .yith-wfbt-section .yith-wfbt-form .total_price { color: #1f1f1f; font-weight: bold; } .yith-wfbt-section .yith-wfbt-form .price del, .yith-wfbt-section .yith-wfbt-form .total_price del { font-weight: normal; } .yith-wfbt-section .yith-wfbt-form .price ins, .yith-wfbt-section .yith-wfbt-form .total_price ins { background: none; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-images { margin-top: 0; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-button { margin-top: 5px; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-item { margin-bottom: 10px; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-item label { padding-left: 0; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-item .price { display: inline; } .yith-wfbt-section .yith-wfbt-form .yith-wfbt-item .yith-wfbt-open-modal { font-size: 0.85rem; margin: 0 15px 5px; text-decoration: none; font-weight: 600; } .single-product div.product .summary.entry-summary .yith-wfbt-item .price { color: #1f1f1f; font-size: 1rem; } #yith-wfbt-modal .yith-wfbt-single-product-right { padding-top: 20px; } #yith-wfbt-modal .popup-title { font-size: 2rem; } #yith-wfbt-modal .product-image { margin-bottom: 10px; } #yith-wfbt-modal .product-name { margin: 0; text-align: center; font-weight: 600; font-size: 0.9rem; } #yith-wfbt-modal table.variations { margin-bottom: 40px; } #yith-wfbt-modal table.variations tr > td { padding-bottom: 45px; text-transform: uppercase; font-size: 0.9375rem; font-weight: 500; position: relative; } #yith-wfbt-modal table.variations tr > td.label { width: 1px; padding-right: 35px; } #yith-wfbt-modal table.variations tr > td a.reset_variations { position: absolute; bottom: 5px; left: 0; } #yith-wfbt-modal table.variations .select2-container { width: 100% !important; } #yith-wacp-popup .yith-wacp-content table.cart-list .item-name { text-decoration: none; } #yith-wacp-popup .yith-wacp-content table.cart-list .item-name:hover { text-decoration: underline; } #yith-wacp-popup .yith-wacp-content .product-info .product-title a { color: inherit; text-decoration: none; } #yith-wacp-popup .yith-wacp-content a.button { border-radius: 50px; } #yith-wacp-popup .yith-wacp-content .cart-info > div, #yith-wacp-popup .yith-wacp-content .yith-wacp-related > h3, #yith-wacp-popup .yith-wacp-content h3.cart-list-title { font-weight: 600; } #yith-wacp-popup .yith-wacp-content .yith-wacp-related { text-align: center; } #yith-wacp-popup .yith-wacp-content .yith-wacp-related .product-title { font-weight: 500; } #yith-wacp-popup .yith-wacp-content .yith-wacp-related .product-price { text-align: center; } #yith-wacp-popup .yith-wacp-content .yith-wacp-related .add_to_cart_inline { margin: 0; } #yith-wacp-popup .yith-wacp-content .yith-wacp-related .add_to_cart_inline a.button, #yith-wacp-popup .yith-wacp-content .yith-wacp-related .add_to_cart_inline a.button:hover { background: initial; font-size: 0.875rem; padding: 5px 0; transition: all ease 0.3s; margin: 0 auto; color: var(--proteo-general_link_color, #448a85); } #yith-wacp-mini-cart .yith-wacp-mini-cart-count { background: #448a85; } .wishlist_table.modern_grid li .item-details table.item-details-table td.value input[type=number], .wishlist_table.images_grid li .item-details table.item-details-table td.value input[type=number] { max-width: 50px; text-align: center; font-size: inherit; min-height: auto; } .wishlist_table.modern_grid li .item-details table.item-details-table td.value input[type=number]::-webkit-inner-spin-button, .wishlist_table.images_grid li .item-details table.item-details-table td.value input[type=number]::-webkit-inner-spin-button { opacity: 1; } .yith-wcwl-share ul { margin-left: -10px; } .yith-wcwl-share ul li, .entry-content .yith-wcwl-share ul li { font-size: initial; line-height: inherit; } .wishlistpage-title { margin-top: 0; text-align: center; } .wishlist-title { display: inline-block; position: relative; } .wishlist-title-container { text-align: center; } .wishlist-title-container .wishlist-title a.show-title-form { position: absolute; left: calc(100% + 50px); top: -30px; min-width: 160px; } .wishlist-title-container .hidden-title-form { margin-top: -5px; margin-bottom: 40px; max-width: 450px; } .wishlist-title-container .hidden-title-form input { font-weight: 700; font-size: var(--proteo-h1_font_size, 4.375rem); color: var(--proteo-h1_font_color, #404040); } /** Wishlist footer */ .yith_wcwl_wishlist_footer { clear: both; } .yith_wcwl_wishlist_footer .button { text-transform: uppercase; } .yith_wcwl_wishlist_footer input[type=submit] { text-transform: uppercase; } .yith_wcwl_wishlist_footer .ask-an-estimate-button:before { content: ""; display: inline-block; color: inherit; font-family: Linearicons-Free; font-weight: 300; font-size: 2rem; line-height: 0; margin-right: 10px; vertical-align: sub; } .yith_wcwl_wishlist_footer .yith-wcwl-share li a { width: 2em; height: 2em; line-height: 2em; border-radius: 3px; } /** tooltips */ .with-tooltip .yith-wcwl-tooltip { background: var(--proteo-main_color_shade, #448a85); border-radius: 0; text-transform: uppercase; font-size: 0.6875rem; font-weight: 600; padding: 7px 10px; line-height: normal; } .with-tooltip .yith-wcwl-tooltip:before { border-bottom: 5px solid var(--proteo-main_color_shade, #448a85); } .with-dropdown .with-tooltip .yith-wcwl-tooltip:before { border-top: 5px solid solid var(--proteo-main_color_shade, #448a85); } /** Tables */ table.wishlist_table { font-size: 1rem; } /** Checkboxes */ /** Wishlist View Modern */ .wishlist_table .product-stock-status span.wishlist-in-stock { color: inherit; } .wishlist_table.modern_grid, .wishlist_table.images_grid { list-style-type: none; padding: 0; } .wishlist_table.modern_grid li .move-to-another-wishlist-button, .wishlist_table.images_grid li .move-to-another-wishlist-button { font-size: 0.7em; font-weight: 600; text-decoration: none; } .wishlist_table.modern_grid li .product-add-to-cart a, .wishlist_table.images_grid li .product-add-to-cart a { text-transform: uppercase; font-size: 0.875rem; font-weight: 600; } .wishlist_table.modern_grid li .item-details, .wishlist_table.images_grid li .item-details { border: none; } .wishlist_table.modern_grid li .item-details:before, .wishlist_table.images_grid li .item-details:before { border: none !important; -webkit-box-shadow: -2px 0px 30px -10px rgba(0, 0, 0, 0.2); box-shadow: -2px 0px 30px -10px rgba(0, 0, 0, 0.2); } .wishlist_table.modern_grid li .item-details h3, .wishlist_table.images_grid li .item-details h3 { font-size: 0.875rem; font-weight: 500; margin-top: 0; margin-bottom: 2em; } .wishlist_table.modern_grid li .item-details table.item-details-table, .wishlist_table.images_grid li .item-details table.item-details-table { margin-bottom: 2rem; } .wishlist_table.modern_grid li .item-details table.item-details-table td, .wishlist_table.images_grid li .item-details table.item-details-table td { padding: 0 0 10px; } .wishlist_table.modern_grid li .item-details table.item-details-table td .variation dt, .wishlist_table.images_grid li .item-details table.item-details-table td .variation dt { float: left; clear: left; margin: 0; } .wishlist_table.modern_grid li .item-details table.item-details-table td .variation dd, .wishlist_table.images_grid li .item-details table.item-details-table td .variation dd { float: right; clear: right; margin: 0; } .wishlist_table.modern_grid li .product-remove a, .wishlist_table.images_grid li .product-remove a { color: inherit; } .wishlist_table.modern_grid li .product-remove a:hover, .wishlist_table.images_grid li .product-remove a:hover { color: var(--proteo-general_link_color, #448a85); } .wishlist_table.modern_grid li .product-remove i:before, .wishlist_table.images_grid li .product-remove i:before { content: ""; display: block; font-family: Linearicons-Free; font-size: 1rem; } .wishlist_table.modern_grid li .product-thumbnail .placeholder-item.empty-box, .wishlist_table.images_grid li .product-thumbnail .placeholder-item.empty-box { min-height: 455px; } .wishlist_table.modern_grid .price-variation, .wishlist_table.images_grid .price-variation { margin-top: 5px; } .wishlist_table.modern_grid .price-variation span, .wishlist_table.images_grid .price-variation span { margin-bottom: 5px; display: inline-block; } table.wishlist_table.wishlist_view th, table.wishlist_table.wishlist_view td { background: #ffffff; } table.wishlist_table.wishlist_view td.product-arrange .fa { font-size: 1.5rem; transition: all ease 0.3s; cursor: pointer; opacity: 0.4; } table.wishlist_table.wishlist_view td.product-arrange .fa:hover { opacity: 1; } table.wishlist_table.wishlist_view td.product-remove a { color: inherit !important; font-size: 0; text-decoration: none; } table.wishlist_table.wishlist_view td.product-remove a:before { content: ""; display: block; font-family: Linearicons-Free; font-size: 1.5rem; padding-top: 1.5rem; opacity: 0.4; transition: all ease 0.3s; } table.wishlist_table.wishlist_view td.product-remove a:hover:before { opacity: 1; } table.wishlist_table.wishlist_view td.product-quantity input { max-width: 100px; text-align: center; } table.wishlist_table.wishlist_view td.product-quantity input::-webkit-inner-spin-button { opacity: 1; } table.wishlist_table.wishlist_view th { border-top: none; } table.wishlist_table.wishlist_view th.product-name { text-align: left; padding-left: 15px; } table.wishlist_table.wishlist_view .dateadded { font-size: 0.8125rem; margin-bottom: 5px; } table.wishlist_table.wishlist_view a.change-wishlist.selectBox-dropdown { margin: 0 auto; } table.wishlist_table.wishlist_view .move-to-another-wishlist-button { text-decoration: none; font-weight: 600; font-size: 0.8125rem; } table.wishlist_table.wishlist_view .move-to-another-wishlist-button:hover { text-decoration: underline; } /** Single product page wishlist style */ .single-product .summary .yith-wcwl-add-to-wishlist:after { content: ""; display: block; width: 100px; height: 1px; position: absolute; bottom: 0; background: #cccccc; left: 0; } .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist, .single-product .woocommerce-tabs + .yith-wcwl-add-to-wishlist { text-transform: uppercase; font-weight: 500; font-size: 0.8125rem; margin-bottom: 40px; padding-bottom: 40px; position: relative; } .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .single-product .woocommerce-tabs + .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a { text-transform: uppercase; position: relative; } .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:not(.button), .single-product .woocommerce-tabs + .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:not(.button) { color: inherit; text-decoration: none; margin: 0; } .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:not(.button):hover, .single-product .woocommerce-tabs + .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:not(.button):hover { color: var(--proteo-general_link_color, #448a85); } .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist a:not(.button), .single-product .woocommerce-tabs + .yith-wcwl-add-to-wishlist a:not(.button) { text-decoration: none; position: relative; } .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist a:not(.button):hover, .single-product .woocommerce-tabs + .yith-wcwl-add-to-wishlist a:not(.button):hover { color: #448a85; } .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist a, .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist .feedback, .single-product .woocommerce-tabs + .yith-wcwl-add-to-wishlist a, .single-product .woocommerce-tabs + .yith-wcwl-add-to-wishlist .feedback { padding-left: 40px; position: relative; } .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist a.view-wishlist, .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist a.move_to_another_wishlist, .single-product .woocommerce-tabs + .yith-wcwl-add-to-wishlist a.view-wishlist, .single-product .woocommerce-tabs + .yith-wcwl-add-to-wishlist a.move_to_another_wishlist { padding-left: 0; text-transform: none; } .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist .yith-wcwl-icon, .single-product .woocommerce-tabs + .yith-wcwl-add-to-wishlist .yith-wcwl-icon { position: absolute; left: 0; font-size: 1.5rem; top: -5px; color: var(--proteo-main_color_shade, #448a85); } .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist .feedback, .single-product .woocommerce-tabs + .yith-wcwl-add-to-wishlist .feedback { text-transform: uppercase; margin-right: 15px; } .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon, .single-product .woocommerce-tabs + .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon { top: 3px; } .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist .feedback + a, .single-product .woocommerce-tabs + .yith-wcwl-add-to-wishlist .feedback + a { padding-left: 0 !important; text-transform: none; } .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist .count-add-to-wishlist, .single-product .woocommerce-tabs + .yith-wcwl-add-to-wishlist .count-add-to-wishlist { color: #888888; font-size: 0.6875rem; padding-left: 40px; } .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.button { padding-left: 20px; padding-right: 20px; margin-bottom: 15px; } .single-product .single-product-layout-cols .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.button i { position: static; color: inherit !important; vertical-align: sub; } .single-product .yith-wcwl-add-button .separator { color: #888888; } .yith-wcwl-add-to-wishlist [data-title] { display: inline-block !important; } /** Tooltip */ .yith-wcwl-tooltip { font-size: 1rem; } /** Wishlist page links */ .wishlist-page-links { text-align: center; font-size: 0; margin-bottom: 3.125rem; } .wishlist-page-links a { font-size: 1.25rem; padding: 5px 30px; text-decoration: none; color: #0f0f0f; } .wishlist-page-links a:hover, .wishlist-page-links a.active { color: var(--proteo-general_link_color, #448a85); font-weight: 600; } /** Manage wishlist table */ table.wishlist_table.wishlist_manage_table { margin-top: 100px; } table.wishlist_table.wishlist_manage_table th { border-top: none; } table.wishlist_table.wishlist_manage_table th.wishlist-name { text-align: left; } table.wishlist_table.wishlist_manage_table td.wishlist-name { padding-left: 0; } table.wishlist_table.wishlist_manage_table td.wishlist-name a.show-title-form:hover { color: #434343; } table.wishlist_table.wishlist_manage_table td.wishlist-privacy { text-align: center; } table.wishlist_table.wishlist_manage_table td.wishlist-privacy a { margin: 0; } table.wishlist_table.wishlist_manage_table td.wishlist-download a { text-decoration: none; color: inherit; } table.wishlist_table.wishlist_manage_table td.wishlist-download a:hover { color: var(--proteo-general_link_color, #448a85); } table.wishlist_table.wishlist_manage_table td.wishlist-download a:before { content: ""; display: block; font-family: Linearicons-Free; font-size: 1.8rem; } table.wishlist_table.wishlist_manage_table td.wishlist-download .fa { display: none; } table.wishlist_table.wishlist_manage_table td.wishlist-delete a { text-decoration: none; font-size: 0; font-weight: 400; background: none; border: none; color: inherit; margin: 0; padding: 0; } table.wishlist_table.wishlist_manage_table td.wishlist-delete a:hover { color: var(--proteo-general_link_color, #448a85); } table.wishlist_table.wishlist_manage_table td.wishlist-delete a:before { content: ""; display: block; font-family: Linearicons-Free; font-size: 1.5rem; } .wishlist_manage_table.modern_grid li .item-wrapper { border: none !important; -webkit-box-shadow: -2px 0px 30px -10px rgba(0, 0, 0, 0.2); box-shadow: -2px 0px 30px -10px rgba(0, 0, 0, 0.2); } .wishlist_manage_table.modern_grid li .wishlist-title { border-bottom: 1px solid; } .wishlist_manage_table.modern_grid li .wishlist-title h3 { margin-bottom: 0; font-size: 1.125rem; font-weight: bold; } .wishlist_manage_table.modern_grid li .wishlist-title h3 a { color: inherit; text-decoration: none; } .wishlist_manage_table.modern_grid li .wishlist-title h3 a:hover { text-decoration: underline; } .wishlist_manage_table.modern_grid li .wishlist-title .show-title-form { padding: 0; border: none; line-height: normal; top: 10px; } .wishlist_manage_table.modern_grid li .wishlist-title .show-title-form .fa-pencil:before { content: ""; display: block; font-family: Linearicons-Free; color: inherit; } .wishlist_manage_table.modern_grid li .wishlist-title .show-title-form .fa-pencil:before:hover { color: var(--proteo-main_color_shade, #448a85); } .wishlist_manage_table.modern_grid li .item-details table.item-details-table td { font-size: 1em; } .wishlist_manage_table.modern_grid li .item-details table.item-details-table td.value a { color: inherit; text-decoration: none; } .wishlist_manage_table.modern_grid li .item-details table.item-details-table td.value a:hover { color: var(--proteo-general_link_color, #448a85); } .wishlist_manage_table.modern_grid li .item-details table.item-details-table td .fa-download:before { content: ""; display: block; font-family: Linearicons-Free; font-size: 1.5rem; } .wishlist_manage_table.modern_grid li .item-details table.item-details-table td .fa-trash:before { content: ""; display: block; font-family: Linearicons-Free; font-size: 1.5rem; } .submit-wishlist-changes { float: right; text-transform: uppercase; font-weight: 600; font-size: 0.9375rem; } /** Wishlist popup */ form.yith-wcwl-popup-form { padding: 0 45px; } .yith-wcwl-popup-content a { text-decoration: none; font-weight: 600; } .yith-wcwl-popup-footer { text-align: center; padding: 0 15px; } .yith-wcwl-popup-footer .wishlist-submit.popup_button { display: block; font-size: 1.0625rem; text-transform: uppercase; text-align: center; font-weight: 600; margin: 0 0 2rem; padding: 0.875rem; } .yith-wcwl-popup-content .form-row label { font-size: 0.8125rem; } .yith-wcwl-popup-content .tab.create p > label { margin-bottom: 0.625rem; cursor: pointer; } .yith-wcwl-popup-content .popup-description { padding-bottom: 10px; margin-bottom: 25px; } .yith-wcwl-remove-button { text-decoration: none; } .yith-wcwl-remove-button i:before { content: ""; display: block; font-family: Linearicons-Free; font-size: 1.5rem; } div.yith-wcwl-popup-feedback i.fa.fa-check.heading-icon:before { content: ""; display: block; font-family: Linearicons-Free; } /** Dropdowns */ .yith-wcwl-add-button ul.yith-wcwl-dropdown { padding: 5px 15px; } .yith-wcwl-add-button ul.yith-wcwl-dropdown li { position: relative; padding: 15px 0 15px 20px; } .yith-wcwl-add-button ul.yith-wcwl-dropdown li:before { position: absolute; left: 0; } .yith-wcwl-add-button ul.yith-wcwl-dropdown li a { display: inline-block; font-size: inherit !important; line-height: normal; } .yith-wcwl-add-button ul.yith-wcwl-dropdown li a:before { display: none !important; } .yith-wcwl-add-button ul.yith-wcwl-dropdown li a:hover { color: #448a85 !important; } /** ASK FOR AN ESTIMATE MODAL AND LINK */ .wishlist-ask-an-estimate-popup i.heading-icon.fa-envelope-open-o:before { content: ""; display: block; font-family: Linearicons-Free; } .wishlist-ask-an-estimate-popup .popup-description { font-weight: 600; } .wishlist-ask-an-estimate-popup .ask-an-estimate-button { width: auto; font-size: 1.0625rem; text-align: center; font-weight: 600; margin: 0; padding: 0.875rem 2rem; } .yith-wcwl-popup-content { padding-top: 10px; } .yith-wcwl-popup-content i.heading-icon.fa-envelope-o:before { content: ""; display: block; font-family: Linearicons-Free; } .yith-wcwl-popup-content h3 { font-weight: 400; } .yith-wcwl-popup-content p { line-height: 2em; color: inherit; } .yith-wcwl-popup-content p.heading-icon { line-height: 0; margin-top: 15px; } /** Wishlist Search */ .yith-wcwl-wishlist-search-form { margin-bottom: 50px; } .yith-wcwl-wishlist-search-form #wishlist_search { max-width: 600px; width: 100%; } .yith-wcwl-wishlist-search-form button.wishlist-search-button { color: inherit; border: none; border-radius: 0; background: none; padding: 0; } .yith-wcwl-wishlist-search-form button.wishlist-search-button i:before { content: ""; display: block; font-family: Linearicons-Free; font-size: 1.8rem; } /** Widgets */ .widget_yith-wcwl-items .mini { min-width: 40px; } .widget_yith-wcwl-items .items-counter a { text-decoration: none; } .widget_yith-wcwl-items div.content.mini .list { display: block !important; box-shadow: 3px 0 15px rgba(0, 0, 0, 0.15); right: 0; left: auto; padding: 15px; background: #ffffff; border-radius: 5px; top: calc(100%); opacity: 0; visibility: hidden; transition: all ease 0.3s; } .widget_yith-wcwl-items div.content.mini .list:before { content: ""; display: block; width: 50px; height: 15px; top: -15px; position: absolute; right: 0; } .widget_yith-wcwl-items div.content.extended { border: 1px solid #d8d8d8; padding: 20px 20px 35px; } .widget_yith-wcwl-items div.list p.items-count { padding: 0 0 0 30px; font-weight: 500; } .widget_yith-wcwl-items div.list ul { list-style-type: none; padding: 0; margin: 0 0 20px !important; } .widget_yith-wcwl-items div.list ul li { position: relative; display: table; width: 100%; margin-bottom: 10px; padding-left: 30px; } .widget_yith-wcwl-items div.list ul li > * { display: inline-block !important; font-size: 0.9375rem; color: #1f1f1f; text-decoration: none; } .widget_yith-wcwl-items div.list ul li > * img { max-width: 50px !important; vertical-align: top; margin-right: 10px; margin-left: 0 !important; } .widget_yith-wcwl-items div.list ul li > *.remove_from_all_wishlists { text-decoration: none; background: transparent; color: #9e9e9e; display: inline-block; font-size: 2rem; font-weight: normal; position: absolute; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; height: 2rem; line-height: 2rem; } .widget_yith-wcwl-items div.list ul li > *.mini-cart-item-info a { font-weight: bold; color: inherit; text-decoration: none; } .widget_yith-wcwl-items div.list ul li > *.mini-cart-item-info a:hover { color: var(--proteo-main_color_shade, #448a85); } .widget_yith-wcwl-items div.list ul li > *.mini-cart-item-info .min-cart-subtotal { color: #9a9a9a; } .widget_yith-wcwl-items div.list ul li > *.mini-cart-item-info .mini-cart-wishlist-info a { color: var(--proteo-general_link_color, #448a85); } .widget_yith-wcwl-items div.list ul li > *.mini-cart-item-info .mini-cart-wishlist-info a:hover { text-decoration: underline; } .widget_yith-wcwl-items div.list .woocommerce-mini-cart__total.total { display: none; } .widget_yith-wcwl-items div.list a.show-wishlist { font-weight: bold; padding: 5px 0; margin-bottom: 20px; border: none; font-size: 0.75em; margin-right: 0; background: none; color: var(--proteo-general_link_color, #448a85); text-decoration: none; } .widget_yith-wcwl-items div.list a.show-wishlist:hover { text-decoration: underline; } .widget_yith-wcwl-items div.list a.add_all_to_cart { display: block; margin-right: 0; text-transform: uppercase; text-align: center; font-size: 0.75em; padding: 0.9375rem 2.8125rem; } .widget_yith-wcwl-items:hover div.content.mini .list { top: calc(100% + 15px); opacity: 1; visibility: visible; } /** WISHLIST MOBILE LAYOUT */ .wishlist_table.mobile { padding: 0; } .wishlist_table.mobile li { margin-bottom: 50px; } .wishlist_table.mobile li .product-checkbox { width: 30px; } .wishlist_table.mobile li .item-wrapper { width: calc(100% - 35px); } .wishlist_table.mobile li .item-details h3 { margin-top: 0; } .wishlist_table.mobile li .item-details table.item-details-table td { line-height: normal; font-size: 0.8em; } .wishlist_table.mobile li table.additional-info td { vertical-align: bottom; line-height: normal; padding-bottom: 15px; } .wishlist_table.mobile li table.additional-info input[type=number] { max-width: 120px !important; text-align: center; } .wishlist_table.mobile li .product-add-to-cart a { display: block !important; } .wishlist_table.mobile li .move-to-another-wishlist-button { text-decoration: none; font-size: 0.8em; } .wishlist_table.mobile li .remove_from_wishlist { line-height: normal; font-size: 2rem; } .wishlist_table.mobile li .remove_from_wishlist i { line-height: normal; color: inherit; font-size: inherit; } .wishlist_table.mobile li .remove_from_wishlist i:before { content: ""; display: block; font-family: Linearicons-Free; transition: all ease 0.3s; } .wishlist_table.mobile.wishlist_manage_table .show-title-form { border: none; padding: 0; cursor: pointer; background: none; } .wishlist_table.mobile.wishlist_manage_table .show-title-form:hover { color: inherit; } @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .wishlist_table.modern_grid .product-thumbnail .placeholder-item.empty-box { min-height: 540px; } } @media (max-width: 767.98px) { body .widget_yith-wcwl-items div.content.mini .list { display: none !important; } .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action .select2 { margin: 30px 0; } .yith_wcwl_wishlist_footer .yith_wcwl_footer_additional_action { clear: both; } .yith_wcwl_wishlist_footer .yith_wcwl_footer_additional_action a { display: block; margin-bottom: 15px; } .yith_wcwl_wishlist_footer > div { clear: both; } .yith_wcwl_wishlist_footer input[type=submit] { margin-right: 0; } } #payment ul li #yith_wcauthnet_credit_card_form .woocommerce-SavedPaymentMethods-saveNew { padding: 0; } #payment ul li #yith_wcauthnet_credit_card_form .woocommerce-SavedPaymentMethods-saveNew label { padding-left: 0; font-weight: 400; } ul.products li.product .yith-wcbr-brands a, ul.products li.product .yith-wcbr-brands-logo a { display: inline-block; } ul.products li.product .yith-wcbr-brands img, ul.products li.product .yith-wcbr-brands-logo img { width: auto; } .woocommerce-page .widget_layered_nav ul.yith-wcan-label li a, .woocommerce .widget_layered_nav ul.yith-wcan-label li a { padding: 2px 8px; background-color: #ffffff; font-weight: 600; border: 1px solid #dddddd; } .woocommerce .widget_layered_nav ul.yith-wcan-label li a:hover, .woocommerce-page .widget_layered_nav ul.yith-wcan-label li a:hover, .woocommerce .widget_layered_nav ul.yith-wcan-label li.chosen a, .woocommerce-page .widget_layered_nav ul.yith-wcan-label li.chosen a { border: 1px solid #9e9e9e; background-color: #9e9e9e; color: #fff; } .yit-wcan-select-open { border: none; } .yith-wcan-select-wrapper { border: none; padding: 0; } .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li { border: none; box-shadow: none !important; padding: 5px 0; } .widget .yit-wcan-select-open { padding-left: 0; } .woocommerce-page .widget_layered_nav .yith-wcan-select-wrapper ul li.chosen a, .woocommerce .widget_layered_nav .yith-wcan-select-wrapper ul li.chosen a { padding-left: 15px; } .single-product-layout-cols .images { position: relative; width: 40%; float: left; display: inline-block; } a.compare.button { background: none; font-size: 0.875rem; text-transform: uppercase; padding: 7px 14px; color: var(--proteo-general_link_color, #448a85); } .single-product div.product .summary.entry-summary a.compare { margin-bottom: 40px; position: relative; display: inline-block; } .single-product div.product .summary.entry-summary a.compare:not(.button) { padding-bottom: 40px; text-transform: uppercase; font-weight: 500; font-size: 0.8125rem; text-decoration: none; color: inherit; border-bottom: 1px solid #cccccc; } .single-product div.product .summary.entry-summary a.compare:not(.button):before { content: ""; font-family: Linearicons-Free; display: inline-block; margin-right: 15px; font-size: 2em; vertical-align: middle; } .single-product div.product .summary.entry-summary a.compare:not(.button):hover { text-decoration: underline; color: var(--proteo-general_link_color, #448a85); } ul.products li.product a.compare { display: inline-block; margin-right: 0; } ul.products li.product a.compare:not(.button) { font-size: 0.875rem; padding: 5px 0; transition: all ease 0.3s; margin: 0; font-weight: 600; } #yith-woocompare .button, #yith-woocompare a.added_to_cart, #yith-woocompare a.compare-widget, #yith-woocompare a.compare, .yith-woocompare-widget .button, .yith-woocompare-widget a.added_to_cart, .yith-woocompare-widget a.compare-widget, .yith-woocompare-widget a.compare { border-radius: 50px; font-size: 0.875rem; text-transform: uppercase; padding: 7px 14px; display: inline-block; margin-right: 0; font-weight: 600; } #yith-woocompare .product-price, #yith-woocompare tr.price td, .yith-woocompare-widget .product-price, .yith-woocompare-widget tr.price td { color: #1f1f1f; font-size: 0.875rem; line-height: normal; font-weight: bold; margin-bottom: 5px; } #yith-woocompare .product-price del, #yith-woocompare tr.price td del, .yith-woocompare-widget .product-price del, .yith-woocompare-widget tr.price td del { font-size: 90%; font-weight: normal; margin-right: 5px; } #yith-woocompare .product-price ins, #yith-woocompare tr.price td ins, .yith-woocompare-widget .product-price ins, .yith-woocompare-widget tr.price td ins { background: none; } #yith-woocompare-related .related-products li { text-align: center; } #yith-woocompare-related .related-products li .product-image { margin-bottom: 0; } #yith-woocompare-related .related-products li h3 { font-size: 0.875rem; font-weight: 500; margin-bottom: 5px; margin-top: 5px; color: #404040; line-height: normal; } #yith-woocompare-related .related-products li span.onsale { z-index: 2; top: 0; left: auto; } #yith-woocompare-related .related-products li > div { margin-bottom: 5px; } #yith-woocompare-related .related-products li > div .button { border: 1px solid; } #yith-woocompare-related .related-products li > div .button.unstyled_button { border: none; background: none; text-transform: none; padding: 0; display: block; color: var(--proteo-general_link_color, #448a85); } .entry-content .ywgc_enter_code { padding: 35px 15px 30px 30px; list-style-type: none; margin-bottom: 15px; border-radius: 0; border-width: 0; border-style: solid; color: #000000; font-size: 1rem; font-weight: 500; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; } .entry-content .ywgc_enter_code p { font-size: 1rem; line-height: normal; font-weight: 500; } .entry-content .ywgc_enter_code input[name=gift_card_code] { outline: none; } .entry-content .ywgc_enter_code .ywgc_apply_gift_card_button { display: inline-block; width: auto; } .theme-yith-proteo.woocommerce .products .add-request-quote-button.button, .theme-yith-proteo.woocommerce .products .add-request-quote-button-addons.button { background: none; border: 1px solid var(--proteo-main_color_shade, #448a85); font-size: 14px; color: var(--proteo-main_color_shade, #448a85); text-transform: uppercase; padding: 7px 14px; margin-right: 0; display: inline-block; float: none; } .theme-yith-proteo.woocommerce .products .add-request-quote-button.button:hover, .theme-yith-proteo.woocommerce .products .add-request-quote-button-addons.button:hover { background: var(--proteo-main_color_shade, #448a85); color: #fff; } .theme-yith-proteo.woocommerce .products .yith-ywraq-add-to-quote, .theme-yith-proteo.woocommerce .products .yith_ywraq_add_item_browse_message { font-size: 14px; } .theme-yith-proteo.woocommerce .products .yith-ywraq-add-to-quote img { width: auto; } .ywraq-quote-icon-icon_quote:hover:before { color: var(--proteo-main_color_shade, #448a85); } .yith_ywraq_add_item_product_message, .yith_ywraq_add_item_response_message { color: #666666; font-weight: 600; } .yith-ywraq-add-to-quote a, .yith_ywraq_add_item_browse_message a { font-weight: 600; margin: 0 auto; font-size: 0.875rem; color: var(--proteo-main_color_shade, #448a85); } .yith_ywraq_add_item_response_message a, .yith_ywraq_add_item_response_message { font-weight: 400; font-size: 0.875rem; } .yith-ywraq-add-button img { width: 20px !important; margin: 10px auto; } .yith_ywraq_add_item_browse_message a:after { content: ">"; margin-left: 5px; } /** WIDGETS **/ .theme-yith-proteo .widget_ywraq_list_quote .yith-ywraq-list-wrapper, .theme-yith-proteo .widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper { right: 0; top: 30px; } .theme-yith-proteo .widget_ywraq_list_quote .raq-info, .theme-yith-proteo .widget_ywraq_mini_list_quote .raq-info { border: 0; } .theme-yith-proteo .widget_ywraq_list_quote .raq-items-number, .theme-yith-proteo .widget_ywraq_list_quote .raq_label, .theme-yith-proteo .widget_ywraq_mini_list_quote .raq-items-number, .theme-yith-proteo .widget_ywraq_mini_list_quote .raq_label { font-weight: 400; text-decoration: none; color: #777; font-size: 16px; } .theme-yith-proteo .widget_ywraq_list_quote .yith-ywraq-list-content, .theme-yith-proteo .widget_ywraq_mini_list_quote .yith-ywraq-list-content { border: 0; min-width: 280px; box-shadow: 3px 0 15px rgba(0, 0, 0, 0.15); right: 0; padding: 15px 15px 25px 15px; background: #ffffff; top: calc(100%); transition: all ease 0.3s; } .theme-yith-proteo .widget_ywraq_list_quote .items-count, .theme-yith-proteo .widget_ywraq_mini_list_quote .items-count { font-weight: 500; margin-left: 35px; } .theme-yith-proteo .widget_ywraq_list_quote ul.yith-ywraq-list li, .theme-yith-proteo .widget_ywraq_mini_list_quote ul.yith-ywraq-list li { position: relative; display: table; width: 100%; margin-bottom: 10px; padding-left: 30px; border-bottom: 0; } .theme-yith-proteo .widget_ywraq_list_quote ul.yith-ywraq-list li a, .theme-yith-proteo .widget_ywraq_mini_list_quote ul.yith-ywraq-list li a { font-size: 12px; text-decoration: none; color: #000; } .theme-yith-proteo .widget_ywraq_list_quote ul.yith-ywraq-list li a.yith-ywraq-item-remove.remove, .theme-yith-proteo .widget_ywraq_mini_list_quote ul.yith-ywraq-list li a.yith-ywraq-item-remove.remove { text-decoration: none; background: transparent; color: #9e9e9e; display: inline-block; font-size: 1.5rem; font-weight: normal; position: absolute; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; height: 2rem; line-height: 1rem; } .theme-yith-proteo .widget_ywraq_list_quote ul.yith-ywraq-list li a.yith-ywraq-item-remove.remove:hover, .theme-yith-proteo .widget_ywraq_mini_list_quote ul.yith-ywraq-list li a.yith-ywraq-item-remove.remove:hover { color: #000000; } .theme-yith-proteo .widget_ywraq_list_quote ul.yith-ywraq-list li small, .theme-yith-proteo .widget_ywraq_mini_list_quote ul.yith-ywraq-list li small { display: block; line-height: 1.2em; margin-top: -1em; font-size: 0.75em; } .theme-yith-proteo .widget_ywraq_list_quote ul.yith-ywraq-list li img, .theme-yith-proteo .widget_ywraq_mini_list_quote ul.yith-ywraq-list li img { float: left; margin-right: 10px; max-width: 50px; vertical-align: top; width: 50px; } .theme-yith-proteo .widget_ywraq_list_quote ul.yith-ywraq-list li .quantity, .theme-yith-proteo .widget_ywraq_mini_list_quote ul.yith-ywraq-list li .quantity { margin-bottom: 10px; font-size: 14px; color: #777; } .theme-yith-proteo .widget_ywraq_list_quote ul.yith-ywraq-list li.no-product, .theme-yith-proteo .widget_ywraq_mini_list_quote ul.yith-ywraq-list li.no-product { margin-bottom: 0; padding-bottom: 0; } .theme-yith-proteo .widget_ywraq_list_quote .yith-ywraq-list-item a, .theme-yith-proteo .widget_ywraq_mini_list_quote .yith-ywraq-list-item a { text-decoration: none; } .theme-yith-proteo .widget_ywraq_list_quote .yith-ywraq-list-wrapper .button, .theme-yith-proteo .widget_ywraq_list_quote .yith-ywraq-list-content .button, .theme-yith-proteo .widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper .button, .theme-yith-proteo .widget_ywraq_mini_list_quote .yith-ywraq-list-content .button { text-transform: uppercase; width: 80%; margin: 0 auto; text-align: center; display: block; font-size: 12px; } .theme-yith-proteo .widget_ywraq_list_quote .yith-ywraq-list-wrapper .button { width: fit-content; float: left; margin-bottom: 30px; } .summary .yith-ywraq-add-to-quote { margin-bottom: 30px; } .ywraq-wrapper a.button.wc-backward { background: none; color: var(--proteo-main_color_shade, #448a85); border: 0; padding: 0; margin: 20px 0 40px 0; font-size: 16px; } .ywraq-wrapper a.button.wc-backward:hover { color: var(--proteo-general_link_hover_color, #12b995); } .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper h3 { margin: 0 15px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper .raq-send-request-row { text-align: right; } .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper input.button.raq-send-request { text-transform: uppercase; margin-right: 0; display: inline-block; } .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper { padding-bottom: 5px !important; } .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper .form-row label { font-size: 14px; color: #000; font-weight: 600; } #yith-ywraq-form .actions .button { float: right; margin-right: 0; color: var(--proteo-main_color_shade, #448a85); background-color: transparent; text-transform: uppercase; border-width: 2px; } #yith-ywraq-form .actions .button:hover { color: #fff; background-color: var(--proteo-main_color_shade, #448a85); } #yith-ywraq-form .actions .wc-backward.button { float: left; } #yith-ywraq-form td.product-name ul { list-style: none; padding: 10px 0; margin-left: 0px !important; } #yith-ywraq-form td.product-name ul li { margin: 0; padding: 0; } #yith-ywraq-form td.product-name ul br { display: none; } #yith-ywraq-default-form input[type=text], #yith-ywraq-default-form input[type=email], #yith-ywraq-default-form input[type=password], #yith-ywraq-default-form select, #yith-ywraq-default-form textarea { background-color: #fff; border: 1px solid #ccc; } header.woocommerce-products-header .woocommerce-cart-notice .button, .yith-cart-message .content .button, .yith-cart-message .content .button:hover { margin-bottom: 0; border-radius: 50px; font-size: 12px; padding: 8px 20px; } header.woocommerce-products-header .woocommerce-cart-notice, header.woocommerce-products-header .yith-cart-message { text-align: left; font-size: 14px; } .yith-cart-message { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); padding: 12px 15px 12px 15px; } #wc-yith-stripe-cc-form #yith-stripe-card-elements, #wc-yith-stripe-cc-form .yith-stripe-elements-field { background: transparent; padding: 7px 5px; border-radius: 0; border: 1px solid #cccccc; } /* SHORTCODES */ .yith-wcaf { /* REGISTRATION FORM */ /* LINK GENERATOR */ /* DASHBOARD NAVIGATION MENU */ /* DASHBOARD TABLES */ /* DASHBOARD FILTERS */ } .yith-wcaf.yith-wcaf-registration-form .col2-set.u-columns .col-1, .yith-wcaf.yith-wcaf-registration-form .col2-set.u-columns .col-2 { width: 50%; float: left; max-width: initial; position: relative; } .yith-wcaf.yith-wcaf-registration-form .col2-set.u-columns form { padding: 25px 15px 15px; margin-bottom: 35px; border: 1px solid; position: relative; } .yith-wcaf.yith-wcaf-registration-form .col2-set.u-columns form.register { border: none; background: #ebebeb; } .yith-wcaf.yith-wcaf-registration-form .col2-set.u-columns form.register:before { content: ""; display: block; right: -4000px; width: 4000px; top: 0; background: #ebebeb; bottom: 0; position: absolute; } .yith-wcaf.yith-wcaf-link-generator .copy-trigger { background: none; border: 1px solid #448a85; color: #448a85; border-radius: 50px; padding: 0 10px; margin: 0 3px; text-transform: uppercase; font-size: 0.7rem; line-height: 1.5rem; } .yith-wcaf.yith-wcaf-link-generator .copy-trigger:hover { color: #fff; background: #448a85; } .yith-wcaf.yith-wcaf-link-generator .yith-wcaf-share ul { margin: 0 -5px; } .yith-wcaf.yith-wcaf-link-generator .yith-wcaf-share ul li { padding: 0 5px; } .yith-wcaf.yith-wcaf-link-generator .yith-wcaf-share ul li a { color: inherit; text-decoration: none; } .yith-wcaf.yith-wcaf-link-generator .yith-wcaf-share ul li a:hover { color: #448a85; } .yith-wcaf .yith-wcaf-navigation-menu { background: #f9f9f9; padding: 25px 30px 15px; position: relative; } .yith-wcaf .yith-wcaf-navigation-menu ul.dashboard-links { list-style: none; padding: 0; } .yith-wcaf .yith-wcaf-navigation-menu ul.dashboard-links:before { content: ""; display: block; right: -4000px; width: 4000px; top: 0; background: #f9f9f9; bottom: 0; position: absolute; } .yith-wcaf .yith-wcaf-navigation-menu ul.dashboard-links li.active { color: #448a85; } .yith-wcaf .yith-wcaf-navigation-menu ul.dashboard-links li a { display: block; padding: 15px 0; color: inherit; font-size: 1rem; font-weight: 600; text-decoration: none; } .yith-wcaf .yith-wcaf-navigation-menu ul.dashboard-links li a:hover { color: #448a85; } .yith-wcaf table.shop_table thead tr th { text-align: left; } .yith-wcaf table.shop_table thead tr th a { color: inherit; text-decoration: none; } .yith-wcaf table.shop_table thead tr th a:hover { color: #448a85; } .yith-wcaf table.shop_table tbody tr th { text-align: left; } .yith-wcaf table.shop_table tbody tr:nth-child(2n+1) { background: #f9f9f9; } .yith-wcaf table.shop_table.stat_table tbody tr td { padding: 15px; } .yith-wcaf table.shop_table.stat_table tbody tr th { border-bottom: 1px solid #ccc; } .yith-wcaf table.shop_table.stat_table tbody tr:first-child td { border-top: none; } .yith-wcaf table.shop_table.stat_table tbody tr:last-child td, .yith-wcaf table.shop_table.stat_table tbody tr:last-child th { border: none; } .yith-wcaf .filters-row .select2-selection { min-width: 200px; } /* DATEPICKER */ .yith-wcaf-datepicker.ui-datepicker .ui-datepicker-header .ui-datepicker-title { font-size: 1.2em; } .yith-wcaf-datepicker.ui-datepicker .ui-datepicker-buttonpane button { background: none; border: 1px solid #448a85; color: #448a85; border-radius: 50px; padding: 0 10px; margin: 0 3px; text-transform: uppercase; font-size: 0.7rem; line-height: 1.5rem; } .yith-wcaf-datepicker.ui-datepicker .ui-datepicker-buttonpane button:hover { color: #fff; background: #448a85; } .yith-wcaf-datepicker.ui-datepicker .ui-datepicker-buttonpane button:last-child { margin-right: 0; } .yith-wcaf-datepicker.ui-datepicker table { margin: 10px 0; border-spacing: 3px; } .yith-wcaf-datepicker.ui-datepicker table th { padding: 7px 5px; } .yith-wcaf-datepicker.ui-datepicker table td:not(.ui-datepicker-other-month) { border: none; } .yith-wcaf-datepicker.ui-datepicker table td a { padding: 2px 7px; } .woocommerce .products .yith-wcdp-loop-add-to-cart-fields { text-align: center; } .woocommerce .products .yith-wcdp-loop-add-to-cart-fields .button { background: none; border: 1px solid #448a85; font-size: 14px; color: #448a85; text-transform: uppercase; padding: 7px 14px; margin-right: 0; display: inline-block; float: none; margin-top: 5px; } .woocommerce .products .yith-wcdp-loop-add-to-cart-fields .button:hover { background: none; color: #448a85; } .yith-wcdp-single-add-to-cart-fields { margin: 15px 0; } .single-product div.product .yith-wcdp-deposit-shipping { margin: 15px 0; } .single-product div.product .yith-wcdp-deposit-shipping .yith-wcdp-shipping-form > table { margin: 15px 0; } .single-product div.product .yith-wcdp-deposit-shipping .yith-wcdp-shipping-form > table td { padding: 5px; } .single-product div.product .yith-wcdp-deposit-shipping .yith-wcdp-shipping-form #shipping_method { list-style: none; margin-bottom: 0; } .single-product div.product .yith-wcdp-deposit-shipping .yith-wcdp-shipping-form .shipping-calculator-form button { background: none; border: 1px solid #448a85; font-size: 14px; color: #448a85; padding: 0.8em 1.5em 0.7em; } .single-product div.product .yith-wcdp-product-note { margin: 15px 0; } .woocommerce-order-details .woocommerce-table tbody tr td.product-name a.yith-wcdp-order-actions { margin: 5px 2px; padding: 8px 12px; color: #fff; } .woocommerce-order-details .woocommerce-table tbody tr td.product-name a.yith-wcdp-order-actions:hover { text-decoration: none; } #yith_wcdp_deposits_details .shop_table .order-actions a.button { font-size: 0.8em; padding: 8px 12px; margin: 5px 2px; } #yith-sl-gmap .gm-style .gm-style-iw, #yith-sl-gmap .gm-style .gm-style-iw p, #yith-sl-gmap .gm-style .gm-style-iw li { font-family: "Montserrat", sans-serif !important; } #yith-sl-main-filters-container label.term-label { padding-left: 0; } #yith-sl-main-filters-container.layout-dropdown .wrapper-options li .checkboxbutton { line-height: 0; } #yith-sl-main-filters-container .wrapper-options li .checkboxbutton:before { margin-bottom: 0; } #yith-sl-search-stores .wrap-buttons { margin-bottom: 0; } span.ywsbs-signup-fee, span.ywsbs-trial-period { display: block; } .summary span.ywsbs-delivery-info, .summary span.ywsbs-synch-info { font-size: 0.85rem; color: var(--proteo-h1_font_color); margin-top: 25px; } .summary .ywsbs-price-detail span.ywsbs-signup-fee { font-size: 20px; } .summary .ywsbs-price-detail span.ywsbs-trial-period { font-size: 18px; margin-top: 20px; } .products .ywsbs-price-detail span.ywsbs-fee-price { font-size: 12px; } .products .ywsbs-price-detail span.ywsbs-signup-fee { font-size: 12px; } .woocommerce-cart-form .ywsbs-max-lenght, .woocommerce-cart-form .ywsbs-trial-price, .woocommerce-cart-form .ywsbs-fee-price { display: block; font-size: 11px; } #order_review .ywsbs-price { font-weight: 600; } #order_review .ywsbs-price .ywsbs-max-lenght { font-weight: 400; } #order_review .ywsbs-max-lenght, #order_review .ywsbs-fee-price, #order_review .ywsbs-trial-price { display: block; font-size: 13px; } .ywsbs-recurring-totals-items .ywsbs-price { font-weight: 600; } .woocommerce-mini-cart-item span.ywsbs-fee-price, .woocommerce-mini-cart-item span.ywsbs-trial-price { display: none; } body.woocommerce-order-received.ywsbs-thank-you-page-two-cols .entry-content { padding: 0; border: 0; } .ywsbs-thank-you-page-box h3 { font-weight: bold; margin-bottom: 25px; font-size: 16px; color: var(--proteo-main_color_shade, #448a85); } body .ywcps-products .owl-dots .owl-dot.active span, body .ywcps-products .owl-dots .owl-dot:hover span { background: var(--proteo-main_color_shade, #869791); } /** CF7 */ .wpcf7-form-control-wrap { margin-bottom: 2rem; display: block; } span.wpcf7-not-valid-tip { font-size: 0.875rem; margin-top: 5px; } .wpcf7-form-control { width: 100%; } body .wpcf7-not-valid { border-color: #dc3232; } /*------------------------------------------------------------- # Skins -------------------------------------------------------------*/ @media (min-width: 768px) { .yith-proteo-desire-overlapped-column { margin-left: -100px; margin-top: 70px; } .yith-proteo-desire-top-negative-90-px { margin-top: -90px; } } .proteo-desire-glow-hover { transition: all ease 0.3s; position: relative; } .proteo-desire-glow-hover:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; box-shadow: 0px 0px 10px 4px var(--proteo-main_color_shade); opacity: 0.2; } .proteo-desire-glow-hover:hover { background: var(--proteo-main_color_shade); } .proteo-desire-glow-hover:hover * { filter: grayscale(1) brightness(100); color: #fff; } /*------------------------------------------------------------- # Responsive -------------------------------------------------------------*/ /* Small devices (landscape phones, 576px and up) */ @media (min-width: 600px) { .wp-block-latest-posts.is-grid li { margin: 0 50px 50px 0; } .wp-block-latest-posts.columns-2 li { width: calc(50% - 50px); } } /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .menu-toggle { display: none; } #primary-nav-menu, #site-navigation > #primary-menu { display: block; } #mobile-nav-menu, #site-navigation > #mobile-menu, #mobile-menu-sidebar { display: none; } .main-navigation ul { display: block; } } /* Extra large devices (large desktops, 1200px and up) */ /* :::::::::::::::::::::::::::::::::::::::::::::::::::: Custom media queries */ @media (max-width: 1599.98px) { .woocommerce-account .yith-proteo-my-account-user-image .user-photo img { max-width: 80px; } } @media (max-width: 1199.98px) { body.woocommerce-cart .cart-collaterals .cart_totals { padding: 50px 0 50px 30px; } } @media (min-width: 992px) and (max-width: 1200px) { .has-post-thumbnail header.entry-header .date-and-thumbnail .entry-meta { font-size: 0.875rem; } header.entry-header .date-and-thumbnail time.published { width: 110px; padding: 10px 10px; } } /* Iphone X Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .hidden-xs { display: none !important; } } @media (max-width: 991.98px) { .site-header.sticky { position: absolute; } #site-navigation { float: right; } .site-header.center_logo_navigation_below .header-sidebar { text-align: initial; } .site-header .header-sidebar { margin-top: 30px; } #primary-nav-menu { display: none; } #mobile-nav-menu { display: block; } body.admin-bar #site-navigation.toggled .menu-toggle { right: 30px; } .main-navigation > div { opacity: 0; visibility: hidden; position: fixed; left: -100px; height: 100vh; background: #ffffff; width: 100vw; padding: 50px 30px; z-index: 100; overflow-y: scroll; margin-top: -15px; } .main-navigation.toggled > div { opacity: 1; visibility: visible; left: 0; } .main-navigation.toggled ul.nav-menu li.menu-item-has-children > ul { display: none; } .main-navigation.toggled ul.nav-menu li.menu-item-has-children a.submenu-opened + ul { display: block; } .main-navigation.toggled.mobile-menu-align-left li { margin-right: auto; } .main-navigation.toggled.mobile-menu-align-right li { margin-left: auto; } .main-navigation.toggled.mobile-menu-align-center li { margin-left: auto; margin-right: auto; } .main-navigation a { color: var(--proteo-mobile_menu_color, var(--proteo-header_menu_color, #404040)); } .main-navigation a:hover { color: var(--proteo-mobile_menu_hover_color, var(--proteo-header_menu_hover_color, #448a85)); } .header-contents.left-toggle .site-branding { margin-left: 45px; max-width: 60%; } .header-contents.left-toggle .menu-toggle { left: 15px; } .header-contents.left-toggle .header-sidebar { float: right; margin-right: 15px; margin-top: 10px; } .header-contents.right-toggle .site-branding { max-width: 60%; } .header-contents.right-toggle .header-sidebar { float: right; margin-right: 60px; margin-top: 20px; } .site-header .header-sidebar { white-space: normal; text-align: initial; } .single-product .woocommerce-tabs ul.tabs li a { font-size: 1.125rem; margin-right: 15px; } .single-product div.product .summary.entry-summary { padding-left: 50px; } body.woocommerce-cart.two-cols-cart .cart-collaterals { width: auto; display: block; float: none; margin-left: -30px; margin-right: -30px; clear: both; } body.woocommerce-cart.two-cols-cart .cart-collaterals .cart_totals { max-width: none; padding: 50px 30px 50px 30px; } body.woocommerce-cart.two-cols-cart .cart-collaterals .cart_totals:after { display: none; } body.woocommerce-cart.two-cols-cart form.woocommerce-cart-form { width: 100%; padding: 0; } .woocommerce-account .yith-proteo-my-account-sidebar, .woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; padding: 0; } .woocommerce-account .yith-proteo-my-account-user-image { margin-bottom: 10px; } .woocommerce-account .yith-proteo-my-account-user-image:before, .woocommerce-account .woocommerce-MyAccount-navigation:before { left: 0; } .woocommerce-account .woocommerce-MyAccount-navigation { padding: 0; margin-bottom: 35px; } .woocommerce-account .woocommerce-MyAccount-navigation:before { display: none; } .woocommerce-account .woocommerce-MyAccount-navigation-link { margin-bottom: 10px; } .woocommerce-account .woocommerce-MyAccount-navigation-link > a { background-color: #f9f9f9; } .woocommerce-account .woocommerce-MyAccount-navigation-link:not(.is-active) > a:after { content: ""; font-family: Linearicons-Free; speak: none; font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; } #main-footer .side-by-side-sidebars div[class^=footer-sidebar] { display: block; width: 100%; } .col-lg-20 { width: 100%; } .site-content { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 768px) { .hidden-xs { display: none !important; } .container { padding-right: 30px; padding-left: 30px; } .site-branding img.custom-logo { max-width: 90%; } .single-product div.product .woocommerce-product-gallery, .single-product div.product .summary.entry-summary { float: none; width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } ul.products li.product, ul.products li.wc-block-grid__product, .wc-block-grid ul.wc-block-grid__products li.product, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product { width: 50%; float: left; } ul.products li.product:nth-child(2n+1), ul.products li.wc-block-grid__product:nth-child(2n+1), .wc-block-grid ul.wc-block-grid__products li.product:nth-child(2n+1), .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:nth-child(2n+1) { clear: both; } table.shop_table_responsive tbody tr td, table.shop_table_responsive thead tr th { border: none !important; padding: 20px 5px; } table.shop_table_responsive tbody tr td .quantity input, table.shop_table_responsive thead tr th .quantity input { max-width: 70px; } table.shop_table_responsive tbody tr td.product-remove, table.shop_table_responsive tbody tr td.product-thumbnail, table.shop_table_responsive thead tr th.product-remove, table.shop_table_responsive thead tr th.product-thumbnail { display: none; } table.shop_table_responsive tbody tr td.product-name, table.shop_table_responsive thead tr th.product-name { text-align: initial; } body.woocommerce-cart .cart-collaterals .cart_totals { width: 100%; float: none; max-width: initial; padding: 50px 0; text-align: right; } body.woocommerce-cart .cart-collaterals .cart_totals:after { left: -50%; } body.woocommerce-checkout #customer_details { width: 100%; float: none; margin-bottom: 50px; } body.woocommerce-checkout #order_review { float: none; width: 100%; padding: 0; } .woocommerce-account #customer_login.col2-set.u-columns .col-1, .woocommerce-account #customer_login.col2-set.u-columns .col-2 { width: 100%; float: none; } .woocommerce-account #customer_login.col2-set.u-columns .col-2 form.register:before { display: none; } .widget_shopping_cart .yith-proteo-mini-cart-content { display: none !important; } .site-branding .site-title { font-size: var(--proteo-mobile_site_title_font_size, 38px); } .site-branding .site-description, .site-branding.tagline-position-right .site-description { font-size: var(--proteo-mobile_tagline_font_size, 11px); display: block; } body, button, input, select, optgroup, textarea, body.yith-woocompare-popup { font-size: var(--proteo-mobile_base_font_size, 13px); } #topbar { font-size: var(--proteo-mobile_topbar_font_size, 16px); } .main-navigation.toggled ul.nav-menu { font-size: var(--proteo-mobile_menu_font_size, 16px); } h1, article.page header.entry-header h1, article:not(.has-post-thumbnail).page header.entry-header h1 { font-size: var(--proteo-mobile_h1_font_size, 56px); } h2 { font-size: var(--proteo-mobile_h2_font_size, 32px); } h3 { font-size: var(--proteo-mobile_h3_font_size, 15px); } h4 { font-size: var(--proteo-mobile_h4_font_size, 13px); } h5 { font-size: var(--proteo-mobile_h5_font_size, 10px); } h6 { font-size: var(--proteo-mobile_h6_font_size, 9px); } #main-footer { font-size: var(--proteo-mobile_footer_font_size, 13px); } #main-footer .site-info { font-size: var(--proteo-mobile_footer_credits_font_size, 13px); } .single-product div.product .summary.entry-summary .product_title { font-size: var(--proteo-mobile_single_product_page_title_font_size, 36px); } .single-product div.product .summary.entry-summary .woocommerce-product-details__short-description p, .single-product .woocommerce-tabs .panel, .single-product .woocommerce-tabs ul.tabs li a { font-size: 1rem; } } @media (max-width: 600px) { #site-navigation .menu-toggle { position: absolute; } #site-navigation.toggled .menu-toggle { position: fixed; } table.cart, table.shop_table { font-size: 0.875rem; } table.shop_table_responsive thead { display: none; } table.shop_table_responsive tbody tr { position: relative; display: block; border-bottom: 1px solid #c5c5c5; } table.shop_table_responsive tbody tr:last-of-type { border-bottom: none; } table.shop_table_responsive tbody tr td { display: block; text-align: right; clear: both; padding: 15px 5px; } table.shop_table_responsive tbody tr td.product-name { text-align: right; } table.shop_table_responsive tbody tr td.product-remove, table.shop_table_responsive tbody tr td.product-thumbnail { display: initial; } table.shop_table_responsive tbody tr td.product-thumbnail { text-align: center; } table.shop_table_responsive tbody tr td.product-remove { position: absolute; right: 0; top: 0; padding: 0; } table.shop_table_responsive tbody tr td.product-subtotal { padding-right: 5px; } table.shop_table_responsive tbody tr td .quantity { margin-right: 10px; } table.shop_table_responsive tbody tr td[data-title]::before { content: attr(data-title) ": "; font-weight: 600; float: left; display: table; } .wp-block-column { margin-bottom: 35px; } }