/* Theme Name: Mood Theme URI: http://www.pixedelic.com/themes/mood Author: Manuel Masia | Pixedelic Author URI: http://www.pixedelic.com/ Description: A WordPress theme by Manuel Masia (Pixedelic). If you think you're satisfied with the support or the updates, please consider to rate the theme with 5 stars on your ThemeForest "Downloads" section. It is very important and helpful for me and my business. Thank you. Version: 1.0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: grid-layout, custom-colors, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, e-commerce, blog, entertainment, news, photography, portfolio Text Domain: mood Domain Path: /languages/ */ /*------------------------------------------------------------------ [Table of contents] 0. Global 0.1. Reset 0.2. Tricks and WP core 0.3. Media 0.4. Typography 0.5. Font icons 1. Body 1.1. Header 1.1.0.1 Top bar 1.1.1 Site branding 1.1.2 Navigation 1.1.3 Search form 1.1.4 Nav social icons 1.1.5 Header mini cart 1.1.6 Mobile nav 1.2. Page 1.2.1. Container 1.3. Content 1.3.1. Buttons 1.3.2. Entry content 1.3.3. Entry title 1.3.4. Portfolio 1.3.5. Comments 1.3.6. Forms 1.3.7. Sharing 1.3.8. Entry footer 1.4. Aside 1.4.1. Widgets 1.5. Footer 1.6. Members 2. Extra 2.0. Included scripts 2.1. 3rd party plugins 3. Demo -------------------------------------------------------------------*/ /*-------------------------------------------------------------- * * 0. Global * --------------------------------------------------------------*/ /*-------------------------------------------------------------- 0.1. Reset --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, keygen, select, button { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } small { font-size: .85em; } strong { font-weight: bold!important; } em { font-style: italic; } html { overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; } * { outline: none; } *, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } figure { margin: 0; position: relative; width: auto; } figcaption { background: rgba(255,255,255,.925);/*dynamic*/ bottom: 0.8075em; color: #222324;/*dynamic*/ left: 0.8075em; opacity: 0; padding: 15px; pointer-events: none; position: absolute; text-align: initial; width: calc(75% - 0.8075em); -webkit-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); } figure:hover figcaption { opacity: 1; } table { border-collapse: separate; border-spacing: 0; margin: 0 0 1.525rem; width: 100%; } table::before, table::after { content: ""; display: table; } table::after { clear: both; } td, th { border-collapse: collapse!important; padding: .5em; text-align: left;/*ltr*/ } th { font-size: .775em; text-transform: uppercase; } caption, th, td { text-align: left;/*ltr*/ } th { font-weight: bold; } thead th { font-size: .775rem; text-transform: uppercase; } blockquote::before, blockquote::after, q::before, q::after { content: ""; } blockquote, q { quotes: "" ""; } a, .accent_color { color: #0b91e2;/*dynamic*/ text-decoration: none; -webkit-transition: color 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975), background 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: color 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975), background 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: color 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975), background 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: color 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975), background 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: color 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975), background 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } a::selection { color: #ffffff;/*dynamic*/ } .entry-content p a:not([class^="star-"]):not(.button):not(.mood-button):not([class*="select2"]):hover { background: #0b91e2;/*dynamic*/ color: #ffffff;/*dynamic*/ } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } a:focus { outline: 0; } div[role="listitem"] { display: list-item; list-style-type: none; } li { list-style-position: inside; margin-left: 0; padding-left: 0; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } ul > li { list-style-type: disc; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; 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. */ } /*-------------------------------------------------------------- 0.2. Tricks and WP core --------------------------------------------------------------*/ .alignleft { float: left; } .alignright { float: right; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align: center; } .margin_0 { margin: 0!important; } .hidden { display: none; } .hidden_important { display: none!important; } .fake_hidden { display: block; left: -4000px; position: absolute; visibility: hidden; z-index: -1; } .display_block { display: block!important; } .overflow_hidden { overflow: hidden!important; } .overflow_visible { overflow: visible!important; } .position_relative { position: relative; } .transparent_opacity { opacity: 0!important; } .no_size { height: 0!important; width: 0!important; } .no_margin { margin-bottom: 0!important; margin-left: 0!important; margin-right: 0!important; margin-top: 0!important; } .invisible { visibility: hidden!important; } .mood .under-index { position: relative; z-index: 0; } .mood .over-index { position: relative; z-index: 2; } .double-parallax { opacity: .25; position: absolute; top: -1em; width: 100%; z-index: -1; } .opacity_10 { opacity: .1; } .opacity_20 { opacity: .2; } .opacity_30 { opacity: .3; } .opacity_40 { opacity: .4; } .opacity_50 { opacity: .5; } .opacity_60 { opacity: .6; } .opacity_70 { opacity: .7; } .opacity_80 { opacity: .8; } .opacity_90 { opacity: .9; } .uppercase { text-transform: uppercase; } .small-caps { font-variant: small-caps; } .width_100, .wpb_single_image.width_100 img { width: 100%!important; } .cf::before, .cf::after, .clear::before, .clear::after, .mood-cf7-styler::before, .mood-cf7-styler::after { content: ""; display: table; } .cf::after, .clear::after, .mood-cf7-styler::after { clear: both; } .blurred { filter: blur(4px); -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4'); } /*-------------------------------------------------------------- 0.3. Media --------------------------------------------------------------*/ img { height: auto; max-width: 100%; vertical-align: top; } iframe { display: block; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption .wp-caption-text { font-size: .875rem; } .mood .tiled-gallery-caption { color: #222324;/*dynamic*/ font-size: .875rem; font-style: italic; } .wp-caption .wp-caption-text em, .mood .tiled-gallery-caption em { font-style: normal; } .wp-caption.alignleft { margin: 0 2rem 1rem 0; } .wp-caption.alignright { margin: 0 0 1rem 2rem; } .gallery { -moz-box-sizing: content-box; box-sizing: content-box; margin-bottom: 1.525rem; margin-left: -2rem; } .gallery-item { display: inline-block; margin: 0 0 2rem; padding-left: 2rem; position: relative; text-align: center; vertical-align: top; width: 100%; z-index: 0; } .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 { color: #acacaf;/*dynamic*/ font-size: .875em; line-height: 1.5; } @media screen and (max-width: 768px) { .gallery-columns-3 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 50%; } .gallery-columns-5 .gallery-item { max-width: 50%; } .gallery-columns-6 .gallery-item { max-width: 50%; } } @media screen and (max-width: 414px) { .gallery-columns-2 .gallery-item { max-width: 100%; } .gallery-columns-3 .gallery-item { max-width: 100%; } .gallery-columns-4 .gallery-item { max-width: 100%; } .gallery-columns-5 .gallery-item { max-width: 100%; } .gallery-columns-6 .gallery-item { max-width: 100%; } } .wp-video { margin: auto; } .single article .wp-video { margin-bottom: 1em; } [data-width][data-height] .mejs-overlay { height: 100%!important; } [data-width][data-height] .mejs-overlay-button { margin-top: -50px!important; } #colorbox .wp-video { max-width: 100%; } #colorbox .mejs-container { max-width: 100%!important; } .fake_hidden .wp-playlist, .pix-video-inline { width: 1024px; max-width: 100%; } .mood .mejs-container .mejs-controls div, .mood .mejs-container *, .mood .wp-playlist .wp-playlist-tracks { font-family: inherit; } .mood .wp-audio-shortcode.mejs-audio { background: #151515;/*dynamic*/ height: 40px!important; } .mood .mejs-container .mejs-controls { background: rgba(21,21,21,.5);/*dynamic*/ height: 40px; padding: 0; z-index: 0; } .mood .wp-audio-shortcode.mejs-audio .mejs-container .mejs-controls { background: transparent; } .mood .mejs-container .mejs-controls > .mejs-playpause-button { height: 40px; text-indent: 10px; width: 50px; } .mood .mejs-container .mejs-controls > .mejs-playpause-button button { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjEuNjAyLDEyYzAsMC40MDgtMC4yMDYsMC43ODgtMC41NTEsMS4wMUw0LjI0OCwyMy44MTJjLTAuMTk2LDAuMTI2LTAuNDIzLDAuMTktMC42NDksMC4xOQ0KCWMtMC4xOTcsMC0wLjM5NS0wLjA1LTAuNTc1LTAuMTQ3Yy0wLjM4NS0wLjIxLTAuNjI1LTAuNjE0LTAuNjI1LTEuMDU0VjEuMTk5YzAtMC40MzgsMC4yNC0wLjg0NCwwLjYyNS0xLjA1Mw0KCWMwLjM4NS0wLjIxMywwLjg1NC0wLjE5NywxLjIyNSwwLjA0MkwyMS4wNTEsMTAuOTlDMjEuMzk2LDExLjIxMywyMS42MDIsMTEuNTkyLDIxLjYwMiwxMnoiLz4NCjwvc3ZnPg=='); background-position: center; background-repeat: no-repeat; background-size: 13px; height: inherit; margin: 0; outline: 0!important; position: relative; width: inherit; z-index: 2; } .mood .mejs-container .mejs-controls > .mejs-playpause-button.mejs-pause button { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjIuMjM4LDEuMnYyMS41OTljMCwwLjY2My0wLjQ1OCwxLjIwMS0xLjAyMywxLjIwMWgtNi4xNDRjLTAuNTY2LDAtMS4wMjMtMC41MzgtMS4wMjMtMS4yMDFWMS4yDQoJYzAtMC42NjMsMC40NTctMS4yLDEuMDIzLTEuMmg2LjE0NEMyMS43OCwwLDIyLjIzOCwwLjUzNywyMi4yMzgsMS4yeiBNOS45NTIsMS4ydjIxLjU5OUM5Ljk1MiwyMy40NjIsOS40OTQsMjQsOC45MjksMjRIMi43ODUNCgljLTAuNTY1LDAtMS4wMjMtMC41MzgtMS4wMjMtMS4yMDFWMS4yQzEuNzYyLDAuNTM3LDIuMjIsMCwyLjc4NSwwaDYuMTQ0QzkuNDk0LDAsOS45NTIsMC41MzcsOS45NTIsMS4yeiIvPg0KPC9zdmc+'); } .mood .mejs-container .mejs-controls .mejs-time { height: 42px; line-height: 42px; padding: 0 10px; } .mood .wp-playlist .mejs-container .mejs-controls .mejs-time { min-width: 0; } .mood .mejs-controls .mejs-time-rail { height: 40px; padding: 0 10px; } .mood .mejs-controls .mejs-time-rail .mejs-time-total.mejs-time-slider { background: rgba(255,255,255,.35); height: 1px; margin: 0; top: 19px; } .mood .mejs-controls .mejs-time-rail .mejs-time-current { background: #0b91e2;/*dynamic*/ height: 1px; } .mood .mejs-controls .mejs-time-rail .mejs-time-current::after { background: #ffffff;/*dynamic*/ -moz-border-radius: 50%; border-radius: 50%; content: ''; display: block; height: 11px; position: absolute; right: -6px; top: -5px; width: 11px; } .mood .mejs-controls .mejs-time-rail .mejs-time-loaded { background: transparent; margin-top: -5px; } .mood .mejs-container .mejs-controls .mejs-fullscreen-button, .mood .mejs-container .mejs-controls .mejs-volume-button { height: 40px; position: relative; width: 40px; } .mood .mejs-container .mejs-controls .mejs-fullscreen-button button, .mood .mejs-container .mejs-controls .mejs-volume-button button { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBpZD0iWE1MSURfNzM1NV8iIGZpbGw9IiNmZmZmZmYiIGQ9Ik04LjExOSwxMi4wOTJsLTUuMjc1LDUuMjc2bC0yLjMyMS0yLjMyMmMtMC4wODUtMC4wODUtMC4yMTMtMC4xMDktMC4zMjUtMC4wNjUNCgljLTAuMTEyLDAuMDQ3LTAuMTg1LDAuMTU3LTAuMTg1LDAuMjc2bC0wLjAwNCw4LjQ0NWMwLDAuMDc5LDAuMDMyLDAuMTU1LDAuMDg4LDAuMjExUzAuMjI5LDI0LDAuMzA5LDI0bDguNDQ2LTAuMDAyDQoJYzAuMDgxLDAsMC4xNTUtMC4wMzIsMC4yMS0wLjA4N2MwLjAyOC0wLjAyNiwwLjA1LTAuMDYsMC4wNjUtMC4wOTdjMC4wNDUtMC4xMTEsMC4wMi0wLjI0LTAuMDY1LTAuMzI1bC0yLjMyMy0yLjMyMmw1LjI3Ni01LjI3Ng0KCWMwLjExNy0wLjExNywwLjExNi0wLjMwNSwwLTAuNDIybC0zLjM3Ny0zLjM3NkM4LjQyNSwxMS45NzYsOC4yMzYsMTEuOTc2LDguMTE5LDEyLjA5MnoiLz4NCjxwYXRoIGlkPSJYTUxJRF83ODYwXyIgZmlsbD0iI2ZmZmZmZiIgZD0iTTIzLjY5LDBsLTguNDM0LDAuMDE0Yy0wLjEyLDAtMC4yMjcsMC4wNzMtMC4yNzUsMC4xODUNCgljLTAuMDQ1LDAuMTExLTAuMDIxLDAuMjQsMC4wNjYsMC4zMjVsMi4zMTksMi4zMjJMMTIuMDkyLDguMTJjLTAuMTE2LDAuMTE2LTAuMTE2LDAuMzA1LDAsMC40MjFsMy4zNzcsMy4zNzYNCgljMC4xMTcsMC4xMTYsMC4zMDcsMC4xMTYsMC40MjIsMGw1LjI3NS01LjI3NWwyLjMxMiwyLjMxMmMwLjA4NSwwLjA4NSwwLjIxNCwwLjExMSwwLjMyNSwwLjA2NWMwLjAzNy0wLjAxNSwwLjA3LTAuMDM5LDAuMDk4LTAuMDY1DQoJYzAuMDU2LTAuMDU1LDAuMDg3LTAuMTMsMC4wODctMC4yMTFsMC4wMDMtOC40NDZjMC0wLjA3OS0wLjAzMi0wLjE1NS0wLjA4OC0wLjIxMUMyMy44NDYsMC4wMywyMy43NzEsMCwyMy42OSwweiIvPg0KPC9zdmc+'); background-position: center; background-repeat: no-repeat; background-size: 13px; height: 40px; margin: 0; position: relative; width: 40px; z-index: 1; } .mood .mejs-container .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBpZD0iWE1MSURfNzM1NV8iIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zLjg5MiwyMy45MTlsNC4yNjItNC4yNjNsMi4zMjEsMi4zMjJjMC4wODUsMC4wODUsMC4yMTMsMC4xMDksMC4zMjUsMC4wNjUNCgljMC4xMTItMC4wNDcsMC4xODUtMC4xNTcsMC4xODUtMC4yNzZsMC4wMDQtOC40NDVjMC0wLjA3OS0wLjAzMi0wLjE1NS0wLjA4OC0wLjIxMXMtMC4xMzItMC4wODctMC4yMTEtMC4wODdsLTguNDQ2LDAuMDAyDQoJYy0wLjA4MSwwLTAuMTU1LDAuMDMyLTAuMjEsMC4wODdjLTAuMDI4LDAuMDI2LTAuMDUsMC4wNi0wLjA2NSwwLjA5N2MtMC4wNDUsMC4xMTEtMC4wMiwwLjI0LDAuMDY1LDAuMzI1bDIuMzIzLDIuMzIybC00LjI2Myw0LjI2NA0KCWMtMC4xMTcsMC4xMTctMC4xMTYsMC4zMDUsMCwwLjQyMmwzLjM3NywzLjM3NkMzLjU4NiwyNC4wMzUsMy43NzUsMjQuMDM1LDMuODkyLDIzLjkxOXoiLz4NCjxwYXRoIGlkPSJYTUxJRF83ODYwXyIgZmlsbD0iI2ZmZmZmZiIgZD0iTTEzLjMzNSwxMC45NzlsOC40MzQtMC4wMTRjMC4xMiwwLDAuMjI3LTAuMDczLDAuMjc1LTAuMTg1DQoJYzAuMDQ1LTAuMTExLDAuMDIxLTAuMjQtMC4wNjYtMC4zMjVsLTIuMzE5LTIuMzIybDQuMjUyLTQuMjUyYzAuMTE1LTAuMTE2LDAuMTE1LTAuMzA1LDAtMC40MjFsLTMuMzc3LTMuMzc2DQoJYy0wLjExNy0wLjExNi0wLjMwNy0wLjExNi0wLjQyMiwwbC00LjI1Miw0LjI1MmwtMi4zMTItMi4zMTJjLTAuMDg1LTAuMDg1LTAuMjE0LTAuMTExLTAuMzI1LTAuMDY1DQoJYy0wLjAzNywwLjAxNS0wLjA3LDAuMDM5LTAuMDk4LDAuMDY1Yy0wLjA1NiwwLjA1NS0wLjA4NywwLjEzLTAuMDg3LDAuMjExbC0wLjAwMyw4LjQ0NmMwLDAuMDc5LDAuMDMyLDAuMTU1LDAuMDg4LDAuMjExDQoJQzEzLjE4LDEwLjk0OCwxMy4yNTUsMTAuOTc5LDEzLjMzNSwxMC45Nzl6Ii8+DQo8L3N2Zz4='); } .mood .mejs-container .mejs-controls .mejs-volume-button button { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTQuNSwwLjV2MjNjMCwwLjIwMi0wLjEyMSwwLjM4NS0wLjMwOSwwLjQ2MkMxNC4xMywyMy45ODcsMTQuMDY0LDI0LDE0LDI0DQoJYy0wLjEzLDAtMC4yNTgtMC4wNTEtMC4zNTQtMC4xNDZMNS43OTMsMTZIMmMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNXYtN0MxLjUsOC4yMjQsMS43MjQsOCwyLDhoMy43OTNsNy44NTQtNy44NTQNCgljMC4xNDQtMC4xNDQsMC4zNTctMC4xODYsMC41NDUtMC4xMDhTMTQuNSwwLjI5OCwxNC41LDAuNXoiLz4NCjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMC4xNiwxNy42NTdjLTAuMDk4LDAuMDk4LTAuMjI2LDAuMTQ2LTAuMzU0LDAuMTQ2cy0wLjI1Ni0wLjA0OS0wLjM1NC0wLjE0Ng0KCWMtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN2MyLjcyOS0yLjcyOSwyLjcyOS03LjE3MSwwLTkuOWMtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN3MwLjUxMi0wLjE5NSwwLjcwNywwDQoJQzIzLjI3OSw5LjQ2MiwyMy4yNzksMTQuNTM4LDIwLjE2LDE3LjY1N3oiLz4NCjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xOC43NDYsMTYuMjQyYy0wLjA5OCwwLjA5OC0wLjIyNiwwLjE0Ni0wLjM1NCwwLjE0NnMtMC4yNTYtMC4wNDktMC4zNTQtMC4xNDYNCgljLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDdjMS45NDktMS45NDksMS45NDktNS4xMjEsMC03LjA3Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3czAuNTEyLTAuMTk1LDAuNzA3LDANCglDMjEuMDg2LDEwLjA5NywyMS4wODYsMTMuOTAzLDE4Ljc0NiwxNi4yNDJ6Ii8+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTcuMzMyLDE0LjgyOGMtMC4wOTgsMC4wOTgtMC4yMjYsMC4xNDYtMC4zNTQsMC4xNDZzLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2DQoJYy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3YzEuMTctMS4xNywxLjE3LTMuMDcyLDAtNC4yNDJjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDdzMC41MTItMC4xOTUsMC43MDcsMA0KCUMxOC44OTIsMTAuNzMxLDE4Ljg5MiwxMy4yNjksMTcuMzMyLDE0LjgyOHoiLz4NCjwvc3ZnPg=='); } .mood .mejs-overlay-loading span { background: transparent url(images/puff.svg) 50% 50% no-repeat; } .mood .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute button { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNOS43MDcsNy41ODZsNy40MzktNy40MzljMC4xNDQtMC4xNDQsMC4zNTktMC4xODYsMC41NDUtMC4xMDhDMTcuODc4LDAuMTE1LDE4LDAuMjk4LDE4LDAuNXYxNS4zNzkNCglMOS43MDcsNy41ODZ6Ii8+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjEuODU0LDIxLjg1NEMyMS43NTYsMjEuOTUxLDIxLjYyOCwyMiwyMS41LDIycy0wLjI1Ni0wLjA0OS0wLjM1NC0wLjE0NkwxOCwxOC43MDdWMjMuNQ0KCWMwLDAuMjAyLTAuMTIyLDAuMzg1LTAuMzA5LDAuNDYyQzE3LjYzLDIzLjk4NywxNy41NjQsMjQsMTcuNSwyNGMtMC4xMywwLTAuMjU4LTAuMDUxLTAuMzU0LTAuMTQ2TDkuMjkzLDE2SDUuNQ0KCUM1LjIyNCwxNiw1LDE1Ljc3Niw1LDE1LjV2LTdDNSw4LjIyNCw1LjIyNCw4LDUuNSw4aDEuNzkzTDIuMTQ2LDIuODU0Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3czAuNTEyLTAuMTk1LDAuNzA3LDBsMTksMTkNCglDMjIuMDQ5LDIxLjM0MiwyMi4wNDksMjEuNjU4LDIxLjg1NCwyMS44NTR6Ii8+DQo8L3N2Zz4='); background-position: calc(50% - 1px) 50%; } .mood .mejs-controls .mejs-volume-button .mejs-volume-slider { background: rgba(0,0,0,.5); left: 7px; } .mood .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total, .mood .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { width: 1px; } .mood .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 9px; left: 7px; width: 9px; } .mood .mejs-controls .mejs-time-rail .mejs-time-buffering { height: 3px; margin-top: -1px; } .mood .wp-playlist { border: 0; color: inherit; font-size: .9em; line-height: 1.5; margin: 0; padding: 0; position: relative; } .mood .wp-playlist.wp-audio-playlist .mejs-container { height: 0!important; position: static; } .mood .wp-playlist.wp-audio-playlist .mejs-container .mejs-controls { background: transparent; display: inline-block; float: right; margin: -60px 15px 0 0; position: static; width: auto; } .mood .mejs-controls a.mejs-horizontal-volume-slider { height: 40px; width: 80px; } .mood .mejs-overlay-button { background: url(images/bigplay.svg) no-repeat; background-position: center!important; opacity: 1; } .mood .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mood .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { height: 4px; top: 18px; } .mood .wp-playlist.wp-audio-playlist .mejs-container .mejs-controls .mejs-time { padding-left: 0; padding-right: 0; position: relative; } .mood .wp-playlist.wp-audio-playlist .mejs-container .mejs-controls .mejs-time.mejs-duration-container::before { content: '/'; display: inline-block; padding: 0 5px; } .mood .wp-playlist.wp-audio-playlist .mejs-container .mejs-controls .mejs-playpause-button { left: 15px; height: 100px; width: 100px; position: absolute; top: 15px; z-index: 2; } .mood .wp-playlist.wp-audio-playlist .mejs-container .mejs-controls .mejs-playpause-button button { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjEuNjAyLDEyYzAsMC40MDgtMC4yMDYsMC43ODgtMC41NTEsMS4wMUw0LjI0OCwyMy44MTJjLTAuMTk2LDAuMTI2LTAuNDIzLDAuMTktMC42NDksMC4xOQ0KCWMtMC4xOTcsMC0wLjM5NS0wLjA1LTAuNTc1LTAuMTQ3Yy0wLjM4NS0wLjIxLTAuNjI1LTAuNjE0LTAuNjI1LTEuMDU0VjEuMTk5YzAtMC40MzgsMC4yNC0wLjg0NCwwLjYyNS0xLjA1Mw0KCWMwLjM4NS0wLjIxMywwLjg1NC0wLjE5NywxLjIyNSwwLjA0MkwyMS4wNTEsMTAuOTlDMjEuMzk2LDExLjIxMywyMS42MDIsMTEuNTkyLDIxLjYwMiwxMnoiLz4NCjwvc3ZnPg=='); background-position: center; background-repeat: no-repeat; background-size: 15px; height: inherit; margin: 0; width: inherit; } .mood .wp-playlist.wp-audio-playlist .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause button { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjIuMjM4LDEuMnYyMS41OTljMCwwLjY2My0wLjQ1OCwxLjIwMS0xLjAyMywxLjIwMWgtNi4xNDRjLTAuNTY2LDAtMS4wMjMtMC41MzgtMS4wMjMtMS4yMDFWMS4yDQoJYzAtMC42NjMsMC40NTctMS4yLDEuMDIzLTEuMmg2LjE0NEMyMS43OCwwLDIyLjIzOCwwLjUzNywyMi4yMzgsMS4yeiBNOS45NTIsMS4ydjIxLjU5OUM5Ljk1MiwyMy40NjIsOS40OTQsMjQsOC45MjksMjRIMi43ODUNCgljLTAuNTY1LDAtMS4wMjMtMC41MzgtMS4wMjMtMS4yMDFWMS4yQzEuNzYyLDAuNTM3LDIuMjIsMCwyLjc4NSwwaDYuMTQ0QzkuNDk0LDAsOS45NTIsMC41MzcsOS45NTIsMS4yeiIvPg0KPC9zdmc+'); } .mood .wp-playlist.wp-audio-playlist .mejs-container .mejs-controls .mejs-playpause-button::after { background-color: rgba(21,21,21,.5);/*dynamic*/ border: 2px solid rgba(255,255,255,.5);/*dynamic*/ -moz-border-radius: 50%; border-radius: 50%; color: #ffffff; content: ""; display: block; font-size: 18px; height: 60px; left: 20px; line-height: 60px; position: absolute; text-align: center; text-indent: 3px; text-shadow: 0 0 20px rgba(21,21,21,.25), 0 0 20px rgba(21,21,21,.25);/*dynamic*/ top: 20px; width: 60px; -webkit-transition: border .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: border .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: border .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: border .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: border .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .mood .wp-playlist.wp-audio-playlist .mejs-container .mejs-controls .mejs-playpause-button:hover::after { border: 2px solid rgba(255,255,255,.85);/*dynamic*/ } .mood .wp-playlist .wp-playlist-current-item { background: #151515;/*dynamic*/ -moz-box-sizing: content-box; box-sizing: content-box; border-width: 0; height: 120px; margin: 0; padding: 15px; position: relative; } .mood .wp-playlist .wp-playlist-item { padding: 0; width: 100%; } .mood .wp-playlist .wp-playlist-item:first-child:last-child { display: none; } .mood .wp-playlist .wp-playlist-item > a, .mood .wp-playlist .wp-playlist-item > div { display: inline-block; line-height: 18px; max-width: calc(100% - 80px); padding: 12px 20px; position: relative; vertical-align: middle; } .mood .wp-playlist .wp-playlist-item > div { float: right;/*ltr*/ text-align: right;/*ltr*/ } .mood .wp-playlist .wp-playlist-item > a.wp-playlist-caption > span.wp-playlist-item-title { display: inline-block; font-weight: bold; } .mood .wp-playlist .wp-playlist-item > a.wp-playlist-caption > span.wp-playlist-item-artist { color: #acacaf;/*dynamic*/ display: block; font-weight: normal; font-size: .825em; text-transform: none; } .mood .wp-playlist .wp-playlist-item .wp-playlist-item-length { color: #acacaf;/*dynamic*/ font-weight: normal; font-size: .725em; text-transform: none; } .mood .wp-playlist .wp-playlist-tracks { margin: 0; } .mood .wp-playlist .wp-playlist-item { background: #ffffff;/*dynamic*/ border: solid rgba(21,21,21,.15);/*dynamic*/ border-width: 0 1px 1px 1px !important; color: inherit; } .mood .wp-playlist .wp-playlist-item.wp-playlist-playing { background: rgba(21,21,21,.05);/*dynamic*/ font-weight: inherit; } .mood .wp-playlist.wp-audio-playlist .mejs-controls .mejs-time-rail { height: 12px; left: 15px; padding: 0; position: absolute; right: 15px; top: 130px; width: auto!important; } .mood .wp-playlist.wp-audio-playlist .mejs-controls .mejs-time-rail .mejs-time-total.mejs-time-slider { top: 5px; width: 100%!important; } .mood .wp-playlist.wp-audio-playlist .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgba(0,0,0,.25); width: 100%; } .mood .wp-playlist.wp-audio-playlist .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #ffffff; } .mood .wp-playlist.wp-audio-playlist .wp-playlist-current-item > img { border: 1px solid rgba(255,255,255,.2); height: 100px; max-width: none; position: relative; width: 100px; z-index: 1; } .mood .wp-playlist.wp-audio-playlist .wp-playlist-current-item > .wp-playlist-caption { color: #ffffff!important; position: relative; z-index: 1; } .mood .wp-playlist-item-album { opacity: .5; } .mood .wp-playlist.wp-audio-playlist .mejs-controls .mejs-time-rail .mejs-time-float { z-index: 4; } .mood .wp-playlist.wp-audio-playlist .wp-playlist-prev { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBpZD0iWE1MSURfNjU5OV8iIGZpbGw9IiNmZmZmZmYiIGQ9Ik0wLjQyNCwxMS4yMjNsMTIuOTI0LTguMzA1YzAuMTUxLTAuMTAxLDAuMzI2LTAuMTQ4LDAuNDk5LTAuMTQ4DQoJYzAuMTUxLDAsMC4zMDUsMC4wMzgsMC40NDMsMC4xMTFjMC4yOTYsMC4xNjIsMC40NzksMC40NzMsMC40NzksMC44MTJ2NC4yNDRsNy44MDktNS4wMTljMC4yODQtMC4xODUsMC42NDYtMC4xOTYsMC45NDItMC4wMzcNCglDMjMuODE2LDMuMDQyLDI0LDMuMzUzLDI0LDMuNjkydjE2LjYxNWMwLDAuMzM5LTAuMTg0LDAuNjQ4LTAuNDgsMC44MTFjLTAuMjk3LDAuMTYxLTAuNjU3LDAuMTUtMC45NDEtMC4wMzRsLTcuODA5LTUuMDJ2NC4yNDMNCgljMCwwLjMzOS0wLjE4NCwwLjY0OC0wLjQ4LDAuODExYy0wLjI5NSwwLjE2MS0wLjY1OSwwLjE1LTAuOTQxLTAuMDM0TDAuNDI0LDEyLjc3NUMwLjE1OSwxMi42MDUsMCwxMi4zMTIsMCwxMS45OTkNCglTMC4xNTksMTEuMzkyLDAuNDI0LDExLjIyM3oiLz4NCjwvc3ZnPg=='); background-position: center; background-repeat: no-repeat; background-size: 13px; cursor: pointer; height: 20px; left: 125px; position: absolute; top: 100px; width: 20px; } .mood .wp-playlist.wp-audio-playlist .wp-playlist-next { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBpZD0iWE1MSURfNjU5OV8iIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMy41NzYsMTIuNzc3bC0xMi45MjMsOC4zMDVjLTAuMTUxLDAuMTAxLTAuMzI2LDAuMTQ4LTAuNSwwLjE0OA0KCWMtMC4xNTEsMC0wLjMwNS0wLjAzOC0wLjQ0My0wLjExMWMtMC4yOTYtMC4xNjItMC40NzktMC40NzMtMC40NzktMC44MTJ2LTQuMjQ0bC03LjgwOSw1LjAxOWMtMC4yODUsMC4xODUtMC42NDYsMC4xOTYtMC45NDIsMC4wMzcNCglDMC4xODQsMjAuOTU3LDAsMjAuNjQ2LDAsMjAuMzA4VjMuNjkyYzAtMC4zMzgsMC4xODQtMC42NDgsMC40OC0wLjgxYzAuMjk3LTAuMTYyLDAuNjU4LTAuMTUsMC45NDIsMC4wMzRsNy44MDksNS4wMlYzLjY5Mg0KCWMwLTAuMzM4LDAuMTg0LTAuNjQ4LDAuNDc5LTAuODFjMC4yOTUtMC4xNjIsMC42Ni0wLjE1LDAuOTQyLDAuMDM0bDEyLjkyMyw4LjMwOEMyMy44NDEsMTEuMzk0LDI0LDExLjY4NywyNCwxMg0KCVMyMy44NDEsMTIuNjA4LDIzLjU3NiwxMi43Nzd6Ii8+DQo8L3N2Zz4='); background-position: center; background-repeat: no-repeat; background-size: 13px; cursor: pointer; height: 20px; left: 155px; position: absolute; top: 100px; width: 20px; } .mood .wp-playlist.wp-audio-playlist .wp-playlist-current-cover { background-color: #333333; background-position: center; background-size: cover; bottom: -8px; left: -8px; opacity: .5; position: absolute; right: -8px; top: -8px; } .mood .wp-playlist .wp-playlist-item-meta.wp-playlist-item-title { color: #ffffff; font-size: 1.1em; font-weight: bold; } .mood .wp-playlist .wp-playlist-item-meta.wp-playlist-item-artist { color: #ffffff; font-size: .8em; } figure.mood_media_wrapper { vertical-align: top; margin: 0; max-width: 100%; width: 100%; } figure.mood_media_wrapper.media-align-center { text-align: center; } figure.mood_media_wrapper.media-align-left { text-align: left; } figure.mood_media_wrapper.media-align-right { text-align: right; } .pix-media-icon { display: inline-block; max-width: 100%; position: relative; vertical-align: top; } figure:not(.hide-overlay) .pix-media-icon::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDM3OCAyNTEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIzNzgiIGhlaWdodD0iMjUxIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4='); /* gradient overlay */ background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%); /* gradient overlay */ background-image: linear-gradient(bottom, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%); /* gradient overlay */ content: ''; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 1; } figure:not(.hide-overlay) .pix-media-icon::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjEuNjAyLDEyYzAsMC40MDgtMC4yMDYsMC43ODgtMC41NTEsMS4wMUw0LjI0OCwyMy44MTJjLTAuMTk2LDAuMTI2LTAuNDIzLDAuMTktMC42NDksMC4xOQ0KCWMtMC4xOTcsMC0wLjM5NS0wLjA1LTAuNTc1LTAuMTQ3Yy0wLjM4NS0wLjIxLTAuNjI1LTAuNjE0LTAuNjI1LTEuMDU0VjEuMTk5YzAtMC40MzgsMC4yNC0wLjg0NCwwLjYyNS0xLjA1Mw0KCWMwLjM4NS0wLjIxMywwLjg1NC0wLjE5NywxLjIyNSwwLjA0MkwyMS4wNTEsMTAuOTlDMjEuMzk2LDExLjIxMywyMS42MDIsMTEuNTkyLDIxLjYwMiwxMnoiLz4NCjwvc3ZnPg=='); background-position: center; background-repeat: no-repeat; background-size: 19px; content: ""; height: 100%; pointer-events: none; position: absolute; text-align: center; top: 0; width: 100%; z-index: 2; } .pix-media-icon::before, .pix-media-icon::after { opacity: 1; -webkit-transition: opacity .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .pix-media-icon:hover::before, .pix-media-icon:hover::after { opacity: 0; } /*-------------------------------------------------------------- 0.4. Typography --------------------------------------------------------------*/ h1 { color: #151515;/*dynamic*/ font-family: sans-serif;/*dynamic*/ font-size: 4em;/*dynamic*/ font-weight: bold;/*dynamic*/ line-height: 1.27;/*dynamic*/ margin: 1.5em 0 .725em 0; text-transform: none;/*dynamic*/ } .wpb_wrapper > h1:first-child { margin-top: 0; } h2 { color: #151515;/*dynamic*/ font-family: sans-serif;/*dynamic*/ font-size: 2.5em;/*dynamic*/ font-weight: bold;/*dynamic*/ line-height: 1.27;/*dynamic*/ margin: 1.5em 0 .725em 0; text-transform: none;/*dynamic*/ } .wpb_wrapper > h2:first-child { margin-top: 0; } h3 { color: #151515;/*dynamic*/ font-family: sans-serif;/*dynamic*/ font-size: 1.8em;/*dynamic*/ font-weight: bold;/*dynamic*/ line-height: 1.27;/*dynamic*/ margin: 1.5em 0 .725em 0; text-transform: none;/*dynamic*/ } .wpb_wrapper > h3:first-child { margin-top: 0; } h4 { color: #151515;/*dynamic*/ font-family: sans-serif;/*dynamic*/ font-size: 1.32em;/*dynamic*/ font-weight: bold;/*dynamic*/ line-height: 1.27;/*dynamic*/ margin: 1.65em 0 .725em 0; text-transform: none;/*dynamic*/ } .wpb_wrapper > h4:first-child { margin-top: 0; } h5 { color: #151515;/*dynamic*/ font-family: sans-serif;/*dynamic*/ font-size: 1.15em;/*dynamic*/ font-weight: bold;/*dynamic*/ line-height: 1.5;/*dynamic*/ margin: 1.75em 0 .725em 0; text-transform: uppercase;/*dynamic*/ } .wpb_wrapper > h5:first-child { margin-top: 0; } h6 { color: #151515;/*dynamic*/ font-family: sans-serif;/*dynamic*/ font-size: 1em;/*dynamic*/ font-weight: bold;/*dynamic*/ line-height: 1.5;/*dynamic*/ margin: 1.85em 0 .725em 0; text-transform: uppercase;/*dynamic*/ } .wpb_wrapper > h6:first-child { margin-top: 0; } .entry-content .content-wrap:first-child > h1:first-child, .entry-content .content-wrap:first-child > h2:first-child, .entry-content .content-wrap:first-child > h3:first-child, .entry-content .content-wrap:first-child > h4:first-child, .entry-content .content-wrap:first-child > h5:first-child, .entry-content .content-wrap:first-child > h6:first-child { margin-top: 0; } .mega-title { color: #151515;/*dynamic*/ font-family: sans-serif;/*dynamic*/ font-size: 8em; font-weight: bold;/*dynamic*/ line-height: 1.27;/*dynamic*/ margin: 0; text-transform: none;/*dynamic*/ } p, address { margin-bottom: 1em; } blockquote, .content-quote { font-size: 1.5rem; line-height: 1.5; margin: 2em auto; padding-left: 1em;/*ltr*/ position: relative; } blockquote::before { background: rgba(21,21,21,.1); content: ''; height: 100%; left: 0;/*ltr*/ position: absolute; top: 0; width: 2px; } .content-quote *:last-child, blockquote *:last-child { margin-bottom: 0; } .content-quote cite, blockquote cite { display: block; font-size: 1rem; margin-top: 1rem; } blockquote.quote-left { float: left;/*ltr*/ font-size: 1.25em; margin: 1.5em 50px 1.5em auto;/*ltr*/ max-width: 40%; padding-left: 0;/*ltr*/ padding-right: 1em;/*ltr*/ text-align: right;/*ltr*/ } blockquote.quote-left::before { left: auto; right: 0; } blockquote.quote-right { float: right;/*ltr*/ font-size: 1.25em; margin: 1.5em auto 1.5em 50px;/*ltr*/ max-width: 40%; text-align: left;/*ltr*/ } .pull-left { float: left; font-size: .875em; font-style: italic; margin: 30px 50px 30px 0; max-width: 33.3333%; text-align: right; } .pull-left[data-wrap="image"], img.pull-left { margin: 1em 2em 1em 0; } img.alignleft { margin: .35em 2em 1em 0; } .pull-right { float: right; font-size: .875em; font-style: italic; margin: 30px 0 30px 50px; max-width: 33.3333%; text-align: left; } img.alignright { margin: .35em 0 1em 2em; } .single-post .hentry .featured-wrap { text-align: center; } .entry-content img.pull-right { margin: .5em 0 1em 2em; } body.has-sidebar .entry-content img.pull-right { margin: .5em 0 1em 2em; } @media screen and (max-width: 479px) { .entry-content .pull-left, .entry-content .pull-left img, .entry-content .pull-right, .entry-content .pull-right img, blockquote.quote-left, blockquote.quote-right { display: block; float: none!important; margin: 1em auto!important; max-width: none!important; } } @media screen and (max-width: 1280px) { .entry-content .pull-left { margin: 30px 30px 30px 0; } .entry-content .pull-right { margin: 30px 0 30px 30px; } } mark, ins { background: #0b91e2;/*dynamic*/ color: #ffffff;/*dynamic*/ text-decoration: none; } hr { background-color: #151515;/*dynamic*/ border-width: 0; clear: both; display: block; height: 1px; margin: 2.325em auto!important; opacity: .1; width: 100%; } pre { background: #ffffff;/*dynamic*/ background: -webkit-linear-gradient(top, #ffffff 98%, rgba(21,21,21,.075) 2%);/*dynamic*/ background: -moz-linear-gradient(top, #ffffff 98%, rgba(21,21,21,.075) 2%);/*dynamic*/ background: -ms-linear-gradient(top, #ffffff 98%, rgba(21,21,21,.075) 2%);/*dynamic*/ background: -o-linear-gradient(top, #ffffff 98%, rgba(21,21,21,.075) 2%);/*dynamic*/ background: linear-gradient(top, #ffffff 98%, rgba(21,21,21,.075) 2%);/*dynamic*/ background-size: 2em 2em!important; background-position: 0 1em!important; border: 1px solid rgba(21,21,21,.1);/*dynamic*/ color: rgba(21,21,21,.5);/*dynamic*/ font-family: "Courier 10 Pitch", Courier, monospace;/*dynamic*/ font-size: 13px;/*dynamic*/ line-height: 2em; margin-bottom: 1.525em; padding: 1em 1em 1em 2em; position: relative; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } pre::before { background: rgba(21,21,21,.1); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 1em; } body:not(.blog):not(.archive) p.first-letter { position: relative; } body:not(.blog):not(.archive) p.first-letter .first-letter-clone { font-size: 5em; font-weight: bold; line-height: 1; opacity: .1; pointer-events: none; position: absolute; right: calc(100% - .2em);/*ltr*/ top: -0.15em; } body:not(.blog):not(.archive) p.first-line::first-line { font-size: 1.275em; font-weight: bold; font-variant: small-caps; line-height: 1.45; } .hor-lined { overflow: hidden; padding: .1em 0; position: relative; } .hor-lined .inner-hor-lined { position: relative; } .hor-lined .inner-hor-lined::before, .hor-lined .inner-hor-lined::after { background-color: #151515;/*dynamic*/ content: ''; height: 1px; opacity: .1; position: absolute; top: 50%; width: 10000px; z-index: 0; } .hor-lined .inner-hor-lined::before { left: -10020px; } .hor-lined .inner-hor-lined::after { left: calc( 100% + 20px ); } ::selection { background: #0b91e2;/*dynamic*/ color: #ffffff;/*dynamic*/ } ::-moz-selection { background: #0b91e2;/*dynamic*/ color: #ffffff;/*dynamic*/ } /*-------------------------------------------------------------- 0.5. Font icons --------------------------------------------------------------*/ @font-face { font-family: 'mood-icons'; src: url('fonts/mood-icons.woff2') format('woff2'), url('fonts/mood-icons.woff') format('woff'); font-weight: normal; font-style: normal; } [class^="mood-icon-"], [class*=" mood-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'mood-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mood-icon-font { font-family: 'mood-icons' !important; } .mood-icon-checked:before { content: "\e910"; } .mood-icon-advanced-quote:before { content: "\e90f"; } .mood-icon-arrow-down:before { content: "\e90d"; } .mood-icon-arrow-up:before { content: "\e90e"; } .mood-icon-arrow-left-2:before { content: "\e90b"; } .mood-icon-arrow-right-2:before { content: "\e90c"; } .mood-icon-arrow-left:before { content: "\e909"; } .mood-icon-arrow-right:before { content: "\e90a"; } .mood-icon-reply-arrow:before { content: "\e908"; } .mood-icon-cancel-sign:before { content: "\e907"; } .mood-icon-search:before { content: "\e906"; } .mood-icon-plus-sign:before { content: "\e905"; } .mood-icon-star:before { content: "\e900"; } .mood-icon-star2:before { content: "\e901"; } .mood-icon-bulleted-list:before { content: "\e902"; } .mood-icon-done-cat:before { content: "\e903"; } .mood-icon-cart:before { content: "\e904"; } /*-------------------------------------------------------------- * * 1. Body * --------------------------------------------------------------*/ html { font-size: 16px;/*dynamic*/ } body { background: #fafafa;/*dynamic*/ color: #151515;/*dynamic*/ font-family: sans-serif;/*dynamic*/ font-size: inherit; line-height: 1.7; margin: 0; overflow: hidden; padding: 0; } /*-------------------------------------------------------------- 1.1. Header --------------------------------------------------------------*/ header#masthead { background: #ffffff;/*dynamic*/ border-bottom: 1px solid rgba(21,21,21,.1);/*dynamic*/ display: block; position: absolute; width: 100%; z-index: 9; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.mobile-view header#masthead { position: relative; } body.sticky-reached:not(.header-layout-side):not(.mobile-view) header#masthead { -moz-box-shadow: 0 2px 3px rgba(21,21,21,.05);/*dynamic*/ box-shadow: 0 2px 3px rgba(21,21,21,.05);/*dynamic*/ } body.transparent-header:not(.sticky-reached):not(.header-layout-side) header#masthead { background: transparent; border-bottom: 1px solid rgba(255,255,255,.1);/*dynamic*/ } body.transparent-header.alt-color:not(.sticky-reached):not(.header-layout-side) header#masthead { border-bottom: 1px solid rgba(21,21,21,.1);/*dynamic*/ } body.sticky-header:not(.mobile-view) header#masthead { position: fixed; } body.sticky-header.sticky-reached.scrollingDown.hide-scrolled-header:not(.header-layout-side):not(.mobile-view) header#masthead { -webkit-transform: translatey(-87px);/*dynamic*/ -moz-transform: translatey(-87px);/*dynamic*/ -ms-transform: translatey(-87px);/*dynamic*/ -o-transform: translatey(-87px);/*dynamic*/ transform: translatey(-87px);/*dynamic*/ } body.header-layout-side header#masthead { border-bottom: 0!important; -moz-box-shadow: 0 2px 5px rgba(21,21,21,.2);/*dynamic*//*ltr*/ box-shadow: 0 2px 5px rgba(21,21,21,.2);/*dynamic*//*ltr*/ bottom: 0; height: auto!important; position: fixed; top: 0; width: 280px; } body.header-layout-side.logged-in.admin-bar header#masthead { top: 32px; } body.header-layout-side:not(.rtl) header#masthead { margin-left: -280px; } body.header-layout-side.rtl header#masthead { margin-right: -280px; } #header-wrap { color: #151515;/*dynamic*/ display: table; height: 86px;/*dynamic*/ margin: auto; max-width: 1200px;/*dynamic*/ padding: 0 40px; width: 100%; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.header-layout-side #header-wrap { height: 100%; padding: 0; } body.mobile-view #header-wrap { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } body.header-layout-wide #header-wrap, body.header-layout-wide-centered #header-wrap, body.header-layout-wide-overlay #header-wrap { max-width: none; } #header-banner { display: table; height: inherit; } body.header-layout-side #header-banner { height: auto; padding: 20px 30px; left: 0;/*ltr*/ position: absolute; width: 100%; } body.header-layout-side #header-banner .site-branding.center .logo_wrap { display: inline-block; } body.header-layout-wide-centered #header-banner { position: absolute; } body.opaque-header #header-spacer { display: block; height: 86px;/*dynamic*/ margin: auto; padding: 0 40px; width: 100%; } body.header-layout-side #header-spacer, body.mobile-view #header-spacer { display: none!important; height: 0!important; } /*-------------------------------------------------------------- 1.1.0.1 Top bar --------------------------------------------------------------*/ #header-topbar { background: #151515;/*dynamic*/ color: #cccccc;/*dynamic*/ display: table; font-size: 12px; height: 30px;/*dynamic*/ line-height: 30px;/*dynamic*/ margin: 0 auto; width: 100%; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.transparent-header:not(.sticky-reached):not(.header-layout-side) #header-topbar { background: transparent; } #topbar-wrap { margin: 0 auto; max-width: 1200px;/*dynamic*/ padding: 0 40px; } #topbar-wrap a { color: inherit; -webkit-transition: inherit; -moz-transition: inherit; -ms-transition: inherit; -o-transition: inherit; transition: inherit; } body.header-layout-wide #topbar-wrap, body.header-layout-wide-centered #topbar-wrap, body.header-layout-wide-overlay #topbar-wrap { max-width: none; } body.header-layout-side #topbar-wrap { padding: 0 20px; } body.header-layout-side #topbar-wrap > div { float: none!important; } body.header-layout-side.logo-layout-center #topbar-wrap > div { text-align: center; } body.sticky-reached:not(.header-layout-side):not(.mobile-view) #header-topbar { margin-top: -30px;/*dynamic*/ } .top-bar-element { display: inline-block; padding: 0 10px; } body:not(.header-layout-side) .alignleft .top-bar-element:first-child { padding-left: 0;/*ltr*/ } body:not(.header-layout-side) .alignright .top-bar-element:last-child { padding-right: 0;/*ltr*/ } .top-bar-element svg { height: 12px; position: relative; top: .1em; } .top-bar-element svg.fill-icon * { fill: #cccccc;/*dynamic*/ } .top-bar-element svg.line-icon * { stroke-width: 2px; stroke: #cccccc;/*dynamic*/ -webkit-transition: stroke 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: stroke 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: stroke 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: stroke 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: stroke 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } .top-bar-element.element-type-separator { padding: 0; } .top-bar-element.element-type-separator::after { content: '\2022'; display: block; } .wpml_custom_language_top_selector li { list-style: none; position: relative; } .wpml_custom_language_top_selector > li > span { color: inherit; cursor: pointer; } .wpml_custom_language_top_selector li li > a { color: inherit; margin: 3px 13px; padding: 3px 12px; } .wpml_custom_language_top_selector > li > span::after { border-color: #151515;/*dynamic*/ border-style: solid; border-width: 1px 1px 0 0; content: ''; display: inline-block; height: 5px; margin: 0 0 2px 7px;/*ltr*/ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); width: 5px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wpml_custom_language_top_selector > li:hover > span::after { opacity: 0; } .wpml_custom_language_top_selector ul { background: #151515;/*dynamic*/ border-color: #0b91e2;/*dynamic*/ border-style: solid; border-width: 2px 0 0; -moz-box-shadow: inset 0 0 1px rgba(255,255,255,.1);/*dynamic*/ box-shadow: inset 0 0 1px rgba(255,255,255,.1);/*dynamic*/ color: #ffffff;/*dynamic*/ left: -10px;/*ltr*/ margin: 0; opacity: 0; padding: 10px 0 12px; position: absolute; text-align: left;/*ltr*/ top: -999999px; width: 215px; z-index: 1; -webkit-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s; -moz-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s; -ms-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s; -o-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s; transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s; } .wpml_custom_language_top_selector li:hover ul { opacity: 1; top: 30px;/*dynamic*/ -webkit-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s; -moz-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s; -ms-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s; -o-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s; transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s; } /*-------------------------------------------------------------- 1.1.1 Site branding --------------------------------------------------------------*/ #header-banner .site-branding { display: table-cell; vertical-align: middle; } #header-banner .site-branding.center { text-align: center; } #header-wrap .logo_wrap { display: table-cell; position: relative; vertical-align: middle; width: auto; } #header-banner .site-branding.center .logo_wrap { display: block; } #header-wrap .logo_wrap a, #header-wrap .logo_wrap img { display: block; width: auto; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -webkit-transform-origin: 0% 50%;/*ltr*/ -moz-transform-origin: 0% 50%;/*ltr*/ -ms-transform-origin: 0% 50%;/*ltr*/ -o-transform-origin: 0% 50%;/*ltr*/ transform-origin: 0% 50%;/*ltr*/ } #header-wrap .site-branding.center .logo_wrap img { display: inline-block; } #header-wrap .site-branding:not(.center) .logo_wrap + .site-branding-wrap { padding-left: 10px; } #logotype_alt { opacity: 0; position: absolute; } body.transparent-header:not(.sticky-reached):not(.header-layout-side) .logo_wrap.logo-count-2 #logotype_alt { opacity: 1; } body.transparent-header.alt-color:not(.sticky-reached):not(.header-layout-side) .logo_wrap.logo-count-2 #logotype_alt, body.transparent-header.alt-logo-color:not(.sticky-reached):not(.header-layout-side) .logo_wrap.logo-count-2 #logotype_alt { opacity: 0; } body.transparent-header:not(.sticky-reached):not(.header-layout-side) .logo_wrap.logo-count-2 #logotype { opacity: 0; } body.transparent-header.alt-color:not(.sticky-reached):not(.header-layout-side) .logo_wrap.logo-count-2 #logotype, body.transparent-header.alt-logo-color:not(.sticky-reached):not(.header-layout-side) .logo_wrap.logo-count-2 #logotype { opacity: 1; } #header-wrap .site-branding-wrap { display: table-cell; font-size: 26px;/*dynamic*/ vertical-align: middle; } #header-banner .site-branding.center .site-branding-wrap { display: block; } #header-wrap .site-branding-wrap .site-title { color: #151515;/*dynamic*/ font-family: sans-serif;/*dynamic*/ font-size: inherit; font-style: normal;/*dynamic*/ font-weight: 900;/*dynamic*/ margin: 0; text-transform: uppercase;/*dynamic*/ -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.transparent-header:not(.sticky-reached) #header-wrap .site-branding-wrap .site-title { color: #ffffff;/*dynamic*/ } body.transparent-header.alt-color:not(.sticky-reached) #header-wrap .site-branding-wrap .site-title { color: #151515;/*dynamic*/ } #header-wrap .site-branding-wrap .site-description { color: #151515;/*dynamic*/ font-family: sans-serif;/*dynamic*/ font-size: 0.5em;/*dynamic*/ font-style: normal;/*dynamic*/ font-weight: 900;/*dynamic*/ margin: 0; text-transform: none;/*dynamic*/ -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.transparent-header:not(.sticky-reached) #header-wrap .site-branding-wrap .site-description { color: #ffffff;/*dynamic*/ } body.transparent-header.alt-color:not(.sticky-reached) #header-wrap .site-branding-wrap .site-description { color: #151515;/*dynamic*/ } /*-------------------------------------------------------------- 1.1.2 Navigation --------------------------------------------------------------*/ #nav-wrap { display: table; height: inherit; } body:not(.mobile-view) .main-menu-container { display: block!important; } body.header-layout-wide-centered #nav-wrap { text-align: center; width: 100%; } body.header-layout-side #nav-wrap { height: 100%; width: 100%; } #nav-wrap nav#site-navigation { display: table-cell; vertical-align: middle; } body.header-layout-wide-centered #nav-wrap nav#site-navigation { display: inline-block; float: none!important; vertical-align: middle; } #nav-wrap nav#site-navigation li { list-style: none; margin: 0; position: relative; } #nav-wrap nav#site-navigation li a, #nav-wrap nav#site-navigation li .pix-menu-no-link { display: block; font-size: 12px;/*dynamic*/ font-weight: bold;/*dynamic*/ text-transform: uppercase;/*dynamic*/ -webkit-transition: color .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: color .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: color .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: color .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: color .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); } #nav-wrap nav#site-navigation > div > ul > li { height: 86px;/*dynamic*/ line-height: 86px;/*dynamic*/ position: relative; text-align: left;/*ltr*/ -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body:not(.mobile-view):not(.header-layout-side) #nav-wrap nav#site-navigation > div > ul > li { display: inline-block!important; } body.header-layout-side.logo-layout-center #nav-wrap nav#site-navigation > div > ul > li { text-align: center; } body.header-layout-side #nav-wrap nav#site-navigation, body.header-layout-side #nav-wrap nav#site-navigation > div { float: none; width: 100%; } body.header-layout-side #nav-wrap nav#site-navigation > div > ul > li { display: block; height: 36px; line-height: 36px; } body:not(.mobile-view):not(.header-layout-side) #nav-wrap nav#site-navigation > div > ul > li > a, body:not(.mobile-view):not(.header-layout-side) #nav-wrap nav#site-navigation > div > ul > li > .pix-menu-no-link { display: block!important; } #nav-wrap nav#site-navigation > div > ul > li > a, #nav-wrap nav#site-navigation > div > ul > li > .pix-menu-no-link { color: #151515; padding: 0 20px; position: relative; } body.header-layout-side #nav-wrap nav#site-navigation > div > ul > li > a, body.header-layout-side #nav-wrap nav#site-navigation > div > ul > li > .pix-menu-no-link { padding: 0 30px; } #nav-wrap nav#site-navigation > div > ul > li > a::before, #nav-wrap nav#site-navigation > div > ul > li > .pix-menu-no-link::before { background: transparent; content: ''; display: block; height: 2px; left: 19px; position: absolute; right: 19px; top: calc(50% + 10px);/*dynamic*/ /*intval( font-size:12 * 0.83333 )*/ -webkit-transition: background .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: background .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: background .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: background .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: background .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); } #nav-wrap nav#site-navigation > div > ul > li.current-menu-item > a::before, #nav-wrap nav#site-navigation > div > ul > li.current-menu-item > .pix-menu-no-link::before { background: #0b91e2;/*dynamic*/ } body.header-layout-side #nav-wrap nav#site-navigation > div > ul > li.current-menu-item > a > span, body.header-layout-side #nav-wrap nav#site-navigation > div > ul > li.current-menu-item > .pix-menu-no-link > span { position: relative; } body.header-layout-side #nav-wrap nav#site-navigation > div > ul > li.current-menu-item > a > span::before, body.header-layout-side #nav-wrap nav#site-navigation > div > ul > li.current-menu-item > .pix-menu-no-link > span::before { background: #0b91e2;/*dynamic*/ content: ''; display: block; height: 2px; left: 0; position: absolute; right: 0; top: calc(50% + 10px);/*dynamic*/ /*intval( font-size:12 * 0.83333 )*/ } body.header-layout-side #nav-wrap nav#site-navigation > div > ul > li.current-menu-item > a::before, body.header-layout-side #nav-wrap nav#site-navigation > div > ul > li.current-menu-item > .pix-menu-no-link::before { display: none; } #nav-wrap nav#site-navigation > div > ul > li:hover > a, #nav-wrap nav#site-navigation > div > ul > li:hover > .pix-menu-no-link { color: rgba(15,15,15,.5);/*dynamic*/ } #nav-wrap nav#site-navigation > div > ul li > ul, #nav-wrap nav#site-navigation > div > ul > li .pixmenu-wrap-level { background: #151515;/*dynamic*/ border-color: #0b91e2;/*dynamic*/ border-style: solid; border-width: 1px 0 0; -moz-box-shadow: inset 0 0 1px rgba(255,255,255,.1);/*dynamic*/ box-shadow: inset 0 0 1px rgba(255,255,255,.1);/*dynamic*/ color: #ffffff;/*dynamic*/ left: 0;/*ltr*/ margin: 1px 0 0; opacity: 0; padding: 10px 0 12px; position: absolute; text-align: left;/*ltr*/ top: -999999px; width: 215px; z-index: 1; -webkit-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .5s; -moz-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .5s; -ms-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .5s; -o-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .5s; transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .5s; } body.header-layout-side #nav-wrap nav#site-navigation > div > ul li > ul, body.header-layout-side #nav-wrap nav#site-navigation > div > ul > li .pixmenu-wrap-level { -webkit-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; } #nav-wrap nav#site-navigation > div > ul li > ul ul { -webkit-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s; -moz-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s; -ms-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s; -o-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s; transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s; } body.header-layout-side #nav-wrap nav#site-navigation > div > ul li > ul, body.header-layout-side #nav-wrap nav#site-navigation > div > ul > li .pixmenu-wrap-level { left: -999999px;/*ltr*/ top: 0; } body.header-layout-side #nav-wrap nav#site-navigation > div > ul > li > ul, body.header-layout-side #nav-wrap nav#site-navigation > div > ul > li .pixmenu-wrap-level { border-width: 0 0 0 2px;/*ltr*/ } #nav-wrap nav#site-navigation > div > ul > li .pixmenu-wrap-level { width: auto; } #nav-wrap nav#site-navigation > div > ul > li .pixmenu-wrap-level > div > ul { position: relative; } #nav-wrap nav#site-navigation > div > ul > li .pixmenu-wrap-level > div > ul:not(:last-child)::after { background: rgba(255,255,255,.1);/*dynamic*/ bottom: -3000000px; content: ''; display: block; position: absolute; right: 0; top: 3px; width: 1px; } #nav-wrap nav#site-navigation > div > ul li:hover > ul, #nav-wrap nav#site-navigation > div > ul li:hover > .pixmenu-wrap-level { opacity: 1; top: 86px;/*dynamic*/ -webkit-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } #nav-wrap nav#site-navigation > div > ul ul li:hover > ul { -webkit-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s; -moz-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s; -ms-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s; -o-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s; transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s; } body.header-layout-side #nav-wrap nav#site-navigation > div > ul > li:hover > ul, body.header-layout-side #nav-wrap nav#site-navigation > div > ul > li:hover > .pixmenu-wrap-level { top: 0; left: calc(100% + 1px);/*ltr*/ } body.header-layout-side #nav-wrap nav#site-navigation > div > ul li:hover > ul, body.header-layout-side #nav-wrap nav#site-navigation > div > ul li:hover > .pixmenu-wrap-level { top: 0; left: 100%;/*ltr*/ } #nav-wrap nav#site-navigation > div > ul li:hover > ul::before { right: 0;/*ltr*/ } #nav-wrap nav#site-navigation > div > ul > li li { height: auto; line-height: 2; } #nav-wrap nav#site-navigation > div > ul > li li > a, #nav-wrap nav#site-navigation > div > ul > li li > .pix-menu-no-link { color: inherit; margin: 3px 13px; padding: 3px 12px; text-transform: none;/*dynamic*/ -webkit-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } nav#site-navigation li > a .pix_menu_tag, nav#site-navigation li > .pix-menu-no-link .pix_menu_tag { background-color: #0b91e2;/*dynamic*/ color: #ffffff;/*dynamic*/ display: inline-block; font-size: 8px; line-height: 1.8; margin: -2.5em 0 0 -0.5em; padding: 0 3px; position: absolute; text-transform: uppercase; top: 50%; vertical-align: middle; } body.first-nav-icon-arrow #nav-wrap nav#site-navigation > div > ul > li.menu-item-has-children > a::after, body.first-nav-icon-arrow #nav-wrap nav#site-navigation > div > ul > li.menu-item-has-children > .pix-menu-no-link::after, body.sub-nav-icon-arrow #nav-wrap nav#site-navigation > div > ul li li.menu-item-has-children > a::after, body.sub-nav-icon-arrow #nav-wrap nav#site-navigation > div > ul li li.menu-item-has-children > .pix-menu-no-link::after { border-color: #151515;/*dynamic*/ border-style: solid; border-width: 1px 1px 0 0; content: ''; display: inline-block; height: 5px; margin-left: 4px;/*ltr*/ position: absolute; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); top: calc(50% - 5px); width: 5px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.first-nav-icon-arrow #nav-wrap nav#site-navigation > div > ul li.menu-item-has-children:hover > a::after, body.first-nav-icon-arrow #nav-wrap nav#site-navigation > div > ul li.menu-item-has-children:hover > .pix-menu-no-link::after, body.sub-nav-icon-arrow #nav-wrap nav#site-navigation > div > ul li.menu-item-has-children:hover > a::after, body.sub-nav-icon-arrow #nav-wrap nav#site-navigation > div > ul li.menu-item-has-children:hover > .pix-menu-no-link::after { opacity: 0; } body.first-nav-icon-arrow.header-layout-side #nav-wrap nav#site-navigation > div > ul > li.menu-item-has-children > a::after, body.first-nav-icon-arrow.header-layout-side #nav-wrap nav#site-navigation > div > ul > li.menu-item-has-children > .pix-menu-no-link::after { top: calc(50% - 3px); -webkit-transform: rotate(45deg);/*ltr*/ -moz-transform: rotate(45deg);/*ltr*/ -ms-transform: rotate(45deg);/*ltr*/ -o-transform: rotate(45deg);/*ltr*/ transform: rotate(45deg);/*ltr*/ } body.sub-nav-icon-arrow #nav-wrap nav#site-navigation > div > ul li li.menu-item-has-children > a::after, body.sub-nav-icon-arrow #nav-wrap nav#site-navigation > div > ul li li.menu-item-has-children > .pix-menu-no-link::after { border-color: #ffffff;/*dynamic*/ top: calc(50% - 2px); -webkit-transform: rotate(45deg);/*ltr*/ -moz-transform: rotate(45deg);/*ltr*/ -ms-transform: rotate(45deg);/*ltr*/ -o-transform: rotate(45deg);/*ltr*/ transform: rotate(45deg);/*ltr*/ } body.first-nav-icon-bullet #nav-wrap nav#site-navigation > div > ul > li.menu-item-has-children > a::after, body.first-nav-icon-bullet #nav-wrap nav#site-navigation > div > ul > li.menu-item-has-children > .pix-menu-no-link::after, body.sub-nav-icon-bullet #nav-wrap nav#site-navigation > div > ul li li.menu-item-has-children > a::after, body.sub-nav-icon-bullet #nav-wrap nav#site-navigation > div > ul li li.menu-item-has-children > .pix-menu-no-link::after { background: #151515;/*dynamic*/ -moz-border-radius: 50%; border-radius: 50%; content: ''; display: inline-block; height: 4px; margin-left: 5px;/*ltr*/ position: absolute; -webkit-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); top: calc(50% - 2px); width: 4px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.first-nav-icon-bullet #nav-wrap nav#site-navigation > div > ul > li.menu-item-has-children:hover > a::after, body.first-nav-icon-bullet #nav-wrap nav#site-navigation > div > ul > li.menu-item-has-children:hover > .pix-menu-no-link::after { opacity: .5; } body.first-nav-icon-bullet #nav-wrap nav#site-navigation > div > ul li.menu-item-has-children:hover > a::after, body.first-nav-icon-bullet #nav-wrap nav#site-navigation > div > ul li.menu-item-has-children:hover > .pix-menu-no-link::after, body.sub-nav-icon-bullet #nav-wrap nav#site-navigation > div > ul li.menu-item-has-children:hover > a::after, body.sub-nav-icon-bullet #nav-wrap nav#site-navigation > div > ul li.menu-item-has-children:hover > .pix-menu-no-link::after { top: calc(50% - 1px); height: 1px; } #nav-wrap nav#site-navigation > div > ul > li li:hover > a { background: rgba(255,255,255,0.075);/*dynamic*/ } #nav-wrap nav#site-navigation > div > ul > li li .pix_mega_title { color: rgba(255,255,255,.5);/*dynamic*/ font-weight: bold; text-transform: uppercase; } #nav-wrap nav#site-navigation > div > ul > li ul ul { border-width: 0; left: 214px;/*ltr*/ } #nav-wrap nav#site-navigation > div > ul > li ul.reverse ul, #nav-wrap nav#site-navigation > div > ul > li ul ul.reverse { left: -214px;/*ltr*/ } #nav-wrap nav#site-navigation > div > ul li li:hover > ul { opacity: 1; top: 0; } #nav-wrap nav#site-navigation .pixmenu-wrap-row { overflow: hidden; } #nav-wrap nav#site-navigation .mega_clear { background: rgba(255,255,255,.1);/*dynamic*/ display: block; height: 1px; margin: 8px auto; width: calc(100% - 26px); } #nav-wrap nav#site-navigation .pixmenu-wrap-row > ul[data-col="1"] { width: 200px;/*dynamic*/ } #nav-wrap nav#site-navigation [data-cols="1"] .pixmenu-wrap-row > ul[data-col="1"] { max-width: 100%; } #nav-wrap nav#site-navigation .wide_width [data-cols="1"] .pixmenu-wrap-row > ul[data-col="1"] { width: 100%; } #nav-wrap nav#site-navigation [data-cols="2"] .pixmenu-wrap-row > ul[data-col="1"] { max-width: 50%; } #nav-wrap nav#site-navigation .wide_width [data-cols="2"] .pixmenu-wrap-row > ul[data-col="1"] { width: 50%; } #nav-wrap nav#site-navigation [data-cols="3"] .pixmenu-wrap-row > ul[data-col="1"] { max-width: 33.33%; } #nav-wrap nav#site-navigation .wide_width [data-cols="3"] .pixmenu-wrap-row > ul[data-col="1"] { width: 33.33%; } #nav-wrap nav#site-navigation [data-cols="4"] .pixmenu-wrap-row > ul[data-col="1"] { max-width: 25%; } #nav-wrap nav#site-navigation .wide_width [data-cols="4"] .pixmenu-wrap-row > ul[data-col="1"] { width: 25%; } #nav-wrap nav#site-navigation [data-cols="5"] .pixmenu-wrap-row > ul[data-col="1"] { max-width: 20%; } #nav-wrap nav#site-navigation .wide_width [data-cols="5"] .pixmenu-wrap-row > ul[data-col="1"] { width: 20%; } #nav-wrap nav#site-navigation [data-cols="6"] .pixmenu-wrap-row > ul[data-col="1"] { max-width: 16.66%; } #nav-wrap nav#site-navigation .wide_width [data-cols="6"] .pixmenu-wrap-row > ul[data-col="1"] { width: 16.66%; } #nav-wrap nav#site-navigation .pixmenu-wrap-row > ul[data-col="2"] { width: 400px;/*dynamic*/ } #nav-wrap nav#site-navigation [data-cols="2"] .pixmenu-wrap-row > ul[data-col="2"] { max-width: 100%; } #nav-wrap nav#site-navigation .wide_width [data-cols="2"] .pixmenu-wrap-row > ul[data-col="2"] { width: 100%; } #nav-wrap nav#site-navigation [data-cols="3"] .pixmenu-wrap-row > ul[data-col="2"] { max-width: 75%; } #nav-wrap nav#site-navigation .wide_width [data-cols="3"] .pixmenu-wrap-row > ul[data-col="2"] { width: 75%; } #nav-wrap nav#site-navigation [data-cols="4"] .pixmenu-wrap-row > ul[data-col="2"] { max-width: 50%; } #nav-wrap nav#site-navigation .wide_width [data-cols="4"] .pixmenu-wrap-row > ul[data-col="2"] { width: 50%; } #nav-wrap nav#site-navigation [data-cols="5"] .pixmenu-wrap-row > ul[data-col="2"] { max-width: 40%; } #nav-wrap nav#site-navigation .wide_width [data-cols="5"] .pixmenu-wrap-row > ul[data-col="2"] { width: 40%; } #nav-wrap nav#site-navigation [data-cols="6"] .pixmenu-wrap-row > ul[data-col="2"] { max-width: 33.33%; } #nav-wrap nav#site-navigation .wide_width [data-cols="6"] .pixmenu-wrap-row > ul[data-col="2"] { width: 33.33%; } #nav-wrap nav#site-navigation .pixmenu-wrap-row > ul[data-col="3"] { width: 600px;/*dynamic*/ } #nav-wrap nav#site-navigation [data-cols="3"] .pixmenu-wrap-row > ul[data-col="3"] { max-width: 100%; } #nav-wrap nav#site-navigation .wide_width [data-cols="3"] .pixmenu-wrap-row > ul[data-col="3"] { width: 100%; } #nav-wrap nav#site-navigation [data-cols="4"] .pixmenu-wrap-row > ul[data-col="3"] { max-width: 75%; } #nav-wrap nav#site-navigation .wide_width [data-cols="4"] .pixmenu-wrap-row > ul[data-col="3"] { width: 75%; } #nav-wrap nav#site-navigation [data-cols="5"] .pixmenu-wrap-row > ul[data-col="3"] { max-width: 60%; } #nav-wrap nav#site-navigation .wide_width [data-cols="5"] .pixmenu-wrap-row > ul[data-col="3"] { max-width: 60%; } #nav-wrap nav#site-navigation [data-cols="6"] .pixmenu-wrap-row > ul[data-col="3"] { max-width: 50%; } #nav-wrap nav#site-navigation .wide_width [data-cols="6"] .pixmenu-wrap-row > ul[data-col="3"] { width: 50%; } #nav-wrap nav#site-navigation .pixmenu-wrap-row > ul[data-col="4"] { width: 800px;/*dynamic*/ } #nav-wrap nav#site-navigation [data-cols="4"] .pixmenu-wrap-row > ul[data-col="4"] { max-width: 100%; } #nav-wrap nav#site-navigation .wide_width [data-cols="4"] .pixmenu-wrap-row > ul[data-col="4"] { width: 100%; } #nav-wrap nav#site-navigation [data-cols="5"] .pixmenu-wrap-row > ul[data-col="4"] { max-width: 80%; } #nav-wrap nav#site-navigation .wide_width [data-cols="5"] .pixmenu-wrap-row > ul[data-col="4"] { width: 80%; } #nav-wrap nav#site-navigation [data-cols="6"] .pixmenu-wrap-row > ul[data-col="4"] { max-width: 66.66%; } #nav-wrap nav#site-navigation .wide_width [data-cols="6"] .pixmenu-wrap-row > ul[data-col="4"] { width: 66.66%; } #nav-wrap nav#site-navigation .pixmenu-wrap-row > ul[data-col="5"] { width: 1000px;/*dynamic*/ } #nav-wrap nav#site-navigation [data-cols="5"] .pixmenu-wrap-row > ul[data-col="5"] { max-width: 100%; } #nav-wrap nav#site-navigation .wide_width [data-cols="5"] .pixmenu-wrap-row > ul[data-col="5"] { width: 100%; } #nav-wrap nav#site-navigation [data-cols="6"] .pixmenu-wrap-row > ul[data-col="5"] { max-width: 83.33%; } #nav-wrap nav#site-navigation .wide_width [data-cols="6"] .pixmenu-wrap-row > ul[data-col="5"] { width: 83.33%; } #nav-wrap nav#site-navigation .pixmenu-wrap-row > ul[data-col="6"] { width: 1200px;/*dynamic*/ } #nav-wrap nav#site-navigation [data-cols="6"] .pixmenu-wrap-row > ul[data-col="6"] { max-width: 100%; } #nav-wrap nav#site-navigation .wide_width [data-cols="6"] .pixmenu-wrap-row > ul[data-col="6"] { width: 100%; } /*-------------------------------------------------------------- 1.1.2.1 Burger menu --------------------------------------------------------------*/ body.mood-overlay-menu #nav-wrap nav#site-navigation > div:not(#header-cart), body.mood-overlay-menu #header-icons { display: none; } #hamburger-menu { display: none; } body.mobile-view #hamburger-menu, body.mood-overlay-menu #hamburger-menu { cursor: pointer; display: block; height: 86px;/*dynamic*/ margin-left: 15px;/*ltr*/ position: relative; width: 20px; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.mobile-view .hamburger-bar, body.mobile-view .hamburger-bar:after, body.mobile-view .hamburger-bar:before, body.mood-overlay-menu .hamburger-bar, body.mood-overlay-menu .hamburger-bar:after, body.mood-overlay-menu .hamburger-bar:before { height: 2px; width: 18px; } body.mobile-view .hamburger-bar, body.mood-overlay-menu .hamburger-bar { background: #151515;/*dynamic*/ left: 50%; margin: -1px 0 0 -9px; position: absolute; top: 50%; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.mobile-view .hamburger-bar.clicked, body.mood-overlay-menu .hamburger-bar.clicked { opacity: 0; } body.mobile-view .hamburger-bar:before, body.mood-overlay-menu .hamburger-bar:before { background: #151515;/*dynamic*/ content: ""; position: absolute; left: 0; bottom: 5px; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.mobile-view .hamburger-bar:after, body.mood-overlay-menu .hamburger-bar:after { background: #151515;/*dynamic*/ content: ""; left: 0; position: absolute; top: 5px; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.mobile-view #hamburger-menu.clicked .hamburger-bar, body.mobile-view #hamburger-menu-overlay.clicked .hamburger-bar, body.mood-overlay-menu #hamburger-menu.clicked .hamburger-bar, body.mood-overlay-menu #hamburger-menu-overlay.clicked .hamburger-bar { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } body.mobile-view #hamburger-menu.clicked .hamburger-bar:before, body.mobile-view #hamburger-menu.clicked .hamburger-bar:after, body.mobile-view #hamburger-menu-overlay.clicked .hamburger-bar:before, body.mobile-view #hamburger-menu-overlay.clicked .hamburger-bar:after, body.mood-overlay-menu #hamburger-menu.clicked .hamburger-bar:before, body.mood-overlay-menu #hamburger-menu.clicked .hamburger-bar:after, body.mood-overlay-menu #hamburger-menu-overlay.clicked .hamburger-bar:before, body.mood-overlay-menu #hamburger-menu-overlay.clicked .hamburger-bar:after { top: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } body.mobile-view #hamburger-menu.clicked .hamburger-bar:after, body.mobile-view #hamburger-menu-overlay.clicked .hamburger-bar:after, body.mood-overlay-menu #hamburger-menu.clicked .hamburger-bar:after, body.mood-overlay-menu #hamburger-menu-overlay.clicked .hamburger-bar:after { opacity: 0; } #overlay-wrap { background: rgba(15,15,15,.95);/*dynamic*/ bottom: 0; display: none; left: 0; opacity: 0; overflow: scroll; position: fixed; top: 0; width: 100%; z-index: 9; } body.logged-in.admin-bar #overlay-wrap { top: 32px; } body.mobile-view #overlay-wrap { display: none!important; } #overlay-header { color: #ffffff;/*dynamic*/ height: 0; left: 0; margin: auto; position: relative; top: 0; width: 100%; z-index: 1; } body.logged-in.admin-bar #overlay-header { top: 32px; } #overlay-header-wrap { display: block; height: 0; margin: auto; max-width: 1200px;/*dynamic*/ padding: 0 40px; position: relative; width: 100%; z-index: 1; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.header-layout-wide-overlay #overlay-header-wrap { max-width: none; } #hamburger-menu-overlay { cursor: pointer; display: block; height: 86px;/*dynamic*/ position: relative; right: -20px; width: 60px; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.mood-has-topbar:not(.sticky-reached) #hamburger-menu-overlay { top: 30px;/*dynamic*/ } body:not(.mobile-view) .appended-menu { display: table!important; height: 100%; position: absolute; text-align: center; top: 0; width: 100%; z-index: 0; } .appended-menu ul, .appended-menu ol, .appended-menu li { list-style: none; margin: 0; padding: 0; } .appended-menu > ul > li { margin: 0 auto; max-width: 800px; opacity: 0; width: calc(100% - 200px); } .appended-menu > ul > li#header-icons { margin-top: 20px; opacity: 1; } .appended-menu #header-search, .appended-menu #nav-social .nav-social-element { height: 50px;/*dynamic*/ margin: 0; padding: 0; width: 40px; } .appended-menu > ul > li#header-icons a { height: 50px;/*dynamic*/ opacity: 0; padding: 0 8px; width: 40px; } .appended-menu > ul > li#header-icons a svg { height: 20px; left: calc(50% - 10px); top: calc(50% - 10px); width: 20px; } .appended-menu #top-search-icon { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .appended-menu #nav-social::before { display: none; } .appended-menu li ul { display: none; float: none; } .appended-menu li li { opacity: 0; } .appended-menu #primary-menu { display: table-cell; vertical-align: middle; } .appended-menu ul > li > a, .appended-menu ul > li > .pix-menu-no-link { color: #ffffff; display: inline-block; font-family: sans-serif;/*dynamic*/ font-size: 30px;/*dynamic*/ font-weight: bold;/*dynamic*/ line-height: 50px;/*dynamic*/ padding: 0 20px; position: relative; text-transform: uppercase;/*dynamic*/ -webkit-transition: color 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: color 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: color 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: color 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: color 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } .appended-menu > ul > li.current-menu-item > a > span, .appended-menu > ul > li.current-menu-item > .pix-menu-no-link > span, .appended-menu li.sub-revealed > a > span, .appended-menu li.sub-revealed > .pix-menu-no-link > span, .appended-menu ul > li > a:hover, .appended-menu ul > li > .pix-menu-no-link:hover { color: rgba(255,255,255,.5);/*dynamic*/ } .appended-menu ul > li > a > span, .appended-menu ul > li > .pix-menu-no-link > span { position: relative; } .appended-menu > ul li.sub-revealed > a > span::before, .appended-menu > ul li.sub-revealed > .pix-menu-no-link > span::before { background: #0b91e2;/*dynamic*/ content: ''; display: block; height: 2px; left: 0; position: absolute; right: 0; top: calc(50% + 26px);/*dynamic*/ /*intval( font-size:12 * 0.83333 )*/ -webkit-transition: color 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: color 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: color 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: color 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: color 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } .appended-menu li > a .pix_menu_tag, .appended-menu li > .pix-menu-no-link .pix_menu_tag { background-color: #0b91e2;/*dynamic*/ color: #ffffff;/*dynamic*/ display: inline-block; font-size: 8px; line-height: 1.8; margin: -28px 0 0 -1em;/*dynamic*/ padding: 0 3px; position: absolute; text-transform: uppercase; top: 50%; vertical-align: middle; } .appended-menu > ul .sub-overlay-back-arrow { cursor: pointer; display: none; height: 44px; left: 0; padding: 10px; position: absolute; top: calc(50% - 22px); width: 44px; } .appended-menu .pix_mega_title, .appended-menu li.menu-item-has-children .pix-menu-no-link { cursor: pointer; } body.mobile-view .sub-overlay-back-arrow { display: none!important; } .appended-menu > ul .sub-overlay-back-arrow svg { height: 18px; } .appended-menu > ul .sub-overlay-back-arrow svg.line-icon path { stroke: #ffffff;/*dynamic*/ stroke-width: 2px; } body.overlay-icon-arrow .appended-menu li.menu-item-has-children:not(.sub-revealed) > a::after, body.overlay-icon-arrow .appended-menu li.menu-item-has-children:not(.sub-revealed) > .pix-menu-no-link::after, body.overlay-icon-arrow .appended-menu .ul-mega > li:not(.sub-revealed) > .pix_mega_title::after { border-color: #ffffff;/*dynamic*/ border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 8px; margin-left: 6px;/*ltr*/ position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: calc(50% - 2px); width: 8px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.overlay-icon-arrow .appended-menu li.menu-item-has-children:not(.sub-revealed):hover > a::after, body.overlay-icon-arrow .appended-menu li.menu-item-has-children:not(.sub-revealed):hover > .pix-menu-no-link::after, body.overlay-icon-arrow .appended-menu .ul-mega > li:not(.sub-revealed):hover > .pix_mega_title::after { opacity: .5; } body.overlay-icon-bullet .appended-menu li.menu-item-has-children:not(.sub-revealed) > a::after, body.overlay-icon-bullet .appended-menu li.menu-item-has-children:not(.sub-revealed) > .pix-menu-no-link::after, body.overlay-icon-bullet .appended-menu .ul-mega > li:not(.sub-revealed) > .pix_mega_title::after { background: #ffffff;/*dynamic*/ -moz-border-radius: 50%; border-radius: 50%; content: ''; display: inline-block; height: 5px; margin-left: 6px;/*ltr*/ position: absolute; top: calc(50% - 2px); width: 5px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.overlay-icon-bullet .appended-menu li.menu-item-has-children:not(.sub-revealed):hover > a::after, body.overlay-icon-bullet .appended-menu li.menu-item-has-children:not(.sub-revealed):hover > .pix-menu-no-link::after, body.overlay-icon-bullet .appended-menu .ul-mega > li:not(.sub-revealed):hover > .pix_mega_title::after { opacity: .5; } body.overlay-icon-hellip .appended-menu li.menu-item-has-children:not(.sub-revealed) > a::after, body.overlay-icon-hellip .appended-menu li.menu-item-has-children:not(.sub-revealed) > .pix-menu-no-link::after, body.overlay-icon-hellip .appended-menu .ul-mega > li:not(.sub-revealed) > .pix_mega_title::after { content: '\2026'; display: inline-block; font-size: .5em; margin: 0 -1em 0 6px;/*ltr*/ -webkit-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.overlay-icon-hellip .appended-menu li.menu-item-has-children:not(.sub-revealed):hover > a::after, body.overlay-icon-hellip .appended-menu li.menu-item-has-children:not(.sub-revealed):hover > .pix-menu-no-link::after, body.overlay-icon-hellip .appended-menu .ul-mega > li:not(.sub-revealed):hover > .pix_mega_title::after { opacity: .5; } body.mood-overlay-menu .appended-menu #header-icons { display: block; } .appended-menu #header-search, .appended-menu #nav-social { display: inline-block; float: none; } /*-------------------------------------------------------------- 1.1.3 Search form --------------------------------------------------------------*/ #top-search-icon { height: 86px;/*dynamic*/ line-height: 86px;/*dynamic*/ padding: 0 15px; position: relative; width: 46px; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } #top-search-icon path { -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } #top-search-icon:hover { opacity: .5; } #top-search-text { display: none; } body.header-layout-wide-centered #top-search-icon { width: 40px; } body.header-layout-side.logo-layout-center #header-search { display: inline-block; float: none; vertical-align: bottom; } body.header-layout-side #top-search-icon { height: 44px; line-height: 44px; } #top-search-icon svg { height: 16px; left: calc(50% - 8px); position: absolute; stroke-width: 2px; top: calc(50% - 8px); width: 16px; } #top-search-icon svg > * { stroke: #151515;/*dynamic*/ } #top-search-form { background: rgba(15,15,15,.95);/*dynamic*/ color: #ffffff;/*dynamic*/ display: none; height: 100%; left: 0; margin: 0; opacity: 0; position: fixed; right: 0;/*ltr*/ text-align: left; top: 0; width: 100%; z-index: 10; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } #top-search-form form { position: relative; } #top-search-form form { position: relative; } #close-search-form { cursor: pointer; display: none; height: 30px; right: 30px; position: absolute; top: 50px; width: 60px; } #close-search-form::before, #close-search-form::after { background: #ffffff;/*dynamic*/ content: ''; display: block; height: 55%; left: calc(50% - 1px); position: absolute; top: 0; width: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #close-search-form::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #top-search-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) { font-size: inherit; margin: 0; } #top-search-form [data-id="searchform"] [data-id="searchsubmit"] { cursor: pointer; height: 100%; margin: 0; opacity: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #top-search-form form svg { display: none; } #top-search-form .form-wrap { height: 50px!important; left: calc(50% - 350px)!important; perspective: 1000px; position: absolute; top: 30%; width: 700px!important; } #top-search-form form input[type="search"] { background-color: transparent!important; background-position: right 25px center!important; background-repeat: no-repeat!important; border: 1px solid rgba(255,255,255,.1);/*dynamic*/ -moz-border-radius: 2px; border-radius: 2px; color: #ffffff;/*dynamic*/ font-size: 20px!important; height: 80px!important; line-height: 80px!important; opacity: 0; padding: 0 30px; position: relative; top: 0; width: 100%!important; -webkit-transition: border 3s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: border 3s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: border 3s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: border 3s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: border 3s cubic-bezier(0.140, 0.560, 0.710, 0.975); } #top-search-form form input[type="search"]:focus { border: 1px solid rgba(255,255,255,.5);/*dynamic*/ } #top-search-form form input[type="search"]::-webkit-input-placeholder { color: rgba(255,255,255,.5);/*dynamic*/ } #top-search-form form input[type="search"]::-moz-placeholder { color: rgba(255,255,255,.5);/*dynamic*/ } #top-search-form form input[type="search"]:-ms-input-placeholder { color: rgba(255,255,255,.5);/*dynamic*/ } #top-search-form form input[type="search"]::input-placeholder { color: rgba(255,255,255,.5);/*dynamic*/ } /*-------------------------------------------------------------- 1.1.4 Nav social icons --------------------------------------------------------------*/ #nav-social { position: relative; } body.header-layout-side.logo-layout-center #nav-social { display: inline-block; float: none; vertical-align: bottom; } #nav-social::before { background: #151515;/*dynamic*/ content: ''; display: block; float: left;/*ltr*/ height: 86px;/*dynamic*/ margin: 0 20px; opacity: .1; width: 1px; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.header-layout-side #nav-social::before { display: none; } #nav-social .nav-social-element { -moz-box-sizing: content-box; box-sizing: content-box; height: 86px;/*dynamic*/ margin: 0 15px; position: relative; width: 10px; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body:not(.header-layout-wide):not(.header-layout-wide-centered):not(.header-layout-side) #nav-social .nav-social-element:last-child { margin-right: 0;/*ltr*/ } body.header-layout-side #nav-social .nav-social-element { height: 44px; } #nav-social .nav-social-element svg { height: 16px; left: calc(50% - 8px); position: absolute; stroke-width: 2px; top: calc(50% - 8px); width: 16px; } #nav-social .nav-social-element:hover { opacity: .5; } #nav-social .nav-social-element svg.fill-icon, #nav-social .nav-social-element svg.fill-icon * { fill: #151515;/*dynamic*/ -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } #nav-social .nav-social-element svg.line-icon * { stroke: #151515;/*dynamic*/ } body.header-layout-wide #nav-social { margin-right: -20px;/*ltr*/ } body.header-layout-wide-centered #header-icons { position: absolute; right: 20px;/*ltr*/ top: 0; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.header-layout-wide-centered.mood-has-topbar:not(.sticky-reached) #header-icons { top: 30px;/*dynamic*/ } body.header-layout-side #header-icons { bottom: 0; left: 0;/*ltr*/ padding: 0 10px 10px; position: absolute; width: 100%; } body.header-layout-side.logo-layout-center #header-icons { text-align: center; } /*-------------------------------------------------------------- 1.1.5 Header mini cart --------------------------------------------------------------*/ #header-cart { height: 86px;/*dynamic*/ line-height: 86px;/*dynamic*/ padding: 0 15px; position: relative; width: 46px; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.header-layout-wide-centered #header-cart { width: 40px; } body.header-layout-side #header-cart { background: #ffffff;/*dynamic*/ border-color: rgba(21,21,21,.1);/*dynamic*/ border-style: solid; border-width: 0 0 1px 1px;/*ltr*/ height: 46px; line-height: 46px; position: fixed; right: 0; top: 0; } body.header-layout-side.logged-in.admin-bar #header-cart { top: 32px; } body:not(.mobile-view) #header-cart > a { display: block!important; } #header-cart svg { height: 16px; left: calc(50% - 8px); position: absolute; stroke-width: 2px; top: calc(50% - 8px); width: 16px; } #header-cart svg > * { stroke: #151515;/*dynamic*/ -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.header-layout-side #header-cart svg { left: calc(50% - 9px);/*ltr*/ } #top-mini-cart { background: #151515;/*dynamic*/ border-color: #0b91e2;/*dynamic*/ border-style: solid; border-width: 2px 0 0; -moz-box-shadow: inset 0 0 1px rgba(255,255,255,.1);/*dynamic*/ box-shadow: inset 0 0 1px rgba(255,255,255,.1);/*dynamic*/ color: #ffffff;/*dynamic*/ left: 0;/*ltr*/ margin: 0; opacity: 0; padding: 30px; position: absolute; text-align: left;/*ltr*/ top: -999999px; width: 290px; z-index: 1; -webkit-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .5s; -moz-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .5s; -ms-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .5s; -o-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .5s; transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .5s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .5s; } #header-cart:hover > #top-mini-cart { opacity: 1; top: 86px;/*dynamic*/ -webkit-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, top .01s .25s, margin 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.header-layout-side #header-cart > #top-mini-cart { left: auto;/*ltr*/ right: 0;/*ltr*/ } body.header-layout-side #header-cart:hover > #top-mini-cart { top: 46px; } #top-mini-cart ul.cart_list li { display: table; line-height: 1.7;/*dynamic*/ padding-right: 30px;/*ltr*/ position: relative; width: 100%; } #header-cart p { line-height: 1.7;/*dynamic*/ } #top-mini-cart ul.cart_list li img { margin: 0 !important; padding-right: 15px;/*ltr*/ padding-top: .325em; width: 65px; } #header-wrap #top-mini-cart ul.cart_list, #header-wrap #top-mini-cart ul.cart_list a, #top-mini-cart ul.cart_list, #top-mini-cart ul.cart_list a { color: inherit; font-family: sans-serif;/*dynamic*/ font-size: 12px;/*dynamic*/ font-style: normal; font-weight: normal; letter-spacing: 0; text-transform: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #top-mini-cart ul.cart_list a.remove { height: 20px; line-height: 20px; position: absolute; right: 0;/*ltr*/ text-align: center; width: 20px; } #top-cart-amount { background-color: #0b91e2;/*dynamic*/ -moz-border-radius: 50%; border-radius: 50%; color: #ffffff;/*dynamic*/ display: inline-block; font-size: 8px; line-height: 1.8; margin: -2.5em 0 0 -0.5em; padding: 0 3px; position: absolute; right: 5px;/*ltr*/ text-align: center; text-transform: uppercase; top: 50%; vertical-align: middle; width: 1.8em; } body.mobile-view #top-cart-amount { left: 20px;/*ltr*/ right: auto;/*ltr*/ } #top-cart-text { display: none; } #top-mini-cart .mini-cart-thumb, #top-mini-cart .mini-cart-product-name { display: block; float: left; margin-bottom: 20px; max-width: 135px; } #top-mini-cart .mini-cart-product-name .quantity { clear: both; display: block; opacity: .5; } #header-cart p.total { border-top: 1px solid rgba(255,255,255,.1);/*dynamic*/ font-size: 1.1em; margin-top: 5px; overflow: hidden; padding: 15px 0; width: 100%; } #header-cart p.total > * { display: block; float: left; font-weight: bold; text-align: right;/*ltr*/ width: calc(50% - 5px); } #header-cart p.total > .amount { float: right;/*ltr*/ text-align: left;/*ltr*/ } #header-cart p.buttons > a { background: #0b91e2;/*dynamic*/ -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; color: #ffffff;/*dynamic*/ display: inline-block; float: left;/*ltr*/ font-size: .85em; margin: 0; padding: 8px 15px; text-align: center; text-transform: uppercase; width: calc(50% - 1px); } #header-cart p.buttons > a:last-child { float: right;/*ltr*/ } /*-------------------------------------------------------------- 1.1.6 Mobile nav --------------------------------------------------------------*/ body.mobile-view div.main-menu-container { border-top: 2px solid #0b91e2;/*dynamic*/ background: #151515;/*dynamic*/ display: none; padding: 20px 0; position: relative; width: 100%; z-index: 1; } body.mobile-view div.main-menu-container ul.primary-menu { margin: auto; max-width: 800px; } body.mobile-view div.main-menu-container .alignleft { float: none!important; } body.mobile-view div.main-menu-container li ul, body.mobile-view div.main-menu-container li div { margin: 0!important; width: 100%!important; } body.mobile-view div.main-menu-container ul li { background: #151515;/*dynamic*/ color: #ffffff;/*dynamic*/ list-style: none; opacity: 1!important; width: 100%; } body.mobile-view div.main-menu-container ul li li { display: block; } body.mobile-view div.main-menu-container li > ul, body.mobile-view div.main-menu-container li > div { display: none; } body.mobile-view div.main-menu-container li > a, body.mobile-view div.main-menu-container li > .pix-menu-no-link { color: inherit; display: block; font-family: sans-serif;/*dynamic*/ font-size: 12px;/*dynamic*/ font-weight: bold;/*dynamic*/ padding: 10px 30px; position: relative; text-transform: none;/*dynamic*/ width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.mobile-view div.main-menu-container li > a .pix_menu_tag, body.mobile-view div.main-menu-container li > .pix-menu-no-link .pix_menu_tag { background-color: #0b91e2;/*dynamic*/ color: #ffffff;/*dynamic*/ display: inline-block; font-size: 8px; line-height: 1.8; margin: -3em 0 0 -1.2em; padding: 0 3px; position: absolute; text-transform: uppercase; top: 50%; vertical-align: middle; } body.mobile-view div.main-menu-container li > a .after, body.mobile-view div.main-menu-container div > a .after, body.mobile-view div.main-menu-container li > span .after { height: 100%; position: absolute; right: 0;/*ltr*/ top: 0; width: 40px; } body.mobile-view div.main-menu-container li > a .after::before, body.mobile-view div.main-menu-container div > a .after::before, body.mobile-view div.main-menu-container li > span .after::before { background: #ffffff;/*dynamic*/ bottom: 10px; content: ''; left: 0;/*ltr*/ opacity: .1; position: absolute; top: 10px; width: 1px; } body.mobile-view div.main-menu-container li > a .after::after, body.mobile-view div.main-menu-container div > a .after::after, body.mobile-view div.main-menu-container li > span .after::after { border-color: #ffffff;/*dynamic*/ border-style: solid; border-width: 1px 1px 0 0; content: ''; display: inline-block; height: 5px; left: calc(50% - 4px); position: absolute; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: calc(50% - 5px); width: 5px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.mobile-view div.main-menu-container li > a.clicked, body.mobile-view div.main-menu-container div > a.clicked, body.mobile-view div.main-menu-container li > span.clicked { background: rgba(255,255,255,.05);/*dynamic*/ } body.mobile-view div.main-menu-container li > a.clicked .after::after, body.mobile-view div.main-menu-container div > a.clicked .after::after, body.mobile-view div.main-menu-container li > span.clicked .after::after { top: calc(50% - 2px); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } body.mobile-view #nav-social { border-top: 1px solid rgba(255,255,255,.1);/*dynamic*/ background: #151515;/*dynamic*/ display: table; margin: 20px auto -20px; max-width: 800px; padding: 0 25px; width: 100%; } body.mobile-view #nav-social::before { display: none; } body.mobile-view #nav-social .nav-social-element { display: table-cell; height: 60px; opacity: .45; } body.mobile-view #nav-social .nav-social-element svg.fill-icon * { fill: #ffffff;/*dynamic*/ -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.mobile-view #nav-social .nav-social-element svg.line-icon * { stroke: #ffffff;/*dynamic*/ -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.mobile-view #header-cart, body.mobile-view #header-search, body.mobile-view #top-search-icon { height: auto; line-height: inherit; margin: auto; max-width: 800px; padding: 0; width: 100%; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } body.mobile-view #top-cart-icon, body.mobile-view #top-search-icon { color: #ffffff;/*dynamic*/ display: block; font-family: sans-serif;/*dynamic*/ font-size: 12px;/*dynamic*/ font-weight: bold;/*dynamic*/ opacity: 1!important; padding: 10px 30px; position: relative; text-transform: none;/*dynamic*/ } body.mobile-view #header-cart svg, body.mobile-view #header-search svg { left: auto; margin-right: 10px; position: relative; top: auto; vertical-align: sub; } body.mobile-view #header-cart svg.fill-icon, body.mobile-view #header-search svg.fill-icon { fill: #ffffff;/*dynamic*/ } body.mobile-view #header-cart svg.line-icon *, body.mobile-view #header-search svg.line-icon * { stroke: #ffffff;/*dynamic*/ } body.mobile-view #header-search form svg { display: none; } body.mobile-view #top-cart-text, body.mobile-view #top-search-text { display: inline-block; } body.mobile-view #top-mini-cart { border: 0; -moz-box-shadow: none; box-shadow: none; display: none; left: 0!important; padding: 0; opacity: 1; position: relative; top: auto; width: 100%; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } body.mobile-view #top-mini-cart ul { margin: 0!important; } body.mobile-view #header-cart:hover > #top-mini-cart { opacity: 1; top: auto; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } body.mobile-view #top-mini-cart > p { overflow: hidden; padding: 15px 20px; } body.mobile-view #top-mini-cart > p + p { padding-top: 0; } body.mobile-view #header-topbar { background: transparent; color: #ffffff;/*dynamic*/ height: auto; line-height: inherit; padding: 10px 0 0; } body.mobile-view #topbar-wrap { border-top: 1px solid rgba(255,255,255,.1);/*dynamic*/ max-width: 800px; padding: 10px 0; } body.mobile-view #header-topbar .alignleft, body.mobile-view #header-topbar .alignright { float: none; width: 100%; } body.mobile-view #header-topbar .top-bar-element.element-type-separator { display: none!important; } body.mobile-view #header-topbar .top-bar-element:not(.element-type-lang-switcher), body.mobile-view #header-topbar .top-bar-element li > span.wpml-native-name { color: #ffffff;/*dynamic*/ display: block; font-family: sans-serif;/*dynamic*/ font-size: 12px;/*dynamic*/ font-weight: bold;/*dynamic*/ padding: 10px 30px; position: relative; text-align: left;/*ltr*/ text-transform: none;/*dynamic*/ } body.mobile-view #header-topbar .top-bar-element.element-type-lang-switcher { display: block; padding: 0; } body.mobile-view #header-topbar svg { height: 16px; left: auto; margin-right: 10px;/*ltr*/ position: relative; stroke-width: 2px; top: calc(50% - 8px); width: 16px; top: auto; vertical-align: sub; } body.mobile-view li > span.wpml-native-name { display: block; width: 100%; } body.mobile-view .wpml_custom_language_top_selector > li > span::after { display: none; } body.mobile-view .wpml_custom_language_top_selector ul { background: #151515;/*dynamic*/ border: 0; -moz-box-shadow: none; box-shadow: none; color: #ffffff;/*dynamic*/ display: none; left: auto; opacity: 1!important; position: relative; top: auto!important; } body.mobile-view .wpml_custom_language_top_selector li li > a { margin: 0; } body.mobile-view #top-search-form { display: none!important; } body.mobile-view #header-search .form-wrap { display: none; padding: 10px 30px; width: 100%; } body.mobile-view [data-id="searchform"] input[type="search"] { background: transparent; border: 1px solid rgba(255,255,255,.1);/*dynamic*/ color: #ffffff;/*dynamic*/ font-size: inherit; padding: 10px 0; opacity: 1; text-indent: 10px; width: 100%; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } body.mobile-view [data-id="searchform"] input[type="submit"] { display: none; } body.mobile-view .searchwp-live-search-results { height: auto!important; min-height: 60px; } /*-------------------------------------------------------------- 1.2. Page --------------------------------------------------------------*/ #page { background: #ffffff;/*dynamic*/ margin: auto; opacity: 0; position: relative; z-index: 1; -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.mood-loaded #page { opacity: 1; } body.header-layout-side:not(.rtl) #page { margin-left: 280px; overflow: visible; } body.header-layout-side.rtl #page { margin-right: 280px; overflow: visible; } body.mood-boxed-layout.header-layout-side #page { overflow: visible; } #page-wrap { margin: auto; max-width: 1200px;/*dynamic*//*content_width*/ padding: 0 40px; position: relative; } body.page-template-wide-page #page-wrap, body.page-template-wide-page-left-sidebar #page-wrap, body.page-template-wide-page-right-sidebar #page-wrap { max-width: none!important; width: 100%!important; } /*-------------------------------------------------------------- 1.2.1. Container --------------------------------------------------------------*/ body.mobile-view #container { display: block; float: left; width: 100%; } /*-------------------------------------------------------------- 1.3. Content --------------------------------------------------------------*/ body.page-template-page-narrow #primary { margin: auto; position: relative; width: 75%; } body.page-template-page-right-sidebar #primary, body.page-template-wide-page-right-sidebar #primary { float: left;/*ltr*/ position: relative; width: calc(75% - 50px); } body.page-template-page-left-sidebar #primary, body.page-template-wide-page-left-sidebar #primary { float: right;/*ltr*/ position: relative; width: calc(75% - 50px); } body.none-sidebar-selected:not(.page-template-default) #primary { float: none!important; margin: auto!important; padding-left: 0!important; padding-right: 0!important; } @media screen and (max-width: 860px) { body.page-template-page-narrow #primary, body.page-template-page-right-sidebar #primary, body.page-template-page-left-sidebar #primary, body.page-template-wide-page-left-sidebar #primary, body.page-template-wide-page-right-sidebar #primary { float: none; padding-left: 0; padding-right: 0; width: 100%; } } @media screen and (max-width: 800px) { #primary { padding-left: 0; padding-right: 0; } } body:not(.no-space-content) #header-title + #container #main, body.opaque-header:not(.no-space-content) #header-spacer + #container #main, body:not(.no-space-content) #header-title + #container aside#secondary, body.opaque-header:not(.no-space-content) #header-spacer + #container aside#secondary, body.home.blog:not(.no-space-content) #main, body.home.blog:not(.no-space-content) aside#secondary { padding: 80px 0; } .single-post:not(.no-space-content) #header-title + #container #main, .single-post:not(.no-space-content) #header-title + #container aside#secondary { padding: 20px 0 60px; } .single-post:not(.no-space-content) #header-title.has_parallax + #container #main, .single-post:not(.no-space-content) #header-title.has_parallax + #container aside#secondary { padding: 60px 0; } /*-------------------------------------------------------------- 1.3.1. Buttons --------------------------------------------------------------*/ .mood-button-wrap { display: block; position: relative; } .mood-button-separator { background: #ffffff;/*dynamic*/ -moz-box-shadow: 0 0 10px rgba(21,21,21,.15);/*dynamic*/ box-shadow: 0 0 10px rgba(21,21,21,.15);/*dynamic*/ display: inline-block; -moz-border-radius: 2000px; border-radius: 2000px; color: #222324;/*dynamic*/ height: 60%; font-family: "Lato";/*dynamic*/ font-size: 10px;/*dynamic*/ font-weight: bold;/*dynamic*/ min-width: 40px; padding: 0 10px; position: absolute; text-align: center; top: 50%; word-wrap: normal!important; z-index: 2; } .mood-button-separator-border { background: rgba(21,21,21,.15);/*dynamic*/ bottom: 1px; display: inline-block; position: absolute; top: 1px; width: 1px; z-index: 1; } .mood-button-separator > svg { display: inline-block; left: calc(50% - 10px); position: absolute; top: calc(50% - 10px); width: 22px; } .mood-button-wrap a { z-index: 0; } button[type="submit"] { white-space: nowrap; } .mood .mood-button, .mood .vc_btn3, .mood .vc_general.vc_btn3.mood-button, .mood .vc_btn3[class*="vc_btn3-color-"], .mood .vc_btn3[class*="vc_btn3-color-"][class*="vc_btn3-style-"], input[type="submit"], button[type="submit"], .button, .shipping-calculator-button, table.compare-list .add-to-cart td a, .widget.null-instagram-feed p > a, .widget.widget_null-instagram-feed p > a, body.mood #page .ts-timeline-css-button-link, body.mood .ts-advanced-google-map-container .ts-advanced-google-map-controls .ts-advanced-google-map-controls-search-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #0b91e2;/*dynamic*/ -moz-border-radius: 2px;/*dynamic*/ border-radius: 2px;/*dynamic*/ border: 1px solid #0b91e2;/*dynamic*/ color: #ffffff;/*dynamic*/ cursor: pointer; font-family: "Lato";/*dynamic*/ font-weight: bold;/*dynamic*/ font-size: 13px;/*dynamic*/ display: inline-block; line-height: 1.667em;/*dynamic*/ padding: 1em 2.775em; position: relative; text-align: center; text-decoration: none; text-shadow: none; text-transform: uppercase;/*dynamic*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), border .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), box-shadow .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), border .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -moz-box-shadow .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), border .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), box-shadow .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), border .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), box-shadow .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), border .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), box-shadow .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .mood .mood-button::after { border-radius: inherit; bottom: 0; content: ''; display: block; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: -1; -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .mood .mood-button:hover::after { opacity: 1; } .mood .mood-button svg path { stroke: #ffffff;/*dynamic*/ -webkit-transition: stroke .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: stroke .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: stroke .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: stroke .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: stroke .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .no-shadow-button-hover .mood-button:hover { -moz-box-shadow: none!important; box-shadow: none!important; } .half-shadow-button .mood-button, .half-shadow-button-hover .mood-button:hover { -moz-box-shadow: 0 3px 12px rgba(21,21,21,.15);/*dynamic*/ box-shadow: 0 3px 12px rgba(21,21,21,.15);/*dynamic*/ } .shadow-button .mood-button, .shadow-button-hover .mood-button:hover { -moz-box-shadow: 0 4px 15px rgba(21,21,21,.35);/*dynamic*/ box-shadow: 0 4px 15px rgba(21,21,21,.35);/*dynamic*/ } .mood .vc_tta-tabs-list .vc_tta-tab > a i, .mood .vc_tta-panels .vc_tta-panel-heading a i { position: relative; top: -.15em; vertical-align: middle; } .mood .vc_tta-tabs-list .vc_tta-tab > a [data-icon-position="before"] i, .mood .vc_tta-panels .vc_tta-panel-heading a [data-icon-position="before"] i { margin-right: .5em; } .mood .vc_tta-tabs-list .vc_tta-tab > a [data-icon-position="after"] i, .mood .vc_tta-panels .vc_tta-panel-heading a [data-icon-position="after"] i { margin-left: .5em; } .mood .mood-button:not(.vc_btn3), input[type="submit"], button[type="submit"], .button, .shipping-calculator-button, table.compare-list .add-to-cart td a { margin-top: 20px; } .mood .mood-button-wrap .mood-button { margin-top: 0; white-space: nowrap; } @media screen and (max-width: 479px) { .mood .mood-button-wrap .mood-button { white-space: initial; } } .mood .mood-button-wrap .mood-button svg { position: relative; top: -0.1em; vertical-align: middle; width: 24px; } .mood .mood-button-wrap .mood-button svg.custom-color { -webkit-transition: inherit; -moz-transition: inherit; -ms-transition: inherit; -o-transition: inherit; transition: inherit; } .mood .mood-button-wrap.button-doubled .width_100 { width: 50%!important; } .mood .mood-button:hover, .mood .vc_btn3:hover, .button:hover, .mood .vc_general.vc_btn3.mood-button:hover, .mood .vc_btn3[class*="vc_btn3-color-"]:hover, .mood .vc_btn3[class*="vc_btn3-color-"][class*="vc_btn3-style-"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, .button:not(.disabled):hover, .shipping-calculator-button:hover, table.compare-list .add-to-cart td a:hover, .widget.null-instagram-feed p > a:hover, .widget.widget_null-instagram-feed p > a:hover { background: #0b91e2;/*dynamic*/ border: 1px solid #0b91e2;/*dynamic*/ color: #ffffff;/*dynamic*/ } .mood .mood-button:hover svg.line-icon path { stroke: #ffffff;/*dynamic*/ } .mood .vc_grid-btn-load_more a.vc_btn3, .mood .vc_grid-btn-load_more a.vc_btn3:hover, .mood .vc_grid-btn-load_more a.vc_btn3[class*="vc_btn3-color-"][class*="vc_btn3-style-"], .mood .vc_grid-btn-load_more a.vc_btn3[class*="vc_btn3-color-"][class*="vc_btn3-style-"]:hover { background: transparent!important; border: 1px solid rgba(21,21,21,.1)!important;/*dynamic*/ color: inherit!important; } .mood .vc_btn3.vc_btn3-style-outline-custom, .mood .vc_btn3.vc_btn3-style-outline, .mood .vc_btn3.vc_btn3-style-outline-custom:hover, .mood .vc_btn3.vc_btn3-style-outline:hover, .mood .vc_btn3.vc_btn3-style-outline-custom:focus, .mood .vc_btn3.vc_btn3-style-outline:focus { border-width: 1px; } .mood .vc_btn3.vc_btn3-shape-rounded { border-radius: 3px!important; } .mood .vc_grid-btn-load_more a.vc_btn3.vc_btn3-icon-left:not(.vc_btn3-o-empty) { padding-left: 4em!important; } .mood .vc_grid-btn-load_more a.vc_btn3.vc_btn3-icon-right:not(.vc_btn3-o-empty) { padding-right: 4em!important; } /*-------------------------------------------------------------- 1.3.2. Entry content --------------------------------------------------------------*/ .post-list { /*overflow: hidden;*//*because carousel doesn't show nav arrows instead*/ position: relative; -webkit-transition: height .4s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: height .4s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: height .4s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: height .4s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: height .4s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .pix-post-filters { display: table-cell; font-size: .775em; line-height: 1.5em; text-align: center; vertical-align: middle; } .filter-left .pix-post-filters { text-align: left; } .filter-right .pix-post-filters { text-align: right; } .pix-post-filters a { -moz-border-radius: 100px; border-radius: 100px; display: inline-block; font-family: "Lato";/*dynamic*/ font-weight: bold; line-height: 1.75em; padding: .25em 18px; text-decoration: none; text-transform: uppercase; -webkit-transition: all .75s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: allm .75s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all .75s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all .75s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all .75s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .pix-post-filters a.selected { background-color: rgba(21,21,21,.1);/*dynamic*/ } .pix-post-filters a { color: inherit!important; } .gallery-shortcode-grid[data-columns] { margin: 30px 0 0 -30px; position: relative; } #main > .post-list[data-columns]:first-child { margin-top: 0; } .gallery-shortcode-slideshow { margin-bottom: 30px; margin-top: 30px; } .featured-media .gallery-shortcode-slideshow { margin: 0; } .post-list-filter-wrap { display: table; margin: 0 auto 2.5em; max-width: 1200px;/*dynamic*//*content_width*/ text-align: center; width: 100%; white-space: nowrap; } .mood_filter_title { color: inherit !important; display: table-cell; vertical-align: middle; } .mood_filter_title span { display: block; margin-top: -0.15em; } .mood_filter_stroke { display: table-cell; height: 1px; position: relative; vertical-align: middle; width: 100%; } .mood_filter_stroke::after { background-color: rgba(21,21,21,.1);/*dynamic*/ content: ''; display: block; height: 1px; left: 20px; position: absolute; right: 20px; top: 50%; } .mood-gallery-item .featured-media-wrap a { color: inherit; } .mood-gallery-caption { color: inherit; display: block; font-weight: bold; padding: 1.75em 0 1em; text-align: center; text-transform: uppercase; } @media screen and (max-width: 768px) { .post-list-filter-wrap { display: block; white-space: normal; } .mood_filter_title { display: block; } .mood_filter_stroke { display: none; } .pix-post-filters { display: block; width: 100%; } } .vc_row[data-vc-full-width="true"][data-vc-stretch-content="true"] .post-list-filter-wrap { padding: 0 40px; } .post-list[data-columns] > article, .post-list[data-columns]:not([data-grid="carousel"]) > div, .post-list[data-columns] > li, .gallery-shortcode-grid[data-columns] > div { margin-bottom: 30px; padding-left: 30px; } .post-list[data-columns="1"] > article, .post-list[data-columns="1"]:not([data-grid="carousel"]) > div, .post-list[data-columns="1"] > li, .gallery-shortcode-grid[data-columns="1"] > div { width: 100%; } .post-list[data-columns="2"] > article, .post-list[data-columns="2"]:not([data-grid="carousel"]) > div, .post-list[data-columns="2"] > li, .gallery-shortcode-grid[data-columns="2"] > div { width: calc(50% - 1px); } .post-list[data-columns="3"] > article, .post-list[data-columns="3"]:not([data-grid="carousel"]) > div, .post-list[data-columns="3"] > li, .gallery-shortcode-grid[data-columns="3"] > div { width: calc(33.33% - 1px); } .post-list[data-columns="3"][data-metro="yes"]:not([data-grid="carousel"]) > article[data-view="double_both"], .post-list[data-columns="3"][data-metro="yes"]:not([data-grid="carousel"]) > article[data-view="double_width"] { width: calc(66.66% - 3px); } .post-list[data-columns="4"] > article, .post-list[data-columns="4"]:not([data-grid="carousel"]) > div, .post-list[data-columns="4"] > li, .gallery-shortcode-grid[data-columns="4"] > div { width: calc(25% - 1px); } .post-list[data-columns="4"][data-metro="yes"]:not([data-grid="carousel"]) > article[data-view="double_both"], .post-list[data-columns="4"][data-metro="yes"]:not([data-grid="carousel"]) > article[data-view="double_width"] { width: calc(50% - 2px); } .post-list[data-columns="5"] > article, .post-list[data-columns="5"]:not([data-grid="carousel"]) > div, .post-list[data-columns="5"] > li, .gallery-shortcode-grid[data-columns="5"] > div { width: calc(20% - 1px); } .post-list[data-columns="5"][data-metro="yes"]:not([data-grid="carousel"]) > article[data-view="double_both"], .post-list[data-columns="5"][data-metro="yes"]:not([data-grid="carousel"]) > article[data-view="double_width"] { width: calc(40% - 2px); } .post-list[data-columns="6"] > article, .post-list[data-columns="6"]:not([data-grid="carousel"]) > div, .post-list[data-columns="6"] > li, .gallery-shortcode-grid[data-columns="6"] > div { width: calc(16.66% - 1px); } .post-list[data-columns="6"][data-metro="yes"]:not([data-grid="carousel"]) > article[data-view="double_both"], .post-list[data-columns="6"][data-metro="yes"]:not([data-grid="carousel"]) > article[data-view="double_width"] { width: calc(33.33% - 1px); } @media screen and (max-width: 1024px) { .post-list[data-landscape="1"] > article, .post-list[data-landscape="1"] > div, .post-list[data-landscape="1"] > li, .gallery-shortcode-grid[data-landscape="1"] > div { width: 100%; } .post-list[data-landscape="2"] > article, .post-list[data-landscape="2"] > div, .post-list[data-landscape="2"] > li, .gallery-shortcode-grid[data-landscape="2"] > div { width: calc(50% - 2px); } .post-list[data-landscape="2"][data-double="yes"]:not([data-grid="carousel"]) > article:first-child { width: 100%; } .post-list[data-landscape="3"] > article, .post-list[data-landscape="3"] > div, .post-list[data-landscape="3"] > li, .gallery-shortcode-grid[data-landscape="3"] > div { width: calc(33.33% - 2px); } .post-list[data-landscape="3"][data-double="yes"]:not([data-grid="carousel"]) > article:first-child { width: calc(66.66% - 3px); } .post-list[data-landscape="4"] > article, .post-list[data-landscape="4"] > div, .post-list[data-landscape="4"] > li, .gallery-shortcode-grid[data-landscape="4"] > div { width: calc(25% - 2px); } .post-list[data-landscape="4"][data-double="yes"]:not([data-grid="carousel"]) > article:first-child { width: calc(50% - 2px); } .post-list[data-landscape="5"] > article, .post-list[data-landscape="5"] > div, .post-list[data-landscape="5"] > li, .gallery-shortcode-grid[data-landscape="5"] > div { width: calc(20% - 2px); } .post-list[data-landscape="5"][data-double="yes"]:not([data-grid="carousel"]) > article:first-child { width: calc(40% - 2px); } .post-list[data-landscape="6"] > article, .post-list[data-landscape="6"] > div, .post-list[data-landscape="6"] > li, .gallery-shortcode-grid[data-landscape="6"] > div { width: calc(16.66% - 2px); } .post-list[data-landscape="6"][data-double="yes"]:not([data-grid="carousel"]) > article:first-child { width: calc(33.33% - 2px); } } @media screen and (max-width: 768px) { .post-list[data-portrait="1"] > article, .post-list[data-portrait="1"] > div, .post-list[data-portrait="1"] > li, .gallery-shortcode-grid[data-portrait="1"] > div { width: 100%; } .post-list[data-portrait="2"] > article, .post-list[data-portrait="2"] > div, .post-list[data-portrait="2"] > li, .gallery-shortcode-grid[data-portrait="2"] > div { width: calc(50% - 2px); } .post-list[data-portrait="2"][data-double="yes"]:not([data-grid="carousel"]) > article:first-child { width: 100%; } .post-list[data-portrait="3"] > article, .post-list[data-portrait="3"] > div, .post-list[data-portrait="3"] > li, .gallery-shortcode-grid[data-portrait="3"] > div { width: calc(33.33% - 2px); } .post-list[data-portrait="3"][data-double="yes"]:not([data-grid="carousel"]) > article:first-child { width: calc(66.66% - 3px); } .post-list[data-portrait="4"] > article, .post-list[data-portrait="4"] > div, .post-list[data-portrait="4"] > li, .gallery-shortcode-grid[data-portrait="4"] > div { width: calc(25% - 2px); } .post-list[data-portrait="4"][data-double="yes"]:not([data-grid="carousel"]) > article:first-child { width: calc(50% - 2px); } .post-list[data-portrait="5"] > article, .post-list[data-portrait="5"] > div, .post-list[data-portrait="5"] > li, .gallery-shortcode-grid[data-portrait="5"] > div { width: calc(20% - 2px); } .post-list[data-portrait="5"][data-double="yes"]:not([data-grid="carousel"]) > article:first-child { width: calc(40% - 2px); } .post-list[data-portrait="6"] > article, .post-list[data-portrait="6"] > div, .post-list[data-portrait="6"] > li, .gallery-shortcode-grid[data-portrait="6"] > div { width: calc(16.66% - 2px); } .post-list[data-portrait="6"][data-double="yes"]:not([data-grid="carousel"]) > article:first-child { width: calc(33.33% - 2px); } } @media screen and (max-width: 414px) { .post-list[data-phone="1"] > article, .post-list[data-phone="1"] > div, .post-list[data-phone="1"] > li, .gallery-shortcode-grid[data-phone="1"] > div { width: 100%; } .post-list[data-phone="2"] > article, .post-list[data-phone="2"] > div, .post-list[data-phone="2"] > li, .gallery-shortcode-grid[data-phone="2"] > div { width: calc(50% - 2px); } .post-list[data-phone="2"][data-double="yes"]:not([data-grid="carousel"]) > article:first-child { width: 100%; } .post-list[data-phone="3"] > article, .post-list[data-phone="3"] > div, .post-list[data-phone="3"] > li, .gallery-shortcode-grid[data-phone="3"] > div { width: calc(33.33% - 2px); } .post-list[data-phone="3"][data-double="yes"]:not([data-grid="carousel"]) > article:first-child { width: calc(66.66% - 3px); } .post-list[data-phone="4"] > article, .post-list[data-phone="4"] > div, .post-list[data-phone="4"] > li, .gallery-shortcode-grid[data-phone="4"] > div { width: calc(25% - 2px); } .post-list[data-phone="4"][data-double="yes"]:not([data-grid="carousel"]) > article:first-child { width: calc(50% - 2px); } .post-list[data-phone="5"] > article, .post-list[data-phone="5"] > div, .post-list[data-phone="5"] > li, .gallery-shortcode-grid[data-phone="5"] > div { width: calc(20% - 2px); } .post-list[data-phone="5"][data-double="yes"]:not([data-grid="carousel"]) > article:first-child { width: calc(40% - 2px); } .post-list[data-phone="6"] > article, .post-list[data-phone="6"] > div, .post-list[data-phone="6"] > li, .gallery-shortcode-grid[data-phone="6"] > div { width: calc(16.66% - 2px); } .post-list[data-phone="6"][data-double="yes"]:not([data-grid="carousel"]) > article:first-child { width: calc(33.33% - 2px); } } .post-list .for-reveal { overflow: hidden; position: relative; mask-image: radial-gradient(circle, white, black); -o-mask-image: -o-radial-gradient(circle, white, black); -moz-mask-image: -moz-radial-gradient(circle, white, black); -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .post-list article.text-position-over:not(.no-media) .for-reveal { -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .post-list:not(.work-list):not(.no-border) article:not(.no-shadow):not(.format-quote):not(.text-position-over) .for-reveal, .post-list.search-list article:not(.no-shadow):not(.text-position-over) .for-reveal { box-shadow: inset 0 0 1px rgba(0,0,0,.2);/*dynamic*/ } .post-list:not(.work-list) article.no-media:not(.no-shadow):not(.format-quote) .for-reveal { border-top: 1px solid rgba(0,0,0,.05);/*dynamic*/ } body.search .post-list:not(.work-list) article.no-media:not(.no-shadow):not(.format-quote) .for-reveal { border-top: 0; } body:not(.rtl) .post-list:not(.work-list) article.sticky .for-reveal { border-left: 4px solid #151515;/*dynamic*//*ltr*/ } .post-list:not(.work-list) article.sticky.no-shadow .for-reveal { padding-left: 25px;/*ltr*/ } .post-list:not(.work-list) article.text-position-right .for-reveal, .post-list:not(.work-list) article.text-position-left .for-reveal { float: left; width: 100%; } .post-list:not(.work-list) article:not(.no-shadow) .entry-text, .post-list:not(.work-list) article.text-position-over .entry-text { padding: 40px !important; width: 100%!important; } @media screen and (min-width: 501px) { .post-list:not(.work-list) article.text-position-right .entry-text { width: calc(50% + 20px)!important; float: right; } .post-list:not(.work-list) article.text-position-half-right .entry-text { width: calc(75% + 20px)!important; float: right; } .post-list:not(.work-list) article.text-position-left .entry-text { width: calc(50% + 20px)!important; float: left; } .post-list:not(.work-list) article.text-position-half-left .entry-text { width: calc(75% + 20px)!important; float: left; } .post-list:not(.work-list) article.no-shadow .entry-text { margin: 0 auto; } .post-list:not(.work-list) article.no-shadow.text-position-right .entry-text, .post-list:not(.work-list) article.no-shadow.text-position-half-right .entry-text { padding-left: 20px; } .post-list:not(.work-list) article.no-shadow.text-position-left .entry-text, .post-list:not(.work-list) article.no-shadow.text-position-half-left .entry-text { padding-right: 20px; } } .post-list:not(.work-list) article.no-shadow:not(.text-position-left):not(.text-position-right):not(.text-position-half-left):not(.text-position-half-right) .featured-media-wrap + .entry-text, .post-list:not(.work-list) article.no-shadow:not(.text-position-left):not(.text-position-right):not(.text-position-half-left):not(.text-position-half-right) .featured-media + .entry-text { padding-top: 30px; } @media screen and (max-width: 500px) { .post-list:not(.work-list) article.no-shadow .featured-media-wrap + .entry-text, .post-list:not(.work-list) article.no-shadow .featured-media + .entry-text { padding-top: 30px; } } .post-list:not(.work-list) h1, .post-list:not(.work-list) h2, .post-list:not(.work-list) h3, .post-list:not(.work-list) h4, .post-list:not(.work-list) h5, .post-list:not(.work-list) h6 { margin: 0; word-wrap: break-word; } .post-list:not(.work-list) .entry-meta, .post-list:not(.work-list) small.post-type { color: #acacaf;/*dynamic*/ display: block; font-size: 12px; line-height: 1.5; margin-top: 15px; } .post-list:not(.work-list) small.post-type { margin-top: 5px; } .post-list:not(.work-list) .entry-meta > span, .post-list:not(.work-list) .entry-meta > a { display: inline-block; white-space: nowrap; } .post-list:not(.work-list) .entry-meta a { color: inherit; } .post-list:not(.work-list) .entry-meta svg { height: 10px; margin: -2px 3px 0 0;/*ltr*/ vertical-align: middle; width: 11px; } .post-list:not(.work-list) .entry-meta svg.line-icon path { stroke: #acacaf;/*dynamic*/ stroke-width: 3px; } .post-list:not(.work-list) .entry-meta .done svg path { fill: #0b91e2;/*dynamic*/ } .post-list:not(.work-list) .entry-meta > span + span::before, .post-list:not(.work-list) .entry-meta > span + a::before, .post-list:not(.work-list) .entry-meta > a + span::before { content: '\2022'; display: inline-block; margin: 0 .35em; } .post-list:not(.work-list) .entry-content, .post-list:not(.work-list) .entry-quote { display: block; line-height: 1.5; margin: 10px 0 0; } .post-list:not(.work-list) .entry-content::before { background: #151515;/*dynamic*/ content: ''; display: block; height: 1px; margin: 15px 0; opacity: .1; } .post-list:not(.work-list) .entry-content *:last-child { margin-bottom: 0; } .post-list:not(.work-list) .featured-media-wrap, .post-list:not(.work-list) .featured-media { display: block; overflow: hidden; position: relative; } @media screen and (min-width: 501px) { .post-list:not(.work-list) article.text-position-right .featured-media-wrap, .post-list:not(.work-list) article.text-position-right .featured-media { float: left; width: calc(50% - 20px); } .post-list:not(.work-list) article.text-position-half-right .featured-media-wrap, .post-list:not(.work-list) article.text-position-half-right .featured-media { float: left; width: calc(25% - 20px); } .post-list:not(.work-list) article.text-position-left .featured-media-wrap, .post-list:not(.work-list) article.text-position-left .featured-media { float: right; width: calc(50% - 20px); } .post-list:not(.work-list) article.text-position-half-left .featured-media-wrap, .post-list:not(.work-list) article.text-position-half-left .featured-media { float: right; width: calc(25% - 20px); } } .post-list .featured-media-wrap div.wp-post-image { background-size: cover; } .post-list .featured-media-wrap img, .post-list .featured-media-wrap div.wp-post-image { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: -moz-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: -ms-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: -o-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); width: 100%; z-index: 0; } .post-list:not(.no-hover) article:not(.format-gallery):hover .for-reveal:not(.wpb_animate_when_almost_visible) .featured-media-wrap img, .post-list article:not(.format-gallery):hover .for-reveal:not(.wpb_animate_when_almost_visible) div.wp-post-image { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .post-list article.format-gallery .featured-media-wrap div.gallery-second-img { background-position: center; background-size: cover; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -webkit-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -moz-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -ms-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -o-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .post-list:not(.work-list) .text-position-over .entry-text { bottom: 0; position: absolute; } .post-list:not(.work-list) .text-position-over .entry-text * { position: relative; z-index: 1; } .post-list:not(.work-list) .text-position-over .entry-text *:not(.more-link) { color: #ffffff !important; } .post-list:not(.work-list) .text-position-over .entry-text::after { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%,rgba(0,0,0,1) 100%); bottom: 0; content: ''; height: 150%; left: 0; pointer-events: none; position: absolute; width: 100%; z-index: 0; } .post-list article.format-gallery:hover .featured-media-wrap div.gallery-second-img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .post-list blockquote, .post-list .content-quote { font-size: 2.25em; font-weight: bold; line-height: 1.325; margin: 0; padding: 0; } .post-list blockquote cite, .post-list .content-quote cite { font-weight: initial; } .post-list blockquote::before { display: none; } .post-list:not(.search-list) article.format-quote .entry-text { background-position: center; background-size: cover; -moz-border-radius: inherit; border-radius: inherit; color: #ffffff;/*dynamic*/ display: table; padding: 40px; position: relative; } .post-list:not(.search-list) article.format-quote .entry-text .entry-quote { display: table-cell; vertical-align: middle; } .post-list[data-metro="yes"][data-grid="masonry"] article.has_media.text-position-below .entry-text { background: #ffffff;/*dynamic*/ bottom: 0; padding: 30px 0 0; position: absolute; z-index: 1; } .post-list[data-metro="yes"][data-grid="masonry"]:not(.work-list) article:not(.no-shadow):not(.format-quote).has_media.text-position-below .entry-text { box-shadow: inset 0 0 1px rgba(0,0,0,.2);/*dynamic*/ } @media screen and (max-width: 1024px) { .post-list[data-landscape="1"][data-metro="yes"][data-grid="masonry"] article.has_media.text-position-below .entry-text { position: relative; } } @media screen and (max-width: 768px) { .post-list[data-portrait="1"][data-metro="yes"][data-grid="masonry"] article.has_media.text-position-below .entry-text { position: relative; } } @media screen and (max-width: 414px) { .post-list[data-phone="1"][data-metro="yes"][data-grid="masonry"] article.has_media.text-position-below .entry-text { position: relative; } } .post-list:not(.search-list) article.format-quote .entry-text { background: #151515;/*dynamic*/ } .post-list:not(.search-list) article.format-quote .entry-text.has-bg-img::after { background: #151515;/*dynamic*/ content: ''; display: block; opacity: .85; left: 0; height: 100%; position: absolute; top: 0; width: 100%; z-index: 0; } .post-list:not(.search-list) article.format-quote .entry-text.has-bg-img .entry-quote { position: relative; z-index: 1; } .mood .post-list .mood-button.more-link { font-size: 12px; padding: .5em 1.5em; } .mood .post-list .over-link { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .post-list article .likeThis.done { cursor: text; } .post-list article .likeThis svg { display: inline-block; height: 12px; margin: 0 8px; vertical-align: sub; width: 13px; } .post-list article .likeThis svg.line-icon path { stroke-width: 2px; } .post-list article .likeThis.done svg.line-icon { display: none; } .post-list article .likeThis svg.fill-icon { display: none; } .post-list article .likeThis.done svg.fill-icon { display: inline-block; } .single-post.page-template-page-right-sidebar #main, .single-post.page-template-page-left-sidebar #main { padding: 70px 0; } .single-post .featured-media { display: block; margin: 0 auto; } .single-post .featured-media.featured-video, .single-post .featured-wrap, .single-post .entry-content span.content-wrap, .single-post .entry-wrap span.content-wrap, div#jp-relatedposts, .single-post footer.entry-footer, .single-post #comments, .author-profile-inside { display: block; margin: 0 auto; max-width: 800px; } .single-post .entry-content span.content-wrap.fullwidth, .single-post .entry-wrap span.content-wrap.fullwidth { max-width: none; } .single-post .entry-content span.content-wrap.advanced-quote, .single-post .entry-content span.content-wrap.content-wrap-placeholder { max-width: none; } .single-post #main > article { margin-bottom: 60px; } .single-post #header-title { background: transparent; border-bottom: 0; min-height: 260px; padding-bottom: 0; } .single-post #header-title > .header-cell > .header-wrap { position: relative; } .single-post #header-title > .header-cell > .header-wrap::after { background: #151515;/*dynamic*/ content: ''; display: block; height: 1px; margin-top: 20px; opacity: .1; width: 100%; } .single-post:not(.has-sidebar) #header-title > .header-cell > .header-wrap { box-sizing: content-box; max-width: 800px; padding: 20px 40px 0; } .single-post .featured-media, .single-post .featured-wrap { margin-bottom: 1.5rem!important; } .wp-caption h1:first-child, .wp-caption h2:first-child, .wp-caption h3:first-child, .wp-caption h4:first-child, .wp-caption h5:first-child, .wp-caption h6:first-child { margin-bottom: 0; margin-top: 0; } .wp-caption h1, .wp-caption h2, .wp-caption h3, .wp-caption h4, .wp-caption h5, .wp-caption h6, .wp-caption p { color: inherit; } @media screen and (min-width: 800px) { .mood-gallery-caption.wp-caption { background: -moz-linear-gradient(45deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(45deg, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=1 ); display: block; height: 100%; left: 0; margin: 0 auto; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 2; -webkit-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } .gallery-shortcode-grid[data-columns] > div:not(.wpb_animate_when_almost_visible):hover .mood-gallery-caption.wp-caption { opacity: 1; } .mood-gallery-caption.wp-caption .wp-caption-text { bottom: 25px; color: #ffffff; left: 25px;/*ltr*/ position: absolute; -webkit-transform: translatey(15px); -moz-transform: translatey(15px); -ms-transform: translatey(15px); -o-transform: translatey(15px); transform: translatey(15px); -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } .gallery-shortcode-grid[data-columns] > div:not(.wpb_animate_when_almost_visible):hover .mood-gallery-caption.wp-caption .wp-caption-text { -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } .mood-gallery-caption.wp-caption .wp-caption-text em { font-style: normal; } .slick-slide.slick-active .mood-gallery-caption.wp-caption { opacity: 1; -webkit-transition: opacity 1s .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity 1s .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity 1s .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity 1s .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity 1s .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); } } .single-post .entry-content span.content-wrap.advanced-quote { margin: 4em auto; } .quote-wrap { position: relative; width: 100%; } .quote-wrap .parrallax_wrap { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } .quote-wrap .content-quote { padding: 120px 0; position: relative; width: 100%; z-index: 1; } body.page-template-page-right-sidebar #primary .quote-wrap[data-vc-parallax-image] .content-quote { padding-right: 50px; } body.page-template-page-left-sidebar #primary .quote-wrap[data-vc-parallax-image] .content-quote { padding-left: 50px; } .format-chat .entry-content:not(.entry-excerpt) > p:nth-child(odd), .format-chat .entry-content:not(.entry-excerpt) > .content-wrap:nth-child(odd) > p { background: rgba(21,21,21,.05);/*dynamic*/ } .entry-content table:not(.letmebe) tbody tr > *, .comment-text table:not(.letmebe) tbody tr > *, .content-wrap > table:not(.letmebe) thead tr > *, .comment-text table:not(.letmebe) thead tr > * { border-bottom: 1px solid rgba(21,21,21,.1);/*dynamic*/ } .format-chat .entry-content:not(.entry-excerpt) > p, .format-chat .entry-content:not(.entry-excerpt) > .content-wrap > p { margin: 0; padding: .5em; } footer.entry-footer { clear: both; } footer.entry-footer .edit-link { display: block; margin: 1em 0; } .post-edit-link, .comment-edit-link, #vc_load-inline-editor { color: inherit; display: inline-block; font-size: .775em; margin-bottom: 1em; text-decoration: none; text-transform: uppercase; } .edit-link > a:last-child:not(:first-child)::before { content: '\2022'; display: inline-block; text-align: center; text-indent: -0.375em; width: 20px; } #related-items-section { margin: 80px auto; } #related-items-section > h5#related-items-title { font-size: 1.1em; margin-top: 0; text-align: center; text-transform: uppercase; } #related-items-section > .related-list { margin: 40px auto 0 -30px; } #related-items-section > .related-list > article { float: left;/*ltr*/ margin-bottom: 30px; padding-left: 30px; width: 33.33%; } #related-items-section > .related-list.related-columns-1 > article{ width: 100%; } #related-items-section > .related-list.related-columns-2 > article{ width: 50%; } #related-items-section > .related-list.related-columns-3 > article{ width: 33.33%; } #related-items-section > .related-list.related-columns-4 > article{ width: 25%; } #related-items-section > .related-list.related-columns-5 > article{ width: 20%; } #related-items-section > .related-list.related-columns-6 > article{ width: 16.665%; } #related-items-section > .related-list.related-columns-7 > article{ width: 14.285%; } #related-items-section > .related-list.related-columns-8 > article{ width: 12.5%; } @media (min-width: 601px) and (max-width: 1024px) { #related-items-section > .related-list.related-columns-3 > article{ width: 33.33%; } #related-items-section > .related-list.related-columns-4 > article{ width: 50%; } #related-items-section > .related-list.related-columns-5 > article{ width: 33.33%; } #related-items-section > .related-list.related-columns-6 > article{ width: 33.33%; } #related-items-section > .related-list.related-columns-7 > article{ width: 25%; } #related-items-section > .related-list.related-columns-8 > article{ width: 25%; } } @media (min-width: 321px) and (max-width: 600px) { #related-items-section > .related-list.related-columns-3 > article{ width: 100%; } #related-items-section > .related-list.related-columns-3 > article{ width: 100%; } #related-items-section > .related-list.related-columns-4 > article{ width: 100%; } #related-items-section > .related-list.related-columns-5 > article{ width: 50%; } #related-items-section > .related-list.related-columns-6 > article{ width: 50%; } #related-items-section > .related-list.related-columns-7 > article{ width: 50%; } #related-items-section > .related-list.related-columns-8 > article{ width: 50%; } } @media (max-width: 320px) { #related-items-section > .related-list.related-columns-2 > article{ width: 100%; } #related-items-section > .related-list.related-columns-3 > article{ width: 100%; } #related-items-section > .related-list.related-columns-4 > article{ width: 100%; } #related-items-section > .related-list.related-columns-5 > article{ width: 100%; } #related-items-section > .related-list.related-columns-6 > article{ width: 100%; } #related-items-section > .related-list.related-columns-7 > article{ width: 100%; } #related-items-section > .related-list.related-columns-8 > article{ width: 100%; } } #related-items-section > .related-list article .for-reveal { box-shadow: inset 0 -1px 1px rgba(0,0,0,.2);/*dynamic*/ } #related-items-section > .related-list article.no-media .for-reveal { border-top: 1px solid rgba(0,0,0,.05);/*dynamic*/ } #related-items-section .entry-text { font-size: 1rem; } #related-items-section .entry-title { font-size: 1rem; margin: 0; word-wrap: break-word; } #related-items-section .entry-title a { display: block; padding: 20px; } #related-items-section video a { display: none!important; } #related-items-section .hentry .featured-media { margin-bottom: 0!important; } #related-items-section .hentry .featured-media-wrap > a { display: block; overflow: hidden; } #related-items-section .hentry .featured-media-wrap > a > img { width: 100%; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #related-items-section .hentry:hover .featured-media-wrap > a > img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .single .author-profile.vcard { border-top: 1px solid rgba(0,0,0,.1);/*dynamic*/ font-size: .9rem; min-height: 100px; padding: 20px 0 20px 80px; position: relative; } .single .author-profile.vcard img.avatar { -moz-border-radius: 50%; border-radius: 50%; left: 0; position: absolute; top: 20px; width: 60px; } .single .author-profile.vcard h3 { font-size: 1rem; margin-bottom: .5rem; margin-top: 0; } .single .author-profile.vcard .author-profile-inside *:last-child { margin-bottom: 0; } .single.single-works .hentry > .featured-wrap, .single.single-works .hentry > .featured-media { margin-bottom: 40px; text-align: center; } .single.single-works .hentry > .featured-wrap > img { margin-bottom: 0; } /* 404 */ body.error404 #container, body.search-no-results #container { background-repeat: no-repeat; padding: 100px 0 100px; position: relative; } body.error404 #container .pix-parallax { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } body.error404 #container #overlay_404 { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } body.error404 .page-content, body.search-no-results .page-content { margin: auto; max-width: 400px; } .error-404.not-found, section.no-results.not-found { text-align: center; } .error-404.not-found #image_404 { margin-bottom: 40px; opacity: 0.15; } .error-404.not-found h2, section.no-results.not-found h2 { font-weight: bold; margin-top: 0; } .error-404.not-found form[data-id="searchform"], section.no-results.not-found form[data-id="searchform"] { margin: 50px auto; overflow: hidden; position: relative; } .error-404.not-found form[data-id="searchform"] input[type="search"], section.no-results.not-found form[data-id="searchform"] input[type="search"] { background-color: transparent; background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGNsYXNzPSJsaW5lLWljb24iI…tlPSIjZmZmZmZmIiBkPSJNMTUuMjg5LDE1LjI5bDUuNzU4LDUuNzU2Ij48L3BhdGg+PC9zdmc'); background-position: right 15px center; background-repeat: no-repeat; background-size: 16px; position: relative; z-index: 0; } .error-404.not-found form[data-id="searchform"] input[type="submit"], section.no-results.not-found form[data-id="searchform"] input[type="submit"] { cursor: pointer; height: 3.25rem; margin: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 1; } .error-404.not-found form[data-id="searchform"] svg, section.no-results.not-found form[data-id="searchform"] svg { position: absolute; right: 14px;/*ltr*/ top: 12px; width: 16px; } .error-404.not-found form[data-id="searchform"] svg path, section.no-results.not-found form[data-id="searchform"] svg path { stroke: #151515;/*dynamic*/ stroke-width: 1.5px; } /*-------------------------------------------------------------- 1.3.3. Entry title --------------------------------------------------------------*/ #header-title { background: rgba(21,21,21,.035);/*dynamic*/ border-bottom: 1px solid rgba(21,21,21,.035);/*dynamic*/ display: table; overflow: hidden; padding: 3.5rem 0; position: relative; width: 100%; } #header-title.has_parallax { border-bottom: 0; } #header-title div[data-parallax] { bottom: 0px; display: table; height: inherit; padding: inherit; position: absolute; top: 0px; width: 100%; z-index: 2; } #header-title::after { content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } #parrallax_wrap { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } #header_parallax_bg { background-position: center; background-repeat: no-repeat; background-size: cover; left: 0; position: absolute; height: 100%; top: 0; width: 100%; z-index: 0; } #header_ext_video { left: 0; position: absolute; height: 100%; top: 0; width: 100%; z-index: 0; } #header_ext_video iframe { position: relative; } .header-cell { display: table-cell; position: relative; vertical-align: middle; width: 100%; z-index: 2; } .header-wrap { margin: auto; max-width: 1200px;/*dynamic*/ padding: 0 40px; vertical-align: inherit; } #header-title h1, #header-title h2 { display: table-cell; font-size: 2em; margin: 0; vertical-align: middle; width: 100%; } @media screen and (max-width: 768px) { #header-title h1, #header-title h2 { display: block; white-space: normal; } } #header-title .mood-subtitle { color: #acacaf;/*dynamic*/ display: block; font-family: "Lato";/*dynamic*/ font-size: 1.125rem; font-weight: normal; line-height: 1.5; margin-top: 1em; } #breadcrumbs { display: table-cell; font-size: 12px; margin: 0; padding: 0; vertical-align: inherit; white-space: nowrap; } @media screen and (max-width: 768px) { #breadcrumbs { display: block; padding-top: 8px; white-space: normal; } } .breadcrumbs-delimiter { display: inline-block; padding: 0 .5em; } .breadcrumbs-delimiter:last-child { display: none; } .breadcrumbs-delimiter::after { content: '\2022'; display: inline-block; } #breadcrumbs a, #header-title .entry-meta a { color: inherit; } #header-title .entry-meta { color: #acacaf;/*dynamic*/ font-size: .875rem; margin-top: 1em; } #header-title .entry-meta > span + span::before { content: '\2022'; display: inline-block; margin: 0 .65em; } #header-title-scroll-down { bottom: 0; cursor: pointer; display: block; height: 45px; left: calc(50% - 8px); padding: 0; position: absolute !important; width: 16px; z-index: 9 !important; } @media screen and (max-width: 768px) { #header-title-scroll-down { display: none; } } #header-title-scroll-down svg { left: 0; opacity: 0; position: absolute !important; top: 0; -webkit-animation: scroll-down-btn 1.5s linear infinite; -moz-animation: scroll-down-btn 1.5s linear infinite; animation: scroll-down-btn 1.5s linear infinite; } /*-------------------------------------------------------------- 1.3.4. Portfolio --------------------------------------------------------------*/ .pix-portfolio-filters { display: table-cell; font-size: .775em; line-height: 1.5em; text-align: center; vertical-align: middle; } @media screen and (max-width: 768px) { .pix-portfolio-filters { display: block; text-align: center!important; white-space: normal; } } .filter-left .pix-portfolio-filters { text-align: left; } .filter-right .pix-portfolio-filters { text-align: right; } .pix-portfolio-filters a { -moz-border-radius: 100px; border-radius: 100px; display: inline-block; font-family: "Lato";/*dynamic*/ font-weight: bold; line-height: 1.75em; padding: .25em 18px; text-decoration: none; text-transform: uppercase; -webkit-transition: all .75s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: allm .75s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all .75s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all .75s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all .75s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .pix-portfolio-filters a.selected { background-color: rgba(21,21,21,.1);/*dynamic*/ } .pix-portfolio-filters a { color: inherit!important; } .post-list.work-list article .for-reveal { -moz-box-shadow: inset 0 0 1px rgba(21,21,21,.25);/*dynamic*/ -webkit-box-shadow: inset 0 0 1px rgba(21,21,21,.25);/*dynamic*/ box-shadow: inset 0 0 1px rgba(21,21,21,.25);/*dynamic*/ } .post-list.work-list article .featured-media-wrap { max-width: 100%; overflow: hidden; position: relative; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .post-list.work-list article.border-yes .entry-text { padding: 25px; } .post-list.work-list article .featured-media-wrap::after { background: #151515;/*dynamic*/ -moz-border-radius: inherit; border-radius: inherit; bottom: 0; content: ''; display: block; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 2; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .post-list.work-list.over_color_accent_color article .featured-media-wrap::after { background: #0b91e2;/*dynamic*/ } .post-list.work-list article .wp-post-image-wrap { -moz-border-radius: inherit; border-radius: inherit; overflow: hidden; position: relative; width: 100%; } .post-list.work-list article div.wp-post-image { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .post-list.work-list article:not(.text-position-below) .entry-text { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3; } .post-list.work-list article > div:not(.wpb_animate_when_almost_visible):hover .featured-media-wrap::after { opacity: .85; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } .post-list.work-list article:not(.format-gallery) > div:not(.wpb_animate_when_almost_visible):hover div.wp-post-image { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .post-list.work-list.over_color_ article > div:not(.wpb_animate_when_almost_visible):hover .featured-media-wrap img, .post-list.work-list.over_color_accent_color article > div:not(.wpb_animate_when_almost_visible):hover .featured-media-wrap img { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); } .post-list.work-list article:not(.text-position-below) .entry-table { display: table; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .post-list.work-list.over_color_ article:not(.text-position-below) .entry-table *:not(a) { color: #ffffff!important;/*dynamic*/ } .post-list.work-list.over_color_accent_color article:not(.text-position-below) .entry-table * { color: #ffffff!important;/*dynamic*/ } .post-list.work-list article:not(.text-position-below) .entry-text-block { display: block; opacity: 0; -webkit-transform: translatey(15px); -moz-transform: translatey(15px); -ms-transform: translatey(15px); -o-transform: translatey(15px); transform: translatey(15px); -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .post-list.work-list article:not(.text-position-below) > div:not(.wpb_animate_when_almost_visible):hover .entry-text-block { opacity: 1; -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .2s; -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .2s; -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .2s; -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .2s; transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .2s; } .post-list.work-list article:not(.text-position-below) .entry-table .entry-title { color: inherit; margin: 15px 0 0; } .post-list.work-list article.text-position-middle .entry-table .entry-cell { display: table-cell; padding: 40px; text-align: center; vertical-align: middle; } .post-list.work-list article:not(.text-position-below) .entry-table .entry-cell > div { display: inline-block; } .post-list.work-list article.text-position-bottom .entry-table .entry-cell .entry-text-block { display: block; position: absolute; bottom: 20px; left: 20px;/*ltr*/ } .post-list.work-list article .entry-table .entry-cell > div .cat-links { display: block; font-size: 12px; font-weight: bold; text-transform: uppercase; } .post-list.work-list article.text-position-middle .entry-table .entry-cell > div .cat-links { float: right;/*ltr*/ } .post-list.work-list .mood-button.more-link { margin-top: .5em; } .post-list.work-list article .enlarge-featured-media { display: block; position: relative; } .post-list.work-list article:not(.text-position-below) .enlarge-featured-media { opacity: 0; height: 24px; margin: auto; width: 24px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .post-list.work-list article:not(.text-position-below) > div:not(.wpb_animate_when_almost_visible):hover .enlarge-featured-media { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975) 300ms; -moz-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975) 300ms; -ms-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975) 300ms; -o-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975) 300ms; transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975) 300ms; } .post-list.work-list article .entry-meta { bottom: 20px; opacity: 0; position: absolute; right: 20px;/*ltr*/ z-index: 1; -webkit-transform: translatey(15px); -moz-transform: translatey(15px); -ms-transform: translatey(15px); -o-transform: translatey(15px); transform: translatey(15px); -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .post-list.work-list article > div:not(.wpb_animate_when_almost_visible):hover .entry-meta { opacity: 1; -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .45s; -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .45s; -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .45s; -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .45s; transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .45s; } .post-list.work-list article.text-position-bottom .enlarge-featured-media { left: calc(50% - 12px); position: absolute; top: calc(50% - 12px); } .post-list.work-list article:not(.format-video):not(.format-audio) .enlarge-featured-media::before { background: #ffffff;/*dynamic*/ content: ''; display: block; height: 24px; left: 50%; pointer-events: none; position: absolute; top: 0; width: 1px; z-index: 3; } .post-list.work-list article.text-position-below:not(.format-video):not(.format-audio) .enlarge-featured-media::before { top: calc(50% - 12px); } .post-list.work-list article.format-video .enlarge-featured-media::before, .post-list.work-list article.format-audio .enlarge-featured-media::before { border-color: transparent transparent transparent #ffffff;/*dynamic*/ border-style: solid; border-width: 10px 0 10px 20px; content: ''; display: block; height: 0; left: calc(50% - 10px); position: absolute; top: 0; width: 0; z-index: 3; } .post-list.work-list article.text-position-below .enlarge-featured-media::before, .post-list.work-list article.text-position-below .enlarge-featured-media::after { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .post-list.work-list article.text-position-below > div:not(.wpb_animate_when_almost_visible):hover .enlarge-featured-media::before, .post-list.work-list article.text-position-below > div:not(.wpb_animate_when_almost_visible):hover .enlarge-featured-media::after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; } .post-list.work-list article.text-position-below .enlarge-featured-media:before { left: 50%; top: calc(50% - 10px); } .post-list.work-list article.format-video.text-position-below .enlarge-featured-media:before, .post-list.work-list article.format-audio.text-position-below .enlarge-featured-media:before { left: calc(50% - 10px); } .post-list.work-list article:not(.format-video):not(.format-audio) .enlarge-featured-media::after { background: #ffffff;/*dynamic*/ content: ''; display: block; height: 1px; left: 0; pointer-events: none; position: absolute; top: 50%; width: 24px; z-index: 3; } .post-list.work-list article.text-position-below:not(.format-video):not(.format-audio) .enlarge-featured-media::after { left: calc(50% - 12px); } .post-list.work-list article.text-position-below .enlarge-featured-media::after { left: calc(50% - 10px); top: 50%; } .post-list.work-list article .likeThis { color: #ffffff;/*dynamic*/ display: block; font-size: 12px; } .post-list.work-list article .likeThis svg.line-icon path { stroke: #ffffff;/*dynamic*/ } .post-list.work-list article .likeThis svg.fill-icon path { fill: #ffffff;/*dynamic*/ } .post-list.work-list .entry-title { margin-bottom: 0; margin-top: 15px; } .post-list.work-list article.border-yes .entry-title { margin-top: 0; } .post-list + .mood-pagination, .post-list-spacer + .mood-pagination { text-align: center; } .mood-pagination, .woocommerce-pagination { font-size: .875rem; margin-top: 50px; text-align: center; } .page-links { font-size: .875rem; padding-bottom: 80px; padding-top: 50px; text-align: center; } .vc_column-inner .mood-pagination { margin-bottom: 0; } .mood-pagination ul, .woocommerce-pagination ul { display: inline-block; } .mood-pagination li, .woocommerce-pagination li { display: block; float: left; height: 30px; line-height: 30px; list-style-type: none; margin: 0 1px; width: 30px; } .page-links > a, .page-links > span { display: inline-block; height: 30px; line-height: 30px; margin: 0 1px; vertical-align: middle; width: 30px; } .page-links > span.label + a { margin-left: .75rem; } .page-links > a { color: inherit; } .mood-pagination li span, .mood-pagination li a, .woocommerce-pagination li span, .woocommerce-pagination li a, .page-links a span { color: inherit; display: block; overflow: hidden; text-align: center; width: 100%; } .mood-pagination li a, .woocommerce-pagination li a { -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .mood-pagination li a:hover, .woocommerce-pagination li a:hover { background: rgba(21,21,21,.05);/*dynamic*/ } .mood-pagination li span.current, .woocommerce-pagination li span.current { margin-left: 1px; } .page-links > span { border-color: transparent; } .mood-pagination li > span:not(.dots), .woocommerce-pagination li > span:not(.dots), .page-links > span:not(.label) { background: rgba(21,21,21,.05);/*dynamic*/ -moz-border-radius: 2px; border-radius: 2px; } .page-links span.label { width: auto; } .mood-pagination li:last-child a, .woocommerce-pagination li:last-child a { border-width: 1px; } .mood-pagination li a.prev.page-numbers, .mood-pagination li a.next.page-numbers, .woocommerce-pagination li a.prev.page-numbers, .woocommerce-pagination li a.next.page-numbers { position: relative; text-indent: -99999px; } .mood-pagination li a.prev.page-numbers::after, .mood-pagination li a.next.page-numbers::after, .woocommerce-pagination li a.prev.page-numbers::after, .woocommerce-pagination li a.next.page-numbers::after { display: inline-block; font-family: 'mood-icons'; font-size: 12px; height: 100%; left: 0; position: absolute; text-indent: 0; top: 0; width: 100%; } .mood-pagination li a.prev.page-numbers::after, .woocommerce-pagination li a.prev.page-numbers::after { content: '\e90b'; } .mood-pagination li a.next.page-numbers::after, .woocommerce-pagination li a.next.page-numbers::after { content: '\e90c'; } .post-list + .mood-pagination .mood-infinite-handle, .post-list-spacer + .mood-pagination .mood-infinite-handle { display: inline-block; margin: 0; max-width: 300px; width: 100%; -webkit-transition: background .75s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .75s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: background .75s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .75s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: background .75s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .75s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: background .75s cubic-bezier(0.140, 0.560, 0.710, 0.975),color .75s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: background .75s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .75s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .post-list + .mood-pagination .mood-infinite-handle.infinite-loading span, .post-list-spacer + .mood-pagination .mood-infinite-handle.infinite-loading span { -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .35s; -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .35s; -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .35s; -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .35s; transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .35s; } .post-list + .mood-pagination .mood-infinite-handle svg, .post-list-spacer + .mood-pagination .mood-infinite-handle svg { fill: #0b91e2;/*dynamic*/ left: calc(50% - 50px); opacity: 0; position: absolute; top: calc(50% - 2px); -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) 0, fill .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) 0, fill .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) 0, fill .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) 0, fill .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) 0, fill .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .post-list + .mood-pagination .mood-infinite-handle:hover svg, .post-list-spacer + .mood-pagination .mood-infinite-handle:hover svg { fill: #ffffff;/*dynamic*/ } .post-list + .mood-pagination .mood-infinite-handle.infinite-loading span, .post-list-spacer + .mood-pagination .mood-infinite-handle.infinite-loading span { opacity: 0; -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) 0; -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) 0; -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) 0; -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) 0; transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) 0; } .post-list + .mood-pagination .mood-infinite-handle.infinite-loading svg, .post-list-spacer + .mood-pagination .mood-infinite-handle.infinite-loading svg { opacity: 1; -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .35s, fill .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .35s, fill .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .35s, fill .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .35s, fill .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .35s, fill .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } /*-------------------------------------------------------------- 1.3.5. Comments --------------------------------------------------------------*/ .commentlist > li, .commentlist .children > li, .comment-list > li, .comment-list .children > li, .comment-list .bypostauthor { list-style-type: none; margin-bottom: 2.535em; overflow: hidden; position: relative; } .comment-list > li.pingback { margin-bottom: 0; } .commentlist img.avatar, .comment-list img.avatar { -moz-border-radius: 50%; border-radius: 50%; float: left;/*ltr*/ } .commentlist .comment-text, .comment-list .comment-text { float: right;/*ltr*/ width: calc(100% - 80px); } .commentlist p.meta, .comment-list .comment-meta { border-bottom: 1px solid rgba(21,21,21,.1)!important;/*dynamic*/ margin-bottom: 1em; padding-bottom: 1.535em; position: relative; } .comment-list .comment-content.comment { padding-right: 2.5em;/*ltr*/ position: relative; } .comment-list > li article, .comment-list .children > li article { overflow: hidden; position: relative; } .comment-list li li:last-child { margin-bottom: 0; } .comment-list li ol.children { margin-left: 2.535em;/*ltr*/ margin-top: 1.535em; } @media screen and (max-width: 768px) { .comment-list li ol.children { margin-left: .535em;/*ltr*/ margin-top: 1.535em; } } .commentlist time, .comment-list time { color: #acacaf;/*dynamic*/ display: block; font-size: .725em; text-transform: lowercase; } .commentlist time > span, .comment-list time > span { font-style: italic; text-transform: none; } .commentlist [itemprop="author"], .comment-list [itemprop="author"] { font-size: 1.125em; } #comments { clear: both; display: block; margin-top: 60px; overflow: hidden; } #comments > h3 { border-bottom: 1px solid rgba(21,21,21,.1)!important; color: inherit!important;/*dynamic*/ font-size: 1.1rem; line-height: inherit!important; margin: 0!important; padding: 0!important;/*ltr*/ position: relative; text-decoration: none; text-transform: uppercase;/*dynamic*/ } #comments > h3 > span { display: inline-block; padding: 1em 0!important; position: relative; } #comments > h3 > span::after { content: ''; position: absolute; background-color: #222324;/*dynamic*/ height: 2px; display: block; bottom: 0; left: 0; width: 100%; } #comments > div.panel { padding: 50px 0 20px; } #comments .post-author, #cancel-comment-reply-link { background: rgba(21, 21, 21, 0.1);/*dynamic*/ color: inherit!important; float: right;/*ltr*/ font-size: 10px;/*dynamic*/ font-weight: bold;/*dynamic*/ line-height: 1.5em; margin-right: .1em; padding: .25em .5em; position: relative; text-decoration: none; text-transform: uppercase; white-space: nowrap; } #cancel-comment-reply-link { top: 1em; } .comment-list li .reply { position: absolute; right: 0;/*ltr*/ top: -0.275em; } .comment-list li .reply > a { color: #acacaf;/*dynamic*/ font-size: .725rem; display: block; height: 1.8rem; line-height: 1.8rem; padding: 0 1em; position: relative; text-indent: -99999px; text-transform: uppercase; z-index: 1; } .comment-list li .reply > a::after { content: '\e908'; display: inline-block; float: right;/*ltr*/ font-family: 'mood-icons'; font-size: 12px; text-indent: 0; } .comment-list li .comment-reply-title { margin-top: 2rem; } .comment-list #respond { margin-bottom: 6.25rem; position: relative; } #respond #reply-title { font-size: 1.1em; margin-top: 0; text-transform: uppercase; } .comment-list #respond #reply-title { text-align: inherit; } #commentform p { clear: both; overflow: hidden; position: relative; } #respond .comment-form-comment textarea { margin-bottom: 0; padding-bottom: 70px; resize: none; width: 100%!important; } #respond .form-submit input[type="submit"] { margin: 0; } #respond .comment-form-author { clear: none; float: left;/*ltr*/ width: calc(50% - .5em); } #respond .comment-form-email { clear: none; float: right;/*ltr*/ width: calc(50% - .5em); } @media screen and (max-width: 768px) { #respond .comment-form-author, #respond .comment-form-email { float: none !important; width: 100% !important; } } .comment-subscription-form { font-size: .725em; margin: 0; } .form-allowed-tags pre { margin-top: 1em; } .related.products h2 { font-size: 1.1em; margin-bottom: 0; text-transform: uppercase; } /*-------------------------------------------------------------- 1.3.6. Forms --------------------------------------------------------------*/ input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */; } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) { background: transparent; border: 1px solid rgba(21,21,21,.1);/*dynamic*/ -moz-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 0; border-radius: 0; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; color: inherit; float: left; font-family: inherit; font-size: 1em; min-height: 3.25em; padding-left: 1em; padding-right: 1em; padding-bottom: .675em !important; padding-top: .675em !important; display: inline-block; margin: 0 0 1em; width: 100%!important; -webkit-transition: border-color .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: border-color .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: border-color .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: border-color .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: border-color .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); } input[type="number"] { max-width: 80px; } input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):last-child { -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-bottom: 0; } table input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="number"]) { width: auto!important; } input[name="post_password"] { display: block!important; float: none!important; max-width: 400px; } textarea, select[multiple] { background: transparent; border: 1px solid rgba(21,21,21,.1);/*dynamic*/ -moz-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 0; border-radius: 0; display: inline-block; float: left; font-family: inherit; font-size: inherit; line-height: 1.5; min-height: 200px; padding: 1em; margin-bottom: 1em; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; -webkit-transition: border .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: border .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: border .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: border .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: border .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); } textarea:last-child, select[multiple]:last-child { margin-bottom: 0; } select:not([multiple]), .select2-container .select2-choice, .mood p.CaptionCont.SlectBox, .mood #lang_sel a.lang_sel_sel { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent;/*dynamic*/ background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTIwLjM0NCwxNS44NjNsLTcuOTg5LDcuOTlDMTIuMjU2LDIzLjk1MSwxMi4xMjksMjQsMTIsMjRjLTAuMTI3LDAtMC4yNTUtMC4wNDktMC4zNTMtMC4xNDZsLTcuOTkxLTcuOTkKCWMtMC4xOTYtMC4xOTUtMC4xOTYtMC41MTIsMC0wLjcwN2MwLjE5NC0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwTDEyLDIyLjc5M2w3LjYzNy03LjYzN2MwLjE5NC0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwCglDMjAuNTM4LDE1LjM1MiwyMC41MzgsMTUuNjY4LDIwLjM0NCwxNS44NjN6IE0zLjY0LDguODU5YzAuMTk1LDAuMTk1LDAuNTEzLDAuMTk1LDAuNzA3LDBsNy42NTItNy42NTJsNy42MzgsNy42MzcKCWMwLjE5NSwwLjE5NSwwLjUxMywwLjE5NSwwLjcwNywwYzAuMTk2LTAuMTk1LDAuMTk2LTAuNTEyLDAtMC43MDdsLTcuOTkyLTcuOTlDMTIuMjU0LDAuMDQ5LDEyLjEyNiwwLDExLjk5OSwwCgljLTAuMTI5LDAtMC4yNTYsMC4wNDktMC4zNTQsMC4xNDZMMy42NCw4LjE1MkMzLjQ0Niw4LjM0NywzLjQ0Niw4LjY2NCwzLjY0LDguODU5eiIvPjwvc3ZnPg==');/*dynamic*/ background-repeat: no-repeat; background-position: calc(100% - 10px) 50%; background-size: 12px; border: 1px solid rgba(21,21,21,.1)!important;/*dynamic*/ -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; color: #222324;/*dynamic*/ font-size: .925em; line-height: 3.425;/*dynamic*/ height: 3.425em; outline: 0!important; padding: 0 35px 0 15px;/*ltr*/ width: 100%; -webkit-transition: border .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: border .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: border .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: border .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: border .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .select2-results li { list-style-type: none; } .select2-search input { margin-bottom: 0!important; } .select2-container .select2-choice .select2-arrow { display: none; } .select2-search input { background-color: transparent; background-position: right 20px center; background-repeat: no-repeat; background-size: 16px; } .select2-drop-active { border-color: rgba(21,21,21,.1)!important;/*dynamic*/ } /*target Internet Explorer 9 and Internet Explorer 10:*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { select { background:none; padding: 5px; } } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select[multiple]:focus { border-color: rgba(21,21,21,.35) !important;/*dynamic*/ } ::-webkit-input-placeholder { color: #898b8f;/*dynamic*/ font-style: italic; } ::-moz-placeholder { color: #898b8f;/*dynamic*/ font-style: italic; } :-ms-input-placeholder { color: #898b8f;/*dynamic*/ font-style: italic; } ::input-placeholder { color: #898b8f;/*dynamic*/ font-style: italic; } /*-------------------------------------------------------------- 1.3.7. Sharing --------------------------------------------------------------*/ .mood-sharing-section { border-top: 1px solid rgba(21,21,21,.1); display: block; margin-top: 2.125rem; padding-top: 2.125rem; } .mood-sharing-section .mood-sharing-element { display: inline-block; } .mood-sharing-section .mood-sharing-element a { padding: 2px 6px; } .mood-sharing-section .mood-sharing-element a svg { height: 16px; width: 16px; vertical-align: middle; -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .mood-sharing-section .mood-sharing-element a svg path { fill: #151515;/*dynamic*/ opacity: .85; -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), fill .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), fill .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), fill .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), fill .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), fill .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .mood-sharing-section .mood-sharing-element a:hover svg path { opacity: 1; } .mood-sharing-section .mood-sharing-element a.mood-facebook-sharing:hover svg path { fill: #3b5998; } .mood-sharing-section .mood-sharing-element a.mood-twitter-sharing:hover svg path { fill: #1da1f2; } .mood-sharing-section .mood-sharing-element a.mood-google-sharing:hover svg path { fill: #d73d32; } .mood-sharing-section .mood-sharing-element a.mood-pinterest-sharing:hover svg path { fill: #da232b; } .mood-sharing-section .mood-sharing-element a.mood-linkedin-sharing:hover svg path { fill: #1884bc; } .mood-sharing-section .mood-sharing-element a.mood-email-sharing:hover svg path { fill: #5f6e85; } .mood-sharing-section .likeThis { color: inherit; display: inline-block; float: right;/*ltr*/ opacity: .85; white-space: nowrap; } .mood-sharing-section .likeThis.done { cursor: text; } .mood-sharing-section .likeThis > * { display: inline-block; vertical-align: middle; } .mood-sharing-section .likeThis svg { height: 12px; margin: 0 8px; width: 13px; } .mood-sharing-section .likeThis svg.line-icon path { stroke-width: 2px; } .mood-sharing-section .likeThis.done svg.line-icon { display: none; } .mood-sharing-section .likeThis svg.fill-icon { display: none; } .mood-sharing-section .likeThis.done svg.fill-icon { display: inline-block; } /*-------------------------------------------------------------- 1.3.8. Entry footer --------------------------------------------------------------*/ .tags-links { display: block; margin: 4em 0; } .tags-links a { background: rgba(21, 21, 21, 0.1);/*dynamic*/ color: inherit; line-height: 2.175em; margin-right: .1em; padding: .25em .5em; text-decoration: none; white-space: nowrap; } nav.post-navigation { background: rgba(21,21,21,.035);/*dynamic*/ border: solid rgba(21,21,21,.035);/*dynamic*/ border-width: 1px 0; display: table; padding: 1rem 30px; width: 100%; } nav.post-navigation .nav-links { display: table; height: 86px;/*dynamic*/ margin: auto; max-width: 1200px;/*dynamic*/ padding: 0 40px; table-layout: fixed; width: 100%; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.single-post:not(.has-sidebar) nav.post-navigation .nav-links { max-width: 800px;/*dynamic*/ padding: 0; } nav.post-navigation .nav-links > div { display: table-cell; vertical-align: middle; width: calc(50% - 50px); } nav.post-navigation .nav-links > div:last-child { text-align: right;/*ltr*/ } nav.post-navigation .nav-links a { color: inherit; display: block; font-size: .825em; font-weight: bold; opacity: .75; position: relative; text-decoration: none; text-transform: lowercase; } nav.post-navigation .nav-previous a { padding-left: 20px;/*ltr*/ } nav.post-navigation .nav-previous a::before { content: "\e909"; display: inline-block; font-family: 'mood-icons'; font-size: .8em; left: 0;/*ltr*/ position: absolute; top: calc(50% - 8px); -webkit-transition: all 250ms cubic-bezier(0.140, 0.560, 0.710, 0.975) 100ms; -moz-transition: all 250ms cubic-bezier(0.140, 0.560, 0.710, 0.975) 100ms; -ms-transition: all 250ms cubic-bezier(0.140, 0.560, 0.710, 0.975) 100ms; -o-transition: all 250ms cubic-bezier(0.140, 0.560, 0.710, 0.975) 100ms; transition: all 250ms cubic-bezier(0.140, 0.560, 0.710, 0.975) 100ms; } nav.post-navigation .nav-previous a:hover::before { left: -5px;/*ltr*/ } nav.post-navigation .nav-next a { padding-right: 20px;/*ltr*/ } nav.post-navigation .nav-next a::after { content: "\e90a"; display: inline-block; font-family: 'mood-icons'; font-size: .8em; right: 0;/*ltr*/ position: absolute; top: calc(50% - 8px); -webkit-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975) 50ms; -moz-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975) 50ms; -ms-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975) 50ms; -o-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975) 50ms; transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975) 50ms; } nav.post-navigation .nav-next a:hover::after { right: -5px;/*ltr*/ } nav.post-navigation .nav-links a.nav-main-blog-grid { display: table-cell; position: relative; vertical-align: middle; width: 100px; } nav.post-navigation .nav-main-blog-grid > div { background: #151515;/*dynamic*/ border-radius: 1px; box-shadow: -7px 0, 0 0, 0 0, -7px 7px, 0 7px, 0 7px, 7px 0, 0 0, 0 0, 7px -7px, 0 -7px, 0 -7px, 0 -7px, -7px -7px, 0 -7px, 0 -7px, 0 7px, 0 7px, 0 7px, 7px 7px; color: #151515;/*dynamic*/ height: 4px; left: calc(50% - 2px); position: absolute; top: calc(50% - 2px); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 150ms cubic-bezier(0.140, 0.560, 0.710, 0.975); width: 4px; } nav.post-navigation .nav-main-blog-grid:hover > div, nav.post-navigation .nav-main-blog-grid:active > div { box-shadow: -7px 0, -5px 0, -3px 0, -7px 6px, -5px 6px, -3px 6px, 7px 0, 5px 0, 3px 0, 7px -6px, 5px -6px, 3px -6px, 0 -6px, -7px -6px, -5px -6px, -3px -6px, 0 6px, 3px 6px, 5px 6px, 7px 6px; border-radius: 0; height: 2px; left: calc(50% - 3px); top: calc(50% - 1px); width: 6px; } /*-------------------------------------------------------------- 1.4. Aside --------------------------------------------------------------*/ #toggle_aside_secondary { display: none; } @media screen and (max-width: 860px) { body.page-template-page-left-sidebar #toggle_aside_secondary, body.page-template-page-right-sidebar #toggle_aside_secondary { background-color: #ffffff;/*dynamic*/ background-position: center; background-repeat: no-repeat; background-size: 20px; -moz-box-shadow: 0 0 10px rgba(21,21,21,.25);/*dynamic*/ -webkit-box-shadow: 0 0 10px rgba(21,21,21,.25);/*dynamic*/ box-shadow: 0 0 10px rgba(21,21,21,.25);/*dynamic*/ cursor: pointer; display: block; height: 60px; left: 0; opacity: 1; position: fixed; width: 60px; z-index: 10; -webkit-transition: left .5s cubic-bezier(0.23, 1, 0.32, 1), right .5s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: left .5s cubic-bezier(0.23, 1, 0.32, 1), right .5s cubic-bezier(0.23, 1, 0.32, 1); -ms-transition: left .5s cubic-bezier(0.23, 1, 0.32, 1), right .5s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: left .5s cubic-bezier(0.23, 1, 0.32, 1), right .5s cubic-bezier(0.23, 1, 0.32, 1); transition: left .5s cubic-bezier(0.23, 1, 0.32, 1), right .5s cubic-bezier(0.23, 1, 0.32, 1); } body.page-template-page-right-sidebar #toggle_aside_secondary { left: auto; right: 0; } body.slided.page-template-page-left-sidebar #toggle_aside_secondary, body.sided.page-template-page-left-sidebar #toggle_aside_secondary { left: 300px; } body.slided.page-template-page-right-sidebar #toggle_aside_secondary { right: -300px; } body.sided.page-template-page-right-sidebar #toggle_aside_secondary { right: 300px; } } aside#secondary { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: inherit; margin-bottom: 70px; padding-bottom: 50px; padding-top: 70px; position: relative; z-index: 2; -webkit-transition: padding .5s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: padding .5s cubic-bezier(0.23, 1, 0.32, 1); -ms-transition: padding .5s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: padding .5s cubic-bezier(0.23, 1, 0.32, 1); transition: padding .5s cubic-bezier(0.23, 1, 0.32, 1); } body.sticked-sidebars aside#secondary { margin-bottom: 0; } @media screen and (min-width: 861px) { #page-wrap > aside#secondary { width: 25%!important; } aside#secondary.is_stuck { left: auto!important; overflow: visible!important; } } body.page-template-page-right-sidebar aside#secondary, body.page-template-wide-page-right-sidebar aside#secondary { float: right;/*ltr*/ } body.page-template-page-left-sidebar aside#secondary, body.page-template-wide-page-left-sidebar aside#secondary { float: left;/*ltr*/ } aside > h1:first-child, aside > h2:first-child, aside > h3:first-child, aside > h4:first-child, aside > h5:first-child, aside > h6:first-child, aside .widget-title { margin-top: 0; } aside > ul > li, ul.arrow-sign > li, aside > ul > li li, aside.widget_nav_menu > div > ul > li, aside.widget_nav_menu > div > ul > li li, ul.no-style-list > li { list-style: none; margin: 0 0 4px;/*ltr*/ padding: 0; } aside > ul > li ul, aside.widget_nav_menu > div > ul > li ul { margin: 0; padding-left: 10px;/*ltr*/ } aside:not(.woocommerce) > ul > li::before, aside.widget_nav_menu > div > ul > li::before, aside.widget_nav_menu > div > ul > li li::before, ul.arrow-sign > li::before { content: "\e90a"; display: inline-block; font-family: 'mood-icons'; font-size: .5em; margin-right: 10px;/*ltr*/ } /*-------------------------------------------------------------- 1.4.1. Widgets --------------------------------------------------------------*/ #secondary aside.widget { font-size: .925em; line-height: 1.5; margin-bottom: 2em; } .widget_calendar table { border-collapse: separate; margin-bottom: 0; width: 100%; } .widget_calendar caption { font-size: .875rem; font-weight: bold; margin: 10px 0 20px; text-align: center; } .widget_calendar th { line-height: 2.5em; margin: 0; padding: 0; text-align: center; vertical-align: middle; } .widget_calendar tfoot td { border-top: 1px solid rgba(21, 21, 21, 0.1);/*dynamic*/ font-size: .825rem; font-weight: bold; line-height: 2.5em; margin: 0; padding: 1em 0 2em; text-align: left; text-transform: uppercase; vertical-align: middle; } .widget_calendar tfoot td#next { text-align: right; } .widget_calendar tbody td { line-height: 2.5em; margin: 0; padding: 0; text-align: center; vertical-align: middle; } .widget_calendar tbody td a { -moz-border-radius: 2px; border-radius: 2px; display: block; } .widget_calendar tbody td#today { position: relative; } .widget_calendar tbody td#today::before { -moz-border-radius: 2px; border-radius: 2px; bottom: 0; content: ''; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: -1; } .tagcloud a { background: rgba(21, 21, 21, 0.1);/*dynamic*/ color: inherit; line-height: 2.175em; margin-right: .1em; padding: .25em .5em; text-decoration: none; white-space: nowrap; } .widget_price_filter .ui-slider-horizontal { background: rgba(21,21,21,.1);/*dynamic*/ height: 4px; margin: 1rem 0 .75rem; position: relative; width: 100%; z-index: 1; } .widget_price_filter .block_small .ui-slider-horizontal { margin: 10px 0; } .widget_price_filter .ui-slider-horizontal a, .widget_price_filter .ui-slider-horizontal span { border: 1px solid rgba(21,21,21,.25);/*dynamic*/ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: ew-resize; background: #ffffff;/*dynamic*/ height: 14px; margin: -5px 0 0 -5px; padding: 0; position: absolute; text-align: center; text-decoration: none; width: 14px; z-index: 3; } .widget_price_filter .active .ui-slider-horizontal a, .widget_price_filter .active .ui-slider-horizontal span { -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .widget_price_filter .ui-slider-range { background: #0c93f2; height: 4px; left: 0; position: absolute; top: 0; z-index: 2; } .widget_price_filter .active .ui-slider-range { -moz-transition: none!important; -webkit-transition: none!important; -o-transition: none!important; -ms-transition: none!important; transition: none!important; } .widget_price_filter .price_slider_amount button { float: right;/*ltr*/ margin: 0; } .widget_price_filter .price_slider_amount .price_label { float: left;/*ltr*/ font-size: .9em; text-transform: lowercase; } .widget .logan-button, .widget input[type="submit"], .widget .button { background: #ffffff; border: 1px solid rgba(21,21,21,.1)!important;/*dynamic*/ color: #151515;/*dynamic*/ float: left; padding: .5em 1em; } .widget_recent-posts-widget-with-thumbnails img, .widget.recent-posts-widget-with-thumbnails img { max-width: none; width: auto; } .widget ul.product_list_widget li { float: left; margin: 0 0 1em; min-height: 65px; overflow: hidden; padding-left: 70px;/*ltr*/ position: relative; width: 100%; } .product_list_widget li { list-style-type: none; } .product_list_widget li a { color: inherit; } .product_list_widget li img { float: left; margin: 5px 10px 5px -70px;/*ltr*/ width: 60px; } .widget .product_list_widget .star-rating { clear: right; float: none; margin: 0; } .product_list_widget li .amount, .product_list_widget li ins { display: block; font-weight: normal; } .product_list_widget li ins .amount { display: inline; } .product_list_widget .reviewer { font-variant: small-caps; text-transform: lowercase; } .widget_layered_nav li, .widget_layered_nav_filters li { margin: 0; } .widget_layered_nav li, .widget_layered_nav_filters li { list-style-type: none; } .widget_layered_nav a, .widget_layered_nav_filters a { color: inherit; font-weight: bold; } .widget_layered_nav .count { float: right;/*ltr*/ } .widget_layered_nav_filters a::before { content: "\00d7"; padding-right: 5px;/*ltr*/ } .widget_search input[type="search"], .widget_searchwp_live_search input[type="search"], .widget_product_search input[type="search"] { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGNsYXNzPSJsaW5lLWljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTUxNTE1IiBkPSJNMTAuMTcxLDIuOTU0YzMuOTg1LDAsNy4yMTYsMy4yMzEsNy4yMTYsNy4yMTcKCXMtMy4yMyw3LjIxNy03LjIxNiw3LjIxN2MtMy45ODYsMC03LjIxNy0zLjIzLTcuMjE3LTcuMjE3UzYuMTg1LDIuOTU0LDEwLjE3MSwyLjk1NHoiPjwvcGF0aD48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMxNTE1MTUiIGQ9Ik0xNS4yODksMTUuMjlsNS43NTgsNS43NTYiPjwvcGF0aD48L3N2Zz4=')!important;/*dynamic*/ background-position: right 15px center!important;/*ltr*/ background-repeat: no-repeat!important; background-size: 16px!important; padding-right: 50px!important;/*ltr*/ } .widget_search input[type="submit"], .widget_searchwp_live_search input[type="submit"], .widget_product_search input[type="submit"] { background: transparent!important; border-width: 0!important; cursor: pointer; height: 55px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; width: 50px; } .widget .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { display: none; } .widget .wpml-ls-legacy-dropdown a { padding: 10px; } /*-------------------------------------------------------------- 1.5. Footer --------------------------------------------------------------*/ footer#colophon { background-color: #151515;/*dynamic*/ color: #8f8f8f;/*dynamic*/ font-size: 0.875em; line-height: 1.65; opacity: 0; width: 100%; -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .35s; -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .35s; -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .35s; -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .35s; transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .35s; } body.mood-loaded footer#colophon { opacity: 1; } footer#colophon.fixed-footer.just-fixed { bottom: 0; position: fixed; z-index: 0; } body.mood-boxed-layout footer#colophon.fixed-footer { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } body.mobile-view footer#colophon { display: block; float: left; overflow: hidden; width: 100%; } footer#colophon h1, footer#colophon h2, footer#colophon h3, footer#colophon h4, footer#colophon h5, footer#colophon h6 { color: #ffffff;/*dynamic*/ } footer#colophon a { color: inherit; } footer#colophon a:hover { color: #0b91e2;/*dynamic*/ } footer#colophon .footer-inner { margin: auto; max-width: 1200px;/*dynamic*/ padding: 80px 40px 65px; } footer#colophon .footer-widgets > div { margin: 0 -15px; } footer#colophon .footer-widgets > div > .footer-widgets-column { float: left;/*ltr*/ padding: 0 15px; } footer#colophon .footer-widgets.columns-1 > div > .footer-widgets-column { width: 100%; } footer#colophon .footer-widgets.columns-2 > div > .footer-widgets-column { width: 50%; } footer#colophon .footer-widgets.columns-3 > div > .footer-widgets-column { width: 33.33%; } footer#colophon .footer-widgets.columns-4 > div > .footer-widgets-column { width: 25%; } footer#colophon .site-info { background: #000000; } footer#colophon .site-info .inner-info { margin: auto; max-width: 1200px;/*dynamic*/ padding: 25px 40px; } @media only screen and (max-width: 768px) { footer#colophon .site-info .inner-info { text-align: center; } footer#colophon .site-info .inner-info .alignleft, footer#colophon .site-info .inner-info .alignright { float: none; } footer#colophon .site-info .inner-info .alignleft + .alignright { margin-top: 10px; } } footer#colophon .site-info .inner-info .footer-info-element-text img { vertical-align: bottom; } footer#colophon .tagcloud a { background: rgba(143, 143, 143, 0.1);/*dynamic*/ } footer#colophon .site-info svg { width: 14px; } footer#colophon .site-info svg path { fill: #8f8f8f;/*dynamic*/ } footer#colophon .footer-info-element { display: inline-block; position: relative; } footer#colophon .footer-info-element { padding: 0 8px; } footer#colophon .inner-info > .alignleft .footer-info-element:first-child { padding-left: 0;/*ltr*/ } footer#colophon .inner-info > .alignright .footer-info-element:last-child { padding-right: 0;/*ltr*/ } footer#colophon .footer-info-element .footer-info-element-text, footer#colophon .site-info svg { vertical-align: text-top; } body.header-layout-side:not(.rtl) footer#colophon { padding-left: 280px; } body.header-layout-side.rtl footer#colophon { padding-right: 280px; } #mood_back_to_top { background-color: rgba(21,21,21,.95);/*dynamic*/ -moz-border-radius: 2px; border-radius: 2px; bottom: 22px; color: #ffffff;/*dynamic*/ display: block; font-size: 12px; height: 30px; line-height: 34px; opacity: 0; position: fixed; right: 22px; text-align: center; width: 30px; z-index: 1; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all .15s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all .15s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all .15s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all .15s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all .15s cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.scroll-top-reached #mood_back_to_top { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /*-------------------------------------------------------------- 1.6. Members --------------------------------------------------------------*/ body.single-member #primary { margin-bottom: 80px; } body.single-member .featured-wrap, body.single-member .entry-content.has-featured-image { width: calc(50% - 20px); } body.single-member .entry-content.has-featured-image > *:first-child { margin-top: 0!important; } body.single-member .pix-member-socials { border-top: 1px solid rgba(33,34,35,.15);/*dynamic*/ margin-top: 2.325em; padding: 2.325em 1em 0; } body.single-member .pix-member-socials a { color: inherit; } body.single-member .pix-member-socials a::after { content: ''; display: inline-block; width: 15px; } body.single-member .pix-member-socials svg, .member-socials svg { fill: #151515;/*dynamic*/ width: 16px; -webkit-transition: fill .2s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: fill .2s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: fill .2s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: fill .2s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: fill .2s cubic-bezier(0.140, 0.560, 0.710, 0.975); } body.single-member .pix-member-socials .twitter-icon:hover svg, .member-socials .twitter-icon:hover svg { fill: #00aced; } body.single-member .pix-member-socials .facebook-icon:hover svg, .member-socials .facebook-icon:hover svg { fill: #3b5998; } body.single-member .pix-member-socials .linkedin-icon:hover svg, .member-socials .linkedin-icon:hover svg { fill: #00a0dc; } body.single-member .pix-member-socials .dribbble-icon:hover svg, .member-socials .dribbble-icon:hover svg { fill: #ea4c89; } body.single-member .pix-member-socials .github-icon:hover svg, .member-socials .github-icon:hover svg { fill: #4b7fc3; } body.single-member .pix-member-socials .envato-icon:hover svg, .member-socials .envato-icon:hover svg { fill: #82b440; } body.single-member .pix-member-socials .wordpress-icon:hover svg, .member-socials .wordpress-icon:hover svg { fill: #21759b; } body.single-member .pix-member-socials .globe-icon:hover svg, .member-socials .globe-icon:hover svg { fill: #0b91e2;/*dynamic*/ } body.single-member .pix_progress_bar { border-top: 1px solid rgba(21,21,21,.15);/*dynamic*/ margin-top: 2.325em; padding-top: 2.325em; } .pix_progress_bar small { display: block; font-size: .75em; padding: 0; } .pix_progress_bar small.amount-progress { opacity: 0; position: absolute; right: 0;/*ltr*/ top: -2em; } .pix_single_bar { background: rgba(21,21,21,.15);/*dynamic*/ -moz-border-radius: 1px; border-radius: 1px; display: block; height: 5px; margin: .2em 0 1em; position: relative; width: 100%; } .pix_bar_track, .pix_bar { display: block; height: inherit; position: relative; } .pix_bar { background: #dac36d;/*dynamic*/ -moz-border-radius: 1px; border-radius: 1px; } ul.member-list { clear: both; } .member-list > li { margin: 0; text-align: center; } .member-list > li { list-style-type: none; } .member-list[data-columns="1"] > li { width: 100%; } .member-list[data-columns="2"] > li { width: 50%; } .member-list[data-columns="3"] > li { width: 33.33%; } .member-list[data-columns="4"] > li { width: 25%; } .member-list[data-columns="5"] > li { width: 20%; } .member-list[data-columns="6"] > li { width: 16.66%; } @media only screen and (max-width: 991px) { .member-list[data-columns="2"] > li { width: 100%; } .member-list[data-columns="3"] > li { width: 100%; } } @media only screen and (max-width: 767px) { .member-list[data-columns="4"] > li { width: 100%; } .member-list[data-columns="5"] > li { width: 100%; } .member-list[data-columns="6"] > li { width: 100%; } } @media screen and (max-width: 1024px) { .member-list[data-landscape="1"] > li { width: 100%; } .member-list[data-landscape="2"] > li { width: calc(50% - 1px); } .member-list[data-landscape="3"] > li { width: calc(33.33% - 1px); } .member-list[data-landscape="4"] > li { width: calc(25% - 1px); } .member-list[data-landscape="5"] > li { width: calc(20% - 1px); } .member-list[data-landscape="6"] > li { width: calc(16.66% - 1px); } } @media screen and (max-width: 768px) { .member-list[data-portrait="1"] > li { width: 100%; } .member-list[data-portrait="2"] > li { width: calc(50% - 1px); } .member-list[data-portrait="3"] > li { width: calc(33.33% - 1px); } .member-list[data-portrait="4"] > li { width: calc(25% - 1px); } .member-list[data-portrait="5"] > li { width: calc(20% - 1px); } .member-list[data-portrait="6"] > li { width: calc(16.66% - 1px); } } @media screen and (max-width: 414px) { .member-list[data-phone="1"] > li { width: 100%; } .member-list[data-phone="2"] > li { width: calc(50% - 1px); } .member-list[data-phone="3"] > li { width: calc(33.33% - 1px); } .member-list[data-phone="4"] > li { width: calc(25% - 1px); } .member-list[data-phone="5"] > li { width: calc(20% - 1px); } .member-list[data-phone="6"] > li { width: calc(16.66% - 1px); } } .member-list > li .member-wrap { display: inline-block; position: relative; mask-image: radial-gradient(circle, white, black); -o-mask-image: -o-radial-gradient(circle, white, black); -moz-mask-image: -moz-radial-gradient(circle, white, black); -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .member-list > li .member-info { background: rgba(255,255,255,.98);/*dynamic*/ bottom: 10px; -moz-box-shadow: 0 0 25px rgba(0,0,0,.15);/*dynamic*/ -webkit-box-shadow: 0 0 25px rgba(0,0,0,.15);/*dynamic*/ box-shadow: 0 0 25px rgba(0,0,0,.15);/*dynamic*/ display: block; left: 10px; padding: 30px 20px; position: absolute; right: 10px; } .member-list > li .member-info span { display: block; } .member-list > li .member-info.below { background: transparent; bottom: auto; -moz-box-shadow: none; -webkit-box-shadow: none; left: auto; margin-bottom: 1em; position: relative; right: auto; } .member-list > li .member-info.hover { background: rgba(21,21,21,.5);/*dynamic*/ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; bottom: 0; left: 0; opacity: 0; right: 0; top: 0; -webkit-transition: opacity .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .member-list > li .member-info.hover:hover { opacity: 1; } .member-list > li .member-info.hover .member-socials svg, .member-list > li .member-info.hover .member-socials svg * { fill: #ffffff;/*dynamic*/ } .member-list > li .member-info.hover > div { display: table; height: 100%; width: 100%; -webkit-transform: translatey(20px); -moz-transform: translatey(20px); -ms-transform: translatey(20px); -o-transform: translatey(20px); transform: translatey(20px); -webkit-transition: -webkit-transform .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: -moz-transform .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: -ms-transform .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: -o-transform .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: transform .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .member-list > li div.member-info.hover:hover > div { -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } .member-list > li div.member-info.hover > div > div { display: table-cell; vertical-align: middle; width: 100%; } .member-list > li div.member-info.hover > div > div * { color: #ffffff!important;/*dynamic*/ } .member-list .member-name { margin: 0; } .member-list div.member-info.hover .member-name { margin: 20px 0 0; } .member-list .member-role { font-size: .75em; } .member-list .member-socials { display: block; } .member-list .member-socials a { color: inherit; display: inline-block; margin: 0 6px; } /*-------------------------------------------------------------- * * 2. Extra * --------------------------------------------------------------*/ /*-------------------------------------------------------------- 2.0. Included scripts --------------------------------------------------------------*/ /* * ColorBox */ #colorbox { -moz-box-shadow: 0 0 100px rgba(21,21,21,.5);/*dynamic*/ -webkit-box-shadow: 0 0 100px rgba(21,21,21,.5);/*dynamic*/ box-shadow: 0 0 100px rgba(21,21,21,.5);/*dynamic*/ } #colorbox, #cboxOverlay, #cboxWrapper { left: 0; overflow: visible!important; position: absolute; top: 0; z-index: 9999; } #cboxWrapper { max-width: none; } #cboxOverlay { cursor: default!important; height: 100%; position: fixed; width: 100%; } .cboxPrevent { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #cboxMiddleLeft, #cboxBottomLeft { display: none; } #cboxContent { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position:relative; } #cboxLoadedContent { overflow: hidden; } #cboxTitle{ margin:0; } #cboxLoadingOverlay, #cboxLoadingGraphic{ height:100%; left: 0; position: absolute; top: 0; width: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{ cursor: pointer; } #cboxClose { background: transparent; -webkit-appearance: none; appearance: none; border: 0; display: block; height: 30px; padding: 0; position: fixed; overflow: hidden; text-indent: -99999px; right: 30px; top: 40px; width: 60px; z-index: 3; } #cboxClose::before { background: #ffffff;/*dynamic*/ content: ''; display: block; height: 55%; left: calc(50% - 1px); position: absolute; top: 5px; width: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #cboxClose::after { background: #ffffff;/*dynamic*/ content: ''; display: block; height: 55%; left: calc(50% - 1px); position: absolute; top: 5px; width: 2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cboxPhoto{ float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border:0; } #colorbox, #cboxContent, #cboxLoadedContent{ box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } #colorbox{ outline: 0; } #cboxTopLeft{ display: none; } #cboxTopRight { display: none; } #cboxBottomLeft { display: none; } #cboxBottomRight { display: none; } #cboxMiddleLeft { display: none; } #cboxMiddleRight { display: none; } #cboxTopCenter { display: none; } #cboxBottomCenter { display: none; } #cboxContent { overflow: hidden; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxTitle { position: absolute; bottom: 2.2222rem; left: 0; text-align: center; width: 100%; } #cboxCurrent { display: none!important; } #cboxPrevious, #cboxNext { -webkit-appearance: none; appearance: none; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: 32px; border: 0; color: #ffffff;/*dynamic*/ height: 50px; margin-top: -25px; padding: 0; text-indent: -99999px; width: 50px; position: fixed; top: 50%; z-index: 99999999; } #cboxPrevious { left: 0; } #cboxPrevious::after { content: "\e909"; display: block; font-family: 'mood-icons'; font-size: 20px; left: 0; line-height: 50px; position: absolute; text-indent: 0; top: 0; width: 100%; } #cboxNext { right: 0; } #cboxNext::after { content: "\e90a"; display: block; font-family: 'mood-icons'; font-size: 20px; left: 0; line-height: 50px; position: absolute; text-indent: 0; top: 0; width: 100%; } #cboxOverlay { background: #151515!important;/*dynamic*/ } #cboxOverlay::after { content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #cboxContent { background: #ffffff;/*dynamic*/ } .cBox-quick-view #cboxContent { background:#ffffff; } .cboxIframe { background:#ffffff; } #cboxTitle { color:#ffffff; text-shadow: 0 0 20px rgba(0,0,0,.25), 0 0 20px rgba(0,0,0,.25), 0 0 20px rgba(0,0,0,.25), 0 0 20px rgba(0,0,0,.25); } #cboxContent .wp-audio-shortcode { max-width: 100%!important; } /* * Slick carousel */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-slider.slick-vc-carousel .vc_inner { text-align: center; } .slick-slider.slick-vc-carousel img { display: inline-block; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; position: relative; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots, .slick-prev, .slick-next { position: absolute; } .slick-dots { bottom: 10px; pointer-events: none; text-align: center; width: 100%; } .mood-woo-styler .slick-dots { bottom: 0; } .vc_carousel-slideline .slick-dots { bottom: -15px; } .mood .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline, .mood .vc_images_carousel .vc_carousel-inner { overflow: visible; } .slick-dots li { display: inline-block; list-style: none; } .slick-dots li button { background: transparent; box-sizing: content-box; cursor: pointer; display: block; height: 8px; overflow: hidden; padding: 8px; pointer-events: auto; position: relative; text-indent: -9999px; width: 8px; } .slick-dots li button::after { background: #ffffff;/*dynamic*/ -moz-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 2px 1px rgba(21,21,21,.35);/*dynamic*/ box-shadow: 0 0 2px 1px rgba(21,21,21,.35);/*dynamic*/ content: ''; display: block; height: inherit; left: 8px; opacity: .5; position: absolute; top: 8px; width: inherit; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); -webkit-transition: all .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .slick-dots li.slick-active button::after, .slick-dots li button:hover::after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .slick-prev.slick-arrow { background: transparent; cursor: pointer; height: 20px; left: -30px; line-height: 20px; position: absolute; text-indent: -99999px; top: calc(50% - 10px); width: 20px; } .slick-prev.slick-arrow::before { color: #ffffff;/*dynamic*/ content: "\e909"; font-family: 'mood-icons'; font-size: 16px; height: inherit; line-height: inherit; position: absolute; left: 0; text-align: center; text-indent: 0; text-shadow: -2px 0 0 #151515;/*dynamic*/ top: 0; width: inherit; -webkit-transition: all .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .slick-next.slick-arrow { background: transparent; cursor: pointer; height: 20px; line-height: 20px; position: absolute; right: -30px; text-indent: -99999px; top: calc(50% - 10px); width: 20px; } .slick-next.slick-arrow::before { color: #ffffff;/*dynamic*/ content: "\e90a"; font-family: 'mood-icons'; font-size: 16px; height: inherit; line-height: inherit; position: absolute; left: 0; text-align: center; text-indent: 0; text-shadow: 2px 0 0 #151515;/*dynamic*/ top: 0; width: inherit; -webkit-transition: all .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); } /*-------------------------------------------------------------- 2.1. 3rd party plugins --------------------------------------------------------------*/ /* * Recent posts with thumbnails */ .mood .rpwwt-widget ul li { list-style: none; margin: 0 0 10px; } .mood .rpwwt-widget ul li:last-child { margin-bottom: 0; } .mood .rpwwt-widget ul li a { color: inherit; font-weight: bold; } .mood .rpwwt-widget ul li > div { font-size: .85em; } .mood .recent-posts-widget-with-thumbnails img { margin: .3em .75em 0 0!important; max-width: 100px!important; } .mood .rpwwt-post-date { color: #acacaf;/*dynamic*/ font-size: .75em; font-style: italic; } /* * WooCommerce */ #top-mini-cart dl.variation, .widget_shopping_cart dl.variation, .shop_table dl.variation { font-size: .75em; line-height: 1.5; margin: 5px 0; text-transform: uppercase; } #top-mini-cart dl.variation p, .widget_shopping_cart dl.variation p, .shop_table dl.variation p { margin: 0; } #top-mini-cart dl.variation dt, .widget_shopping_cart dl.variation dt, .shop_table dl.variation dt { clear: left;/*ltr*/ float: left;/*ltr*/ font-weight: bold; line-height: 1.5; margin-right: .1em;/*ltr*/ } #top-mini-cart dl.variation dd, #top-mini-cart dl.variation dd p, .widget_shopping_cart dl.variation dd, .widget_shopping_cart dl.variation dd p, .shop_table dl.variation dd, .shop_table dl.variation dd p { float: left;/*ltr*/ line-height: 1.5; } p.woocommerce-result-count { font-size: .825em; margin: 0; padding: 10px 0; text-transform: uppercase; } @media screen and (min-width: 601px) { p.woocommerce-result-count { clear: right; float: right;/*ltr*/ } form.woocommerce-ordering { float: left;/*ltr*/ } } .woocommerce-cart .woocommerce > form { clear: both; overflow: auto!important; } .shop_table { min-width: 600px; } .shop_table td.product-remove { padding: 0; width: 27px; } .shop_table td.product-remove a { -moz-box-sizing: content-box; box-sizing: content-box; color: inherit; display: block; padding: 0; text-align: center; width: 27px; } .shop_table td.product-thumbnail { -moz-box-sizing: content-box; box-sizing: content-box; width: 80px; } .shop_table td, .shop_table.woocommerce-checkout-review-order-table tfoot th { border-top: 1px solid rgba(21,21,21,.1);/*dynamic*/ padding: 1.5em; vertical-align: middle; } .shop_table th { border-top: 1px solid rgba(21,21,21,.1);/*dynamic*/ padding: 1.5em; vertical-align: top; } .shop_table td:first-child, .shop_table th:first-child, .shop_table.woocommerce-checkout-review-order-table tfoot th:first-child { padding-left: 0;/*ltr*/ } .shop_table .woocommerce-shipping-calculator .shipping-calculator-form { padding: 1em 1px; } .shop_table td:last-child, .shop_table th:last-child, .shop_table.woocommerce-checkout-review-order-table tfoot th:last-child { padding-right: 0;/*ltr*/ } .shop_table td.product-name a { color: inherit; font-weight: bold; } .shop_table.woocommerce-checkout-review-order-table thead th { border-bottom: 1px solid rgba(21,21,21,.1);/*dynamic*/ } .shop_table .cart-discount th span { background: rgba(21,21,21,.5);/*dynamic*/ color: #ffffff; display: inline-block; font-size: .9em; font-weight: normal; padding: 0 10px; } @media (max-width: 600px) { .shop_table.woocommerce-checkout-review-order-table { display: block; min-width: 0; } .shop_table.woocommerce-checkout-review-order-table thead { display: none; } .shop_table.woocommerce-checkout-review-order-table th, .shop_table.woocommerce-checkout-review-order-table td { display: block; } .shop_table dl.variation { overflow: hidden; } } .shop_table td.product-subtotal { font-weight: bold; } .shop_table .product-subtotal { text-align: right;/*ltr*/ } .shop_table .product-thumbnail img { float: left; width: 80px; } .shop_table input[type="number"] { border-width: 1px!important; font-size: inherit!important; font-weight: bold; line-height: inherit; min-height: 0!important; padding: 0!important; text-align: center; text-indent: 12px; width: 80px!important; } .shop_table label[for="coupon_code"] { display: none; } .shop_table #coupon_code { float: left;/*ltr*/ margin: 0; max-width: 250px; } .shop_table input[name="apply_coupon"], .shop_table input[name="apply_coupon"]:hover { background-color: rgba(21,21,21,.075)!important;/*dynamic*/ border: 1px solid transparent!important;/*dynamic*/ color: #151515!important;/*dynamic*/ float: left;/*ltr*/ margin: 0 0 0 .5em;/*ltr*/ min-height: 3.25rem; } .shop_table input[name="update_cart"], .cart-collaterals button[name="calc_shipping"], .woocommerce-shipping-calculator .shipping-calculator-button { background-color: rgba(21,21,21,.075)!important;/*dynamic*/ border: 1px solid transparent!important;/*dynamic*/ color: #151515!important;/*dynamic*/ float: right;/*ltr*/ margin: 0; min-height: 3.25rem; } .shop_table input[name="apply_coupon"]:hover, .shop_table input[name="update_cart"]:hover, .cart-collaterals button[name="calc_shipping"]:hover, .woocommerce-shipping-calculator .shipping-calculator-button:hover { background-color: rgba(21,21,21,1)!important;/*dynamic*/ border: 1px solid transparent!important;/*dynamic*/ color: #ffffff!important;/*dynamic*/ } .shop_table ul#shipping_method { margin-bottom: 1em; } .shop_table #shipping_method li, .wc_payment_methods li { list-style: none; } .shipping-calculator-button { margin-bottom: 1em; } .cart-collaterals { float: right;/*ltr*/ overflow: auto; padding-bottom: 25px; text-align: right;/*ltr*/ width: 100%; } .cart-subtotal .amount { font-weight: bold; } .shipping-calculator-form input { float: none!important; } .cart_totals h2 { font-size: 1.2rem; text-align: left; text-transform: uppercase; } .cart-collaterals td { text-align: inherit; } .cart-collaterals table { min-width: 600px; } @media only screen and (max-width: 767px) { .cart-collaterals table { min-width: 0!important; } } .cart-collaterals table, .cart-collaterals .order-total td, .cart-collaterals .order-total th { border-top: 1px solid rgba(21,21,21,.1);/*dynamic*/ } .cart-collaterals th { font-size: 1.215rem; font-variant: small-caps; text-transform: lowercase; } .cart-collaterals td .amount { font-size: 1rem; } .cart-collaterals .order-total td .amount { font-size: 1.425rem; } .woocommerce-shipping-calculator { font-size: 1rem; min-width: 350px; } @media only screen and (max-width: 767px) { .woocommerce-shipping-calculator { min-width: 0!important; } } .woocommerce-shipping-calculator section { clear: both; width: 100%; } .woocommerce-shipping-calculator > p { margin: 0; } .cross-sells h2 { text-align: left; } p.cart-empty, p.return-to-shop { text-align: center; } p.return-to-shop { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3L…UuNQoJIE0xNCw2LjV2NSBNMTcsNi41TDE2LjUsMTEgTTIwLDYuNWwtMSw0Ii8+Cjwvc3ZnPg==');/*dynamic*/ background-position: center 30px; background-repeat: no-repeat; padding: 140px 0; } table.shop_table.woocommerce-checkout-review-order-table .scrollable { margin: 0!important; } table.shop_table.woocommerce-checkout-review-order-table .pinned { border-width: 0 1px 0 0!important; overflow: hidden!important; width: 1px!important; } [data-pin-log="button_pinit_floating"] { display: none!important; } @media (min-width: 800px) { .form-row-first { float: left;/*ltr*/ width: calc(50% - .5em); } .form-row-last { float: right;/*ltr*/ width: calc(50% - .5em); } } .woocommerce-info { font-weight: bold; margin-bottom: 1.525rem; } body.woocommerce-checkout input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([name="coupon_code"]), body.woocommerce-checkout textarea { margin-bottom: 1.525rem; } body.woocommerce-checkout .payment_method_paypal img { display: inline-block; height: 1.5em; margin: -5px 10px 0; vertical-align: middle; } body.woocommerce-checkout .payment_methods.methods p, body.woocommerce-checkout .create-account p:first-child { font-size: .9em; font-style: italic; } body.woocommerce-checkout p.create-account { border-top: 1px solid rgba(21,21,21,.1);/*dynamic*/ font-weight: bold; padding-top: 1.535em; } body.woocommerce-checkout .woocommerce-shipping-fields, body.woocommerce-checkout #order_comments_field { border-top: 1px solid rgba(21,21,21,.1);/*dynamic*/ float: left; padding-top: 1.535em; width: 100%; } body.woocommerce-checkout .about_paypal { font-size: .725em; font-weight: bold; text-transform: uppercase; } h3#order_review_heading { clear: both; } body.woocommerce-checkout #order_review { padding-bottom: 25px; } .woocommerce-info + form.login, .woocommerce-info + form.checkout_coupon { border-bottom: 1px solid rgba(21,21,21,.1);/*dynamic*/ float: left; margin-bottom: 1.535em; width: 100%; } .woocommerce-info + form.checkout_coupon input[type="submit"] { margin: 0; } form.checkout label { display: inline-block; margin-bottom: .5em; } .payment_box { background-color: rgba(21,21,21,.1);/*dynamic*/ margin-bottom: .5em; padding: 1em; } .payment_box p:last-child { margin-bottom: 0; } .create-account { overflow: hidden; } .woocommerce-account:not(.logged-in) .woocommerce { border: 1px solid rgba(21,21,21,.1);/*dynamic*/ -moz-border-radius: 4px; border-radius: 4px; margin: 0 auto; padding: 30px; max-width: 800px; } .woocommerce-account:not(.logged-in) .woocommerce h2 { font-weight: bold!important; margin-top: 0; } .woocommerce-account:not(.logged-in) .woocommerce input { margin-bottom: 1em!important; } .woocommerce-account:not(.logged-in) .woocommerce label[for="rememberme"], .woocommerce-account:not(.logged-in) .woocommerce .lost_password { font-size: .725em; text-transform: uppercase; } .woocommerce-account .woocommerce > p { border-bottom: 1px solid rgba(21,21,21,.15);/*dynamic*/ padding-bottom: 40px; } .woocommerce-account .woocommerce { overflow: hidden; } .woocommerce-account .woocommerce-MyAccount-navigation { float: left;/*ltr*/ width: 30%; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { margin-bottom: .5em; } .woocommerce-account .woocommerce-MyAccount-navigation ul a { color: inherit!important; font-weight: bold; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.is-active) a { opacity: .5; -webkit-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.is-active) a:hover { opacity: 1; } .woocommerce-account .woocommerce-MyAccount-content { float: right;/*ltr*/ width: calc(70% - 30px); } @media (max-width: 600px) { .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; } .woocommerce-account .woocommerce-MyAccount-content { margin-top: 50px; } } .woocommerce .col2-set.addresses .col-1 { float: left;/*ltr*/ width: calc(50% - 20px); } .woocommerce .col2-set.addresses .col-2 { float: right;/*ltr*/ width: calc(50% - 20px); } @media (max-width: 600px) { .woocommerce .col2-set.addresses .col-1, .woocommerce .col2-set.addresses .col-2 { float: none; width: 100%; } } .woocommerce-error { background-color: rgba(241, 106, 46, .15);/*dynamic*/ border: 1px solid #f16a2e; -moz-border-radius: 4px; border-radius: 4px; padding: 1em; } .woocommerce-thank-you { border: 1px solid rgba(21,21,21,.15);/*dynamic*/ -moz-border-radius: 3px; border-radius: 3px; padding: 50px 30px; } .woocommerce-thank-you .woocommerce-thankyou-order-received { font-weight: bold; } .woocommerce-thank-you ul { display: inline-block; margin: auto; text-align: left; } .woocommerce-thank-you ul li { margin: 0; } .woocommerce-billing-fields p::before, .woocommerce-billing-fields p::after { content: ""; display: table; } .woocommerce-billing-fields p::after { clear: both; } .woocommerce-billing-fields p input { margin-bottom: 0!important; } .woocommerce .woocommerce-thank-you-details > p { font-style: italic; padding: 2em 0; } .woocommerce .woocommerce-thank-you-details h2 { font-size: 1.5em; text-transform: uppercase; } body.woocommerce-order-received .customer_details { overflow: hidden; } body.woocommerce-order-received dt { display: inline; font-weight: bold; margin-right: .5em;/*ltr*/ } body.woocommerce-order-received dd { display: inline; } body.woocommerce-order-received dd::after { clear: both; content: ''; display: block; } body.woocommerce-order-received .col2-set.addresses { text-align: center; } body.woocommerce-order-received .col2-set.addresses > div, body.woocommerce-order-received .col2-set.addresses > div h3 { text-align: left;/*ltr*/ } body.woocommerce-order-received .col2-set.addresses > address { display: inline-block; text-align: left;/*ltr*/ } ul.products { clear: both; } ul.products > li { display: block; float: left; list-style-type: none; margin: 0; } ul.products li > .product-wrap { position: relative; } .mood-woo-styler.text-position-hover ul.products li > .product-wrap > .product-button-wrap, .mood-woo-styler.text-position-over ul.products li > .product-wrap > .product-button-wrap { bottom: 0; left: 0; padding: 0 25px; position: absolute; width: 100%; } .mood-woo-styler.text-position-hover ul.products li > .product-wrap > .product-button-wrap::after, .mood-woo-styler.text-position-over ul.products li > .product-wrap > .product-button-wrap::after { background: rgba(255,255,255,.8);/*dynamic*/ bottom: 0; content: ''; display: block; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-transform: translatey(12px); -moz-transform: translatey(12px); -ms-transform: translatey(12px); -o-transform: translatey(12px); transform: translatey(12px); -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -webkit-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -moz-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -ms-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -o-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .mood-woo-styler.text-position-hover ul.products li > .product-wrap:hover > .product-button-wrap::after, .mood-woo-styler.text-position-over ul.products li > .product-wrap > .product-button-wrap::after { -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); opacity: 1; } ul.products li > .product-wrap > .product-button-wrap > a { color: inherit; display: block; overflow: hidden; padding: 20px 0 0; } .mood-woo-styler.text-position-over ul.products li > .product-wrap > .product-button-wrap > a, .mood-woo-styler.text-position-hover ul.products li > .product-wrap > .product-button-wrap > a { color: #151515;/*dynamic*/ position: relative; z-index: 2; } .mood-woo-styler.text-position-hover ul.products li > .product-wrap > .product-button-wrap > a { opacity: 0; -webkit-transform: translatey(-8px); -moz-transform: translatey(-8px); -ms-transform: translatey(-8px); -o-transform: translatey(-8px); transform: translatey(-8px); -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -webkit-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -moz-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -ms-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -o-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .mood-woo-styler.text-position-hover ul.products li > .product-wrap:hover > .product-button-wrap > a { opacity: 1; -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } .mood-woo-styler[data-dots="below"] .slick-dots { bottom: -45px; } .mood-woo-styler[data-dots="below"] .woocommerce { padding-bottom: 40px; } ul.products li.product-category h3 { padding: 20px 0 0; } ul.products li.product-category h3 mark { background: transparent; } .product-image-loop-wrap { display: block; overflow: hidden; position: relative; } .product-image-loop-wrap .wp-post-image { display: inline-block; position: relative; vertical-align: top; z-index: 0; } .image-wrap { position: relative; } .product-image-loop-wrap .hover-image { left: 0; position: absolute; opacity: 0; top: 0; z-index: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -webkit-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -moz-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -ms-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -o-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } ul.products li > .product-wrap:hover .hover-image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } ul.products .product-categories-in-loop { color: inherit; font-size: 12px; font-weight: normal; } ul.products h3 { color: inherit; font-family: inherit; font-size: 1.15rem; font-weight: bold; line-height: 1.275; margin: .175em 0 .375em; } ul.products .onsale, ul.products .out-of-stock { color: #ffffff;/*dynamic*/ display: block; font-size: 9px; font-weight: bold; letter-spacing: .1em; line-height: 1; padding: 8px 3px; position: absolute; right: 10px;/*ltr*/ text-transform: uppercase;/*dynamic*/ top: 0; -ms-writing-mode: tb-lr; -webkit-writing-mode: vertical-lr; -moz-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; writing-mode: vertical-lr; z-index: 3; } ul.products .onsale { background-color: #f14814;/*dynamic*/ } ul.products .product-out-of-stock .onsale { display: none; } ul.products .out-of-stock { background-color: #989b9b;/*dynamic*/ } ul.products .price { display: block; float: left;/*ltr*/ color: #8e8e8e;/*dynamic*/ font-size: 0.925rem; height: 1.5rem; line-height: 1.5rem; vertical-align: top; } .mood-woo-styler.text-position-over ul.products .price, .mood-woo-styler.text-position-hover ul.products .price { color: #151515;/*dynamic*/ } ul.products .price del, ul.products .price del .amount { opacity: .75; } ul.products .amount, ul.products ins, ul.product_list_widget ins { background: none; text-decoration: none; } .price ins { color: inherit; } ul.products del .amount { font-weight: normal; } ul.products > li, ul.products[data-cols="3"] > li, [data-cols="3"] > ul.products > li { width: calc(33.33% - 0.5px); } .woocommerce.columns-1 ul.products > li, ul.products[data-cols="1"] > li, [data-cols="1"] > ul.products > li { width: 100%; } .woocommerce.columns-2 ul.products > li, ul.products[data-cols="2"] > li, [data-cols="2"] > ul.products > li { width: calc(50% - 0.5px); } .woocommerce.columns-4 ul.products > li, ul.products[data-cols="4"] > li, [data-cols="4"] > ul.products > li { width: calc(25% - 0.5px); } .woocommerce.columns-5 ul.products > li, ul.products[data-cols="5"] > li, [data-cols="5"] > ul.products > li { width: calc(20% - 0.5px); } .woocommerce.columns-6 ul.products > li, ul.products[data-cols="6"] > li, [data-cols="6"] > ul.products > li { width: calc(16.665% - 0.5px); } .woocommerce.columns-7 ul.products > li, [data-cols="7"] > ul.products > li { width: calc(14.285% - 0.5px); } .woocommerce.columns-8 ul.products > li, [data-cols="8"] > ul.products > li { width: calc(12.5% - 0.5px); } .woocommerce.columns-9 ul.products > li, [data-cols="9"] > ul.products > li { width: calc(11.11% - 0.5px); } .woocommerce.columns-10 ul.products > li, [data-cols="10"] > ul.products > li { padding: 0 0 30px 30px; width: calc(10% - 0.5px); } @media screen and (max-width: 1024px) { .mood-woo-styler[data-landscape="1"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-landscape="1"] > li { width: 100%; } .mood-woo-styler[data-landscape="2"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-landscape="2"] > li { width: calc(50% - 2px); } .mood-woo-styler[data-landscape="3"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-landscape="3"] > li { width: calc(33.33% - 2px); } .mood-woo-styler[data-landscape="4"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-landscape="4"] > li { width: calc(25% - 2px); } .mood-woo-styler[data-landscape="5"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-landscape="5"] > li { width: calc(20% - 2px); } .mood-woo-styler[data-landscape="6"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-landscape="6"] > li { width: calc(16.66% - 2px); } } @media screen and (max-width: 768px) { .mood-woo-styler[data-portrait="1"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-portrait="1"] > li { width: 100%; } .mood-woo-styler[data-portrait="2"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-portrait="2"] > li { width: calc(50% - 2px); } .mood-woo-styler[data-portrait="3"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-portrait="3"] > li { width: calc(33.33% - 2px); } .mood-woo-styler[data-portrait="4"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-portrait="4"] > li { width: calc(25% - 2px); } .mood-woo-styler[data-portrait="5"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-portrait="5"] > li { width: calc(20% - 2px); } .mood-woo-styler[data-portrait="6"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-portrait="6"] > li { width: calc(16.66% - 2px); } } @media screen and (max-width: 414px) { .mood-woo-styler[data-phone="1"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-phone="1"] > li { width: 100%; } .mood-woo-styler[data-phone="2"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-phone="2"] > li { width: calc(50% - 2px); } .mood-woo-styler[data-phone="3"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-phone="3"] > li { width: calc(33.33% - 2px); } .mood-woo-styler[data-phone="4"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-phone="4"] > li { width: calc(25% - 2px); } .mood-woo-styler[data-phone="5"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-phone="5"] > li { width: calc(20% - 2px); } .mood-woo-styler[data-phone="6"] .woocommerce[class*="columns"] ul.products > li, ul.products[data-phone="6"] > li { width: calc(16.66% - 2px); } } .star-rating, p.stars { color: #0b91e2;/*dynamic*/ font-family: 'mood-icons'; display: block; float: right;/*ltr*/ font-size: 12px; height: 1.5rem; line-height: 1.375rem; margin: 0 5px 0 0;/*ltr*/ position: relative; vertical-align: top; text-indent: -99999px; width: 5em; } .mood-woo-styler.text-position-over .star-rating, .mood-woo-styler.text-position-over p.stars, .mood-woo-styler.text-position-hover .star-rating, .mood-woo-styler.text-position-hover p.stars { color: #151515;/*dynamic*/ } .commentlist .star-rating { float: none; font-size: 10px; } .star-rating::after { content: "\e900\e900\e900\e900\e900"; display: block; text-indent: 0; } .star-rating > span { display: block; height: 100%; left: 0; overflow: hidden; position: absolute; text-indent: -99999px; top: 0; } .star-rating > span::after { content: "\e901\e901\e901\e901\e901"; display: block; position: absolute; text-indent: 0; top: 0; } .single-product.wpb_wl_quick_view_content .shop_icons_wrap { padding: 0; } .single-product.wpb_wl_quick_view_content .shop_icons_wrap a { height: 38px; width: 38px; } .mood-nowhere-zone { bottom: 0; left: 25px; position: absolute; right: 25px; text-align: right; z-index: 3; } .mood-woo-styler.text-position-over .mood-nowhere-zone, .mood-woo-styler.text-position-hover .mood-nowhere-zone { left: auto; margin-top: 20px; position: relative; right: auto; } .mood-woo-styler.text-align-left .mood-nowhere-zone { text-align: left; } .mood-woo-styler.text-align-center .mood-nowhere-zone { text-align: center; } .mood-woo-styler.text-align-right .mood-nowhere-zone { text-align: right; } .woocommerce .mood-nowhere-zone::after { background: rgba(255,255,255,.8);/*dynamic*/ bottom: 0; content: ''; display: block; left: -25px; opacity: 0; pointer-events: none; position: absolute; right: -25px; top: -5px; z-index: 1; -webkit-transform: translatey(12px); -moz-transform: translatey(12px); -ms-transform: translatey(12px); -o-transform: translatey(12px); transform: translatey(12px); -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -webkit-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -moz-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -ms-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), -o-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .text-position-hover .mood-nowhere-zone::after, .text-position-over .mood-nowhere-zone::after { background: transparent !important; } ul.products li > .product-wrap:hover .mood-nowhere-zone::after { -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); opacity: 1; } .mood-nowhere-zone > div { bottom: -6px; color: inherit; cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; line-height: 38px; opacity: 0; position: relative; text-transform: uppercase; z-index: 2; -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), bottom .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), bottom .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), bottom .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), bottom .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), bottom .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .mood-nowhere-zone > a.button, .mood-nowhere-zone > a.button:hover { background: transparent; border-width: 0!important; bottom: -6px; color: inherit!important; cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; line-height: 38px; margin: 0 0 0 25px;/*ltr*/ opacity: 0; padding: 0; position: relative; text-transform: uppercase; z-index: 2; -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), bottom .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), bottom .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), bottom .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), bottom .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), bottom .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .shop_icons_wrap .clear { display: none; } .mood-woo-styler.text-position-over ul.products li .mood-nowhere-zone > div, .mood-woo-styler.text-position-over .images .mood-nowhere-zone > div, .mood-woo-styler.text-position-over ul.products li .mood-nowhere-zone > a { bottom: 0; opacity: 1; } ul.products li > .product-wrap:hover .mood-nowhere-zone > div, .images:hover .mood-nowhere-zone > div { bottom: 0; opacity: 1; } ul.products li > .product-wrap:hover .mood-nowhere-zone > a { bottom: 0; opacity: 1; } ul.products .wpb_wl_preview_area { display: none; display: inline-block; position: relative; top: auto; vertical-align: top; width: auto; } @media screen and (max-width: 1024px) { ul.products .wpb_wl_preview_area { display: none!important; } } .single-product .entry-content.hentry { float: left; width: 100%; } .single-product .images, .single-product .summary.entry-summary { float: left;/*ltr*/ position: relative; width: calc(50% - 20px); } .single-product .images { cursor: crosshair; margin-right: 20px;/*ltr*/ } .single-product .summary.entry-summary { margin-left: 20px;/*ltr*/ } .single-product .summary.entry-summary .description { font-size: .9em; } @media screen and (max-width: 800px) { .single-product .images, .single-product .summary.entry-summary { margin-left: 0; width: 100%; } .single-product .summary.entry-summary { margin-top: 25px; } } .single-product .images .thumbnails { position: absolute; right: 0; top: 0; z-index: 3; } .single-product .images .zoomImg { z-index: 1; } .single-product .images .thumbnails a { display: block; margin: 5px 5px 0 0; width: 50px; } .single-product .images .thumbnails a.selected { cursor: crosshair; } .single-product .images .thumbnails a img { display: block; -webkit-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: opacity .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .single-product .images .thumbnails a.selected img { opacity: .3; } .single-product .images:hover .thumbnails img { opacity: .3; } .single-product .images:hover .thumbnails a.selected img { opacity: .075; } .single-product .images .thumbnails a:not(.selected):hover img { opacity: 1!important; } .single-product .out-of-stock { color: #f57661;/*dynamic*/ font-weight: bold; } .single-product .summary.entry-summary .price .amount { font-size: 1.65rem; font-weight: bold; } .single-product .summary.entry-summary .price del, .single-product .summary.entry-summary .price del .amount { display: block; font-size: 1.25rem; font-weight: normal; opacity: .5; } .single-product #page-wrap { padding: 0 40px; } .single-product .summary h1 { font-size: 2.175rem; margin: 0 0 .5em; } p.stars { float: none; margin: .2em 0 1.75em; } form p.stars { margin-bottom: 0; vertical-align: middle; } .summary.entry-summary .woocommerce-product-rating { display: table; margin: 0 5px 0 0;/*ltr*/ } .summary.entry-summary .star-rating { color: #0b91e2;/*dynamic*/ font-family: 'mood-icons'; display: table-cell; font-size: 12px; height: 1.5rem; line-height: 1.5rem; text-indent: -99999px; vertical-align: middle; width: 60px; } .summary.entry-summary .star-rating::after { content: "\e900\e900\e900\e900\e900"; display: block; text-indent: 0; } .summary.entry-summary .star-rating > span { display: block; height: 100%; left: 0; overflow: hidden; position: absolute; text-indent: -99999px; top: 0; } .summary.entry-summary .star-rating > span::after { content: "\e901\e901\e901\e901\e901"; display: block; position: absolute; text-indent: 0; top: 0; } #reviews #comments { margin-top: 0; } #reviews .comment-form-author, #reviews .comment-form-email { width: calc(50% - 15px); } @media (max-width: 600px) { #reviews .comment-form-author, #reviews .comment-form-email { width: 100%; } } #reviews .comment-form-rating label, #reviews .comment-form-rating p.stars { display: inline-block; margin-right: 15px;/*ltr*/ vertical-align: baseline; } #reviews #review_form_wrapper { border-top: 1px solid rgba(21,21,21,.1)!important; margin-top: 1.535em; padding-top: 1.535em; } .summary.entry-summary .sharedaddy.sd-sharing-enabled { border-top: 1px solid rgba(21,21,21,.1)!important; margin-top: 1.525rem; padding-top: 1.525rem; } .summary.entry-summary .variations td.label { font-weight: bold; } table.variations { padding-bottom: 20px; position: relative; } table.variations td.label { padding-left: 0;/*ltr*/ } table.variations td.value { width: 100%; } .reset_variations { bottom: -10px; color: #acacaf; font-weight: normal; font-size: 11px; left: 0; position: absolute; text-transform: uppercase; } .group_table td { display: inline-block; padding: 0; } body:not(.rtl) .group_table td.product-thumb { float: left; margin-right: 30px; } body.rtl .group_table td.product-thumb { float: right; margin-left: 30px; } .group_table td.price { border: 0!important; margin: 20px 0 0!important; padding: 0!important; } .summary.entry-summary .woocommerce-review-link { color: inherit!important; display: table-cell; font-weight: normal; font-size: 11px; vertical-align: middle; } p.stars > span a { color: inherit; display: block; height: inherit; overflow: hidden; text-align: left; } p.stars > span a { float: left; height: 100%; position: absolute; } p.stars::before { content: "\e900\e900\e900\e900\e900"; display: block; font-family: 'mood-icons'; font-size: 12px; height: 1.5rem; left: 0; line-height: 1.5rem; text-indent: 0; width: 100%; } p.stars > span a::before { content: "\e901\e901\e901\e901\e901"; display: block; font-family: 'mood-icons'; font-size: 12px; height: 1.5rem; left: 0; line-height: 1.5rem; overflow: hidden; position: relative; text-indent: 0; } p.stars > span { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } p.stars > span a { float: left; height: 100%; position: absolute; } p.stars > span a::before { opacity: 0; } p.stars > span a:hover::before { opacity: 1; } p.stars > span a.active::before { opacity: 1; } p.stars > span a.star-1 { width: 20%; z-index: 5; } p.stars > span a.star-2 { width: 40%; z-index: 4; } p.stars > span a.star-3 { width: 60%; z-index: 3; } p.stars > span a.star-4 { width: 80%; z-index: 2; } p.stars > span a.star-5 { width: 100%; z-index: 1; } .single-product .onsale { display: none; } #main .woocommerce-message { background-color: rgba(87, 200, 95, .15);/*dynamic*/ color: inherit; float: left; margin-bottom: 40px; padding: 20px 30px; width: 100%; } #main .woocommerce-message::before { content: "\e910"; display: inline-block; font-family: 'mood-icons'; font-size: 10px; width: 16px; } #main .woocommerce-message a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #151515;/*dynamic*/ -moz-border-radius: 3px;/*dynamic*/ border-radius: 3px;/*dynamic*/ border: 1px solid #151515!important;/*dynamic*/ color: #ffffff;/*dynamic*/ cursor: pointer; margin: 0; float: right;/*ltr*/ font-weight: bold;/*dynamic*/ font-size: 11px;/*dynamic*/ display: inline-block; line-height: 1em;/*dynamic*/ padding: 1em 2.5em; position: relative; text-align: center; text-decoration: none; text-shadow: none; text-transform: uppercase;/*dynamic*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: background-color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), border .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: background-color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), border .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: background-color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), border .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: background-color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), border .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: background-color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), border .35s cubic-bezier(0.140, 0.560, 0.710, 0.975), color .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } #main .woocommerce-message a:hover { background: transparent; color: #151515;/*dynamic*/ } .single-product .woocommerce-main-image, .single-product .woocommerce-main-image img { display: block; overflow: hidden; position: relative; } .single-product .summary.entry-summary .price { border-bottom: 1px solid rgba(21,21,21,.1);/*dynamic*/ display: block; margin: 1rem 0 1.525rem; padding-bottom: 1.525rem; } .single-product .summary.entry-summary .single_variation .price { border: 0; } .price ins { background: none; line-height: 1; text-decoration: none; } .stock.in-stock { display: none; } .single-product .summary.entry-summary [itemprop="description"] p:last-child:not(:first-child) { border-bottom: 1px solid rgba(21,21,21,.1);/*dynamic*/ margin-bottom: 1.525rem; padding-bottom: 1.525rem; } .single-product .summary.entry-summary .quantity { display: inline-block; margin-bottom: 10px; margin-right: 5px;/*ltr*/ vertical-align: middle; } .single-product .summary.entry-summary input[type="number"] { border: 1px solid rgba(21,21,21,.1);/*dynamic*/ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-weight: bold; height: 47px; min-height: 0; padding: 0 5px; text-align: center; text-indent: 12px; width: 80px!important; } .single-product .summary.entry-summary button[type="submit"] { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-bottom: 10px; margin-top: 0; height: 47px; vertical-align: middle; } .single-product .summary.entry-summary button[type="submit"][disabled], .single-product .summary.entry-summary button[type="submit"].disabled { cursor: default; opacity: .3; } .single-product .summary.entry-summary .yith-wcwl-add-to-wishlist, .single-product .summary.entry-summary .compare.button { display: none!important; } .woo-images-spinner-wrap { background: rgba(255,255,255,.85);/*dynamic*/ height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 2; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -ms-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } .images.loading .woo-images-spinner-wrap { opacity: 1; } .mood .summary .product_meta { border-top: 1px solid rgba(21,21,21,.1)!important; font-style: normal; font-size: 12px; font-weight: bold; margin-top: 1.525rem; padding-top: 1.525rem; } .product_meta > span a, .product_meta > span span { color: inherit; font-weight: 300; } .product_meta > span { display: block; } .wpb_wl_quick_view_content { display: none!important; } #cboxLoadedContent .mfp-hide { display: block!important; } .wpb_wl_quick_view_content { height: 5000px; position: absolute; width: 5000px; } #cboxLoadedContent .wpb_wl_quick_view_content { height: inherit; margin: 0; overflow: hidden; position: static; width: auto; } #cboxLoadedContent .wpb_wl_quick_view_content .product_title.entry-title { margin: 0; } .single-product.wpb_wl_quick_view_content .images, .single-product.wpb_wl_quick_view_content .summary.entry-summary { margin: 0; max-width: 560px; width: 10000px; } .single-product.wpb_wl_quick_view_content .woocommerce-main-image, .single-product.wpb_wl_quick_view_content .woocommerce-main-image img { max-width: none; } .single-product.wpb_wl_quick_view_content .summary.entry-summary { height: inherit; overflow: auto; padding: 40px; } .single-product.wpb_wl_quick_view_content [itemprop="description"] { font-size: .925em; } .single-product.wpb_wl_quick_view_content .compare { display: none!important; } .single-product.wpb_wl_quick_view_content .shop_icons_wrap { padding: 0; } .single-product.wpb_wl_quick_view_content .shop_icons_wrap a { height: 38px; width: 38px; } .woocommerce-tabs { clear: both; display: block; margin-bottom: 80px; overflow: hidden; padding-top: 40px; } .woocommerce-tabs > h3, .vc_tta-accordion .vc_tta-panel-title, .mood .vc_toggle_mood .vc_toggle_title { background-color: transparent!important; -moz-border-radius: 0; border-radius: 0; border-bottom: solid rgba(21,21,21,.1)!important;/*dynamic*/ border-width: 0 0 1px!important; color: inherit!important; font-size: 12px;/*dynamic*/ font-family: "Lato";/*dynamic*/ font-weight: bold;/*dynamic*/ line-height: inherit!important; margin: 0!important; padding: 0!important;/*ltr*/ position: relative; text-decoration: none; text-transform: uppercase;/*dynamic*/ } .woocommerce-tabs > h3::before, .vc_tta-accordion .vc_tta-panel-title::before, .mood .vc_toggle_mood .vc_toggle_title::before { background: #151515;/*dynamic*/ content: ""; display: block; height: 1px; pointer-events: none; position: absolute; right: 14px; top: 50%; width: 13px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: all .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .woocommerce-tabs > h3::after, .vc_tta-accordion .vc_tta-panel-title::after, .mood .vc_toggle_mood .vc_toggle_title::after { background: #151515;/*dynamic*/ content: ""; display: block; height: 13px; pointer-events: none; position: absolute; right: 20px; top: calc(50% - 6px); width: 1px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: all .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all .5s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .woocommerce-tabs.single-tab > h3::before, .vc_tta-accordion.single-tab .vc_tta-panel-title::before, .woocommerce-tabs.single-tab > h3::after, .vc_tta-accordion.single-tab .vc_tta-panel-title::after { display: none; } .mood .vc_tta-tab [data-vc-tabs] > span { font-size: 12px;/*dynamic*/ font-family: "Lato";/*dynamic*/ font-weight: bold;/*dynamic*/ line-height: inherit!important; margin: 0!important; padding: 0!important;/*ltr*/ position: relative; text-decoration: none; text-transform: uppercase;/*dynamic*/ } .mood .vc_toggle_mood .vc_toggle_title h4 { color: inherit!important; font-size: inherit!important; font-family: inherit!important; font-weight: inherit!important; line-height: inherit!important; margin: 0!important; padding: 0!important; text-decoration: none; text-transform: inherit!important; } .woocommerce-tabs > h3.ui-state-active::before, .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title::before, .mood .vc_toggle_mood .vc_toggle_active .vc_toggle_title::before, .woocommerce-tabs > h3.ui-state-active::after, .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title::after, .mood .vc_toggle_mood .vc_toggle_active .vc_toggle_title::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .woocommerce-tabs > h3 > a, .vc_tta-accordion .vc_tta-panel-title > a { color: inherit; display: block; padding: 0 40px 0 0!important;/*ltr*/ } .woocommerce-tabs > h3 > a > span, .vc_tta-accordion .vc_tta-panel-title > a > span { display: inline-block; padding: 1em 0!important; position: relative; } .mood .vc_toggle_mood .vc_toggle_title > h4 { color: inherit; display: inline-block; padding: 1em 40px 1em 0!important;/*ltr*/ position: relative; } .vc_tta-accordion .vc_tta-panel .vc_tta-panel-title > a > i, .mood .vc_toggle_mood .vc_toggle_title > i { display: none!important; } @media screen and (max-width: 414px) { .vc_tta-panel-title { background-color: transparent!important; background-position: right 20px center;/*ltr*/ background-repeat: no-repeat; background-size: 12px; -moz-border-radius: 0; border-radius: 0; border-bottom: solid rgba(21,21,21,.1)!important; border-width: 0 0 1px!important; color: inherit!important;/*dynamic*/ } .vc_tta-panel-title > a { color: inherit; display: block; padding: 0 40px 0 0!important;/*ltr*/ } .vc_tta-panel-title > a > span { display: inline-block; padding: 1em 0!important; position: relative; } } .woocommerce-tabs > h3 > a > span::after { content: ''; position: absolute; background-color: #222324;/*dynamic*/ height: 1px; display: block; bottom: -1px; left: 0; width: 0; -webkit-transition: width .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: width .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: width .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: width .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: width .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .vc_tta-accordion .vc_tta-panel-title > a > span::after { content: ''; position: absolute; background-color: #0b91e2;/*dynamic*/ height: 1px; display: block; bottom: -1px; left: 0; width: 0; -webkit-transition: width .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: width .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: width .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: width .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: width .25s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .woocommerce-tabs > h3.ui-state-active > a > span::after, .vc_tta-accordion .vc_active .vc_tta-panel-title > a > span::after { width: 100%; } .woocommerce-tabs > div.entry-content, .mood .vc_tta-accordion .vc_tta-panel-body, .mood .vc_toggle_mood .vc_toggle_content { padding: 20px 0; } .woocommerce-tabs > div.entry-content:not(:last-child), .mood .vc_tta-accordion .vc_tta-panel-body:not(:last-child), .mood .vc_toggle_mood .vc_toggle_content { border-bottom: 1px solid rgba(21,21,21,.1)!important; } .woocommerce-tabs > div h2 { display: none!important; } /* * Visual Composer */ .wpb_wrapper { width: 100%; } body.mood .vc_column-inner, body.mood ul.wpb_thumbnails-fluid > li, body.mood .last_toggle_el_margin, body.mood .wpb_button, body.mood .wpb_content_element, body.mood ul.wpb_thumbnails-fluid > li, .post-list-wrap, .post-list { margin-bottom: 0; } body.mood .vc_col-has-fill > .vc_column-inner, body.mood .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, body.mood .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, body.mood .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, body.mood .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, body.mood .vc_row-has-fill > .vc_column_container > .vc_column-inner, body.mood .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, body.mood .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner { padding-bottom: 0; padding-top: 0; } .mood-vert-nav-ph { display: block; height: 1px; margin-bottom: -1px; } .vc_row[data-vc-full-width="true"][data-vc-stretch-content="true"] .wpb_column:first-child:last-child .vc_column-inner { padding: 0; } body.mood .wpb_content_element + .wpb_content_element { margin-top: 1em; } body.mood .vc_row.vc_row_column_align_center, body.mood .vc_row.vc_row_column_align_left, body.mood .vc_row.vc_row_column_align_right { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.mood .vc_row.vc_row_column_align_center { align-items: center; justify-content: center; } body.mood .vc_row.vc_row_column_align_left{ display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: left; justify-content: left; } body.mood .vc_row.vc_row_column_align_right { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: right; justify-content: right; } body.mood .vc_row.vc_row_column_align_center > .vc_column_container { display: flex!important; text-align: center!important; width: auto!important; } #content .wpb_alert p:first-child:last-child, #content .wpb_text_column :first-child:last-child, #content .wpb_text_column p:first-child:last-child, .vc_message_box > p:first-child:last-child, .wpb_alert p:first-child:last-child, .wpb_text_column :first-child:last-child, .wpb_text_column p:first-child:last-child { margin-bottom: 0; margin-top: 0; } body.vc-rows-margins #container .vc_row:not(.vc_inner) { margin-bottom: 60px; } .appear, .wpb_appear { -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } @media only screen and (min-width: 1025px) { .wpb_animate_when_almost_visible:not([data-parallax="on"]):not(.slick-cloned) { opacity: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .wpb_animate_when_almost_visible.mood_start_animation:not([data-parallax="on"]):not(.slick-cloned):not(.reloading-animation) { -webkit-transition: opacity .75s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, -webkit-transform .75s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: opacity .75s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, -moz-transform .75s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: opacity .75s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, -ms-transform .75s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: opacity .75s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, -o-transform .75s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: opacity .75s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, transform .75s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; } .mood .wpb_animate_when_almost_visible.slick-cloned, .mood .wpb_animate_when_almost_visible[aria-hidden="true"], .mood [aria-hidden="true"] .wpb_animate_when_almost_visible { opacity: 1; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .pix_animate_bar_almost_visible:not([data-parallax="on"]):not(.slick-cloned) { width: 0; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .pix_animate_bar_almost_visible:not([data-parallax="on"]):not(.slick-cloned):not(.reloading-animation) { -webkit-transition: width 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: width 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: width 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: width 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: width 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .wpb_top-to-bottom:not([data-parallax="on"]):not(.slick-cloned) { -webkit-transform: translatey(-60px); -moz-transform: translatey(-60px); -ms-transform: translatey(-60px); -o-transform: translatey(-60px); transform: translatey(-60px); -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .wpb_bottom-to-top:not([data-parallax="on"]):not(.slick-cloned) { -webkit-transform: translatey(60px); -moz-transform: translatey(60px); -ms-transform: translatey(60px); -o-transform: translatey(60px); transform: translatey(60px); -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .wpb_left-to-right:not([data-parallax="on"]):not(.slick-cloned) { -webkit-transform: translatex(-60px); -moz-transform: translatex(-60px); -ms-transform: translatex(-60px); -o-transform: translatex(-60px); transform: translatex(-60px); -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .wpb_right-to-left:not([data-parallax="on"]):not(.slick-cloned) { -webkit-transform: translatex(60px); -moz-transform: translatex(60px); -ms-transform: translatex(60px); -o-transform: translatex(60px); transform: translatex(60px); -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood .mood_start_animation:not([data-parallax="on"]):not(.slick-cloned):not(svg) { opacity: 1; -webkit-transform: translatex(0) translatey(0); -moz-transform: translatex(0) translatey(0); -ms-transform: translatex(0) translatey(0); -o-transform: translatex(0) translatey(0); transform: translatex(0) translatey(0); } .mood .mood_start_animation { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .mood .mood-typo-separator.mood-straight-separator .wpb_animate_when_almost_visible { -webkit-transform: scale(0,1) !important; -moz-transform: scale(0,1) !important; -ms-transform: scale(0,1) !important; -o-transform: scale(0,1) !important; transform: scale(0,1) !important; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood .mood-typo-separator.mood-straight-separator .mood_start_animation { opacity: 1; -webkit-transform: scale(1,1) !important; -moz-transform: scale(1,1) !important; -ms-transform: scale(1,1) !important; -o-transform: scale(1,1) !important; transform: scale(1,1) !important; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood-typo-separator .mood_start_animation.wpb_left-to-right { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; } .mood-typo-separator .mood_start_animation.wpb_right-to-left { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .mood-typo-separator:not(.mood-straight-separator) .wpb_animate_when_almost_visible.wpb_left-to-right { left: -100%; opacity: 1; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood-typo-separator:not(.mood-straight-separator) .wpb_animate_when_almost_visible.wpb_left-to-right:not(.reloading-animation) { -webkit-transition: left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood-typo-separator:not(.mood-straight-separator) .wpb_animate_when_almost_visible.wpb_left-to-right > div { left: 100%; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood-typo-separator:not(.mood-straight-separator) .wpb_animate_when_almost_visible.wpb_left-to-right:not(.reloading-animation) > div { -webkit-transition: left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood-typo-separator:not(.mood-straight-separator) .mood_start_animation.wpb_left-to-right, .mood-typo-separator:not(.mood-straight-separator) .mood_start_animation.wpb_left-to-right > div { left: 0; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood-typo-separator:not(.mood-straight-separator) .wpb_animate_when_almost_visible.wpb_right-to-left { right: -100%; opacity: 1; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood-typo-separator:not(.mood-straight-separator) .wpb_animate_when_almost_visible.wpb_right-to-left:not(.reloading-animation) { -webkit-transition: right 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: right 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: right 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: right 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: right 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood-typo-separator:not(.mood-straight-separator) .wpb_animate_when_almost_visible.wpb_right-to-left > div { right: 100%; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood-typo-separator:not(.mood-straight-separator) .wpb_animate_when_almost_visible.wpb_right-to-left:not(.reloading-animation) > div { -webkit-transition: right 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: right 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: right 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: right 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: right 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood-typo-separator:not(.mood-straight-separator) .mood_start_animation.wpb_right-to-left, .mood-typo-separator:not(.mood-straight-separator) .mood_start_animation.wpb_right-to-left > div { right: 0; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood-typo-separator:not(.mood-straight-separator) .wpb_animate_when_almost_visible.wpb_appear { left: 50%; opacity: 1; width: 0; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood-typo-separator:not(.mood-straight-separator) .wpb_animate_when_almost_visible.wpb_appear:not(.reloading-animation) { -webkit-transition: width 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: width 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: width 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: width 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: width 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s, left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood-typo-separator:not(.mood-straight-separator) .wpb_animate_when_almost_visible.wpb_appear > div { left: -50%; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood-typo-separator:not(.mood-straight-separator) .wpb_animate_when_almost_visible.wpb_appear:not(.reloading-animation) > div { -webkit-transition: left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: left 2s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .mood-typo-separator:not(.mood-straight-separator) .mood_start_animation.wpb_appear, .mood-typo-separator:not(.mood-straight-separator) .mood_start_animation.wpb_appear > div { left: 0; width: 100%; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } } @media only screen and (max-width: 1024px) { .wpb_animate_when_almost_visible:not([data-parallax="on"]):not(.slick-cloned) { opacity: 1; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } } .pix_animate_bar_almost_visible.mood_start_animation:not([data-parallax="on"]):not(.slick-cloned) { width: 100%; } @media only screen and (min-width: 768px) { body.mood .vc_row.vc_vertical_pos { display: table; table-layout: fixed; width: calc(100% + 40px); } body.mood .vc_row.vc_vertical_pos .wpb_column { display: table-cell; float: none; } body.mood .vc_row.vc_vertical_pos_top .wpb_column { vertical-align: top; } body.mood .vc_row.vc_vertical_pos_middle .wpb_column { vertical-align: middle; } body.mood .vc_row.vc_vertical_pos_bottom .wpb_column { vertical-align: bottom; } } body.mood .wpb_row, body.mood .wpb_content_element { position: relative; } .mood .vc_parallax { overflow: visible; } .vc_row[data-vc-parallax-image] .pix-parallax-wrap { overflow: hidden; } .mood [data-vc-parallax-image] .pix-parallax-wrap, .mood [data-vc-parallax-image] .pix-parallax { background-position: center; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 0; } [data-offset-param] { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; } .mood-vertical-title { color: inherit; font-family: sans-serif;/*dynamic*/ font-size: 13px;/*dynamic*/ font-weight: bold;/*dynamic*/ position: absolute!important; right: 20px; text-transform: uppercase;/*dynamic*/ top: 50%; -ms-writing-mode: tb-lr; -webkit-writing-mode: vertical-lr; -moz-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; writing-mode: vertical-lr; z-index: 8; } @media only screen and (max-width: 1024px) { .mood-vertical-title { display: none; } } .mood-vertical-title.mood-vertical-title-position-outset { right: calc(-2em - 20px); } .mood-vertical-title-left { left: 20px; right: auto; } .mood-vertical-title-left > span { display: block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .mood-vertical-title.mood-vertical-title-position-inset.mood-vertical-title-position-outset { left: calc(-2em - 20px); } .wpb_single_image .vc_figure { max-width: 100%; } @media screen and (max-width: 1024px) { .vc_row .vc_video-bg { display: none; } } @media only screen and (min-width: 768px) { body.mood .vc_row.vc_vertical_pos { display: table; table-layout: fixed; width: calc(100% + 40px); } body.mood .vc_row.vc_vertical_pos .wpb_column { display: table-cell; float: none; } body.mood .vc_row.vc_vertical_pos_top .wpb_column { vertical-align: top; } body.mood .vc_row.vc_vertical_pos_middle .wpb_column { vertical-align: middle; } body.mood .vc_row.vc_vertical_pos_bottom .wpb_column { vertical-align: bottom; } } .mood .vc_parallax { overflow: visible; } .vc_row[data-vc-parallax-image] .pix-parallax-wrap { overflow: hidden; } .mood .vc_row[data-vc-parallax-image] .pix-parallax-wrap, .mood .vc_row[data-vc-parallax-image] .pix-parallax { background-position: center; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 0; } [data-offset-param] { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; } .vc-row-mood-shadow { display: block; left: 0; overflow: hidden; pointer-events: none; position: absolute; width: 100%; height: 120px; } .vc-row-mood-shadow.dir-bottom { bottom: 0; } .vc-row-mood-shadow.dir-top { top: 0; } .vc-row-mood-shadow.dir-bottom::after { background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.2)), color-stop(75%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ content: ''; display: block; height: 200%; left: 10%; opacity: .5; position: absolute; top: 0; width: 80%; } .vc-row-mood-shadow.dir-top::after { background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.2)), color-stop(75%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ bottom: 0; content: ''; display: block; height: 200%; left: 10%; opacity: .5; position: absolute; width: 80%; } .vc-mood-overlay { bottom: 0; left: 0; position: absolute!important; right: 0; top: 0; } .pix-image-box { overflow: hidden; position: relative; text-align: center; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .pix-image-box .pix-image-box-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .pix-image-box a { display: inline-block; max-width: 100%; overflow: hidden; position: relative; vertical-align: top; width: auto; } .pix-image-box img { position: relative; vertical-align: top; z-index: 0; -webkit-transition: -webkit-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: -moz-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: -ms-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: -o-transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: transform .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .pix-image-box.with_zoom:hover a img { -webkit-transform: scale(1.025); -moz-transform: scale(1.025); -ms-transform: scale(1.025); -o-transform: scale(1.025); transform: scale(1.025); } .image-box-entry-box { bottom: 0; color: #151515;/*dynamic*/ height: 100%; left: 0; position: absolute; width: 100%; z-index: 1; } .image-box-entry-box > div { display: table; height: 100%; width: 100%; } .image-box-entry-box > div > div { display: table-cell; padding: 20px 25px; } .image-box-entry-box > div > div > div { display: inline-block; } .pix-image-box .image-box-entry-box h1, .pix-image-box .image-box-entry-box h2, .pix-image-box .image-box-entry-box h3, .pix-image-box .image-box-entry-box h4, .pix-image-box .image-box-entry-box h5, .pix-image-box .image-box-entry-box h6 { color: inherit!important; } .pix-image-box .image-box-entry-box :first-child { margin-top: 0!important; } .pix-image-box .image-box-entry-box :last-child { margin-bottom: 0!important; } .pix-image-box.content_hover_reveal .pix-image-box-overlay { opacity: 0; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } .pix-image-box.content_hover_reveal:hover .pix-image-box-overlay { opacity: 1; } .pix-image-box.content_hover_hide .pix-image-box-overlay { opacity: 1; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } .pix-image-box.content_hover_hide:hover .pix-image-box-overlay { opacity: 0; } .pix-image-box.content_hover_reveal .image-box-entry-box > div > div { opacity: 0; -webkit-transform: translatey(15px); -moz-transform: translatey(15px); -ms-transform: translatey(15px); -o-transform: translatey(15px); transform: translatey(15px); -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .pix-image-box.content_hover_reveal:hover .image-box-entry-box > div > div { opacity: 1; -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } .pix-image-box.content_hover_hide .image-box-entry-box > div > div { opacity: 1; -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .pix-image-box.content_hover_hide:hover .image-box-entry-box > div > div { opacity: 0; -webkit-transform: translatey(15px); -moz-transform: translatey(15px); -ms-transform: translatey(15px); -o-transform: translatey(15px); transform: translatey(15px); } /* Tabs */ .vc_tta-container[data-tabs-fullwidth="yes"] ul.vc_tta-tabs-list { display: table!important; table-layout: fixed; width: 100%; } .vc_tta-container[data-tabs-fullwidth="yes"] ul.vc_tta-tabs-list > li { display: table-cell!important; vertical-align: bottom; } .mood .vc_tta-tabs .vc_tta-panels, .mood .vc_tta-tabs .vc_tta-panels::after, .mood .vc_tta-tabs .vc_tta-panels::before { border-color: rgba(34,35,35,.1)!important;/*dynamic*/ } .mood .vc_tta-tabs:not(.vc_tta-tabs-position-left):not(.vc_tta-tabs-position-right) .vc_tta-panels { background-color: #ffffff!important;/*dynamic*/ border-radius: 0!important; border-width: 1px 0!important; } .mood .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels{ background-color: #ffffff!important;/*dynamic*/ border-radius: 0!important; border-width: 0 0 0 1px!important; } .mood .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panels { background-color: #ffffff!important;/*dynamic*/ border-radius: 0!important; border-width: 0 1px 0 0!important; } .mood .vc_tta.vc_general .vc_tta-panel-body { border-radius: 0!important; padding: 0!important; } .mood .vc_tta.vc_general:not(.vc_tta-tabs-position-left):not(.vc_tta-tabs-position-right) .vc_tta-panel-body > *:first-child { margin-top: 2em; } .mood .vc_tta.vc_general:not(.vc_tta-tabs-position-left):not(.vc_tta-tabs-position-right) .vc_tta-panel-body > *:last-child { margin-bottom: 2em; } .mood .vc_tta.vc_general.vc_tta-tabs-position-left .vc_tta-panel-body { margin: 0 0 0 2em; } .mood .vc_tta.vc_general.vc_tta-tabs-position-right .vc_tta-panel-body { margin: 0 2em 0 0; } .mood .vc_tta-tab > a { background-color: transparent!important; border-radius: 0!important; color: inherit!important; } .mood .vc_tta-tab.vc_active > a { background-color: #ffffff!important;/*dynamic*/ color: #0b91e2!important;/*dynamic*/ } .mood .vc_tta-tab > a svg, .mood .vc_tta-panel-title > a svg { height: 20px; vertical-align: sub; width: 20px; } .mood .vc_tta-tab > a svg path, .mood .vc_tta-panel-title > a svg path { stroke: #151515;/*dynamic*/ -webkit-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .mood .vc_tta-tab.vc_active > a svg path { stroke: #0b91e2;/*dynamic*/ } .mood .vc_tta-tab > a span[data-icon-position="before"] svg, .mood .vc_tta-panel-title > a span[data-icon-position="before"] svg { margin-right: 5px;/*ltr*/ } .mood .vc_tta-tab > a span[data-icon-position="after"] svg, .mood .vc_tta-panel-title > a span[data-icon-position="after"] svg { margin-left: 5px;/*ltr*/ } .mood .vc_tta-tab > a { border-color: transparent!important; } .mood .vc_tta-tabs-position-top .vc_tta-tab.vc_active > a { border-bottom-color: #0b91e2!important;/*dynamic*/ } .mood .vc_tta-tabs-position-bottom .vc_tta-tab.vc_active > a { border-top-color: #0b91e2!important;/*dynamic*/ } .mood .vc_tta-tabs-position-left .vc_tta-tab.vc_active > a { border-right-color: #0b91e2!important;/*dynamic*/ } .mood .vc_tta-tabs-position-right .vc_tta-tab.vc_active > a { border-left-color: #0b91e2!important;/*dynamic*/ } .mood .vc_tta.vc_general .vc_tta-tab.vc_active > a::after, .mood .vc_tta.vc_general .vc_tta-tab.vc_active > a::before { display: none!important; } .mood .vc_carousel-indicators { display: none; } .mood .vc_images_carousel .vc_carousel-control { display: none !important; } .vc-row-mood-scroll-down { bottom: 0; cursor: pointer; height: 45px; left: calc(50% - 15px); padding: 0 11px; position: absolute !important; width: 16px; z-index: 9 !important; } .vc-row-mood-scroll-down svg { left: 0; opacity: 0; position: absolute !important; top: 0; -webkit-animation: scroll-down-btn 1.5s linear infinite; -moz-animation: scroll-down-btn 1.5s linear infinite; animation: scroll-down-btn 1.5s linear infinite; } @-webkit-keyframes scroll-down-btn { 0% { top: 0; } 25% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; top: 20px; } } @-moz-keyframes scroll-down-btn { 0% { top: 0; } 25% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; top: 20px; } } @keyframes scroll-down-btn { 0% { top: 0; } 25% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; top: 20px; } } /* * Mood Addons */ .mood .mood_css_animator.aligncenter { text-align: initial; } .mood .wpb_content_element.mood-typo-separator { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-bottom: 0; overflow: hidden; } .mood-typo-separator.mood-wavy-separator, .mood-typo-separator.mood-zigzag-separator { float: left; height: 6px; position: relative; width: 100%; } .mood-typo-separator.mood-wavy-separator > div, .mood-typo-separator.mood-zigzag-separator > div { height: inherit; overflow: hidden; position: relative; } .mood-typo-separator.mood-wavy-separator div div, .mood-typo-separator.mood-zigzag-separator div div { height: inherit; overflow: hidden; position: absolute; width: 100%; } .mood-typo-separator svg { position: absolute; top: 0; } .pix-icon-wrap { display: table; /*margin-bottom: 80px;*/ width: 100%; } .pix-icon-box { font-size: 0; } .pix-icon-wrap + .pix-icon-wrap { margin-top: 40px; } .pix-icon-wrap[data-position*="center"] { display: block; } .pix-icon-wrap > div { display: table-cell; } .pix-icon-wrap > div.pix-icon-text-box { width: 100%; } .pix-icon-wrap > div:not(.reloading-animation) { -webkit-transition: all .75s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: all .75s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: all .75s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: all .75s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: all .75s cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; } .pix-icon-wrap[data-position*="center"] > div { display: block; } /*.pix-icon-wrap[data-position*="center"] > div:first-child { margin-bottom: 20px; }*/ .pix-icon-wrap[data-position*="center"] > div.pix-icon-box { text-align: center; } .pix-icon-wrap[data-position*="left"] > div.pix-icon-box { text-align: left; } .pix-icon-wrap[data-position*="right"] > div.pix-icon-box { text-align: right; } .pix-icon-wrap.pix-icon-wrap-circle > div.pix-icon-box > div { -moz-border-radius: 50%; border-radius: 50%; } .pix-icon-wrap.pix-icon-wrap-rounded > div.pix-icon-box > div { -moz-border-radius: 5px; border-radius: 5px; } .pix-icon-wrap > div.pix-icon-box > div { display: block; } .pix-icon-wrap[data-position*="isolated"] > div { display: block; } .pix-icon-wrap[data-position*="isolated"] > .pix-icon-text-box { width: 100%!important; } .pix-icon-wrap[data-position*="top"] > div { vertical-align: top; } .pix-icon-wrap[data-position*="bottom"] > div { vertical-align: bottom; } .pix-icon-wrap[data-position*="middle"] > div { vertical-align: middle; } .pix-icon-limit-border, .pix-icon-limit-border-2nd { position: absolute; } .pix-icon-wrap[data-position="top left isolated"] > div.pix-icon-limit-border[data-fx-reveal="yes"], .pix-icon-wrap[data-position="bottom left isolated"] > div.pix-icon-limit-border[data-fx-reveal="yes"] { right: 100% !important; } .pix-icon-wrap[data-position="top right isolated"] > div.pix-icon-limit-border[data-fx-reveal="yes"], .pix-icon-wrap[data-position="bottom right isolated"] > div.pix-icon-limit-border[data-fx-reveal="yes"] { left: 100% !important; } .pix-icon-wrap[data-position="top right"] > div.pix-icon-limit-border[data-fx-reveal="yes"], .pix-icon-wrap[data-position="top left"] > div.pix-icon-limit-border[data-fx-reveal="yes"] { bottom: 100% !important; } .pix-icon-wrap[data-position="bottom right"] > div.pix-icon-limit-border[data-fx-reveal="yes"], .pix-icon-wrap[data-position="bottom left"] > div.pix-icon-limit-border[data-fx-reveal="yes"] { top: 100% !important; } .pix-icon-wrap[data-position="top center"] > div.pix-icon-limit-border[data-fx-reveal="yes"], .pix-icon-wrap[data-position="bottom center"] > div.pix-icon-limit-border[data-fx-reveal="yes"] { left: 50% !important; } .pix-icon-wrap[data-position="top center"] > div.pix-icon-limit-border-2nd[data-fx-reveal="yes"], .pix-icon-wrap[data-position="bottom center"] > div.pix-icon-limit-border-2nd[data-fx-reveal="yes"] { right: 50% !important; } .pix-icon-wrap[data-position="middle left"] > div.pix-icon-limit-border[data-fx-reveal="yes"], .pix-icon-wrap[data-position="middle right"] > div.pix-icon-limit-border[data-fx-reveal="yes"] { top: 50% !important; } .pix-icon-wrap[data-position="middle left"] > div.pix-icon-limit-border-2nd[data-fx-reveal="yes"], .pix-icon-wrap[data-position="middle right"] > div.pix-icon-limit-border-2nd[data-fx-reveal="yes"] { bottom: 50% !important; } .pix-icon-text-box > *:first-child { margin-top: 0!important } .pix-icon-box svg { position: absolute; } .pix-icon-box.with-box svg { left: 50%; top: 50%; -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -o-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } .pix-icon-wrap[data-position*="top left"] .pix-icon-box:not(.with-box):not(.with-box) svg { left: 0; top: 0; } .pix-icon-wrap[data-position*="bottom left"] .pix-icon-box:not(.with-box) svg { bottom: 0; left: 0; } .pix-icon-wrap[data-position*="top right"] .pix-icon-box:not(.with-box) svg { right: 0; top: 0; } .pix-icon-wrap[data-position*="bottom right"] .pix-icon-box:not(.with-box) svg { bottom: 0; right: 0; } .pix-icon-wrap[data-position="top center"] .pix-icon-box:not(.with-box) svg { left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pix-icon-wrap[data-position="bottom center"] .pix-icon-box:not(.with-box) svg { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pix-icon-wrap[data-position="middle left"] .pix-icon-box:not(.with-box) svg { left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pix-icon-wrap[data-position="middle right"] .pix-icon-box:not(.with-box) svg { right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pix-icon-box svg.drawing { opacity: 0; } body.mobile-view .pix-icon-box svg.drawing { opacity: 1; } .pix-icon-box svg.drawing path { stroke-dasharray: 100; stroke-dashoffset: 100; } @media screen and (max-width: 1024px) { .pix-icon-box svg.drawing { opacity: 1; } .pix-icon-box svg.drawing path { stroke-dasharray: 0; stroke-dashoffset: 100; } } .mood .wpb_text_column { margin: auto; } .mood .wpb_text_column.soft-pix-box-shadow, .mood span.soft-pix-box-shadow, .mood .mood_css_animator.soft-pix-box-shadow { -moz-box-shadow: 0 10px 30px rgba(0,0,0,.1);/*dynamic*/ -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.1);/*dynamic*/ box-shadow: 0 10px 30px rgba(0,0,0,.1);/*dynamic*/ } .mood .wpb_single_image .vc_single_image-wrapper.vc_box_shadow, .mood .wpb_single_image .vc_single_image-wrapper.vc_box_shadow img, .mood .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border, .mood .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border img, .mood .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle, .mood .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle img, .mood .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_circle, .mood .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_circle img, .mood .wpb_text_column.mild-pix-box-shadow, .mood span.mild-pix-box-shadow, .mood .mood_css_animator.mild-pix-box-shadow { -moz-box-shadow: 0 10px 30px rgba(0,0,0,.3);/*dynamic*/ -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.3);/*dynamic*/ box-shadow: 0 10px 30px rgba(0,0,0,.3);/*dynamic*/ } .mood .wpb_text_column.pix-box-shadow, .mood span.pix-box-shadow, .mood .mood_css_animator.pix-box-shadow { -moz-box-shadow: 0 10px 30px rgba(0,0,0,.65);/*dynamic*/ -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.65);/*dynamic*/ box-shadow: 0 10px 30px rgba(0,0,0,.65);/*dynamic*/ } /* Counters */ .pix_progress_bar small { display: block; font-size: .9em; padding: 0; } .pix_progress_bar small.amount-progress { opacity: 0; position: absolute; right: 0;/*ltr*/ top: -2em; } .pix_single_bar { background: rgba(21,21,21,.1);/*dynamic*/ -moz-border-radius: 1px; border-radius: 1px; display: block; height: 5px; margin: .2em 0 1em; position: relative; width: 100%; } .pix_bar_track, .pix_bar { display: block; height: inherit; position: relative; } .pix_bar { background: #0b91e2;/*dynamic*/ -moz-border-radius: 1px; border-radius: 1px; } .amount-chart { display: inline-block; font-size: 2em; opacity: 0; position: relative; width: 100%; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; } .amount-chart > span { font-weight: bold; line-height: 2em; position: absolute; text-align: center; top: calc(50% - 1.15em); width: 100%; } .amount-chart > span > span { display: inline-block; position: relative; } .amount-chart .amount-counter-holder { visibility: hidden; } .amount-chart.text_align_center .amount-counter-holder { display: none; } .amount-chart:not(.text_align_center) .amount-counter { opacity: 0; position: absolute; } .amount-chart.text_align_left .amount-counter { opacity: 0; left: 0; } .amount-chart.text_align_right .amount-counter { opacity: 0; right: 0; } .amount-chart > span small { display: block; font-size: .55em; font-weight: normal; line-height: .25; } .mood-progress-wrap { text-align: center; } .mood-progress-wrap.box-align-left { text-align: center; } .mood-progress-wrap.box-align-left { text-align: left; } .mood-progress-wrap.box-align-right { text-align: right; } .pix_progress_bar { display: inline-block; text-align: left;/*ltr*/ width: 100%; } .numeric-counter { display: inline-block; font-size: 2em; } .numeric-counter.text_align_center > span { text-align: center; } .numeric-counter.text_align_left > span { text-align: left; } .numeric-counter.text_align_right > span { text-align: right; } .numeric-counter svg { display: inline-block; } .numeric-counter svg.drawing { opacity: 0; } body.mobile-view .numeric-counter svg.drawing { opacity: 1; } .numeric-counter.text_align_left span.svg-wrap { display: inline-block; margin-right: 10px; vertical-align: middle; } .numeric-counter.text_align_right span.svg-wrap { display: inline-block; margin-left: 10px; vertical-align: middle; } .numeric-counter > span { display: block; font-weight: bold; line-height: 1.5; position: relative; } .numeric-counter > span > span { position: relative; } .numeric-counter .counter-amount-holder { visibility: hidden; } .numeric-counter.text_align_center .counter-amount-holder { display: none; } .numeric-counter .counter-amount { opacity: 0; position: absolute; } .numeric-counter.text_align_left .counter-amount { left: 0; } .numeric-counter.text_align_right .counter-amount { right: 0; } .numeric-counter.text_align_center .counter-amount { position: relative; } .numeric-counter.text_align_left > span, .numeric-counter.text_align_right > span { display: inline-block; vertical-align: middle; } .numeric-counter > span.svg-wrap { line-height: 1; } .numeric-counter small { display: block; font-size: .95rem; font-weight: normal; line-height: 1; } .mood-countdown-wrap { display: block; text-align: center; } .mood-countdown { display: inline-block; font-size: 2em; } .mood-countdown .counter-wrap { display: inline-block; font-weight: bold; line-height: 1.5; margin: 10px 20px; position: relative; vertical-align: middle; } @media only screen and (max-width: 414px) { .mood-countdown .counter-wrap { display: block; float: none; } } .mood-countdown.align-left .counter-wrap { text-align: left; } .mood-countdown.align-right .counter-wrap { text-align: right; } .mood-countdown .countdown-label { display: block; font-size: .55em; font-weight: normal; line-height: .75; } /* Pricing tables */ .mood-pricing-table { position: relative; text-align: center; } .mood-pricing-column-wrap { border-bottom: 1px solid rgba(21,21,21,.1);/*dynamic*/ border-top: 1px solid rgba(21,21,21,.1);/*dynamic*/ display: inline-block; padding: 25px 0; vertical-align: top; width: 100%; z-index: 0; } html:not([dir='rtl']) .mood-pricing-column-wrap:first-child { border-left: 1px solid rgba(21,21,21,.1);/*dynamic*//*ltr*/ -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } html:not([dir='rtl']) .mood-pricing-column-wrap:last-child { border-right: 1px solid rgba(21,21,21,.1);/*dynamic*//*ltr*/ -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .mood-pricing-column-wrap.highlighted { border: 0!important; z-index: 1; } .mood-pricing-column { padding: 40px; position: relative; vertical-align: middle; width: 100%; } .mood-pricing-column-wrap:not(:first-child)::after { background-color: rgba(21,21,21,.1);/*dynamic*/ bottom: 40px; content: ''; display: block; position: absolute; top: 40px; width: 1px; z-index: 0; } .mood-pricing-table .mood-pricing-column-wrap.highlighted::after { display: none!important; } .mood-pricing-table .mood-pricing-column-wrap.highlighted + .mood-pricing-column-wrap::after { display: none!important; } .mood-pricing-column-equalizer { display: table; position: relative; z-index: 1; } .mood-pricing-column-equalizer > div { display: table-header-group; position: relative; z-index: 5; } .mood-pricing-column-equalizer > div > * { position: relative; z-index: 1; } .mood-pricing-column.highlighted { position: relative; z-index: 1; } .mood-pricing-column::after { border: 1px solid rgba(21,21,21,.1);/*dynamic*/ border-radius: 4px;/*dynamic*/ content: ''; display: none; left: 1px; position: absolute; right: 0; z-index: 0; } .mood-pricing-column.highlighted::after { border: 1px solid rgba(21,21,21,.1);/*dynamic*/ border-bottom: 3px solid #0b91e2 !important;/*dynamic*/ border-top: 3px solid #0b91e2 !important;/*dynamic*/ border-radius: 4px;/*dynamic*/ bottom: -36px; content: ''; display: block; left: 1px; position: absolute; right: 0; top: -36px; z-index: 0; } .mood-pricing-table.shadow_highlight .mood-pricing-column.highlighted::after { box-shadow: 0 5px 30px rgba(15,15,15,.15);/*dynamic*/ } .table-column-header-image { margin-bottom: 15px; } .table-column-header-title { color: #0b91e2;/*dynamic*/ font-size: 1.25em; font-weight: bold; overflow: hidden; position: relative; } .table-column-header-title > span { position: relative; } .table-column-header-title > span::before { background: rgba(21,21,21,.1);/*dynamic*/ content: ''; display: block; height: 1px; left: -2015px; position: absolute; top: calc(50% - 1px); width: 2000px; } .table-column-header-title > span::after { background: rgba(21,21,21,.1);/*dynamic*/ content: ''; display: block; height: 1px; position: absolute; right: -2015px; top: calc(50% - 1px); width: 2000px; } .table-column-header-subtitle { color: #acacaf;/*dynamic*/ font-size: .85em; line-height: 1.3; } .table-column-price-group { display: inline-block; position: relative; } .table-column-price-group { margin: 30px 0; } .table-column-header-currency { position: absolute; right: calc(100% - 2px);/*ltr*/ top: 0; } .table-column-header-period { bottom: 0; left: 100%;/*ltr*/ position: absolute; } .table-column-header-price { font-size: 4em; font-weight: bold; line-height: 1; } .table-column-header-description { border-top: 1px solid rgba(21,21,21,.1);/*dynamic*/ color: #acacaf;/*dynamic*/ line-height: 1.3; padding: 30px 0; } .table-column-content::before { background: rgba(21,21,21,.1);/*dynamic*/ content: ''; display: block; height: 1px; margin-bottom: 20px; position: relative; z-index: 1; } .table-column-content::after { content: ''; display: block; margin-top: 15px; } .table-column-content li { list-style: none; padding: 5px 0; } .table-column-action { display: table-cell!important; vertical-align: bottom; } /* Image gallery */ .mood-image-gallery-wrap article .featured-media-wrap { max-width: 100%; overflow: hidden; position: relative; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .mood-image-gallery-wrap article .cbox { display: block; position: relative; } .mood-image-gallery-wrap article .cbox::before { background: #ffffff;/*dynamic*/ content: ''; display: block; height: 24px; left: 50%; opacity: 0; pointer-events: none; position: absolute; top: calc(50% - 12px); width: 1px; z-index: 3; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; } .mood-image-gallery-wrap article .cbox::after { background: #ffffff;/*dynamic*/ content: ''; display: block; height: 1px; left: calc(50% - 12px); opacity: 0; pointer-events: none; position: absolute; top: 50%; width: 24px; z-index: 3; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; } .mood-image-gallery-wrap:not(.over_color_nothing) article .featured-media-wrap::after { background: #151515;/*dynamic*/ -moz-border-radius: inherit; border-radius: inherit; bottom: 0; content: ''; display: block; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 2; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975) .25s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .mood-image-gallery-wrap.over_color_accent_color article .featured-media-wrap::after { background: #0b91e2;/*dynamic*/ } .mood-image-gallery-wrap article > div:not(.wpb_animate_when_almost_visible):hover .cbox::before, .mood-image-gallery-wrap article > div:not(.wpb_animate_when_almost_visible):hover .cbox::after { opacity: 1; } .mood-image-gallery-wrap article > div:not(.wpb_animate_when_almost_visible):hover .featured-media-wrap::after { opacity: .85; -webkit-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } #cbox-extra { bottom: 0; padding: 40px; position: absolute; width: 100%; } #cbox-extra * { color: #ffffff !important; position: relative; z-index: 1; } #cbox-extra > div { line-height: 1.25; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 650ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all 650ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all 650ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all 650ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all 650ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } #cbox-extra > div:nth-child(2) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; } #cbox-extra > div:nth-child(3) { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } #cbox-extra.revealed > div { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #cbox-extra .cbox-subtitle { font-size: .9em; margin-top: -12px; margin-bottom: 15px; } #cbox-extra.revealed > div:last-child * { margin-bottom: 0; } #cbox-extra::after { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%,rgba(0,0,0,1) 100%); bottom: 0; content: ''; height: 150%; left: 0; pointer-events: none; position: absolute; width: 100%; z-index: 0; } /* Testimonials */ .testimonial-list-wrap { clear: both; margin: auto; } .testimonial-list { list-style-type: none; } .testimonial-list li { list-style: none; margin: 0; padding: 0; } .testimonial-align-center .testimonial-list li { text-align: center; } .testimonial-wrap { display: table; } .testimonial-align-center .testimonial-wrap { display: block; } .testimonial-thumb-wrap { display: table-cell; padding-top: .25em; vertical-align: top; } .testimonial-align-center .testimonial-thumb-wrap { display: block; } .testimonial-thumb { -moz-border-radius: 50%; border-radius: 50%; display: block; height: 75px; overflow: hidden; width: 75px; } .testimonial-align-center .testimonial-thumb { margin: 0 auto 1em; } .testimonial-thumb img { display: block; } .testimonial-comment :first-child::before { content: '\201c\00a0'; } .testimonial-comment :last-child::after { content: '\00a0\201e'; } .testimonial-comment :last-child { margin-bottom: 0; } .testimonial-info { display: table-cell; padding-left: 20px;/*ltr*/ vertical-align: middle; } .testimonial-comment { font-size: 1.25em; line-height: 1.5; } .testimonial-align-center .testimonial-info { padding-left: 0!important; padding-right: 0!important; } .testimonial-author { font-weight: bold; } .testimonial-position::before { content: '\2014'; margin: 0 5px; } .testimonial-author a { color: inherit; } .testimonial-list .slick-dots { float: left; position: relative; width: 100%; } .testimonial-list .slick-dots li button::after { -moz-box-shadow: 0 0 0 2px rgba(21,21,21,.5);/*dynamic*/ box-shadow: 0 0 0 2px rgba(21,21,21,.5);/*dynamic*/ } /* Vertical navigation */ .mood-vert-nav-dots { cursor: pointer; position: fixed; right: 30px;/*ltr*/ top: 50%; z-index: 8; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 1024px) { .mood-vert-nav-dots { display: none; } } .mood-vert-nav-dot { position: relative; } .mood-vert-nav-dot a { display: block; padding: 6px; position: relative; } .mood-vert-nav-dot a::after { background: rgba(0,0,0,.2); border: 2px solid #ffffff; -moz-border-radius: 5px; border-radius: 5px; content: ''; cursor: pointer; display: block; height: 10px; width: 10px; -webkit-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .mood-vert-nav-dot a:hover::after, .mood-vert-nav-dot.selected a::after { background: #ffffff; -moz-box-shadow: 0 0 10px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.25); box-shadow: 0 0 10px rgba(0,0,0,.25); } .mood-vert-nav-tooltip { background: #151515;/*dynamic*/ color: #ffffff;/*dynamic*/ display: block; font-size: 11px; -moz-border-radius: 2px; border-radius: 2px; line-height: 36px; opacity: 0; padding: 0 20px; pointer-events: none; position: absolute; right: calc(100% + 10px); top: calc(50% - 18px); white-space: nowrap; -webkit-transform: scale(0.5) translateX(10px);/*ltr*/ -moz-transform: scale(0.5) translateX(10px);/*ltr*/ -ms-transform: scale(0.5) translateX(10px);/*ltr*/ -o-transform: scale(0.5) translateX(10px);/*ltr*/ transform: scale(0.5) translateX(10px);/*ltr*/ -webkit-transform-origin: 100% 50%;/*ltr*/ -moz-transform-origin: 100% 50%;/*ltr*/ -ms-transform-origin: 100% 50%;/*ltr*/ -o-transform-origin: 100% 50%;/*ltr*/ transform-origin: 100% 50%;/*ltr*/ -webkit-transition: all .1s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: all .1s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: all .1s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: all .1s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: all .1s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .mood-vert-nav-dot a:hover .mood-vert-nav-tooltip, a:hover > .mood-vert-nav-tooltip { opacity: 1; -webkit-transform: scale(1) translateX(0);/*ltr*/ -moz-transform: scale(1) translateX(0);/*ltr*/ -ms-transform: scale(1) translateX(0);/*ltr*/ -o-transform: scale(1) translateX(0);/*ltr*/ transform: scale(1) translateX(0);/*ltr*/ -webkit-transition: all .15s cubic-bezier(0.140, 0.560, 0.710, 0.975) .1s; -moz-transition: all .15s cubic-bezier(0.140, 0.560, 0.710, 0.975) .1s; -ms-transition: all .15s cubic-bezier(0.140, 0.560, 0.710, 0.975) .1s; -o-transition: all .15s cubic-bezier(0.140, 0.560, 0.710, 0.975) .1s; transition: all .15s cubic-bezier(0.140, 0.560, 0.710, 0.975) .1s; } .mood-vert-nav-tooltip::after { border-style: solid; border-width: 5px 0 5px 4px;/*ltr*/ border-color: transparent transparent transparent #151515;/*dynamic*/ content: ''; display: block; height: 0; position: absolute; right: -4px;/*ltr*/ top: calc(50% - 5px); width: 0; } .vertical-text .mood-vert-nav-tooltip { padding: 20px 0; top: 50%; -webkit-transform: translateY(-50%) translateX(10px);/*ltr*/ -moz-transform: translateY(-50%) translateX(10px);/*ltr*/ -ms-transform: translateY(-50%) translateX(10px);/*ltr*/ -o-transform: translateY(-50%) translateX(10px);/*ltr*/ transform: translateY(-50%) translateX(10px);/*ltr*/ -ms-writing-mode: tb-lr; -webkit-writing-mode: vertical-lr; -moz-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; writing-mode: vertical-lr; } .vertical-text .mood-vert-nav-dot a:hover .mood-vert-nav-tooltip { -webkit-transform: translateY(-50%) translateX(0);/*ltr*/ -moz-transform: translateY(-50%) translateX(0);/*ltr*/ -ms-transform: translateY(-50%) translateX(0);/*ltr*/ -o-transform: translateY(-50%) translateX(0);/*ltr*/ transform: translateY(-50%) translateX(0);/*ltr*/ } /* Google maps */ .pix_map_bg.pix_map { bottom: 0; height: auto!important; left: 0; position: absolute; right: 0; top: 0; } /* * RevSlider */ body:not(.revslider-loaded) .rev_slider_wrapper { height: 1200px !important; } .rev_slider .tp-caption[data-width="['auto']"] { white-space: nowrap !important; } .tparrows:not(.hesperiden):not(.gyges):not(.hades):not(.ares):not(.hebe):not(.hermes):not(.custom):not(.hephaistos):not(.persephone):not(.erinyen):not(.zeus):not(.metis):not(.dione):not(.uranus)::before { content: '' !important; display: none !important; } .tparrows:not(.hesperiden):not(.gyges):not(.hades):not(.ares):not(.hebe):not(.hermes):not(.custom):not(.hephaistos):not(.persephone):not(.erinyen):not(.zeus):not(.metis):not(.dione):not(.uranus) { background-color: transparent !important; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .1s; -moz-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .1s; -ms-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .1s; -o-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .1s; transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .1s; } .tparrows.tp-leftarrow:not(.hesperiden):not(.gyges):not(.hades):not(.ares):not(.hebe):not(.hermes):not(.custom):not(.hephaistos):not(.persephone):not(.erinyen):not(.zeus):not(.metis):not(.dione):not(.uranus) { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTIuMDQ0LDE5LjA0NEw1LDEybDcuMDQ0LTcuMDQ0IE01LDEyaDE0Ii8+PC9zdmc+'); } .tparrows.tp-leftarrow:not(.hesperiden):not(.gyges):not(.hades):not(.ares):not(.hebe):not(.hermes):not(.custom):not(.hephaistos):not(.persephone):not(.erinyen):not(.zeus):not(.metis):not(.dione):not(.uranus):hover { background-position: calc(50% - 5px) 50%; } .tparrows.tp-rightarrow:not(.hesperiden):not(.gyges):not(.hades):not(.ares):not(.hebe):not(.hermes):not(.custom):not(.hephaistos):not(.persephone):not(.erinyen):not(.zeus):not(.metis):not(.dione):not(.uranus) { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTEuOTU2LDQuOTU2TDE5LDEybC03LjA0NCw3LjA0NCBNNSwxMmgxNCIvPjwvc3ZnPg=='); } .tparrows.tp-rightarrow:not(.hesperiden):not(.gyges):not(.hades):not(.ares):not(.hebe):not(.hermes):not(.custom):not(.hephaistos):not(.persephone):not(.erinyen):not(.zeus):not(.metis):not(.dione):not(.uranus):hover { background-position: calc(50% + 5px) 50%; } .tp-bullets:not(.hesperiden):not(.gyges):not(.hades):not(.ares):not(.hebe):not(.hermes):not(.custom):not(.hephaistos):not(.persephone):not(.erinyen):not(.zeus):not(.metis):not(.dione):not(.uranus) .tp-bullet { background: rgba(0,0,0,.2); border: 2px solid #ffffff; -moz-border-radius: 5px; border-radius: 5px; height: 10px; width: 10px; -webkit-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .1s; -moz-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .1s; -ms-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .1s; -o-transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .1s; transition: all .35s cubic-bezier(0.140, 0.560, 0.710, 0.975) .1s; } .tp-bullets:not(.hesperiden):not(.gyges):not(.hades):not(.ares):not(.hebe):not(.hermes):not(.custom):not(.hephaistos):not(.persephone):not(.erinyen):not(.zeus):not(.metis):not(.dione):not(.uranus) .tp-bullet.selected { background: #ffffff; -moz-box-shadow: 0 0 10px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.25); box-shadow: 0 0 10px rgba(0,0,0,.25); } .rev_slider .cat-links { color: #ffffff; display: block; font-size: 14px; line-height: 1.5; margin-top: 5px; padding-top: 12px; } .rev_slider .cat-links a { color: inherit; font-weight: bold; } /* * Live search */ .searchwp-live-search-results { opacity:0; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out; height:0; max-height: none!important; min-height: 0!important; overflow:hidden; z-index:9999; position:absolute; display:none; } .searchwp-live-search-results-showing { display:block; opacity:1; height:auto; overflow:auto; } .searchwp-live-search-no-results { padding:3em 2em 0; text-align:center; } .searchwp-live-search-results { background: transparent!important; border: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; float: left; font-size: .9rem; left: auto!important; line-height: 1.4; margin: 0!important; position: relative!important; top: auto!important; width: 100%!important; } .searchwp-live-search-results a { background: transparent; border-bottom: 1px solid rgba(255,255,255,0.1);/*dynamic*/ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #ffffff;/*dynamic*/ display: table-cell; float: left;/*ltr*/ font-size: 1em; font-weight: normal; margin: 0; padding: 10px 30px; text-decoration: none; vertical-align: middle; white-space: normal!important; width: 100%; -webkit-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: background .35s cubic-bezier(0.140, 0.560, 0.710, 0.975); } .searchwp-live-search-results a:hover { background: rgba(255,255,255,0.05);/*dynamic*/ } .searchwp-live-search-results small { color: #acacaf;/*dynamic*/ font-size: .65em; margin: 0 1em; text-transform: uppercase; } .searchwp-live-search-results a:last-child { border-bottom: 0; margin-bottom: 10px; } .searchwp-live-search-results img:not(.placeholder-blank-search-result) { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin: 0 10px 0 0;/*ltr*/ vertical-align: middle; width: 50px; } .searchwp-live-search-results img.placeholder-blank-search-result { height: 50px; margin: 0; vertical-align: middle; width: 0; } .searchwp-live-search-results .spinner { background: #0b91e2; height: 2px; left: 0!important; position: absolute!important; top: 0!important; width: 0%; animation: ajaxCF7loading 1.5s cubic-bezier(.17,.37,.43,.67) infinite; } .searchwp-live-search-results .spinner > div > div { display: none!important; background: rgba(255,255,255,.5)!important;/*dynamic*/ } /* * RevSlider */ .fullscreen-container, .fullwidthbanner-container { left: 0!important; right: 0!important; width: auto!important; } /* * Contact form 7 */ .wpcf7-form { float: left; position: relative; width: 100%; } .mood-cf7-styler.enclose-submit .encloser-submit { float: left; position: relative; width: 100%; } @media screen and (min-width: 501px) { .mood-cf7-styler.enclose-submit .encloser-submit .mood-input-submit-inside { bottom: 0; position: absolute; top: 0; right: 0;/*ltr*/ } .mood-cf7-styler.enclose-submit .encloser-submit .mood-input-submit-inside .wpcf7-form-control.wpcf7-submit { bottom: 5px; margin-bottom: 0!important; padding-bottom: 0; padding-top: 0; position: absolute; right: 5px;/*ltr*/ top: 5px; } } @media screen and (max-width: 500px) { .mood-cf7-styler.enclose-submit .encloser-submit .mood-input-submit-inside { float: left; margin-top: 10px; width: 100%; } .mood-cf7-styler.enclose-submit .encloser-submit .mood-input-submit-inside .wpcf7-form-control.wpcf7-submit { width: 100%; } } .mood-cf7-styler .wpcf7-form-control.wpcf7-submit svg, .mood-cf7-styler .wpcf7-form-control.wpcf7-submit span { display: inline-block; vertical-align: middle; } .mood-cf7-styler .wpcf7-form-control.wpcf7-submit svg path { -webkit-transition: stroke 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -moz-transition: stroke 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -ms-transition: stroke 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); -o-transition: stroke 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); transition: stroke 350ms cubic-bezier(0.140, 0.560, 0.710, 0.975); } .mood-cf7-styler.enclose-submit .wpcf7-form-control.wpcf7-submit svg + span { margin-left: 10px;/*ltr*/ } .mood-cf7-styler.enclose-submit .wpcf7-form-control.wpcf7-submit span + svg { margin-right: 10px;/*ltr*/ } .mood-textarea-inside .wpcf7-form-control.wpcf7-submit { max-height: 44px; } div.wpcf7 { margin-bottom: 1em; } div.wpcf7 img.ajax-loader, div.wpcf7 .ajax-loader { background: #0b91e2;/*dynamic*/ bottom: 1em; height: 2px; left: 0; position: absolute; width: 0%; animation: ajaxCF7loading 1.5s cubic-bezier(.17,.37,.43,.67) infinite; } .wpcf7-form-control-wrap { float: left; width: 100%; } .wpcf7-form span[role="alert"] { display: none!important; } .wpcf7-form span.wpcf7-form-control { border-bottom: 2px solid transparent; } .wpcf7-form .wpcf7-not-valid { border-bottom-color: #f16a2e!important; } .wpcf7-response-output { background-color: rgba(87, 200, 95, .15);/*dynamic*/ background-position: 20px 30px;/*ltr*/ background-repeat: no-repeat; background-size: 12px; border: 0!important; color: inherit; float: left; margin: 1em 0!important; padding: 20px!important;/*ltr*/ width: 100%; } .wpcf7-response-output.wpcf7-validation-errors { background-color: rgba(241, 106, 46, .15);/*dynamic*/ } .wpcf7-form-control.wpcf7-submit { margin: auto!important; } form.wpcf7-form p::before, form.wpcf7-form p::after { content: ""; display: table; } form.wpcf7-form p::after { clear: both; } .wpcf7-form-control.wpcf7-recaptcha { margin-bottom: 1rem; } form.wpcf7-form input, form.wpcf7-form textarea, form.wpcf7-form select[multiple] { margin-bottom: 0!important; } form.wpcf7-form textarea { height: 160px; min-height: 0; } .mood-cf7-styler.double-border input[type="text"], .mood-cf7-styler.double-border input[type="email"], .mood-cf7-styler.double-border input[type="url"], .mood-cf7-styler.double-border input[type="password"], .mood-cf7-styler.double-border input[type="search"], .mood-cf7-styler.double-border input[type="tel"], .mood-cf7-styler.double-border input[type="number"], .mood-cf7-styler.double-border textarea, .mood-cf7-styler.double-border select[multiple], .mood-cf7-styler.double-border select:not([multiple]) { box-shadow: 0 0 0 4px rgba(21,21,21,.05) !important;/*dynamic*/ } @keyframes ajaxCF7loading { 0, 100% { left: 0%; width: 0%; } 25%, 75% { left: 25%; width: 50%; } 50% { left: 100%; width: 0%; } } .mood-cf7-styler.floating-fields p { display: block; float: left;/*ltr*/ width: 100%; } .mood-cf7-styler.floating-fields p.even { clear: left;/*ltr*/ display: block; float: left;/*ltr*/ } .mood-cf7-styler.floating-fields p.odd { clear: right;/*ltr*/ display: block; float: right;/*ltr*/ } @media screen and (max-width: 768px) { .mood-cf7-styler.floating-fields p { float: none !important; width: 100% !important; } } .mood .mood-cf7-styler.border-style-below input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .mood .mood-cf7-styler.border-style-below textarea { border-left-width: 0 !important; border-right-width: 0 !important; border-top-width: 0 !important; padding-left: 0; padding-right: 0; } /* * Post Like */ /* Wrapper */ .sl-wrapper a { border-bottom: 0 !important; text-decoration: none !important; } .sl-button { padding: 0.375em 0.625em; font-size: 1em; line-height: 1; font-weight: normal; } /* Colors */ a.liked { color: #da1b1b; } a.liked:hover, a.liked:active, a.liked:focus { color: #666666; } a.liked span.sl-count, .sl-count { color: #666666; } /* Icon */ .sl-icon { margin-right: 0.3125em; font-family: 'Arial Unicode MS', Arial, sans-serif; vertical-align: middle; } .sl-icon svg { fill: currentColor; width: 1em; height: 1em; } .sl-icon svg:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left:0; } /* Count */ .sl-count { font-size: 0.625em; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; text-transform: uppercase; vertical-align: middle; } /* Loader */ .loader, .loader:before, .loader:after { background: rgba(0, 0, 0, 0.2); -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: .2em; height: .6em; } .loader:before, .loader:after { position: absolute; top: 0; content: ''; } .loader:before { left: -.375em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader { text-indent: -9999em; display: inline-block; position: relative; vertical-align: middle; font-size: 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader:after { left: .375em; } @-webkit-keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0 rgba(0, 0, 0, 0.2); height: .6em; } 40% { box-shadow: 0 -.3em rgba(0, 0, 0, 0.2); height: 1em; } } @keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0 rgba(0, 0, 0, 0.2); height: .6em; } 40% { box-shadow: 0 -.3em rgba(0, 0, 0, 0.2); height: 1em; } } /*-------------------------------------------------------------- * * 2. Extra * --------------------------------------------------------------*/