/* Theme Name: Clarivo Theme URI: http://harutheme.com/clarivo Author: HaruTheme Author URI: http://harutheme.com/ Description: Clarivo is Multipurpose Pharmacy and Medical WordPress theme from HaruTheme have many features: mega menu,...and much more Version: 1.4.9 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready Text Domain: clarivo Domain Path: /languages/ This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*----------------------------------- * TABLE OF CONTENT * 1. LIBRARIES AND DEFINED VARIABLES * 2. CORE * 3. THEME * 4. HEADER * 5. FOOTER * 6. BLOG * 7. WOOCOMMERCE * 8. SHORTCODES * 9. THEMECHECK * 10. RESPONSIVE PAGES *-----------------------------------*/ /*----------------------------------- * 1. LIBRARIES AND DEFINED VARIABLES *-----------------------------------*/ .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .ml-auto, .mx-auto { margin-left: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .mt-auto { margin-top: auto !important; } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); } 50% { opacity: 0; -moz-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } } /* Wobble Horizontal */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-webkit-keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-o-keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-moz-keyframes header-drop { 0% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes header-drop { 0% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes header-drop { 0% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes header-drop { 0% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } } @-webkit-keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } } @-o-keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } } @keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } } /*----------------------------------- * ICON HOVER EFFECT KEYFRAMES *-----------------------------------*/ @-webkit-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #373435, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #373435, 0 0 0 10px rgba(255, 255, 255, 0.5); -webkit-transform: scale(1.5); opacity: 0; } } @-moz-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #373435, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #373435, 0 0 0 10px rgba(255, 255, 255, 0.5); -moz-transform: scale(1.5); opacity: 0; } } @keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #373435, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #373435, 0 0 0 10px rgba(255, 255, 255, 0.5); transform: scale(1.5); opacity: 0; } } /*----------------------------------- * 2. CORE *-----------------------------------*/ /* =WordPress Core * see: https://codex.wordpress.org/CSS#WordPress_Generated_Classes -------------------------------------------------------------- */ /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 10px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 10px auto 10px auto; } .alignright { float: right; margin: 10px 0 20px 20px; } .alignleft { float: left; margin: 10px 20px 20px 0; } a img.alignright { float: right; margin: 10px 0 20px 20px; } a img.alignnone { margin: 10px 20px 20px 0; } a img.alignleft { float: left; margin: 10px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; max-width: 96%; /* Image does not overflow the content area */ text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 16px; margin: 0; padding: 5px 4px 5px; font-style: italic; margin-bottom: 20px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; 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. */ } .gallery-caption { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } .bypostauthor > article .fn:after { content: "\f304"; left: 3px; position: relative; top: 5px; } .wp-block-button__link { margin-bottom: 10px; } /* WordPress Block -------------------------------------------------------------- */ /* WordPress Block -------------------------------------------------------------- */ .wp-block-cover-text { color: #fff !important; } .wp-block-search__input { display: block; width: calc(100% - 70px); height: 40px; background-color: #f2f2f2; border: none; outline: none; padding-left: 15px; padding-right: 5px; font-weight: 400; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .wp-block-search__button { width: 60px !important; height: 40px; padding: 0; font-size: 0; right: 0; top: 0; bottom: 0; overflow: hidden; border: none; background: #444444; outline: none; margin-left: 0 !important; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wp-block-search__button:hover { cursor: pointer; background: #a73796; color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wp-block-search__button:before { color: #fff; content: "\f4a4"; font-family: Ionicons; position: absolute; font-size: 18px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*----------------------------------- * LOADING *-----------------------------------*/ .square-1 { background-color: #bd4932; } .square-1 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } .square-1 .spinner { width: 80px; height: 80px; background-color: #fff; margin-right: auto; margin-left: auto; margin-top: 60px; -webkit-animation: square-1 1s infinite ease-in-out; -o-animation: square-1 1s infinite ease-in-out; animation: square-1 1s infinite ease-in-out; } @-webkit-keyframes square-1 { 0% { -webkit-transform: perspective(160px); } 50% { -webkit-transform: perspective(160px) rotateY(-180deg); } 100% { -webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg); } } @keyframes square-1 { 0% { transform: perspective(160px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(160px) rotateX(-180deg) rotateY(0deg); -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg); } 100% { transform: perspective(160px) rotateX(-180deg) rotateY(-180deg); -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg); } } .square-2 { background-color: #db9e36; } .square-2 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .square-2 .spinner { width: 20px; height: 20px; background-color: #fff; position: absolute; left: 65px; top: 65px; } .square-2 .spinner:nth-child(2n + 0) { margin-right: 0; } .square-2 #spinner_one { -webkit-animation: square-2-one 2s infinite; -o-animation: square-2-one 2s infinite; animation: square-2-one 2s infinite; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .square-2 #spinner_two { -webkit-animation: square-2-two 2s infinite; -o-animation: square-2-two 2s infinite; animation: square-2-two 2s infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .square-2 #spinner_three { -webkit-animation: square-2-three 2s infinite; -o-animation: square-2-three 2s infinite; animation: square-2-three 2s infinite; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .square-2 #spinner_four { -webkit-animation: square-2-four 2s infinite; -o-animation: square-2-four 2s infinite; animation: square-2-four 2s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .square-2 #spinner_five { -webkit-animation: square-2-five 2s infinite; -o-animation: square-2-five 2s infinite; animation: square-2-five 2s infinite; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .square-2 #spinner_six { -webkit-animation: square-2-six 2s infinite; -o-animation: square-2-six 2s infinite; animation: square-2-six 2s infinite; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .square-2 #spinner_seven { -webkit-animation: square-2-seven 2s infinite; -o-animation: square-2-seven 2s infinite; animation: square-2-seven 2s infinite; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .square-2 #spinner_eight { -webkit-animation: square-2-eight 2s infinite; -o-animation: square-2-eight 2s infinite; animation: square-2-eight 2s infinite; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .square-2 #spinner_big { position: absolute; width: 50px; height: 50px; left: 50px; top: 50px; -webkit-animation: square-2-big 2s infinite; -o-animation: square-2-big 2s infinite; animation: square-2-big 2s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes square-2-one { 50% { -webkit-transform: translate(-65px, -65px); } } @keyframes square-2-one { 50% { transform: translate(-65px, -65px); -webkit-transform: translate(-65px, -65px); } } @-webkit-keyframes square-2-two { 50% { -webkit-transform: translate(0, -65px); } } @keyframes square-2-two { 50% { transform: translate(0, -65px); -webkit-transform: translate(0, -65px); } } @-webkit-keyframes square-2-three { 50% { -webkit-transform: translate(65px, -65px); } } @keyframes square-2-three { 50% { transform: translate(65px, -65px); -webkit-transform: translate(65px, -65px); } } @-webkit-keyframes square-2-four { 50% { -webkit-transform: translate(65px, 0); } } @keyframes square-2-four { 50% { transform: translate(65px, 0); -webkit-transform: translate(65px, 0); } } @-webkit-keyframes square-2-five { 50% { -webkit-transform: translate(65px, 65px); } } @keyframes square-2-five { 50% { transform: translate(65px, 65px); -webkit-transform: translate(65px, 65px); } } @-webkit-keyframes square-2-six { 50% { -webkit-transform: translate(0, 65px); } } @keyframes square-2-six { 50% { transform: translate(0, 65px); -webkit-transform: translate(0, 65px); } } @-webkit-keyframes square-2-seven { 50% { -webkit-transform: translate(-65px, 65px); } } @keyframes square-2-seven { 50% { transform: translate(-65px, 65px); -webkit-transform: translate(-65px, 65px); } } @-webkit-keyframes square-2-eight { 50% { -webkit-transform: translate(-65px, 0); } } @keyframes square-2-eight { 50% { transform: translate(-65px, 0); -webkit-transform: translate(-65px, 0); } } @-webkit-keyframes square-2-big { 50% { -webkit-transform: scale(0.5); } } @keyframes square-2-big { 50% { transform: scale(0.5); -webkit-transform: scale(0.5); } } .square-3 { background-color: #ffd34e; } .square-3 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } .square-3 .spinner { width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0); margin-right: auto; margin-left: auto; border: 4px solid #fff; left: 73px; top: 73px; position: absolute; } .square-3 #first_spinner { -webkit-animation: square-3-first-animate 1s infinite ease-in-out; -o-animation: square-3-first-animate 1s infinite ease-in-out; animation: square-3-first-animate 1s infinite ease-in-out; } .square-3 #second_spinner { -webkit-animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out; -moz-animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out; -o-animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out; -ms-transition: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out; animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out; } .square-3 #third_spinner { -webkit-animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out; -moz-animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out; -o-animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out; -ms-transition: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out; animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out; } @-webkit-keyframes square-3-first-animate { 0% { -webkit-transform: perspective(100px); } 50% { -webkit-transform: perspective(100px) rotateY(-180deg); } 100% { -webkit-transform: perspective(100px) rotateY(-180deg) rotateX(-180deg); } } @keyframes square-3-first-animate { 0% { transform: perspective(100px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(100px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(100px) rotateX(-180deg) rotateY(0deg); -webkit-transform: perspective(100px) rotateX(-180deg) rotateY(0deg); } 100% { transform: perspective(100px) rotateX(-180deg) rotateY(-180deg); -webkit-transform: perspective(100px) rotateX(-180deg) rotateY(-180deg); } } @-webkit-keyframes square-3-second { 100% { width: 100px; height: 100px; left: 48px; top: 48px; } } @keyframes square-3-second { 100% { width: 100px; height: 100px; left: 48px; top: 48px; } } @-webkit-keyframes square-3-second-animate { 0% { -webkit-transform: perspective(200px); } 50% { -webkit-transform: perspective(200px) rotateY(180deg); } 100% { -webkit-transform: perspective(200px) rotateY(180deg) rotateX(180deg); } } @keyframes square-3-second-animate { 0% { transform: perspective(200px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(200px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(200px) rotateX(180deg) rotateY(0deg); -webkit-transform: perspective(200px) rotateX(180deg) rotateY(0deg); } 100% { transform: perspective(200px) rotateX(180deg) rotateY(180deg); -webkit-transform: perspective(200px) rotateX(180deg) rotateY(180deg); } } @-webkit-keyframes square-3-third { 100% { width: 150px; height: 150px; left: 23px; top: 23px; } } @keyframes square-3-third { 100% { width: 150px; height: 150px; left: 23px; top: 23px; } } @-webkit-keyframes square-3-third-animate { 0% { -webkit-transform: perspective(300px); } 50% { -webkit-transform: perspective(300px) rotateY(-180deg); } 100% { -webkit-transform: perspective(300px) rotateY(-180deg) rotateX(-180deg); } } @keyframes square-3-third-animate { 0% { transform: perspective(300px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(300px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(300px) rotateX(-180deg) rotateY(0deg); -webkit-transform: perspective(300px) rotateX(-180deg) rotateY(0deg); } 100% { transform: perspective(300px) rotateX(-180deg) rotateY(-180deg); -webkit-transform: perspective(300px) rotateX(-180deg) rotateY(-180deg); } } .square-4 { background-color: white; } .square-4 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 100px; width: 100px; margin-top: -50px; margin-left: -50px; } .square-4 .spinner { width: 25px; height: 25px; background-color: rgba(255, 255, 255, 0); margin-right: auto; margin-left: auto; border: 4px solid #ef4a4a; left: 37px; top: 37px; position: absolute; } .square-4 #first_spinner { -webkit-animation: square-4-first 1s infinite; -o-animation: square-4-first 1s infinite; animation: square-4-first 1s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .square-4 #second_spinner { -webkit-animation: square-4-second 1s infinite; -o-animation: square-4-second 1s infinite; animation: square-4-second 1s infinite; } .square-4 #third_spinner { -webkit-animation: square-4-third 1s infinite; -o-animation: square-4-third 1s infinite; animation: square-4-third 1s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .square-4 #forth_spinner { -webkit-animation: square-4-forth 1s infinite; -o-animation: square-4-forth 1s infinite; animation: square-4-forth 1s infinite; } @-webkit-keyframes square-4-first { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(150%, 150%) scale(2, 2); -webkit-transform: translate(150%, 150%) scale(2, 2); transform: translate(150%, 150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @keyframes square-4-first { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(150%, 150%) scale(2, 2); -webkit-transform: translate(150%, 150%) scale(2, 2); transform: translate(150%, 150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @-webkit-keyframes square-4-second { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(-150%, 150%) scale(2, 2); -webkit-transform: translate(-150%, 150%) scale(2, 2); transform: translate(-150%, 150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @keyframes square-4-second { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(-150%, 150%) scale(2, 2); -webkit-transform: translate(-150%, 150%) scale(2, 2); transform: translate(-150%, 150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @-webkit-keyframes square-4-third { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(-150%, -150%) scale(2, 2); -webkit-transform: translate(-150%, -150%) scale(2, 2); transform: translate(-150%, -150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @keyframes square-4-third { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(-150%, -150%) scale(2, 2); -webkit-transform: translate(-150%, -150%) scale(2, 2); transform: translate(-150%, -150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @-webkit-keyframes square-4-forth { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(150%, -150%) scale(2, 2); -webkit-transform: translate(150%, -150%) scale(2, 2); transform: translate(150%, -150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @keyframes square-4-forth { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(150%, -150%) scale(2, 2); -webkit-transform: translate(150%, -150%) scale(2, 2); transform: translate(150%, -150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } .square-5 { background-color: #2980b9; } .square-5 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 118px; width: 118px; margin-top: -59px; margin-left: -59px; } .square-5 .spinner { width: 20px; height: 20px; background-color: #fff; margin-right: 20px; float: left; margin-bottom: 20px; } .square-5 .spinner:nth-child(3n + 0) { margin-right: 0px; } .square-5 #spinner_one { -webkit-animation: square-5 1s -0.9s ease-in-out infinite; -o-animation: square-5 1s -0.9s ease-in-out infinite; animation: square-5 1s -0.9s ease-in-out infinite; } .square-5 #spinner_two { -webkit-animation: square-5 1s -0.8s ease-in-out infinite; -o-animation: square-5 1s -0.8s ease-in-out infinite; animation: square-5 1s -0.8s ease-in-out infinite; } .square-5 #spinner_three { -webkit-animation: square-5 1s -0.7s ease-in-out infinite; -o-animation: square-5 1s -0.7s ease-in-out infinite; animation: square-5 1s -0.7s ease-in-out infinite; } .square-5 #spinner_four { -webkit-animation: square-5 1s -0.6s ease-in-out infinite; -o-animation: square-5 1s -0.6s ease-in-out infinite; animation: square-5 1s -0.6s ease-in-out infinite; } .square-5 #spinner_five { -webkit-animation: square-5 1s -0.5s ease-in-out infinite; -o-animation: square-5 1s -0.5s ease-in-out infinite; animation: square-5 1s -0.5s ease-in-out infinite; } .square-5 #spinner_six { -webkit-animation: square-5 1s -0.4s ease-in-out infinite; -o-animation: square-5 1s -0.4s ease-in-out infinite; animation: square-5 1s -0.4s ease-in-out infinite; } .square-5 #spinner_seven { -webkit-animation: square-5 1s -0.3s ease-in-out infinite; -o-animation: square-5 1s -0.3s ease-in-out infinite; animation: square-5 1s -0.3s ease-in-out infinite; } .square-5 #spinner_eight { -webkit-animation: square-5 1s -0.2s ease-in-out infinite; -o-animation: square-5 1s -0.2s ease-in-out infinite; animation: square-5 1s -0.2s ease-in-out infinite; } .square-5 #spinner_nine { -webkit-animation: square-5 1s -0.1s ease-in-out infinite; -o-animation: square-5 1s -0.1s ease-in-out infinite; animation: square-5 1s -0.1s ease-in-out infinite; } @-webkit-keyframes square-5 { 50% { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes square-5 { 50% { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .square-6 { background-color: #3498db; } .square-6 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 118px; width: 72px; margin-top: -59px; margin-left: -36px; } .square-6 .spinner { width: 26px; height: 26px; background-color: #fff; margin-right: 20px; float: left; margin-bottom: 20px; } .square-6 .spinner:nth-child(2n + 0) { margin-right: 0; } .square-6 #spinner_one { -webkit-animation: square-6-one 1s infinite; -o-animation: square-6-one 1s infinite; animation: square-6-one 1s infinite; } .square-6 #spinner_two { -webkit-animation: square-6-two 1s infinite; -o-animation: square-6-two 1s infinite; animation: square-6-two 1s infinite; } .square-6 #spinner_three { -webkit-animation: square-6-three 1s infinite; -o-animation: square-6-three 1s infinite; animation: square-6-three 1s infinite; } .square-6 #spinner_four { -webkit-animation: square-6-four 1s infinite; -o-animation: square-6-four 1s infinite; animation: square-6-four 1s infinite; } .square-6 #spinner_five { -webkit-animation: square-6-five 1s infinite; -o-animation: square-6-five 1s infinite; animation: square-6-five 1s infinite; } .square-6 #spinner_six { -webkit-animation: square-6-six 1s infinite; -o-animation: square-6-six 1s infinite; animation: square-6-six 1s infinite; } @-webkit-keyframes square-6-one { 50% { -ms-transform: translate(-100px, 46px) rotate(-179deg); -webkit-transform: translate(-100px, 46px) rotate(-179deg); transform: translate(-100px, 46px) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes square-6-one { 50% { -ms-transform: translate(-100px, 46px) rotate(-179deg); -webkit-transform: translate(-100px, 46px) rotate(-179deg); transform: translate(-100px, 46px) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes square-6-two { 50% { -ms-transform: translate(100px, 46px) rotate(179deg); -webkit-transform: translate(100px, 46px) rotate(179deg); transform: translate(100px, 46px) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes square-6-two { 50% { -ms-transform: translate(100px, 46px) rotate(179deg); -webkit-transform: translate(100px, 46px) rotate(179deg); transform: translate(100px, 46px) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes square-6-three { 50% { -ms-transform: translate(-100px, 0) rotate(-179deg); -webkit-transform: translate(-100px, 0) rotate(-179deg); transform: translate(-100px, 0) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes square-6-three { 50% { -ms-transform: translate(-100px, 0) rotate(-179deg); -webkit-transform: translate(-100px, 0) rotate(-179deg); transform: translate(-100px, 0) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes square-6-four { 50% { -ms-transform: translate(100px, 0) rotate(179deg); -webkit-transform: translate(100px, 0) rotate(179deg); transform: translate(100px, 0) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes square-6-four { 50% { -ms-transform: translate(100px, 0) rotate(179deg); -webkit-transform: translate(100px, 0) rotate(179deg); transform: translate(100px, 0) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes square-6-five { 50% { -ms-transform: translate(-100px, -46px) rotate(-179deg); -webkit-transform: translate(-100px, -46px) rotate(-179deg); transform: translate(-100px, -46px) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes square-6-five { 50% { -ms-transform: translate(-100px, -46px) rotate(-179deg); -webkit-transform: translate(-100px, -46px) rotate(-179deg); transform: translate(-100px, -46px) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes square-6-six { 50% { -ms-transform: translate(100px, -46px) rotate(179deg); -webkit-transform: translate(100px, -46px) rotate(179deg); transform: translate(100px, -46px) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes square-6-six { 50% { -ms-transform: translate(100px, -46px) rotate(179deg); -webkit-transform: translate(100px, -46px) rotate(179deg); transform: translate(100px, -46px) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .square-7 { background-color: #e74c3c; } .square-7 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 100px; width: 100px; margin-top: -50px; margin-left: -50px; } .square-7 .spinner { width: 25px; height: 25px; background-color: #fff; margin-right: 50px; float: left; margin-bottom: 50px; } .square-7 .spinner:nth-child(2n + 0) { margin-right: 0; } .square-7 #spinner_one { -webkit-animation: square-7-one 2s infinite; -o-animation: square-7-one 2s infinite; animation: square-7-one 2s infinite; } .square-7 #spinner_two { -webkit-animation: square-7-two 2s infinite; -o-animation: square-7-two 2s infinite; animation: square-7-two 2s infinite; } .square-7 #spinner_three { -webkit-animation: square-7-three 2s infinite; -o-animation: square-7-three 2s infinite; animation: square-7-three 2s infinite; } .square-7 #spinner_four { -webkit-animation: square-7-four 2s infinite; -o-animation: square-7-four 2s infinite; animation: square-7-four 2s infinite; } @-webkit-keyframes square-7-one { 25% { -webkit-transform: translate(75px, 0) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(75px, 75px) rotate(-180deg); } 75% { -webkit-transform: translate(0, 75px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-7-one { 25% { transform: translate(75px, 0) rotate(-90deg) scale(0.5); -webkit-transform: translate(75px, 0) rotate(-90deg) scale(0.5); } 50% { transform: translate(75px, 75px) rotate(-180deg); -webkit-transform: translate(75px, 75px) rotate(-180deg); } 75% { transform: translate(0, 75px) rotate(-270deg) scale(0.5); -webkit-transform: translate(0, 75px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes square-7-two { 25% { -webkit-transform: translate(0, 75px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(-75px, 75px) rotate(-180deg); } 75% { -webkit-transform: translate(-75px, 0) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-7-two { 25% { transform: translate(0, 75px) rotate(-90deg) scale(0.5); -webkit-transform: translate(0, 75px) rotate(-90deg) scale(0.5); } 50% { transform: translate(-75px, 75px) rotate(-180deg); -webkit-transform: translate(-75px, 75px) rotate(-180deg); } 75% { transform: translate(-75px, 0) rotate(-270deg) scale(0.5); -webkit-transform: translate(-75px, 0) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes square-7-three { 25% { -webkit-transform: translate(0, -75px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(75px, -75px) rotate(-180deg); } 75% { -webkit-transform: translate(75px, 0) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-7-three { 25% { transform: translate(0, -75px) rotate(-90deg) scale(0.5); -webkit-transform: translate(0, -75px) rotate(-90deg) scale(0.5); } 50% { transform: translate(75px, -75px) rotate(-180deg); -webkit-transform: translate(75px, -75px) rotate(-180deg); } 75% { transform: translate(75px, 0) rotate(-270deg) scale(0.5); -webkit-transform: translate(75px, 0) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes square-7-four { 25% { -webkit-transform: translate(-75px, 0) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(-75px, -75px) rotate(-180deg); } 75% { -webkit-transform: translate(0, -75px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-7-four { 25% { transform: translate(-75px, 0) rotate(-90deg) scale(0.5); -webkit-transform: translate(-75px, 0) rotate(-90deg) scale(0.5); } 50% { transform: translate(-75px, -75px) rotate(-180deg); -webkit-transform: translate(-75px, -75px) rotate(-180deg); } 75% { transform: translate(0, -75px) rotate(-270deg) scale(0.5); -webkit-transform: translate(0, -75px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } .square-8 { background-color: #2c3e50; } .square-8 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 50px; width: 50px; margin-top: -25px; margin-left: -25px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: square-8-loading-center-absolute 1.5s infinite; -o-animation: square-8-loading-center-absolute 1.5s infinite; animation: square-8-loading-center-absolute 1.5s infinite; } .square-8 .spinner { width: 25px; height: 25px; background-color: #fff; float: left; } .square-8 #spinner_one { -webkit-animation: square-8-one 1.5s infinite; -o-animation: square-8-one 1.5s infinite; animation: square-8-one 1.5s infinite; } .square-8 #spinner_two { -webkit-animation: square-8-two 1.5s infinite; -o-animation: square-8-two 1.5s infinite; animation: square-8-two 1.5s infinite; } .square-8 #spinner_three { -webkit-animation: square-8-three 1.5s infinite; -o-animation: square-8-three 1.5s infinite; animation: square-8-three 1.5s infinite; } .square-8 #spinner_four { -webkit-animation: square-8-four 1.5s infinite; -o-animation: square-8-four 1.5s infinite; animation: square-8-four 1.5s infinite; } @-webkit-keyframes square-8-loading-center-absolute { 100% { -webkit-transform: rotate(-45deg); } } @keyframes square-8-loading-center-absolute { 100% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } } @-webkit-keyframes square-8-one { 25% { -webkit-transform: translate(0, -50px) rotate(-180deg); } 100% { -webkit-transform: translate(0, 0) rotate(-180deg); } } @keyframes square-8-one { 25% { transform: translate(0, -50px) rotate(-180deg); -webkit-transform: translate(0, -50px) rotate(-180deg); } 100% { transform: translate(0, 0) rotate(-180deg); -webkit-transform: translate(0, 0) rotate(-180deg); } } @-webkit-keyframes square-8-two { 25% { -webkit-transform: translate(50px, 0) rotate(-180deg); } 100% { -webkit-transform: translate(0, 0) rotate(-180deg); } } @keyframes square-8-two { 25% { transform: translate(50px, 0) rotate(-180deg); -webkit-transform: translate(50px, 0) rotate(-180deg); } 100% { transform: translate(0, 0) rotate(-180deg); -webkit-transform: translate(0, 0) rotate(-180deg); } } @-webkit-keyframes square-8-three { 25% { -webkit-transform: translate(-50px, 0) rotate(-180deg); } 100% { -webkit-transform: translate(0, 0) rotate(-180deg); } } @keyframes square-8-three { 25% { transform: translate(-50px, 0) rotate(-180deg); -webkit-transform: translate(-50px, 0) rotate(-180deg); } 100% { transform: translate(0, 0) rotate(-180deg); -webkit-transform: rtranslate(0, 0) rotate(-180deg); } } @-webkit-keyframes square-8-four { 25% { -webkit-transform: translate(0, 50px) rotate(-180deg); } 100% { -webkit-transform: translate(0, 0) rotate(-180deg); } } @keyframes square-8-four { 25% { transform: translate(0, 50px) rotate(-180deg); -webkit-transform: translate(0, 50px) rotate(-180deg); } 100% { transform: translate(0, 0) rotate(-180deg); -webkit-transform: translate(0, 0) rotate(-180deg); } } .square-9 { background-color: #1e1e20; } .square-9 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .square-9 .spinner { width: 20px; height: 20px; background-color: #fff; margin-right: 110px; float: left; margin-bottom: 110px; } .square-9 .spinner:nth-child(2n + 0) { margin-right: 0; } .square-9 #spinner_one { -webkit-animation: square-9-one 2s infinite; -o-animation: square-9-one 2s infinite; animation: square-9-one 2s infinite; } .square-9 #spinner_two { -webkit-animation: square-9-two 2s infinite; -o-animation: square-9-two 2s infinite; animation: square-9-two 2s infinite; } .square-9 #spinner_three { -webkit-animation: square-9-three 2s infinite; -o-animation: square-9-three 2s infinite; animation: square-9-three 2s infinite; } .square-9 #spinner_four { -webkit-animation: square-9-four 2s infinite; -o-animation: square-9-four 2s infinite; animation: square-9-four 2s infinite; } .square-9 #spinner_big { -webkit-animation: square-9-big 0.5s infinite; -o-animation: square-9-big 0.5s infinite; animation: square-9-big 0.5s infinite; position: absolute; width: 50px; height: 50px; left: 50px; top: 50px; } @-webkit-keyframes square-9-big { 25% { -webkit-transform: scale(0.5); } } @keyframes square-9-big { 25% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes square-9-one { 25% { -webkit-transform: translate(130px, 0) rotate(-90deg); } 50% { -webkit-transform: translate(130px, 130px) rotate(-180deg); } 75% { -webkit-transform: translate(0, 130px) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-9-one { 25% { transform: translate(130px, 0) rotate(-90deg); -webkit-transform: translate(130px, 0) rotate(-90deg); } 50% { transform: translate(130px, 130px) rotate(-180deg); -webkit-transform: translate(130px, 130px) rotate(-180deg); } 75% { transform: translate(0, 130px) rotate(-270deg); -webkit-transform: translate(0, 130px) rotate(-270deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes square-9-two { 25% { -webkit-transform: translate(0, 130px) rotate(-90deg); } 50% { -webkit-transform: translate(-130px, 130px) rotate(-180deg); } 75% { -webkit-transform: translate(-130px, 0) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-9-two { 25% { transform: translate(0, 130px) rotate(-90deg); -webkit-transform: translate(0, 130px) rotate(-90deg); } 50% { transform: translate(-130px, 130px) rotate(-180deg); -webkit-transform: translate(-130px, 130px) rotate(-180deg); } 75% { transform: translate(-130px, 0) rotate(-270deg); -webkit-transform: translate(-130px, 0) rotate(-270deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes square-9-three { 25% { -webkit-transform: translate(0, -130px) rotate(-90deg); } 50% { -webkit-transform: translate(130px, -130px) rotate(-180deg); } 75% { -webkit-transform: translate(130px, 0) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-9-three { 25% { transform: translate(0, -130px) rotate(-90deg); -webkit-transform: translate(0, -130px) rotate(-90deg); } 50% { transform: translate(130px, -130px) rotate(-180deg); -webkit-transform: translate(130px, -130px) rotate(-180deg); } 75% { transform: translate(130px, 0) rotate(-270deg); -webkit-transform: translate(130px, 0) rotate(-270deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes square-9-four { 25% { -webkit-transform: translate(-130px, 0) rotate(-90deg); } 50% { -webkit-transform: translate(-130px, -130px) rotate(-180deg); } 75% { -webkit-transform: translate(0, -130px) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-9-four { 25% { transform: translate(-130px, 0) rotate(-90deg); -webkit-transform: translate(-130px, 0) rotate(-90deg); } 50% { transform: translate(-130px, -130px) rotate(-180deg); -webkit-transform: translate(-130px, -130px) rotate(-180deg); } 75% { transform: translate(0, -130px) rotate(-270deg); -webkit-transform: translate(0, -130px) rotate(-270deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } .round-1 { background-color: #374140; } .round-1 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; } .round-1 .spinner { width: 20px; height: 20px; background-color: #fff; float: left; margin-right: 20px; margin-top: 65px; border-radius: 100%; } .round-1 #spinner_one { -webkit-animation: round-1-one 1.5s infinite; -o-animation: round-1-one 1.5s infinite; animation: round-1-one 1.5s infinite; } .round-1 #spinner_two { -webkit-animation: round-1-two 1.5s infinite; -o-animation: round-1-two 1.5s infinite; animation: round-1-two 1.5s infinite; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .round-1 #spinner_three { -webkit-animation: round-1-three 1.5s infinite; -o-animation: round-1-three 1.5s infinite; animation: round-1-three 1.5s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes round-1-one { 75% { -webkit-transform: scale(0); } } @keyframes round-1-one { 75% { transform: scale(0); -webkit-transform: scale(0); } } @-webkit-keyframes round-1-two { 75% { -webkit-transform: scale(0); } } @keyframes round-1-two { 75% { transform: scale(0); -webkit-transform: scale(0); } } @-webkit-keyframes round-1-three { 75% { -webkit-transform: scale(0); } } @keyframes round-1-three { 75% { transform: scale(0); -webkit-transform: scale(0); } } .round-2 { background-color: #dc3522; } .round-2 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .round-2 .spinner { width: 20px; height: 20px; background-color: #fff; position: absolute; left: 65px; top: 65px; border-radius: 50%; } .round-2 .spinner:nth-child(2n + 0) { margin-right: 0; } .round-2 #spinner_one { -webkit-animation: round-2-one 2s infinite; -o-animation: round-2-one 2s infinite; animation: round-2-one 2s infinite; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .round-2 #spinner_two { -webkit-animation: round-2-two 2s infinite; -o-animation: round-2-two 2s infinite; animation: round-2-two 2s infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .round-2 #spinner_three { -webkit-animation: round-2-three 2s infinite; -o-animation: round-2-three 2s infinite; animation: round-2-three 2s infinite; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .round-2 #spinner_four { -webkit-animation: round-2-four 2s infinite; -o-animation: round-2-four 2s infinite; animation: round-2-four 2s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .round-2 #spinner_five { -webkit-animation: round-2-five 2s infinite; -o-animation: round-2-five 2s infinite; animation: round-2-five 2s infinite; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .round-2 #spinner_six { -webkit-animation: round-2-six 2s infinite; -o-animation: round-2-six 2s infinite; animation: round-2-six 2s infinite; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .round-2 #spinner_seven { -webkit-animation: round-2-seven 2s infinite; -o-animation: round-2-seven 2s infinite; animation: round-2-seven 2s infinite; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .round-2 #spinner_eight { -webkit-animation: round-2-eight 2s infinite; -o-animation: round-2-eight 2s infinite; animation: round-2-eight 2s infinite; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .round-2 #spinner_big { position: absolute; width: 50px; height: 50px; left: 50px; top: 50px; -webkit-animation: round-2-big 2s infinite; -o-animation: round-2-big 2s infinite; animation: round-2-big 2s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes round-2-big { 50% { -webkit-transform: scale(0.5); } } @keyframes round-2-big { 50% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes round-2-one { 50% { -webkit-transform: translate(-65px, -65px); } } @keyframes round-2-one { 50% { transform: translate(-65px, -65px); -webkit-transform: translate(-65px, -65px); } } @-webkit-keyframes round-2-two { 50% { -webkit-transform: translate(0, -65px); } } @keyframes round-2-two { 50% { transform: translate(0, -65px); -webkit-transform: translate(0, -65px); } } @-webkit-keyframes round-2-three { 50% { -webkit-transform: translate(65px, -65px); } } @keyframes round-2-three { 50% { transform: translate(65px, -65px); -webkit-transform: translate(65px, -65px); } } @-webkit-keyframes round-2-four { 50% { -webkit-transform: translate(65px, 0); } } @keyframes round-2-four { 50% { transform: translate(65px, 0); -webkit-transform: translate(65px, 0); } } @-webkit-keyframes round-2-five { 50% { -webkit-transform: translate(65px, 65px); } } @keyframes round-2-five { 50% { transform: translate(65px, 65px); -webkit-transform: translate(65px, 65px); } } @-webkit-keyframes round-2-six { 50% { -webkit-transform: translate(0, 65px); } } @keyframes round-2-six { 50% { transform: translate(0, 65px); -webkit-transform: translate(0, 65px); } } @-webkit-keyframes round-2-seven { 50% { -webkit-transform: translate(-65px, 65px); } } @keyframes round-2-seven { 50% { transform: translate(-65px, 65px); -webkit-transform: translate(-65px, 65px); } } @-webkit-keyframes round-2-eight { 50% { -webkit-transform: translate(-65px, 0); } } @keyframes round-2-eight { 50% { transform: translate(-65px, 0); -webkit-transform: translate(-65px, 0); } } .round-3 { background-color: #88a825; } .round-3 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 50px; width: 200px; margin-top: -25px; margin-left: -100px; } .round-3 .spinner { width: 20px; height: 20px; background-color: #fff; float: left; margin-top: 15px; border-radius: 100%; } .round-3 #first_spinner { -webkit-animation: round-3-first 2s infinite; -o-animation: round-3-first 2s infinite; animation: round-3-first 2s infinite; } .round-3 #second_spinner { -webkit-animation: round-3-second 2s infinite; -o-animation: round-3-second 2s infinite; animation: round-3-second 2s infinite; } @-webkit-keyframes round-3-first { 25% { -ms-transform: translate(90px, 0) scale(2); -webkit-transform: translate(90px, 0) scale(2); transform: translate(90px, 0) scale(2); } 50% { -ms-transform: translate(180px, 0) scale(1); -webkit-transform: translate(180px, 0) scale(1); transform: translate(180px, 0) scale(1); } 75% { -ms-transform: translate(90px, 0) scale(2); -webkit-transform: translate(90px, 0) scale(2); transform: translate(90px, 0) scale(2); } } @keyframes round-3-first { 25% { -ms-transform: translate(90px, 0) scale(2); -webkit-transform: translate(90px, 0) scale(2); transform: translate(90px, 0) scale(2); } 50% { -ms-transform: translate(180px, 0) scale(1); -webkit-transform: translate(180px, 0) scale(1); transform: translate(180px, 0) scale(1); } 75% { -ms-transform: translate(90px, 0) scale(2); -webkit-transform: translate(90px, 0) scale(2); transform: translate(90px, 0) scale(2); } } @-webkit-keyframes round-3-second { 25% { -ms-transform: translate(-90px, 0) scale(2); -webkit-transform: translate(-90px, 0) scale(2); transform: translate(-90px, 0) scale(2); } 50% { -ms-transform: translate(-180px, 0) scale(1); -webkit-transform: translate(-180px, 0) scale(1); transform: translate(-180px, 0) scale(1); } 75% { -ms-transform: translate(-90px, 0) scale(2); -webkit-transform: translate(-90px, 0) scale(2); transform: translate(-90px, 0) scale(2); } } @keyframes round-3-second { 25% { -ms-transform: translate(-90px, 0) scale(2); -webkit-transform: translate(-90px, 0) scale(2); transform: translate(-90px, 0) scale(2); } 50% { -ms-transform: translate(-180px, 0) scale(1); -webkit-transform: translate(-180px, 0) scale(1); transform: translate(-180px, 0) scale(1); } 75% { -ms-transform: translate(-90px, 0) scale(2); -webkit-transform: translate(-90px, 0) scale(2); transform: translate(-90px, 0) scale(2); } } .round-4 { background-color: #35203b; } .round-4 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 50px; width: 300px; margin-top: -25px; margin-left: -150px; } .round-4 .spinner { width: 18px; height: 18px; background-color: #fff; float: left; margin-top: 15px; margin-right: 15px; border-radius: 100%; -webkit-animation: round-4 1s infinite; -o-animation: round-4 1s infinite; animation: round-4 1s infinite; } .round-4 .spinner:last-child { margin-right: 0px; } .round-4 .spinner:nth-child(9) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .round-4 .spinner:nth-child(8) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .round-4 .spinner:nth-child(7) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .round-4 .spinner:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .round-4 .spinner:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .round-4 .spinner:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .round-4 .spinner:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .round-4 .spinner:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes round-4 { 50% { -ms-transform: translate(0, -50px); -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } } @keyframes round-4 { 50% { -ms-transform: translate(0, -50px); -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } } .round-5 { background-color: #cf4a30; } .round-5 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 60px; width: 60px; margin-top: -30px; margin-left: -30px; -webkit-animation: round-5-loading-center-absolute 1s infinite; -o-animation: round-5-loading-center-absolute 1s infinite; animation: round-5-loading-center-absolute 1s infinite; } .round-5 .spinner { width: 20px; height: 20px; background-color: #fff; float: left; border-radius: 50%; margin-right: 20px; margin-bottom: 20px; } .round-5 .spinner:nth-child(2n + 0) { margin-right: 0; } .round-5 #spinner_one { -webkit-animation: round-5-one 1s infinite; -o-animation: round-5-one 1s infinite; animation: round-5-one 1s infinite; } .round-5 #spinner_two { -webkit-animation: round-5-two 1s infinite; -o-animation: round-5-two 1s infinite; animation: round-5-two 1s infinite; } .round-5 #spinner_three { -webkit-animation: round-5-three 1s infinite; -o-animation: round-5-three 1s infinite; animation: round-5-three 1s infinite; } .round-5 #spinner_four { -webkit-animation: round-5-four 1s infinite; -o-animation: round-5-four 1s infinite; animation: round-5-four 1s infinite; } @-webkit-keyframes round-5-loading-center-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes round-5-loading-center-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes round-5-one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @keyframes round-5-one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @-webkit-keyframes round-5-two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @keyframes round-5-two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @-webkit-keyframes round-5-three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @keyframes round-5-three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @-webkit-keyframes round-5-four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } @keyframes round-5-four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } .round-6 { background-color: #ed8c2b; } .round-6 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 20px; width: 140px; margin-top: -10px; margin-left: -70px; -webkit-animation: round-6-loading-center-absolute 1s infinite; -o-animation: round-6-loading-center-absolute 1s infinite; animation: round-6-loading-center-absolute 1s infinite; } .round-6 .spinner { width: 20px; height: 20px; background-color: #fff; float: left; border-radius: 100%; margin-right: 20px; margin-bottom: 20px; } .round-6 .spinner:last-child { margin-right: 0; } .round-6 #spinner_one { -webkit-animation: round-6-one 1s infinite; -o-animation: round-6-one 1s infinite; animation: round-6-one 1s infinite; } .round-6 #spinner_two { -webkit-animation: round-6-two 1s infinite; -o-animation: round-6-two 1s infinite; animation: round-6-two 1s infinite; } .round-6 #spinner_three { -webkit-animation: round-6-three 1s infinite; -o-animation: round-6-three 1s infinite; animation: round-6-three 1s infinite; } .round-6 #spinner_four { -webkit-animation: round-6-four 1s infinite; -o-animation: round-6-four 1s infinite; animation: round-6-four 1s infinite; } @-webkit-keyframes round-6-loading-center-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes round-6-loading-center-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes round-6-one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @keyframes round-6-one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @-webkit-keyframes round-6-two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @keyframes round-6-two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @-webkit-keyframes round-6-three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @keyframes round-6-three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @-webkit-keyframes round-6-four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } @keyframes round-6-four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } .round-7 { background-color: #db5800; } .round-7 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 20px; width: 100px; margin-top: -10px; margin-left: -50px; } .round-7 .spinner { width: 20px; height: 20px; background-color: #fff; border-radius: 100%; margin-right: 20px; margin-bottom: 20px; position: absolute; } .round-7 #spinner_one { -webkit-animation: round-7 2s linear infinite; -o-animation: round-7 2s linear infinite; animation: round-7 2s linear infinite; } .round-7 #spinner_two { -webkit-animation: round-7 2s linear infinite -0.4s; -o-animation: round-7 2s linear infinite -0.4s; animation: round-7 2s linear infinite -0.4s; } .round-7 #spinner_three { -webkit-animation: round-7 2s linear infinite -0.8s; -o-animation: round-7 2s linear infinite -0.8s; animation: round-7 2s linear infinite -0.8s; } .round-7 #spinner_four { -webkit-animation: round-7 2s linear infinite -1.2s; -o-animation: round-7 2s linear infinite -1.2s; animation: round-7 2s linear infinite -1.2s; } .round-7 #spinner_five { -webkit-animation: round-7 2s linear infinite -1.6s; -o-animation: round-7 2s linear infinite -1.6s; animation: round-7 2s linear infinite -1.6s; } @-webkit-keyframes round-7 { 0% { left: 100px; top: 0; } 80% { left: 0; top: 0; } 85% { left: 0; top: -20px; width: 20px; height: 20px; } 90% { width: 40px; height: 15px; } 95% { left: 100px; top: -20px; width: 20px; height: 20px; } 100% { left: 100px; top: 0; } } @keyframes round-7 { 0% { left: 100px; top: 0; } 80% { left: 0; top: 0; } 85% { left: 0; top: -20px; width: 20px; height: 20px; } 90% { width: 40px; height: 15px; } 95% { left: 100px; top: -20px; width: 20px; height: 20px; } 100% { left: 100px; top: 0; } } .round-8 { background-color: #ff9000; } .round-8 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 118px; width: 118px; margin-top: -59px; margin-left: -59px; } .round-8 .spinner { width: 20px; height: 20px; background-color: #fff; margin-right: 20px; float: left; margin-bottom: 20px; border-radius: 50%; } .round-8 .spinner:nth-child(3n + 0) { margin-right: 0px; } .round-8 #spinner_one { -webkit-animation: round-8 1s -0.9s ease-in-out infinite; -o-animation: round-8 1s -0.9s ease-in-out infinite; animation: round-8 1s -0.9s ease-in-out infinite; } .round-8 #spinner_two { -webkit-animation: round-8 1s -0.8s ease-in-out infinite; -o-animation: round-8 1s -0.8s ease-in-out infinite; animation: round-8 1s -0.8s ease-in-out infinite; } .round-8 #spinner_three { -webkit-animation: round-8 1s -0.7s ease-in-out infinite; -o-animation: round-8 1s -0.7s ease-in-out infinite; animation: round-8 1s -0.7s ease-in-out infinite; } .round-8 #spinner_four { -webkit-animation: round-8 1s -0.6s ease-in-out infinite; -o-animation: round-8 1s -0.6s ease-in-out infinite; animation: round-8 1s -0.6s ease-in-out infinite; } .round-8 #spinner_five { -webkit-animation: round-8 1s -0.5s ease-in-out infinite; -o-animation: round-8 1s -0.5s ease-in-out infinite; animation: round-8 1s -0.5s ease-in-out infinite; } .round-8 #spinner_six { -webkit-animation: round-8 1s -0.4s ease-in-out infinite; -o-animation: round-8 1s -0.4s ease-in-out infinite; animation: round-8 1s -0.4s ease-in-out infinite; } .round-8 #spinner_seven { -webkit-animation: round-8 1s -0.3s ease-in-out infinite; -o-animation: round-8 1s -0.3s ease-in-out infinite; animation: round-8 1s -0.3s ease-in-out infinite; } .round-8 #spinner_eight { -webkit-animation: round-8 1s -0.2s ease-in-out infinite; -o-animation: round-8 1s -0.2s ease-in-out infinite; animation: round-8 1s -0.2s ease-in-out infinite; } .round-8 #spinner_nine { -webkit-animation: round-8 1s -0.1s ease-in-out infinite; -o-animation: round-8 1s -0.1s ease-in-out infinite; animation: round-8 1s -0.1s ease-in-out infinite; } @-webkit-keyframes round-8 { 50% { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes round-8 { 50% { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .round-9 { background-color: #f0c600; } .round-9 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; border-radius: 50%; } .round-9 .spinner { width: 20px; height: 20px; background-color: #fff; position: absolute; border-radius: 50%; -webkit-animation: round-9 0.8s infinite; -o-animation: round-9 0.8s infinite; animation: round-9 0.8s infinite; } .round-9 #spinner_one { top: 19px; left: 19px; } .round-9 #spinner_two { top: 0px; left: 65px; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .round-9 #spinner_three { top: 19px; left: 111px; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .round-9 #spinner_four { top: 65px; left: 130px; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .round-9 #spinner_five { top: 111px; left: 111px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .round-9 #spinner_six { top: 130px; left: 65px; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .round-9 #spinner_seven { top: 111px; left: 19px; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .round-9 #spinner_eight { top: 65px; left: 0px; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } @-webkit-keyframes round-9 { 25% { -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } 75% { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } } @keyframes round-9 { 50% { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } #haru-site-preloader { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; } #haru-site-preloader .haru-loading-site { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*----------------------------------- * DIALOG *-----------------------------------*/ .animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .dialog { position: fixed; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; pointer-events: none; z-index: 9999; visibility: hidden; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); top: 0px; left: 0px; } .dialog.dialog--open { visibility: visible; } .dialog__content { width: 100%; height: 100%; padding: 20px; text-align: center; position: relative; z-index: 5; opacity: 0; } .dialog--open .dialog__content { pointer-events: auto; } .dialog--open .dialog__overlay { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } .dialog--close .dialog__overlay { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .dialog__content { padding: 0; } .dialog.dialog--open .dialog__content { opacity: 1; } .morph-shape { position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); top: -2px; left: -2px; z-index: -1; } .morph-shape svg rect { stroke: #fff; stroke-width: 2px; stroke-dasharray: 1680; } .dialog--open .morph-shape svg rect { -webkit-animation: anim-dash 0.6s forwards; -o-animation: anim-dash 0.6s forwards; animation: anim-dash 0.6s forwards; } .dialog-inner { opacity: 0; } .dialog-inner div button { background-color: transparent; } .dialog-inner div button i { font-size: 20px; } .dialog--open .dialog-inner { padding: 30px; opacity: 1; -webkit-transition: opacity 0.85s 0.35s; -o-transition: opacity 0.85s 0.35s; transition: opacity 0.85s 0.35s; } .dialog.dialog--open h2 { -webkit-animation: anim-elem-1 0.7s ease-out both; -o-animation: anim-elem-1 0.7s ease-out both; animation: anim-elem-1 0.7s ease-out both; } .dialog.dialog--open button[data-dialog-close] { position: absolute; border: none; outline: none; top: 10%; right: 5%; width: 50px; height: 50px; line-height: 1; color: #fff; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .dialog.dialog--open button[data-dialog-close]:hover { color: #a73796; } .dialog.dialog--open p { line-height: 1.5; font-size: 18px; } @keyframes anim-dash { 0% { stroke-dashoffset: 1680; } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes anim-dash { 0% { stroke-dashoffset: 1680; } 100% { stroke-dashoffset: 0; } } /* Inner elements animations */ @-webkit-keyframes anim-elem-1 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes anim-elem-1 { 0% { opacity: 0; } 100% { opacity: 1; } } /* FadeInDown for Search Popup*/ @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .dialog--open { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /*----------------------------------- * NEWSLETTER POPUP *-----------------------------------*/ #haru-popup { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); box-sizing: border-box; margin: 40px auto; max-width: 95%; padding: 115px 70px 70px; position: relative; text-align: left; background-repeat: no-repeat !important; background-size: cover !important; } #haru-popup .newsletter-title { color: #a73796; font-size: 64px; font-family: "Montserrat"; } #haru-popup .newsletter-description { max-width: 320px; line-height: 1.8; } #haru-popup .subscribe-default { position: relative; padding-bottom: 5px; } #haru-popup .subscribe-default .subscribe-email { position: absolute; left: 0; width: 100%; padding: 0; } #haru-popup .subscribe-default .subscribe-email input[type="email"] { border: 1px solid #e1e1e1; font-style: italic; width: 100%; padding: 9px 0 9px 9px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #haru-popup .subscribe-default .subscribe-email input[type="email"]::-moz-placeholder { color: #fff; opacity: 1; } #haru-popup .subscribe-default .subscribe-email input[type="email"]:-ms-input-placeholder { color: #fff; } #haru-popup .subscribe-default .subscribe-email input[type="email"]::-webkit-input-placeholder { color: #fff; } #haru-popup .subscribe-default .subscribe-email input[type="email"]:focus { outline: none; } #haru-popup .subscribe-default .subscribe-submit { position: absolute; right: 0; } #haru-popup .subscribe-default .subscribe-submit input[type="submit"] { border: none; background: none; text-transform: uppercase; padding: 10px 35px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #fff; background: #373435; } #haru-popup .subscribe-default .subscribe-submit input[type="submit"]:hover { background: #a73796; color: #fff; } #haru-popup .subscribe-default .subscribe-submit input[type="submit"]:focus { outline: none; } #haru-popup .checkbox-label { margin-top: 50px; } #haru-popup .checkbox-label label { font-weight: normal; } @media (max-width: 480px) { #haru-popup .checkbox-label { margin-left: 15px; } } @media (max-width: 480px) { #haru-popup { padding-left: 15px; padding-right: 15px; } } /* * Add css3 animation effect * More details here: http://codepen.io/dimsemenov/pen/GAIkt */ /* ====== Zoom effect ====== */ .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.5s ease-in-out; transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.5s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* ====== Newspaper effect ====== */ .mfp-newspaper { /* start state */ /* animate in */ /* animate out */ } .mfp-newspaper .mfp-with-anim { opacity: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s; transform: scale(0) rotate(500deg); } .mfp-newspaper.mfp-bg { opacity: 0; transition: all 0.5s; } .mfp-newspaper.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1) rotate(0deg); } .mfp-newspaper.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-newspaper.mfp-removing .mfp-with-anim { transform: scale(0) rotate(500deg); opacity: 0; } .mfp-newspaper.mfp-removing.mfp-bg { opacity: 0; } /* ====== Move-horizontal effect ====== */ .mfp-move-horizontal { /* start state */ /* animate in */ /* animate out */ } .mfp-move-horizontal .mfp-with-anim { opacity: 0; transition: all 0.3s; transform: translateX(-50px); } .mfp-move-horizontal.mfp-bg { opacity: 0; transition: all 0.3s; } .mfp-move-horizontal.mfp-ready .mfp-with-anim { opacity: 1; transform: translateX(0); } .mfp-move-horizontal.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-move-horizontal.mfp-removing .mfp-with-anim { transform: translateX(50px); opacity: 0; } .mfp-move-horizontal.mfp-removing.mfp-bg { opacity: 0; } /* ====== Move-from-top effect ====== */ .mfp-move-from-top { /* start state */ /* animate in */ /* animate out */ } .mfp-move-from-top .mfp-content { vertical-align: top; } .mfp-move-from-top .mfp-with-anim { opacity: 0; transition: all 0.2s; transform: translateY(-100px); } .mfp-move-from-top.mfp-bg { opacity: 0; transition: all 0.2s; } .mfp-move-from-top.mfp-ready .mfp-with-anim { opacity: 1; transform: translateY(0); } .mfp-move-from-top.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-move-from-top.mfp-removing .mfp-with-anim { transform: translateY(-50px); opacity: 0; } .mfp-move-from-top.mfp-removing.mfp-bg { opacity: 0; } /* ====== 3d unfold ====== */ .mfp-3d-unfold { /* start state */ /* animate in */ /* animate out */ } .mfp-3d-unfold .mfp-content { perspective: 2000px; } .mfp-3d-unfold .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform-style: preserve-3d; transform: rotateY(-60deg); } .mfp-3d-unfold.mfp-bg { opacity: 0; transition: all 0.5s; } .mfp-3d-unfold.mfp-ready .mfp-with-anim { opacity: 1; transform: rotateY(0deg); } .mfp-3d-unfold.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-3d-unfold.mfp-removing .mfp-with-anim { transform: rotateY(60deg); opacity: 0; } .mfp-3d-unfold.mfp-removing.mfp-bg { opacity: 0; } /* ====== Zoom-out effect ====== */ .mfp-zoom-out { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-out .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); } .mfp-zoom-out.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; } .mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; } /* ====== "Hinge" close effect ====== */ @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { animation-duration: 1s; animation-name: hinge; } .mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg { opacity: 0; transition: opacity 0.5s ease-out; } .mfp-with-fade.mfp-ready .mfp-content { opacity: 1; } .mfp-with-fade.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-fade.mfp-removing.mfp-bg { opacity: 0; } .widget-clarivo-book-appointment { background-color: rgba(117, 178, 57, 0.8); } .widget-clarivo-book-appointment .widget-title-wrapper .widget-title { background-color: transparent; padding: 30px 30px 0 30px; } .widget-clarivo-book-appointment .appointment-widget { padding: 0 30px 30px 30px; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register { margin-top: 25px; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info { font-size: 13px; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info select, .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info input, .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info textarea { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.35); color: #fff; margin-bottom: 20px; width: 100%; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info select:focus, .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info input:focus, .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info textarea:focus { outline: none; border: 1px solid rgba(255, 255, 255, 0.85); } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info select { padding: 5px 10px; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info input, .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info textarea { padding: 5px 10px; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info input::-moz-placeholder, .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info textarea::-moz-placeholder { color: #fff; opacity: 1; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info input:-ms-input-placeholder, .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info textarea:-ms-input-placeholder { color: #fff; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info input::-webkit-input-placeholder, .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info textarea::-webkit-input-placeholder { color: #fff; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info .appoinment-picker { position: relative; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info .appoinment-picker:after { position: absolute; content: "\ed21"; color: #fff; font-family: IcoFont; right: 25px; top: 5px; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info .select2-container { margin-bottom: 20px; width: 100% !important; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info .select2-container:focus { outline: none; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info .select2-container.select2-container--open .select2-selection__arrow b { border-color: transparent transparent #fff transparent; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info .select2-container .select2-selection { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.35); padding: 3px 0; height: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info .select2-container .select2-selection:focus { outline: none; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info .select2-container .select2-selection .select2-selection__rendered { color: #fff; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-form-info .select2-container .select2-selection__arrow b { border-color: #fff transparent transparent transparent; margin-left: -10px; margin-top: 2px; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-register-submit button { background-color: #fff; border: none; color: #a73796; display: inline-block; font-size: 13px; font-weight: 500; padding: 13px 20px; text-transform: uppercase; width: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget-clarivo-book-appointment .appointment-widget.style_1 .appointment-register .appointment-register-submit button:hover { background-color: #373435; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget_text .emergency-case { background-color: #373435; color: #fff; display: table; padding: 8px; position: relative; width: 100%; z-index: 2; } .widget_text .emergency-case .emergency-icon { display: table-cell; width: 80px; position: relative; } .widget_text .emergency-case .emergency-icon:before { content: "\ecf6"; font-family: IcoFont; position: absolute; font-size: 56px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .widget_text .emergency-case .emergency-content { display: table-cell; vertical-align: top; } .widget_text .emergency-case .emergency-content .emer-title { font-weight: 200; font-style: italic; font-size: 15px; line-height: 1.4; margin-top: 25px; margin-bottom: 0; } .widget_text .emergency-case .emergency-content .emer-phone { font-weight: 500; font-size: 22px; } .widget_text .opening-hours { background-color: #a73796; padding: 40px 30px 0 30px; } .widget_text .opening-hours h2 { color: #fff; font-size: 15px; margin-top: 0; text-transform: uppercase; } .widget_text .opening-hours ul { list-style: none; padding: 0 0 40px 0; margin: 0; } .widget_text .opening-hours ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; padding: 12px 0; } .widget_text .opening-hours ul li span { float: right; } /*----------------------------------- * 3. THEME *-----------------------------------*/ /*----------------------------------- * BASE STYLE *-----------------------------------*/ body { color: #666666; line-height: 1.8; overflow-x: hidden; font-family: "Nunito Sans"; } a { text-decoration: none; color: #666666; } a:hover { color: #a73796; text-decoration: none; } a:active { color: #a73796; text-decoration: none; } a:focus { color: #a73796; outline: none; text-decoration: none; } h1, h2, h3, h4, h5, h6 { color: #444444; font-family: "Montserrat"; } img { max-width: 100%; height: auto; } p { line-height: 1.8; } /*----------------------------------- * LAYOUT STYLE *-----------------------------------*/ body.layout-boxed #haru-main { max-width: 1200px; margin: auto; overflow: hidden; } body.layout-float { padding: 20px !important; } body #haru-main { background: #fff; } /*----------------------------------- * BACK TO TOP *-----------------------------------*/ .back-to-top { display: block; position: fixed; right: 30px; bottom: -45px; background: rgba(0, 0, 0, 0.3); padding: 10px 15px; z-index: 99; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .back-to-top.in { bottom: 30px; } .back-to-top:hover { background: #a73796; } .back-to-top i { color: #fff; font-size: 18px; } /*----------------------------------- * DEMO CONTROL *-----------------------------------*/ #demo-controls .demo-controls-wrapper { display: block; position: fixed; top: 200px; width: 200px; z-index: 999; background: #fff; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.15); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #demo-controls .demo-controls-wrapper.in { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #demo-controls .demo-controls-wrapper .demo-control-open { display: block; height: 50px; position: absolute; width: 50px; left: 100%; top: 10px; border-radius: 0 4px 4px 0; background: none repeat scroll 0 0 #fff; box-shadow: 4px 1px 2px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 4px 1px 2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 4px 1px 2px 2px rgba(0, 0, 0, 0.15); margin-left: -1px; text-align: center; line-height: 55px; } #demo-controls .demo-controls-wrapper .demo-control-open:hover { cursor: pointer; } #demo-controls .demo-controls-wrapper .demo-control-open i { font-size: 21px; } #demo-controls .demo-controls-wrapper .demo-control-scroll { margin: 20px; } #demo-controls .demo-controls-wrapper .demo-control-scroll .demo-control-buynow .button-buynow { display: block; text-align: center; padding: 10px 15px; border: 1px solid #a73796; background: #a73796; text-transform: uppercase; color: #fff; } #demo-controls .demo-controls-wrapper .demo-control-scroll .demo-control-buynow .button-buynow:hover { background: #000; border: 1px solid #000; } #demo-controls .demo-controls-wrapper .demo-control-scroll .demo-control-body .demo-control-section .demo-control-title { font-size: 14px; position: relative; text-transform: uppercase; } #demo-controls .demo-controls-wrapper .demo-control-scroll .demo-control-body .demo-control-section .demo-control-title:after { content: ""; position: absolute; left: 0; bottom: -5px; height: 2px; width: 30px; background: #a73796; } #demo-controls .demo-controls-wrapper .demo-control-scroll .demo-control-body .demo-control-section .demo-control-row { margin-top: 15px; } #demo-controls .demo-controls-wrapper .demo-control-scroll .demo-control-body .demo-control-section .demo-control-row .demo-control-btn { display: inline-block; width: 47%; padding: 5px 10px; color: #000; border: 1px solid #a73796; text-align: center; } #demo-controls .demo-controls-wrapper .demo-control-scroll .demo-control-body .demo-control-section .demo-control-row .demo-control-btn.active { background: #a73796; color: #fff; } #demo-controls .demo-controls-wrapper .demo-control-scroll .demo-control-body .demo-control-section .demo-control-row .demo-control-btn:hover { background: #a73796; color: #fff; } #demo-controls .demo-controls-wrapper .demo-control-scroll .demo-control-body .demo-control-section .demo-control-row .demo-control-btn.wide-buton { margin-right: 2%; } #demo-controls .demo-controls-wrapper .demo-control-scroll .demo-control-body .demo-control-section .demo-control-row .switch-body-background { padding: 0; } #demo-controls .demo-controls-wrapper .demo-control-scroll .demo-control-body .demo-control-section .demo-control-row .switch-body-background li { width: 27px; height: 27px; float: left; display: block; margin: 0 5px 5px 0; cursor: pointer; position: relative; background-image: url("../clarivo/assets/images/pattern-bg.png"); background-repeat: no-repeat; } #demo-controls .demo-controls-wrapper .demo-control-scroll .demo-control-body .demo-control-section .demo-control-row .switch-body-background li.active { -webkit-box-shadow: 0 0 0 1px #a73796; -moz-box-shadow: 0 0 0 1px #a73796; box-shadow: 0 0 0 1px #a73796; } #demo-controls .demo-controls-wrapper .demo-control-scroll .demo-control-demos .demo-control-section .demo-control-title { font-size: 14px; position: relative; text-transform: uppercase; } #demo-controls .demo-controls-wrapper .demo-control-scroll .demo-control-demos .demo-control-section .demo-control-title:after { content: ""; position: absolute; left: 0; bottom: -5px; height: 2px; width: 30px; background: #a73796; } /*----------------------------------- * PAGE TITLE AND BREADCRUMBS *-----------------------------------*/ .haru-page-title-section { background-size: cover; margin-bottom: 80px; position: relative; background-position: center !important; background-repeat: no-repeat; } @media screen and (max-width: 991px) { .haru-page-title-section { margin-bottom: 30px; } .haru-page-title-section .haru-page-title-wrapper { padding-top: 1% !important; } } .haru-page-title-section:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); } .haru-page-title-section .haru-page-title-wrapper { padding-top: 7%; } .haru-page-title-section .haru-page-title-wrapper.no-breadcrumbs { padding-bottom: 8%; } .haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h2 { color: #fff; font-size: 40px; font-weight: 700; margin-bottom: 0; position: relative; text-align: center; } @media screen and (max-width: 991px) { .haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h2 { font-size: 36px; } } @media screen and (max-width: 767px) { .haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h2 { font-size: 18px; } } .haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner .page-sub-title { display: block; position: relative; padding-top: 15px; color: #fff; } .haru-page-title-section .haru-breadcrumb-wrapper { padding-bottom: 2%; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs { list-style-type: none; list-style: none; padding: 0; text-align: center; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li { position: relative; display: inline-block; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; font-style: italic; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li:last-child { padding-right: 0; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li span { color: #fff; font-weight: bold; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li a { color: #fff; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li a:hover { color: #a73796; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li:first-child:before { display: none; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li:before { content: "\f105"; color: #fff; font-family: fontAwesome; left: -18px; position: absolute; } @media screen and (max-width: 991px) { .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li { padding-top: 15px; padding-bottom: 15px; } } @media screen and (max-width: 767px) { .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li { padding-top: 5px; padding-bottom: 5px; } } .hide-page-title .haru-single-blog, .hide-page-title .haru-archive-blog, .hide-page-title .haru-archive-product, .hide-page-title .haru-single-product { margin-top: 80px; } @media screen and (max-width: 991px) { .hide-page-title .haru-single-blog, .hide-page-title .haru-archive-blog, .hide-page-title .haru-archive-product, .hide-page-title .haru-single-product { margin-top: 40px; } } /*----------------------------------- * CUSTOMIZE VISUAL COMPOSER OVERLAY *-----------------------------------*/ .overlay-bg-vc-wapper { position: relative; } .overlay-bg-vc { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /*----------------------------------- * CONTACT PAGES *-----------------------------------*/ .vc_row-fluid.contact-form-section { padding-top: 0% !important; } .contact-form .contact-name, .contact-form .contact-subject { padding-right: 15px; width: 50%; float: left; } @media screen and (max-width: 767px) { .contact-form .contact-name { width: 100%; padding-right: 0; } } .contact-form .contact-email { padding-left: 15px; width: 50%; float: left; } @media screen and (max-width: 767px) { .contact-form .contact-email { width: 100%; padding-left: 0; } } .contact-form .contact-subject { clear: both; } .contact-form .contact-submit { text-align: center; } .contact-form .contact-submit input { background: transparent; border: 2px solid #e1e1e1 !important; border: none; color: #a73796; font-weight: 700; margin-top: 25px; padding: 8px 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .contact-form .contact-submit input { margin-top: 10px; } } .contact-form .contact-submit input:hover { background-color: #a73796 !important; border: 2px solid #a73796 !important; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .contact-form .contact-submit input:focus { outline: none; } .contact-form .contact-label { padding: 10px 0; text-transform: uppercase; } .contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"], .contact-form textarea { background-color: #f2f2f2; border: 1px solid #f2f2f2; margin-bottom: 30px; padding: 8px 15px; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .contact-form input[type="text"]::-moz-placeholder, .contact-form input[type="tel"]::-moz-placeholder, .contact-form input[type="email"]::-moz-placeholder, .contact-form textarea::-moz-placeholder { color: #aeadad; opacity: 1; } .contact-form input[type="text"]:-ms-input-placeholder, .contact-form input[type="tel"]:-ms-input-placeholder, .contact-form input[type="email"]:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder { color: #aeadad; } .contact-form input[type="text"]::-webkit-input-placeholder, .contact-form input[type="tel"]::-webkit-input-placeholder, .contact-form input[type="email"]::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder { color: #aeadad; } .contact-form input[type="text"]:focus, .contact-form input[type="tel"]:focus, .contact-form input[type="email"]:focus, .contact-form textarea:focus { outline: none; border: 1px solid #a73796; } @media screen and (max-width: 991px) { .contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"], .contact-form textarea { margin-bottom: 20px; } } .hr-subscribe1 label { margin-bottom: 15px; display: block; } .hr-subscribe1 span { display: block; } .hr-subscribe1 span input { width: 100%; height: 50px; padding: 0 20px; border: 1px solid #ddd; color: #222; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .hr-subscribe1 span input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #868686; } .hr-subscribe1 span input::-moz-placeholder { /* Firefox 19+ */ color: #868686; } .hr-subscribe1 span input:-ms-input-placeholder { /* IE 10+ */ color: #868686; } .hr-subscribe1 span input:-moz-placeholder { /* Firefox 18- */ color: #868686; } .hr-subscribe1 span input:focus, .hr-subscribe1 span input:hover { outline: none; border-color: #a73796; } .hr-subscribe1 input[type="submit"] { width: 100%; height: 50px; border: none; background-color: #a73796; color: #fff; text-transform: uppercase; font-weight: bold; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .hr-subscribe1 input[type="submit"]:hover { background-color: #5c8b2d; } .hr-subscribe2 { position: relative; } .hr-subscribe2 span { display: block; } .hr-subscribe2 span input { width: 100%; height: 40px; padding: 0 20px; color: #222; padding-right: 50px; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .hr-subscribe2 span input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #868686; } .hr-subscribe2 span input::-moz-placeholder { /* Firefox 19+ */ color: #868686; } .hr-subscribe2 span input:-ms-input-placeholder { /* IE 10+ */ color: #868686; } .hr-subscribe2 span input:-moz-placeholder { /* Firefox 18- */ color: #868686; } .hr-subscribe2 span input:focus, .hr-subscribe2 span input:hover { outline: none; } .hr-subscribe2 span.submit { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background-color: #a73796; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .hr-subscribe2 span.submit:before { content: "\f1d8"; font-family: fontAwesome; color: #fff; position: absolute; right: 13px; top: 8px; z-index: 2; } .hr-subscribe2 span.submit:hover { background-color: #040404; } .hr-subscribe2 input[type="submit"] { position: relative; width: 40px; height: 40px; border: none; background-color: transparent; z-index: 3; color: transparent; text-transform: uppercase; font-weight: bold; } .vc_custom_heading.heading_style_1 { font-size: 26px; line-height: 1.4; padding-bottom: 20px; position: relative; text-align: center !important; text-transform: uppercase; } .vc_custom_heading.heading_style_1:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 55px; height: 3px; background-color: #a73796; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .title { font-size: 26px; line-height: 1.4; padding-bottom: 20px; position: relative; text-align: center !important; text-transform: uppercase; } .title:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 55px; height: 3px; background-color: #a73796; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 991px) { .vc_custom_heading.heading_style_1 { font-size: 22px; } } @media screen and (max-width: 767px) { .vc_custom_heading.heading_style_1 { font-size: 18px; word-wrap: break-word; } } .vc_custom_heading.heading_style_2 { font-size: 26px; line-height: 1.4; padding-bottom: 20px; position: relative; text-align: left !important; text-transform: uppercase; } .vc_custom_heading.heading_style_2:after { content: ""; position: absolute; left: 0; bottom: 0; width: 55px; height: 3px; background-color: #a73796; } @media screen and (max-width: 991px) { .vc_custom_heading.heading_style_2 { font-size: 22px; } } @media screen and (max-width: 767px) { .vc_custom_heading.heading_style_2 { font-size: 18px; word-wrap: break-word; } } .vc_custom_heading.heading_style_3 { font-style: italic; } @media screen and (max-width: 991px) { .vc_custom_heading.heading_style_3 { font-size: 28px !important; } } @media screen and (max-width: 767px) { .vc_custom_heading.heading_style_3 { font-size: 24px !important; } } .vc_custom_heading.heading_style_4 { font-size: 26px; line-height: 1.4; position: relative; z-index: 1; text-transform: uppercase; } .vc_custom_heading.heading_style_4:before { content: ""; position: absolute; left: 0; bottom: 0; top: 0; right: 0; margin: 0 auto; width: 290px; background-color: white; z-index: -1; } .latest-product .wpb_content_element .wpb_wrapper h2:before, .feature-product-section .wpb_content_element .wpb_wrapper h2:before { content: ""; position: absolute; left: 0; bottom: 0; top: 0; right: 0; margin: 0 auto; width: 330px; background-color: white; z-index: -1; } .latest-product h2, .feature-product-section h2 { position: relative; z-index: 1; } .vc_custom_heading.heading_style_4:after, .latest-product .wpb_content_element .wpb_wrapper h2:after, .feature-product-section .wpb_content_element .wpb_wrapper h2:after { content: ""; position: absolute; top: 50%; width: 100%; height: 1px; background-color: #eee; z-index: -2; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } @media screen and (max-width: 991px) { .vc_custom_heading.heading_style_4 { font-size: 22px; } } @media screen and (max-width: 767px) { .vc_custom_heading.heading_style_4 { font-size: 18px; word-wrap: break-word; } } .vc_custom_heading.headi .vc_custom_heading.sub_heading_style_1 { color: #aeadad; font-family: "Montserrat"; font-size: 16px; font-style: italic; font-weight: 400; line-height: 1.5; letter-spacing: 2px; text-transform: uppercase; text-align: center; } @media screen and (max-width: 767px) { .vc_custom_heading.headi .vc_custom_heading.sub_heading_style_1 { font-size: 14px; } } .vc_custom_heading.sub_heading_style_2 { color: #aeadad; font-style: italic; } .vc_custom_heading.footer_style_1, .vc_custom_heading.footer_style_2 { font-weight: 500; font-size: 16px; position: relative; margin-bottom: 20px; padding-bottom: 20px; text-transform: uppercase; } .vc_custom_heading.footer_style_1:before, .vc_custom_heading.footer_style_2:before { content: ""; color: #a73796; left: 0; bottom: 0; height: 3px; width: 20px; background-color: #a73796; position: absolute; } .vc_custom_heading.footer_style_1 { color: #fff; } .vc_custom_heading.footer_style_2 { color: #444444; } .sub_heading_style_1 { color: #aeadad; font-size: 16px; font-style: italic; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; text-align: center; } @media screen and (max-width: 767px) { .sub_heading_style_1 { font-size: 14px; } } .sub_heading_style_1 span.text-light { color: #fff; } .sub_heading_style_1 span.text-dark { color: #333; } @media screen and (max-width: 767px) { .button_style_1 { text-align: center !important; } } .button_style_1 button, .button_style_1 a { background-color: #a73796 !important; background-image: none !important; border: 2px solid #a73796 !important; color: #fff !important; font-weight: 700 !important; padding: 10px 30px !important; min-width: 150px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .button_style_1 button:hover, .button_style_1 a:hover { border: 2px solid #e1e1e1 !important; background-color: transparent !important; color: #a73796 !important; } @media screen and (max-width: 767px) { .button_style_2 { text-align: center !important; } } .button_style_2 button, .button_style_2 a { background-image: none !important; border: 2px solid #e1e1e1 !important; background-color: transparent !important; color: #a73796 !important; font-weight: 700 !important; padding: 10px 30px !important; min-width: 135px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .button_style_2 button:hover, .button_style_2 a:hover { background-color: #a73796 !important; border: 2px solid #a73796 !important; color: #fff !important; } /*----------------------------------- * SPECIAL PARALLAX PAGE HOME 2 FIX *-----------------------------------*/ body.parallax-disable { overflow-x: hidden; } body.parallax-disable .vc_row[data-vc-full-width] { overflow: inherit; } .section-counter:after { content: " "; display: block; position: absolute; top: 0; left: 50%; color: red; width: 50%; height: 100%; border-left: 100px solid transparent; border-right: 100px solid transparent; bottom: 100%; } /*----------------------------------- * AJAX LOADING OVERFLOW *-----------------------------------*/ .haru-ajax-overflow { display: none; margin: 0; padding: 0; width: 100%; height: 100%; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-ajax-overflow.active { display: table; z-index: 99999999; } .haru-ajax-overflow .haru-ajax-loading { width: 60px; height: 50px; background-color: #fff; display: inline-block; left: 0; right: 0; margin: auto; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); } .haru-ajax-overflow .haru-ajax-loading .loading-wrapper { width: 38px; height: 38px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .haru-ajax-overflow .spinner { width: 5px; height: 5px; background-color: #a73796; position: absolute; border-radius: 50%; -webkit-animation: round-9 0.8s infinite; -o-animation: round-9 0.8s infinite; animation: round-9 0.8s infinite; } .haru-ajax-overflow #spinner_one { top: 5px; left: 5px; } .haru-ajax-overflow #spinner_two { top: 0px; left: 16px; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .haru-ajax-overflow #spinner_three { top: 5px; left: 27px; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .haru-ajax-overflow #spinner_four { top: 16px; left: 31px; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .haru-ajax-overflow #spinner_five { top: 27px; left: 27px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .haru-ajax-overflow #spinner_six { top: 31px; left: 16px; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .haru-ajax-overflow #spinner_seven { top: 27px; left: 5px; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .haru-ajax-overflow #spinner_eight { top: 16px; left: 0px; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .haru-introduce-widget { text-align: center; } .haru-introduce-widget .intro-description { font-style: italic; margin-top: 20px; } .haru-content-404 .page-content { text-align: center; margin-bottom: 50px; } .haru-content-404 .page-content .haru-title-404 { line-height: 1; font-size: 250px; color: #a73796; } @media screen and (max-width: 991px) { .haru-content-404 .page-content .haru-title-404 { font-size: 200px; } } @media screen and (max-width: 767px) { .haru-content-404 .page-content .haru-title-404 { font-size: 150px; } } .haru-content-404 .page-content p.txt2 { color: #444444; font-size: 36px; letter-spacing: 0px; margin-top: 30px; } @media screen and (max-width: 991px) { .haru-content-404 .page-content p.txt2 { font-size: 35px; line-height: 35px; } } @media screen and (max-width: 767px) { .haru-content-404 .page-content p.txt2 { font-size: 30px; line-height: 30px; } } .haru-content-404 .page-content p.txt3 { color: #666666; padding-bottom: 20px; } .haru-content-404 .page-content a { background-color: #a73796; border: 2px solid #a73796; color: #fff; font-weight: 700; padding: 10px 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-content-404 .page-content a:hover { border: 2px solid #e1e1e1; background-color: transparent; color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-content-404 .page-content a i { margin-right: 5px; } /*----------------------------------- * 4. HEADER *-----------------------------------*/ /*----------------------------------- * HEADER *-----------------------------------*/ /*----------------------------------- * TOPBAR *-----------------------------------*/ .haru-top-header { background-color: #f4f6f7; font-size: 13px; } .haru-top-header .topheader-fullwith { padding: 0 100px; } .haru-top-header .top-sidebar { line-height: 26px; font-size: 14px; } .haru-top-header .top-sidebar.top-header-left { text-align: left; } @media screen and (max-width: 991px) { .haru-top-header .top-sidebar.top-header-left { text-align: center; } } .haru-top-header .top-sidebar.top-header-left .topheader-info-left { list-style: none; list-style-type: none; padding: 0; margin: 0; } .haru-top-header .top-sidebar.top-header-left .topheader-info-left li { display: inline-block; margin-right: 20px; position: relative; } .haru-top-header .top-sidebar.top-header-left .topheader-info-left li:last-child { margin-right: 0; } .haru-top-header .top-sidebar.top-header-left .topheader-info-left li:last-child:after { background-color: transparent; } .haru-top-header .top-sidebar.top-header-left .topheader-info-left li:after { content: ""; position: absolute; right: -10px; width: 1px; height: 50%; background-color: #e1e1e1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .haru-top-header .top-sidebar.top-header-left .topheader-info-left li i { margin-right: 6px; color: #a73796; } .haru-top-header .top-sidebar.top-header-left .topheader-info-left li .info-label { margin-right: 5px; } .haru-top-header .top-sidebar.top-header-right { text-align: right; } @media screen and (max-width: 991px) { .haru-top-header .top-sidebar.top-header-right { text-align: center; } } .haru-top-header .top-sidebar.top-header-right .topheader-info-right { list-style: none; list-style-type: none; padding: 0; margin: 0; } .haru-top-header .top-sidebar.top-header-right .topheader-info-right li { display: inline-block; margin-right: 15px; } .haru-top-header .top-sidebar.top-header-right .topheader-info-right li:last-child { margin-right: 0; } .haru-top-header .top-sidebar.top-header-right .topheader-info-right li.book-appointment { background-color: #a73796; font-weight: 500; text-transform: uppercase; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-top-header .top-sidebar.top-header-right .topheader-info-right li.book-appointment:hover { background-color: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-top-header .top-sidebar.top-header-right .topheader-info-right li.book-appointment i { color: #fff; } .haru-top-header .top-sidebar.top-header-right .topheader-info-right li.book-appointment a { color: #fff; display: inline-block; padding: 0 20px; } .haru-top-header .top-sidebar.top-header-right .topheader-info-right li i { margin-right: 6px; color: #a73796; } .haru-top-header .top-sidebar.top-header-right .topheader-info-right li .info-label { margin-right: 5px; } .header-social-network-wrap li a i { font-size: 20px; } @media screen and (max-width: 767px) { .haru-top-header.mobile-top-header-hide { display: none; } } @media screen and (max-width: 767px) { .haru-top-header { height: auto; } } .header-1 .haru-header-nav-above-wrap .header-nav-above { height: 105px; } .header-1 .haru-header-nav-above-wrap .header-nav-above .header-left { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .header-1 .haru-header-nav-above-wrap .header-nav-above .header-left .header-social-network-wrap li:first-child a { padding-left: 0; } .header-1 .haru-header-nav-above-wrap .header-nav-above .header-right { display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-1 .haru-header-nav-above-wrap .header-nav-above .header-right .header-elements-item { padding: 0 8px; } .header-1 .haru-header-nav-wrap { background-color: #a73796 !important; } .header-1 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li.current-menu-item > a, .header-1 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li:hover > a, .header-1 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li.current-menu-parent > a, .header-1 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li.current_page_parent > a { background-color: #373435; color: #fff; } .header-1 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li > a { color: #fff !important; font-weight: normal; line-height: 50px; padding: 0 20px; text-transform: capitalize; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-1.header-sticky.sticky.sticky_dark .haru-header-nav-wrap { background-color: #333; } .header-1.header-sticky.sticky.sticky_light .haru-header-nav-wrap { background-color: #fff; } .header-2 .haru-header-nav-above-wrap .header-nav-above { height: 105px; } .header-2 .haru-header-nav-above-wrap .header-nav-above .header-right .header-elements-item.search-product-category { margin-right: 20px; } .header-2 .haru-header-nav-above-wrap .header-nav-above .header-elements-item.mini-cart-wrap { border-left: 1px solid #e1e1e1; padding-left: 15px; } .header-2 .haru-header-nav-above-wrap .header-nav-above .header-elements-item.my-wishlist { padding-right: 5px; } .header-2 .haru-header-nav-wrap { background-color: #a73796 !important; } .header-2 .haru-header-nav-wrap .header-navigation .header-elements-nav.left { width: calc(25% - 22px); } .header-2 .haru-header-nav-wrap .header-navigation .header-primary-menu { margin-left: 29px; } .header-2 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li.current-menu-item > a, .header-2 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li:hover > a { background-color: #373435; color: #fff; } .header-2 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li.menu-item-has-children > a:after { content: "\f107"; display: inline-block; font-family: fontAwesome; } .header-2 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li > a { color: #fff !important; font-weight: normal; line-height: 50px; padding: 0 20px; text-transform: capitalize; border-right: 1px solid rgba(255, 255, 255, 0.2); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-2 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-social-network-wrap li { line-height: 50px; } .header-2 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-social-network-wrap li a { color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-2 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-social-network-wrap li a:hover { color: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-2 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .haru-canvas-sidebar-toggle-wrap a { color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-2 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .haru-canvas-sidebar-toggle-wrap a:hover { color: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-2.header-sticky.sticky .vertical-menu-wrap .vertical-menu-toggle { line-height: 60px; } .header-2.header-sticky.sticky .header-elements-nav.right .header-elements .header-social-network-wrap li { line-height: 60px; } .header-3 .haru-header-nav-wrap .nav-fullwith { padding: 0 100px; } .header-3 .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a { padding: 40px 20px; } .header-3 .haru-header-nav-wrap .header-elements-item.mini-cart-wrap { border-left: 1px solid #e1e1e1; padding-left: 15px; } .header-3 .haru-header-nav-wrap .header-elements-item.my-wishlist { padding-left: 15px; padding-right: 5px; } /* HARU HEADER SIDEBAR STYLE */ #haru-header.header-sidebar { background-color: #fff; height: 100%; position: fixed; width: 300px; z-index: 1000; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0; box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0; } #haru-header.header-sidebar .vertical-header-wrap { height: 100%; } #haru-header.header-sidebar .vertical-header-wrap .header-top { text-align: center; } #haru-header.header-sidebar .vertical-header-wrap .header-top .header-logo { padding: 40px 0; } #haru-header.header-sidebar .vertical-header-wrap .header-top .header-logo img { max-width: 100%; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom { padding-top: 20px; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap { width: 100%; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu { padding: 0; width: 100%; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu li.current-menu-item > a { color: #a73796; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li { font-size: 14px; float: none; position: relative; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li > a { display: block; padding: 15px 30px 15px 30px; font-style: italic; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li > a:after { position: absolute; right: 30px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_dropdown:hover > ul { left: 100%; top: 0; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_column > ul { background: #fff; left: 100%; min-width: 970px; top: 0; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_tab > ul { background: #fff; left: 100%; min-width: 970px; top: 0; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item { margin: 0; padding: 10px 30px; width: 100%; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap { margin-top: 60px; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li { padding: 0 13px; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li:first-child { padding-left: 0; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li a { color: #aeadad; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li a:hover { color: #a73796; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.custom-text-wrap { color: #aeadad; font-family: "Montserrat"; font-style: italic; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.custom-text-wrap span { color: #aeadad; } #haru-header.header-sidebar.header-dark { background-color: #262626; } #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .menu-wrap { width: 100%; } #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li > a { color: #aeadad; } #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a { color: #a73796; } #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.custom-text-wrap { color: #666666; } body.header-sidebar .haru-archive-blog, body.header-sidebar .haru-single-blog { padding: 0 15px; } body.header-sidebar .haru-archive-product, body.header-sidebar .haru-single-product { padding: 0 15px; } body.header-sidebar .haru-archive-department { padding: 0 15px; } .header-sidebar .haru-top-header { padding-left: 300px; position: fixed; width: 100%; z-index: 1000; } .header-sidebar #haru-content-main { padding-left: 300px !important; } @media screen and (max-width: 991px) { .header-sidebar #haru-content-main { padding-left: 0 !important; } } .header-sidebar footer { margin-left: 300px !important; } @media screen and (max-width: 991px) { .header-sidebar footer { margin-left: 0 !important; } } /* HARU HEADER SIDEBAR LIGHT STYLE */ /* Style for Mega Menu */ /***** TABLE OF CONTENTS ***** *** 1. GENERAL *** 2. MEGA MENU STYLE COLUMN *** 3. MEGA MENU STYLE DROPDOWN *** 4. MEGA MENU STYLE TAB */ /* RESET MENU STYLE */ .navbar { border: none; margin: 0; padding: 0; } @media (min-width: 768px) { .navbar .navbar-nav { padding: 0; } } .navbar .navbar-nav a, .navbar .navbar-nav ul, .navbar .navbar-nav li, .navbar .navbar-nav div, .navbar .navbar-nav form, .navbar .navbar-nav input { margin: 0; padding: 0; font-family: "Montserrat"; } .navbar .navbar-nav a { position: relative; text-decoration: none; } .navbar .navbar-nav li { list-style: none; } .navbar .navbar-nav > li > a { display: block; padding: 15px; text-transform: uppercase; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .navbar .navbar-nav > li a i { line-height: 20px; } .navbar .navbar-nav > li a i.left { padding-right: 5px; float: left; } .navbar .navbar-nav > li a i.center { padding-left: 5px; } .navbar .navbar-nav > li a i.right { padding-left: 5px; } .navbar .navbar-nav > li a span.haru_sub_label { color: #fff; font-size: 10px; margin-left: 5px; padding: 1px 3px; } .navbar .navbar-nav > li a:after { content: "\f107"; font-family: FontAwesome; padding-left: 5px; } .navbar .navbar-nav > li a:only-child:after { content: ""; } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul { display: block; opacity: 1; visibility: visible; overflow: visible; } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > a:after { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul { display: block; left: 100%; opacity: 1; overflow: visible; position: absolute; top: 0; visibility: visible; } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > a:after { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul { display: block; left: 100%; opacity: 1; overflow: visible; position: absolute; top: 0; visibility: visible; } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > a:after { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul { display: block; left: 100%; opacity: 1; overflow: visible; position: absolute; top: 0; visibility: visible; } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > a:after { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul { display: block; left: 100%; opacity: 1; overflow: visible; position: absolute; top: 0; visibility: visible; } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > a:after { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul { display: block; left: 100%; opacity: 1; overflow: visible; position: absolute; top: 0; visibility: visible; } .navbar .navbar-nav > li.menu_style_dropdown ul { background-color: #fff; display: none; opacity: 0; overflow: hidden; position: absolute; visibility: hidden; -webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2); -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .navbar .navbar-nav > li.menu_style_dropdown ul li { display: block; float: none; min-width: 250px; position: relative; } .navbar .navbar-nav > li.menu_style_dropdown ul li a { display: block; line-height: 20px; padding: 10px 20px; } .navbar .navbar-nav > li.menu_style_dropdown ul li a:after { position: absolute; right: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .navbar .navbar-nav > li.menu_style_column.mega-col-columns-2 > ul > li { float: left; width: 50%; } .navbar .navbar-nav > li.menu_style_column.mega-col-columns-3 > ul > li { float: left; width: 33.3333333%; } .navbar .navbar-nav > li.menu_style_column.mega-col-columns-4 > ul > li { float: left; width: 25%; } .navbar .navbar-nav > li.menu_style_column.mega-col-columns-5 > ul > li { float: left; width: 20%; } .navbar .navbar-nav > li.menu_style_column.mega-col-columns-6 > ul > li { float: left; width: 16.6666666%; } .navbar .navbar-nav > li.menu_style_column:hover > ul { display: block; opacity: 1; overflow: visible; visibility: visible; } .navbar .navbar-nav > li.menu_style_column > ul { display: none; left: 0; opacity: 0; overflow: hidden; padding: 30px 0px; position: absolute; top: 100%; visibility: hidden; width: 100%; -webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2); -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .navbar .navbar-nav > li.menu_style_column > ul > li { border-left: 1px solid #e1e1e1; } .navbar .navbar-nav > li.menu_style_column > ul > li:first-child { border: none; padding-left: 2px; } .navbar .navbar-nav > li.menu_style_column > ul > li > a { position: relative; display: block; padding: 0 20px 15px 20px; font-weight: 600; text-transform: uppercase; } .navbar .navbar-nav > li.menu_style_column > ul > li > a:hover { color: #a73796; } .navbar .navbar-nav > li.menu_style_column > ul > li > a:after { display: none; } .navbar .navbar-nav > li.menu_style_column > ul > li ul li a { display: block; padding: 10px 20px; position: relative; } .navbar .navbar-nav > li.menu_style_tab > ul { display: none; left: 0; opacity: 0; overflow: hidden; position: absolute; top: 99%; visibility: hidden; width: 100%; -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1); -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .navbar .navbar-nav > li.menu_style_tab > ul:before { background: #fafafa; border-right: 1px solid #e1e1e1; bottom: 0; content: ""; position: absolute; top: 0; width: 25%; } .navbar .navbar-nav > li.menu_style_tab > ul > li { clear: none; display: block; position: static; text-align: right; width: 25%; } .navbar .navbar-nav > li.menu_style_tab > ul > li:first-child { margin-top: 20px; } .navbar .navbar-nav > li.menu_style_tab > ul > li:hover a:before, .navbar .navbar-nav > li.menu_style_tab > ul > li.active a:before { height: 100%; } .navbar .navbar-nav > li.menu_style_tab > ul > li > a { display: block; font-weight: 600; padding: 10px 20px; position: relative; } .navbar .navbar-nav > li.menu_style_tab > ul > li > a:after { content: ""; } .navbar .navbar-nav > li.menu_style_tab > ul > li > a:before { content: ""; height: 0; left: 0; position: absolute; top: 0; width: 2px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .navbar .navbar-nav > li.menu_style_tab > ul > li.active > a { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; color: #a73796; background: #fff; } .navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul { background: #fff; height: auto; left: 25%; opacity: 0; padding: 20px 20px; position: absolute; right: 0; top: 10px; text-align: left; visibility: hidden; width: auto; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-1 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-1 section { width: 100%; } .navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-2 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-2 section { width: 50%; float: left; } .navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-3 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-3 section { width: 33.3333%; float: left; } .navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-4 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-4 section { width: 25%; float: left; } .navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area .widget-title-wrapper a, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul .widget-title-wrapper a { display: none; } .navbar .navbar-nav > li.menu_style_tab > ul > li.active .haru_megamenu_widget_area, .navbar .navbar-nav > li.menu_style_tab > ul > li.active ul { opacity: 1; visibility: visible; top: 0; z-index: 999; } .navbar .navbar-nav > li.menu_style_tab:hover ul { display: block; opacity: 1; visibility: visible; } .navbar .navbar-nav > li.menu_style_tab.mega-col-columns-2 > ul > li > ul > li { float: left; width: 50%; padding: 10px 0; } .navbar .navbar-nav > li.menu_style_tab.mega-col-columns-3 > ul > li > ul > li { float: left; width: 33.3333333%; padding: 10px 0; } .navbar .navbar-nav > li.menu_style_tab.mega-col-columns-4 > ul > li > ul > li { float: left; width: 25%; padding: 10px 0; } .navbar .navbar-nav > li.menu_style_tab.mega-col-columns-5 > ul > li > ul > li { float: left; width: 20%; padding: 10px 0; } .navbar .navbar-nav > li.menu_style_tab.mega-col-columns-6 > ul > li > ul > li { float: left; width: 16.6666666%; padding: 10px 0; } .haru_widget_area > .haru_megamenu_widget_area section { position: relative; } .haru_widget_area > .haru_megamenu_widget_area section .widget-title-wrapper h3 { font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 0; padding-top: 10px; padding-bottom: 20px; color: #666666; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget { left: 0; padding: 0; position: relative; width: 100%; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li { -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li:hover { -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li a img { border: 1px solid #e1e1e1; float: left; margin: 0; margin-right: 10px; padding: 5px; width: 33.33%; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li a:after { content: ""; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li .star-rating { font-family: star; font-size: 10px; margin: 10px 0; text-align: left; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li .star-rating:before { left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li .star-rating span:before { color: #f7bb2a; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li .product-title { font-weight: 500; } .haru_widget_area > .haru_megamenu_widget_area section .widget_product_tag_cloud .tagcloud a { display: inline-block; font-size: 14px !important; padding: 5px 10px; margin-right: 10px; margin-top: 10px; color: #aeadad; border-top: solid 1px #aeadad; border-left: solid 1px #aeadad; border-right: solid 1px #aeadad; border-bottom: solid 1px #aeadad; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .haru_widget_area > .haru_megamenu_widget_area section .widget_product_tag_cloud .tagcloud a:hover { color: #fff; background: #a73796; border-top: solid 1px #a73796; border-left: solid 1px #a73796; border-right: solid 1px #a73796; border-bottom: solid 1px #a73796; } /*----------------------------------- * HEADER MOBILE *-----------------------------------*/ /* HARU MOBILE MENU */ header.haru-mobile-header { display: none; /*----------------------------------- * HEADER MOBILE 1 *-----------------------------------*/ /*----------------------------------- * HEADER MOBILE 2 *-----------------------------------*/ /*----------------------------------- * HEADER MOBILE 3 *-----------------------------------*/ /*----------------------------------- * HEADER MOBILE STICKY *-----------------------------------*/ } @media screen and (max-width: 991px) { header.haru-mobile-header { display: block; } } header.haru-mobile-header .haru-mobile-header-wrap { border-bottom: solid 1px #e1e1e1; z-index: 1000; padding: 10px 0px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container { background-color: #fff; position: relative; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner { height: 60px; position: relative; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile { line-height: 60px; vertical-align: middle; text-align: center; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile img { max-height: 50px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements { display: block; font-size: 0; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; color: #000; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item { font-size: 14px; display: inline-block; vertical-align: middle; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav { background: #333; display: none; margin-bottom: 15px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-fly { display: block; position: fixed; margin: 0; top: 0; bottom: 0; overflow: auto; overflow-x: hidden; width: 300px; left: -300px; border-right: solid 1px #a73796; z-index: 9999; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-fly.in { left: 0; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-dropdown .mobile-menu-header .mobile-menu-close { display: none; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header { background-color: #000; color: #fff; font-weight: 700; padding: 10px 0; text-align: center; text-transform: uppercase; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close { position: absolute; height: 45px; width: 45px; right: 0; top: 0; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:hover { cursor: pointer; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:hover:before, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:hover:after { background-color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:before, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:after { content: ""; position: absolute; height: 2px; width: 20px; top: 50%; left: 13px; margin-top: -1px; background-color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu { padding: 0; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item { color: #fff; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > a { color: #fff; display: block; font-size: 14px; padding: 10px 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret { color: #fff; float: right; font-size: 18px; font-weight: 400; height: 45px; position: absolute; right: 0; top: 0; width: 45px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:before, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:after { display: block; content: ""; position: absolute; right: 16px; width: 13px; height: 13px; z-index: 10; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:before { top: 22px; height: 1px; border-top: 1px solid; border-left: 1px solid; border-top-color: inherit; border-left-color: inherit; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:after { top: 16px; right: 22px; border-top: 1px solid; border-left: 1px solid; width: 1px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:hover { cursor: pointer; color: #a73796; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret.active:before { opacity: 0; visibility: hidden; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.current-menu-ancestor > a, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.current-menu-parent > a, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.current-menu-item > a, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-current > a, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li > a:hover, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li:hover > a, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li ul.sub-menu li:hover > a { color: #a73796; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu ul.sub-menu { padding-left: 15px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu ul.sub-menu ul.sub-menu { padding-left: 15px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu ul.sub-menu ul.sub-menu ul.sub-menu { padding-left: 15px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu { padding-left: 15px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .haru-nav-mobile-menu li { list-style: none; list-style-type: none; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .haru-nav-mobile-menu li > ul.sub-menu { position: relative; list-style: none; padding: 0; margin: 0; display: none; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-menu-overlay { opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: -1; pointer-events: none; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap { border-left: none; } header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap a i { margin-left: 10px; margin-right: 10px; } header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon i { padding: 0 5px; } header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon .total { right: 0px; } header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } header.haru-mobile-header.header-mobile-2 .header-mobile-above { text-align: center; } header.haru-mobile-header.header-mobile-2 .header-mobile-above img { max-height: 50px; padding: 5px 0; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap { background-color: #333; border-bottom: none; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container { background-color: transparent; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner { position: relative; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap.in .toggle-icon span { background: transparent; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap .toggle-icon:after, header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap .toggle-icon:before { background: none repeat scroll 0 0 #fff; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap .toggle-icon span { background: none repeat scroll 0 0 #fff; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap { border-left: none; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap a i { margin-left: 10px; margin-right: 10px; color: #fff; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon i { padding: 0 5px; color: #fff; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon .total { right: 0px; } header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile { position: absolute; } header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements { right: 50px; left: auto; } header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap { border-left: none; } header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap a i { margin-left: 10px; height: 24px; margin-top: 5px; margin-right: 6px; } header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon i { padding: 0 5px; height: 24px; } header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon .total { right: 0px; } header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap { right: 0; left: auto; } header.haru-mobile-header.header-mobile-3 .mini-cart-wrap { position: static; } header.haru-mobile-header.header-mobile-3 .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap { left: -200px; right: auto; } @media screen and (max-width: 320px) { header.haru-mobile-header.header-mobile-3 .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap { left: -175px; } } header.haru-mobile-header .haru-sticky-wrapper.is-sticky > .haru-mobile-header-wrap { z-index: 997; left: 0; right: 0; } header.haru-mobile-header .haru-sticky-wrapper:not(.is-sticky) { height: auto !important; position: relative !important; } body { left: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } body.menu-mobile-in { left: 280px; overflow: hidden; } body.menu-mobile-in header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-menu-overlay { opacity: 1; z-index: 299; pointer-events: auto; cursor: crosshair; color: #fff; } body.menu-mobile-in .haru-sticky-wrapper.is-sticky > .haru-mobile-header-wrap .menu-mobile-fly { left: 280px; right: -280px; } body.admin-bar header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-fly { top: 46px; } form.haru-search-form-mobile-menu { display: none; } /*----------------------------------- * HEADER MOBILE ICON TOGGLE *-----------------------------------*/ .toggle-icon-wrap { display: inline-block; bottom: 0; cursor: pointer; left: 0; position: absolute; top: 0; vertical-align: middle; } .toggle-icon-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .toggle-icon-wrap .toggle-icon { display: inline-block; height: 30px; position: relative; vertical-align: middle; width: 30px; } .toggle-icon-wrap .toggle-icon > span { background: none repeat scroll 0 0 #000; bottom: 0; display: block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 80%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .toggle-icon-wrap .toggle-icon:after, .toggle-icon-wrap .toggle-icon:before { background: none repeat scroll 0 0 #000; content: ""; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 80%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .toggle-icon-wrap .toggle-icon:before { top: 20%; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .toggle-icon-wrap .toggle-icon:after { bottom: 20%; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } /* .toggle-icon-wrap.in .toggle-icon span { background: transparent; } .toggle-icon-wrap.in .toggle-icon:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .toggle-icon-wrap.in .toggle-icon:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }*/ /*----------------------------------- * HEADER CUSTOMIZE *-----------------------------------*/ .header-elements-right:before, .header-elements-left:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .header-elements-item { position: relative; display: inline-block; font-size: 14px; vertical-align: middle; margin-left: 15px; } @media screen and (max-width: 767px) { .header-elements-item { margin-left: 5px; } } /*----------------------------------- * SEARCH BUTTON POPUP AJAX *-----------------------------------*/ .header-elements-item.search-button-wrap a { display: inline-block; } .header-elements-item.search-button-wrap a:hover i { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-elements-item.search-button-wrap a i { color: #666666; display: block; font-size: 24px; margin-left: 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mfp-bg.search-popup { background: #000; opacity: 0.9; } .mfp-wrap.search-popup .mfp-content { height: 100%; } #haru-search-popup .haru-search-wrap { max-width: 550px; position: absolute; top: calc(50% - 100px); left: 50%; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #haru-search-popup .haru-search-wrap .search-popup-form { font-size: 18px; position: relative; height: 40px; } #haru-search-popup .haru-search-wrap .search-popup-form input[type="search"] { background: none; border: 0; border-bottom: 1px solid #fff; color: #fff; font-family: "lato"; letter-spacing: 2px; height: 100%; padding: 0; position: absolute; width: 100%; } .feature-product-section .item-not-found { display: none; } #haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]::-moz-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; } #haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } #haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); } @media (max-width: 767px) #haru-search-popup .haru-search-wrap .search-popup-form input[type="search"] { font-size: 16px; } } #haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]:focus { outline: none; } #haru-search-popup .haru-search-wrap .search-popup-form button { background: none; border: none; color: #fff; position: absolute; right: 0; height: 100%; width: 45px; } #haru-search-popup .haru-search-wrap .search-popup-form button:focus { outline: none; } #haru-search-popup .haru-search-wrap .ajax-search-result { background-color: #fff; } #haru-search-popup .haru-search-wrap .ajax-search-result ul { list-style: none; margin: 0; padding: 0; } #haru-search-popup .haru-search-wrap .ajax-search-result ul li { border-bottom: 1px solid rgba(238, 238, 238, 0.8); padding: 10px; } #haru-search-popup .haru-search-wrap .ajax-search-result ul li.view-more { border: none; text-align: center; } #haru-search-popup .haru-search-wrap .ajax-search-result ul li.selected, #haru-search-popup .haru-search-wrap .ajax-search-result ul li:hover { background-color: rgba(238, 238, 238, 0.5); } #haru-search-popup .haru-search-wrap .ajax-search-result ul li .item-thumbnail { margin-right: 10px; } #haru-search-popup .haru-search-wrap .ajax-search-result ul li .item-thumbnail img { max-height: 60px; width: auto; } #haru-search-popup .haru-search-wrap .ajax-search-result ul li .item-meta .publish-date { font-size: 12px; font-style: italic; margin-bottom: 0; } #haru-search-popup .mfp-close { color: #fff; font-size: 50px; line-height: 50px; height: 50px; position: absolute; right: 20px; top: 50px; width: 50px; } /*----------------------------------- * SEARCH WITH CATEGORY *-----------------------------------*/ .search-product-category .search-product-category-wrap { height: 40px; border: 1px solid #e1e1e1; } .search-product-category .search-product-category-wrap .select-category { border-right: solid 1px #e1e1e1; line-height: 38px; min-width: 120px; position: relative; height: 100%; } .search-product-category .search-product-category-wrap .select-category > span { cursor: pointer; padding: 0 15px; position: absolute; width: 100%; height: 33px; top: 0; left: 0; } .search-product-category .search-product-category-wrap .select-category > span:after { content: "\f0d7"; font-family: "Fontawesome"; position: absolute; right: 10px; font-size: 14px; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle { display: none; position: absolute; top: 100%; left: -1px; overflow: auto; overflow-y: scroll; padding: 5px 0; list-style: none; margin: 0; background-color: #fff; line-height: 36px; z-index: 10; max-height: 300px; border: 1px solid rgba(0, 0, 0, 0.1); width: calc(100% + 2px); } .search-product-category .search-product-category-wrap .select-category .product-category-toggle::-webkit-scrollbar-track { border-radius: 10px; background-color: #f5f5f5; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle::-moz-scrollbar-track { border-radius: 10px; background-color: #f5f5f5; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle::-webkit-scrollbar { width: 5px; background-color: #f5f5f5; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle::-moz-scrollbar { width: 5px; background-color: #f5f5f5; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #a73796; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle::-moz-scrollbar-thumb { border-radius: 10px; background-color: #a73796; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle li span { display: block; padding: 0 15px; cursor: pointer; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle li span:hover { color: #a73796; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle li ul { list-style: none; padding-left: 15px; } .search-product-category .search-product-category-wrap .ajax-search-form input[type="text"] { border: none; min-width: 325px; padding: 0; padding-left: 10px; line-height: 38px; } .search-product-category .search-product-category-wrap .ajax-search-form input[type="text"]:focus { outline: none; } .search-product-category .search-product-category-wrap .ajax-search-form button { background: #a73796; border: none; color: #fff; line-height: 38px; padding: 0 15px; } .search-product-category .search-product-category-wrap .ajax-search-form button:focus { outline: none; } .search-product-category .ajax-search-result { background-color: #fff; width: calc(100% - 122px); position: absolute; right: 1px; top: 100%; z-index: 6; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); } .search-product-category .ajax-search-result ul { list-style: none; margin: 0; padding: 0; } .search-product-category .ajax-search-result ul li { border-bottom: 1px solid rgba(238, 238, 238, 0.8); padding: 10px; } .search-product-category .ajax-search-result ul li.view-more { border: none; text-align: center; } .search-product-category .ajax-search-result ul li.selected, .search-product-category .ajax-search-result ul li:hover { background-color: rgba(238, 238, 238, 0.5); } .search-product-category .ajax-search-result ul li .item-thumbnail { margin-right: 10px; } .search-product-category .ajax-search-result ul li .item-thumbnail img { max-height: 60px; width: auto; } .search-product-category .ajax-search-result ul li .item-meta .publish-date { font-size: 12px; font-style: italic; margin-bottom: 0; } /*----------------------------------- * SEARCH BOX *-----------------------------------*/ .search-box-wrap .haru-search-box-wrap .search-box { position: relative; background-color: #faf8f4; border-radius: 30px; min-width: 250px; } .search-box-wrap .haru-search-box-wrap .search-box input[type="text"] { width: calc(100% - 60px); height: 35px; background-color: #faf8f4; border: none; outline: none; padding-left: 20px; padding-right: 5px; font-weight: 400; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 30px; -webkit-border-top-left-radius: 30px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 30px; -moz-border-radius-topleft: 30px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; border-top-left-radius: 30px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .search-box-wrap .haru-search-box-wrap .search-box button { width: 60px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; overflow: hidden; border: none; background: none; outline: none; } .search-box-wrap .haru-search-box-wrap .search-box button:hover { color: #a73796; cursor: pointer; } .search-box-wrap .haru-search-box-wrap .ajax-search-result { background-color: #fff; position: absolute; left: 0; max-width: 100%; width: 100%; top: 100%; z-index: 6; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); } .search-box-wrap .haru-search-box-wrap .ajax-search-result ul { list-style: none; margin: 0; padding: 0; } .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li { border-bottom: 1px solid rgba(238, 238, 238, 0.8); padding: 10px; } .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li.view-more { border: none; text-align: center; } .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li.selected, .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li:hover { background-color: rgba(238, 238, 238, 0.5); } .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li .item-thumbnail { margin-right: 10px; } .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li .item-thumbnail img { max-height: 60px; width: auto; } .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li .item-meta .publish-date { font-size: 12px; font-style: italic; margin-bottom: 0; } /*----------------------------------- * SOCIAL *-----------------------------------*/ .header-social-network-wrap { display: inline-block; padding: 0; margin: 0; list-style: none; } .header-social-network-wrap li { display: inline-block; font-size: 14px; } .header-social-network-wrap li a { padding: 0 10px; } /*----------------------------------- * WISHLIST *-----------------------------------*/ .my-wishlist-wrap { position: relative; } .my-wishlist-wrap .haru-wishlist i { cursor: pointer; text-align: left; font-size: 22px; margin-top: 1px; } .my-wishlist-wrap .haru-wishlist span.total { background-color: #a73796; bottom: 68%; color: #fff; position: absolute; left: 80%; right: 0px; width: 18px; height: 18px; font-size: 10px; text-align: center; line-height: 19px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } /*----------------------------------- * MINI CART *-----------------------------------*/ .mini-cart-wrap.no-price .sub-total-text { display: none; } .mini-cart-wrap.with-price .sub-total-text { position: absolute; top: 30px; right: 0px; } .mini-cart-wrap.with-price .sub-total-text span.amount { font-size: 13px; } .mini-cart-wrap.with-price .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: transparent; } .mini-cart-wrap .widget_shopping_cart_content { display: block; text-align: left; } .mini-cart-wrap .widget_shopping_cart_content:hover .cart_list_wrap { top: 100%; visibility: visible; opacity: 1; -webkit-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -moz-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -ms-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -o-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); } @media screen and (max-width: 991px) { .mini-cart-wrap .widget_shopping_cart_content:hover .cart_list_wrap { margin-top: 0; } } .mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon { line-height: 1.1; position: relative; } .mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total { position: absolute; bottom: 70%; left: 66%; background: #a73796; color: #fff; width: 18px; height: 18px; text-align: center; font-size: 10px; line-height: 19px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon > i { cursor: pointer; font-size: 22px; } .mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon > i:hover { color: #a73796; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap { display: block; visibility: hidden; opacity: 0; position: absolute; top: 150%; right: 0; left: auto; min-width: 300px; background-color: #fff; border: solid 1px #e1e1e1; z-index: 999; -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header { display: none; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li.empty { padding: 15px; text-align: center; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li.empty h4 { text-transform: uppercase; padding: 0 0 15px; margin: 0; font-size: 16px; word-spacing: 0.2em; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li.empty p { color: #666666; padding: 0; margin: 0; font-size: 14px; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li { padding: 15px 0; margin: 0; position: relative; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li:first-child { padding-top: 0; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li + li { border-top: solid 1px #e1e1e1; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-left { float: left; font-size: 0; overflow: hidden; margin-right: 10px; border: solid 1px #eee; background: #fff; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-left > a > img { height: auto; width: 58px; margin: 0; display: block; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right { overflow: hidden; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > a { text-transform: uppercase; word-spacing: 1px; font-size: 12px; font-weight: 700; display: block; padding-right: 15px; color: #444444; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > a:hover { color: #a73796; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > span.quantity { font-size: 12px; display: block; text-align: left; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > a.remove { position: absolute; right: 0; top: 15px; padding-right: 0; font-size: 18px; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li:after { content: ""; display: block; clear: both; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap .cart-total { padding: 0 15px 15px; position: relative; color: #444444; font-weight: 700; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.total { padding: 0; font-size: 13px; font-weight: bold; margin: 0; border-top: solid 1px #eee; border-bottom: solid 1px #eee; line-height: 43px; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.total strong { text-transform: uppercase; font-weight: 400; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.total > span.amount { font-weight: 700; float: right; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons { text-align: center; margin: 0; padding: 15px 0 0; font-size: 0; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button { color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 20px; padding: 10px; font-size: 12px; min-width: 115px; width: 48%; display: inline-block; text-transform: uppercase; background-color: #333; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button:hover { background-color: #a73796; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button > i.fa { margin-right: 5px; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button.checkout { background-color: #a73796; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button.checkout:hover { background-color: #426520; } @media (max-width: 480px) { .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button { min-width: 100px; } .haru-page-title-section { height: 70px; } .haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h2 { margin-top: 10px; } } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button + .button { margin-left: 4%; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl { border: none; margin: 0; padding: 0; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl dt { float: left; margin: 0 10px 0 0; padding: 0; line-height: 20px; font-size: 12px; font-weight: 400; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl dd { padding: 0; line-height: 20px; display: block; float: none; margin: 0; font-size: 12px; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl p { margin: 0; padding: 0; } .mini-cart-wrap .widget_shopping_cart_content ul.cart_list, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget { position: relative; margin: 0; list-style: none; padding: 15px 15px 0; max-height: 350px; overflow-y: auto; } .mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-webkit-scrollbar-track, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-webkit-scrollbar-track { border-radius: 10px; background-color: #f5f5f5; } .mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-moz-scrollbar-track, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-moz-scrollbar-track { border-radius: 10px; background-color: #f5f5f5; } .mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-webkit-scrollbar, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-webkit-scrollbar { width: 5px; background-color: #f5f5f5; } .mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-moz-scrollbar, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-moz-scrollbar { width: 5px; background-color: #f5f5f5; } .mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-webkit-scrollbar-thumb, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #a73796; } .mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-moz-scrollbar-thumb, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-moz-scrollbar-thumb { border-radius: 10px; background-color: #a73796; } .mini-cart-wrap.cart-sidebar .sub-total-text { display: none; } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap { background-color: #fff; border: none; position: fixed; z-index: 9999; top: 0; left: 100%; bottom: 0; height: 100%; width: 300px; overflow: hidden; padding: 0; opacity: 1; visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap.in { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header { display: block; background-color: #000; color: #fff; display: block; font-weight: 700; padding: 10px 15px; position: relative; text-transform: uppercase; } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close { position: absolute; height: 45px; width: 45px; right: 0; top: 0; } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:hover { cursor: pointer; } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:hover:before, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:hover:after { background-color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:before, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:after { content: ""; position: absolute; height: 2px; width: 20px; top: 50%; left: 13px; margin-top: -1px; background-color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .ul.cart_list, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap ul.product_list_widget { padding: 20px 15px 0 15px; max-height: calc(100% - 195px); } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .ul.cart_list li, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap ul.product_list_widget li { border-top: 1px solid rgba(225, 225, 225, 0.3); } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .ul.cart_list li:first-child, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap ul.product_list_widget li:first-child { border-top: none; } .cart-mask-overlay { display: block; position: fixed; background: rgba(0, 0, 0, 0.8); left: 0; top: 0; width: 100%; height: 100%; z-index: 9998; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .cart-mask-overlay.in { opacity: 1; visibility: visible; cursor: crosshair; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } body.admin-bar .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap { top: 32px; } .canvas-mask-overlay { display: block; position: fixed; background: rgba(0, 0, 0, 0.9); left: 0; top: 0; width: 100%; height: 100%; z-index: 9998; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .canvas-mask-overlay.in { opacity: 1; visibility: visible; cursor: crosshair; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } body.admin-bar .haru-canvas-sidebar-wrap { top: 32px; } .haru-canvas-sidebar-wrap { background-color: #fff; position: fixed; z-index: 9999; top: 0; left: 100%; bottom: 0; width: 300px; overflow: hidden; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .haru-canvas-sidebar-wrap.in { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .haru-canvas-sidebar-wrap .canvas-sidebar-header { background-color: #000; color: #fff; display: block; font-weight: 700; padding: 10px 15px; position: relative; text-transform: uppercase; } .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close { position: absolute; height: 45px; width: 45px; right: 0; top: 0; } .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:hover { cursor: pointer; } .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:hover:before, .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:hover:after { background-color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:before, .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:after { content: ""; position: absolute; height: 2px; width: 20px; top: 50%; left: 13px; margin-top: -1px; background-color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .haru-canvas-sidebar-wrap .canvas-sidebar-inner { padding: 15px; } /*----------------------------------- * VERTICAL MENU *-----------------------------------*/ .vertical-menu-wrap { width: 100%; background-color: #373435; margin-left: 0; } .vertical-menu-wrap .vertical-menu-toggle { color: #fff; display: block; padding: 0 15px; line-height: 50px; } .vertical-menu-wrap .vertical-menu-toggle i { padding-right: 10px; } .vertical-menu-wrap .menu-wrap { background-color: #fff; position: absolute; width: 100%; display: none; -webkit-box-shadow: 0px 0px 46.92px 4.08px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 46.92px 4.08px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 46.92px 4.08px rgba(0, 0, 0, 0.1); } .vertical-menu-wrap .menu-wrap.show-view-all .vertical-view-cate { display: block; } .vertical-menu-wrap .menu-wrap .vertical-view-cate { border-top: 1px solid rgba(117, 178, 57, 0.2); display: none; padding: 13px 15px 13px 41px; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .vertical-menu-wrap .menu-wrap .vertical-view-cate:hover { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .vertical-menu-wrap .menu-wrap .vertical-view-cate:after { content: "\f0a3"; color: #a73796; font-family: IcoFont; font-size: 16px; position: absolute; left: 15px; top: 13px; } .vertical-menu-wrap .menu-wrap .vertical-view-cate.show-category:after { content: "\f072"; } .vertical-menu-wrap .menu-wrap .menu-item-toggle { clear: both; } .vertical-menu-wrap .menu-wrap .menu-item-toggle:hover { background-color: #fff; } .vertical-menu-wrap .menu-wrap .menu-item-toggle:hover a:before { height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .vertical-menu-wrap .menu-wrap .menu-item-toggle a:before { content: ""; background-color: #a73796; position: absolute; width: 2px; height: 0; top: 0; left: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu { padding: 0; width: 100%; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu li.current-menu-item > a { color: #a73796; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li { border-top: 1px solid rgba(117, 178, 57, 0.2); font-size: 14px; float: none; position: relative; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:first-child { border-top: none; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu-item-more { display: none; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu-item-more.show { display: block; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a { display: block; font-weight: normal !important; padding: 14px 15px 14px 15px; text-transform: none; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a:before { content: ""; background-color: #a73796; position: absolute; width: 2px; height: 0; top: 0; left: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a:after { display: block !important; position: absolute; right: 15px; top: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a i { color: #a73796; font-size: 16px !important; line-height: 20px; margin-right: 8px; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.current-menu-item { background-color: #fff; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.current-menu-item > a:before { height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:hover { background-color: #fff; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a:before { height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_dropdown:hover > ul { left: 100%; top: 0; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_column > ul { background: #fff; left: 100%; min-width: 875px; top: 0; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_tab > ul { background: #fff; left: 100%; min-width: 875px; top: 0; } /*----------------------------------- * USER ACCOUNT *-----------------------------------*/ .user-account-wrap .user-account-content { position: relative; } .user-account-wrap .user-account-content:hover .user-account-menu { opacity: 1; visibility: visible; top: 110%; z-index: 999; -webkit-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -moz-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -ms-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -o-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); } .user-account-wrap .user-account-content.logged-in { top: -4px; } .user-account-wrap .user-account-content .user-account-menu { list-style: none; padding: 0; margin: 0; position: absolute; right: 0; left: auto; border: solid 1px #e1e1e1; top: 125%; width: auto; min-width: 180px; background-color: #fff; padding: 15px 30px; opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .user-account-wrap .user-account-content li { padding: 5px 0; } .user-account-wrap .user-account-content .avatar { max-width: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media screen and (max-width: 1199px) { .user-account-wrap .user-account-content .avatar { max-width: 18px; } } .user-account-wrap .user-account-content.logged-out i { font-size: 20px; } body.admin-bar header.haru-main-header.header-under-slideshow { top: calc(100% + 32px); } body.admin-bar header.haru-main-header .haru-header-nav-wrap.nav-sticky { top: 32px; } body.layout-float header.haru-main-header { padding: 0 100px; } @media screen and (max-width: 1399px) { body.layout-float header.haru-main-header { padding: 0 50px; } } header.haru-main-header { background-color: #fff; position: relative; z-index: 1000; } @media screen and (max-width: 991px) { header.haru-main-header { display: none; } } header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a { color: #666666; font-size: 16px; font-weight: 500; } .footer-default-copy-2 .wpb_column figure img { /* background: #fff; */ /*padding: 10px;*/ /* box-shadow: 0px 10px 10px #181818; */ } .footer-contact-shortcode-wrap ul li a { color: #999999; padding-left: 3px; } .footer-contact-shortcode-wrap ul li a:hover { color: #a73796; } .vc_separator .vc_sep_holder .vc_sep_line { height: 1px; border-top: 1px solid #5a5a5a !important; } header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a:after { display: none; } header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li:hover > a { color: #a73796; } header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > ul { background: #fff; } header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu li.current-menu-item > a { color: #a73796; } header.haru-main-header .header-logo a.logo-black { display: none; } header.haru-main-header .header-logo a.logo-retina { display: none; } header.haru-main-header .header-logo a.logo-sticky { display: none; } @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { header.haru-main-header .header-logo a.logo-default { display: none; } header.haru-main-header .header-logo a.logo-retina { display: block; } } header.haru-main-header.header-over-slideshow { background-color: transparent; position: absolute !important; left: 0; right: 0; } header.haru-main-header.header-over-slideshow.header-sticky.sticky_light .haru-header-nav-wrap, header.haru-main-header.header-over-slideshow.header-sticky.sticky_dark .haru-header-nav-wrap { background-color: transparent; } header.haru-main-header.header-over-slideshow.header-sticky.sticky.sticky_light .haru-header-nav-wrap { background-color: #fff; } header.haru-main-header.header-over-slideshow.header-sticky.sticky.sticky_dark .haru-header-nav-wrap { background-color: #333; } header.haru-main-header.header-over-slideshow.navigation_dark:not(.sticky) { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-over-slideshow.navigation_dark:not(.sticky) #popup-menu-button { background-color: #666666; } header.haru-main-header.header-over-slideshow.navigation_dark:not(.sticky) #popup-menu-button:hover, header.haru-main-header.header-over-slideshow.navigation_dark:not(.sticky) #popup-menu-button:active { background-color: #a73796; } header.haru-main-header.header-over-slideshow.navigation_dark:not(.sticky).header-hover-on:hover { background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover { background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .post-category-wrap .categories { border: 1px solid #e1e1e1; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .post-category-wrap .categories:hover { border: 1px solid #a73796; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .post-category-wrap .categories:hover:before { background-color: #a73796; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .post-category-wrap .categories:hover h2 { color: #a73796; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .post-category-wrap .categories:before { background-color: #666666; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .post-category-wrap .categories h2 { color: #666666; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap #popup-menu-button { background-color: #666666; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap #popup-menu-button:hover { background-color: #a73796; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li.current-menu-item > a { color: #a73796; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li.current-menu-item > a:before { background-color: #a73796; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a { color: #666666; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a:hover { color: #a73796; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item a.header-icon, header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item i.header-icon { color: #666666; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item a.header-icon:hover, header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item i.header-icon:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"] { color: #666666; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder { color: rgba(0, 0, 0, 0.5); opacity: 1; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item.my-wishlist .my-wishlist-wrap .haru-wishlist span.total { background-color: #a73796; color: #fff; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total { background-color: #a73796; color: #fff; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-logo a img { -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-logo a.logo-default, header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-logo a.logo-retina { display: none; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-logo a.logo-sticky { display: none; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-logo a.logo-black { display: block; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a { color: #fff; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a:before { background-color: #fff; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a { color: #fff; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) .header-elements-item a.header-icon, header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) .header-elements-item i.header-icon { color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) .header-elements-item a.header-icon:hover, header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) .header-elements-item i.header-icon:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-under-slideshow { border-bottom: 1px solid #e1e1e1; position: absolute !important; width: 100%; left: 0; right: 0; top: 100%; } header.haru-main-header.header-sticky.sticky.sticky_dark .haru-header-nav-wrap { background-color: #333; } header.haru-main-header.header-sticky.sticky.sticky_dark .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a { color: #a73796; } header.haru-main-header.header-sticky.sticky.sticky_dark .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a { color: #fff; } header.haru-main-header.header-sticky.sticky.sticky_dark .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a:hover { color: #a73796; } header.haru-main-header.header-sticky.sticky.sticky_dark #popup-menu-button { background-color: #fff; } header.haru-main-header.header-sticky.sticky.sticky_dark #popup-menu-button:hover, header.haru-main-header.header-sticky.sticky.sticky_dark #popup-menu-button:active { background-color: #a73796; } header.haru-main-header.header-sticky.sticky.sticky_dark .header-elements-item a, header.haru-main-header.header-sticky.sticky.sticky_dark .header-elements-item i { color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-sticky.sticky.sticky_dark .header-elements-item a:hover, header.haru-main-header.header-sticky.sticky.sticky_dark .header-elements-item i:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-sticky.sticky.sticky_light .haru-header-nav-wrap { background-color: #fff; } header.haru-main-header.header-sticky.sticky.sticky_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a { color: #a73796; } header.haru-main-header.header-sticky.sticky.sticky_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a { color: #666666; } header.haru-main-header.header-sticky.sticky.sticky_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a:hover { color: #a73796; } header.haru-main-header.header-sticky.sticky.sticky_light .header-elements-item a.header-icon, header.haru-main-header.header-sticky.sticky.sticky_light .header-elements-item i.header-icon { color: #666666; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-sticky.sticky.sticky_light .header-elements-item a.header-icon:hover, header.haru-main-header.header-sticky.sticky.sticky_light .header-elements-item i.header-icon:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-sticky.sticky.sticky_light .header-elements-item.search-box-wrap input[type="text"] { color: #666666; } header.haru-main-header.header-sticky.sticky.sticky_light .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder { color: rgba(0, 0, 0, 0.5); opacity: 1; } header.haru-main-header.header-sticky.sticky.sticky_light .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } header.haru-main-header.header-sticky.sticky.sticky_light .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } header.haru-main-header.header-sticky.sticky.sticky_light .header-elements-item.my-wishlist .my-wishlist-wrap .haru-wishlist span.total { background-color: #a73796; color: #fff; } header.haru-main-header.header-sticky.sticky.sticky_light .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total { background-color: #a73796; color: #fff; } header.haru-main-header .haru-header-nav-wrap.nav-sticky { position: fixed; top: 0; width: 100%; height: 60px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); } header.haru-main-header .haru-header-nav-wrap.nav-sticky .header-nav-above { height: 60px; } header.haru-main-header .haru-header-nav-wrap.nav-sticky .menu-wrap .haru-main-menu > li > a { padding: 0 20px !important; line-height: 60px !important; height: 60px; } .haru-mobile-header { position: relative; z-index: 1000; } .haru-mobile-header.headroom--pinned:not(.headroom--top) { position: fixed !important; right: 0; left: 0; top: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .haru-mobile-header.headroom--pinned:not(.headroom--top) .header-mobile-above { height: 0; visibility: hidden; } .haru-mobile-header.headroom--unpinned { position: fixed; z-index: 10; right: 0; left: 0; top: -100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .haru-mobile-header.headroom--unpinned .header-mobile-above { height: 0; visibility: hidden; } .haru-mobile-header.headroom--unpinned.headroom--not-top { opacity: 0; height: 0; visibility: hidden; -webkit-transition: all 0s !important; -o-transition: all 0s !important; transition: all 0s !important; } .haru-mobile-header.sticky-menu { position: fixed !important; width: 100%; background-color: #fff; -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /*----------------------------------- * 5. FOOTER *-----------------------------------*/ /*----------------------------------- * FOOTER *-----------------------------------*/ .original-footer { text-align: center; padding: 30px 0; } #haru-footer-main.footer-default .footer-copyright { color: #787878; } #haru-footer-main.footer-default .footer-copyright i { color: #a73796; padding: 0 8px; } #haru-footer-main.footer-default-dark .footer-contact-shortcode-wrap.style_1 .footer-contact-content { color: #aeadad; } #haru-footer-main.footer-default-dark .footer-link-shortcode-wrap.style_1 .footer-link-content .link-list li a { color: #aeadad; } #haru-footer-main.footer-default-dark .footer-link-shortcode-wrap.style_1 .footer-link-content .link-list li a:hover { color: #a73796; } .widget_instagram-feed-widget #sb_instagram.grid-layout-square { width: auto !important; } @media screen and (max-width: 767px) { .widget_instagram-feed-widget #sb_instagram.grid-layout-square { width: auto !important; } } .widget_instagram-feed-widget #sb_instagram.grid-layout-square.padding-5 { margin: -10px -10px 0 -10px !important; } .widget_instagram-feed-widget #sb_instagram.grid-layout-square.padding-10 { margin: -20px -20px 0 -20px !important; } .subscribe-default { background-color: #faf8f4; padding: 4px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .subscribe-default .subscribe-email { display: inline-block; padding: 0 15px; width: calc(100% - 155px); } .subscribe-default .subscribe-email input[type="email"] { border: none; width: 100%; padding: 9px 0 9px 9px; background: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .subscribe-default .subscribe-email input[type="email"]::-moz-placeholder { color: #666666; opacity: 1; } .subscribe-default .subscribe-email input[type="email"]:-ms-input-placeholder { color: #666666; } .subscribe-default .subscribe-email input[type="email"]::-webkit-input-placeholder { color: #666666; } .subscribe-default .subscribe-email input[type="email"]:focus { outline: none; } .subscribe-default .subscribe-submit { display: inline-block; float: right; width: 150px; } .subscribe-default .subscribe-submit input[type="submit"] { border: none; background: #a73796; color: #fff; font-size: 15px; font-weight: 700; padding: 8px 30px; text-align: center; width: 100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .subscribe-default .subscribe-submit input[type="submit"]:hover { background: #000; color: #fff; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .subscribe-default .subscribe-submit input[type="submit"]:focus { outline: none; } /*----------------------------------- * 6. BLOG *-----------------------------------*/ /*----------------------------------- * BLOG *-----------------------------------*/ .haru-archive-blog .archive-content .archive-content-layout article { padding-bottom: 40px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper:hover .owl-nav { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail { position: relative; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail:hover .post-thumbnail-overlay:before { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail:hover .prettyPhoto { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay { position: relative; display: block; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img { width: 100%; overflow: hidden; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img.img-responsive { width: auto; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .prettyPhoto { display: none; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; text-align: center; line-height: 50px; border: 1px solid #fff; color: #fff; opacity: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translate(-50%, -50%) scale(0.8); -ms-transform: translate(-50%, -50%) scale(0.8); -o-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .prettyPhoto:hover { color: #a73796; border: 1px solid #a73796; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav { opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-prev { background: rgba(0, 0, 0, 0.3); color: #fff; position: absolute; top: 50%; left: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-prev:hover { background: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-next { background: rgba(0, 0, 0, 0.3); color: #fff; position: absolute; top: 50%; right: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-dots { text-align: center; position: absolute; bottom: 20px; width: 100%; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-dots .owl-dot { background: #868686; display: inline-block; height: 10px; margin: 0 5px; width: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-dots .owl-dot.active { background: transparent; border: 1px solid #a73796; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-link-wrapper .post-content-link { background: #eeeeee; height: 60px; display: flex; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-link-wrapper .post-content-link i { width: 60px; line-height: 60px; background: #a73796; color: #fff; text-align: center; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-link-wrapper .post-content-link a { margin-left: 20px; line-height: 60px; font-weight: 700; font-style: italic; text-transform: uppercase; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface { height: 60px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls { height: 60px; line-height: 60px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls a { color: #fff; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls a:hover { color: #a73796; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls a i { font-size: 16px; line-height: 18px; position: relative; top: 2px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress { width: calc(100% - 200px) !important; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar { height: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar .jp-play-bar { background: #a73796; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-volume .jp-volume-bar { height: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-volume .jp-volume-bar .jp-volume-bar-value { background: #a73796; height: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper { padding: 15px; background: #eeeeee; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote { border-left: none; font-style: italic; margin: 0; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p { font-size: 18px; margin-bottom: 20px; } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p { font-size: 16px; } } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p i { font-style: italic; color: #a73796; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p i.fa-quote-left { margin-right: 5px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote cite { font-weight: 700; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title { margin-top: 15px; line-height: 1.4; padding-top: 15px; } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title { padding: 0; } } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a { color: #444444; font-size: 18px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a { font-size: 18px; } } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a { font-size: 18px; } } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info { font-size: 12px; margin-top: 15px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-sticky { background-color: #f2f2f2; display: inline-block; padding: 3px 10px; font-weight: normal; margin-right: 15px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-sticky i { margin-right: 8px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-date { background-color: #a73796; color: #fff; display: inline-block; font-weight: 500; margin-right: 10px; padding: 3px 10px; position: relative; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-date:after { content: ""; position: absolute; left: 0; top: 100%; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 0; border-color: #373435 transparent transparent transparent; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-author { background-color: #f2f2f2; display: inline-block; margin-right: 10px; padding: 3px 10px; font-weight: normal; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-author span { text-transform: capitalize; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-author a { color: #444444; text-transform: capitalize; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-author a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-excerpt { margin-top: 15px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-read-more { margin-top: 35px; margin-bottom: 35px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more { background-color: #a73796; background-image: none; color: #fff; font-weight: 600; padding: 8px 15px; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more:hover { background-color: #373435; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article.format-standard:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-meta-category { margin-top: 0; } .haru-archive-blog .archive-content .archive-content-layout article.large-image .post-wrapper { padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image .post-wrapper { padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-thumbnail-wrapper { width: 50%; float: left; margin-bottom: 30px; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-thumbnail-wrapper .post-thumbnail { margin-right: 10px; } @media screen and (max-width: 991px) { .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-thumbnail-wrapper { width: 100%; margin-bottom: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-thumbnail-wrapper .post-thumbnail { margin-right: 0; } } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-thumbnail-wrapper { width: 100%; } } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper { width: 50%; float: left; text-align: left; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail { margin-left: 10px; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-meta-info { margin-top: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-title { padding: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-title a { font-size: 18px; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-excerpt { padding: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-read-more { margin-top: 30px; margin-bottom: 30px; } @media screen and (max-width: 991px) { .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper { width: 100%; text-align: center; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail { margin-left: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-meta-category { margin-top: 15px; } } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper { width: 100%; } } .haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-title { padding: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-title a { font-size: 18px; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-excerpt { padding: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-read-more { margin-top: 30px; margin-bottom: 30px; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-audio .post-wrapper .post-content-wrapper { width: 100%; text-align: center; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-audio .post-wrapper .post-content-wrapper .post-detail { margin-left: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-audio .post-wrapper .post-content-wrapper .post-detail .post-meta-category { margin-top: 30px; } .haru-archive-blog .archive-content .archive-content-layout article.grid, .haru-archive-blog .archive-content .archive-content-layout article.masonry { padding-bottom: 30px; } .haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-title, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-title { padding: 0; margin-bottom: 0; } .haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-title a, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-title a { font-size: 18px; } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-title a, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-title a { font-size: 18px; } } .haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-read-more, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-read-more { margin-bottom: 15px; } .haru-archive-blog .archive-content .archive-content-layout article.grid:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-meta-info, .haru-archive-blog .archive-content .archive-content-layout article.masonry:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-meta-info { margin-top: 0; } .haru-archive-blog .archive-paging { padding-bottom: 8%; } .haru-archive-blog .archive-paging.default { margin-top: 30px; text-align: center; } .haru-archive-blog .archive-paging.default .page-numbers { list-style: none; list-style-type: none; display: inline-block; padding: 0; margin: 0; } .haru-archive-blog .archive-paging.default .page-numbers li { display: inline-block; padding-right: 5px; } .haru-archive-blog .archive-paging.default .page-numbers li span, .haru-archive-blog .archive-paging.default .page-numbers li a { border: 1px solid #e1e1e1; color: #444444; display: inline-block; padding: 2px 13px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-paging.default .page-numbers li span.current { background-color: #a73796; border: 1px solid #a73796; color: #fff; } .haru-archive-blog .archive-paging.default .page-numbers li a:hover, .haru-archive-blog .archive-paging.default .page-numbers li a:focus { background: #a73796; border: 1px solid #a73796; color: #fff; } .haru-archive-blog .archive-paging.default .page-numbers li a.prev, .haru-archive-blog .archive-paging.default .page-numbers li a.next { text-transform: capitalize; } .haru-archive-blog .archive-paging.load-more { text-align: center; } .haru-archive-blog .archive-paging.load-more button { background-color: #a73796; border: none; color: #fff; font-weight: 600; padding: 6px 30px; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-paging.load-more button:hover { background-color: #373435; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-paging.load-more button:focus { outline: none; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-title { font-size: 30px; } @media screen and (max-width: 767px) { .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-title { font-size: 24px; } } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info { font-size: 12px; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-sticky { background-color: #f2f2f2; display: inline-block; padding: 3px 10px; font-weight: normal; margin-right: 15px; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-sticky i { margin-right: 8px; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-date { background-color: #a73796; color: #fff; display: inline-block; font-weight: 500; margin-right: 10px; padding: 3px 10px; position: relative; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-date:after { content: ""; position: absolute; left: 0; top: 100%; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 0; border-color: #373435 transparent transparent transparent; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author { background-color: #f2f2f2; display: inline-block; margin-right: 10px; padding: 3px 10px; font-weight: normal; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author span { text-transform: capitalize; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author a { color: #444444; text-transform: capitalize; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-thumbnail-wrapper { margin-top: 20px; } .single-content .single-wrapper article .post-thumbnail-wrapper:hover .owl-nav { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail { position: relative; } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail:hover .post-thumbnail-overlay:before { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail:hover .prettyPhoto { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay { position: relative; display: block; } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay:before { display: none; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(117, 178, 57, 0.8); opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img { width: 100%; overflow: hidden; } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img.img-responsive { width: auto; } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .prettyPhoto { display: none; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; text-align: center; line-height: 50px; border: 1px solid #fff; color: #fff; opacity: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translate(-50%, -50%) scale(0.8); -ms-transform: translate(-50%, -50%) scale(0.8); -o-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .prettyPhoto:hover { color: #a73796; border: 1px solid #a73796; } .single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-play-pause a:hover { color: #a73796; } .single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress { width: calc(100% - 200px) !important; } .single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-play-bar { background: #373435; } .single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-volume .jp-volume-bar-value { background: #373435; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav { opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-prev { background: rgba(0, 0, 0, 0.3); color: #fff; position: absolute; top: 50%; left: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-prev:hover { background: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-next { background: rgba(0, 0, 0, 0.3); color: #fff; position: absolute; top: 50%; right: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-dots { text-align: center; position: absolute; bottom: 20px; width: 100%; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-dots .owl-dot { background: #868686; display: inline-block; height: 10px; margin: 0 5px; width: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-dots .owl-dot.active { background: transparent; border: 1px solid #a73796; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .single-content .single-wrapper article .post-thumbnail-wrapper blockquote { border-left: 3px solid #a73796; font-size: 24px; font-style: italic; font-family: "Montserrat"; letter-spacing: 2px; margin: 5%; } @media screen and (max-width: 767px) { .single-content .single-wrapper article .post-thumbnail-wrapper blockquote { font-size: 20px; } } .single-content .single-wrapper article .post-content-wrapper { margin-top: 35px; padding-bottom: 30px; border-bottom: 1px solid #e1e1e1; } .single-content .single-wrapper article .post-content-wrapper .post-content blockquote { border-left: 3px solid #a73796; font-size: 18px; font-style: italic; margin: 2% 5%; } .single-content .single-wrapper article .post-content-wrapper .post-content blockquote p { line-height: 1.4; } @media screen and (max-width: 767px) { .single-content .single-wrapper article .post-content-wrapper .post-content blockquote { font-size: 16px; } } .single-content .single-wrapper article .post-content-wrapper .post-other-meta { clear: both; margin-top: 6%; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags { display: inline-block; float: left; width: 50%; } @media screen and (max-width: 767px) { .single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags { width: 100%; } } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag { font-size: 15px; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag .tag-title { color: #444444; font-weight: 700; margin-right: 10px; text-transform: uppercase; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag a { background-color: #f2f2f2; display: inline-block; font-size: 14px; margin: 3px 10px 3px 0; padding: 2px 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag a:hover { background-color: #a73796; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag a { display: inline-block; font-size: 13px; margin-bottom: 5px; } } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share { width: 50%; display: inline-block; } @media screen and (max-width: 767px) { .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share { width: 100%; } } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper { text-align: right; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share { list-style-type: none; list-style: none; padding: 0; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li { display: inline-block; padding: 0 3px; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li.social-label { color: #444444; font-weight: 700; margin-right: 10px; padding: 0; text-transform: uppercase; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li a { color: #a73796; display: inline-block; font-size: 13px; text-align: center; width: 36px; height: 36px; line-height: 33px; border: 2px solid rgba(225, 225, 225, 0.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li a { font-size: 12px; width: 30px; height: 30px; line-height: 28px; margin-bottom: 3px; } } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li a:hover { background-color: #a73796; border: 2px solid #a73796; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper .single-post-navigation { margin-top: 70px; padding-bottom: 15px; } .single-content .single-wrapper .single-post-navigation .nav-links { display: inline-block; width: 50%; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-previous { text-align: left; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-previous:hover .post-navigation-content .post-navigation-title { color: #a73796; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-previous .post-navigation-left { font-size: 15px; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-previous .post-navigation-left i { font-size: 18px; margin-right: 10px; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-previous .post-navigation-content .post-navigation-title { color: #444444; display: inline-block; font-size: 16px; font-family: "Montserrat"; font-weight: 700; } @media screen and (max-width: 767px) { .single-content .single-wrapper .single-post-navigation .nav-links.nav-previous .post-navigation-content .post-navigation-title { font-size: 14px; } } .single-content .single-wrapper .single-post-navigation .nav-links.nav-next { text-align: right; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-next:hover .post-navigation-content .post-navigation-title { color: #a73796; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-next .post-navigation-right { font-size: 15px; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-next .post-navigation-right i { font-size: 18px; margin-left: 10px; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-next .post-navigation-content .post-navigation-title { color: #444444; display: inline-block; font-size: 16px; font-family: "Montserrat"; font-weight: 700; } .single-content .single-wrapper .author-info { padding: 30px 20px; text-align: center; border-bottom: 1px solid #e1e1e1; } .single-content .single-wrapper .author-info .author-avatar img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .single-content .single-wrapper .author-info .author-description .author-title { font-family: "Montserrat"; margin-top: 20px; text-transform: uppercase; } .single-content .single-wrapper .author-info .author-description .author-title a { color: #444444; } .single-content .single-wrapper .author-info .author-description .author-title a:hover { color: #a73796; } .single-content .single-wrapper .author-info .author-description .author-bio { font-family: "Montserrat"; font-style: italic; font-size: 15px; padding: 0 10%; } .single-content .single-wrapper .post-related { border-bottom: 1px solid #e1e1e1; margin-top: 60px; padding-bottom: 70px; } .single-content .single-wrapper .post-related .related-title { font-size: 34px; position: relative; padding-left: 25px; padding-bottom: 20px; } .single-content .single-wrapper .post-related .related-title:before { content: "/"; color: #a73796; position: absolute; left: 0; } @media screen and (max-width: 767px) { .single-content .single-wrapper .post-related .related-title { font-size: 24px; } } .single-content .single-wrapper .post-related .related-list { position: relative; } .single-content .single-wrapper .post-related .related-list:hover .owl-nav .owl-prev, .single-content .single-wrapper .post-related .related-list:hover .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .single-content .single-wrapper .post-related .related-list .related-item .post-image { margin-bottom: 20px; } .single-content .single-wrapper .post-related .related-list .related-item .post-meta { padding: 0 10%; text-align: center; } .single-content .single-wrapper .post-related .related-list .related-item .post-meta a { text-transform: uppercase; font-style: italic; } .single-content .single-wrapper .post-related .related-list .related-item .post-meta .post-title { padding-top: 0; line-height: 1.5; } .single-content .single-wrapper .post-related .related-list .related-item .post-meta .post-title a { color: #444444; font-style: normal; text-transform: none; } .single-content .single-wrapper .post-related .related-list .related-item .post-meta .post-title a:hover { color: #a73796; } .single-content .single-wrapper .post-related .related-list .owl-nav .owl-prev, .single-content .single-wrapper .post-related .related-list .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 999; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .single-content .single-wrapper .post-related .related-list .owl-nav .owl-prev:hover, .single-content .single-wrapper .post-related .related-list .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.5); cursor: pointer; } .single-content .single-wrapper .post-related .related-list .owl-nav .owl-prev { left: 0; } .single-content .single-wrapper .post-related .related-list .owl-nav .owl-next { right: 0; } #comments { margin-top: 70px; margin-bottom: 60px; } @media screen and (max-width: 767px) { #comments { margin-top: 40px; margin-bottom: 30px; } } #comments .comments-title { font-size: 28px; line-height: 1.4; padding-bottom: 10px; position: relative; text-transform: uppercase; } #comments .comments-title:after { background-color: #a73796; content: ""; position: absolute; left: 0; bottom: 0; width: 55px; height: 3px; } @media screen and (max-width: 767px) { #comments .comments-title { font-size: 24px; } } #comments .post-comments-list .comment-list { padding: 0; list-style: none; list-style-type: none; } #comments .post-comments-list .comment-list li.pingback .comment-body .author-avatar { width: 0; } #comments .post-comments-list .comment-list li.pingback .comment-body .comment-text { padding-left: 0; } #comments .post-comments-list .comment-list li .comment-body { padding: 10px 0; margin-bottom: 10px; } #comments .post-comments-list .comment-list li .comment-body .author-avatar { width: 90px; float: left; } #comments .post-comments-list .comment-list li .comment-body .author-avatar img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #comments .post-comments-list .comment-list li .comment-body .comment-text { padding-left: 90px; } #comments .post-comments-list .comment-list li .comment-body .comment-text .author .author-name { color: #444444; font-size: 15px; font-weight: 700; text-transform: uppercase; } #comments .post-comments-list .comment-list li .comment-body .comment-text .author .author-name a { font-weight: 700; } #comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta { padding-top: 5px; } #comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-date { color: #787878; font-size: 15px; font-style: italic; float: left; } #comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-action a { color: #787878; font-style: italic; font-weight: 700; margin-left: 15px; } #comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-action a:hover { color: #a73796; } #comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-action a:first-child { padding-left: 15px; border-left: 1px solid #e1e1e1; } #comments .post-comments-list .comment-list li .comment-body .comment-text .text { margin-top: 5px; line-height: 1.8; } #comments .post-comments-list .comment-list li .children { border-left: 1px solid #e1e1e1; margin-left: 70px; margin-bottom: 20px; padding-left: 15px; } @media screen and (max-width: 991px) { #comments .post-comments-list .comment-list li .children { margin-left: 35px; padding-left: 10px; } } @media screen and (max-width: 767px) { #comments .post-comments-list .comment-list li .children { margin-left: 10px; padding-left: 5px; } } #comments .post-comments-list .comment-list .children { list-style: none; list-style-type: none; } #comments .post-comments-form { border-top: 1px solid #e1e1e1; margin-top: 50px; padding-top: 50px; } #comments #respond-wrapper h3, #comments .comment-respond h3 { font-size: 28px; line-height: 1.4; padding-bottom: 10px; position: relative; text-transform: uppercase; } #comments #respond-wrapper h3:after, #comments .comment-respond h3:after { background-color: #a73796; content: ""; position: absolute; left: 0; bottom: 0; width: 55px; height: 3px; } @media screen and (max-width: 767px) { #comments #respond-wrapper h3, #comments .comment-respond h3 { font-size: 24px; } } #comments #respond-wrapper .comment-form, #comments .comment-respond .comment-form { margin-top: 20px; } #comments #respond-wrapper .comment-form input, #comments #respond-wrapper .comment-form textarea, #comments .comment-respond .comment-form input, #comments .comment-respond .comment-form textarea { background-color: #f2f2f2; border: none; padding: 10px 15px; height: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #comments #respond-wrapper .comment-form input:focus, #comments #respond-wrapper .comment-form textarea:focus, #comments .comment-respond .comment-form input:focus, #comments .comment-respond .comment-form textarea:focus { outline: none; } #comments #respond-wrapper .comment-form textarea, #comments .comment-respond .comment-form textarea { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #comments #respond-wrapper .comment-form .logged-in-as, #comments .comment-respond .comment-form .logged-in-as { font-style: italic; } #comments #respond-wrapper .comment-form .comment-form-comment, #comments .comment-respond .comment-form .comment-form-comment { margin-top: 10px; } #comments #respond-wrapper .comment-form .submit, #comments .comment-respond .comment-form .submit { background: #a73796; color: #fff; font-weight: 700; padding: 10px 30px; margin-top: 20px; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #comments #respond-wrapper .comment-form .submit:hover, #comments .comment-respond .comment-form .submit:hover { background: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #comments .comment-respond { margin-bottom: 15px; } #comments .comment-respond h3 { font-size: 24px; } #comments .comment-respond h3 small { margin-left: 10px; font-style: italic; text-transform: none; } .has-left-sidebar { float: right !important; } .left-sidebar { float: left !important; } .archive-sidebar aside, .single-sidebar aside { margin-bottom: 30px; } .archive-sidebar .widget-title, .single-sidebar .widget-title { background-color: #a73796; color: #fff; font-size: 15px; line-height: 1.4; padding: 15px; margin-top: 0px; margin-bottom: 15px; text-transform: uppercase; font-weight: 500; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .archive-sidebar .widget_categories ul, .archive-sidebar .widget_archive ul, .single-sidebar .widget_categories ul, .single-sidebar .widget_archive ul { list-style: none; list-style-type: none; padding: 0; margin: 0; } .archive-sidebar .widget_categories ul li, .archive-sidebar .widget_archive ul li, .single-sidebar .widget_categories ul li, .single-sidebar .widget_archive ul li { padding: 8px 0; position: relative; } .archive-sidebar .widget_categories ul li:last-child, .archive-sidebar .widget_archive ul li:last-child, .single-sidebar .widget_categories ul li:last-child, .single-sidebar .widget_archive ul li:last-child { padding-bottom: 0; } .archive-sidebar .widget_categories ul li a, .archive-sidebar .widget_archive ul li a, .single-sidebar .widget_categories ul li a, .single-sidebar .widget_archive ul li a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .archive-sidebar .widget_categories ul li a:hover, .archive-sidebar .widget_archive ul li a:hover, .single-sidebar .widget_categories ul li a:hover, .single-sidebar .widget_archive ul li a:hover { margin-left: 10px; color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .archive-sidebar .widget_categories ul li .list-count, .archive-sidebar .widget_categories ul li .archive-count, .archive-sidebar .widget_archive ul li .list-count, .archive-sidebar .widget_archive ul li .archive-count, .single-sidebar .widget_categories ul li .list-count, .single-sidebar .widget_categories ul li .archive-count, .single-sidebar .widget_archive ul li .list-count, .single-sidebar .widget_archive ul li .archive-count { float: right; } .archive-sidebar .widget_categories ul li ul, .archive-sidebar .widget_archive ul li ul, .single-sidebar .widget_categories ul li ul, .single-sidebar .widget_archive ul li ul { padding-left: 20px; } .archive-sidebar .widget_categories select, .archive-sidebar .widget_archive select, .single-sidebar .widget_categories select, .single-sidebar .widget_archive select { margin-top: 15px; } .archive-sidebar .widget_categories select:focus, .archive-sidebar .widget_archive select:focus, .single-sidebar .widget_categories select:focus, .single-sidebar .widget_archive select:focus { outline: none; } .archive-sidebar .widget_calendar .calendar_wrap table, .single-sidebar .widget_calendar .calendar_wrap table { width: 100%; border: 1px solid #e1e1e1; text-align: center; } .archive-sidebar .widget_calendar .calendar_wrap table th, .single-sidebar .widget_calendar .calendar_wrap table th { border-bottom: 1px solid #e1e1e1; text-align: center; padding: 5px 0; background: #a73796; color: #fff; } .archive-sidebar .widget_calendar .calendar_wrap table td, .single-sidebar .widget_calendar .calendar_wrap table td { border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 5px 0; } .archive-sidebar .widget_pages ul, .single-sidebar .widget_pages ul { list-style: none; list-style-type: none; padding: 0; margin: 0; } .archive-sidebar .widget_pages ul li, .single-sidebar .widget_pages ul li { padding: 8px 0; } .archive-sidebar .widget_pages ul li:last-child, .single-sidebar .widget_pages ul li:last-child { padding-bottom: 0; } .archive-sidebar .widget_pages ul li a, .single-sidebar .widget_pages ul li a { -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .archive-sidebar .widget_pages ul li a:hover, .single-sidebar .widget_pages ul li a:hover { margin-left: 10px; color: #a73796; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .archive-sidebar .widget_pages ul li ul.children, .single-sidebar .widget_pages ul li ul.children { padding-left: 20px; } .archive-sidebar .widget_meta ul, .single-sidebar .widget_meta ul { list-style: none; list-style-type: none; padding: 0; margin: 0; } .archive-sidebar .widget_meta ul li, .single-sidebar .widget_meta ul li { padding: 8px 0; } .archive-sidebar .widget_meta ul li:last-child, .single-sidebar .widget_meta ul li:last-child { padding-bottom: 0; } .archive-sidebar .widget_meta ul li a, .single-sidebar .widget_meta ul li a { -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .archive-sidebar .widget_meta ul li a:hover, .single-sidebar .widget_meta ul li a:hover { margin-left: 10px; color: #a73796; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .archive-sidebar .widget_recent_comments ul, .single-sidebar .widget_recent_comments ul { list-style: none; list-style-type: none; padding: 0; margin: 0; } .archive-sidebar .widget_recent_comments ul li, .single-sidebar .widget_recent_comments ul li { padding: 8px 0; } .archive-sidebar .widget_recent_comments ul li:last-child, .single-sidebar .widget_recent_comments ul li:last-child { padding-bottom: 0; } .archive-sidebar .widget_recent_comments ul li span, .single-sidebar .widget_recent_comments ul li span { color: #aeadad; font-style: italic; } .archive-sidebar .widget_recent_comments ul li a, .single-sidebar .widget_recent_comments ul li a { -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .archive-sidebar .widget_recent_comments ul li a:hover, .single-sidebar .widget_recent_comments ul li a:hover { margin-left: 10px; color: #a73796; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .archive-sidebar .widget_recent_comments ul li a.url, .single-sidebar .widget_recent_comments ul li a.url { color: #aeadad; } .archive-sidebar .widget_recent_comments ul li a.url:hover, .single-sidebar .widget_recent_comments ul li a.url:hover { color: #a73796; } .archive-sidebar .widget_recent_entries ul, .single-sidebar .widget_recent_entries ul { list-style: none; list-style-type: none; padding: 0; margin: 0; } .archive-sidebar .widget_recent_entries ul li, .single-sidebar .widget_recent_entries ul li { padding: 8px 0; } .archive-sidebar .widget_recent_entries ul li:last-child, .single-sidebar .widget_recent_entries ul li:last-child { padding-bottom: 0; } .archive-sidebar .widget_recent_entries ul li a, .single-sidebar .widget_recent_entries ul li a { -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .archive-sidebar .widget_recent_entries ul li a:hover, .single-sidebar .widget_recent_entries ul li a:hover { margin-left: 10px; color: #a73796; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .archive-sidebar .widget_rss > ul, .single-sidebar .widget_rss > ul { list-style: none; list-style-type: none; padding: 0; margin: 0; } .archive-sidebar .widget_rss > ul li, .single-sidebar .widget_rss > ul li { padding: 8px 0; } .archive-sidebar .widget_rss > ul li:last-child, .single-sidebar .widget_rss > ul li:last-child { padding-bottom: 0; } .archive-sidebar .widget_rss > ul li a, .single-sidebar .widget_rss > ul li a { color: #aeadad; font-style: italic; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .archive-sidebar .widget_rss > ul li a:hover, .single-sidebar .widget_rss > ul li a:hover { margin-left: 10px; color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .archive-sidebar .widget_nav_menu ul, .single-sidebar .widget_nav_menu ul { padding: 0; margin: 0 0 1.75em 1.25em; } .archive-sidebar .widget_nav_menu ul li, .single-sidebar .widget_nav_menu ul li { padding: 3px 0; } .archive-sidebar .widget_nav_menu ul li > ul, .single-sidebar .widget_nav_menu ul li > ul { margin-bottom: 0; } .archive-sidebar .widget_search .search-form, .single-sidebar .widget_search .search-form { position: relative; background-color: #f2f2f2; border-radius: 0; } .archive-sidebar .widget_search .search-form label, .single-sidebar .widget_search .search-form label { display: block; } .archive-sidebar .widget_search .search-form label input[type="search"], .single-sidebar .widget_search .search-form label input[type="search"] { width: calc(100% - 60px); height: 40px; background-color: #f2f2f2; border: none; outline: none; padding-left: 15px; padding-right: 5px; font-weight: 400; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .archive-sidebar .widget_search .search-form .search-submit, .single-sidebar .widget_search .search-form .search-submit { width: 60px; padding: 0; position: absolute; font-size: 0; right: 0; top: 0; bottom: 0; overflow: hidden; border: none; background: none; outline: none; } .archive-sidebar .widget_search .search-form .search-submit:hover, .single-sidebar .widget_search .search-form .search-submit:hover { color: #a73796; } .archive-sidebar .widget_search .search-form .search-submit:before, .single-sidebar .widget_search .search-form .search-submit:before { content: "\f4a4"; font-family: Ionicons; position: absolute; font-size: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .archive-sidebar .widget_tag_cloud .tagcloud a, .single-sidebar .widget_tag_cloud .tagcloud a { color: #666666; display: inline-block; margin-top: 10px; margin-right: 5px; padding: 5px 10px; border: 1px solid #e1e1e1; font-size: 14px !important; } .archive-sidebar .widget_tag_cloud .tagcloud a:hover, .single-sidebar .widget_tag_cloud .tagcloud a:hover { background-color: #a73796; border: 1px solid #a73796; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .archive-sidebar .widget-post-thumbnail ul, .single-sidebar .widget-post-thumbnail ul { list-style: none; list-style-type: none; padding: 0; margin: 0; } .archive-sidebar .widget-post-thumbnail ul.thumb_left li, .single-sidebar .widget-post-thumbnail ul.thumb_left li { padding-bottom: 15px; } .archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-image, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-image { width: 28%; float: left; } .archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content { width: 65%; float: right; } .archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 { margin-bottom: 10px; margin-top: 0px; font-size: 14px; line-height: 1.6; } .archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 a, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 a { color: #444444; font-weight: 600; } .archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 a:hover, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 a:hover { color: #a73796; } .archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta { font-style: italic; } .archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta span, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta span { margin-right: 5px; } .archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta span:last-child, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta span:last-child { margin-right: 0; } .archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta time, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta time { color: #aeadad; font-style: italic; } .archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i { margin-right: 5px; } .archive-sidebar select, .single-sidebar select { max-width: 100%; } .archive-sidebar select:focus, .single-sidebar select:focus { outline: none; } @media screen and (max-width: 991px) { .archive-sidebar, .single-sidebar { margin-top: 30px; } } @media screen and (max-width: 767px) { .archive-sidebar, .single-sidebar { margin-top: 30px; } } .search-form { position: relative; background-color: #faf8f4; border-radius: 30px; } .search-form label { display: block; } .search-form label input[type="search"] { width: calc(100% - 60px); height: 40px; background-color: #faf8f4; border: none; outline: none; padding-left: 20px; padding-right: 5px; font-weight: 400; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 30px; -webkit-border-top-left-radius: 30px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 30px; -moz-border-radius-topleft: 30px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; border-top-left-radius: 30px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .search-form .search-submit { width: 60px; padding: 0; position: absolute; font-size: 0; right: 0; top: 0; bottom: 0; overflow: hidden; border: none; background: none; outline: none; } .search-form .search-submit:hover { color: #a73796; } .search-form .search-submit:before { content: "\f4a4"; font-family: Ionicons; position: absolute; font-size: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } p.search-not-found { padding-bottom: 10px; } /*----------------------------------- * 7. WOOCOMMERCE *-----------------------------------*/ /*----------------------------------- * WOOCOMMERCE *-----------------------------------*/ ul.products { list-style: none; padding: 0; } ul.products li { padding: 0 15px; margin: 25px 0; overflow: hidden; } li.product:hover .product-inner .product-thumbnail .product-thumb-primary:before, li.product:hover .product-inner .product-thumbnail .product-thumb-one:before, li.type-product:hover .product-inner .product-thumbnail .product-thumb-primary:before, li.type-product:hover .product-inner .product-thumbnail .product-thumb-one:before { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } li.product:hover .product-inner .product-actions, li.type-product:hover .product-inner .product-actions { top: 50%; opacity: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } li.product .product-inner, li.type-product .product-inner { position: relative; text-align: center; border: 1px solid #e1e1e1; } .list li.type-product .product-inner .woocommerce-loop-product__title { color: #333 !important; } .list .product-actions { display: none; } .list .product-info { padding: 30px; } .archive-product-wrapper ul.list li .product-inner { border: none; } .Counter .vc_column-inner { padding: 20px 0px !important; } .grid li.product .product-inner .product-thumbnail { position: relative; padding: 10px; display: flow-root; } .archive-product-wrapper .list .product-thumb-primary, .archive-product-wrapper .list .woocommerce-product-gallery__image--placeholder { width: 30%; height: 250px; padding: 20px; float: left; margin-right: 20px; position: relative; } .list li.type-product .product-inner .product-thumbnail .product-thumb-primary:before { background-color: transparent; } .list li.type-product .product-inner .product-info a:hover .woocommerce-loop-product__title { color: #a73796 !important; } li.product .product-inner .product-thumbnail .product-thumb-primary, li.product .product-inner .product-thumbnail .product-thumb-one, li.type-product .product-inner .product-thumbnail .product-thumb-primary, li.type-product .product-inner .product-thumbnail .product-thumb-one { position: relative; } li.product .product-inner .product-thumbnail .product-thumb-primary:before, li.product .product-inner .product-thumbnail .product-thumb-one:before, li.type-product .product-inner .product-thumbnail .product-thumb-primary:before, li.type-product .product-inner .product-thumbnail .product-thumb-one:before { content: ""; position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(117, 178, 57, 0.15); opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } li.product .product-inner .product-label, li.type-product .product-inner .product-label { position: absolute; left: 50% !important; top: 15px !important; z-index: 1; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } li.product .product-inner .product-flash, li.product .product-inner .onsale, li.type-product .product-inner .product-flash, li.type-product .product-inner .onsale { width: 50px; background-color: #a73796 !important; color: #fff; display: block; position: relative; z-index: 1; left: 0 !important; font-size: 12px !important; text-transform: uppercase !important; min-height: auto; min-width: auto; margin: 0 0 3px 0 !important; padding: 0; line-height: 14px; font-weight: 400; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } li.product .product-inner .product-flash.on-hot, li.type-product .product-inner .product-flash.on-hot { background-color: #d13420 !important; } li.product .product-inner .onsale, li.type-product .product-inner .onsale { background-color: #f5a64a !important; } li.product .product-inner .woocommerce-loop-product__title, .latest-product a h2, li.type-product .product-inner .woocommerce-loop-product__title { color: #fff; font-size: 18px !important; font-weight: 600; margin-top: 0px !important; margin-bottom: 0px !important; padding: 10px 5px !important; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } li.product .product-inner .woocommerce-loop-product__title:hover, li.type-product .product-inner .woocommerce-loop-product__title:hover { color: #e3e3e3; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } li.product .product-inner .star-rating, li.type-product .product-inner .star-rating { z-index: 2; margin: 0 auto; font-family: star; font-size: 12px !important; width: 5.4em; height: 1em; line-height: 1; overflow: hidden; margin-bottom: 12px; position: relative; } .grid .product-thumb-primary { width: 100%; height: 250px; } .archive-product-wrapper .catalog-filter { display: none; } .product-thumb-primary img { width: 100% !important; height: 100% !important; object-fit: contain; } .woocommerce-image-zoom.slick-slide img { object-fit: contain; padding: 10px; height: 400px; } li.product .product-inner .star-rating:before, li.type-product .product-inner .star-rating:before { content: "\73 \73 \73 \73 \73"; color: #f7bb2a; } li.product .product-inner .star-rating span, li.type-product .product-inner .star-rating span { overflow: hidden; float: left; top: 0; left: 0; padding-top: 1.5em; } li.product .product-inner .star-rating span:before, li.type-product .product-inner .star-rating span:before { position: absolute; content: "\53 \53 \53 \53 \53"; top: 0; left: 0; color: #f7bb2a; } li.product .product-inner .price, li.type-product .product-inner .price { font-size: 14px !important; color: #444444 !important; } li.product .product-inner .price .woocommerce-Price-amount, li.type-product .product-inner .price .woocommerce-Price-amount { font-weight: 500; color: #a73796; } li.product .product-inner .price del, li.type-product .product-inner .price del { display: inline-block !important; opacity: 0.8 !important; color: #444444; } li.product .product-inner .price del span.woocommerce-Price-amount, li.type-product .product-inner .price del span.woocommerce-Price-amount { color: #444444; font-weight: normal; } li.product .product-inner .price ins, li.type-product .product-inner .price ins { display: inline-block !important; text-decoration: none; display: inline; } li.product .product-inner .price ins span.woocommerce-Price-amount, li.type-product .product-inner .price ins span.woocommerce-Price-amount { padding: 0 5px; } li.product .product-actions, li.type-product .product-actions { text-align: center; width: 100%; position: absolute; top: 60%; opacity: 0; z-index: 3; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } li.product .product-actions > div, li.type-product .product-actions > div { margin: 0 2px; } li.product .product-actions i.icon, li.type-product .product-actions i.icon { margin-left: 0; } li.product .product-actions a:hover, li.type-product .product-actions a:hover { background-color: #a73796 !important; color: #fff !important; } li.product .product-actions a:hover .button-tooltip, li.type-product .product-actions a:hover .button-tooltip { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); transform: translate(-50%, -10px); -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } li.product .product-actions a .button-tooltip, li.type-product .product-actions a .button-tooltip { padding: 3px 5px; position: absolute; text-transform: none; display: inline-block; min-width: 80px; opacity: 0; text-align: center; visibility: hidden; bottom: 100%; left: 50%; background: #555 !important; color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: normal; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } li.product .product-actions a .button-tooltip:after, li.type-product .product-actions a .button-tooltip:after { width: 0; height: 0; position: absolute; bottom: -6px; left: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #555; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } li.product .product-actions .yith-wcwl-add-to-wishlist, li.type-product .product-actions .yith-wcwl-add-to-wishlist { position: relative; display: inline-block; margin-top: 0; } li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { display: inline-block; width: 36px; height: 36px; line-height: 36px; background-color: #fff; color: #444444; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a i, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a i, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i { margin: 0; } li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .ajax-loading, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .ajax-loading, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .ajax-loading, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .ajax-loading, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .ajax-loading, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .ajax-loading { display: none !important; } li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback { display: none; } li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { color: #373435; } li.product .product-actions .add_to_compare, li.type-product .product-actions .add_to_compare { position: relative; display: inline-block; margin-right: 4px; } li.product .product-actions .add_to_compare a, li.type-product .product-actions .add_to_compare a { display: inline-block; width: 36px; height: 36px; line-height: 36px; background-color: #fff; color: #444444; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } li.product .product-actions .add_to_compare a.added, li.type-product .product-actions .add_to_compare a.added { color: #373435; } li.product .product-actions .add-to-cart-wrapper, li.type-product .product-actions .add-to-cart-wrapper { position: relative; display: inline-block; margin-right: 4px; } li.product .product-actions .add-to-cart-wrapper .add_to_cart_button, li.product .product-actions .add-to-cart-wrapper .added_to_cart, li.product .product-actions .add-to-cart-wrapper a.button, li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart, li.type-product .product-actions .add-to-cart-wrapper a.button { display: inline-block !important; width: 36px; height: 36px; line-height: 36px !important; background-color: #fff; color: #444444 !important; margin-top: 0 !important; padding: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } li.product .product-actions .add-to-cart-wrapper .add_to_cart_button.added, li.product .product-actions .add-to-cart-wrapper .added_to_cart.added, li.product .product-actions .add-to-cart-wrapper a.button.added, li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button.added, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart.added, li.type-product .product-actions .add-to-cart-wrapper a.button.added { display: none !important; } li.product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading, li.product .product-actions .add-to-cart-wrapper .added_to_cart.loading, li.product .product-actions .add-to-cart-wrapper a.button.loading, li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart.loading, li.type-product .product-actions .add-to-cart-wrapper a.button.loading { opacity: 1 !important; } li.product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading:after, li.product .product-actions .add-to-cart-wrapper .added_to_cart.loading:after, li.product .product-actions .add-to-cart-wrapper a.button.loading:after, li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading:after, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart.loading:after, li.type-product .product-actions .add-to-cart-wrapper a.button.loading:after { display: none !important; } li.product .product-actions .add-to-cart-wrapper .add_to_cart_button:hover, li.product .product-actions .add-to-cart-wrapper .added_to_cart:hover, li.product .product-actions .add-to-cart-wrapper a.button:hover, li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button:hover, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart:hover, li.type-product .product-actions .add-to-cart-wrapper a.button:hover { background-color: #a73796 !important; color: #fff !important; } li.product .product-actions .add-to-cart-wrapper .added_to_cart, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart { font-size: 0; } li.product .product-actions .add-to-cart-wrapper .added_to_cart i, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart i { color: #373435; font-size: 14px; line-height: 35px; } li.product .product-actions .add-to-cart-wrapper .btn_add_to_cart, li.type-product .product-actions .add-to-cart-wrapper .btn_add_to_cart { display: inline-block !important; width: 36px; height: 36px; line-height: 36px !important; background-color: #fff; color: #444444 !important; margin-top: 0 !important; padding: 0 !important; position: relative; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } li.product .product-actions .add-to-cart-wrapper .btn_add_to_cart:hover, li.type-product .product-actions .add-to-cart-wrapper .btn_add_to_cart:hover { background-color: #a73796 !important; color: #fff !important; } li.product .product-actions .quickview, li.type-product .product-actions .quickview { position: relative; display: inline-block; } li.product .product-actions .quickview a, li.type-product .product-actions .quickview a { display: inline-block; width: 36px; height: 36px; line-height: 36px; background: #fff; color: #444444; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .haru-archive-product .gridlist-toggle { float: left; margin-right: 60px; margin-bottom: 20px; } .haru-archive-product .gridlist-toggle span { border: 1px solid #e1e1e1; color: #666; width: 36px; height: 36px; line-height: 36px; text-align: center; display: inline-block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .haru-archive-product .gridlist-toggle span.active { background: #a73796; border: 1px solid #a73796; color: #fff; } .haru-archive-product .gridlist-toggle span:hover { cursor: pointer; } .haru-archive-product .gridlist-toggle span i { font-size: 16px; } .haru-archive-product .catalog-filter .woocommerce-result-count { margin: 0; line-height: 36px; } .haru-archive-product .catalog-filter .woocommerce-ordering { margin-bottom: 30px; } .haru-archive-product .catalog-filter .woocommerce-ordering select { height: 36px; border: 1px solid #e1e1e1; color: #666666; padding: 0 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .haru-archive-product .catalog-filter .woocommerce-ordering select:focus { outline: none; } .haru-archive-product .term-description { display: none; padding-bottom: 10px; } .haru-archive-product .archive-product-wrapper { overflow: visible; position: relative; } .haru-archive-product .archive-product-wrapper ul.products { margin-left: -15px; margin-right: -15px; } .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner { padding-bottom: 0px; margin: 10px 0; border: 1px solid #e1e1e1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-label { right: 10px; left: auto !important; } .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-label .onsale, .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-label .on-hot { background-color: #f0503f !important; } .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-label .product-flash, .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-label .onsale, .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-label .product-flash, .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-label .onsale { height: 42px; width: 42px; border-radius: 50% !important; line-height: 42px; } .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-info { min-height: 90px; } .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-actions a:hover { box-shadow: none !important; } .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-actions .add_to_compare a { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart, .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart, .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-actions .add-to-cart-wrapper a.button { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-actions .quickview a, .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-inner .product-actions .quickview a { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .haru-archive-product .archive-product-wrapper ul.products.grid li.product:hover .product-inner { -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); } .haru-archive-product .archive-product-wrapper ul.products.grid li.product:hover .product-inner .product-thumbnail .product-thumb-primary:before { display: none; } .haru-archive-product .archive-product-wrapper ul.products.grid li.product:hover .product-inner .product-thumbnail .product-thumb-primary img { opacity: 0.2; } .haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-2 li.product { width: 50%; } @media screen and (max-width: 991px) { .haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-2 li.product { width: 50%; } } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-2 li.product { width: 50%; } } .haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-3 li.product { width: 33.333333%; } @media screen and (max-width: 991px) { .haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-3 li.product { width: 33.333333%; } } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-3 li.product { width: 50%; } } .haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-4 li.product { width: 25%; } @media screen and (max-width: 991px) { .haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-4 li.product { width: 33.333333%; } } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-4 li.product { width: 50%; } } .haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-5 li.product { width: 20%; } @media screen and (max-width: 991px) { .haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-5 li.product { width: 33.333333%; } } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-5 li.product { width: 50%; } } .haru-archive-product .archive-product-wrapper ul.products.grid li.product { padding: 0 15px; margin: 0 0 30px 0; } .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-short-description { display: none; } .haru-archive-product .archive-product-wrapper ul.products.list { margin-left: 0px; margin-right: 0px; } .footer-bottom-section { margin-bottom: -10px; } .haru-archive-product .archive-product-wrapper ul.products.list li.product { width: 100%; padding: 0px; border: 1px solid #e1e1e1; margin-bottom: 30px; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner { position: static; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail { position: relative; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-label { right: auto; left: 30px !important; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-label .onsale, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-label .on-hot { background-color: #f0503f !important; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-label .product-flash, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-label .onsale, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-label .product-flash, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-label .onsale { height: 42px; width: 42px; border-radius: 50% !important; line-height: 42px; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumb-primary, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumb-one { float: left; margin-right: 20px; position: relative; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumb-primary img, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumb-one img { margin-bottom: 0; } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumb-primary img, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumb-one img { width: 100%; } } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumb-primary, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumb-one { margin-right: 0; margin-bottom: 15px; width: 100%; } } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .star-rating { position: relative; top: auto; left: auto; opacity: 1; margin: 0; margin-top: 15px; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .star-rating { margin-left: 15px; margin-right: 15px; } } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner span.price { text-align: left; margin-top: 15px; } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner span.price { margin-left: 15px; margin-right: 15px; } } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner h2 { font-size: 18px; font-weight: 700; text-align: left; text-transform: uppercase; padding: 10px !important; margin-top: 0px !important; } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner h2 { margin-left: 15px; margin-right: 15px; } } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-short-description { text-align: left; } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-short-description { margin-left: 15px; margin-right: 15px; } } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-actions { opacity: 1; width: auto; top: auto; left: 292px; bottom: 15px; right: auto; margin-top: 10px; position: absolute; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-actions a:hover { box-shadow: none !important; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-actions .add_to_compare a { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-actions .quickview a, .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-actions .quickview a { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .haru-archive-product .woocommerce-pagination { padding-bottom: 6%; text-align: center; } .haru-archive-product .woocommerce-pagination .page-numbers { border: none; } .haru-archive-product .woocommerce-pagination .page-numbers li { border: none; margin-right: 15px; } .haru-archive-product .woocommerce-pagination .page-numbers li span, .haru-archive-product .woocommerce-pagination .page-numbers li a { border: 1px solid #e1e1e1; color: #444444; display: inline-block; font-size: 14px; width: 32px; height: 32px; line-height: 16px; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-product .woocommerce-pagination .page-numbers li span.current { background: #a73796; border: 1px solid #a73796; color: #fff; } .haru-archive-product .woocommerce-pagination .page-numbers li a:hover, .haru-archive-product .woocommerce-pagination .page-numbers li a:focus { background: #a73796; border: 1px solid #a73796; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .archive-product-header { padding: 20px 0; } .archive-product-header .haru-shop-filter-menu { list-style: none; list-style-type: none; padding: 0; float: right; width: 20%; text-align: right; white-space: nowrap; overflow: hidden; } .archive-product-header .haru-shop-filter-menu li { display: inline-block; margin-right: 10px; } .archive-product-header .haru-shop-filter-menu li.current-cat a { color: #a73796; } .archive-product-header .haru-shop-filter-menu li.active a { color: #a73796; } .archive-product-header .haru-shop-filter-menu li.haru-shop-categories-btn-wrap { display: none; } @media screen and (max-width: 991px) { .archive-product-header .haru-shop-filter-menu li.haru-shop-categories-btn-wrap { display: inline-block; margin-right: 30px; } } .archive-product-header .haru-shop-filter-menu li span { margin-right: 10px; } .archive-product-header .haru-shop-filter-menu li a { font-size: 16px; line-height: 2; } @media screen and (max-width: 991px) { .archive-product-header .haru-shop-filter-menu { width: 100%; text-align: left; } } .archive-product-header .haru-shop-categories { list-style: none; list-style-type: none; padding: 0; float: left; width: 80%; overflow: hidden; } .archive-product-header .haru-shop-categories.fade-in { opacity: 1; } .archive-product-header .haru-shop-categories li { display: inline-block; margin-right: 10px; } .archive-product-header .haru-shop-categories li.current-cat a { color: #a73796; } .archive-product-header .haru-shop-categories li.active a { color: #a73796; } .archive-product-header .haru-shop-categories li span { margin-right: 10px; } @media screen and (max-width: 991px) { .archive-product-header .haru-shop-categories li span { display: none; } } .archive-product-header .haru-shop-categories li a { font-size: 16px; line-height: 2; } @media screen and (max-width: 991px) { .archive-product-header .haru-shop-categories li a { font-size: 14px; } } @media screen and (max-width: 991px) { .archive-product-header .haru-shop-categories li { width: 100%; margin: 0 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid #e1e1e1; } } @media screen and (max-width: 991px) { .archive-product-header .haru-shop-categories { display: none; opacity: 0; width: 100%; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } } .archive-product-header #haru-shop-sidebar { display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .archive-product-header #haru-shop-sidebar.fade-in { opacity: 1; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside { width: 25%; float: left; } @media screen and (max-width: 991px) { .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside { border-bottom: 1px solid #e1e1e1; float: none; width: 100%; } } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title { font-size: 18px; padding-bottom: 10px; position: relative; } @media screen and (max-width: 991px) { .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title { margin-bottom: 0; font-size: 14px; } } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title:after { position: absolute; content: "\f489"; font-family: Ionicons; right: 5px; font-size: 18px; display: none; top: -1px; } @media screen and (max-width: 991px) { .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title:after { display: block; } } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title.active:after { position: absolute; content: "\f462"; font-family: Ionicons; right: 5px; font-size: 18px; display: none; top: -1px; } @media screen and (max-width: 991px) { .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title.active:after { display: block; } } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside ul, .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside div { margin-bottom: 0; } @media screen and (max-width: 991px) { .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside ul.show, .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside div.show { height: auto; padding-bottom: 5px; } } @media screen and (max-width: 991px) { .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside ul, .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside div { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.3s ease; -o-transition: height 0.3s ease; transition: height 0.3s ease; } } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-product-sorting { list-style: none; list-style-type: none; padding-left: 0; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-product-sorting li { margin-bottom: 5px; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-product-sorting li.active { color: #a73796; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-price-filter { list-style: none; padding-left: 0; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-price-filter li { margin-bottom: 5px; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-price-filter li.current { color: #a73796; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter ul { list-style: none; padding: 0; margin: 0; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li { margin-bottom: 5px; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a { position: relative; display: inline-block; color: #a73796; padding: 0 10px 0 30px; border: 1px solid #a73796; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a:before { display: block; position: absolute; top: 1px; left: 10px; font-family: "Ionicons"; content: "\f2d7"; color: #a73796; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a:hover { color: #666666; border: 1px solid #666666; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a:hover:before { color: #666666; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li a i { border: 1px solid rgba(0, 0, 0, 0.1); display: inline-block; width: 10px; height: 10px; margin-right: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li span { display: none; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .widget_product_tag_cloud .tagcloud a { border: 1px solid #e1e1e1; display: inline-block; font-size: 14px !important; padding: 3px 10px; color: #666666; margin-top: 6px; margin-right: 3px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .widget_product_tag_cloud .tagcloud a:hover { color: #fff; background: #a73796; border-top: solid 1px #a73796; border-left: solid 1px #a73796; border-right: solid 1px #a73796; border-bottom: solid 1px #a73796; } .archive-product-header .haru-shop-search { display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .archive-product-header .haru-shop-search.fade-in { opacity: 1; } .archive-product-header .haru-shop-search .haru-shop-search-input-wrap { overflow: hidden; position: relative; } .archive-product-header .haru-shop-search .haru-shop-search-input-wrap #haru-shop-search-close { position: absolute; top: 50%; right: 10px; z-index: 10; font-size: 25px; line-height: 1; color: #aaa; width: 25px; height: 25px; margin-top: -12px; } .archive-product-header .haru-shop-search .haru-shop-search-input-wrap .search-form { max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .archive-product-header .haru-shop-search .haru-shop-search-input-wrap .search-form input { background: transparent; border: none; display: block; padding: 5px 30px 5px 20px; width: 100%; } .archive-product-header .haru-shop-search .haru-shop-search-input-wrap .search-form input:focus { outline: none; } .archive-product-header .haru-shop-search #haru-shop-search-notice { font-size: 14px; color: #aaa; height: 0; opacity: 0; cursor: default; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .archive-product-header .haru-shop-search #haru-shop-search-notice.show { height: 30px; opacity: 1; } .haru-loadmore-wrapper { padding-bottom: 6%; } .haru-loadmore-wrapper .haru-loadmore-link { display: none; } .haru-loadmore-wrapper .haru-loadmore-controls { text-align: center; } .haru-loadmore-wrapper .haru-loadmore-controls.haru-loader .haru-loadmore-btn i { display: inline-block; } .haru-loadmore-wrapper .haru-loadmore-controls.hide-btn .haru-loadmore-btn { display: none; } .haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-btn { background: #a73796; color: #fff; display: block; margin: 0 auto; padding: 8px 20px; text-transform: uppercase; width: 160px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-btn:hover { background: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-btn i { margin-right: 10px; display: none; } .haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-all { display: none; } .haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-all.show { display: block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #haru-shop-products-overlay { position: absolute; top: -1px; left: 0; z-index: 1000; width: 1px; height: 1px; opacity: 0; overflow: hidden; background: #fff; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } #haru-shop-products-overlay.show { visibility: visible; top: 0; width: 100%; height: 100%; opacity: 1; } #haru-shop-products-overlay.fade-out { opacity: 0; } #haru-shop-products-overlay i { top: 160px; left: 50%; position: absolute; opacity: 1; color: #a73796; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* Results button/bar */ .haru-shop-results-bar { margin-bottom: 20px; overflow: hidden; } .haru-shop-results-bar a { position: relative; display: inline-block; line-height: 1.4; overflow: hidden; margin-right: 8px; padding: 5px 15px 5px 35px; border: 1px solid #666666; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .haru-shop-results-bar a:last-child { margin-right: 0; } .haru-shop-results-bar a:hover { text-decoration: line-through; } .haru-shop-results-bar a span { color: #444444; } .haru-shop-results-bar a i { position: absolute; top: 6px; left: 12px; font-size: 16px; line-height: 1; } .haru-single-product { padding-bottom: 80px; } .haru-single-product .related { margin-top: 60px; } .haru-single-product .related > h2 { font-size: 26px; padding-bottom: 15px; position: relative; text-transform: uppercase; } @media screen and (max-width: 991px) { .haru-single-product .related > h2 { font-size: 22px; } } @media screen and (max-width: 767px) { .haru-single-product .related > h2 { font-size: 16px; } } .haru-single-product .related > h2:after { background-color: #a73796; content: ""; position: absolute; left: 0; bottom: 0; width: 55px; height: 3px; } .haru-single-product .related .related-products { margin: 50px 0 0 0; } .haru-single-product .related .related-products .owl-item .product { width: 100%; } .haru-single-product .related .owl-nav { position: absolute; display: block; bottom: calc(100% + 60px); z-index: 9; width: 100%; text-align: right; } .haru-single-product .related .owl-nav .owl-prev, .haru-single-product .related .owl-nav .owl-next { display: inline-block; z-index: 9; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #f6f6f6; color: #a5a5a5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .haru-single-product .related .owl-nav .owl-prev:hover, .haru-single-product .related .owl-nav .owl-next:hover { background: #a73796; cursor: pointer; color: #fff; } .haru-single-product .related .owl-nav .owl-next { margin-left: 5px; } .single-product-top { display: inline-block; width: 100%; } .single-product-top .single-product-image-wrap { position: relative; width: 49%; float: left; } @media screen and (max-width: 991px) { .single-product-top .single-product-image-wrap { float: none; padding-bottom: 50px; width: 100%; } } @media screen and (max-width: 767px) { .single-product-top .single-product-image-wrap { padding-bottom: 30px; } } .single-product-top .single-product-image-wrap .slick-slide img { width: 100%; } .single-product-top .slider-nav a img { height: 100px; object-fit: contain; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1 { margin-right: 90px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-prev { left: 35px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-next { right: 35px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-prev { left: 10px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-next { right: 100px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 { position: absolute; right: 0; top: 0; max-width: 90px; margin-top: -5px; margin-bottom: -5px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 .thumbnail-image { padding: 5px 0 5px 5px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right .product-video { right: 110px; bottom: 20px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1 { margin-left: 90px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-prev { left: 35px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-next { right: 35px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-prev { left: 100px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-next { right: 10px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 { position: absolute; left: 0; top: 0; max-width: 90px; margin-top: -5px; margin-bottom: -5px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 .thumbnail-image { padding: 5px 5px 5px 0; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left .product-video { right: 20px; bottom: 20px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left .product-label { left: 90px; } .single-product-top .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-prev { top: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .single-product-top .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-next { bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev { top: 0; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev:before { content: "\f3d8"; font-family: Ionicons; } .single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next { bottom: 0; top: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next:before { content: "\f3d0"; font-family: Ionicons; } .single-product-top .single-product-image-wrap.horizontal .product-video { top: 70%; right: 20px; } .single-product-top .single-product-image-wrap.vertical_gallery #product-images { padding-left: 100px; } .single-product-top .single-product-image-wrap.vertical_gallery #product-images .woocommerce-image-zoom { margin-bottom: 20px; position: relative; border: 1px solid #e1e1e1; } .single-product-top .single-product-image-wrap.vertical_gallery #product-images .woocommerce-image-zoom .woocommerce-main-image { width: 36px; height: 36px; font-size: 16px; line-height: 36px; text-align: center; background-color: #fff; position: absolute; right: 20px; top: 20px; z-index: 9; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single-product-top .single-product-image-wrap.vertical_gallery .product-label { left: 100px; } .single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails { position: absolute; top: 0; max-width: 90px; } .single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails.is_stuck { padding-top: 70px; } .single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails .thumbnail-image { margin-bottom: 10px; } .single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails .thumbnail-image img { border: 1px solid #e1e1e1; } .single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails .thumbnail-image.current img { border: 1px solid #a73796; } .single-product-top .single-product-image-wrap.vertical_gallery .product-video { right: 20px; bottom: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .single-product-top .single-product-image-wrap .single-product-image-inner { position: relative; } .single-product-top .single-product-image-wrap .single-product-image-inner .product-video { position: absolute; margin-bottom: 0; } .single-product-top .single-product-image-wrap .single-product-image-inner .product-video a { background-color: #fff; display: block; font-size: 14px; height: 36px; text-align: center; text-transform: uppercase; padding: 0 20px; line-height: 34px; border: 1px solid #e1e1e1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .single-product-top .single-product-image-wrap .single-product-image-inner .product-video a i { margin-right: 8px; } .single-product-top .single-product-image-wrap #product-images1 { border: 1px solid #e1e1e1; } .single-product-top .single-product-image-wrap #product-images1:hover { cursor: crosshair; } .single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev { left: 35px; } .single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next { right: 35px; } .single-product-top .single-product-image-wrap #product-images1:hover .woocommerce-main-image { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next { background: none; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; padding: 0; position: absolute; top: 50%; z-index: 999; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before, .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before { color: #666666; font-family: "slick"; font-size: 36px; line-height: 1; opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:hover:before, .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next:hover:before { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev { left: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before { content: "\f3d2"; font-family: Ionicons; } .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next { right: 10px; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); } .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before { content: "\f3d3"; font-family: Ionicons; } .single-product-top .single-product-image-wrap #product-images1 .woocommerce-main-image { width: 36px; height: 36px; font-size: 18px; line-height: 34px; text-align: center; background-color: #fff; position: absolute; right: 20px; top: 20px; z-index: 9; opacity: 0; border: 1px solid #e1e1e1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single-product-top .single-product-image-wrap #product-images1 .woocommerce-main-image:hover { background-color: #a73796; border: 1px solid #a73796; color: #fff; } .single-product-top .single-product-image-wrap #product-thumbnails1 { margin-top: 30px; margin-left: -5px; margin-right: -4px; } .single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev { left: 25px; } .single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next { right: 25px; } .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next { background: none; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; padding: 0; position: absolute; top: 50%; z-index: 999; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before, .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before { color: #666666; font-family: "slick"; font-size: 28px; line-height: 1; opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:hover:before, .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:hover:before { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev { left: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before { content: "\f3d2"; font-family: Ionicons; } .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next { right: 10px; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); } .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before { content: "\f3d3"; font-family: Ionicons; } .single-product-top .single-product-image-wrap #product-thumbnails1 .thumbnail-image { padding: 0 5px; } .single-product-top .single-product-image-wrap #product-thumbnails1 .thumbnail-image img { border: 1px solid #e1e1e1; } .single-product-top .single-product-image-wrap #product-thumbnails1 .thumbnail-image.slick-current img { border: 1px solid #a73796; } .single-product-top .single-product-image-wrap .product-label { position: absolute; left: 0; top: 0; } .single-product-top .single-product-image-wrap .product-flash, .single-product-top .single-product-image-wrap .onsale { width: 42px; height: 42px; line-height: 42px; top: 20px; background-color: #a73796 !important; color: #fff; display: block; position: relative; z-index: 2; left: 20px !important; font-size: 14px !important; text-transform: uppercase !important; text-align: center; min-height: auto; min-width: auto; font-weight: 400; margin-bottom: 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .single-product-top .single-product-image-wrap .product-flash.on-hot { background-color: #d13420 !important; } .single-product-top .single-product-image-wrap .onsale { line-height: 36px; background-color: #f5a64a !important; } .single-product-top .product-size-guide { font-weight: 700; font-style: italic; padding-top: 5px; } .single-product-top .entry-summary { margin-bottom: 0 !important; } .single-product-top .entry-summary.is_stuck { padding-top: 70px; } .single-product-top .entry-summary .product_title { font-size: 24px; } .single-product-top .entry-summary .woocommerce-product-rating { padding-top: 10px; } .single-product-top .entry-summary .woocommerce-product-rating .star-rating { color: #f7bb2a; } .single-product-top .entry-summary .woocommerce-product-rating .star-rating:before { color: #f7bb2a; } .single-product-top .entry-summary p.price { font-size: 24px; color: #ababab; margin-top: 20px; padding-bottom: 5px; } .single-product-top .entry-summary p.price .woocommerce-Price-amount { margin-right: 5px; color: #a73796; } .single-product-top .entry-summary p.price del { font-weight: normal !important; opacity: 1; } .single-product-top .entry-summary p.price del .woocommerce-Price-amount { color: #ababab; } .single-product-top .entry-summary p.price ins { font-weight: normal !important; text-decoration: none; } .single-product-top .entry-summary form.cart { margin-top: 20px; margin-bottom: 10px !important; } .single-product-top .entry-summary form.cart table.variations { margin-bottom: 0px !important; } .single-product-top .entry-summary form.cart table.variations tr { margin-bottom: 15px; width: 33.333333%; float: left; } .single-product-top .entry-summary form.cart table.variations tr td label { color: #444444; font-size: 14px; text-transform: uppercase; } .single-product-top .entry-summary form.cart table.variations tr td.value { margin-top: -5px; } .single-product-top .entry-summary form.cart table.variations tr td select { height: 35px; border-radius: 0; padding-left: 10px; outline: none; width: 100%; border: 1px solid #e1e1e1; font-style: italic; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:hover .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li:hover .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li:hover .button-tooltip { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -5px); -ms-transform: translate(-50%, -5px); -o-transform: translate(-50%, -5px); transform: translate(-50%, -5px); -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li .button-tooltip { padding: 3px 5px; position: absolute; text-transform: none; display: inline-block; min-width: 60px; opacity: 0; text-align: center; visibility: hidden; bottom: calc(100% + 2px); left: 50%; background: #555 !important; color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: normal; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip:after, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li .button-tooltip:after, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li .button-tooltip:after { width: 0; height: 0; position: absolute; bottom: -6px; left: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #555; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper { display: flex; margin-left: 0px; list-style: none; margin-bottom: 0 !important; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li { cursor: pointer; position: relative; width: 20px !important; height: 20px !important; display: inline-flex; padding: 0; margin-right: 10px; cursor: pointer; position: relative; vertical-align: middle; -ms-box-sizing: "content-box"; -moz-box-sizing: "content-box"; -webkit-box-sizing: "content-box"; box-sizing: "content-box"; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected { cursor: pointer; border-color: #a73796; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected:before { border: 2px solid #444; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:before { content: ""; position: absolute; width: 26px; height: 26px; border: 1px solid #cdcdcd; top: -3px; left: -3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper { padding-left: 15px; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li { cursor: pointer; position: relative; padding: 5px 10px; border: 1px solid; margin-right: 5px; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li.selected { cursor: pointer; border-color: #a73796; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper { padding: 0; margin: 0; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li { padding: 0; margin: 0 5px; cursor: pointer; position: relative; width: 50px; height: 50px; text-align: center; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li.selected { cursor: pointer; border: 1px solid #a73796; } .single-product-top .entry-summary form.cart .quantity input[type="number"] { height: 40px; border: 1px solid #e1e1e1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .single-product-top .entry-summary form.cart .quantity input[type="number"]:focus { outline: none; } .single-product-top .entry-summary form.cart .single_add_to_cart_button { height: 40px; background: #a73796; text-transform: uppercase; color: #fff; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .entry-summary form.cart .single_add_to_cart_button:hover { background: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .entry-summary form.cart .woocommerce-variation-price { margin-bottom: 20px; } .single-product-top .entry-summary form.cart .woocommerce-variation-price span.price { color: #373435; } .single-product-top .entry-summary form.cart .woocommerce-variation-price span.price del { margin-right: 20px; opacity: 1; color: #aeadad; } .single-product-top .entry-summary form.cart .woocommerce-variation-price span.price ins { text-decoration: none; } .single-product-top .entry-summary .yith-wcwl-add-to-wishlist { width: auto; float: left; text-transform: uppercase; margin-right: 10px; } .single-product-top .entry-summary .yith-wcwl-add-to-wishlist a { color: #fff; height: 40px; line-height: 40px; padding: 0 15px; display: block; background: #a73796; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .entry-summary .yith-wcwl-add-to-wishlist a:hover { background: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .entry-summary .yith-wcwl-add-to-wishlist img { display: none !important; } .single-product-top .entry-summary .yith-wcwl-add-to-wishlist .feedback { display: none; } .single-product-top .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, .single-product-top .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i { margin-right: 5px; } .single-product-top .entry-summary a.compare { padding: 0 15px; height: 40px; line-height: 40px; background: #a73796; color: #fff; text-align: center; margin-top: 10px; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .entry-summary a.compare:before { content: "\f4a9"; font-family: Ionicons; font-weight: 400; margin-right: 8px; } .single-product-top .entry-summary a.compare.added i { display: none; } .single-product-top .entry-summary a.compare.added:after { display: none; } .single-product-top .entry-summary a.compare:hover { background-color: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .entry-summary a.compare:hover:before { color: #fff; } .single-product-top .entry-summary .product_meta { margin-top: 30px; border-top: 1px solid #e1e1e1; padding-top: 20px; } .single-product-top .entry-summary .product_meta > span { display: block; margin-bottom: 15px; } .single-product-top .entry-summary .product_meta > span.devide_sign { font-weight: 400; } .single-product-top .entry-summary .product_meta .sku_wrapper .label, .single-product-top .entry-summary .product_meta .posted_in .label, .single-product-top .entry-summary .product_meta .tagged_as .label { color: #444444; font-size: 14px; font-weight: 700; padding: 0 5px 0 0; text-transform: uppercase; } .single-product-top .entry-summary .product_meta .sku_wrapper a, .single-product-top .entry-summary .product_meta .posted_in a, .single-product-top .entry-summary .product_meta .tagged_as a { text-transform: none; } .single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share { list-style: none; list-style-type: none; margin: 0; padding: 0; } .single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li { display: inline-block; text-align: center; } .single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li.social-label { text-transform: uppercase; color: #444444; font-weight: 700; margin-right: 0px; } .single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li a { padding: 0 10px; } .single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li:hover a { color: #a73796; } .single-product-content .woocommerce-tabs { margin-top: 50px; } .single-product-content .woocommerce-tabs ul.tabs { padding: 0 !important; text-align: center; } .single-product-content .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid #e1e1e1 !important; } .single-product-content .woocommerce-tabs ul.tabs li { border: none !important; background: none !important; margin: 0 !important; } .single-product-content .woocommerce-tabs ul.tabs li:first-child { padding-left: 0 !important; } .single-product-content .woocommerce-tabs ul.tabs li:before, .single-product-content .woocommerce-tabs ul.tabs li:after { display: none; } .single-product-content .woocommerce-tabs ul.tabs li.active { border-bottom: 1px solid #373435 !important; } .single-product-content .woocommerce-tabs ul.tabs li.active a { color: #a73796 !important; } .single-product-content .woocommerce-tabs ul.tabs li a { font-size: 15px; font-weight: 500 !important; color: #444444; text-transform: uppercase; text-shadow: none !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-bottom: 1px solid #e1e1e1; padding-bottom: 25px !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel h2 { font-size: 18px; text-transform: uppercase; color: #a73796; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel p { line-height: 1.8; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist { padding: 0; margin-top: 40px !important; border-bottom: 1px solid #e1e1e1; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container img { width: 70px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text { margin-left: 80px !important; border: none !important; padding-top: 5px !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating { color: #373435; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating:before { color: #373435; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .meta { font-size: 14px !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper { margin-top: 30px; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-reply-title { font-size: 18px; color: #a73796; text-transform: uppercase; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating { margin-top: 15px !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating label { text-transform: uppercase; font-weight: 400; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating .stars { display: inline-block; margin: 0 0 0 20px !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating .stars span a:before { top: 4px; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-comment label { text-transform: uppercase; font-weight: 400; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-comment textarea { border: 1px solid #e1e1e1; padding: 5px 10px; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-comment textarea:focus { border: 1px solid #a73796; outline: none; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author, .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email { width: 50%; float: left; margin-bottom: 20px !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author label, .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email label { display: block; text-transform: uppercase; font-weight: 400; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author input, .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email input { width: 100%; padding: 5px 10px; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author { padding-right: 10px; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email { padding-left: 10px; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit .submit { background-color: #a73796 !important; color: #fff !important; text-transform: uppercase; font-weight: 400 !important; padding: 10px 30px !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit .submit:hover { background-color: #373435 !important; } /*----------------------------------- * WOOCOMMERCE SIDEBAR * USED FOR PAGE SIDEBAR TOO *-----------------------------------*/ .page-sidebar aside.widget, .woocommerce-sidebar aside.widget { margin-bottom: 25px; } .page-sidebar .widget-title, .woocommerce-sidebar .widget-title { background-color: #a73796; color: #fff; font-size: 15px; line-height: 1.4; padding: 15px; margin-top: 0px; margin-bottom: 15px; text-transform: uppercase; font-weight: 500; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .page-sidebar .widget_product_categories .product-categories, .woocommerce-sidebar .widget_product_categories .product-categories { border: 1px solid rgba(117, 178, 57, 0.15); list-style: none; margin: 0; padding: 0; } .page-sidebar .widget_product_categories .product-categories > li, .woocommerce-sidebar .widget_product_categories .product-categories > li { background-color: rgba(117, 178, 57, 0.05); } .page-sidebar .widget_product_categories .product-categories li, .woocommerce-sidebar .widget_product_categories .product-categories li { border-top: 1px solid rgba(117, 178, 57, 0.15); list-style: none; padding: 8px 15px; } .page-sidebar .widget_product_categories .product-categories li:first-child, .woocommerce-sidebar .widget_product_categories .product-categories li:first-child { border-top: none; } .page-sidebar .widget_product_categories .product-categories li a, .woocommerce-sidebar .widget_product_categories .product-categories li a { font-weight: normal; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar .widget_product_categories .product-categories li a:hover, .woocommerce-sidebar .widget_product_categories .product-categories li a:hover { color: #a73796; padding-left: 10px; } .page-sidebar .widget_product_categories .product-categories li span, .woocommerce-sidebar .widget_product_categories .product-categories li span { float: right; color: #666666; } .page-sidebar .widget_product_categories .product-categories li.cat-parent:hover ul li a, .woocommerce-sidebar .widget_product_categories .product-categories li.cat-parent:hover ul li a { padding-left: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar .widget_product_categories .product-categories li.cat-parent:hover ul li a:hover, .woocommerce-sidebar .widget_product_categories .product-categories li.cat-parent:hover ul li a:hover { padding-left: 10px; } .page-sidebar .widget_product_categories .product-categories li .children, .woocommerce-sidebar .widget_product_categories .product-categories li .children { padding-left: 10px; } .page-sidebar .widget_price_filter form, .woocommerce-sidebar .widget_price_filter form { margin-top: 30px; } .page-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content, .woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content { background-color: #ebebeb; height: 3px; } .page-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content .ui-slider-range, .woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content .ui-slider-range { background-color: #a73796; } .page-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content .ui-slider-handle, .woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content .ui-slider-handle { background-color: #a73796; width: 12px; height: 12px; } .page-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount, .woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount { padding-top: 5px; } .page-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button, .woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button { font-size: 14px; text-transform: uppercase; color: #666666; background: transparent; border: 1px solid #e1e1e1; border-radius: 0; font-weight: 400; padding: 6px 12px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button.button:hover, .woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button.button:hover { background-color: #a73796; border: 1px solid #a73796; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label, .woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label { font-size: 14px; } .page-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon, .woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon { display: inline-block; position: relative; } .page-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon i, .woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon i { font-size: 18px; } .page-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon .total, .woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon .total { position: absolute; border: none; top: -5px; right: -13px; padding: 0; width: 18px; height: 18px; border-radius: 50%; background: #a73796; color: #fff; text-align: center; line-height: 18px; font-size: 12px; } .page-sidebar .widget_shopping_cart .widget_shopping_cart_content .sub-total-text, .woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .sub-total-text { display: inline-block; font-weight: 500; margin-left: 20px; } .page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header, .woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header { display: none; } .page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul, .woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul { margin-top: 10px; } .page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li, .woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li { padding-left: 0; } .page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-left, .woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-left { font-size: 0; } .page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a, .woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a { color: #444444; font-weight: 500; text-transform: capitalize; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a:hover, .woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a .quantity, .woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a .quantity { color: #444444; } .page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total, .woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total { margin-top: 10px; } .page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .total, .woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .total { border-top: 1px solid #e1e1e1; padding: 10px 0 0; text-transform: capitalize; } .page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .buttons .button, .woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .buttons .button { text-transform: uppercase; background: #a73796; color: #fff; font-weight: 500; font-size: 13px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .buttons .button:hover, .woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .buttons .button:hover { background: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar .yith-woocompare-widget, .woocommerce-sidebar .yith-woocompare-widget { display: table; width: 100%; } .page-sidebar .yith-woocompare-widget ul, .woocommerce-sidebar .yith-woocompare-widget ul { margin: 0; padding: 0; } .page-sidebar .yith-woocompare-widget ul li, .woocommerce-sidebar .yith-woocompare-widget ul li { list-style: none; padding: 10px 0; border-bottom: 1px solid #e1e1e1; margin-bottom: 10px; display: inline-flex; width: 100%; } .page-sidebar .yith-woocompare-widget ul li:before, .woocommerce-sidebar .yith-woocompare-widget ul li:before { content: "\f105"; font-family: FontAwesome; margin-right: 10px; } .page-sidebar .yith-woocompare-widget ul li a.title, .woocommerce-sidebar .yith-woocompare-widget ul li a.title { color: #444444; text-transform: capitalize; font-size: 14px; font-weight: 500; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar .yith-woocompare-widget ul li a.title:hover, .woocommerce-sidebar .yith-woocompare-widget ul li a.title:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar .yith-woocompare-widget .compare, .woocommerce-sidebar .yith-woocompare-widget .compare { font-size: 14px; font-weight: 500; color: #fff; background: #a73796; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .page-sidebar .yith-woocompare-widget .compare:hover, .woocommerce-sidebar .yith-woocompare-widget .compare:hover { background-color: #373435; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar .widget_product_tag_cloud .tagcloud a, .woocommerce-sidebar .widget_product_tag_cloud .tagcloud a { border: 1px solid #e1e1e1; display: inline-block; font-size: 14px !important; font-weight: normal; padding: 3px 10px; margin-top: 8px; margin-right: 2px; text-transform: capitalize; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar .widget_product_tag_cloud .tagcloud a:hover, .woocommerce-sidebar .widget_product_tag_cloud .tagcloud a:hover { background: #a73796; border: 1px solid #a73796; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar ul.product_list_widget li, .woocommerce-sidebar ul.product_list_widget li { width: 100%; display: table; } .page-sidebar ul.product_list_widget li .product-title, .woocommerce-sidebar ul.product_list_widget li .product-title { color: #444444; font-weight: 500; margin-bottom: 5px; display: table; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar ul.product_list_widget li .product-title:hover, .woocommerce-sidebar ul.product_list_widget li .product-title:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar ul.product_list_widget li img, .woocommerce-sidebar ul.product_list_widget li img { width: 60px; height: 60px; float: left; margin-right: 20px; margin-left: 0; padding: 5px; object-fit: contain; } .page-sidebar ul.product_list_widget li span.amount, .woocommerce-sidebar ul.product_list_widget li span.amount { color: #a73796; font-size: 14px; font-weight: 500; margin-right: 10px; } .page-sidebar ul.product_list_widget li ins, .woocommerce-sidebar ul.product_list_widget li ins { display: inline-flex; text-decoration: none; } .page-sidebar ul.product_list_widget li ins span, .woocommerce-sidebar ul.product_list_widget li ins span { color: #a73796 !important; font-weight: 500 !important; } .page-sidebar ul.product_list_widget li del, .woocommerce-sidebar ul.product_list_widget li del { opacity: 0.8; } .page-sidebar ul.product_list_widget li del span.amount, .woocommerce-sidebar ul.product_list_widget li del span.amount { color: #444444; font-weight: normal; } .page-sidebar ul.product_list_widget li del span.woocommerce-Price-currencySymbol, .woocommerce-sidebar ul.product_list_widget li del span.woocommerce-Price-currencySymbol { color: #444444; } .page-sidebar .widget_product_search .woocommerce-product-search, .woocommerce-sidebar .widget_product_search .woocommerce-product-search { display: flex; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .page-sidebar .widget_product_search .woocommerce-product-search input[type="search"], .woocommerce-sidebar .widget_product_search .woocommerce-product-search input[type="search"] { height: 40px; outline: none; padding-left: 10px; border: 1px solid #e1e1e1; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 100%; } .page-sidebar .widget_product_search .woocommerce-product-search input[type="search"]::-moz-placeholder, .woocommerce-sidebar .widget_product_search .woocommerce-product-search input[type="search"]::-moz-placeholder { color: #aeadad; opacity: 1; } .page-sidebar .widget_product_search .woocommerce-product-search input[type="search"]:-ms-input-placeholder, .woocommerce-sidebar .widget_product_search .woocommerce-product-search input[type="search"]:-ms-input-placeholder { color: #aeadad; } .page-sidebar .widget_product_search .woocommerce-product-search input[type="search"]::-webkit-input-placeholder, .woocommerce-sidebar .widget_product_search .woocommerce-product-search input[type="search"]::-webkit-input-placeholder { color: #aeadad; } @media screen and (max-width: 1199px) { .page-sidebar .widget_product_search .woocommerce-product-search input[type="search"], .woocommerce-sidebar .widget_product_search .woocommerce-product-search input[type="search"] { min-width: 140px; } } @media screen and (max-width: 767px) { .page-sidebar .widget_product_search .woocommerce-product-search input[type="search"], .woocommerce-sidebar .widget_product_search .woocommerce-product-search input[type="search"] { min-width: 200px; } } .page-sidebar .widget_product_search .woocommerce-product-search button[type="submit"], .woocommerce-sidebar .widget_product_search .woocommerce-product-search button[type="submit"] { height: 40px; background: #a73796; font-weight: 500; text-transform: uppercase; color: #fff; padding: 0 15px; border: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .page-sidebar .widget_product_search .woocommerce-product-search button[type="submit"]:hover, .woocommerce-sidebar .widget_product_search .woocommerce-product-search button[type="submit"]:hover { background: #373435; cursor: pointer; } .page-sidebar .widget_product_search .woocommerce-product-search button[type="submit"]:focus, .woocommerce-sidebar .widget_product_search .woocommerce-product-search button[type="submit"]:focus { outline: none; } .page-sidebar .widget_layered_nav ul li, .woocommerce-sidebar .widget_layered_nav ul li { list-style: none; padding: 10px 0; } .page-sidebar .widget_layered_nav ul li a, .woocommerce-sidebar .widget_layered_nav ul li a { text-transform: uppercase; color: #444444; font-weight: 500; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-sidebar .widget_layered_nav ul li span, .woocommerce-sidebar .widget_layered_nav ul li span { float: right; color: #444444; } .page-sidebar .widget_layered_nav ul li:hover a, .woocommerce-sidebar .widget_layered_nav ul li:hover a { color: #a73796; padding-left: 10px; } /*----------------------------------- * WOOCOMMERCE SHOPPING CART *-----------------------------------*/ .woocommerce-cart .woocommerce { margin-top: 30px; } .woocommerce-cart .woocommerce .button { background: #a73796; color: #fff !important; font-weight: 500; padding: 12px 15px !important; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-cart .woocommerce .button:hover { background: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-cart .woocommerce .button:focus { outline: none; } .woocommerce-cart .woocommerce .shopping-cart-title { text-transform: uppercase; text-align: center; margin-bottom: 30px; font-size: 28px; color: #a73796; } @media screen and (max-width: 767px) { .woocommerce-cart .woocommerce .shopping-cart-title { font-size: 20px; } } .woocommerce-cart .woocommerce table.shop_table_responsive { border: none !important; } .woocommerce-cart .woocommerce table.shop_table_responsive thead tr { text-transform: uppercase; } .woocommerce-cart .woocommerce table.shop_table_responsive thead tr th { border: none; } .woocommerce-cart .woocommerce table.shop_table_responsive thead tr th:first-child { padding-left: 0; } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-thumbnail { padding-left: 0; } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-thumbnail img { max-height: 100px; width: auto; } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-name a { color: #444444; font-weight: 500; } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-name a:hover { color: #a73796; } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions { padding: 20px 0 0; } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon .input-text { min-width: 150px; padding: 8px 10px; text-align: left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } @media screen and (max-width: 767px) { .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon .input-text { min-width: 120px; } } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon input[name="apply_coupon"] { background: #a73796; } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon input[name="apply_coupon"]:hover { background: #373435; } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon input[type="submit"] { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-cart .woocommerce .cart-collaterals { padding-bottom: 60px; } @media screen and (max-width: 991px) { .woocommerce-cart .woocommerce .cart-collaterals { padding-bottom: 20px; } } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 { margin-bottom: 25px; font-size: 24px; text-transform: uppercase; } @media screen and (max-width: 767px) { .woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 { font-size: 20px; } } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tbody tr { text-transform: uppercase; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tbody tr th { padding-left: 0; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tbody tr td { padding-right: 0; text-align: right; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a { background: #a73796; font-size: 14px; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover { background: #373435; } /*----------------------------------- * WOOCOMMERCE MY ACCOUNT *-----------------------------------*/ .woocommerce-account .woocommerce { margin-bottom: 60px; margin-top: 30px; } @media screen and (max-width: 991px) { .woocommerce-account .woocommerce { margin-bottom: 20px; } } .woocommerce-account .woocommerce form .form-row label { font-weight: 500; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul { list-style: none; list-style-type: none; padding: 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li { margin: 15px 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a { color: #a73796; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li:first-child { margin-top: 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a { text-transform: uppercase; font-weight: 500; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content table { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 100%; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content table thead { text-transform: uppercase; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content p input { border: 1px solid #e1e1e1; padding: 8px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content p input:focus { border: 1px solid #a73796; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content p input[type="submit"] { background: #a73796; border: none; color: #fff; font-weight: 500; margin-top: 20px; padding: 10px 15px; text-transform: uppercase; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content p input[type="submit"]:hover { background: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content p input[type="submit"]:focus { outline: none; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content fieldset { margin-top: 20px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content fieldset legend { position: relative; text-transform: uppercase; border: none; font-weight: 500; padding-left: 3px; margin-bottom: 10px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title { margin-top: 20px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h3 { text-transform: uppercase; position: relative; margin-top: 0; margin-bottom: 30px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .button { background: #a73796; color: #fff; font-weight: 500; padding: 10px 20px; margin-left: 3px; margin-top: 15px; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .button:hover { background: #373435; } .woocommerce-account .woocommerce .customer_login_form_wrap h2 { text-transform: uppercase; } .woocommerce-account .woocommerce .customer_login_form_wrap form { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-account .woocommerce .customer_login_form_wrap form input { border: 1px solid #e1e1e1; padding: 8px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-account .woocommerce .customer_login_form_wrap form .button { background: #a73796; border: none; color: #fff; font-weight: 500; padding: 8px 15px; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-account .woocommerce .customer_login_form_wrap form .button:hover { background: #373435; } .woocommerce-account .woocommerce .customer_login_form_wrap form .button:focus { outline: none; } /*----------------------------------- * WOOCOMMERCE WISHLIST *-----------------------------------*/ .woocommerce-wishlist .woocommerce { margin-bottom: 60px; margin-top: 30px; } .woocommerce-wishlist .woocommerce .wishlist-title { display: block; text-align: center; } .woocommerce-wishlist .woocommerce .wishlist-title h2 { color: #a73796; line-height: 1.4; } @media screen and (max-width: 991px) { .woocommerce-wishlist .woocommerce .wishlist-title h2 { font-size: 18px; } } @media screen and (max-width: 767px) { .woocommerce-wishlist .woocommerce .wishlist-title h2 { font-size: 16px; } } .woocommerce-wishlist .woocommerce .wishlist_table { margin-top: 15px; font-size: 100%; } .woocommerce-wishlist .woocommerce .wishlist_table thead { text-transform: uppercase; } .woocommerce-wishlist .woocommerce .wishlist_table thead tr th { border-top: none; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .product-remove a.remove { margin: 0 auto; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .product-name a { color: #444444; font-weight: 500; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .product-name a:hover { color: #a73796; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .product-price { text-align: left; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .product-stock-status { text-align: left; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .product-stock-status span { color: #a73796; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .add-to-cart-wrapper a { background: #a73796; color: #fff; font-weight: 700; padding: 10px 15px; min-width: 187px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .add-to-cart-wrapper a:hover { background: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile { padding: 0; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile > li { border-bottom: 1px solid #e1e1e1; padding-bottom: 10px; margin-bottom: 15px; position: relative; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li .item-wrapper .product-thumbnail { border: 1px solid #e1e1e1; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li .item-details h3 { font-size: 14px; margin-top: 0; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.item-details-table td { vertical-align: top; line-height: 1.8; font-size: 12px; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.item-details-table td.label { padding: 0; padding-right: 5px; color: #444444; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.item-details-table td.value { padding: 0; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.additional-info td { vertical-align: top; line-height: 1.8; font-size: 12px; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.additional-info td.label { color: #444444; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.additional-info td.value { padding: 0; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart { text-align: left; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart a.button { margin-left: 0 !important; background: #a73796; color: #fff !important; font-weight: 700; padding: 12px 15px !important; min-width: 170px; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart a.button:hover { background: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart a.button:focus { outline: none; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-remove { position: absolute; top: -5px; right: 0; } .woocommerce-wishlist .yith_wcwl_wishlist_footer .yith-wcwl-share { margin-bottom: 80px; } @media screen and (max-width: 767px) { .woocommerce-wishlist .yith_wcwl_wishlist_footer .yith-wcwl-share { margin-bottom: 60px; } } .woocommerce-checkout .woocommerce { margin-bottom: 60px; margin-top: 30px; } @media screen and (max-width: 767px) { .woocommerce-checkout .woocommerce { margin-bottom: 20px; } } .woocommerce-checkout .woocommerce h3 { text-transform: uppercase; font-size: 18px; font-weight: 500; position: relative; margin-bottom: 30px; } .woocommerce-checkout .woocommerce form .form-row { padding-left: 0; } .woocommerce-checkout .woocommerce .form-row input.input-text, .woocommerce-checkout .woocommerce .form-row textarea { border: 1px solid #e1e1e1; padding: 8px 15px; font-style: italic; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout .woocommerce .form-row input.input-text:focus, .woocommerce-checkout .woocommerce .form-row textarea:focus { border: 1px solid #a73796; } .woocommerce-checkout .woocommerce .form-row label { font-size: 14px; font-weight: 500; } .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order th { font-size: 14px; font-weight: 700; text-transform: uppercase; } .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order #place_order { text-align: center; font-size: 14px; font-weight: 600; text-transform: uppercase; background: #a73796; color: #fff; padding: 10px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order #place_order:hover { background: #373435; } .woocommerce-checkout .woocommerce form.checkout_coupon { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout .woocommerce #payment { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-thankyou-order-received { color: #a73796; font-weight: 700; font-size: 16px; margin-bottom: 30px; } .woocommerce-thankyou-order-details { padding: 20px 30px; width: 50%; border: 1px solid #e1e1e1; } .woocommerce-thankyou-order-details .method { margin-top: 20px; } .woocommerce form .form-row .select2-container:focus { outline: none; } .woocommerce form .form-row .select2-container.select2-container--focus { outline: none; } .woocommerce form .form-row .select2-container.select2-container--open .select2-selection { border: 1px solid #aaa; } .woocommerce form .form-row .select2-container .select2-selection { border: 1px solid #e1e1e1; border-radius: 0; height: 35px; outline: none; } .woocommerce form .form-row .select2-container .select2-selection .select2-selection__rendered { line-height: 33px; } .woocommerce form .form-row .select2-container .select2-selection .select2-selection__rendered:focus, .woocommerce form .form-row .select2-container .select2-selection .select2-selection__rendered:active { outline: none; } .woocommerce form .form-row .select2-container .select2-selection .select2-selection__arrow b { margin-top: 0; } .woocommerce form .form-row .input-checkbox { position: relative; } @media screen and (max-width: 767px) { body .pp_default { left: 5% !important; right: 5% !important; box-sizing: border-box; width: 90% !important; height: auto !important; } } @media screen and (max-width: 767px) { body .pp_default .pp_content { height: auto !important; min-height: 50px; width: 100% !important; } } @media screen and (max-width: 767px) { body .pp_default .pp_right { padding-right: 20px !important; } } @media screen and (max-width: 767px) { body .pp_default .pp_content_container .pp_details { width: 100% !important; margin-top: 20px !important; } } body .pp_woocommerce .pp_content_container { background-color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } body .pp_woocommerce .pp_content_container .pp_loaderIcon { background: url(../clarivo/assets/images/ajax-loader.gif) center no-repeat !important; width: 50px; height: 50px; margin: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } body .pp_woocommerce .pp_content_container .pp_loaderIcon:before { display: none; } body .pp_woocommerce .pp_content_container .pp_details { padding: 0; } body .pp_woocommerce .pp_content_container .pp_close { background-color: #a73796; background-image: none; width: 30px; height: 30px; right: 25px; top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } body .pp_woocommerce .pp_content_container .pp_close:before, body .pp_woocommerce .pp_content_container .pp_close:after { content: ""; position: absolute; height: 2px; width: 20px; top: 50%; left: 6px; margin-top: -1px; background-color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } body .pp_woocommerce .pp_content_container .pp_close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } body .pp_woocommerce .pp_content_container .pp_close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .popup-product-quick-view-wrapper .woocommerce-main-image { display: none; } .popup-product-quick-view-wrapper .product-size-guide { display: none; } .popup-product-quick-view-wrapper .woocommerce-review-link { pointer-events: none; } .popup-product-quick-view-wrapper #product-images1:hover { cursor: auto !important; } .popup-product-quick-view-wrapper .product-video { display: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap { position: relative; width: 49%; float: left; } @media screen and (max-width: 991px) { .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap { float: none; padding-bottom: 50px; width: 100%; } } @media screen and (max-width: 767px) { .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap { padding-bottom: 30px; } } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .slick-slide img { width: 100%; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1 { margin-right: 90px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-prev { left: 35px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-next { right: 35px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-prev { left: 10px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-next { right: 100px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 { position: absolute; right: 0; top: 0; max-width: 90px; margin-top: -5px; margin-bottom: -5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 .thumbnail-image { padding: 5px 0 5px 5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right .product-video { right: 110px; bottom: 20px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1 { margin-left: 90px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-prev { left: 35px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-next { right: 35px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-prev { left: 100px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-next { right: 10px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 { position: absolute; left: 0; top: 0; max-width: 90px; margin-top: -5px; margin-bottom: -5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 .thumbnail-image { padding: 5px 5px 5px 0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left .product-video { right: 20px; bottom: 20px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left .product-label { left: 90px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-prev { top: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-next { bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev { top: 0; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev:before { content: "\f3d8"; font-family: Ionicons; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next { bottom: 0; top: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next:before { content: "\f3d0"; font-family: Ionicons; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.horizontal .product-video { top: 70%; right: 20px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery #product-images { padding-left: 100px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery #product-images .woocommerce-image-zoom { margin-bottom: 20px; position: relative; border: 1px solid #e1e1e1; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery #product-images .woocommerce-image-zoom .woocommerce-main-image { width: 36px; height: 36px; font-size: 16px; line-height: 36px; text-align: center; background-color: #fff; position: absolute; right: 20px; top: 20px; z-index: 9; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery .product-label { left: 100px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery #product-thumbnails { position: absolute; top: 0; max-width: 90px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery #product-thumbnails.is_stuck { padding-top: 70px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery #product-thumbnails .thumbnail-image { margin-bottom: 10px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery #product-thumbnails .thumbnail-image img { border: 1px solid #e1e1e1; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery #product-thumbnails .thumbnail-image.current img { border: 1px solid #a73796; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery .product-video { right: 20px; bottom: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .single-product-image-inner { position: relative; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .single-product-image-inner .product-video { position: absolute; margin-bottom: 0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .single-product-image-inner .product-video a { background-color: #fff; display: block; font-size: 14px; height: 36px; text-align: center; text-transform: uppercase; padding: 0 20px; line-height: 34px; border: 1px solid #e1e1e1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .single-product-image-inner .product-video a i { margin-right: 8px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 { border: 1px solid #e1e1e1; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover { cursor: pointer; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev { left: 35px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next { right: 35px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .woocommerce-main-image { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next { background: none; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; padding: 0; position: absolute; top: 50%; z-index: 999; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before { color: #666666; font-family: "slick"; font-size: 36px; line-height: 1; opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:hover:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next:hover:before { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev { left: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before { content: "\f3d2"; font-family: Ionicons; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next { right: 10px; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before { content: "\f3d3"; font-family: Ionicons; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .woocommerce-main-image { width: 36px; height: 36px; font-size: 18px; line-height: 34px; text-align: center; background-color: #fff; position: absolute; right: 20px; top: 20px; z-index: 9; opacity: 0; border: 1px solid #e1e1e1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .woocommerce-main-image:hover { background-color: #a73796; border: 1px solid #a73796; color: #fff; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 { margin-top: 30px; margin-left: -5px; margin-right: -4px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev { left: 25px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next { right: 25px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next { background: none; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; padding: 0; position: absolute; top: 50%; z-index: 999; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before { color: #666666; font-family: "slick"; font-size: 28px; line-height: 1; opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:hover:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:hover:before { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev { left: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before { content: "\f3d2"; font-family: Ionicons; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next { right: 10px; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before { content: "\f3d3"; font-family: Ionicons; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .thumbnail-image { padding: 0 5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .thumbnail-image img { border: 1px solid #e1e1e1; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .thumbnail-image.slick-current img { border: 1px solid #a73796; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .product-label { position: absolute; left: 0; top: 0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .product-flash, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .onsale { width: 42px; height: 42px; line-height: 42px; top: 20px; background-color: #a73796 !important; color: #fff; display: block; position: relative; z-index: 2; left: 20px !important; font-size: 14px !important; text-transform: uppercase !important; text-align: center; min-height: auto; min-width: auto; font-weight: 400; margin-bottom: 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .product-flash.on-hot { background-color: #d13420 !important; } .woocomerce-quickview-info .thumbnail-left .single-product-image-inner .slider-nav a img { height: 100px; object-fit: contain; padding: 10px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .onsale { line-height: 36px; background-color: #f5a64a !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .product-size-guide { font-weight: 700; font-style: italic; padding-top: 5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary { margin-bottom: 0 !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary.is_stuck { padding-top: 70px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_title { font-size: 24px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating { padding-top: 10px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating .star-rating { color: #f7bb2a; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating .star-rating:before { color: #f7bb2a; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price { font-size: 24px; color: #ababab; margin-top: 20px; padding-bottom: 5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price .woocommerce-Price-amount { margin-right: 5px; color: #a73796; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price del { font-weight: normal !important; opacity: 1; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price del .woocommerce-Price-amount { color: #ababab; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price ins { font-weight: normal !important; text-decoration: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart { margin-top: 20px; margin-bottom: 10px !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations { margin-bottom: 0px !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr { margin-bottom: 15px; width: 33.333333%; float: left; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr td label { color: #444444; font-size: 14px; text-transform: uppercase; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr td.value { margin-top: -5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr td select { height: 35px; border-radius: 0; padding-left: 10px; outline: none; width: 100%; border: 1px solid #e1e1e1; font-style: italic; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper { display: flex; margin-left: 0px; list-style: none; margin-bottom: 0 !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li { cursor: pointer; position: relative; width: 20px !important; height: 20px !important; display: inline-flex; padding: 0; margin-right: 10px; cursor: pointer; position: relative; vertical-align: middle; -ms-box-sizing: "content-box"; -moz-box-sizing: "content-box"; -webkit-box-sizing: "content-box"; box-sizing: "content-box"; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected { cursor: pointer; border-color: #a73796; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected:before { border: 2px solid #444; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:before { content: ""; position: absolute; width: 26px; height: 26px; border: 1px solid #cdcdcd; top: -3px; left: -3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:hover .button-tooltip { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -5px); -ms-transform: translate(-50%, -5px); -o-transform: translate(-50%, -5px); transform: translate(-50%, -5px); -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip { padding: 3px 5px; position: absolute; text-transform: none; display: inline-block; min-width: 60px; opacity: 0; text-align: center; visibility: hidden; bottom: calc(100% + 2px); left: 50%; background: #555 !important; color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: normal; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip:after { width: 0; height: 0; position: absolute; bottom: -6px; left: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #555; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper { padding-left: 15px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li { cursor: pointer; position: relative; padding: 5px 10px; border: 1px solid; margin-right: 5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li.selected { cursor: pointer; border-color: #a73796; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .quantity input[type="number"] { height: 40px; border: 1px solid #e1e1e1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .quantity input[type="number"]:focus { outline: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .single_add_to_cart_button { height: 40px; background: #a73796; text-transform: uppercase; color: #fff; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .single_add_to_cart_button:hover { background: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price { margin-bottom: 20px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price span.price { color: #373435; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price span.price del { margin-right: 20px; opacity: 1; color: #aeadad; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price span.price ins { text-decoration: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist { width: auto; float: left; text-transform: uppercase; margin-right: 10px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a { color: #fff; height: 40px; line-height: 40px; padding: 0 15px; display: block; background: #a73796; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a:hover { background: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist img { display: none !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist .feedback { display: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i { margin-right: 5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary a.compare { padding: 0 15px; height: 40px; line-height: 40px; background: #a73796; color: #fff; text-align: center; margin-top: 10px; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary a.compare:before { content: "\f4a9"; font-family: Ionicons; font-weight: 400; margin-right: 8px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary a.compare.added i { display: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary a.compare.added:after { display: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary a.compare:hover { background-color: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary a.compare:hover:before { color: #fff; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta { margin-top: 30px; border-top: 1px solid #e1e1e1; padding-top: 20px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta > span { display: block; margin-bottom: 15px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta > span.devide_sign { font-weight: 400; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .sku_wrapper .label, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .posted_in .label, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .tagged_as .label { color: #444444; font-size: 14px; font-weight: 700; padding: 0 5px 0 0; text-transform: uppercase; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .sku_wrapper a, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .posted_in a, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .tagged_as a { text-transform: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share { list-style: none; list-style-type: none; margin: 0; padding: 0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li { display: inline-block; text-align: center; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li.social-label { text-transform: uppercase; color: #444444; font-weight: 700; margin-right: 10px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li a { padding: 0 10px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li:hover a { color: #a73796; } .woocommerce.columns-1 ul.products li.product { margin-bottom: 0; } .woocommerce.columns-1 ul.products li.product .product-inner { text-align: left; } .woocommerce.columns-1 ul.products li.product .product-inner .onsale, .woocommerce.columns-1 ul.products li.product .product-inner .product-flash { left: 47% !important; margin-bottom: -50%; } .woocommerce.columns-1 ul.products li.product .product-inner .product-thumb-primary { width: 33%; float: left; } .woocommerce.columns-1 ul.products li.product .product-inner .product-thumb-primary img { margin-bottom: 0; } .woocommerce.columns-1 ul.products li.product .product-inner .star-rating { top: 10%; left: 17%; } .woocommerce.columns-1 ul.products li.product .product-inner .woocommerce-loop-product__title, .woocommerce.columns-1 ul.products li.product .product-inner .price { margin-left: 40%; } .woocommerce.columns-1 ul.products li.product .product-inner .product-actions { display: none; } @media screen and (max-width: 991px) { .woocommerce.columns-1 ul.products li.product { width: 100%; } } /*----------------------------------- * General Style *-----------------------------------*/ .woocommerce table, .woocommerce th, .woocommerce td { border: none; } .woocommerce thead { background: none; } .woocommerce table.shop_table { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce a.button, .woocommerce input.button { background: #373435; color: #fff; font-weight: normal; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce a.button:hover, .woocommerce input.button:hover { background: #a73796; color: #fff; } .woocommerce-message { border-top-color: #a73796; } .woocommerce-message:before { color: #a73796; } .woocommerce-info { border-top-color: #a73796; } .woocommerce-info:before { color: #a73796; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { border: 1px solid #e1e1e1; padding: 8px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus { border: 1px solid #a73796; } /*----------------------------------- * 8. SHORTCODES *-----------------------------------*/ /*----------------------------------- * SHORTCODES *-----------------------------------*/ /* Shortcode banner */ .banner-shortcode-wrap.style_1 .banner-content-wrap { position: relative; text-align: center; text-transform: uppercase; } .banner-shortcode-wrap.style_1 .banner-content-wrap:hover .banner-content-inner { background: rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-shortcode-wrap.style_1 .banner-content-wrap:hover .banner-content-inner:before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .banner-shortcode-wrap.style_1 .banner-content-wrap:hover .banner-content-inner:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .banner-shortcode-wrap.style_1 .banner-content-wrap:hover .banner-content-inner .banner-content { opacity: 1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-shortcode-wrap.style_1 .banner-content-wrap img { width: 100%; } .banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner:before { content: ""; border-top: 1px solid #fff; border-bottom: 1px solid #fff; opacity: 0; position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner:after { content: ""; border-right: 1px solid #fff; border-left: 1px solid #fff; opacity: 0; position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner .banner-content { position: absolute; top: 50%; left: 0; width: 100%; opacity: 0; color: #fff; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner .banner-content .banner-title { font-size: 24px; font-weight: 300; color: #fff; } @media screen and (max-width: 991px) { .banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner .banner-content .banner-title { font-size: 18px; } } .banner-shortcode-wrap.style_2 .banner-content-wrap { position: relative; overflow: hidden; } .banner-shortcode-wrap.style_2 .banner-content-wrap:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .banner-shortcode-wrap.style_2 .banner-content-wrap img { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content { padding: 3% 5%; } .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content.left { text-align: left; } .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content.center { text-align: center; } .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content.right { text-align: right; } .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-title { font-size: 30px; font-weight: 800; } @media screen and (max-width: 991px) { .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-title { font-size: 18px; margin-top: 8px; } } .banner-shortcode-wrap.style_3 .banner-content-wrap { position: relative; } .banner-shortcode-wrap.style_3 .banner-content-wrap:hover .banner-image img { -webkit-transform: translate(30px, 50px); -ms-transform: translate(30px, 50px); -o-transform: translate(30px, 50px); transform: translate(30px, 50px); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .banner-shortcode-wrap.style_3 .banner-content-wrap .banner-image { position: relative; margin-right: 30px; margin-bottom: 50px; } .banner-shortcode-wrap.style_3 .banner-content-wrap .banner-image:after { content: ""; width: 80%; height: 80%; position: absolute; bottom: 0; right: 0; background: #a73796; -webkit-transform: translate(30px, 50px); -ms-transform: translate(30px, 50px); -o-transform: translate(30px, 50px); transform: translate(30px, 50px); } .banner-shortcode-wrap.style_3 .banner-content-wrap .banner-image img { position: relative; z-index: 2; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 10px 15px 0 rgba(51, 51, 51, 0.25); -moz-box-shadow: 0 10px 15px 0 rgba(51, 51, 51, 0.25); box-shadow: 0 10px 15px 0 rgba(51, 51, 51, 0.25); } .banner-shortcode-wrap.style_4 .banner-content-wrap { position: relative; } .banner-shortcode-wrap.style_4 .banner-content-wrap:hover .banner-image img { -webkit-transform: translate(-30px, 50px); -ms-transform: translate(-30px, 50px); -o-transform: translate(-30px, 50px); transform: translate(-30px, 50px); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .banner-shortcode-wrap.style_4 .banner-content-wrap .banner-image { position: relative; margin-left: 30px; margin-bottom: 50px; text-align: right; } .banner-shortcode-wrap.style_4 .banner-content-wrap .banner-image:after { content: ""; width: 80%; height: 60%; position: absolute; bottom: 0; left: 0; background: #f0f2f2; -webkit-transform: translate(-30px, 50px); -ms-transform: translate(-30px, 50px); -o-transform: translate(-30px, 50px); transform: translate(-30px, 50px); } .banner-shortcode-wrap.style_4 .banner-content-wrap .banner-image img { position: relative; z-index: 2; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 10px 15px 0 rgba(51, 51, 51, 0.25); -moz-box-shadow: 0 10px 15px 0 rgba(51, 51, 51, 0.25); box-shadow: 0 10px 15px 0 rgba(51, 51, 51, 0.25); } .banner-shortcode-wrap.style_5 .banner-content-wrap { position: relative; text-align: center; overflow: hidden; } .banner-shortcode-wrap.style_5 .banner-content-wrap:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .banner-shortcode-wrap.style_5 .banner-content-wrap img { width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content { position: absolute; top: 50%; left: 0; width: 100%; color: #fff; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content .banner-title { color: #fff; font-size: 80px; } @media screen and (max-width: 991px) { .banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content .banner-title { font-size: 60px; } } @media screen and (max-width: 767px) { .banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content .banner-title { font-size: 30px; } } .banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content .banner-description { font-size: 16px; font-weight: 600; letter-spacing: 2px; margin-top: 15px; text-transform: uppercase; } @media screen and (max-width: 767px) { .banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content .banner-description { font-size: 14px; letter-spacing: 1px; margin-top: 5px; } } .banner-shortcode-wrap.style_6 .banner-content-wrap { position: relative; overflow: hidden; } .banner-shortcode-wrap.style_6 .banner-content-wrap:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .banner-shortcode-wrap.style_6 .banner-content-wrap:hover .banner-content-inner { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .banner-shortcode-wrap.style_6 .banner-content-wrap:hover .banner-content-inner .banner-title { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .banner-shortcode-wrap.style_6 .banner-content-wrap a { display: block; } .banner-shortcode-wrap.style_6 .banner-content-wrap img { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; width: 100%; } .banner-shortcode-wrap.style_6 .banner-content-wrap .banner-content-inner { background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .banner-shortcode-wrap.style_6 .banner-content-wrap .banner-content-inner .banner-title { color: #fff; font-size: 18px; position: absolute; top: 50%; width: 100%; text-align: center; text-transform: uppercase; margin: 0; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .banner-shortcode-wrap.style_7 .banner-content-wrap { position: relative; } .banner-shortcode-wrap.style_7 .banner-content-wrap:hover .banner-content-inner { -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); } .banner-shortcode-wrap.style_7 .banner-content-wrap:hover .banner-content-inner img { -webkit-transform: scale(1.1, 1.2); -ms-transform: scale(1.1, 1.2); -o-transform: scale(1.1, 1.2); transform: scale(1.1, 1.2); } .banner-shortcode-wrap.style_7 .banner-content-wrap img { width: 100%; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .banner-shortcode-wrap.style_7 .banner-content-wrap .banner-content-inner { overflow: hidden; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .countdown-shortcode-wrap.number .countdown-content .list-time { list-style: none; list-style-type: none; padding: 0; text-align: center; } .countdown-shortcode-wrap.number .countdown-content .list-time li { position: relative; display: inline-block; padding: 5px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.5); margin-right: 5px; } .countdown-shortcode-wrap.number .countdown-content .list-time li:hover { border: 2px solid white; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .countdown-shortcode-wrap.number .countdown-content .list-time li p { margin: 0; font-family: "Montserrat"; font-style: italic; } .countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-number { font-size: 18px; width: 48px; height: 48px; line-height: 48px; padding: 5px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } @media screen and (max-width: 767px) { .countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-number { font-size: 16px; height: 40px; width: 40px; line-height: 40px; } } .countdown-shortcode-wrap.number .countdown-content .list-time li p:last-child { opacity: 0; visibility: hidden; margin-top: 10px; text-align: center; } .countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-text { display: none; } .counter-shortcode-wrap.style_1 { margin-top: 10px; } .counter-shortcode-wrap.style_1 .gr-counter .content-inner { text-align: center; } .counter-shortcode-wrap.style_1 .gr-counter .content-inner .icon-wrap { color: #fff; font-size: 60px; } @media screen and (max-width: 991px) { .counter-shortcode-wrap.style_1 .gr-counter .content-inner .icon-wrap { font-size: 48px; } } .counter-shortcode-wrap.style_1 .gr-counter .content-inner .gr-number-counter { color: #fff; font-size: 48px; font-weight: 800; line-height: 1.2; margin-top: 25px; } @media screen and (max-width: 991px) { .counter-shortcode-wrap.style_1 .gr-counter .content-inner .gr-number-counter { font-size: 36px; margin-top: 15px; } } .counter-shortcode-wrap.style_1 .gr-counter .content-inner .gr-text-default { color: #fff; font-weight: normal; } @media screen and (max-width: 767px) { .counter-shortcode-wrap.style_2 .gr-counter .content-inner { text-align: center; } } .counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-number-counter { color: #a73796; font-size: 56px; font-family: "Montserrat"; font-weight: 700; } @media screen and (max-width: 991px) { .counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-number-counter { font-size: 36px; } } .counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-text-default { text-transform: uppercase; font-weight: 700; font-style: italic; } @media screen and (max-width: 767px) { .counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-text-default { font-size: 14px; } } /* Clients Shortcode CSS */ .clients-shortcode-wrap { position: relative; } .clients-shortcode-wrap:hover .owl-nav .owl-prev, .clients-shortcode-wrap:hover .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .clients-shortcode-wrap.style_1 .clients-list .client-item:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .clients-shortcode-wrap.style_1 .clients-list .client-item img { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .clients-shortcode-wrap.style_2 .clients-list .client-item { opacity: 0.3; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .clients-shortcode-wrap.style_2 .clients-list .client-item:hover { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .clients-shortcode-wrap .owl-nav .owl-prev, .clients-shortcode-wrap .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 999; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .clients-shortcode-wrap .owl-nav .owl-prev:hover, .clients-shortcode-wrap .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.5); cursor: pointer; } .clients-shortcode-wrap .owl-nav .owl-prev { left: 0; } .clients-shortcode-wrap .owl-nav .owl-next { right: 0; } /* GMaps Shortcode CSS */ .gmaps-shortcode-wrap .map-info { max-width: 280px; } @media screen and (max-width: 991px) { .gmaps-shortcode-wrap .map-info { max-width: 260px; } } .gmaps-shortcode-wrap .map-info .info-image { float: left; max-width: 200px; } @media screen and (max-width: 991px) { .gmaps-shortcode-wrap .map-info .info-image { max-width: 160px; } } .gmaps-shortcode-wrap .map-info .info-address { padding: 10px 0 5px 0; } .gmaps-shortcode-wrap .map-info .info-address p { text-align: center; color: #444444; font-family: "Montserrat"; } .gmaps-shortcode-wrap.toggle_button .gmaps-button-wrap .gmaps-toggle-button { width: 200px; margin: 0 auto; padding: 15px 0; border: 1px solid #a73796; text-align: center; } .gmaps-shortcode-wrap.toggle_button .gmaps-button-wrap .gmaps-toggle-button:hover { background: #a73796; cursor: pointer; } /* Icon Box Shortcode CSS */ .icon-box-shortcode-wrap.style_1 { margin-bottom: 10px; } .icon-box-shortcode-wrap.style_1 .icon-box-container { text-align: center; } .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-wrap { font-size: 60px; line-height: 1; padding-bottom: 15px; } .wpb_column .vc_custom_1505443136902 { padding-top: 10px !important; } .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-title { font-size: 15px; } .footer-bottom-section .icon-box-container > a { position: fixed; bottom: 0px; left: 18px; z-index: 9; } /*.icon-box-container .icon-wrap{ color: #25d366 !important; }*/ .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-title a { color: #999; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-title a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_2 { margin-bottom: 25px; } .icon-box-shortcode-wrap.style_2 .icon-box-container { border: 1px solid #e1e1e1; padding: 15px 10px; text-align: center; } .icon-box-shortcode-wrap.style_2 .icon-box-container .icon-wrap { font-size: 36px; line-height: 1; } .icon-box-shortcode-wrap.style_2 .icon-box-container .icon-content .icon-title { font-size: 18px; } .icon-box-shortcode-wrap.style_2 .icon-box-container .icon-content .icon-title a { color: #444444; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_2 .icon-box-container .icon-content .icon-title a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_3 { margin-bottom: 25px; } .icon-box-shortcode-wrap.style_3 .icon-box-content-wrapper { background-color: #f2f7f9; text-align: center; padding-top: 10px; padding-bottom: 15px; } .icon-box-shortcode-wrap.style_3 .icon-box-content-wrapper .icon-wrap img { max-height: 90px; height: auto; } .icon-box-shortcode-wrap.style_3 .icon-box-content-wrapper .icon-content { padding: 0 25px; } .icon-box-shortcode-wrap.style_3 .icon-box-content-wrapper .icon-content .icon-title { margin: 0; } .icon-box-shortcode-wrap.style_3 .icon-box-content-wrapper .icon-content .icon-title h5 { font-size: 16px; font-weight: 500; margin-top: 5px; text-transform: uppercase; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .icon-box-shortcode-wrap.style_3 .icon-box-content-wrapper .icon-content .icon-title h5 { font-size: 14px; } } .icon-box-shortcode-wrap.style_3 .icon-box-content-wrapper .icon-content .icon-title h5:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_4 { border-right: 1px solid #e1e1e1; padding: 10px 30px; } .icon-box-shortcode-wrap.style_4 .icon-box-content-wrapper { display: table; } .icon-box-shortcode-wrap.style_4 .icon-box-content-wrapper .icon-wrap { display: table-cell; vertical-align: middle; } .icon-box-shortcode-wrap.style_4 .icon-box-content-wrapper .icon-content { padding-left: 20px; display: table-cell; } .icon-box-shortcode-wrap.style_4 .icon-box-content-wrapper .icon-content h5 { font-size: 16px; font-weight: 900; margin-bottom: 0; } /*----------------------------------- * SHORTCODES RECENT NEWS *-----------------------------------*/ .recent-news-shortcode-wrap { position: relative; } .recent-news-shortcode-wrap.carousel:hover .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel:hover .recent-news-container .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .recent-news-shortcode-wrap.carousel .recent-news-container article { position: relative; } .recent-news-shortcode-wrap.carousel .recent-news-container article:hover .post-thumbnail img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail-link { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail { position: relative; overflow: hidden; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail img { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content { padding-top: 20px; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-meta { font-size: 12px; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-meta .post-meta-date { background-color: #a73796; color: #fff; display: inline-block; font-weight: 500; margin-right: 10px; padding: 3px 10px; position: relative; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-meta .post-meta-date:after { content: ""; position: absolute; left: 0; top: 100%; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 0; border-color: #373435 transparent transparent transparent; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-meta .post-meta-author { background-color: #f2f2f2; display: inline-block; padding: 3px 10px; font-weight: normal; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-meta .post-meta-author span { text-transform: capitalize; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-meta .post-meta-author a { color: #444444; text-transform: capitalize; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-meta .post-meta-author a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title { font-weight: normal; font-size: 18px; line-height: 1.4; padding-top: 5px; padding-bottom: 5px; } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title { font-size: 16px; } } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title a { color: #444444; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 999; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-prev:hover, .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.5); cursor: pointer; } .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-prev { left: 0; } .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-next { right: 0; } .recent-news-shortcode-wrap.carousel_2:hover .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel_2:hover .recent-news-container .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article { position: relative; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-thumbnail-link { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-thumbnail { position: relative; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content { background-color: #fff; padding: 25px; text-align: center; } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content { padding: 15px; } } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-category { font-size: 12px; } } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-category a { color: #ababab; font-style: italic; letter-spacing: 2px; text-transform: uppercase; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-category a:hover { color: #a73796; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title { margin-top: 10px; } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title { font-size: 18px; } } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title a { color: #444444; line-height: 1.5; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title a:hover { color: #a73796; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-excerpt { padding-top: 5px; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore { font-family: "Montserrat"; font-size: 18px; font-weight: 700; font-style: italic; padding-top: 15px; } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore { font-size: 16px; } } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore a { position: relative; left: -15px; -webkit-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore a:hover { left: 0; -webkit-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore a:hover:before { opacity: 1; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore a:before { content: "\f067"; font-family: fontAwesome; font-style: normal; font-weight: normal; opacity: 0; margin-right: 5px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 999; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-prev:hover, .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.5); cursor: pointer; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-prev { left: 0; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-next { right: 0; } .recent-news-shortcode-wrap.carousel_3:hover .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel_3:hover .recent-news-container .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article { position: relative; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article:hover .post-thumbnail img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-thumbnail-link { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-thumbnail { position: relative; overflow: hidden; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-thumbnail img { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content { padding-top: 20px; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .post-meta { font-size: 14px; color: #222222; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .post-meta .post-meta-date { color: #222; display: inline-block; font-weight: 500; padding: 0px 10px; padding-left: 0; /*border-right: 1px solid #e1e1e1;*/ position: relative; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .post-meta .post-meta-date i { color: #a73796; margin-right: 10px; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .post-meta .post-meta-comments { display: none; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .post-meta .post-meta-comments i { color: #a73796; margin-right: 10px; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .post-meta .post-meta-comments span { margin-right: 5px; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .entry-title { font-weight: normal; line-height: 1.4; margin-top: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 20px; font-weight: 900; } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .entry-title { font-size: 16px; } } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .entry-title a { color: #444444; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .entry-title a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .post-excerpt { color: #999999; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .icon-readmore { font-size: 12px; color: #a73796; text-transform: uppercase; font-weight: 900; margin-top: 15px; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .icon-readmore a { color: #a73796; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .icon-readmore a:hover { color: #333; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container .owl-nav { top: -70px; position: absolute; display: block; right: 0; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel_3 .recent-news-container .owl-nav .owl-next { display: inline-block; z-index: 2; width: 20px; height: 18px; line-height: 18px; text-align: center; color: #a5a5a5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: bold; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container .owl-nav .owl-prev:hover, .recent-news-shortcode-wrap.carousel_3 .recent-news-container .owl-nav .owl-next:hover { color: #a73796; cursor: pointer; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container .owl-nav .owl-next { border-left: 1px solid #e1e1e1; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item { display: flex; padding-bottom: 40px; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-thumbnail-link, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-thumbnail-link { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-thumbnail, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-thumbnail { position: relative; padding-right: 15px; width: 33.333333%; } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-thumbnail, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-thumbnail { padding-right: 0; } } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content { padding-left: 15px; width: 66.666666%; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta { font-size: 12px; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-date, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-date { background-color: #a73796; color: #fff; display: inline-block; font-weight: 500; margin-right: 10px; padding: 3px 10px; position: relative; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-date:after, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-date:after { content: ""; position: absolute; left: 0; top: 100%; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 0; border-color: #373435 transparent transparent transparent; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author { background-color: #f2f2f2; display: inline-block; padding: 3px 10px; font-weight: normal; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author span, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author span { text-transform: capitalize; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author a, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author a { color: #444444; text-transform: capitalize; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author a:hover, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .entry-title { font-weight: normal; font-size: 18px; line-height: 1.4; padding-top: 5px; padding-bottom: 5px; } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .entry-title { font-size: 16px; } } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title a, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .entry-title a { color: #444444; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title a:hover, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .entry-title a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item { padding-bottom: 0; } .images-gallery-shortcode-wrap.slick .gallery-filters ul { list-style: none; padding: 0; } .images-gallery-shortcode-wrap.slick .gallery-filters ul.filter-left { text-align: left; } .images-gallery-shortcode-wrap.slick .gallery-filters ul.filter-center { text-align: center; } .images-gallery-shortcode-wrap.slick .gallery-filters ul.filter-right { text-align: right; } .images-gallery-shortcode-wrap.slick .gallery-filters ul li { display: inline-block; padding: 0 3px; margin-bottom: 5px; } .images-gallery-shortcode-wrap.slick .gallery-filters ul li a { background-color: #fff; color: #666; display: inline-block; font-weight: normal; padding: 8px 25px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.slick .gallery-filters ul li a:hover, .images-gallery-shortcode-wrap.slick .gallery-filters ul li a.active { background-color: #a73796; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.slick .images-groups { margin-top: 65px; margin-left: -15px; margin-right: -15px; } .images-gallery-shortcode-wrap.slick .images-groups .image-group { position: relative; } .images-gallery-shortcode-wrap.slick .images-groups .image-group .image-item { margin: 0 15px; } .images-gallery-shortcode-wrap.slick .images-groups .image-group .image-item:focus { outline: none; } .images-gallery-shortcode-wrap.slick .images-groups .image-group .image-item .slide-item img { width: 100%; } .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev, .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next { background: #fff; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; padding: 8px; position: absolute; top: 50%; z-index: 999; } .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev:before, .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next:before { color: #666666; font-family: "slick"; font-size: 18px; line-height: 1; opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev:hover, .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next:hover { background: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev:hover:before, .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next:hover:before { color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev { left: 15px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev:before { content: "\eb26"; font-family: IcoFont; } .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next { right: 15px; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); } .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next:before { content: "\eb27"; font-family: IcoFont; } .images-gallery-shortcode-wrap.slick .images-groups .gallery-viewmore { margin-top: 60px; text-align: center; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.slick .images-groups .gallery-viewmore { margin-top: 30px; } } .images-gallery-shortcode-wrap.slick .images-groups .gallery-viewmore a { display: inline-block; padding: 8px 30px; background-color: #a73796; color: #fff; font-weight: 500; text-transform: uppercase; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.slick .images-groups .gallery-viewmore a:hover { background-color: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.grid .images-list .image-item { float: left; } .images-gallery-shortcode-wrap.grid .images-list .image-item:hover .slide-item:before { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.grid .images-list .image-item:hover .slide-item .image-meta { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item { position: relative; } .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-color: rgba(51, 51, 51, 0.9); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta { position: absolute; width: 100%; top: 50%; text-align: center; color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta i { font-size: 40px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta i { font-size: 30px; } } .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta i:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta .image-title { color: #fff; font-size: 18px; font-family: "Montserrat"; text-transform: uppercase; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta .image-title { font-size: 16px; } } .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta .image-title:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.grid .images-list .image-item.padding-5 { padding: 5px; } .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-2 { width: 50%; } .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-3 { width: 33.333333%; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-3 { width: 50%; } } .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-4 { width: 25%; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-4 { width: 50%; } } .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-5 { width: 20%; } @media screen and (max-width: 991px) { .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-5 { width: 25%; } } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-5 { width: 50%; } } /* Decoration Shortcode CSS */ .decoration-shortcode-wrapper.line { height: 4px; } .decoration-shortcode-wrapper.line .zigzag { position: relative; width: 100%; } .decoration-shortcode-wrapper.line .zigzag:before { content: " "; display: block; height: 4px; position: absolute; left: 0; right: 0; } .decoration-shortcode-wrapper.line .zigzag:before { background: linear-gradient(45deg, #fcfcfb 25%, transparent 25%), linear-gradient(315deg, #fcfcfb 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%) -2px 0, linear-gradient(135deg, #ffffff 25%, transparent 25%) -2px 0; background-size: 4px 4px; background-color: #d1ebf6; } .decoration-shortcode-wrapper .rectangle { padding: 30px 0; border: 5px solid #d1ebf6; } @media screen and (max-width: 767px) { .decoration-shortcode-wrapper .rectangle { display: none; } } .decoration-shortcode-wrapper .clarivo { border-radius: 50%; background-color: #d1ebf6; } @media screen and (max-width: 767px) { .decoration-shortcode-wrapper .clarivo { display: none; } } /*----------------------------------- * VIDEO SHORTCODE *-----------------------------------*/ .video-shortcode-wrap.style_1 { text-align: center; } .video-shortcode-wrap.style_1 .video-title { color: #fff; font-size: 60px; } @media screen and (max-width: 991px) { .video-shortcode-wrap.style_1 .video-title { font-size: 48px; } } @media screen and (max-width: 767px) { .video-shortcode-wrap.style_1 .video-title { font-size: 36px; } } .video-shortcode-wrap.style_1 .video-title .title-light { font-weight: 100; } .video-shortcode-wrap.style_1 .video-title .title-bold { font-weight: 700; } .video-shortcode-wrap.style_1 .video-button a { display: block; width: 60px; height: 60px; line-height: 68px; text-align: center; background: rgba(0, 0, 0, 0.35); color: #fff; position: relative; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .video-shortcode-wrap.style_1 .video-button a:after { content: ""; position: absolute; pointer-events: none; width: 100%; height: 100%; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .video-shortcode-wrap.style_1 .video-button a:hover:after { -webkit-animation: sonarEffect 1.3s ease-out 75ms; -o-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; } .video-shortcode-wrap.style_1 .video-button a i { font-size: 24px; margin-left: 6px; } /* Introduce Shortcode CSS */ .introduce-shortcode-wrap.style_1 .introduce-content { position: relative; } .introduce-shortcode-wrap.style_1 .introduce-content .introduce-main { font-family: "Montserrat"; text-align: center; } .introduce-shortcode-wrap.style_1 .introduce-content .introduce-main .intro-title { color: #444444; font-size: 72px; font-weight: 700; } .introduce-shortcode-wrap.style_1 .introduce-content .introduce-main .intro-title .first-word { font-style: italic; font-weight: normal; margin-right: 10px; } @media screen and (max-width: 991px) { .introduce-shortcode-wrap.style_1 .introduce-content .introduce-main .intro-title { font-size: 36px; } } @media screen and (max-width: 767px) { .introduce-shortcode-wrap.style_1 .introduce-content .introduce-main .intro-title { font-size: 28px; } } .introduce-shortcode-wrap.style_1 .introduce-content .introduce-main .intro-description { color: rgba(102, 102, 102, 0.8); font-size: 24px; font-style: italic; letter-spacing: 2px; padding: 30px 13% 0 13%; } .introduce-shortcode-wrap.style_1 .introduce-content .introduce-main .intro-description span { color: #333; } @media screen and (max-width: 991px) { .introduce-shortcode-wrap.style_1 .introduce-content .introduce-main .intro-description { font-size: 18px; padding: 10px 13% 0 13%; } } @media screen and (max-width: 767px) { .introduce-shortcode-wrap.style_1 .introduce-content .introduce-main .intro-description { font-size: 14px; padding: 10px 13% 0 13%; } } .introduce-shortcode-wrap.style_1 .introduce-content .image-left { background-image: url(../clarivo/assets/images/leaf-prev.png); background-size: cover; content: ""; width: 88px; height: 170px; display: block; opacity: 0.1; position: absolute; left: 0; top: 60%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .introduce-shortcode-wrap.style_1 .introduce-content .image-left { width: 75px; height: 145px; } } @media screen and (max-width: 767px) { .introduce-shortcode-wrap.style_1 .introduce-content .image-left { width: 70px; height: 136px; top: 70%; } } .introduce-shortcode-wrap.style_1 .introduce-content .image-right { background-image: url(../clarivo/assets/images/leaf-next.png); background-size: cover; content: ""; width: 88px; height: 170px; display: block; opacity: 0.1; position: absolute; right: 0; top: 60%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .introduce-shortcode-wrap.style_1 .introduce-content .image-right { width: 75px; height: 145px; } } @media screen and (max-width: 767px) { .introduce-shortcode-wrap.style_1 .introduce-content .image-right { width: 70px; height: 136px; top: 70%; } } .introduce-shortcode-wrap.style_2 .introduce-content { position: relative; } .introduce-shortcode-wrap.style_2 .introduce-content .introduce-main { font-family: "Montserrat"; text-align: center; } .introduce-shortcode-wrap.style_2 .introduce-content .introduce-main .intro-title { color: #444444; font-size: 72px; font-weight: 700; } .introduce-shortcode-wrap.style_2 .introduce-content .introduce-main .intro-title .first-word { font-style: italic; font-weight: normal; margin-right: 10px; } @media screen and (max-width: 991px) { .introduce-shortcode-wrap.style_2 .introduce-content .introduce-main .intro-title { font-size: 36px; } } @media screen and (max-width: 991px) { .introduce-shortcode-wrap.style_2 .introduce-content .introduce-main .intro-title { font-size: 28px; } } .introduce-shortcode-wrap.style_2 .introduce-content .introduce-main .intro-description { color: rgba(102, 102, 102, 0.8); font-size: 24px; font-style: italic; letter-spacing: 2px; padding-top: 30px; } .introduce-shortcode-wrap.style_2 .introduce-content .introduce-main .intro-description span { color: #333; } @media screen and (max-width: 991px) { .introduce-shortcode-wrap.style_2 .introduce-content .introduce-main .intro-description { font-size: 18px; padding: 10px 13% 0 13%; } } @media screen and (max-width: 767px) { .introduce-shortcode-wrap.style_2 .introduce-content .introduce-main .intro-description { font-size: 14px; padding: 0 15% 0 15%; } } .introduce-shortcode-wrap.style_2 .introduce-content .image-left { background-image: url(../clarivo/assets/images/leaf-prev.png); background-size: cover; content: ""; width: 58px; height: 113px; display: block; opacity: 0.1; position: absolute; left: 0; top: 5%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .introduce-shortcode-wrap.style_2 .introduce-content .image-left { width: 75px; height: 145px; } } @media screen and (max-width: 767px) { .introduce-shortcode-wrap.style_2 .introduce-content .image-left { width: 58px; height: 113px; top: 20%; } } .introduce-shortcode-wrap.style_2 .introduce-content .image-right { background-image: url(../clarivo/assets/images/leaf-next.png); background-size: cover; content: ""; width: 58px; height: 113px; display: block; opacity: 0.1; position: absolute; right: 0; top: 5%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .introduce-shortcode-wrap.style_2 .introduce-content .image-right { width: 75px; height: 145px; } } @media screen and (max-width: 767px) { .introduce-shortcode-wrap.style_2 .introduce-content .image-right { width: 58px; height: 113px; top: 20%; } } .introduce-shortcode-wrap.style_3 .introduce-content { position: relative; } .introduce-shortcode-wrap.style_3 .introduce-content .introduce-main { font-family: "Montserrat"; text-align: center; } .introduce-shortcode-wrap.style_3 .introduce-content .introduce-main .intro-description { color: #444444; font-size: 24px; font-weight: 700; padding: 30px 13% 0 13%; } @media screen and (max-width: 991px) { .introduce-shortcode-wrap.style_3 .introduce-content .introduce-main .intro-description { font-size: 18px; padding: 10px 13% 0 13%; } } @media screen and (max-width: 767px) { .introduce-shortcode-wrap.style_3 .introduce-content .introduce-main .intro-description { font-size: 14px; padding: 10px 13% 0 13%; } } .introduce-shortcode-wrap.style_3 .introduce-content .introduce-main .intro-image { margin-top: 5%; } .introduce-shortcode-wrap.style_3 .introduce-content .introduce-main .intro-title { color: #444444; font-family: "Montserrat"; font-size: 18px; font-weight: 700; text-transform: uppercase; } @media screen and (max-width: 991px) { .introduce-shortcode-wrap.style_3 .introduce-content .introduce-main .intro-title { font-size: 16px; } } @media screen and (max-width: 767px) { .introduce-shortcode-wrap.style_3 .introduce-content .introduce-main .intro-title { font-size: 14px; } } .introduce-shortcode-wrap.style_3 .introduce-content .introduce-main .intro-sub-title { font-style: italic; } .introduce-shortcode-wrap.style_3 .introduce-content .image-left { background-image: url(../clarivo/assets/images/leaf-prev.png); background-size: cover; content: ""; width: 88px; height: 170px; display: block; opacity: 1; position: absolute; left: 0; top: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .introduce-shortcode-wrap.style_3 .introduce-content .image-left { width: 75px; height: 145px; } } @media screen and (max-width: 767px) { .introduce-shortcode-wrap.style_3 .introduce-content .image-left { width: 70px; height: 136px; } } .introduce-shortcode-wrap.style_3 .introduce-content .image-right { background-image: url(../clarivo/assets/images/leaf-next.png); background-size: cover; content: ""; width: 88px; height: 170px; display: block; opacity: 1; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .introduce-shortcode-wrap.style_3 .introduce-content .image-right { width: 75px; height: 145px; } } @media screen and (max-width: 767px) { .introduce-shortcode-wrap.style_3 .introduce-content .image-right { width: 70px; height: 136px; } } .open-hours-shortcode-wrap.style_1 ul { list-style: none; padding: 0; margin: 0; } h5.hours-title { margin-top: 0; } .open-hours-shortcode-wrap.style_1 li { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 0px 0 10px; } .open-hours-shortcode-wrap.style_1 li span { /*float: right;*/ margin-left: 10px; } .vc_icon_element { margin-bottom: 0; } .Counter .wpb_wrapper { /*box-shadow: 0 4px 8px 0 rgb(0 0 0 / 12%), 0 6px 20px 0 rgb(0 0 0 / 19%);*/ width: 100%; margin: 0 auto 20px; display: flex; align-items: center; padding: 20px 0px; justify-content: center; } .Counter .wpb_wrapper h2 { font-size: 52px !important; line-height: 60px !important; text-align: center; flex: 0 0 80%; max-width: 80%; color: #fff; } .Counter .vc_icon_element-inner { background-color: transparent !important; } /* Footer shortcode */ .footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information { list-style: none; list-style-type: none; padding: 0; margin: 0; } .footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li { color: #a73796; padding: 5px 0; font-weight: 500; } .footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li span { margin-right: 20px; } .footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li span.contact-icon { display: none; } .footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li span.contact-label { color: #aeadad; font-weight: normal; } .footer-contact-shortcode-wrap.style_2 .footer-contact-content .contact-information { list-style: none; list-style-type: none; padding: 0; margin: 0; } .footer-contact-shortcode-wrap.style_2 .footer-contact-content .contact-information li { color: #a73796; padding: 5px 0; font-weight: 500; } .footer-contact-shortcode-wrap.style_2 .footer-contact-content .contact-information li span { margin-right: 20px; } .footer-contact-shortcode-wrap.style_2 .footer-contact-content .contact-information li span.contact-icon { display: none; } .footer-contact-shortcode-wrap.style_2 .footer-contact-content .contact-information li span.contact-label { color: #666666; font-weight: normal; } .footer-contact-shortcode-wrap.style_3 .footer-contact-content .contact-information { list-style: none; list-style-type: none; padding: 0; margin: 0; margin-bottom: 30px; } .footer-contact-shortcode-wrap.style_3 .footer-contact-content .contact-information li { color: #a73796; padding: 5px 0; font-weight: 500; display: table; } .footer-contact-shortcode-wrap.style_3 .footer-contact-content .contact-information li span { display: table-cell; } .footer-contact-shortcode-wrap.style_3 .footer-contact-content .contact-information li span:nth-child(2) { margin-right: 0; } .footer-contact-shortcode-wrap.style_3 .footer-contact-content .contact-information li span.contact-icon { width: 25px; } .footer-contact-shortcode-wrap.style_3 .footer-contact-content .contact-information li span.contact-label { color: #999; font-weight: normal; } .footer-link-shortcode-wrap.style_1 .footer-link-content .link-list { list-style: none; list-style-type: none; padding: 0; margin: 0; } .footer-link-shortcode-wrap.style_1 .footer-link-content .link-list li { padding: 5px 0; } .footer-link-shortcode-wrap.style_1 .footer-link-content .link-list li a { color: #aeadad; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-link-shortcode-wrap.style_1 .footer-link-content .link-list li a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-link-shortcode-wrap.style_2 .footer-link-content .link-list { list-style: none; list-style-type: none; padding: 0; margin: 0; } .footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li { padding: 5px 0; } .footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li a:hover { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-link-shortcode-wrap.style_3 .footer-link-content .link-list { list-style: none; list-style-type: none; padding: 0; margin: 0; font-weight: 600; text-align: left; } @media screen and (max-width: 767px) { .footer-link-shortcode-wrap.style_3 .footer-link-content .link-list { text-align: left; } } .footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li { display: block; font-weight: normal; font-size: 14px; padding: 6px 0; } .footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li a { color: #aeadad; } .footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li a:before { content: "\f105"; display: inline-block; margin-right: 10px; font-family: fontAwesome; } .footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li a:hover { color: #a73796; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content, .footer-gallery-shortcode-wrap.style_2 .footer-gallery-content { padding-top: 5px; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list, .footer-gallery-shortcode-wrap.style_2 .footer-gallery-content .image-list { list-style: none; list-style-type: none; padding: 0; margin-left: -10px; margin-right: -10px; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li, .footer-gallery-shortcode-wrap.style_2 .footer-gallery-content .image-list li { float: left; overflow: hidden; opacity: 1; padding: 10px; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li:hover a, .footer-gallery-shortcode-wrap.style_2 .footer-gallery-content .image-list li:hover a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li:hover img, .footer-gallery-shortcode-wrap.style_2 .footer-gallery-content .image-list li:hover img { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li a, .footer-gallery-shortcode-wrap.style_2 .footer-gallery-content .image-list li a { display: block; padding: 15px; position: relative; z-index: 2; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li img, .footer-gallery-shortcode-wrap.style_2 .footer-gallery-content .image-list li img { width: 100%; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-2 li, .footer-gallery-shortcode-wrap.style_2 .footer-gallery-content .image-list.columns-2 li { width: 50%; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-3 li, .footer-gallery-shortcode-wrap.style_2 .footer-gallery-content .image-list.columns-3 li { width: 33.333333%; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-4 li, .footer-gallery-shortcode-wrap.style_2 .footer-gallery-content .image-list.columns-4 li { width: 25%; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-5 li, .footer-gallery-shortcode-wrap.style_2 .footer-gallery-content .image-list.columns-5 li { width: 20%; } .footer-gallery-shortcode-wrap.style_1 .image-list li:hover a { border: 1px solid #a73796; } .footer-gallery-shortcode-wrap.style_1 .image-list li:hover img { opacity: 1; } .footer-gallery-shortcode-wrap.style_1 .image-list li a { background-color: #434343; border: 1px solid #434343; } .footer-gallery-shortcode-wrap.style_1 .image-list li img { opacity: 0.5; } .footer-gallery-shortcode-wrap.style_2 .image-list li:hover a { border: 1px solid #a73796; } .footer-gallery-shortcode-wrap.style_2 .image-list li:hover img { opacity: 0.8; } .footer-gallery-shortcode-wrap.style_2 .image-list li a { background-color: #fff; border: 1px solid #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .footer-gallery-shortcode-wrap.style_2 .image-list li img { opacity: 1; } .footer-social-shortcode-wrap .footer-social-content .social-list.align-center { text-align: center; } .footer-social-shortcode-wrap .footer-social-content .social-list.align-left { text-align: left; } .footer-social-shortcode-wrap .footer-social-content .social-list.align-right { text-align: right; } @media screen and (max-width: 767px) { .footer-social-shortcode-wrap .footer-social-content .social-list.align-right { text-align: left; } } .footer-social-shortcode-wrap.style_1 .footer-social-content { margin-top: 35px; } .footer-social-shortcode-wrap.style_1 .footer-social-content .social-list { list-style: none; list-style-type: none; padding: 0; margin: 0; } .footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li { display: inline-block; margin-left: 8px; } .footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li:first-child { margin-left: 0; } .footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li a { background-color: #3d3d3d; color: #aeadad; display: inline-block; font-weight: 700; font-size: 16px; text-transform: uppercase; text-align: center; width: 35px; height: 35px; line-height: 35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li a:hover { background-color: #a73796; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-social-shortcode-wrap.style_2 .footer-social-content { margin-top: 35px; } .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list { list-style: none; list-style-type: none; padding: 0; margin: 0; } .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li { display: inline-block; margin-left: 8px; } .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li:first-child { margin-left: 0; } .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li a { background-color: #f0f0f0; color: #aeadad; display: inline-block; font-weight: 700; font-size: 16px; text-transform: uppercase; text-align: center; width: 35px; height: 35px; line-height: 35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li a:hover { background-color: #a73796; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-social-shortcode-wrap.style_3 .footer-social-content { margin-top: 35px; } .footer-social-shortcode-wrap.style_3 .footer-social-content .social-list { list-style: none; list-style-type: none; padding: 0; margin: 0; } .footer-social-shortcode-wrap.style_3 .footer-social-content .social-list li { display: inline-block; margin-left: 8px; } .footer-social-shortcode-wrap.style_3 .footer-social-content .social-list li:first-child { margin-left: 0; } .footer-social-shortcode-wrap.style_3 .footer-social-content .social-list li a { border: 1px solid #999; color: #aeadad; display: inline-block; font-weight: 700; font-size: 14px; text-transform: uppercase; text-align: center; width: 40px; height: 40px; color: #fff; line-height: 38px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-social-shortcode-wrap.style_3 .footer-social-content .social-list li a:hover { background-color: #a73796; color: #fff; border-color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /* Posttype shortcode */ /* TEAM MEMBER */ .teammember-shortcode-wrap.grid .teammember-list .team-item { float: left; padding: 5px; width: 25%; } @media screen and (max-width: 991px) { .teammember-shortcode-wrap.grid .teammember-list .team-item { width: 33.333333%; } } @media screen and (max-width: 767px) { .teammember-shortcode-wrap.grid .teammember-list .team-item { width: 50%; } } .teammember-shortcode-wrap.grid .teammember-list .team-item:hover .team-content:before { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .teammember-shortcode-wrap.grid .teammember-list .team-item:hover .team-content .team-meta { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .teammember-shortcode-wrap.grid .teammember-list .team-item.team-info { float: left; width: 50%; padding: 5px; } @media screen and (max-width: 991px) { .teammember-shortcode-wrap.grid .teammember-list .team-item.team-info { width: 100%; } } .teammember-shortcode-wrap.grid .teammember-list .team-item.team-info .info-content { border: 1px solid #e1e1e1; padding: 40px; height: 100%; } @media screen and (max-width: 991px) { .teammember-shortcode-wrap.grid .teammember-list .team-item.team-info .info-content { padding: 20px; } } .teammember-shortcode-wrap.grid .teammember-list .team-item.team-info .info-content .info-title { margin: 15px 0; } .teammember-shortcode-wrap.grid .teammember-list .team-item .team-content { position: relative; } .teammember-shortcode-wrap.grid .teammember-list .team-item .team-content:before { background-color: rgba(117, 178, 57, 0.8); content: ""; opacity: 0; visibility: hidden; position: absolute; bottom: 0; left: 0; right: 0; top: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .teammember-shortcode-wrap.grid .teammember-list .team-item .team-content .team-meta { opacity: 0; visibility: hidden; position: absolute; left: 0; right: 0; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .teammember-shortcode-wrap.grid .teammember-list .team-item .team-content .team-meta .team-title { color: #fff; font-family: "Montserrat"; font-size: 18px; text-transform: uppercase; } @media screen and (max-width: 767px) { .teammember-shortcode-wrap.grid .teammember-list .team-item .team-content .team-meta .team-title { font-size: 14px; } } .teammember-shortcode-wrap.grid .teammember-list .team-item .team-content .team-meta .team-position { color: #fff; font-style: italic; font-family: "Montserrat"; } .teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore { position: relative; } .teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore:hover .team-viewmore { color: #a73796; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore { background-color: #333; position: absolute; bottom: 0; color: #fff; left: 0; right: 0; top: 0; margin: 5px; text-align: center; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore .viewmore-button { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore .viewmore-button .plus-sign { font-size: 50px; } @media screen and (max-width: 767px) { .teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore .viewmore-button .plus-sign { font-size: 30px; } } .teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore .viewmore-button p { font-size: 18px; font-weight: 700; text-transform: uppercase; } @media screen and (max-width: 767px) { .teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore .viewmore-button p { font-size: 14px; } } .teammember-shortcode-wrap.grid_2 .teammember-list .team-item { float: left; padding: 10px; width: 50%; } .teammember-shortcode-wrap.grid_2 .teammember-list .team-item:hover .team-content .team-image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-image { overflow: hidden; } .teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-image img { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-meta { text-align: center; } .teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-meta .team-title { font-family: "Montserrat"; margin-bottom: 10px; margin-top: 30px; text-transform: uppercase; } @media screen and (max-width: 991px) { .teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-meta .team-title { font-size: 16px; } } @media screen and (max-width: 991px) { .teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-meta .team-title { font-size: 14px; } } .teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-meta .team-position { color: #aeadad; font-family: "Montserrat"; font-style: italic; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item { padding: 10px; float: left; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item:hover .team-content .team-image:before { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item:hover .team-content .team-image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item:hover .team-content .team-image .member-socials { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-2 { width: 50%; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-3 { width: 33.333333%; } @media screen and (max-width: 767px) { .teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-3 { width: 50%; } } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-4 { width: 25%; } @media screen and (max-width: 991px) { .teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-4 { width: 33.333333%; } } @media screen and (max-width: 767px) { .teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-4 { width: 50%; } } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-5 { width: 20%; } @media screen and (max-width: 991px) { .teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-5 { width: 33.333333%; } } @media screen and (max-width: 767px) { .teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-5 { width: 50%; } } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-6 { width: 16.666666%; } @media screen and (max-width: 991px) { .teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-6 { width: 33.333333%; } } @media screen and (max-width: 767px) { .teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-6 { width: 50%; } } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image { overflow: hidden; position: relative; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(38, 38, 38, 0.8); z-index: 1; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image img { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials { padding-left: 30px; position: absolute; left: 0; bottom: 15px; width: 100%; list-style-type: none; list-style: none; z-index: 2; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials .member-social { padding: 1px 0; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials .member-social a { font-size: 13px; font-weight: 700; text-transform: uppercase; color: #aeadad; position: relative; left: -19px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials .member-social a:hover { color: #a73796; left: 0; text-decoration: underline; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials .member-social a:hover i { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials .member-social a i { margin-right: 5px; min-width: 12px; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-meta { text-align: center; } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-meta .team-title { font-family: "Montserrat"; margin-bottom: 10px; margin-top: 30px; text-transform: uppercase; } @media screen and (max-width: 991px) { .teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-meta .team-title { font-size: 16px; } } @media screen and (max-width: 991px) { .teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-meta .team-title { font-size: 14px; } } .teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-meta .team-position { color: #aeadad; font-family: "Montserrat"; font-style: italic; } /* TESTIMONIAL */ .testimonial-shortcode-wrap.carousel { text-align: center; position: relative; } .testimonial-shortcode-wrap.carousel:hover .owl-nav { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item:focus { outline: none; } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-image { max-width: 110px; margin: 0 auto; position: relative; } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-image .quote-sign { position: absolute; right: 0; top: 0; width: 35px; height: 35px; line-height: 38px; background-color: #a73796; text-align: center; z-index: 9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-image .quote-sign:before { content: "\f0b2"; color: #fff; font-family: IcoFont; font-size: 18px; } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-image img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content { background-color: rgba(0, 0, 0, 0.2); color: #fff; padding: 35px 10% 30px 10%; margin-top: 30px; position: relative; } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content:before { border-bottom-width: 10px; border-bottom-style: solid; left: 50%; color: rgba(0, 0, 0, 0.2); position: absolute; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-title { color: #fff; font-size: 14px; margin-bottom: 10px; margin-top: 15px; padding-top: 30px; position: relative; text-transform: uppercase; } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-title:before { content: ""; position: absolute; top: 0; left: 50%; width: 30px; height: 3px; background-color: #a73796; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-position { color: #fff; font-size: 13px; font-style: italic; margin-bottom: 8px; } .testimonial-shortcode-wrap.carousel .owl-nav { opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .testimonial-shortcode-wrap.carousel .owl-nav .owl-prev, .testimonial-shortcode-wrap.carousel .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 9; width: 30px; height: 30px; line-height: 30px; text-align: center; background: rgba(0, 0, 0, 0.4); color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .testimonial-shortcode-wrap.carousel .owl-nav .owl-prev:hover, .testimonial-shortcode-wrap.carousel .owl-nav .owl-next:hover { background: #a73796; cursor: pointer; color: #fff; } .testimonial-shortcode-wrap.carousel .owl-nav .owl-prev { left: 10px; } .testimonial-shortcode-wrap.carousel .owl-nav .owl-next { right: 10px; } .testimonial-shortcode-wrap.carousel_2 { position: relative; } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.carousel_2 { margin-top: 10px; } } .testimonial-shortcode-wrap.carousel_2:hover .owl-nav { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list { border: 1px solid #e1e1e1; padding: 35px 20px; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list:after { content: "\f10e"; font-family: FontAwesome; font-style: normal; font-weight: normal; position: absolute; font-size: 72px; color: #e7f4f8; top: 10px; left: 30px; z-index: -1; line-height: 1; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .slick-list { z-index: 2; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item:focus { outline: none; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-content { color: #444444; padding-top: 40px; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author { margin-top: 30px; margin-bottom: 5px; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author .author-image img { max-width: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author .author-info { margin-left: 15px; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author .author-info .testimonial-title { color: #444444; font-size: 14px; margin-bottom: 5px; margin-top: 8px; padding-top: 6px; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author .author-info .testimonial-position { font-size: 12px; margin-bottom: 0; padding-bottom: 12px; } .testimonial-shortcode-wrap.carousel_2 .owl-nav { opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-prev, .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 9; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #f6f6f6; color: #a5a5a5; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-prev:hover, .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-next:hover { background: #a73796; cursor: pointer; color: #fff; } .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-prev { left: 20px; } .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-next { right: 20px; } .testimonial-shortcode-wrap.carousel_3 { text-align: center; position: relative; } .testimonial-shortcode-wrap.carousel_3:hover .owl-nav { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item:focus { outline: none; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-image { max-width: 110px; margin: 0 auto; position: relative; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-image .quote-sign { position: absolute; right: 0; top: 0; width: 35px; height: 35px; line-height: 38px; background-color: #a73796; text-align: center; z-index: 9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-image .quote-sign:before { content: "\f0b2"; color: #fff; font-family: IcoFont; font-size: 18px; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-image img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content { border: 1px solid #e1e1e1; padding: 35px 10% 30px 10%; margin-top: 30px; position: relative; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content:before, .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content:after { content: ""; border-style: solid; border-color: transparent; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content:before { border-width: 0 10px 13px 10px; border-bottom-color: #e1e1e1; right: auto; bottom: 100%; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content:after { border-width: 0 10px 13px 10px; border-bottom-color: #fff; right: auto; bottom: calc(100% - 2px); } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-title { font-size: 14px; margin-bottom: 10px; margin-top: 15px; padding-top: 30px; position: relative; text-transform: uppercase; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-title:before { content: ""; position: absolute; top: 0; left: 50%; width: 30px; height: 3px; background-color: #a73796; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-position { font-size: 13px; font-style: italic; margin-bottom: 8px; } .testimonial-shortcode-wrap.carousel_3 .owl-nav { opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-prev, .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 9; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #a73796; color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-prev:hover, .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-next:hover { background: #f6f6f6; cursor: pointer; color: #a5a5a5; } .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-prev { left: 10px; } .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-next { right: 10px; } .hidden { display: none; } .portfolio-container { overflow: hidden; position: relative; } .portfolio-tabs { margin-bottom: 40px; } .portfolio-tabs .tab-wrapper.left { text-align: left; } .portfolio-tabs .tab-wrapper.center { text-align: center; } .portfolio-tabs .tab-wrapper.right { text-align: right; } .portfolio-tabs .tab-wrapper ul { list-style: none; padding: 0; position: relative; } .portfolio-tabs .tab-wrapper ul li { display: inline-block; margin-left: 4px; margin-right: 4px; position: relative; } .portfolio-tabs .tab-wrapper ul li:first-child { margin-left: 0; } .portfolio-tabs .tab-wrapper ul li a { color: #a73796; border: none; min-width: auto; padding: 5px 10px; text-transform: uppercase; } .portfolio-tabs .tab-wrapper ul li a:before { -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 1px; background-color: #a73796; } .portfolio-tabs .tab-wrapper ul li:hover a { color: #a73796; } .portfolio-tabs .tab-wrapper ul li.active a { color: #a73796; } .portfolio-tabs .tab-wrapper ul li.active a:before { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .paging { text-align: center; } .paging .load-more { margin-top: 30px; margin-bottom: 30px; text-transform: uppercase; padding: 5px 20px; border: 1px solid #e1e1e1; color: #a73796; } .paging .load-more:hover { background-color: #a73796; border-color: #a73796; color: #fff; } /* pretty Photo */ div.light_rounded .pp_description, div.light_square .pp_description { text-align: center; font-weight: 600; font-size: 16px; } div.light_rounded .pp_description a, div.light_square .pp_description a { text-decoration: none; } div.light_rounded .pp_description a:hover, div.light_square .pp_description a:hover { text-decoration: none; } /* end pretty Photo */ .portfolio-wrapper.col-padding-5 .portfolio-item { padding: 0 5px; margin: 5px 0; } .portfolio-wrapper.col-padding-10 .portfolio-item { padding: 0 10px; margin: 10px 0; } .portfolio-wrapper.col-padding-15 .portfolio-item { padding: 0 15px; margin: 15px 0; } .portfolio-wrapper.col-padding-20 .portfolio-item { padding: 0 20px; margin: 20px 0; } .portfolio-wrapper.clarivo-col-md-2 .portfolio-item { width: 50%; } .portfolio-wrapper.clarivo-col-md-2 .portfolio-item .portfolio-title-wrap.top .portfolio-title, .portfolio-wrapper.clarivo-col-md-2 .portfolio-item .portfolio-title-wrap.bottom .portfolio-title { font-size: 24px; } .portfolio-wrapper.clarivo-col-md-2 .portfolio-item .portfolio-title-wrap.top .portfolio-tag, .portfolio-wrapper.clarivo-col-md-2 .portfolio-item .portfolio-title-wrap.bottom .portfolio-tag { font-size: 18px; } .portfolio-wrapper.clarivo-col-md-2 .portfolio-item.portrait { width: 50%; } .portfolio-wrapper.clarivo-col-md-2 .portfolio-item.landscape { width: 100%; } .portfolio-wrapper.clarivo-col-md-2 .portfolio-item.small_squared { width: 50%; } .portfolio-wrapper.clarivo-col-md-2 .portfolio-item.big_squared { width: 100%; } .portfolio-wrapper.clarivo-col-md-3 .portfolio-item { width: 33.3333333%; } .portfolio-wrapper.clarivo-col-md-3 .portfolio-item .portfolio-title-wrap.top .portfolio-title, .portfolio-wrapper.clarivo-col-md-3 .portfolio-item .portfolio-title-wrap.bottom .portfolio-title { font-size: 18px; } .portfolio-wrapper.clarivo-col-md-3 .portfolio-item.portrait { width: 33.3333333%; } .portfolio-wrapper.clarivo-col-md-3 .portfolio-item.landscape { width: 66.6666666%; } .portfolio-wrapper.clarivo-col-md-3 .portfolio-item.small_squared { width: 33.3333333%; } .portfolio-wrapper.clarivo-col-md-3 .portfolio-item.big_squared { width: 66.6666666%; } .portfolio-wrapper.clarivo-col-md-4 .portfolio-item { width: 25%; } .portfolio-wrapper.clarivo-col-md-4 .portfolio-item.portrait { width: 25%; } .portfolio-wrapper.clarivo-col-md-4 .portfolio-item.landscape { width: 50%; } .portfolio-wrapper.clarivo-col-md-4 .portfolio-item.small_squared { width: 25%; } .portfolio-wrapper.clarivo-col-md-4 .portfolio-item.big_squared { width: 50%; } .portfolio-wrapper.clarivo-col-md-5 .portfolio-item { width: 20%; } .portfolio-wrapper.clarivo-col-md-5 .portfolio-item.portrait { width: 20%; } @media screen and (max-width: 767px) { .portfolio-wrapper.clarivo-col-md-5 .portfolio-item.portrait { width: 50%; } } .portfolio-wrapper.clarivo-col-md-5 .portfolio-item.landscape { width: 40%; } @media screen and (max-width: 767px) { .portfolio-wrapper.clarivo-col-md-5 .portfolio-item.landscape { width: 50%; } } .portfolio-wrapper.clarivo-col-md-5 .portfolio-item.small_squared { width: 20%; } @media screen and (max-width: 767px) { .portfolio-wrapper.clarivo-col-md-5 .portfolio-item.small_squared { width: 50%; } } .portfolio-wrapper.clarivo-col-md-5 .portfolio-item.big_squared { width: 40%; } @media screen and (max-width: 767px) { .portfolio-wrapper.clarivo-col-md-5 .portfolio-item.big_squared { width: 50%; } } .portfolio-wrapper.clarivo-col-md-6 .portfolio-item { width: 16.6666667%; } .portfolio-wrapper.clarivo-col-md-6 .portfolio-item.portrait { width: 16.6666667%; } .portfolio-wrapper.clarivo-col-md-6 .portfolio-item.landscape { width: 33.3333333%; } .portfolio-wrapper.clarivo-col-md-6 .portfolio-item.small_squared { width: 16.6666667%; } .portfolio-wrapper.clarivo-col-md-6 .portfolio-item.big_squared { width: 33.3333333%; } @media screen and (max-width: 767px) { .portfolio-wrapper .portfolio-item { width: 50% !important; height: auto !important; } .portfolio-wrapper .portfolio-item img { height: auto !important; } } @media screen and (max-width: 479px) { .portfolio-wrapper .portfolio-item { width: 100% !important; height: auto !important; } .portfolio-wrapper .portfolio-item img { height: auto !important; } } .portfolio-wrapper .portfolio-item .portfolio-title-wrap.top, .portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom { border: 1px solid #e1e1e1; text-align: center; } .portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-title, .portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-title { position: relative; text-transform: uppercase; color: #a73796; font-weight: bold; margin-top: 15px; display: block; font-size: 16px; padding-bottom: 10px; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-title:hover, .portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-title:hover { color: #a73796; } .portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-title:before, .portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-title:before { content: ""; width: 50px; height: 1px; background-color: #a73796; position: absolute; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-tag, .portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-tag { margin-top: 10px; margin-bottom: 15px; text-transform: uppercase; } .portfolio-wrapper .portfolio-item .entry-thumbnail { position: relative; overflow: hidden; } .portfolio-wrapper .portfolio-item .entry-thumbnail i { font-size: 24px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-wrapper .portfolio-item .entry-thumbnail:hover .entry-thumbnail-hover { opacity: 1; } .portfolio-wrapper .portfolio-item .entry-thumbnail img { width: 100%; height: auto; display: block; max-width: 100%; display: inline-block; -webkit-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; } .portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(117, 178, 57, 0.3); -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; text-align: center; opacity: 0; } .portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i { z-index: 1; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover { font-size: 36px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover { background: rgba(255, 255, 255, 0.9); text-align: center; } .portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i { color: #a73796 !important; z-index: 1; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover { font-size: 36px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover { text-align: center; background: rgba(0, 0, 0, 0.3); } .portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i { color: #a73796 !important; z-index: 1; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover { font-size: 36px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title { color: #a73796 !important; top: 60% !important; position: absolute; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 16px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover { text-align: center; background: rgba(0, 0, 0, 0.3); } .portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner { position: absolute; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i { color: #a73796 !important; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); position: relative; top: auto; left: auto; z-index: 1; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover { font-size: 36px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title { white-space: nowrap; color: #a73796 !important; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 16px; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title:hover { color: #a73796 !important; } .portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category { white-space: nowrap; color: #a73796; left: 0; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 14px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover { text-align: center; background: rgba(255, 255, 255, 0.9); } .portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner { position: absolute; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title { white-space: nowrap; color: #a73796 !important; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 16px; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title:hover { color: #a73796 !important; } .portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category { white-space: nowrap; color: #a73796; left: 0; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 14px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover { text-align: left; background: rgba(255, 255, 255, 0.9); border: 3px solid #a73796; } .portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content { position: absolute; top: auto !important; bottom: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title { white-space: nowrap; color: #a73796 !important; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 16px; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title:hover { color: #a73796 !important; } .portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content span.category { white-space: nowrap; color: #a73796; left: 0; position: relative; width: 100%; font-size: 14px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i { color: #a73796 !important; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); position: relative; top: 0; left: auto; right: 0; z-index: 1; width: 50px; height: 50px; border-radius: 100%; line-height: 48px; border: 1px solid transparent; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; font-size: 24px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i:before { z-index: 1; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i:hover { font-size: 24px; border-color: #a73796; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_1 .entry-thumbnail-hover { background: rgba(255, 255, 255, 0.9); text-align: center; border: 10px solid fade(#a73796, 90%); } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i { color: #a73796 !important; z-index: 1; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover { font-size: 36px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover { text-align: center; background: -webkit-radial-gradient(clarivo, rgba(255, 255, 255, 0.1), white); background: -o-radial-gradient(clarivo, rgba(255, 255, 255, 0.1), white); background: -moz-radial-gradient(clarivo, rgba(255, 255, 255, 0.1), white); background: radial-gradient(clarivo, rgba(255, 255, 255, 0.1), white); } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner { position: absolute; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i { color: #a73796 !important; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); position: relative; top: auto; left: auto; z-index: 1; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; margin-bottom: 20px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover { font-size: 36px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title { white-space: nowrap; color: #a73796; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 16px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category { white-space: nowrap; color: #a73796; left: 0; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 14px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover { text-align: center; background: -webkit-radial-gradient(clarivo, rgba(0, 0, 0, 0.1), black); background: -o-radial-gradient(clarivo, rgba(0, 0, 0, 0.1), black); background: -moz-radial-gradient(clarivo, rgba(0, 0, 0, 0.1), black); background: radial-gradient(clarivo, rgba(0, 0, 0, 0.1), black); } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner { position: absolute; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content a .title { color: #fff !important; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i { color: #a73796 !important; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); position: relative; top: auto; left: auto; z-index: 1; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; margin-bottom: 20px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover { font-size: 36px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title { white-space: nowrap; color: #fff !important; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 16px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category { white-space: nowrap; color: #a73796; left: 0; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 14px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover { text-align: left; background-color: rgba(255, 255, 255, 0.9); border: 3px solid #a73796; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title { text-align: center; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i { width: 100%; text-align: center; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span { display: block; text-align: center; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content { position: absolute; top: auto !important; bottom: 50% !important; left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title { white-space: nowrap; color: #a73796 !important; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 16px; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title:hover { color: #a73796 !important; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content span.category { white-space: nowrap; color: #a73796; left: 0; position: relative; width: 100%; font-size: 14px; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover { text-align: center; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); background: rgba(255, 255, 255, 0.9); border: none; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner { position: absolute; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i { margin-bottom: 20px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); position: relative; top: auto; left: auto; z-index: 1; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title { white-space: nowrap; color: #a73796 !important; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 16px; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title:hover { color: #a73796 !important; } .portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category { white-space: nowrap; color: #a73796; left: 0; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 14px; } .portfolio-wrapper.hover-dir-off .entry-thumbnail { position: relative; overflow: hidden; } .portfolio-wrapper.hover-dir-off .entry-thumbnail i { font-size: 24px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-wrapper.hover-dir-off .entry-thumbnail:hover .entry-thumbnail-hover { opacity: 1; } .portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_5 .entry-thumbnail-hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_1 .entry-thumbnail-hover { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_2 img, .portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_3 img { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .portfolio-wrapper.hover-dir-off .entry-thumbnail img { width: 100%; height: auto; display: block; max-width: 100%; display: inline-block; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_1 .entry-thumbnail-hover { -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); background: rgba(255, 255, 255, 0.9); text-align: center; border: 10px solid rgba(117, 178, 57, 0.9); } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i { color: #a73796 !important; z-index: 1; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover { font-size: 36px; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover { text-align: center; background: -webkit-radial-gradient(clarivo, rgba(255, 255, 255, 0.1), white); background: -o-radial-gradient(clarivo, rgba(255, 255, 255, 0.1), white); background: -moz-radial-gradient(clarivo, rgba(255, 255, 255, 0.1), white); background: radial-gradient(clarivo, rgba(255, 255, 255, 0.1), white); } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner { position: absolute; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i { color: #a73796 !important; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); position: relative; top: auto; left: auto; z-index: 1; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; margin-bottom: 20px; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover { font-size: 36px; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title { white-space: nowrap; color: #a73796; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 16px; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category { white-space: nowrap; color: #a73796; left: 0; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 14px; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover { text-align: center; background: -webkit-radial-gradient(clarivo, rgba(0, 0, 0, 0.1), black); background: -o-radial-gradient(clarivo, rgba(0, 0, 0, 0.1), black); background: -moz-radial-gradient(clarivo, rgba(0, 0, 0, 0.1), black); background: radial-gradient(clarivo, rgba(0, 0, 0, 0.1), black); border: none; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner { position: absolute; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content a .title { color: #fff !important; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i { color: #a73796 !important; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); position: relative; top: auto; left: auto; z-index: 1; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; margin-bottom: 20px; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover { font-size: 36px; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title { white-space: nowrap; color: #fff !important; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 16px; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category { white-space: nowrap; color: #a73796; left: 0; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 14px; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover { text-align: left; background-color: rgba(255, 255, 255, 0.9); border: 3px solid #a73796; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title { text-align: center; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i { width: 100%; text-align: center; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span { display: block; text-align: center; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content { position: absolute; top: auto !important; bottom: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title { white-space: nowrap; color: #a73796 !important; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 16px; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title:hover { color: #a73796 !important; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content span.category { white-space: nowrap; color: #a73796; left: 0; position: relative; width: 100%; font-size: 14px; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover { text-align: center; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background: rgba(255, 255, 255, 0.9); border: none; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner { position: absolute; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i { margin-bottom: 20px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); position: relative; top: auto; left: auto; z-index: 1; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title { white-space: nowrap; color: #a73796 !important; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 16px; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title:hover { color: #a73796 !important; } .portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category { white-space: nowrap; color: #a73796; left: 0; position: relative; width: 100%; font-weight: bold; text-transform: uppercase; font-size: 14px; } .portfolio-full.detail-01 .portfolio-top { margin-top: 100px; text-align: center; } .portfolio-full.detail-01 .portfolio-top .col-md-12 img { width: 100%; } .portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow:hover .owl-nav { opacity: 1; } .portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav { opacity: 0; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute; line-height: 1; font-size: 60px; color: rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div:hover { color: #a73796; } .portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div.owl-next { right: 30px; } .portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div.owl-prev { left: 30px; } .portfolio-full.detail-01 .paging-wrap { margin-top: 15px; } .portfolio-full.detail-01 .paging-wrap .container .row { margin: 0; } .portfolio-full.detail-01 .paging-wrap .container .row:hover .owl-nav { opacity: 1; } .portfolio-full.detail-01 .paging-wrap .container .row .owl-nav { opacity: 0; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute; padding: 7px 10px; line-height: 1; background-color: rgba(0, 0, 0, 0.3); color: #fff; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div:hover { background-color: #a73796; } .portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div.owl-next { right: 0; } .portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div.owl-prev { left: 0; } .portfolio-full.detail-01 .portfolio-content-wrap { padding-top: 30px; } .portfolio-full.detail-01 .portfolio-content-wrap .portfolio-title-wrap h2 { position: relative; font-size: 24px; font-weight: bold; text-transform: uppercase; padding-bottom: 15px; margin-top: 15px; } .portfolio-full.detail-01 .portfolio-content-wrap .portfolio-title-wrap h2:before { content: ""; height: 1px; width: 50px; background-color: #a73796; position: absolute; bottom: 0; left: 0; } .portfolio-full.detail-01 .portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box:first-child h6 { margin-top: 20px; } .portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box h6 { font-size: 18px; margin-top: 45px; color: #a73796; font-weight: bold; } .portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box div { line-height: 1.4; color: #a73796; } .portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-term-cat span { text-transform: uppercase; } .portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-term-tag span { padding: 5px 10px; background: #f6f6f6; margin-right: 5px; display: inline-block; margin-top: 5px; } .portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-term-tag span:hover { background: #a73796; } .portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper { list-style: none; list-style-type: none; padding: 0; } .portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper li { display: inline-block; margin: 0 9px; width: 40px; height: 40px; float: left; border: 1px solid #e1e1e1; } .portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper li a { display: block; } .portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper li a i { line-height: 38px; width: 40px; text-align: center; } .portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper li:first-child { margin-left: 0; } .portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper li:last-child { margin-right: 0; } .portfolio-full.detail-02 .container { margin-top: 100px; text-align: center; } .portfolio-full.detail-02 .container .col-md-6 .post-slideshow .item { margin-bottom: 30px; } .portfolio-full.detail-02 .container .col-md-6 .post-slideshow .item img { width: 100%; } .portfolio-full.detail-02 .col-md-6 { text-align: left; } .portfolio-full.detail-02 .col-md-6 .portfolio-info h2 { margin-top: 0; position: relative; font-size: 24px; font-weight: bold; text-transform: uppercase; padding-bottom: 15px; } .portfolio-full.detail-02 .col-md-6 .portfolio-info h2:before { content: ""; height: 1px; width: 50px; background-color: #a73796; position: absolute; bottom: 0; left: 0; } .portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box h6 { font-size: 18px; margin-top: 45px; color: #a73796; font-weight: bold; } .portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box div { line-height: 1.4; color: #a73796; } .portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-term-cat span { text-transform: uppercase; } .portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-term-tag span { padding: 5px 10px; background: #f6f6f6; margin-right: 5px; display: inline-block; margin-top: 5px; } .portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover { background: #a73796; } .portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper { list-style: none; list-style-type: none; padding: 0; } .portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li { display: inline-block; margin: 0 9px; width: 40px; height: 40px; float: left; border: 1px solid #e1e1e1; } .portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a { display: block; } .portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a i { line-height: 38px; width: 40px; text-align: center; } .portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:first-child { margin-left: 0; } .portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:last-child { margin-right: 0; } .portfolio-full.detail-03 .container { margin-top: 100px; text-align: center; } .portfolio-full.detail-03 .container .col-md-8 img { width: 100%; } .portfolio-full.detail-03 .container .col-md-8 .post-slideshow:hover .owl-nav { opacity: 1; } .portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav { opacity: 0; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute; line-height: 1; font-size: 60px; color: rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div:hover { color: #a73796; } .portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div.owl-next { right: 30px; } .portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div.owl-prev { left: 30px; } .portfolio-full.detail-03 .container .col-md-8 .paging-wrap { margin-top: 15px; } .portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container { margin-top: 0; } .portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row { margin: 0; } .portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row:hover .owl-nav { opacity: 1; } .portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav { opacity: 0; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute; padding: 7px 10px; line-height: 1; background-color: rgba(0, 0, 0, 0.3); color: #fff; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div:hover { background-color: #a73796; } .portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div.owl-next { right: 0; } .portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div.owl-prev { left: 0; } .portfolio-full.detail-03 .col-md-4 { text-align: left; } .portfolio-full.detail-03 .col-md-4 .portfolio-info h2 { margin-top: 0; position: relative; font-size: 24px; font-weight: bold; text-transform: uppercase; padding-bottom: 15px; } .portfolio-full.detail-03 .col-md-4 .portfolio-info h2:before { content: ""; height: 1px; width: 50px; background-color: #a73796; position: absolute; bottom: 0; left: 0; } .portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box h6 { font-size: 18px; margin-top: 45px; color: #a73796; font-weight: bold; } .portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box div { line-height: 1.4; color: #a73796; } .portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-cat span { text-transform: uppercase; } .portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span { padding: 5px 10px; background: #f6f6f6; margin-right: 5px; display: inline-block; margin-top: 5px; } .portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover { background: #a73796; } .portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper { list-style: none; list-style-type: none; padding: 0; } .portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li { display: inline-block; margin: 0 9px; width: 40px; height: 40px; float: left; border: 1px solid #e1e1e1; } .portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a { display: block; } .portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a i { line-height: 38px; width: 40px; text-align: center; } .portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:first-child { margin-left: 0; } .portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:last-child { margin-right: 0; } .portfolio-full.detail-04 .container { margin-top: 100px; text-align: center; } .portfolio-full.detail-04 .container .col-md-8 img { width: 100%; } .portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item { position: relative; } .portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item .grid-image-hover { opacity: 0; top: 0; left: 0; position: absolute; height: 100%; width: 100%; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); background-color: rgba(255, 255, 255, 0.9); -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item .grid-image-hover i { font-size: 36px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item .grid-image-hover i:hover { color: #a73796; } .portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item:hover .grid-image-hover { opacity: 1; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .portfolio-full.detail-04 .col-md-4 { text-align: left; } .portfolio-full.detail-04 .col-md-4 .portfolio-info h2 { margin-top: 0; position: relative; font-size: 24px; font-weight: bold; text-transform: uppercase; padding-bottom: 15px; } .portfolio-full.detail-04 .col-md-4 .portfolio-info h2:before { content: ""; height: 1px; width: 50px; background-color: #a73796; position: absolute; bottom: 0; left: 0; } .portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box h6 { font-size: 18px; margin-top: 45px; color: #a73796; font-weight: bold; } .portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box div { line-height: 1.4; color: #a73796; } .portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-cat span { text-transform: uppercase; } .portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span { padding: 5px 10px; background: #f6f6f6; margin-right: 5px; display: inline-block; margin-top: 5px; } .portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover { background: #a73796; } .portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper { list-style: none; list-style-type: none; padding: 0; } .portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li { display: inline-block; margin: 0 9px; width: 40px; height: 40px; float: left; border: 1px solid #e1e1e1; } .portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a { display: block; } .portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a i { line-height: 38px; width: 40px; text-align: center; } .portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:first-child { margin-left: 0; } .portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:last-child { margin-right: 0; } .portfolio-full.detail-05 .container { margin-top: 100px; } .portfolio-full.detail-05 .container .col-md-12 img { width: 100%; } .portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item { position: relative; } .portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item .grid-image-hover { opacity: 0; top: 0; left: 0; position: absolute; height: 100%; width: 100%; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); background-color: rgba(255, 255, 255, 0.9); -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item .grid-image-hover i { font-size: 36px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item .grid-image-hover i:hover { color: #a73796; } .portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item:hover .grid-image-hover { opacity: 1; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .portfolio-full.detail-05 .container.portfolio-content-wrap { margin-top: 50px; } .portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-8 { text-align: left; } .portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-8 .portfolio-info h2 { color: #a73796; margin-top: 0; position: relative; font-size: 24px; font-weight: bold; text-transform: uppercase; padding-bottom: 15px; } .portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-8 .portfolio-info h2:before { content: ""; height: 1px; width: 50px; background-color: #a73796; position: absolute; bottom: 0; left: 0; } .portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box:first-child h6 { margin-top: 0; } .portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box h6 { font-size: 18px; margin-top: 45px; color: #a73796; font-weight: bold; } .portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box div { line-height: 1.4; color: #a73796; } .portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-cat span { text-transform: uppercase; } .portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span { padding: 5px 10px; background: #f6f6f6; margin-right: 5px; display: inline-block; margin-top: 5px; } .portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover { background: #a73796; } .portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper { list-style: none; list-style-type: none; padding: 0; } .portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li { display: inline-block; margin: 0 9px; width: 40px; height: 40px; float: left; border: 1px solid #e1e1e1; } .portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a { display: block; } .portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a i { line-height: 38px; width: 40px; text-align: center; } .portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:first-child { margin-left: 0; } .portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:last-child { margin-right: 0; } .portfolio-related-wrap .heading-wrap .post-navigation { margin-top: 100px; } .portfolio-related-wrap .heading-wrap .post-navigation .nav-links .nav-previous .post-navigation-content, .portfolio-related-wrap .heading-wrap .post-navigation .nav-links .nav-next .post-navigation-content { display: none; } .portfolio-related-wrap .heading-wrap .post-navigation .nav-links a div i { color: #a73796; top: 0; margin-top: 0; text-align: center; height: 50px; width: 60px; line-height: 50px; background-color: #f6f6f6; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-related-wrap .heading-wrap .post-navigation .nav-links a div:hover i { color: #a73796; } .portfolio-related-wrap .heading-wrap .post-navigation .nav-links > i { color: #a73796; line-height: 50px; font-size: 28px; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-related-wrap .heading-wrap .heading { text-align: center; text-transform: uppercase; color: #a73796; font-size: 36px; margin-top: 70px; } .portfolio-related-wrap .heading-wrap .heading .heading-icon { font-size: 14px; height: 30px; width: 30px; line-height: 30px; position: relative; margin: 0 auto; z-index: 1; } .portfolio-related-wrap .heading-wrap .heading .heading-icon i { font-size: 12px; color: #6fd9ec; height: 30px; width: 30px; background-color: #fff; line-height: 30px; position: relative; margin: 0 auto; z-index: 1; } .portfolio-related-wrap .heading-wrap .heading .heading-icon:before { content: ""; width: 70px; height: 1px; background-color: #e1e1e1; position: absolute; top: 50%; left: 50%; z-index: -1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-related-wrap .portfolio-related { margin-top: 60px; margin-bottom: 100px; position: relative; } .portfolio-related-wrap .portfolio-related.portfolio-wrapper .portfolio-item { width: 100% !important; padding: 0 15px; } .portfolio-related-wrap .portfolio-related .owl-nav div { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 44px; width: 44px; padding: 0; background-color: rgba(128, 128, 128, 0.5); text-align: center; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .portfolio-related-wrap .portfolio-related .owl-nav div i { font-size: 24px; color: #fff; line-height: 44px; } .portfolio-related-wrap .portfolio-related .owl-nav div:hover { background-color: #a73796; } .portfolio-related-wrap .portfolio-related .owl-nav .owl-prev { left: -10px; } .portfolio-related-wrap .portfolio-related .owl-nav .owl-next { right: -10px; } /* Woo shortcode */ /*----------------------------------- * PRODUCT BASE *-----------------------------------*/ .related-products li.product .product-inner { padding-bottom: 0px; margin: 10px 0; border: 1px solid #e1e1e1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .product-label .on-sold { display: none !important; } .related-products li.product .product-inner .product-label { right: 10px; left: auto !important; } .related-products li.product .product-inner .product-label .onsale, .related-products li.product .product-inner .product-label .on-hot { background-color: #f0503f !important; } .related-products li.product .product-inner .product-label .product-flash, .related-products li.product .product-inner .product-label .onsale, .related-products li.product .product-inner .product-label .product-flash, .related-products li.product .product-inner .product-label .onsale { height: 42px; width: 42px; border-radius: 50% !important; line-height: 42px; } .related-products li.product .product-inner .product-thumbnail .product-thumb-primary { z-index: 0; } .related-products li.product .product-inner .product-info { min-height: 90px; } .related-products li.product .product-inner .product-actions a:hover { box-shadow: none !important; } .related-products li.product .product-inner .product-actions .add_to_compare a { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .related-products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .related-products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .related-products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, .related-products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .related-products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .related-products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .related-products li.product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .related-products li.product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart, .related-products li.product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .related-products li.product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .related-products li.product .product-inner .product-actions .quickview a, .related-products li.product .product-inner .product-actions .quickview a { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .related-products li.product:hover .product-inner { -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); } .related-products li.product:hover .product-inner .product-thumbnail .product-thumb-primary:before { display: none; } .related-products li.product:hover .product-inner .product-thumbnail .product-thumb-primary img { opacity: 0.2; } .products-shortcode-paging-wrap { margin-top: 30px; } .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers { list-style: none; list-style-type: none; display: inline-block; padding: 0; margin: 0; } .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li { display: inline-block; padding-right: 5px; } .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li span, .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a { border: 1px solid #e1e1e1; color: #444444; display: inline-block; padding: 2px 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li span.current { background-color: #a73796; border: 1px solid #a73796; color: #fff; } .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a:hover, .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a:focus { background: #a73796; border: 1px solid #a73796; color: #fff; } .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a.prev, .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a.next { text-transform: capitalize; } .products-shortcode-paging-wrap.paging-load-more button { background-color: #a73796; border: none; color: #fff; font-weight: 600; padding: 6px 30px; text-transform: uppercase; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-shortcode-paging-wrap.paging-load-more button:hover { background-color: #373435; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-shortcode-paging-wrap.paging-load-more button:focus { outline: none; } /*----------------------------------- * SHORTCODES PRODUCTS SLIDER *-----------------------------------*/ .products-slider-shortcode-wrapper.carousel { position: relative; } .products-slider-shortcode-wrapper.carousel:hover ul.products .owl-nav .owl-prev, .products-slider-shortcode-wrapper.carousel:hover ul.products .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-slider-shortcode-wrapper.carousel ul.products { padding: 0; margin: 0; list-style: none; list-style-type: none; } .products-slider-shortcode-wrapper.carousel ul.products li.product { position: relative; padding: 0; margin: 0; width: 100%; overflow: visible; } .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner { padding-bottom: 0px; margin: 10px 0; border: 1px solid #e1e1e1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-label { right: 10px; left: auto !important; } .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-label .onsale, .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-label .on-hot { background-color: #f0503f !important; } .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-label .product-flash, .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-label .onsale, .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-label .product-flash, .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-label .onsale { height: 42px; width: 42px; border-radius: 50% !important; line-height: 42px; } .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-thumbnail .product-thumb-primary { z-index: -1; } .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-actions a:hover { box-shadow: none !important; } .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-actions .add_to_compare a { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart, .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-actions .quickview a, .products-slider-shortcode-wrapper.carousel ul.products li.product .product-inner .product-actions .quickview a { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .products-slider-shortcode-wrapper.carousel ul.products li.product:hover .product-inner { -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); } .products-slider-shortcode-wrapper.carousel ul.products li.product:hover .product-inner .product-thumbnail .product-thumb-primary:before { display: none; } .products-slider-shortcode-wrapper.carousel ul.products li.product:hover .product-inner .product-thumbnail .product-thumb-primary img { opacity: 0.2; } .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev, .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 999; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev:hover, .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next:hover { background-color: #a73796; color: #fff; cursor: pointer; } .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev { left: 0; } .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next { right: 0; } /*----------------------------------- * SHORTCODES PRODUCT LIST (COPY FROM ARCHIVE PRODUCT) *-----------------------------------*/ .products-shortcode-wrap.list ul.products { margin-left: -15px; margin-right: -15px; } .products-shortcode-wrap.list ul.products.list { margin-left: 0px; margin-right: 0px; } .products-shortcode-wrap.list ul.products.list li.product { width: 100%; padding: 0px; border: 1px solid #e1e1e1; margin-bottom: 30px; } .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-flash, .products-shortcode-wrap.list ul.products.list li.product .product-inner .onsale { left: 5px !important; top: 5px !important; bottom: auto !important; margin: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one { float: left; margin-right: 20px; position: relative; } .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary img, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one img { margin-bottom: 0; } @media screen and (max-width: 767px) { .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary img, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one img { width: 100%; } } @media screen and (max-width: 767px) { .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one { margin-right: 0; margin-bottom: 15px; width: 100%; } } .products-shortcode-wrap.list ul.products.list li.product .product-inner .star-rating { position: relative; top: auto; left: auto; opacity: 1; margin: 0; margin-top: 15px; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } @media screen and (max-width: 767px) { .products-shortcode-wrap.list ul.products.list li.product .product-inner .star-rating { margin-left: 15px; margin-right: 15px; } } .products-shortcode-wrap.list ul.products.list li.product .product-inner span.price { text-align: left; margin-top: 15px; } @media screen and (max-width: 767px) { .products-shortcode-wrap.list ul.products.list li.product .product-inner span.price { margin-left: 15px; margin-right: 15px; } } .products-shortcode-wrap.list ul.products.list li.product .product-inner h2 { font-size: 18px; font-weight: 700; text-align: left; text-transform: uppercase; padding-top: 35px !important; padding-bottom: 10px !important; margin-top: 0px !important; } @media screen and (max-width: 767px) { .products-shortcode-wrap.list ul.products.list li.product .product-inner h2 { margin-left: 15px; margin-right: 15px; } } .products-shortcode-wrap.list ul.products.list li.product .product-inner p { text-align: left; } @media screen and (max-width: 767px) { .products-shortcode-wrap.list ul.products.list li.product .product-inner p { margin-left: 15px; margin-right: 15px; } } .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-actions { opacity: 1; width: auto; top: auto; left: 280px; bottom: auto; right: auto; margin-top: 10px; } /*----------------------------------- * SHORTCODES PRODUCTS GRID *-----------------------------------*/ .products-shortcode-wrap.grid .product-filters ul, .products-shortcode-wrap.masonry .product-filters ul { list-style: none; list-style-type: none; padding: 0; margin-bottom: 20px; } .products-shortcode-wrap.grid .product-filters ul.filter-center, .products-shortcode-wrap.masonry .product-filters ul.filter-center { text-align: center; } .products-shortcode-wrap.grid .product-filters ul.filter-left, .products-shortcode-wrap.masonry .product-filters ul.filter-left { text-align: left; } .products-shortcode-wrap.grid .product-filters ul.filter-right, .products-shortcode-wrap.masonry .product-filters ul.filter-right { text-align: right; } .products-shortcode-wrap.grid .product-filters ul.style_1 li, .products-shortcode-wrap.masonry .product-filters ul.style_1 li { display: inline-block; } .products-shortcode-wrap.grid .product-filters ul.style_1 li a, .products-shortcode-wrap.masonry .product-filters ul.style_1 li a { display: block; padding: 6px 20px; } .products-shortcode-wrap.grid .product-filters ul.style_1 li a.selected, .products-shortcode-wrap.masonry .product-filters ul.style_1 li a.selected { background-color: #a73796; color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } @media screen and (max-width: 767px) { .products-shortcode-wrap.grid .product-filters ul.style_1 li, .products-shortcode-wrap.masonry .product-filters ul.style_1 li { margin-top: 10px; } } .products-shortcode-wrap.grid .product-filters ul.style_2 li, .products-shortcode-wrap.masonry .product-filters ul.style_2 li { display: inline-block; } .products-shortcode-wrap.grid ul.products, .products-shortcode-wrap.masonry ul.products { margin-left: -15px; margin-right: -15px; } .products-shortcode-wrap.grid ul.products li.product, .products-shortcode-wrap.grid ul.products li.type-product, .products-shortcode-wrap.masonry ul.products li.product, .products-shortcode-wrap.masonry ul.products li.type-product { margin: 5px 0; padding-top: 1px; } .products-shortcode-wrap.grid ul.products li.product .product-inner, .products-shortcode-wrap.grid ul.products li.type-product .product-inner, .products-shortcode-wrap.masonry ul.products li.product .product-inner, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner { padding-bottom: 0px; margin: 10px 0; border: 1px solid #e1e1e1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .products-shortcode-wrap.grid ul.products li.product .product-inner .product-label, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-label, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-label, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-label { right: 10px; left: auto !important; } .products-shortcode-wrap.grid ul.products li.product .product-inner .product-label .onsale, .products-shortcode-wrap.grid ul.products li.product .product-inner .product-label .on-hot, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-label .onsale, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-label .on-hot, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-label .onsale, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-label .on-hot, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-label .onsale, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-label .on-hot { background-color: #f0503f !important; } .products-shortcode-wrap.grid ul.products li.product .product-inner .product-label .product-flash, .products-shortcode-wrap.grid ul.products li.product .product-inner .product-label .onsale, .products-shortcode-wrap.grid ul.products li.product .product-inner .product-label .product-flash, .products-shortcode-wrap.grid ul.products li.product .product-inner .product-label .onsale, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-label .product-flash, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-label .onsale, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-label .product-flash, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-label .onsale, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-label .product-flash, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-label .onsale, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-label .product-flash, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-label .onsale, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-label .product-flash, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-label .onsale, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-label .product-flash, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-label .onsale { height: 42px; width: 42px; border-radius: 50% !important; line-height: 42px; } .products-shortcode-wrap.grid ul.products li.product .product-inner .product-info, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-info, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-info, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-info, .post-type-archive-product ul.products.grid li.type-product .product-inner .product-info, .tax-product_cat ul.products.grid li.type-product .product-inner .product-info, .single-product ul.related-products li.type-product .product-inner .product-info, .feature-product-section ul li .product-inner .product-info { min-height: 0px !important; background: #a73796; display: inline-block; width: 100%; } .products-shortcode-wrap.grid ul.products li.product .product-inner .product-actions a:hover, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-actions a:hover, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-actions a:hover, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-actions a:hover { box-shadow: none !important; } .products-shortcode-wrap.grid ul.products li.product .product-inner .product-actions .add_to_compare a, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-actions .add_to_compare a, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-actions .add_to_compare a, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-actions .add_to_compare a { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .products-shortcode-wrap.grid ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .products-shortcode-wrap.grid ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .products-shortcode-wrap.grid ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, .products-shortcode-wrap.grid ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .products-shortcode-wrap.grid ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .products-shortcode-wrap.grid ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .products-shortcode-wrap.grid ul.products li.product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .products-shortcode-wrap.grid ul.products li.product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart, .products-shortcode-wrap.grid ul.products li.product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .products-shortcode-wrap.grid ul.products li.product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-actions .add-to-cart-wrapper .add_to_cart_button, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-actions .add-to-cart-wrapper .added_to_cart { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .products-shortcode-wrap.grid ul.products li.product .product-inner .product-actions .quickview a, .products-shortcode-wrap.grid ul.products li.product .product-inner .product-actions .quickview a, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-actions .quickview a, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-actions .quickview a, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-actions .quickview a, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-actions .quickview a, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-actions .quickview a, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-actions .quickview a { -webkit-box-shadow: 0 0 0px 1px #ddd; -moz-box-shadow: 0 0 0px 1px #ddd; box-shadow: 0 0 0px 1px #ddd; } .products-shortcode-wrap.grid ul.products li.product:hover .product-inner .product-thumbnail, .products-shortcode-wrap.grid ul.products li.type-product:hover .product-inner .product-thumbnail, .products-shortcode-wrap.masonry ul.products li.product:hover .product-inner .product-thumbnail, .products-shortcode-wrap.masonry ul.products li.type-product:hover .product-inner .product-thumbnail { -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); } .products-shortcode-wrap.grid ul.products li.product:hover .product-inner .product-thumbnail .product-thumb-primary:before, .products-shortcode-wrap.grid ul.products li.type-product:hover .product-inner .product-thumbnail .product-thumb-primary:before, .products-shortcode-wrap.masonry ul.products li.product:hover .product-inner .product-thumbnail .product-thumb-primary:before, .products-shortcode-wrap.masonry ul.products li.type-product:hover .product-inner .product-thumbnail .product-thumb-primary:before { display: none; } .products-shortcode-wrap.grid ul.products li.product:hover .product-inner .product-thumbnail .product-thumb-primary img, .products-shortcode-wrap.grid ul.products li.type-product:hover .product-inner .product-thumbnail .product-thumb-primary img, .products-shortcode-wrap.masonry ul.products li.product:hover .product-inner .product-thumbnail .product-thumb-primary img, .products-shortcode-wrap.masonry ul.products li.type-product:hover .product-inner .product-thumbnail .product-thumb-primary img { /*opacity: 0.2;*/ } .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.type-product { width: 50%; } @media screen and (max-width: 991px) { .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.type-product { width: 33.333333%; } } @media screen and (max-width: 767px) { .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.type-product { width: 50%; } } .products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.type-product { width: 33.333333%; } @media screen and (max-width: 767px) { .products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.type-product { width: 50%; } } .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.type-product { width: 25%; } @media screen and (max-width: 991px) { .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.type-product, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 33.333333%; } } @media screen and (max-width: 767px) { .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.type-product { width: 50%; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 46%; } } .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product { width: 20%; } @media screen and (max-width: 991px) { .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product { width: 33.333333%; } } @media screen and (max-width: 767px) { .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-category { border: 1px solid #e1e1e1; overflow: hidden; position: relative; } .haru-woo-shortcodes-products-ajax-category.slider:before { border-right: 1px solid #e1e1e1 !important; } .haru-woo-shortcodes-products-ajax-category .products-tabs { list-style: none; list-style-type: none; padding: 0; margin: 0 !important; width: calc(25% - 22px); float: left; } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category .products-tabs { padding: 0; width: 100%; } } .haru-woo-shortcodes-products-ajax-category .products-tabs .heading-title { position: relative; padding: 25px 10px 25px 60px; } .haru-woo-shortcodes-products-ajax-category .products-tabs .heading-title i { font-size: 26px; line-height: 34px; padding: 5px 0; text-align: center; position: absolute; top: 50%; color: #a73796; left: 25px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .haru-woo-shortcodes-products-ajax-category .products-tabs .heading-title span { color: #444444; font-weight: 500; font-size: 18px; text-transform: uppercase; } .haru-woo-shortcodes-products-ajax-category .products-tabs li { color: #444444; cursor: pointer; display: block; font-size: 14px; padding: 3px 5px 3px 20px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-woo-shortcodes-products-ajax-category .products-tabs li:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-woo-shortcodes-products-ajax-category .products-tabs li span { display: block; position: relative; padding: 5px; } .haru-woo-shortcodes-products-ajax-category .products-tabs li:nth-child(2) { padding: 3px 20px 3px 20px; } .haru-woo-shortcodes-products-ajax-category .products-tabs li:nth-child(2) span { position: relative; } .haru-woo-shortcodes-products-ajax-category .products-tabs li:nth-child(2) span:before { content: ""; display: block; height: 1px; width: 100%; position: absolute; left: 0; top: -13px; background-color: #e1e1e1; } .haru-woo-shortcodes-products-ajax-category .products-tabs li.current { color: #a73796; } .haru-woo-shortcodes-products-ajax-category .products-content { width: calc(75% + 22px); float: left; min-height: 300px; position: relative; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category .products-content { padding-right: 10px; width: 100% !important; } } .haru-woo-shortcodes-products-ajax-category .products-content.loading { position: relative; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .haru-woo-shortcodes-products-ajax-category .products-content.loading:after { content: ""; position: absolute; width: 100%; height: 100%; top: -1px; left: 0; z-index: 5; background-color: #fff; } .haru-woo-shortcodes-products-ajax-category .products-content.loading:before { content: "\f110"; font-family: fontAwesome; position: absolute; top: 10%; left: 50%; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; z-index: 6; font-size: 24px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .haru-woo-shortcodes-products-ajax-category .products-content.slider { margin-left: -1px; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products { margin-bottom: 0; padding: 0; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products:hover .owl-nav { opacity: 1; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products li.type-product { list-style: none; list-style-type: none; width: 100% !important; padding: 0; margin: 0; border-left: 1px solid #eee; margin-top: 0; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products li.type-product .product-inner .product-thumbnail .product-thumb-primary { position: relative; z-index: -1; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products li.type-product .product-inner .product-info .price { display: block; padding-bottom: 20px; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav { opacity: 0; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-prev, .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-next { position: absolute; display: block; top: 40%; z-index: 99; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-prev:hover, .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.4); cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-next { right: 0; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-prev { left: 0; } .haru-woo-shortcodes-products-ajax-category .products-content.grid.banner_right ul.products li.type-product { margin-right: -1px; background-color: white; } .haru-woo-shortcodes-products-ajax-category .products-content.grid.banner_left ul.products li.type-product { margin-right: -1px; background-color: white; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products { margin: -1px 0 0 0; padding: 0; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products li.type-product { position: relative; padding: 20px 10px 25px 10px; margin: 0; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products li.type-product .product-info { position: relative; min-height: 74px; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products li.type-product .product-info .woocommerce-loop-product__title { margin-top: 10px !important; margin-bottom: 0 !important; padding-bottom: 9px; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products li.type-product .product-info .star-rating { position: absolute; bottom: -15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-2 li.type-product { width: 50%; float: left; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-2 li.type-product:nth-child(3), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-2 li.type-product:nth-child(4) { margin-top: -1px; } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-2 li.type-product { width: 50%; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-2 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product { width: 33.333333%; float: left; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product:nth-child(4), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product:nth-child(5), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product:nth-child(6) { margin-top: -1px; } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product { width: 50%; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product:nth-child(3), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product:nth-child(4), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product:nth-child(5), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product:nth-child(6) { margin-top: -1px; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product { width: 25%; float: left; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product:nth-child(5), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product:nth-child(6), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product:nth-child(7), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product:nth-child(8) { margin-top: -1px; } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product { width: 50%; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product:nth-child(3), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product:nth-child(4), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product:nth-child(5), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product:nth-child(6), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product:nth-child(7), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product:nth-child(8) { margin-top: -1px; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product { width: 20%; float: left; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product:nth-child(6), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product:nth-child(7), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product:nth-child(8), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product:nth-child(9), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product:nth-child(10) { margin-top: -1px; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product .product-info { min-height: 107px; } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product { width: 50%; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product:nth-child(3), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product:nth-child(4), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product:nth-child(5), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product:nth-child(6), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product:nth-child(7), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product:nth-child(8), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product:nth-child(9), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product:nth-child(10) { margin-top: -1px; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product .product-info { min-height: 74px; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product { width: 16.666666%; float: left; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product .product-info { min-height: 107px; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(7), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(8), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(9), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(10), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(11), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(12) { margin-top: -1px; } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product { width: 50%; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(3), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(4), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(5), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(6), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(7), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(8), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(9), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(10), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(11), .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product:nth-child(12) { margin-top: -1px; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product .product-info { min-height: 74px; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-category .see-more-wrapper { border-top: 1px solid #eee; border-left: 1px solid #eee; text-align: center; } .haru-woo-shortcodes-products-ajax-category .see-more-wrapper .see-more-button { padding: 8px 15px; display: inline-block; } .haru-woo-shortcodes-products-ajax-category.banner_left .products-banner { float: left; } .haru-woo-shortcodes-products-ajax-category .products-banner { float: right; position: relative; width: calc(25% - 7px); } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category .products-banner { width: 100%; padding-left: 0px; } } .haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel { margin: 0; padding: 0; } .haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel:hover .owl-nav div { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-nav div { background: rgba(0, 0, 0, 0.2); color: #fff; display: block; height: 40px; line-height: 40px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 40px; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-nav div:hover { background: rgba(0, 0, 0, 0.4); cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-nav div.owl-next { right: 0; } .haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-nav div.owl-prev { left: 0; } .haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-dots { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; } .haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-dots .owl-dot { background: transparent; border: 1px solid #fff; display: inline-block; height: 10px; margin: 0 3px; width: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-dots .owl-dot.active { background: #fff; } .haru-woo-shortcodes-products-ajax-category.filter_left:before { border-right: 1px solid #e1e1e1; content: ""; position: absolute; width: calc(25% - 22px); height: 100%; left: 0; top: 0; border-right: none; background-color: #f9f9f9; } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category.filter_left:before { display: none; } } .haru-woo-shortcodes-products-ajax-category.filter_left .products-tabs { position: relative; } .haru-woo-shortcodes-products-ajax-category.filter_left .products-tabs:before { background-color: #f9f9f9; content: ""; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category.filter_left .products-tabs:before { display: block; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category.filter_left .products-tabs li { display: inline-block; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category.filter_left .products-tabs .heading-title { display: block; } } .haru-woo-shortcodes-products-ajax-category.filter_right:before { border: 1px solid #e1e1e1; content: ""; position: absolute; width: calc(25% - 22px); height: 100%; right: 0; top: 0; background-color: #f9f9f9; } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category.filter_right:before { display: none; } } .haru-woo-shortcodes-products-ajax-category.filter_right .products-tabs { float: right; position: relative; } .haru-woo-shortcodes-products-ajax-category.filter_right .products-tabs:before { background-color: #f9f9f9; content: ""; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category.filter_right .products-tabs:before { display: block; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category.filter_right .products-tabs li { display: inline-block; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category.filter_right .products-tabs .heading-title { display: block; } } .haru-woo-shortcodes-products-ajax-category.filter_right .products-content { float: right; padding-left: 10px; padding-right: 10px; } .haru-woo-shortcodes-products-ajax-category.filter_right .products-content.slider { padding-left: 20px; padding-right: 20px; } .haru-woo-shortcodes-products-ajax-category.filter_right .products-banner { padding-left: 20px; padding-right: 20px; } .haru-woo-shortcodes-products-ajax-category.filter_right.has-banner .products-content { padding-left: 0; padding-right: 10px; } .haru-woo-shortcodes-products-ajax-category.filter_top .products-tabs { border-bottom: 1px solid #e1e1e1; padding: 0; width: 100%; text-align: center; } .haru-woo-shortcodes-products-ajax-category.filter_top .products-tabs li { border-top: none; display: inline-block; padding-right: 20px; } .haru-woo-shortcodes-products-ajax-category.filter_top .products-tabs .heading-title { border-bottom: 1px solid #e1e1e1; display: block; padding: 15px 0; margin-bottom: 0; } .haru-woo-shortcodes-products-ajax-category.filter_top .products-tabs .heading-title i { left: 0; position: relative; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .haru-woo-shortcodes-products-ajax-category.filter_top .products-tabs .heading-title span { margin-left: 10px; } .haru-woo-shortcodes-products-ajax-category.filter_top .products-content { padding-left: 10px; width: 100%; } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-2 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-3 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-4 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-5 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-6 li.type-product { width: 33.333333%; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-2 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-3 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-4 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-5 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-6 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.slider { padding-left: 0; padding-right: 0; margin-left: -2px; } .haru-woo-shortcodes-products-ajax-category.filter_top.has-banner .products-content { width: 100%; padding-right: 10px; } .haru-woo-shortcodes-products-ajax-category.filter_top .products-banner { padding-left: 20px; padding-top: 0; width: 100%; } .haru-woo-shortcodes-products-ajax-category.filter_top .see-more-wrapper { border-left: none; } .haru-woo-shortcodes-products-ajax-category.has-banner .products-content { width: calc(50% + 29px); padding-right: 0; } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category.has-banner .products-content { padding-right: 10px; } } .haru-woo-shortcodes-products-ajax-category.has-banner .products-content.slider { padding-right: 10px; } .haru-woo-shortcodes-products-ajax-category.has-banner.filter_left.slider .products-content { padding-right: 20px; } .haru-woo-shortcodes-products-ajax-category.has-banner.filter_right .products-banner { padding-right: 10px; } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category.has-banner.filter_right .products-banner { padding-right: 20px; } } .haru-woo-shortcodes-products-ajax-category.has-banner.filter_right.slider .products-content { padding-right: 20px; padding-left: 10px; } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category.has-banner.filter_right.slider .products-content { padding-left: 20px; } } .haru-woo-shortcodes-products-ajax-category.has-banner.filter_top.slider .products-content { padding-right: 20px; } /*----------------------------------- * SHORTCODES PRODUCTS SLIDER *-----------------------------------*/ .products-recent-viewed-shortcode-wrap.carousel { position: relative; } .products-recent-viewed-shortcode-wrap.carousel:hover ul.products .owl-nav .owl-prev, .products-recent-viewed-shortcode-wrap.carousel:hover ul.products .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-recent-viewed-shortcode-wrap.carousel ul.products { padding: 0; margin: 0; list-style: none; list-style-type: none; } .products-recent-viewed-shortcode-wrap.carousel ul.products li.product { position: relative; padding: 0; margin: 0; width: 100%; } .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-prev, .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 999; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-prev:hover, .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.5); cursor: pointer; } .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-prev { left: 0; } .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-next { right: 0; } @media screen and (max-width: 767px) { .products-top-sale-shortcode-wrap { margin-top: 10px; } } .products-top-sale-shortcode-wrap .yith-wcwl-add-to-wishlist { display: none; } .products-top-sale-shortcode-wrap.carousel_1 { position: relative; } .products-top-sale-shortcode-wrap.carousel_1 .products-title { font-size: 18px; line-height: 1.4; margin-bottom: 20px; font-weight: 900; margin-top: -5px; padding-bottom: 13px; position: relative; text-transform: uppercase; font-family: lato; } @media screen and (max-width: 991px) { .products-top-sale-shortcode-wrap.carousel_1 .products-title { font-size: 18px; } } .products-top-sale-shortcode-wrap.carousel_1 .products-title:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #e1e1e1; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel { list-style: none; padding-left: 0; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product { margin-bottom: 20px; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .onsale, .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .product-flash { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail { width: 35%; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary { border: 1px solid #eee; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary img { position: relative; z-index: -1; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before { opacity: 0; visibility: hidden; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info { margin-left: 15px; text-align: left; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title { font-size: 14px; font-weight: 500; margin-top: 0 !important; padding-top: 0; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .star-rating { margin-left: 0; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .onsale, .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-flash { opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav { position: absolute; display: block; bottom: calc(100% + 35px); z-index: 9; width: 100%; text-align: right; } .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev, .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-next { display: inline-block; z-index: 9; width: 20px; height: 18px; line-height: 18px; text-align: center; color: #a5a5a5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev:hover, .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-next:hover { color: #000; cursor: pointer; } .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-next { border-left: 1px solid #eee; } .products-top-sale-shortcode-wrap.carousel_2 { position: relative; padding: 30px 20px; background: white; box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1); } .products-top-sale-shortcode-wrap.carousel_2 .products-title { font-size: 18px; line-height: 1.4; font-weight: 900; margin-bottom: 20px; margin-top: -5px; padding-bottom: 13px; position: relative; text-transform: uppercase; } .products-top-sale-shortcode-wrap.carousel_2 .products-title:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #e1e1e1; } .products-top-sale-shortcode-wrap.carousel_2 .products { list-style: none; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel { list-style: none; padding-left: 0; margin-bottom: 0; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product { margin: 0; padding-left: 1px; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail { float: left; width: 40%; padding: 30px 0; border: 1px solid #e1e1e1; } @media screen and (max-width: 991px) { .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail { width: 100%; } } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .product-label { left: 30px !important; top: 5px !important; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .onsale, .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .product-flash { left: auto !important; right: 0 !important; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; transform: translateX(0) !important; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before { display: none; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info { float: right; text-align: left; width: 60%; padding-left: 20px; } @media screen and (max-width: 1199px) { .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info { padding-left: 10px; } } @media screen and (max-width: 991px) { .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info { margin-top: 20px; width: 100%; } } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title { font-size: 24px; font-weight: normal; margin-top: 0 !important; padding-top: 0; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .excerpt { font-size: 12px; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .star-rating { margin-left: 0; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .price { font-size: 24px !important; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown { margin-top: 15px; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time { padding: 0; text-align: left; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li { display: inline-block; margin: 0; margin-right: 10px; padding: 0; width: 58px; height: 80px; background-color: #f1f7eb; text-align: center; } @media screen and (max-width: 1199px) { .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li { margin-right: 1px; } } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li p { line-height: 1.6; margin-bottom: 0; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li .countdown-number { color: #a73796; font-size: 20px; font-weight: 500; height: 50px; line-height: 50px; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li .countdown-text { font-size: 11px; text-transform: uppercase; border-top: 1px solid #fff; padding-top: 4px; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li:last-child { margin: 0; } .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav { position: absolute; display: block; bottom: calc(100% + 32px); z-index: 9; width: 100%; text-align: right; } .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-prev, .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-next { display: inline-block; z-index: 9; width: 20px; height: 18px; line-height: 18px; text-align: center; color: #a5a5a5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-prev:hover, .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-next:hover { color: #000; cursor: pointer; } .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-next { border-left: 1px solid #eee; } .products-top-rated-shortcode-wrap .yith-wcwl-add-to-wishlist { display: none; } .products-top-rated-shortcode-wrap.carousel_1 { position: relative; } .products-top-rated-shortcode-wrap.carousel_1 .products-title { font-size: 18px; line-height: 1.4; margin-bottom: 20px; font-weight: 900; margin-top: -5px; padding-bottom: 13px; position: relative; text-transform: uppercase; font-family: lato; } @media screen and (max-width: 991px) { .products-top-rated-shortcode-wrap.carousel_1 .products-title { font-size: 18px; } } .products-top-rated-shortcode-wrap.carousel_1 .products-title:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #e1e1e1; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel { list-style: none; padding-left: 0; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product { margin-bottom: 20px; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .onsale, .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .product-flash { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail { width: 25%; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary { border: 1px solid #eee; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before { opacity: 0; visibility: hidden; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info { margin-left: 15px; text-align: left; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title { font-size: 18px; font-weight: 500; margin-top: 0 !important; padding-top: 0; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .star-rating { margin-left: 0; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .onsale, .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-flash { opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav { position: absolute; display: block; bottom: calc(100% + 35px); z-index: 9; width: 100%; text-align: right; } .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev, .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-next { display: inline-block; z-index: 9; width: 20px; height: 18px; line-height: 18px; text-align: center; color: #a5a5a5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev:hover, .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-next:hover { color: #000; cursor: pointer; } .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-next { border-left: 1px solid #eee; } .products-top-seller-shortcode-wrap .yith-wcwl-add-to-wishlist { display: none; } .products-top-seller-shortcode-wrap.carousel_1 { position: relative; } .products-top-seller-shortcode-wrap.carousel_1 .products-title { font-size: 18px; line-height: 1.4; margin-bottom: 20px; font-weight: 900; margin-top: -5px; padding-bottom: 13px; position: relative; text-transform: uppercase; font-family: lato; } @media screen and (max-width: 991px) { .products-top-seller-shortcode-wrap.carousel_1 .products-title { font-size: 18px; } } .products-top-seller-shortcode-wrap.carousel_1 .products-title:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #e1e1e1; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel { list-style: none; padding-left: 0; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product { margin-bottom: 20px; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .onsale, .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .product-flash { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail { width: 25%; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary { border: 1px solid #eee; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before { opacity: 0; visibility: hidden; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info { margin-left: 15px; text-align: left; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title { font-size: 18px; font-weight: 500; margin-top: 0 !important; padding-top: 0; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .star-rating { margin-left: 0; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .onsale, .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-flash { opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav { position: absolute; display: block; bottom: calc(100% + 35px); z-index: 9; width: 100%; text-align: right; } .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev, .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-next { display: inline-block; z-index: 9; width: 20px; height: 18px; line-height: 18px; text-align: center; color: #a5a5a5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev:hover, .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-next:hover { color: #000; cursor: pointer; } .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-next { border-left: 1px solid #eee; } /* Clarivo shortcode */ .appointment-form-shortcode-wrap.style_1 { background-color: #a73796; } .appointment-form-shortcode-wrap.style_1 .appointment-content { position: relative; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form { padding: 30px 65px 35px 75px; } @media screen and (max-width: 1199px) { .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form { padding: 20px 35px 25px 45px; } } @media screen and (max-width: 991px) { .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form { padding: 15px 25px 15px 35px; } } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-form-title { color: #fff; font-size: 15px; text-transform: uppercase; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register { margin-top: 25px; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info { font-size: 13px; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info select, .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info input, .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info textarea { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.35); color: #fff; margin-bottom: 12px; width: 100%; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info select:focus, .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info input:focus, .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info textarea:focus { outline: none; border: 1px solid rgba(255, 255, 255, 0.85); } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info select { padding: 5px 10px; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info input, .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info textarea { padding: 5px 10px; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info input::-moz-placeholder, .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info textarea::-moz-placeholder { color: #fff; opacity: 1; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info input:-ms-input-placeholder, .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info textarea:-ms-input-placeholder { color: #fff; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info input::-webkit-input-placeholder, .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info textarea::-webkit-input-placeholder { color: #fff; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info .appoinment-picker { position: relative; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info .appoinment-picker:after { position: absolute; content: "\ed21"; color: #fff; font-family: IcoFont; right: 25px; top: 5px; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info .select2-container { margin-bottom: 12px; width: 100% !important; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info .select2-container:focus { outline: none; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info .select2-container.select2-container--open .select2-selection__arrow b { border-color: transparent transparent #fff transparent; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info .select2-container .select2-selection { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.35); padding: 3px 0; height: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info .select2-container .select2-selection:focus { outline: none; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info .select2-container .select2-selection .select2-selection__rendered { color: #fff; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-form-info .select2-container .select2-selection__arrow b { border-color: #fff transparent transparent transparent; margin-left: -10px; margin-top: 2px; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-register-submit button { background-color: #fff; border: none; color: #a73796; display: inline-block; font-size: 13px; font-weight: 500; padding: 13px 20px; text-transform: uppercase; width: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-register-submit button:hover { background-color: #373435; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-form .appointment-register .appointment-register-submit button:focus { outline: none; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule { background-color: rgba(51, 101, 4, 0.5); padding: 30px 60px; position: absolute; right: 0; top: 0; height: 100%; overflow: hidden; } @media screen and (max-width: 1199px) { .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule { padding: 20px 30px; } } @media screen and (max-width: 991px) { .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule { padding: 15px 20px; } } @media screen and (max-width: 767px) { .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule { margin: 0 15px; position: relative; width: calc(100% - 30px); } } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule:after { content: "\ed21"; font-family: IcoFont; font-style: normal; font-weight: normal; position: absolute; font-size: 230px; color: rgba(117, 178, 57, 0.5); bottom: -10%; right: -5%; z-index: 0; line-height: 1; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule .appointment-schedule-title { color: #fff; font-size: 15px; position: relative; text-transform: uppercase; padding-bottom: 20px; position: relative; z-index: 2; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule .appointment-schedule-title:after { content: ""; position: absolute; left: 0; width: 30px; height: 3px; background-color: #fff; bottom: 0; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule .schedule-time { color: #fff; padding: 0; list-style: none; border-bottom: 1px solid #a73796; padding-bottom: 30px; padding-top: 15px; position: relative; z-index: 2; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule .schedule-time li { padding: 5px 0; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule .schedule-time li .time-label { font-weight: 500; margin-right: 5px; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule .emergency-case { color: #fff; display: table; position: relative; z-index: 2; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule .emergency-case .emergency-icon { display: table-cell; font-size: 54px; padding-right: 15px; vertical-align: top; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule .emergency-case .emergency-content { display: table-cell; vertical-align: top; } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule .emergency-case .emergency-content .emer-title { font-weight: 200; font-style: italic; font-size: 15px; line-height: 1.4; margin-top: 25px; margin-bottom: 0; } @media screen and (max-width: 991px) { .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule .emergency-case .emergency-content .emer-title { font-size: 14px; } } .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule .emergency-case .emergency-content .emer-phone { font-weight: 500; font-size: 22px; } @media screen and (max-width: 991px) { .appointment-form-shortcode-wrap.style_1 .appointment-content .appointment-schedule .emergency-case .emergency-content .emer-phone { font-size: 18px; } } .appointment-form-shortcode-wrap.style_2 .appointment-content { background-color: #a73796; } .appointment-form-shortcode-wrap.style_2 .appointment-content .appointment-form { padding: 25px 30px 30px 30px; } @media screen and (max-width: 1199px) { .appointment-form-shortcode-wrap.style_2 .appointment-content .appointment-form { padding: 15px 20px 20px 20px; } } .appointment-form-shortcode-wrap.style_2 .appointment-content .appointment-form .appointment-form-title { color: #fff; font-size: 15px; text-transform: uppercase; } .appointment-form-shortcode-wrap.style_2 .appointment-register { margin-top: 25px; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info { font-size: 13px; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info select, .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info input, .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info textarea { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.35); color: #fff; margin-bottom: 20px; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info select:focus, .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info input:focus, .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info textarea:focus { outline: none; border: 1px solid rgba(255, 255, 255, 0.85); } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info select { padding: 5px 10px; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info input, .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info textarea { padding: 5px 10px; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info input::-moz-placeholder, .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info textarea::-moz-placeholder { color: #fff; opacity: 1; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info input:-ms-input-placeholder, .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info textarea:-ms-input-placeholder { color: #fff; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info input::-webkit-input-placeholder, .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info textarea::-webkit-input-placeholder { color: #fff; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info .appoinment-picker { position: relative; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info .appoinment-picker:after { position: absolute; content: "\ed21"; color: #fff; font-family: IcoFont; right: 25px; top: 5px; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info .select2-container { margin-bottom: 20px; width: 100% !important; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info .select2-container:focus { outline: none; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info .select2-container.select2-container--open .select2-selection__arrow b { border-color: transparent transparent #fff transparent; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info .select2-container .select2-selection { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.35); padding: 3px 0; height: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info .select2-container .select2-selection:focus { outline: none; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info .select2-container .select2-selection .select2-selection__rendered { color: #fff; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-form-info .select2-container .select2-selection__arrow b { border-color: #fff transparent transparent transparent; margin-left: -10px; margin-top: 2px; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-register-submit .haru-notice { color: red; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-register-submit .haru-notice:last-child { margin-bottom: 10px; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-register-submit button { background-color: #fff; border: none; color: #a73796; display: inline-block; font-size: 13px; font-weight: 500; padding: 13px 20px; text-transform: uppercase; width: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-register-submit button:hover { background-color: #373435; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .appointment-form-shortcode-wrap.style_2 .appointment-register .appointment-register-submit button:focus { outline: none; } .appointment-form-shortcode-wrap.style_2 .emergency-case { background-color: #373435; color: #fff; overflow: hidden; padding: 10px 30px; position: relative; z-index: 2; } .appointment-form-shortcode-wrap.style_2 .emergency-case:after { content: "\ed21"; font-family: IcoFont; font-style: normal; font-weight: normal; position: absolute; font-size: 180px; color: #8ec15c; bottom: -50%; right: -8%; z-index: 0; line-height: 1; } .appointment-form-shortcode-wrap.style_2 .emergency-case .emergency-icon { display: table-cell; font-size: 54px; padding-right: 15px; vertical-align: top; z-index: 2; } .appointment-form-shortcode-wrap.style_2 .emergency-case .emergency-content { display: table-cell; position: relative; vertical-align: top; z-index: 2; } .appointment-form-shortcode-wrap.style_2 .emergency-case .emergency-content .emer-title { font-weight: 200; font-style: italic; font-size: 15px; line-height: 1.4; margin-top: 25px; margin-bottom: 0; } .appointment-form-shortcode-wrap.style_2 .emergency-case .emergency-content .emer-phone { font-weight: 500; font-size: 22px; } .appointment-tooltip { background: #373435; height: auto; line-height: 200%; max-width: 250px; padding: 10px; position: absolute; width: auto; z-index: 10001; } .appointment-tooltip .appointment-info { color: #fff; } .appointment-tooltip .appointment-info h4 { color: #fff; font-size: 14px; line-height: 1.4; margin-top: 0; } .appointment-tooltip .appointment-info p { margin-bottom: 0; } .appointment-tooltip .appointment-info label { margin-right: 10px; } .timetable-shortcode-wrap.style_1 .departments { margin-bottom: 30px; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-center h2 { color: #a73796; font-weight: normal; margin-bottom: 10px; padding-bottom: 20px; position: relative; text-align: center; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-center h2:before { content: ""; width: 80px; height: 1px; position: absolute; left: 50%; bottom: 0; background: #a73796; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 1199px) { .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-center h2 { font-size: 22px; margin-top: 10px; } } @media screen and (max-width: 767px) { .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-right { float: left; margin-top: 10px; } } @media screen and (max-width: 767px) { .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-center { float: left; } } .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-button-group { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-button-group button { background: #fff; border: none; height: auto; padding: 5px 10px; text-shadow: none; text-transform: uppercase; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-button-group button.fc-state-hover { background: #a73796; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-button-group button.fc-state-active { background: #a73796; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-button-group button.fc-corner-left { border-right: 1px solid #e1e1e1; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 18px; -webkit-border-top-left-radius: 18px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 18px; -moz-border-radius-topleft: 18px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 18px; border-top-left-radius: 18px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-button-group button.fc-corner-right { border-left: 1px solid #e1e1e1; -webkit-border-top-right-radius: 18px; -webkit-border-bottom-right-radius: 18px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 18px; border-bottom-right-radius: 18px; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-button-group button:focus { outline: none; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-today-button { background: #fff; border: none; height: auto; padding: 5px 10px; text-shadow: none; text-transform: uppercase; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-today-button.fc-state-hover { background: #a73796; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-today-button:focus { outline: none; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-state-disabled { opacity: 0.7; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-header-toolbar .fc-state-disabled:hover { background: rgba(117, 178, 57, 0.7); color: rgba(255, 255, 255, 0.7); } .timetable-shortcode-wrap.style_1 .timetable-content .fc-view-container table thead { background: none; text-transform: uppercase; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-view-container table thead tr th { border: medium none; padding: 10px; text-align: left; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-view-container table .fc-body .fc-widget-content .fc-content-skeleton td { padding-left: 10px; padding-top: 5px; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-view-container table .fc-body .fc-widget-content .fc-content-skeleton td .fc-day-number { float: none; } .timetable-shortcode-wrap.style_1 .timetable-content .fc-view-container table .fc-body .fc-widget-content .fc-content-skeleton .fc-event-container .fc-event { background: #a73796; border-color: #a73796; color: #fff; padding: 3px 5px; } .doctor-shortcode-wrap.carousel .doctor-list:hover .owl-nav .owl-prev, .doctor-shortcode-wrap.carousel .doctor-list:hover .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .doctor-shortcode-wrap.carousel .doctor-list .doctor-item.style_1 { position: relative; } .doctor-shortcode-wrap.carousel .doctor-list .doctor-item.style_1:hover .doctor-content .doctor-appointment { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .doctor-shortcode-wrap.carousel .doctor-list .doctor-item.style_1 .doctor-content { position: absolute; width: 100%; bottom: -1px; left: 0; text-align: center; } .doctor-shortcode-wrap.carousel .doctor-list .doctor-item.style_1 .doctor-content .doctor-appointment { opacity: 1; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .doctor-shortcode-wrap.carousel .doctor-list .doctor-item.style_1 .doctor-content .doctor-appointment a { background-color: #a73796; color: #fff; display: block; padding: 13px 20px; text-transform: uppercase; font-size: 15px; font-weight: 500; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 1199px) { .doctor-shortcode-wrap.carousel .doctor-list .doctor-item.style_1 .doctor-content .doctor-appointment a { font-size: 13px; } } @media screen and (max-width: 991px) { .doctor-shortcode-wrap.carousel .doctor-list .doctor-item.style_1 .doctor-content .doctor-appointment a { padding: 10px 15px; font-size: 14px; } } .doctor-shortcode-wrap.carousel .doctor-list .doctor-item.style_1 .doctor-content .doctor-appointment a:hover { background-color: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .doctor-shortcode-wrap.carousel .doctor-list .doctor-item.style_1 .doctor-content .doctor-appointment a i { margin-right: 10px; } .doctor-shortcode-wrap.carousel .doctor-list .doctor-item.style_1 .doctor-content .doctor-meta { background-color: #eff6f9; position: relative; z-index: 2; } .doctor-shortcode-wrap.carousel .doctor-list .doctor-item.style_1 .doctor-content .doctor-meta .doctor-title { margin-top: 0; position: relative; padding-bottom: 10px; padding-top: 25px; } .doctor-shortcode-wrap.carousel .doctor-list .doctor-item.style_1 .doctor-content .doctor-meta .doctor-title:after { content: ""; position: absolute; width: 15px; height: 2px; background-color: #707070; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .doctor-shortcode-wrap.carousel .doctor-list .doctor-item.style_1 .doctor-content .doctor-meta .doctor-title a { color: #444444; font-size: 16px; text-transform: uppercase; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .doctor-shortcode-wrap.carousel .doctor-list .doctor-item.style_1 .doctor-content .doctor-meta .doctor-title a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .doctor-shortcode-wrap.carousel .doctor-list .doctor-item.style_1 .doctor-content .doctor-meta .doctor-special { color: #444444; font-style: italic; font-weight: normal; padding-bottom: 25px; } .doctor-shortcode-wrap.carousel .doctor-list .owl-nav .owl-prev, .doctor-shortcode-wrap.carousel .doctor-list .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 999; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .doctor-shortcode-wrap.carousel .doctor-list .owl-nav .owl-prev:hover, .doctor-shortcode-wrap.carousel .doctor-list .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.5); cursor: pointer; } .doctor-shortcode-wrap.carousel .doctor-list .owl-nav .owl-prev { left: 0; } .doctor-shortcode-wrap.carousel .doctor-list .owl-nav .owl-next { right: 0; } /*----------------------------------- * VIDEO SHORTCODE *-----------------------------------*/ .doctor-shortcode-wrap.grid { margin-left: -15px; margin-right: -15px; } .doctor-shortcode-wrap.grid .doctor-content .doctor-filter { list-style: none; list-style-type: none; padding: 0; } .doctor-shortcode-wrap.grid .doctor-content .doctor-filter.align_left { text-align: left; } .doctor-shortcode-wrap.grid .doctor-content .doctor-filter.align_center { text-align: center; } .doctor-shortcode-wrap.grid .doctor-content .doctor-filter.align_right { text-align: right; } .doctor-shortcode-wrap.grid .doctor-content .doctor-filter.style_1 li { display: inline-block; padding: 0 5px; margin-bottom: 10px; } .doctor-shortcode-wrap.grid .doctor-content .doctor-filter.style_1 li a { border: 2px solid #e1e1e1; display: inline-block; font-size: 13px; padding: 6px 25px; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .doctor-shortcode-wrap.grid .doctor-content .doctor-filter.style_1 li a:hover, .doctor-shortcode-wrap.grid .doctor-content .doctor-filter.style_1 li a.selected { background-color: #a73796; border-color: #a73796; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .doctor-shortcode-wrap.grid .doctor-content .doctor-filter.style_1 li a { font-size: 12px; padding: 5px 15px; } } .doctor-shortcode-wrap.grid .doctor-content .doctor-filter.style_2 li { display: inline-block; padding: 0 5px; margin-bottom: 10px; } .doctor-shortcode-wrap.grid .doctor-content .doctor-filter.style_2 li a { border: 2px solid rgba(225, 225, 225, 0.2); display: inline-block; font-size: 13px; padding: 6px 25px; text-transform: uppercase; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .doctor-shortcode-wrap.grid .doctor-content .doctor-filter.style_2 li a:hover, .doctor-shortcode-wrap.grid .doctor-content .doctor-filter.style_2 li a.selected { background-color: #a73796; border-color: #a73796; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .doctor-shortcode-wrap.grid .doctor-content .doctor-filter.style_2 li a { font-size: 12px; padding: 5px 15px; } } .doctor-shortcode-wrap.grid .doctor-content .doctor-list { margin-top: 3%; } .doctor-shortcode-wrap.grid .doctor-content .doctor-list.columns-2 .doctor-item { width: 50%; } @media screen and (max-width: 767px) { .doctor-shortcode-wrap.grid .doctor-content .doctor-list.columns-2 .doctor-item { width: 100%; } } .doctor-shortcode-wrap.grid .doctor-content .doctor-list.columns-3 .doctor-item { width: 33.333333%; } @-moz-document url-prefix() { .doctor-shortcode-wrap.grid .doctor-content .doctor-list.columns-3 .doctor-item { width: calc(33.333333% - 0.1px); } } @media screen and (max-width: 991px) { .doctor-shortcode-wrap.grid .doctor-content .doctor-list.columns-3 .doctor-item { width: 50%; } } @media screen and (max-width: 767px) { .doctor-shortcode-wrap.grid .doctor-content .doctor-list.columns-3 .doctor-item { width: 100%; } } .doctor-shortcode-wrap.grid .doctor-content .doctor-list.columns-4 .doctor-item { width: 25%; } @media screen and (max-width: 991px) { .doctor-shortcode-wrap.grid .doctor-content .doctor-list.columns-4 .doctor-item { width: 50%; } } @media screen and (max-width: 767px) { .doctor-shortcode-wrap.grid .doctor-content .doctor-list.columns-4 .doctor-item { width: 100%; } } .doctor-shortcode-wrap.grid .doctor-content .doctor-list.columns-5 .doctor-item { width: 20%; } @media screen and (max-width: 991px) { .doctor-shortcode-wrap.grid .doctor-content .doctor-list.columns-5 .doctor-item { width: 50%; } } @media screen and (max-width: 767px) { .doctor-shortcode-wrap.grid .doctor-content .doctor-list.columns-5 .doctor-item { width: 100%; } } .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1 { margin: 15px 0; padding: 0 15px; position: relative; } .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1:hover .doctor-content .doctor-appointment { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1 .doctor-image img { width: 100%; } .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1 .doctor-content { position: absolute; width: calc(100% - 30px); bottom: -1px; left: 15px; text-align: center; } .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1 .doctor-content .doctor-appointment { opacity: 1; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1 .doctor-content .doctor-appointment a { background-color: #a73796; color: #fff; display: block; padding: 13px 20px; text-transform: uppercase; font-size: 15px; font-weight: 500; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 1199px) { .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1 .doctor-content .doctor-appointment a { font-size: 13px; } } @media screen and (max-width: 991px) { .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1 .doctor-content .doctor-appointment a { padding: 10px 15px; font-size: 14px; } } .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1 .doctor-content .doctor-appointment a:hover { background-color: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1 .doctor-content .doctor-appointment a i { margin-right: 10px; } .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1 .doctor-content .doctor-meta { background-color: #eff6f9; position: relative; z-index: 2; } .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1 .doctor-content .doctor-meta .doctor-title { margin-top: 0; position: relative; padding-bottom: 10px; padding-top: 25px; } .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1 .doctor-content .doctor-meta .doctor-title:after { content: ""; position: absolute; width: 15px; height: 2px; background-color: #707070; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1 .doctor-content .doctor-meta .doctor-title a { color: #444444; font-size: 16px; text-transform: uppercase; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1 .doctor-content .doctor-meta .doctor-title a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .doctor-shortcode-wrap.grid .doctor-content .doctor-list .doctor-item.style_1 .doctor-content .doctor-meta .doctor-special { color: #444444; font-style: italic; font-weight: normal; padding-bottom: 25px; } .doctor-shortcode-paging-wrap { margin-top: 50px; text-align: center; } .doctor-shortcode-paging-wrap .doctor-pagination { font-style: italic; font-weight: 600; margin-top: 30px; text-align: center; } .doctor-shortcode-paging-wrap .doctor-pagination .page-numbers { list-style: none; list-style-type: none; display: inline-block; padding: 0; margin: 0; } .doctor-shortcode-paging-wrap .doctor-pagination .page-numbers li { display: inline-block; padding-right: 25px; } .doctor-shortcode-paging-wrap .doctor-pagination .page-numbers li span, .doctor-shortcode-paging-wrap .doctor-pagination .page-numbers li a { display: inline-block; height: 25px; line-height: 25px; text-align: center; } .doctor-shortcode-paging-wrap .doctor-pagination .page-numbers li span.current { color: #a73796; } .doctor-shortcode-paging-wrap .doctor-pagination .page-numbers li a:hover, .doctor-shortcode-paging-wrap .doctor-pagination .page-numbers li a:focus { background: none; color: #a73796; } .doctor-shortcode-paging-wrap .doctor-pagination .page-numbers li a.prev, .doctor-shortcode-paging-wrap .doctor-pagination .page-numbers li a.next { text-transform: uppercase; } .doctor-shortcode-paging-wrap.paging-load-more button { background-color: #a73796; background-image: none; border: 2px solid #a73796; color: #fff; font-weight: 700; padding: 8px 35px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .doctor-shortcode-paging-wrap.paging-load-more button:hover { border: 2px solid #e1e1e1; background-color: transparent; color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .doctor-shortcode-paging-wrap.paging-load-more button:focus { outline: none; } .department-shortcode-wrap.style_1 .department-list .department-item { margin-bottom: 20px; } .department-shortcode-wrap.style_1 .department-list .department-item .department-icon { border: 1px solid #e1e1e1; color: #a73796; font-size: 24px; float: left; line-height: 70px; margin-right: 25px; height: 70px; width: 70px; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .department-shortcode-wrap.style_1 .department-list .department-item .department-icon:hover { border: 1px solid #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .department-shortcode-wrap.style_1 .department-list .department-item .department-info h5 a { color: #444444; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .department-shortcode-wrap.style_1 .department-list .department-item .department-info h5 a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 1199px) { .department-shortcode-wrap.style_1 .department-list .department-item .department-info h5 { margin-top: 0; } } .department-shortcode-wrap.style_1 .department-viewmore { color: #a73796; display: block; font-weight: 500; padding-top: 20px; text-transform: uppercase; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .department-shortcode-wrap.style_1 .department-viewmore:hover { color: #373435; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .body-font { font-family: "Montserrat"; } .secondary-font { font-family: "Montserrat"; } .appointment-row { overflow: visible !important; z-index: 9; } .appointment-row .appoinment-column-wrap { margin-top: -75vh; padding-right: 3%; } @media screen and (max-width: 1720px) { .appointment-row .appoinment-column-wrap { margin-top: -70vh; } } @media screen and (max-width: 1600px) { .appointment-row .appoinment-column-wrap { margin-top: -65vh; } } @media screen and (max-width: 1500px) { .appointment-row .appoinment-column-wrap { margin-top: -60vh; } } @media screen and (max-width: 1400px) { .appointment-row .appoinment-column-wrap { margin-top: -55vh; } } @media screen and (max-width: 1300px) { .appointment-row .appoinment-column-wrap { margin-top: -50vh; } } @media screen and (max-width: 1199px) { .appointment-row .appoinment-column-wrap { margin-top: -55vh; } } @media screen and (max-width: 991px) { .appointment-row .appoinment-column-wrap { margin-top: 0; padding-right: 0; } } .rotate-left { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; left: -24%; bottom: 17%; } .rotate-right { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); position: absolute; right: -43%; bottom: 27%; } @media screen and (max-width: 991px) { .vertical-menu-holder { min-height: 0; } } @media screen and (max-width: 767px) { .vertical-menu-holder { min-height: 1px; } } .banner-2-col-1 { margin-top: 25%; } @media screen and (max-width: 767px) { .banner-2-col-1 { margin-top: 15px; } } .banner-2-col-3 { margin-top: 25%; } @media screen and (max-width: 767px) { .banner-2-col-3 { margin-top: 15px; } } .appointment-form-4 { margin-top: -20%; z-index: 9; } @media screen and (max-width: 767px) { .appointment-form-4 { margin-top: 0; } } @media screen and (max-width: 991px) { .haru-col-sm-4 { width: 33.33333% !important; } } @media screen and (max-width: 767px) { .haru-col-sm-4 { width: auto !important; } } @media screen and (max-width: 991px) { .haru-col-sm-6 { width: 50% !important; } } @media screen and (max-width: 767px) { .haru-col-sm-6 { width: auto !important; } } @media screen and (max-width: 991px) { .haru-col-sm-8 { width: 66.66667% !important; } } @media screen and (max-width: 767px) { .haru-col-sm-8 { width: auto !important; } } @media screen and (max-width: 991px) { .haru-col-sm-12 { width: 100% !important; } } @media screen and (max-width: 767px) { .haru-col-sm-12 { width: auto !important; } } .haru-archive-department { margin-bottom: 100px; } @media screen and (max-width: 991px) { .haru-archive-department { margin-bottom: 50px; } } .haru-department .tab-toggle.active .tab-title { background-color: #373435; border: none; color: #fff; padding: 10px 15px; } .haru-department .tab-toggle.active .tab-title:before { opacity: 0; visibility: hidden; } .haru-department .tab-toggle .tab-title { border-bottom: 1px solid rgba(225, 225, 225, 0.6); color: #444444; display: block; font-size: 16px; padding: 10px 15px 10px 0; position: relative; } .haru-department .tab-toggle .tab-title:before, .haru-department .tab-toggle .tab-title:after { display: block; content: ""; position: absolute; right: 16px; width: 13px; height: 13px; z-index: 10; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-department .tab-toggle .tab-title:before { top: 22px; height: 1px; border-top: 1px solid; border-left: 1px solid; border-top-color: inherit; border-left-color: inherit; } .haru-department .tab-toggle .tab-title:after { top: 16px; right: 22px; border-top: 1px solid; border-left: 1px solid; width: 1px; } .haru-department .tab-toggle .tab-title:hover { cursor: pointer; } .haru-department .tab-toggle .sub-content .info-title { font-size: 18px; position: relative; padding-bottom: 10px; } .haru-department .tab-toggle .sub-content .info-title:after { content: ""; position: absolute; height: 2px; width: 30px; left: 0; bottom: 0; background-color: #a73796; } .haru-department .general-info { padding-bottom: 15px; } .haru-department .general-info p { font-style: italic; } .haru-department .department-services { padding-bottom: 15px; } .haru-department .department-services .services { list-style: none; padding: 0; margin: 20px 0 0 0; } .haru-department .department-services .services .service { display: inline-block; margin-bottom: 10px; width: 49%; } @media screen and (max-width: 767px) { .haru-department .department-services .services .service { width: 100%; } } .haru-department .department-services .services .service .service-name i { padding-right: 6px; } .haru-department .department-services .services .service .service-price { color: #a73796; font-style: italic; } .haru-department .department-doctors { padding-bottom: 30px; } .haru-department .department-doctors .doctor-list { padding-top: 15px; } .haru-department .department-doctors .doctor-list:hover .slick-arrow.slick-prev, .haru-department .department-doctors .doctor-list:hover .slick-arrow.slick-next { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-department .department-doctors .doctor-list .doctor-item:focus { outline: none; } .haru-department .department-doctors .doctor-list .doctor-image { display: inline-block; float: left; width: 33%; } @media screen and (max-width: 767px) { .haru-department .department-doctors .doctor-list .doctor-image { width: 100%; } } .haru-department .department-doctors .doctor-list .doctor-info { width: 65%; display: inline-block; padding: 0 15px 0 30px; } @media screen and (max-width: 767px) { .haru-department .department-doctors .doctor-list .doctor-info { width: 100%; padding: 15px 0; } } .haru-department .department-doctors .doctor-list .doctor-info .doctor-title { margin-top: 0; } .haru-department .department-doctors .doctor-list .doctor-info .doctor-title a { color: #444444; font-size: 16px; text-transform: uppercase; font-weight: 500; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-department .department-doctors .doctor-list .doctor-info .doctor-title a:hover { color: #a73796; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-department .department-doctors .doctor-list .doctor-info .doctor-special { font-style: italic; } .haru-department .department-doctors .doctor-list .doctor-info .doctor-content { padding-top: 8px; } .haru-department .department-doctors .doctor-list .doctor-info .doctor-socials { list-style: none; margin: 25px 0 0 0; padding: 0; text-align: left; } .haru-department .department-doctors .doctor-list .doctor-info .doctor-socials .network { display: inline-block; font-size: 0; margin-right: 3px; } .haru-department .department-doctors .doctor-list .doctor-info .doctor-socials .network i { background-color: #f6f6f6; font-size: 14px; width: 40px; height: 40px; line-height: 40px; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-department .department-doctors .doctor-list .doctor-info .doctor-socials .network i:hover { background-color: #a73796; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-department .department-doctors .doctor-nav { margin-top: 60px; margin-left: -15px; margin-right: -15px; } .haru-department .department-doctors .doctor-nav:hover .slick-arrow.slick-prev, .haru-department .department-doctors .doctor-nav:hover .slick-arrow.slick-next { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-department .department-doctors .doctor-nav .nav-item { border: 1px solid #fff; margin: 0 15px; position: relative; } .haru-department .department-doctors .doctor-nav .nav-item:hover:before { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-department .department-doctors .doctor-nav .nav-item:hover h3 { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-department .department-doctors .doctor-nav .nav-item:focus { outline: none; } .haru-department .department-doctors .doctor-nav .nav-item:before { content: ""; opacity: 0; position: absolute; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; } .haru-department .department-doctors .doctor-nav .nav-item.slick-current { border: 1px solid #e1e1e1; } .haru-department .department-doctors .doctor-nav h3 { color: #fff; position: absolute; margin: 0; font-size: 14px; top: 50%; left: 50%; line-height: 1.4; text-align: center; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .haru-department .department-doctors .doctor-nav .slick-arrow.slick-prev { left: 15px; } .haru-department .department-doctors .doctor-nav .slick-arrow.slick-next { right: 15px; } .haru-department .department-doctors .slick-arrow.slick-prev, .haru-department .department-doctors .slick-arrow.slick-next { background: #f6f6f6; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; opacity: 0; padding: 0; position: absolute; top: 50%; z-index: 99; width: 30px; height: 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-department .department-doctors .slick-arrow.slick-prev:before, .haru-department .department-doctors .slick-arrow.slick-next:before { color: #666666; font-family: "slick"; font-size: 14px; line-height: 1; opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-department .department-doctors .slick-arrow.slick-prev:hover, .haru-department .department-doctors .slick-arrow.slick-next:hover { background-color: #a73796; } .haru-department .department-doctors .slick-arrow.slick-prev:hover:before, .haru-department .department-doctors .slick-arrow.slick-next:hover:before { color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-department .department-doctors .slick-arrow.slick-prev { left: 0; } .haru-department .department-doctors .slick-arrow.slick-prev:before { content: "\f104"; font-family: FontAwesome; } .haru-department .department-doctors .slick-arrow.slick-next { right: 0; } .haru-department .department-doctors .slick-arrow.slick-next:before { content: "\f105"; font-family: FontAwesome; } .doctor-info .doctor-title { font-size: 24px; } .doctor-info .doctor-special { font-size: 16px; font-style: italic; } .doctor-info .doctor-information { border: none; list-style: none; margin: 30px 0 0 0; padding: 0; } .doctor-info .doctor-information tr:nth-child(odd) { background-color: #f2f2f2; } .doctor-info .doctor-information td { border: none; padding: 10px 15px; } .doctor-info .doctor-information td.info-label { color: #444444; font-size: 15px; font-weight: 500; } .doctor-info .doctor-socials { border: none; list-style: none; margin: 30px 0 0 0; padding: 0; } .doctor-info .doctor-socials .network { display: inline-block; font-size: 0; margin-right: 3px; } .doctor-info .doctor-socials .network i { background-color: #f6f6f6; font-size: 14px; width: 40px; height: 40px; line-height: 40px; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .doctor-info .doctor-socials .network i:hover { background-color: #a73796; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-haru_doctor .post-social-share .social-share-wrapper { text-align: left !important; } /*----------------------------------- * 9. THEMECHECK *-----------------------------------*/ .page-sidebar { margin-top: 60px; } table { border-collapse: collapse; } table thead { background: rgba(117, 178, 57, 0.3); } table, th, td { border: 1px solid #e1e1e1; } th, td { padding: 5px; } .post-password-form input[type="password"] { background: none; border: 1px solid #e1e1e1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .post-password-form input[type="password"]:focus { border: 1px solid #a73796; outline: none; } .post-password-form input[type="submit"] { background: #373435; border: none; color: #fff; padding: 2px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .post-password-form input[type="submit"]:hover { background: #a73796; } .haru-page-links { clear: both; } .mission-vision-section .about-left { /*background-image: url(http://203.109.113.157/nevilpharma/wp-content/uploads/2022/07/two.png);*/ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .mission-vision-section .about-image-right1 { /*background-image: url(http://203.109.113.157/nevilpharma/wp-content/uploads/2022/07/three.png);*/ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .mission-vision-section .about-left:before, .mission-vision-section .about-image-right1:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgb(167 55 150); z-index: 1; } .mission-vision-section .about-left .wpb_wrapper, .mission-vision-section .about-image-right1 .wpb_wrapper { z-index: 999; position: relative; } .mission-vision-section .about-left .wpb_wrapper h2, .mission-vision-section .about-left .wpb_wrapper p, .mission-vision-section .about-image-right1 .wpb_wrapper h2, .mission-vision-section .about-image-right1 .wpb_wrapper p { color: #fff; text-align: center; } .mission-vision-section .about-image-right1:after { content: ""; position: absolute; top: 10%; bottom: 0; left: 0; right: 0; border-left: 1px dashed #fff; z-index: 9; height: 80%; } /*----------------------------------- * 10. RESPONSIVE PAGES *-----------------------------------*/ .banner-home-1-1 { margin-bottom: -60%; z-index: 2; } @media screen and (max-width: 767px) { .banner-home-1-1 { margin-bottom: 0; } } @media screen and (max-width: 991px) { .banner-home-1-2 { margin-top: 20%; } } .banner-home-1-2 .vc_custom_heading { color: rgba(38, 38, 38, 0.4); font-weight: 700; } .banner-home-1-2 p { color: rgba(38, 38, 38, 0.2); font-size: 36px; font-style: italic; line-height: 40px; margin-top: -20px; } .header-logo img { max-height: 65px !important; } .products-section .products .product-inner .product-thumbnail:before, .latest-product .products .product-inner .product-thumbnail:before, .feature-product-section .products .product-inner .product-thumbnail:before, .post-type-archive-product .products .product-inner .product-thumbnail:before, .tax-product_cat .products .product-inner .product-thumbnail:before, .single-product .products .product-inner .product-thumbnail:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.69); z-index: 2; opacity: 0; } .post-type-archive-product aside#woocommerce_product_categories-1 ul li, .tax-product_cat aside#woocommerce_product_categories-1 ul li { padding: 0px; } .post-type-archive-product aside#woocommerce_product_categories-1 ul li a, .tax-product_cat aside#woocommerce_product_categories-1 ul li a { display: block; padding: 8px 15px; } .post-type-archive-product aside#woocommerce_products-1 ul li a, .tax-product_cat aside#woocommerce_products-1 ul li a { display: flex; align-items: center; } .post-type-archive-product aside#woocommerce_products-1 ul li:hover a img, .tax-product_cat aside#woocommerce_products-1 ul li:hover a img { transform: scale(0.8); } .post-type-archive-product aside#woocommerce_products-1 ul li a img, .tax-product_cat aside#woocommerce_products-1 ul li a img { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .tax-product_cat .archive-product-wrapper ul.list .product-thumbnail .product-actions, .post-type-archive-product .archive-product-wrapper ul.list .product-thumbnail .product-actions { top: 47% !important; left: 50% !important; bottom: 0px !important; right: auto !important; margin-top: 0px !important; opacity: 0 !important; } .tax-product_cat .archive-product-wrapper ul.list li:hover .product-thumbnail .product-actions, .post-type-archive-product .archive-product-wrapper ul.list li:hover .product-thumbnail .product-actions { opacity: 1 !important; } .post-type-archive-product aside#woocommerce_products-1 ul li, .tax-product_cat aside#woocommerce_products-1 ul li { border-bottom: 2px dashed #ebebeb; } .post-type-archive-product aside#woocommerce_products-1 ul li:last-child, .tax-product_cat aside#woocommerce_products-1 ul li:last-child { border-bottom: none; } .post-type-archive-product aside#woocommerce_products-1, .tax-product_cat aside#woocommerce_products-1 { border: 1px solid #ddd; } .products-section .products li:hover .product-inner .product-thumbnail:before, .latest-product .products li:hover .product-inner .product-thumbnail:before, .feature-product-section .products li:hover .product-inner .product-thumbnail:before, .post-type-archive-product .products li:hover .product-inner .product-thumbnail:before, .tax-product_cat .products li:hover .product-inner .product-thumbnail:before, .single-product .products li:hover .product-inner .product-thumbnail:before { opacity: 1; } .products-section .products li, .latest-product .products li, .feature-product-section .products li, .post-type-archive-product .products li, .tax-product_cat .products li { -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .feature-product-section h2 { color: #222222; } .pp_pic_holder .pp_left { padding-left: 0px !important; } .pp_pic_holder .pp_right { padding-right: 0px !important; } .pp_pic_holder .pp_content_container { padding: 30px; } .pp_pic_holder .pp_content_container .pp_content { height: 100% !important; } .about-left p { font-size: 16px; } .about-btn a { background: #a73796 !important; color: #fff !important; } .about-image-right .vc_single_image-wrapper { width: 100%; height: 450px; } .about-image-right .vc_single_image-wrapper img { width: 100%; height: 100%; object-fit: cover; } .our-mission-section .vc_column-inner { padding-bottom: 35px; } .our-mission-section h1, .our-mission-section h3 { color: #fff; } .products-section .vc_column-inner { padding-top: 0px !important; } .vc_row-fluid.slider-section, .mission-vision-section .vc_row { margin-bottom: 0% !important; } .woocommerce-product-gallery__image--placeholder { width: 100%; height: 250px; } .woocommerce-product-gallery__image--placeholder img { width: 100%; height: 100%; object-fit: contain; } .tparrows:before { color: #ffffff; background: #a73796bf; border-radius: 50px; font-size: 20px !important; } .mission-icon, .vision-icon { position: relative; width: 130px; height: 130px; border-radius: 50%; transform: translateY(-70px); margin-bottom: -60px; text-align: center; margin-left: auto; margin-right: auto; } .mission-vision-section .about-left { width: 50%; padding: 0 58px 45px; } .mission-vision-section .about-image-right1 { width: 50%; padding: 0 58px 0px; } .mission-icon:before, .vision-icon:before { position: absolute; content: ""; top: -10px; left: -10px; right: -10px; bottom: 0; border-radius: 50%; background-color: #a73796; } .mission-vision-section .vc_row.wpb_row { margin-top: 3% !important; } .mission-icon figure, .vision-icon figure { position: relative; width: 130px; height: 130px; line-height: 130px; background: #fff; border-radius: 50%; z-index: 99; transition: 0.5s; border: 2px solid #a73796; display: flex !important; justify-content: center; align-items: center; vertical-align: unset; } .mission-icon figure .vc_single_image-wrapper, .vision-icon figure .vc_single_image-wrapper { vertical-align: unset; } .mission-icon figure .vc_single_image-wrapper img, .vision-icon figure .vc_single_image-wrapper img { vertical-align: middle; } .mission-vision-section p { font-size: 17px; } .mission-vision-section h2 { font-size: 35px; } .mission-vision-section .vc_row { display: flex; } .profile_section .vc_single_image-wrapper { width: 100%; height: 350px; } .profile_section .vc_single_image-wrapper img { width: 100%; height: 100%; object-fit: cover; } .copyright-section { width: 100% !important; margin: 0 auto !important; } .copyright-section .vc_column-inner { padding-top: 0px !important; padding-bottom: 20px; } .copyright-section .vc_column-inner p { text-align: center !important; color: #c7c4c4; } .about-image-right h2 { text-align: left; text-transform: uppercase; color: #222; } .vc_row.about-section, .vc_row.haru-banner-section, .vc_row.feature-product-section { margin: 4% 0px !important; } .about-section .vc_column-inner { padding: 0px 15px !important; } @media (max-width: 1440px) { .mission-vision-section { padding: 20px 0px 0px; } } @media (max-width: 600px) { .top-header-right li { line-height: 20px; } .mission-vision-section { padding: 40px 0px 0px; } .mission-vision-section .about-left, .mission-vision-section .about-image-right1 { padding: 0 15px 45px; } .tparrows:before { font-size: 10px !important; } #rev_slider_1_1_wrapper .uranus.tparrows:before { width: 20px !important; height: 20px !important; line-height: 20px !important; } #rev_slider_1_1_wrapper .uranus.tparrows { width: 20px !important; height: 20px !important; } } @media (max-width: 823px) { .mission-vision-section .about-left, .mission-vision-section .about-image-right1 { width: 100%; } .mission-vision-section .vc_row { display: block; } .mission-vision-section .about-image-right1 { margin-top: 70px; } } .gallery-image-section ul { display: flex; flex-wrap: wrap; } .gallery-image-section ul li { flex: 0 0 23%; max-width: 23% !important; position: relative !important; top: 0px !important; bottom: 0px !important; left: 0px !important; right: 0px !important; margin-right: 2% !important; margin-bottom: 20px !important; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .gallery-image-section ul li:nth-child(4n) { margin-right: 0% !important; } .gallery-image-section ul li img { border: 1px solid #e1e1e1; } .gallery-image-section ul li a { position: relative; font-family: "Font Awesome 5 Free"; font-weight: 900; } .gallery-image-section ul li a:before { content: "\f002"; position: absolute; top: 50%; left: 50%; display: block; right: 0px; font-size: 20px; color: #fff; opacity: 0; z-index: 1; } .gallery-image-section ul li:hover a:before { opacity: 1; } .gallery-image-section ul li:hover a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #333333a6; } .about-inner-section h4, .about-inner-section h2 { display: inline-block; } .about-inner-section h2 { margin-left: 10px; } .about-inner-section .wpb_content_element { padding-top: 10px !important; } .about-inner-section figure > div { width: 100%; height: 435px; } .about-inner-section figure > div img { width: 100%; height: 100%; object-fit: cover; } .about-service-section .vc_col-sm-4 .wpb_wrapper:hover, .contact-main-section .vc_col-sm-4 .wpb_wrapper:hover { box-shadow: 0px 6px 10px #a7379638; transform: translateY(-10px); border-bottom: 6px solid #a73796; } .about-service-section .vc_col-sm-4 .wpb_wrapper, .contact-main-section .vc_col-sm-4 .wpb_wrapper { padding: 20px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; margin-bottom: 20px; } .gallery-image-section .gallery-section .envira-gallery-wrap .envira-gallery-public > div .envira-gallery-item-inner .envira-gallery-link:before { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .about-service-section { margin-top: 40px; } .gallery-image-section .gallery-section .envira-gallery-wrap .envira-gallery-public > div .envira-gallery-item-inner:hover .envira-lazy, .gallery-image-section .gallery-section .envira-gallery-wrap .envira-gallery-public > div .envira-gallery-item-inner:hover .envira-gallery-link { position: relative; } .gallery-image-section .gallery-section .envira-gallery-wrap .envira-gallery-public > div .envira-gallery-item-inner:hover .envira-lazy:before { position: absolute; top: 45%; left: 45%; background: #a73796; z-index: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f067"; width: 30px; height: 30px; border-radius: 20px; display: flex; justify-content: center; align-items: center; color: #fff; } .gallery-image-section .gallery-section .envira-gallery-wrap .envira-gallery-public > div .envira-gallery-item-inner:hover .envira-gallery-link:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgb(0 0 0 / 70%); z-index: 1; } .blog .archive-content .post-thumbnail a, .single-post .post-thumbnail a, .tag .post-thumbnail a, .category .post-thumbnail a { width: 100%; height: 400px; } .blog .archive-content .post-thumbnail a img, .single-post .post-thumbnail a img, .tag .post-thumbnail a img, .category .post-thumbnail a img { width: 100% !important; height: 100%; object-fit: cover; } @media (max-width: 480px) { .grid .product-thumb-primary { width: 100%; height: 180px; } .Counter .wpb_wrapper { width: 100%; display: block; } .Counter .wpb_wrapper h2 { margin: 0 auto; font-size: 43px !important; display: flex; line-height: 50px !important; } .products-shortcode-wrap.grid ul.products li.product .product-inner .product-info, .products-shortcode-wrap.grid ul.products li.type-product .product-inner .product-info, .products-shortcode-wrap.masonry ul.products li.product .product-inner .product-info, .products-shortcode-wrap.masonry ul.products li.type-product .product-inner .product-info, .post-type-archive-product ul.products li.type-product .product-inner .product-info, .tax-product_cat ul.products li.type-product .product-inner .product-info, .single-product ul.related-products li.type-product .product-inner .product-info, .feature-product-section ul li .product-inner .product-info { height: 55px; } .footer-default-copy-2 .wpb_wrapper .haru-col-sm-6 { margin-bottom: 20px; } } .Counter { margin-bottom: -15px; } .wpcf7-not-valid-tip { margin-top: -30px; padding-bottom: 10px; } .archive-product-wrapper .woocommerce-pagination .page-numbers li { margin-bottom: 10px; } @media (max-width: 823px) { .mission-vision-section .about-image-right1:after { display: none; } } .pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; background: #fff; } .pp_pic_holder .pp_bottom, .pp_pic_holder .pp_top, .pp_pic_holder, .pp_pause, .pp_pic_holder, .pp_play { display: none; } .related-products li .product-thumb-primary { width: 100%; height: 250px; } .related-products li .product-thumb-primary img { width: 100%; height: 100%; object-fit: contain; padding: 10px; } .product-categories li.current-cat { background: #a73796 !important; } .product-categories li.current-cat a { color: #fff; } .pp_nav p { float: left; margin: 2px 4px 10px; white-space: nowrap; line-height: 15px; } .pp_pic_holder.light_square .pp_gallery { width: 100% !important; margin: 0px auto; display: block !important; position: relative; left: 0px !important; margin-left: 0px !important; opacity: 1 !important; } .pp_pic_holder.light_square .pp_gallery > div { width: 100% !important; display: block; margin: 0 auto; float: none; overflow: unset; } .pp_pic_holder.light_square .pp_gallery > div ul { width: 100% !important; display: flex; flex-wrap: wrap; float: unset; height: unset; align-items: center; justify-content: center; margin-top: 20px; } .pp_pic_holder.light_square .ppt { display: none; } .pp_pic_holder.light_square .pp_gallery > div ul li { max-width: 10%; flex: 0 0 10%; } .pp_pic_holder.light_square .pp_gallery > div ul li a { float: unset !important; height: 73px !important; width: 100%; border-color: #fff !important; } .pp_pic_holder.light_square .pp_gallery > div ul li a img { width: 100%; height: 100%; object-fit: contain; } .pp_pic_holder.light_square .pp_gallery > div ul li.selected a { border-color: #333 !important; } .pp_pic_holder.light_square #pp_full_res { width: 100%; height: 400px; } .pp_pic_holder.light_square #pp_full_res img { width: 100% !important; height: 100% !important; object-fit: contain; } /*.wpcf7 form.sent .wpcf7-response-output {*/ /* color: #fff;*/ /*}*/ .owl-nav.disabled{ display: none !important; } .page-id-1575 .icon-content h5 a{ color: #444444 !important; cursor: auto; } .gmaps-shortcode-wrap .map-info .info-address p { font-family: Lato; } /* .product_lightbox{ opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } */ /* .open_lightbox .product_lightbox{ opacity: 1; } */ .product_lightbox button.close_modal{ float: right; background: #a73796; color: #fff; } .product_lightbox h4.modal-title{ color: #a73796; font-weight: 600; } .product_lightbox{ background: rgb(0 0 0 / 80%); } .open_lightbox { overflow: hidden; } .product_lightbox{ /* animation: popup 0.7s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; */ } /* .open_lightbox .product_lightbox{ overflow-x: hidden; overflow-y: auto; } */ .page-id-1575 .contact-submit .wpcf7-spinner{ display: none; } .doctor-section .wpb_wrapper h2.vc_custom_heading{ flex: 0 0 50%; max-width: 50%; } .doctor-section{ border-left: 1px dashed #fff; } @media (max-width:1024px){ .Counter .wpb_wrapper h2 { font-size: 31px !important; line-height: 40px !important; flex: 0 0 70%; max-width: 70%; } .doctor-section .wpb_wrapper h2.vc_custom_heading { flex: 0 0 40%; max-width: 40%; } } @media (max-width: 767px){ .Counter .wpb_wrapper{ padding: 0px; } .wpcf7-not-valid-tip { margin-top: -20px; } .Counter .wpb_wrapper h2 { flex: 0 0 40%; max-width: 40%; } .doctor-section .wpb_wrapper h2.vc_custom_heading { flex: 0 0 20%; max-width: 20%; } .pp_pic_holder.light_square #pp_full_res { height: 200px; } .pp_pic_holder.light_square .pp_gallery > div ul{ left:0px !important; } .pp_pic_holder.light_square { width: 96% !important; left: 2% !important; top: 10% !important; } } @media (max-width:480px){ .doctor-section .vc_icon_element{ text-align: center !important; } .doctor-section .wpb_wrapper h2.vc_custom_heading { flex: 0 0 100%; max-width: 100%; justify-content: center; } .doctor-section .wpb_wrapper h2.vc_custom_heading br{ display: none; } .Counter .wpb_wrapper h2 { flex: 0 0 100%; max-width: 100%; justify-content: center; } } .haru-search-wrap ul li .item-meta p.publish-date, .footer-default-copy-2 .wpcf7-not-valid-tip, .footer-default-copy-2 .container > p{ display:none; } .footer-default-copy-2 .wpcf7 form.invalid .wpcf7-response-output { color: #99998c; } .woocommerce-sidebar .widget_product_categories .product-categories li.current-cat a:hover { color: #fff; } .pp_pic_holder.light_square { display: block !important; } header.haru-mobile-header.headroom--not-top .haru-mobile-header-wrap { padding: 0px 0px !important; } .pp_pic_holder.light_square { width: 50% !important; left: 25% !important; top: 10% !important; } .pp_pic_holder.light_square .pp_content_container .pp_content, .pp_pic_holder.light_square .pp_details{ width: 100% !important; } .pp_pic_holder.light_square .pp_hoverContainer, .pp_pic_holder.light_square .pp_arrow_previous, .pp_pic_holder.light_square .pp_arrow_next, .pp_expand{ display: none !important; } .contact-message iframe{ margin-bottom: 0; transform: scale(0.75); -webkit-transform: scale(0.75); transform-origin: left center; -webkit-transform-origin: left center; } .wpcf7 form .wpcf7-response-output { margin: 1em 0; } .wpcf7 form.sent .wpcf7-response-output { color: #999999; }