whoami7 - Manager
:
/
home
/
dataiclx
/
vielorbe.com
/
wp-content
/
themes
/
glowing
/
Upload File:
files >> //home/dataiclx/vielorbe.com/wp-content/themes/glowing/style.css
@charset "UTF-8"; /* Theme Name: Glowing Theme URI: https://glowing.g5plus.net/ Author: G5 Theme Author URI: https://themeforest.net/user/g5theme Description: Glowing is a cosmetics and beauty WooCommerce store WordPress theme built with WPBakery & Elementor – the world’s leading page builder. Glowing offers users 10+ stunning homepages, 7+ modern shop layouts, and 5+ product detail layouts, making it an excellent theme that can meet different demands for the store’s appearance. Requires at least: WordPress 4.9.0 Version: 1.3.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, two-columns, three-columns, left-sidebar, right-sidebar, editor-style, post-formats, rtl-language-support, sticky-post, accessibility-ready Text Domain: glowing Domain Path: /languages/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Variable # Typography # Helper # Elements # Layout # Header # Footer # Page title # WP core # WP block # Blog # Widgets # 404 # Responsive # Utilities --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Variable --------------------------------------------------------------*/ :root { --g5-body-font: "Urbanist"; --g5-body-font-size: 15px; --g5-body-font-weight: 500; --g5-body-font-style: normal; --g5-body-text-transform: none; --g5-body-letter-spacing: 0em; --g5-body-line-height: 1.6; --g5-primary-font: "Urbanist"; --g5-h1-font: "Urbanist"; --g5-h1-font-size: 48px; --g5-h1-font-weight: 600; --g5-h1-text-transform: none; --g5-h1-letter-spacing: 0em; --g5-h1-line-height: 1.3; --g5-h2-font: "Urbanist"; --g5-h2-font-size: 44px; --g5-h2-font-weight: 600; --g5-h2-text-transform: none; --g5-h2-letter-spacing: 0em; --g5-h2-line-height: 1.3; --g5-h3-font: "Urbanist"; --g5-h3-font-size: 34px; --g5-h3-font-weight: 600; --g5-h3-text-transform: none; --g5-h3-letter-spacing: 0em; --g5-h3-line-height: 1.3; --g5-h4-font: "Urbanist"; --g5-h4-font-size: 24px; --g5-h4-font-weight: 600; --g5-h4-text-transform: none; --g5-h4-letter-spacing: 0em; --g5-h4-line-height: 1.3; --g5-h5-font: "Urbanist"; --g5-h5-font-size: 20px; --g5-h5-font-weight: 600; --g5-h5-text-transform: none; --g5-h5-letter-spacing: 0em; --g5-h5-line-height: 1.3; --g5-h6-font: "Urbanist"; --g5-h6-font-size: 18px; --g5-h6-font-weight: 600; --g5-h6-text-transform: none; --g5-h6-letter-spacing: 0em; --g5-h6-line-height: 1.3; --g5-display-1-font: "Tuesday Night"; --g5-display-1-font-size: 56px; --g5-display-1-font-weight: 400; --g5-display-2-font: "Butler"; --g5-display-2-font-size: 40px; --g5-display-2-font-weight: 400; --g5-display-3-font: "a Antara Distance"; --g5-display-3-font-size: 60px; --g5-display-3-font-weight: 400; --g5-display-4-font: "Urbanist"; --g5-display-4-font-size: 16px; --g5-display-4-font-weight: 400; --g5-color-accent: #000; --g5-color-accent-foreground: #fff; --g5-color-accent-brightness: #131313; --g5-color-border: #eee; --g5-color-heading: #000; --g5-color-placeholder: #9B9B9B; --g5-color-primary: #4E7661; --g5-color-primary-foreground: #fff; --g5-color-primary-brightness: #5d8d74; --g5-color-secondary: #357284; --g5-color-secondary-foreground: #fff; --g5-color-secondary-brightness: #408a9f; --g5-color-dark: #000; --g5-color-dark-foreground: #fff; --g5-color-dark-brightness: #131313; --g5-color-light: #fff; --g5-color-light-foreground: #222; --g5-color-light-brightness: #ececec; --g5-color-gray: #8f8f8f; --g5-color-gray-foreground: #fff; --g5-color-gray-brightness: #a2a2a2; --g5-color-text-main: #7E7E7E; --g5-color-muted: #9B9B9B; --g5-color-link: #000; --g5-color-link-hover: #1a1a1a; --g5-color-success: #28a745; --g5-color-success-foreground: #fff; --g5-color-success-brightness: #2fc652; --g5-color-danger: #dc3545; --g5-color-danger-foreground: #fff; --g5-color-danger-brightness: #e25663; --g5-color-warning: #ffc107; --g5-color-warning-foreground: #fff; --g5-color-warning-brightness: #ffcb2d; --g5-color-info: #17a2b8; --g5-color-info-foreground: #fff; --g5-color-info-brightness: #1bc0da; --g5-font-blockquote: "Urbanist"; --g5-font-icon: "Font Awesome 6 Pro"; --g5-font-icon-primary: "phosphor"; --g5-color-caption: #7E7E7E; --g5-color-background-body: #fff; --g5-color-background-page-title: #fff; --g5-color-background-post-sticky: #f5f5f5; --g5-color-background-footer: #f5f5f5; --g5-color-text-input: #000; --g5-color-background-input: #f5f5f5; --g5-color-border-input: #f5f5f5; --g5-color-border-input-forcus: #000; --g5-font-size-menu-mobile: 14px; --g5-btn-font-weight: 600; --g5-btn-border-width: 1px; --g5-btn-border-radius: 3px; --g5-btn-disabled-opacity: 0.65; --g5-btn-font-family: var(--g5-body-font); --g5-cate-filter-color: var(--g5-color-text-main); --g5-cate-filter-color-hover: var(--g5-color-heading); --g5-cate-filter-item-spacing: 40px; --g5-content-padding-top: 0px; --g5-content-padding-bottom: 100px; --g5blog-loop-post-title-font-size: 34px; --g5blog-loop-post-meta-font-size: 15px; --g5blog-loop-grid-post-except-max-height: 2em; --g5blog-loop-medium-image-post-except-max-height: 2em; --g5blog-loop-medium-image-post-image-width: 370px; --g5blog-loop-medium-image-post-title-font-size: 20px; --g5blog-loop-grid-post-title-font-size: 20px; --g5blog-loop-widget-post-title-font-size: 15px; --g5blog-single-post-title-font-size: 40px; --g5-header-height: 100px; --g5-header-sticky-height: 80px; --g5-header-mobile-height: 100px; --g5-header-mobile-sticky-height: 80px; --g5-header-bg-color: #fff; --g5-header-text-color: #000; --g5-header-text-hover-color: #000; --g5-header-border-color: #eee; --g5-header-disable-color: #696969; --g5-menu-font: "Urbanist"; --g5-menu-font-weight: 600; --g5-menu-line-height: 26px; --g5-menu-font-size: 14px; --g5-menu-font-style: normal; --g5-menu-text-transform: uppercase; --g5-menu-letter-spacing: 0.1em; --g5-menu-spacing: 2.5rem; --g5-submenu-font: "Urbanist"; --g5-submenu-font-size: 15px; --g5-submenu-font-style: normal; --g5-submenu-font-weight: 500; --g5-submenu-text-transform: none; --g5-submenu-letter-spacing: 0em; --g5-submenu-line-height: 1.5; --g5-submenu-text-color: #7e7e7e; --g5-submenu-text-hover-color: #000; --g5-submenu-bg-color: #fff; --g5-submenu-bg-hover-color: #fff; --g5-submenu-border-color: #fff; --g5blog-loop-widget-post-featured-width: 60px; --g5blog-loop-widget-post-featured-spacing: 20px; } /*-------------------------------------------------------------- ## Typography --------------------------------------------------------------*/ *, *::before, *::after { box-sizing: border-box; } html { font-size: 16px; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; overflow-x: hidden; } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: var(--g5-body-font); font-weight: var(--g5-body-font-weight); font-size: var(--g5-body-font-size); line-height: var(--g5-body-line-height); color: var(--g5-color-text-main); text-transform: var(--g5-body-text-transform); letter-spacing: var(--g5-body-letter-spacing); background-color: #fff; font-style: var(--g5-body-font-style); text-rendering: optimizeLegibility; text-align: left; overflow-x: hidden; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; margin-top: 1.5rem; margin-bottom: 1.5rem; border: 0; border-top: solid 1px; border-color: var(--g5-color-border); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-top: 0; margin-bottom: 0.75rem; clear: both; } h1 { font-family: var(--g5-h1-font); text-transform: var(--g5-h1-text-transform); font-size: var(--g5-h1-font-size); letter-spacing: var(--g5-h1-letter-spacing); font-weight: var(--g5-h1-font-weight); line-height: var(--g5-h1-line-height); color: var(--g5-color-heading); } h2 { font-family: var(--g5-h2-font); color: var(--g5-color-heading); font-size: var(--g5-h2-font-size); letter-spacing: var(--g5-h2-letter-spacing); text-transform: var(--g5-h2-text-transform); font-weight: var(--g5-h2-font-weight); line-height: var(--g5-h2-line-height); } h3 { font-family: var(--g5-h3-font); color: var(--g5-color-heading); font-size: var(--g5-h3-font-size); letter-spacing: var(--g5-h3-letter-spacing); text-transform: var(--g5-h3-text-transform); font-weight: var(--g5-h3-font-weight); line-height: var(--g5-h3-line-height); } h4 { font-family: var(--g5-h4-font); color: var(--g5-color-heading); font-size: var(--g5-h4-font-size); letter-spacing: var(--g5-h4-letter-spacing); text-transform: var(--g5-h4-text-transform); font-weight: var(--g5-h4-font-weight); line-height: var(--g5-h4-line-height); } h5 { font-family: var(--g5-h5-font); color: var(--g5-color-heading); font-size: var(--g5-h5-font-size); letter-spacing: var(--g5-h5-letter-spacing); text-transform: var(--g5-h5-text-transform); font-weight: var(--g5-h5-font-weight); line-height: var(--g5-h5-line-height); } h6 { font-family: var(--g5-h6-font); color: var(--g5-color-heading); font-size: var(--g5-h6-font-size); letter-spacing: var(--g5-h6-letter-spacing); text-transform: var(--g5-h6-text-transform); font-weight: var(--g5-h6-font-weight); line-height: var(--g5-h6-line-height); } p { margin-top: 0; margin-bottom: 1.5rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1.5rem; font-style: normal; line-height: inherit; } dl, ol, ul { margin-bottom: 1.5rem; } ul { list-style: disc; } ul ul { list-style: circle; } ul ul ul { list-style: square; } ol { list-style: decimal; } ol ol { list-style: lower-alpha; } ol ol ol { list-style: lower-roman; } li { line-height: 1.5; } li > ul, li > ol { margin: 1rem 0 0 1rem; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 1rem; } .reset-list-style, .reset-list-style ul, .reset-list-style ol { list-style: none; margin: 0; } .reset-list-style li { margin: 0; } dt, dd { line-height: 1.5; } dt { font-weight: 700; } dt + dd { margin-top: 0.5rem; } dd + dt { margin-top: 1.5rem; } blockquote { border-left: none; margin-bottom: 1.5rem; text-align: center; max-width: 670px; margin-left: auto; margin-right: auto; padding-left: 0; } blockquote p { font-size: 24px; font-weight: 600; color: var(--g5-color-heading); line-height: 1.5; margin-bottom: 10px; } blockquote p:before { content: "“ "; } blockquote p:after { content: " ”"; } blockquote a { color: inherit; } blockquote cite { font-size: 12px; font-style: normal; font-weight: 600; text-transform: uppercase; display: block; color: inherit; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: var(--g5-color-link); text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: var(--g5-color-link-hover); text-decoration: none; } a > code { color: inherit; } pre { font-size: 100%; margin-bottom: 1.5rem; color: var(--g5-color-text-main); padding: 1.5rem; overflow: auto; -ms-overflow-style: scrollbar; border: 1px solid; border-color: var(--g5-color-border); } code, kbd, pre, samp { font-family: var(--g5-body-font); } figure { margin: 0 0 1.5rem; } img { vertical-align: middle; border-style: none; max-width: 100%; height: auto; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; margin-bottom: 1.5rem; width: 100%; max-width: 100%; background-color: transparent; } table th, table td { padding: 0.4rem; vertical-align: top; border: solid 1px; border-color: var(--g5-color-border); } table thead th { vertical-align: bottom; border: solid 2px; border-color: var(--g5-color-border); } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: var(--g5-color-gray); text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } ::-moz-selection { background-color: var(--g5-color-accent); color: var(--g5-color-accent-foreground); } ::selection { background-color: var(--g5-color-accent); color: var(--g5-color-accent-foreground); } big { font-size: 125%; } /* Form style */ input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea, select { height: 48px; line-height: 46px; border: 1px solid var(--g5-color-border-input); padding: 0 20px; color: var(--g5-color-text-input); border-radius: 3px; max-width: 100%; background-color: var(--g5-color-background-input); } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus, select:focus { outline: none; border-color: var(--g5-color-dark); background-color: transparent; } textarea:-moz-placeholder, select:-moz-placeholder, input[type]:-moz-placeholder { color: var(--g5-color-placeholder); } textarea::-moz-placeholder, select::-moz-placeholder, input[type]::-moz-placeholder { color: var(--g5-color-placeholder); } textarea:-ms-input-placeholder, select:-ms-input-placeholder, input[type]:-ms-input-placeholder { color: var(--g5-color-placeholder); } textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, input[type]::-webkit-input-placeholder { color: var(--g5-color-placeholder); } textarea { height: auto; padding-top: 10px; } select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>"); background-repeat: no-repeat; background-position: right 10px top 60%; } .btn, button, input[type=button], input[type=reset], input[type=submit] { --g5-btn-padding-x: 2.1875rem; --g5-btn-padding-y: 0; --g5-btn-line-height: calc(3rem - (var(--g5-btn-border-width) * 2)) ; --g5-btn-font-size: 1rem; --g5-btn-color: var(--g5-color-accent-foreground); --g5-btn-bg: var(--g5-color-accent); --g5-btn-border-color: var(--g5-color-accent); --g5-btn-hover-color: var(--g5-color-primary-foreground); --g5-btn-hover-bg: var(--g5-color-primary); --g5-btn-hover-border-color: var(--g5-color-primary); --g5-btn-outline-color: var(--g5-color-accent); --g5-btn-outline-border-hover-color: var(--g5-color-accent); --g5-btn-outline-hover-color: var(--g5-color-accent-foreground); --g5-btn-outline-hover-bg: var(--g5-color-accent); --g5-btn-link-color: var(--g5-color-accent); position: relative; display: inline-block; font-family: var(--g5-btn-font-family); padding: var(--g5-btn-padding-y) var(--g5-btn-padding-x); line-height: var(--g5-btn-line-height); font-size: var(--g5-btn-font-size); font-weight: var(--g5-btn-font-weight); border: var(--g5-btn-border-width) solid var(--g5-btn-border-color); white-space: nowrap; border-radius: var(--g5-btn-border-radius); -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; text-transform: capitalize; color: var(--g5-btn-color); background-color: var(--g5-btn-bg); } .btn:focus, .btn:hover, .btn:active, button:focus, button:hover, button:active, input[type=button]:focus, input[type=button]:hover, input[type=button]:active, input[type=reset]:focus, input[type=reset]:hover, input[type=reset]:active, input[type=submit]:focus, input[type=submit]:hover, input[type=submit]:active { color: var(--g5-btn-hover-color); background-color: var(--g5-btn-hover-bg); border-color: var(--g5-btn-hover-border-color); } .btn.btn-outline, button.btn-outline, input[type=button].btn-outline, input[type=reset].btn-outline, input[type=submit].btn-outline { color: var(--g5-btn-outline-color); background-color: transparent; } .btn.btn-outline:focus, .btn.btn-outline:hover, .btn.btn-outline:active, button.btn-outline:focus, button.btn-outline:hover, button.btn-outline:active, input[type=button].btn-outline:focus, input[type=button].btn-outline:hover, input[type=button].btn-outline:active, input[type=reset].btn-outline:focus, input[type=reset].btn-outline:hover, input[type=reset].btn-outline:active, input[type=submit].btn-outline:focus, input[type=submit].btn-outline:hover, input[type=submit].btn-outline:active { background-color: var(--g5-btn-outline-hover-bg); color: var(--g5-btn-outline-hover-color); border-color: var(--g5-btn-outline-border-hover-color); } .btn:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { cursor: pointer; } .btn:focus, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .btn:disabled, button:disabled, input[type=button]:disabled, input[type=reset]:disabled, input[type=submit]:disabled { opacity: var(--g5-btn-disabled-opacity); cursor: default; } .btn.btn-block, .btn.btn-full { display: block; width: 100%; } .btn.btn-inline { display: inline-block; vertical-align: top; } .btn.btn-round { --g5-btn-border-radius: 5em; } .btn.btn-rounded { --g5-btn-border-radius: 0.25rem; } .btn.btn-square { --g5-btn-border-radius: 0; } .btn.btn-xs { --g5-btn-padding-x: 1.25rem; --g5-btn-padding-y: 0; --g5-btn-line-height: calc(1.875rem - (var(--g5-btn-border-width) * 2)) ; --g5-btn-font-size: 0.6875rem; } .btn.btn-sm { --g5-btn-padding-x: 1.5625rem; --g5-btn-padding-y: 0; --g5-btn-line-height: calc(2rem - (var(--g5-btn-border-width) * 2)) ; --g5-btn-font-size: 0.75rem; } .btn.btn-md { --g5-btn-padding-x: 2.1875rem; --g5-btn-padding-y: 0; --g5-btn-line-height: calc(3rem - (var(--g5-btn-border-width) * 2)) ; --g5-btn-font-size: 1rem; } .btn.btn-lg { --g5-btn-padding-x: 1.875rem; --g5-btn-padding-y: 0; --g5-btn-line-height: calc(3.25rem - (var(--g5-btn-border-width) * 2)) ; --g5-btn-font-size: 1.125rem; } .btn.btn-xl { --g5-btn-padding-x: 2.1875rem; --g5-btn-padding-y: 0; --g5-btn-line-height: calc(3.875rem - (var(--g5-btn-border-width) * 2)) ; --g5-btn-font-size: 1.5rem; } .btn.btn-link { --g5-btn-border-radius: 0; --g5-btn-link-color: var(--g5-color-dark); background-color: transparent !important; border-left-width: 0; border-right-width: 0; border-top-width: 0; text-decoration: none; padding: 0; color: var(--g5-btn-link-color); line-height: 1.3; border-bottom: 1px solid transparent; } .btn.btn-link:focus, .btn.btn-link:hover, .btn.btn-link:active { border-color: currentColor; } .btn.btn-link:not(:disabled):not(.disabled):active { color: initial; } .btn.btn-link:not(:disabled):not(.disabled):active:focus { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-primary { --g5-btn-color: var(--g5-color-primary-foreground); --g5-btn-bg: var(--g5-color-primary); --g5-btn-border-color: var(--g5-color-primary); --g5-btn-hover-color: var(--g5-color-accent-foreground); --g5-btn-hover-bg: var(--g5-color-accent); --g5-btn-hover-border-color: var(--g5-color-accent); --g5-btn-outline-color: var(--g5-color-primary); --g5-btn-outline-border-hover-color: var(--g5-color-primary); --g5-btn-outline-hover-color: var(--g5-color-primary-foreground); --g5-btn-outline-hover-bg: var(--g5-color-primary); --g5-btn-link-color: var(--g5-color-primary); } .btn.btn-secondary { --g5-btn-color: var(--g5-color-secondary-foreground); --g5-btn-bg: var(--g5-color-secondary); --g5-btn-border-color: var(--g5-color-secondary); --g5-btn-hover-color: var(--g5-color-primary-foreground); --g5-btn-hover-bg: var(--g5-color-primary); --g5-btn-hover-border-color: var(--g5-color-primary); --g5-btn-outline-color: var(--g5-color-secondary); --g5-btn-outline-border-hover-color: var(--g5-color-secondary); --g5-btn-outline-hover-color: var(--g5-color-secondary-foreground); --g5-btn-outline-hover-bg: var(--g5-color-secondary); --g5-btn-link-color: var(--g5-color-secondary); } .btn.btn-light { --g5-btn-color: var(--g5-color-light-foreground); --g5-btn-bg: var(--g5-color-light); --g5-btn-border-color: var(--g5-color-light); --g5-btn-hover-color: var(--g5-color-dark-foreground); --g5-btn-hover-bg: var(--g5-color-dark); --g5-btn-hover-border-color: var(--g5-color-dark); --g5-btn-outline-color: var(--g5-color-light); --g5-btn-outline-border-hover-color: var(--g5-color-light); --g5-btn-outline-hover-color: var(--g5-color-light-foreground); --g5-btn-outline-hover-bg: var(--g5-color-light); --g5-btn-link-color: var(--g5-color-light); } .btn.btn-dark { --g5-btn-color: var(--g5-color-dark-foreground); --g5-btn-bg: var(--g5-color-dark); --g5-btn-border-color: var(--g5-color-dark); --g5-btn-hover-color: var(--g5-color-primary-foreground); --g5-btn-hover-bg: var(--g5-color-primary); --g5-btn-hover-border-color: var(--g5-color-primary); --g5-btn-outline-color: var(--g5-color-dark); --g5-btn-outline-border-hover-color: var(--g5-color-dark); --g5-btn-outline-hover-color: var(--g5-color-dark-foreground); --g5-btn-outline-hover-bg: var(--g5-color-dark); --g5-btn-link-color: var(--g5-color-dark); } .btn.btn-gray { --g5-btn-color: var(--g5-color-gray-foreground); --g5-btn-bg: var(--g5-color-gray); --g5-btn-border-color: var(--g5-color-gray); --g5-btn-hover-color: var(--g5-color-primary-foreground); --g5-btn-hover-bg: var(--g5-color-primary); --g5-btn-hover-border-color: var(--g5-color-primary); --g5-btn-outline-color: var(--g5-color-gray); --g5-btn-outline-border-hover-color: var(--g5-color-gray); --g5-btn-outline-hover-color: var(--g5-color-gray-foreground); --g5-btn-outline-hover-bg: var(--g5-color-gray); --g5-btn-link-color: var(--g5-color-gray); } .btn.btn-success { --g5-btn-color: var(--g5-color-success-foreground); --g5-btn-bg: var(--g5-color-success); --g5-btn-border-color: var(--g5-color-success); --g5-btn-hover-color: var(--g5-color-primary-foreground); --g5-btn-hover-bg: var(--g5-color-primary); --g5-btn-hover-border-color: var(--g5-color-primary); --g5-btn-outline-color: var(--g5-color-success); --g5-btn-outline-border-hover-color: var(--g5-color-success); --g5-btn-outline-hover-color: var(--g5-color-success-foreground); --g5-btn-outline-hover-bg: var(--g5-color-success); --g5-btn-link-color: var(--g5-color-success); } .btn.btn-danger { --g5-btn-color: var(--g5-color-danger-foreground); --g5-btn-bg: var(--g5-color-danger); --g5-btn-border-color: var(--g5-color-danger); --g5-btn-hover-color: var(--g5-color-primary-foreground); --g5-btn-hover-bg: var(--g5-color-primary); --g5-btn-hover-border-color: var(--g5-color-primary); --g5-btn-outline-color: var(--g5-color-danger); --g5-btn-outline-border-hover-color: var(--g5-color-danger); --g5-btn-outline-hover-color: var(--g5-color-danger-foreground); --g5-btn-outline-hover-bg: var(--g5-color-danger); --g5-btn-link-color: var(--g5-color-danger); } .btn.btn-warning { --g5-btn-color: var(--g5-color-warning-foreground); --g5-btn-bg: var(--g5-color-warning); --g5-btn-border-color: var(--g5-color-warning); --g5-btn-hover-color: var(--g5-color-primary-foreground); --g5-btn-hover-bg: var(--g5-color-primary); --g5-btn-hover-border-color: var(--g5-color-primary); --g5-btn-outline-color: var(--g5-color-warning); --g5-btn-outline-border-hover-color: var(--g5-color-warning); --g5-btn-outline-hover-color: var(--g5-color-warning-foreground); --g5-btn-outline-hover-bg: var(--g5-color-warning); --g5-btn-link-color: var(--g5-color-warning); } .btn.btn-info { --g5-btn-color: var(--g5-color-info-foreground); --g5-btn-bg: var(--g5-color-info); --g5-btn-border-color: var(--g5-color-info); --g5-btn-hover-color: var(--g5-color-primary-foreground); --g5-btn-hover-bg: var(--g5-color-primary); --g5-btn-hover-border-color: var(--g5-color-primary); --g5-btn-outline-color: var(--g5-color-info); --g5-btn-outline-border-hover-color: var(--g5-color-info); --g5-btn-outline-hover-color: var(--g5-color-info-foreground); --g5-btn-outline-hover-bg: var(--g5-color-info); --g5-btn-link-color: var(--g5-color-info); } .btn.btn-icon-left i { margin-right: 5px; } .btn.btn-icon-right i { margin-left: 5px; } .btn.btn-dark.btn-outline { --g5-btn-outline-color: var(--g5-color-heading); --g5-btn-border-color: var(--g5-color-border); } .btn i { font-size: 80%; } .btn-link-border .btn.btn-link { border-bottom: 2px solid; padding-bottom: 4px; } .btn-purchase.btn-light { -webkit-box-shadow: 0 4px 21px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 4px 21px 0 rgba(0, 0, 0, 0.15); --g5-btn-color: var(--g5-color-primary); --g5-btn-font-weight: 700; --g5-btn-padding-x: 30px; --g5-btn-line-height: 48px; } .btn-purchase.btn-light:hover { --g5-btn-hover-color: var(--g5-color-dark-foreground); } /*-------------------------------------------------------------- ## Helper --------------------------------------------------------------*/ .g5core__gutter-0 { margin-left: 0; margin-right: 0; } .g5core__gutter-0 > .g5core__gutter-item { padding-left: 0; padding-right: 0; padding-bottom: 0 !important; } .g5core__gutter-0 .g5core__modern-grid-col { padding-left: 0; padding-right: 0; } .g5core__gutter-0 .g5core__modern-grid-col > .g5core__gutter-item { padding-bottom: 0; } .g5core__gutter-0 .slick-slide > div { padding: 0; } .g5core__gutter-10 { margin-left: -5px; margin-right: -5px; } .g5core__gutter-10 > .g5core__gutter-item { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } .g5core__gutter-10 .g5core__modern-grid-col { padding-left: 5px; padding-right: 5px; } .g5core__gutter-10 .g5core__modern-grid-col > .g5core__gutter-item { padding-bottom: 10px; } .g5core__gutter-10 .slick-slide > div { padding: 0 5px; } .g5core__gutter-20 { margin-left: -10px; margin-right: -10px; } .g5core__gutter-20 > .g5core__gutter-item { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } .g5core__gutter-20 .g5core__modern-grid-col { padding-left: 10px; padding-right: 10px; } .g5core__gutter-20 .g5core__modern-grid-col > .g5core__gutter-item { padding-bottom: 20px; } .g5core__gutter-20 .slick-slide > div { padding: 0 10px; } .g5core__gutter-30 { margin-left: -15px; margin-right: -15px; } .g5core__gutter-30 > .g5core__gutter-item { padding-left: 15px; padding-right: 15px; padding-bottom: 30px; } .g5core__gutter-30 .g5core__modern-grid-col { padding-left: 15px; padding-right: 15px; } .g5core__gutter-30 .g5core__modern-grid-col > .g5core__gutter-item { padding-bottom: 30px; } .g5core__gutter-30 .slick-slide > div { padding: 0 15px; } .g5core__gutter-40 { margin-left: -20px; margin-right: -20px; } .g5core__gutter-40 > .g5core__gutter-item { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; } .g5core__gutter-40 .g5core__modern-grid-col { padding-left: 20px; padding-right: 20px; } .g5core__gutter-40 .g5core__modern-grid-col > .g5core__gutter-item { padding-bottom: 40px; } .g5core__gutter-40 .slick-slide > div { padding: 0 20px; } .slick-slider-rows { margin: 0; } .slick-slider-rows .slick-slide > div { padding: 0; } .slick-slider-rows .g5core__listing-blocks { margin-left: 0; margin-right: 0; } .slick-slider-rows .g5core__modern-grid-col > .g5core__gutter-item { padding-left: 0; padding-right: 0; } .g5core__gutter-slider-rows-10 { margin-left: -5px; margin-right: -5px; } .g5core__gutter-slider-rows-10 .g5core__gutter-item { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } .g5core__gutter-slider-rows-20 { margin-left: -10px; margin-right: -10px; } .g5core__gutter-slider-rows-20 .g5core__gutter-item { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } .g5core__gutter-slider-rows-30 { margin-left: -15px; margin-right: -15px; } .g5core__gutter-slider-rows-30 .g5core__gutter-item { padding-left: 15px; padding-right: 15px; padding-bottom: 30px; } .g5core__gutter-slider-rows-40 { margin-left: -20px; margin-right: -20px; } .g5core__gutter-slider-rows-40 .g5core__gutter-item { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; } /*-------------------------------------------------------------- ## Elements --------------------------------------------------------------*/ .glowing-contact-form input:not(input[type=checkbox]):not(input[type=submit]), .glowing-contact-form textarea { width: 100%; } .glowing-contact-form textarea { height: 150px; } .glowing-contact-form .item-contact:not(:last-child) { margin-bottom: 30px; } .glowing-contact-form .wpcf7-not-valid-tip { display: none; } .glowing-contact-form .wpcf7-not-valid { border-color: #dc3545 !important; } .glowing-contact-form + div.wpcf7-response-output { text-align: center; color: #fff; background: #dc3545; border: none; border-radius: 4px; padding: 10px; margin-left: 0; margin-right: 0; } .glowing-contact-form .ajax-loader, .glowing-contact-form .wpcf7-spinner { position: absolute; } .glowing-mailchimp { width: 100%; } .glowing-mailchimp input[type=email] { border: 1px solid var(--g5-color-border); background: #fff; width: 100%; border-top-right-radius: 0; border-bottom-right-radius: 0; } .glowing-mailchimp input[type=email]:focus { border-color: var(--g5-color-accent); } .glowing-mailchimp button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .mailchimp-style-02 .glowing-mailchimp, .mailchimp-style-06 .glowing-mailchimp { position: relative; } .mailchimp-style-02 .glowing-mailchimp input[type=email], .mailchimp-style-06 .glowing-mailchimp input[type=email] { border-color: transparent; background: #F5F5F5; border-radius: 5px; padding-right: 60px; } .mailchimp-style-02 .glowing-mailchimp input[type=email]:focus, .mailchimp-style-06 .glowing-mailchimp input[type=email]:focus { border-color: var(--g5-color-accent); } .mailchimp-style-02 .glowing-mailchimp button, .mailchimp-style-06 .glowing-mailchimp button { font-size: 0; background: transparent; border: 0; position: absolute; right: 17px; padding: 0; } .mailchimp-style-02 .glowing-mailchimp button:before, .mailchimp-style-06 .glowing-mailchimp button:before { content: "\f178"; font-family: var(--g5-font-icon); margin-right: 9px; color: var(--g5-color-dark); font-size: 26px; font-weight: 300; } .mailchimp-style-02 .glowing-mailchimp { max-width: 546px; } .mailchimp-style-02 .glowing-mailchimp input[type=email] { height: 60px; } .mailchimp-style-02 .glowing-mailchimp button { line-height: 60px; } .mailchimp-style-06 .glowing-mailchimp { max-width: 450px; } .mailchimp-style-06 .glowing-mailchimp button { line-height: 48px; height: 48px; } .mailchimp-style-03 .glowing-mailchimp { max-width: 546px; margin: 0 auto; } .mailchimp-style-03 .glowing-mailchimp input[type=email] { border-color: transparent; } .mailchimp-style-03 .glowing-mailchimp input[type=email]:focus { border-color: var(--g5-color-accent); } .mailchimp-style-04 .glowing-mailchimp { margin: 0 auto; } .mailchimp-style-04 .glowing-mailchimp, .mailchimp-style-07 .glowing-mailchimp { max-width: 546px; } .mailchimp-style-04 .glowing-mailchimp input[type=email], .mailchimp-style-07 .glowing-mailchimp input[type=email] { background-color: var(--g5-color-background-input); } .mailchimp-style-05 .glowing-mailchimp { max-width: 470px; margin: 0 auto; } .gel-testimonial .testimonial-rating .fa-star { color: var(--g5-color-primary); } .gel-testimonial-name { font-size: 15px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; } .gel-testimonial-bio { font-size: 20px; font-weight: 600; color: var(--g5-color-primary); } .testimonial-style-08 .testimonial-rating { margin-bottom: 14px; } .testimonial-style-08 .gel-testimonial-name { margin-bottom: 3px !important; } .testimonial-style-08 .author-info { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .testimonial-style-08 .author-avatar { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 21px; } .testimonial-style-08 .testi-quote { margin-bottom: 44px; } .align-right.testimonial-style-08 .author-info { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .align-right.testimonial-style-08 .author-avatar { margin-right: 0; margin-left: 21px; } .align-center.testimonial-style-08 .author-info { -ms-flex-pack: center; justify-content: center; } .custom-testimonial-01.testimonial-style-05 .author-avatar { padding-bottom: 5px; } .custom-testimonial-01 .gel-testimonial-bio { color: var(--g5-color-heading); } .custom-testimonial-02 .gel-testimonial-bio { font-size: 34px; font-weight: 500; line-height: 1.3; } .custom-testimonial-02.testimonial-style-05 .author-avatar { padding-bottom: 38px; } .custom-testimonial-02.testimonial-style-05 .testimonial-content { padding-bottom: 55px; } .gel-social-icons .si-classic.list-si li + li { margin-left: 23px; } .gel-social-icons .si-large { font-size: 20px; } .gel-social-icons .si-large.si-classic.list-si li + li { margin-left: 53px; } .gel-social-icons .si-normal { font-size: 18px; } .gel-social-icons .si-small { font-size: 14px; } .gel-heading sup { font-size: 61%; margin-left: 1rem; top: -0.6em; } .gel-heading-title { font-size: 40px; margin-bottom: 0; } .gel-heading-title mark { color: var(--g5-color-primary); padding: 0; } .gel-heading-subtitle { font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--g5-color-heading); margin-bottom: 22px; } .gel-heading-separate { background-color: var(--g5-color-heading); margin-top: 1rem; } .gel-heading-description { font-size: 18px; margin-bottom: 0; margin-top: 16px; } .desc-heading-mt-25 .gel-heading-description { margin-top: 25px !important; } .sub-heading-mb-10 .gel-heading-subtitle { margin-bottom: 10px; } .heading-lg .gel-heading-title { font-size: 48px; line-height: 1.26; } .heading-lg .gel-heading-description { margin-top: 22px; } .heading-font-display-2 .gel-heading-title { font-family: var(--g5-display-2-font); font-weight: 400; } .sub-heading-font-display-2 .gel-heading-subtitle { font-family: var(--g5-display-2-font); font-weight: 500; } .heading-style-02 .gel-heading-subtitle { font-family: var(--g5-display-3-font); font-style: italic; font-weight: 400; font-size: 60px; text-transform: none; margin-bottom: 0; line-height: 1.4; color: var(--g5-color-primary); } .heading-style-02 .gel-heading-title { font-size: 40px; letter-spacing: 0.03em; text-transform: uppercase; } .heading-style-03 { position: relative; } .heading-style-03 [class*=gel-heading-]:not(.gel-heading-description) { z-index: 2; position: relative; } .heading-style-03 .gel-heading-description { font-size: 142px; font-family: var(--g5-display-3-font); font-style: italic; color: #EFEAF0; position: absolute; top: -100px; z-index: 0; line-height: 1; width: 100%; } .heading-style-03.text-right .gel-heading-description { right: 0; } .heading-style-03.text-center .gel-heading-description { left: 50%; transform: translateX(-50%); } @media (max-width: 1199px) { .heading-lg-center { text-align: center !important; margin-left: auto !important; margin-right: auto !important; } .heading-lg-mw-500 { max-width: 500px !important; } } @media (max-width: 991px) { .heading-style-03 .gel-heading-description { font-size: 100px; top: -70px; } } @media (max-width: 575px) { .heading-style-03 .gel-heading-description { font-size: 80px; top: -85px; } } .zoom-instagram-widget .zoom-instagram-widget__items { margin-bottom: 0; padding-left: 0; } .zoom-instagram-widget__item { overflow: hidden; } .zoom-instagram-widget__item .zoom-instagram-link { -webkit-transition: transform 0.45s linear; transition: transform 0.45s linear; } .zoom-instagram-widget__item:hover .zoom-instagram-icon-wrap a { -webkit-transform: scale(1); transform: scale(1); } .zoom-instagram-widget__item:hover .zoom-instagram-link { transform: scale(1.2); } .instagram-6-item .zoom-instagram-widget__item > a, .instagram-5-item .zoom-instagram-widget__item > a, .instagram-5-item-gap-30 .zoom-instagram-widget__item > a { width: 100% !important; padding-bottom: 100%; } .instagram-5-item .zoom-instagram-widget__item { width: 20%; } .instagram-6-item .zoom-instagram-widget__item { width: 16.666%; } .instagram-5-item-gap-30 .zoom-instagram-widget__item { width: calc(20% - 24px) !important; } .instagram-5-item-gap-30 .zoom-instagram-widget__item:last-child { margin-right: 0 !important; } @media (max-width: 991px) { .instagram-5-item-gap-30 .zoom-instagram-widget__item { margin-right: 10px !important; width: calc(20% - 8px) !important; } } .gel-our-team:hover .gel-our-team-socials { opacity: 1; } .gel-our-team-name { font-size: 20px; margin-top: 0 !important; padding-top: 22px; } .gel-our-team-job { margin-top: 8px; } .gel-our-team-social { margin-left: 14px; margin-right: 14px; font-size: 18px; color: var(--g5-color-heading); } .gel-our-team-inner { position: relative; } .gel-our-team-style-02 .gel-our-team-socials { min-height: 52px; line-height: 52px; background-color: var(--g5-color-border); position: absolute; width: 100%; top: -52px; z-index: 2; opacity: 0; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; text-align: center; } .gel-counter { font-size: 60px; color: var(--g5-color-heading); } .custom-counter-01.gel-counter { font-size: 119px; font-weight: bold; color: var(--g5-color-primary); } .custom-counter-01 .gel-counter-suffix { font-size: 72px; top: -0.6em; margin-left: -12px; } .gel-counter-suffix-md .gel-counter-suffix { font-size: 60px; } .gel-countdown-value { font-size: 48px; font-weight: 600; color: var(--g5-color-primary); margin-bottom: 0 !important; } .gel-countdown-text { color: var(--g5-color-heading); margin-top: 1rem; } .gel-countdown { -ms-flex-pack: start; justify-content: flex-start; margin-left: -25px; margin-right: -25px; } .gel-countdown-section { position: relative; padding: 0 25px; } .gel-countdown-section:before { content: ":"; position: absolute; right: -2px; top: 50%; font-size: 24px; color: var(--g5-color-primary); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .gel-countdown-section:last-child:before { content: none; } .gel-countdown-style-02 .gel-countdown-section:before, .gel-countdown-style-03 .gel-countdown-section:before { font-size: 60px; right: -6px; } .gel-countdown-section + .gel-countdown-section { margin-left: 0 !important; } .custom-countdown-hide-text .gel-countdown-text { display: none; } @media (max-width: 767px) { .gel-countdown-style-01 .gel-countdown-section { width: auto; margin-bottom: 0; } .gel-countdown-style-02 .gel-countdown-section:before, .gel-countdown-style-03 .gel-countdown-section:before { content: none; } .gel-countdown-style-02 .gel-countdown-section, .gel-countdown-style-03 .gel-countdown-section { padding: 0; } .gel-countdown-style-02 .gel-countdown, .gel-countdown-style-03 .gel-countdown { margin-left: 0; } } @media (max-width: 575px) { .gel-countdown-style-01 .gel-countdown-value { font-size: 28px; } } .gel-banner .btn-md:not(.btn-link) { padding: 0 1.87rem; } .gel-banner .btn-light { box-shadow: 0 4px 9px rgba(0, 0, 0, 0.05); } .gel-banner .btn-link.btn-light:hover, .gel-banner .btn-link.btn-light:active, .gel-banner .btn-link.btn-light:focus { color: inherit !important; } .gel-banner-title { font-size: 34px; line-height: 1.3; } .gel-banner-description { font-size: 18px; } .gel-banner-title + .gel-banner-description { margin-top: 0.5rem; } .gel-banner-description + .gel-banner-action, .gel-banner-title + .gel-banner-action { margin-top: 1.5rem; } .gel-banner-style-01 .gel-banner-content { color: var(--g5-color-heading); left: 50px; } .gel-banner-style-01.gel-banner-show-all .gel-banner-content, .gel-banner-style-01.gel-banner:hover .gel-banner-content { top: 40px; -webkit-transform: none; transform: none; } .gel-banner-style-04 .gel-banner-title { font-size: 40px; } .gel-banner-style-04 .gel-banner-description { margin-top: 0.8rem; } .gel-banner-style-04 .gel-banner-action { margin-top: 2rem; } .gel-banner-style-04 .gel-banner-content { left: 50px; -webkit-transition: all 0.5s; transition: all 0.5s; } .gel-banner-style-04.gel-banner-show-all .gel-banner-content, .gel-banner-style-04:hover .gel-banner-content { -webkit-transform: translateY(calc(-100% - 50px)); transform: translateY(calc(-100% - 50px)); top: 100%; } .gel-banner-style-05.gel-banner-show-all .gel-banner-content { top: auto; } .gel-banner-style-05.gel-banner-show-all .gel-banner-content, .gel-banner-style-05.gel-banner:hover .gel-banner-content { bottom: 32px; -webkit-transform: none; transform: none; } .gel-banner-style-05 .gel-banner-action { margin-top: 14px; } .custom-banner-07.gel-banner-show-all .gel-banner-content, .custom-banner-07.gel-banner:hover .gel-banner-content { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .custom-banner-01 .gel-banner-title, .custom-banner-07 .gel-banner-title { font-size: 15px; letter-spacing: 0.1em; text-transform: uppercase; } .custom-banner-01 .gel-banner-description, .custom-banner-07 .gel-banner-description { font-weight: 600; font-size: 34px; line-height: 1.3; margin-top: 1rem; } .custom-banner-02 .gel-banner-content { left: 0; height: 100%; width: 100%; padding: 30px 40px 40px; } .custom-banner-02 .btn { position: absolute; bottom: 30px; left: 40px; } .custom-banner-02.gel-banner-show-all .gel-banner-content, .custom-banner-02.gel-banner:hover .gel-banner-content { top: 0; } .custom-banner-02 .gel-banner-description { font-weight: 600; margin-top: 0.8rem; } .custom-banner-03 .gel-banner-title { font-family: Tuesday Night; font-weight: 400; font-size: 48px; } .custom-banner-03 .gel-banner-description { font-size: 40px; font-weight: 600; } .custom-banner-03 .gel-btn > a { padding: 0 17px; } .custom-banner-03.gel-banner-style-04 .gel-banner-action { margin-top: 27px; } .custom-banner-03.gel-banner-style-04 .gel-banner-description { margin-top: 5px; } .gel-banner-style-05 .btn.btn-link, .custom-banner-02 .btn.btn-link, .custom-banner-05 .btn.btn-link, .custom-banner-08 .btn.btn-link, .custom-banner-11 .btn.btn-link { display: -ms-flexbox; display: flex; padding: 0; box-shadow: none; } .gel-banner-style-05 .btn.btn-link:after, .custom-banner-02 .btn.btn-link:after, .custom-banner-05 .btn.btn-link:after, .custom-banner-08 .btn.btn-link:after, .custom-banner-11 .btn.btn-link:after { font-family: var(--g5-font-icon-primary); margin-left: 5px; content: "\e901"; } .custom-banner-04.gel-banner-style-05 .gel-banner-title { font-size: 40px; } .custom-banner-04.gel-banner-style-05.gel-banner-show-all .gel-banner-content, .custom-banner-04.gel-banner-style-05:hover .gel-banner-content { bottom: 43px; } .custom-banner-05.gel-banner-style-05.gel-banner-show-all .gel-banner-content, .custom-banner-05.gel-banner-style-05:hover .gel-banner-content { bottom: 30px; } .custom-banner-05.gel-banner-style-04 .gel-banner-title { font-size: 34px; line-height: 1.3; } .custom-banner-05.gel-banner-style-04 .gel-banner-content { left: 40px; } .custom-banner-05.gel-banner-style-04.gel-banner-show-all .gel-banner-content, .custom-banner-05.gel-banner-style-04:hover .gel-banner-content { -webkit-transform: translateY(calc(-100% - 35px)); transform: translateY(calc(-100% - 35px)); } .custom-banner-05.gel-banner-style-04 .gel-banner-action { margin-top: 1rem; } .custom-banner-06.gel-banner-style-01.gel-banner-show-all .gel-banner-content, .custom-banner-06.gel-banner-style-01.gel-banner:hover .gel-banner-content { top: 50px; } .custom-banner-06.gel-banner-style-01 .gel-btn .btn { padding: 0 20px; } .custom-banner-08.gel-banner .gel-banner-content { color: var(--g5-color-light); } .custom-banner-08.gel-banner .gel-banner-title { font-size: 40px; } .custom-banner-08.gel-banner .gel-banner-title + .gel-banner-description { margin-top: 0.7rem; } .custom-banner-08.gel-banner .gel-banner-action { margin-top: 1.2rem; } .custom-banner-08.gel-banner .btn { border-bottom: 2px solid currentColor; } .custom-banner-09.gel-banner .gel-banner-content { max-width: 325px; } .custom-banner-09.gel-banner .gel-banner-title { font-size: 42px; line-height: 1.24; } .custom-banner-09.gel-banner .gel-banner-description { color: #777; } .custom-banner-09.gel-banner .gel-banner-title + .gel-banner-description { margin-top: 1.3rem; } .custom-banner-09.gel-banner .gel-banner-action { margin-top: 2rem; } .custom-banner-10 .gel-effect-bg-image:after { opacity: 1; } .custom-banner-10.gel-banner-show-all .gel-banner-content, .custom-banner-10.gel-banner:hover .gel-banner-content, .custom-banner-10-not-overlay.gel-banner-show-all .gel-banner-content, .custom-banner-10-not-overlay.gel-banner:hover .gel-banner-content { bottom: 38px; } .custom-banner-10 .gel-effect-bg-image:after, .custom-banner-10-not-overlay .gel-effect-bg-image:after { background-color: rgba(0, 0, 0, 0.23); } .custom-banner-10 .gel-banner-title, .custom-banner-10-not-overlay .gel-banner-title { font-family: var(--g5-display-2-font); font-weight: 400; } .custom-banner-10 .gel-banner-action, .custom-banner-10-not-overlay .gel-banner-action { margin-top: 0; } .custom-banner-10 .btn, .custom-banner-10-not-overlay .btn { border-bottom: 1px solid currentColor; line-height: 1; font-weight: 500; } .custom-banner-10 .btn:after, .custom-banner-10-not-overlay .btn:after { display: none; } .custom-banner-10 .btn:hover, .custom-banner-10-not-overlay .btn:hover { border-color: currentColor; } .custom-banner-11 .gel-image-effect:after { opacity: 0.5; background: -o-linear-gradient(273.96deg, rgba(0, 0, 0, 0.78) -2%, rgba(0, 0, 0, 0) 51.61%); background: linear-gradient(176.04deg, rgba(0, 0, 0, 0.78) -2%, rgba(0, 0, 0, 0) 51.61%); } .custom-banner-11 .gel-banner-description { font-family: var(--g5-display-2-font); font-weight: 400; font-size: 68px; text-transform: uppercase; } .custom-banner-11 .gel-banner-action { margin-top: 15px; } .custom-banner-11 .gel-banner-action .btn.btn-link { border-bottom: 2px solid; padding-bottom: 4px; } .custom-banner-11 .gel-banner-title { font-size: 24px; } .custom-banner-12.gel-banner-style-04 .gel-banner-title, .custom-banner-12.gel-banner-style-04 .gel-banner-title a { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .custom-banner-12.gel-banner-style-04 .gel-banner-title mark { color: inherit; font-size: 18px; background-color: transparent; } .custom-banner-12.gel-banner-style-04 .gel-banner-action { margin-top: 0; } .custom-banner-12.gel-banner-style-04 .gel-banner-action .btn { font-size: 0; width: 48px; height: 48px; padding: 0; border-radius: 50%; background-color: currentColor; border: none; letter-spacing: -3px; } .custom-banner-12.gel-banner-style-04 .gel-banner-action .btn:after, .custom-banner-12.gel-banner-style-04 .gel-banner-action .btn:before { font-weight: 600; font-family: var(--g5-font-icon); content: "\f054"; font-size: 18px; color: var(--g5-color-heading); display: inline-block; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transform: translateX(-5px); transform: translateX(-5px); } .custom-banner-12.gel-banner-style-04 .gel-banner-action .btn:before { visibility: hidden; opacity: 0; } .custom-banner-12.gel-banner-style-04 .gel-banner-action .btn:hover { background-color: var(--g5-color-heading); border-color: var(--g5-color-heading); } .custom-banner-12.gel-banner-style-04 .gel-banner-action .btn:hover:after, .custom-banner-12.gel-banner-style-04 .gel-banner-action .btn:hover:before { color: #fff; } .custom-banner-12.gel-banner-style-04:hover .gel-banner-action .btn:after, .custom-banner-12.gel-banner-style-04:hover .gel-banner-action .btn:before { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-name: bounceAlpha; animation-name: bounceAlpha; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .custom-banner-12.gel-banner-style-04:hover .gel-banner-action .btn:before { visibility: visible; opacity: 1; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .custom-banner-12.gel-banner-style-04 .gel-banner-content { left: 30px; right: 30px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -webkit-transform: translateY(calc(-100% - 30px)); transform: translateY(calc(-100% - 30px)); } @keyframes bounceAlpha { 0% { opacity: 1; -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } 25% { opacity: 0; -webkit-transform: translateX(10px) scale(0.9); transform: translateX(10px) scale(0.9); } 26% { opacity: 0; -webkit-transform: translateX(-10px) scale(0.9); transform: translateX(-10px) scale(0.9); } 55% { opacity: 1; -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } } .custom-overlay-layer:after { content: ""; opacity: 0.5; background: -o-linear-gradient(273.96deg, rgba(0, 0, 0, 0.78) -2%, rgba(0, 0, 0, 0) 51.61%); background: linear-gradient(176.04deg, rgba(0, 0, 0, 0.78) -2%, rgba(0, 0, 0, 0) 51.61%); position: absolute; display: block; top: 0; width: 100%; height: 100%; z-index: 0; } .banner-title-font-display-2 .gel-banner-title { font-family: var(--g5-display-2-font); font-weight: 400; } .banner-desc-font-display-2 .gel-banner-description { font-family: var(--g5-display-2-font); font-weight: 400; } .custom-banner-over-lay .gel-effect-bg-image:before { content: ""; background: -webkit-gradient(linear, left top, left bottom, color-stop(57.87%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.57))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 57.87%, rgba(0, 0, 0, 0.57) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 57.87%, rgba(0, 0, 0, 0.57) 100%); width: 100%; height: 100%; position: absolute; left: 0; z-index: 1; top: 0; } @media (min-width: 1200px) { .custom-banner-09.gel-banner.gel-banner-show-all .gel-banner-content, .custom-banner-09.gel-banner:hover .gel-banner-content { top: 70px; left: 55px; } } @media (min-width: 768px) { .custom-banner-08.gel-banner.gel-banner-show-all .gel-banner-content, .custom-banner-08.gel-banner:hover .gel-banner-content { top: 50px; left: 60px; } } @media (max-width: 1200px) { .height-banner-md-330 .gel-banner-bg { height: 330px; padding-bottom: 0 !important; } .height-banner-lg-400 .gel-banner-bg { height: 400px; padding-bottom: 0 !important; } } @media (max-width: 991px) { .height-banner-md-350 .gel-banner-bg { height: 350px; padding-bottom: 0 !important; } } @media (max-width: 480px) { .height-banner-sm-500 .gel-banner-bg { height: 500px; padding-bottom: 0 !important; } .gel-banner-bg { padding-bottom: 100% !important; } .custom-banner-01 .gel-banner-description, .custom-banner-07 .gel-banner-description { font-size: 28px; } .gel-banner-title { font-size: 28px; } .gel-banner-style-04 .gel-banner-content { left: 30px; } .gel-banner-style-04.gel-banner-show-all .gel-banner-content, .gel-banner-style-04:hover .gel-banner-content { -webkit-transform: translateY(calc(-100% - 30px)); transform: translateY(calc(-100% - 30px)); } } .gel-icon-box .title { font-size: 20px; margin-bottom: 0; } .gel-icon-box .description { margin-top: 12px; font-size: 18px; } .gel-icon-box .btn.btn-link { border-bottom: 1px solid var(--g5-color-heading); } .gel-icon-box-style-01 .icon, .gel-icon-box-style-02 .icon { margin-bottom: 1rem; } .gel-icon-box-style-04 .icon, .gel-icon-box-style-05 .icon { -ms-flex: 0 0 4.5rem; flex: 0 0 4.5rem; } .gel-icon-box-style-04 .description, .gel-icon-box-style-05 .description { margin-top: 18px; } .gel-icon-box-size-lg object { width: 70px; } .gel-icon-box-size-md object { width: 50px; } .gel-icon-box-size-sm object { width: 40px; } .custom-icon-box-01 { padding: 30px; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.05); box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s; transition: all 0.3s; } .custom-icon-box-01:hover { -webkit-box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.1); } .gel-list .gel-list-item { font-weight: 500; } .gel-list .gel-list-item a { -webkit-transition: all 0.3s; transition: all 0.3s; border-bottom: 1px solid transparent; } .gel-list .gel-list-item a:hover { color: var(--g5-color-heading); border-color: currentColor; } .gel-list-not-border-hover .gel-list-item a:hover { border: 0; } .gel-list-style-01 .item-list:not(:last-child), .gel-list-style-02 .item-list:not(:last-child) { padding-bottom: 11px; } .gel-list-style-03 ul li:not(:last-child) { padding-right: 15px; } .gel-list-style-03 ul li:not(:first-child) { padding-left: 15px; } .gel-image-box mark { background-color: transparent; color: var(--g5-color-primary); padding: 0; } .gel-image-box .image { margin-bottom: 35px; } .gel-image-box.border-img .image { -webkit-box-shadow: 0 0 0 4px var(--g5-color-primary); box-shadow: 0 0 0 4px var(--g5-color-primary); } .gel-image-box.border-img:hover .image, .gel-image-box.border-img:hover .image:after { -webkit-box-shadow: 0 0 0 2px var(--g5-color-primary); box-shadow: 0 0 0 2px var(--g5-color-primary); } .gel-image-box-style-04 .image { margin-right: 2rem; } .custom-image-box-01 .title { font-size: 20px; } .custom-image-box-01 .image { margin-bottom: 22px; } .custom-image-box-01 sup { font-size: 14px; font-weight: bold; left: 5px; } .custom-image-box-02 .image { margin-bottom: 23px; } .custom-image-box-03 { color: #fff; } .custom-image-box-03 .title { font-size: 20px; margin-bottom: 14px; color: inherit; } .custom-image-box-03 .description { opacity: 0.7; } .custom-image-box-03 .image { -ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 70px; margin-bottom: auto; margin-right: 30px; } .custom-image-box-04 { padding: 55px 36px 35px 36px; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; } .custom-image-box-04:hover { -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); } .custom-image-box-04 .title { margin-bottom: 11px; } .custom-image-box-04 .description { font-size: 18px; } .custom-image-box-04 .image { margin-bottom: 30px; } .custom-image-box-05 .title { font-size: 18px; font-weight: bold; line-height: 1.55; margin-bottom: 0; } .custom-image-box-05 .image { margin-bottom: -5px; } .custom-image-box-06 .image { padding-top: 50px; padding-left: 55px; margin-bottom: 25px; background: #F0F3F2; border-radius: 3px; } .custom-image-box-06 .image img { border-top-left-radius: 10px; filter: drop-shadow(-10px 14px 23px rgba(0, 0, 0, 0.07)); } .custom-image-box-06 .image a { display: block; } .custom-image-box-06 .title { font-size: 20px; margin-bottom: 0; font-weight: bold; } .custom-image-box-07 .title { font-size: 34px; margin-bottom: 3px; } .custom-image-box-07 .image { margin-bottom: 15px; } .custom-image-box-07 .description { font-size: 16px; } @-webkit-keyframes scale-mark-img-box { 0% { -webkit-transform: rotate(-13.66deg) translateX(-50%) scale(1); transform: rotate(-13.66deg) translateX(-50%) scale(1); } 25% { -webkit-transform: rotate(-13.66deg) translateX(-50%) scale(1.03); transform: rotate(-13.66deg) translateX(-50%) scale(1.03); } 50% { -webkit-transform: rotate(-13.66deg) translateX(-50%) scale(1); transform: rotate(-13.66deg) translateX(-50%) scale(1); } 75% { -webkit-transform: rotate(-13.66deg) translateX(-50%) scale(1.07); transform: rotate(-13.66deg) translateX(-50%) scale(1.07); } 100% { -webkit-transform: rotate(-13.66deg) translateX(-50%) scale(1); transform: rotate(-13.66deg) translateX(-50%) scale(1); } } .custom-image-box-08 { position: relative; } .custom-image-box-08:hover mark { -webkit-animation: scale-mark-img-box 2.5s linear infinite; animation: scale-mark-img-box 2.5s linear infinite; } .custom-image-box-08 mark { font-family: var(--g5-display-3-font); font-style: italic; -webkit-transform: rotate(-13.66deg) translateX(-50%); transform: rotate(-13.66deg) translateX(-50%); position: absolute; left: 50%; top: 75px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-transform: capitalize; font-weight: 400; font-size: 122px; line-height: 64px; } .custom-image-box-08 .title { font-size: 40px; letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: 30px; } .custom-image-box-08 .btn-box { margin-top: 20px; } .custom-image-box-08 .btn.btn-link { border-bottom: 2px solid; padding-bottom: 4px; } .custom-image-box-08 .btn.btn-link:after { font-family: var(--g5-font-icon-primary); margin-left: 5px; content: "\e901"; } .custom-image-box-08 .image { margin-bottom: 57px; } .custom-image-box-08 .description { font-size: 18px; } .custom-image-box-08.gel-image-box-style-02 .description { max-width: 390px; margin-left: auto; margin-right: auto; } .image-boxr-title-font-display-2 .title { font-family: var(--g5-display-2-font); font-weight: 400; } @media (max-width: 1200px) { .custom-image-box-08 mark { font-size: 90px; } } @media (max-width: 767px) { .custom-image-box-08 mark { font-size: 70px; } .custom-image-box-08 .image { margin-bottom: 40px; } } .gel-video-lg { font-size: 30px; } .gel-video-lg .view-video { width: 115px; height: 115px; } .gel-video-md { font-size: 22px; } .gel-video-md .view-video { width: 98px; height: 98px; } div.gel-video.gel-video-outline .view-video { border-width: 3px; } .gel-map-point-animate { height: 70px; width: 70px; } .mapboxgl-popup-close-button.mapboxgl-popup-close-button { padding: 5px; line-height: 1; color: #666; font-size: 1rem; } .mapboxgl-popup-close-button.mapboxgl-popup-close-button:hover { background-color: transparent; content: inherit; } .vc_toggle { margin-bottom: 48px; } .vc_toggle .vc_toggle_content { padding-left: 0 !important; margin-bottom: 0; margin-top: 1.3em; } .vc_toggle .vc_toggle_content p + p { margin-bottom: 0; } .vc_toggle.vc_toggle_size_md { font-size: 18px; } .vc_toggle.vc_toggle_size_md .vc_toggle_icon { height: 1px; } .vc_toggle.vc_toggle_size_md .vc_toggle_icon:before { width: 1px; } .vc_toggle.vc_toggle_size_md .vc_toggle_content { font-size: 15px; line-height: 1.6; } .vc_toggle.vc_toggle_default .vc_toggle_icon { position: static !important; } .vc_toggle.vc_toggle_default .vc_toggle_title { display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding-left: 0; border-bottom: 1px solid var(--g5-color-border); padding-bottom: 10px; } .vc_toggle.vc_toggle_default h4 { margin-bottom: 0; } .vc_toggle .vc_toggle_title { font-size: inherit; } .vc_toggle .vc_toggle_title h4 { font-size: inherit; } @media (min-width: 1200px) { .gel-slider-container-gutter-38.slick-slider { margin-left: -38px; margin-right: -38px; } .gel-slider-container-gutter-38 .slick-slide > div { padding-left: 38px; padding-right: 38px; } .gel-slider-container-gutter-65.slick-slider { margin-left: -65px; margin-right: -65px; } .gel-slider-container-gutter-65 .slick-slide > div { padding-left: 65px; padding-right: 65px; } } @media (min-width: 992px) { .custom-slider-container-01 .slick-list { margin-right: -48%; } .custom-slider-container-01 .slick-arrow { position: static; } .custom-slider-container-01 .slick-arrow.slick-prev { margin-right: 21px; } .custom-slider-container-01 .slick-arrows { position: absolute; left: -48%; bottom: 10px; } .custom-slider-container-01 .slick-dots { display: none !important; } .custom-slider-container-02 .slick-arrow i { font-size: 40px; } .custom-slider-container-02 .slick-arrow { border: 0; } .custom-slider-container-02 .slick-arrow:hover { -webkit-box-shadow: none; box-shadow: none; } .custom-slider-container-02 .slick-arrow.slick-prev { left: -80px; } .custom-slider-container-02 .slick-arrow.slick-next { right: -80px; } .custom-slider-container-02 .slick-dots { display: none !important; } } @media (max-width: 991px) { .custom-slider-container-01 .slick-arrows, .custom-slider-container-02 .slick-arrows { display: none; } } .custom-slider-container-03 .slick-arrows { display: none; } @media (min-width: 1200px) { .custom-slider-container-03 { height: 100%; top: 0; width: 100vw; position: static; } .custom-slider-container-03 .slick-list { padding-right: calc(100% - 960px); } .custom-slider-container-03 .slick-arrows { position: absolute; left: 75px; bottom: 38%; display: block; } .custom-slider-container-03 .slick-arrow.slick-next { left: 0; } .custom-slider-container-03 .slick-dots { display: none !important; } } .custom-client-logo-150 .image { max-width: 150px; } .slick-current .gel-client-logo .image { opacity: 1; } div.blog-title-md .g5blog__post-title { font-size: 24px; } .bullet-one-page-scroll-navigation .nav-link { width: 8px; height: 8px; overflow: unset; position: relative; opacity: 0.7; border: 0; } .bullet-one-page-scroll-navigation .nav-link:before { content: ""; width: 26px; height: 26px; display: block; left: -9px; top: -9px; position: absolute; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; border-radius: 50%; opacity: 0; -webkit-transform: scale(0.6); transform: scale(0.6); } .bullet-one-page-scroll-navigation .nav-link:hover, .bullet-one-page-scroll-navigation .nav-link.active, .bullet-one-page-scroll-navigation .nav-link.active:before, .bullet-one-page-scroll-navigation .nav-link:hover:before { opacity: 1; } .bullet-one-page-scroll-navigation .nav-link.active:before, .bullet-one-page-scroll-navigation .nav-link:hover:before { -webkit-transform: scale(1); transform: scale(1); } .bullet-one-page-scroll-navigation .nav-link:nth-child(n+2) { margin-top: 20px; } .bullet-one-page-scroll-navigation.alignment-right { right: 50px; } .bullet-one-page-scroll-navigation.alignment-left { left: 50px; } .g5element-nav .nav-link { background-color: var(--g5element-nav-color); } .g5element-nav .nav-link:before { border: 1px solid var(--g5element-nav-color); } .g5core-site-header .toggle-icon { width: 42px; height: 12px; } .g5core-site-header .toggle-icon > span { height: 0; } .g5core-site-header .toggle-icon > span:before { top: 6px; } .g5core-site-header .toggle-icon > span:after { top: -6px; } .toggle-icon { cursor: pointer; display: inline-block; width: 30px; height: 30px; position: relative; vertical-align: middle; } .toggle-icon > span { bottom: 0; display: block; height: 2px; left: 2px; right: 0; margin: auto; position: absolute; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: currentColor; } .toggle-icon > span:after, .toggle-icon > span:before { content: ""; height: 2px; left: 0; margin: auto; position: absolute; right: 0; -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, background 0.3s; -moz-transition: top 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, background 0.3s; transition: top 0.3s ease-in-out, transform 0.3s ease-in-out, background 0.3s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: currentColor; } .toggle-icon > span:before { top: 8px; } .toggle-icon > span:after { top: -8px; } .toggle-icon:hover { color: #e4573d; } .toggle-icon.in > span { background-color: transparent !important; } .toggle-icon.in > span:after, .toggle-icon.in > span:before { -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s 0.5s ease-in-out, background 0.3s; -moz-transition: top 0.3s ease-in-out, -moz-transform 0.3s 0.5s ease-in-out, background 0.3s; transition: top 0.3s ease-in-out, transform 0.3s 0.5s ease-in-out, background 0.3s; top: 0; } .toggle-icon.in > span:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); -o-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .toggle-icon.in > span:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); -o-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .vc-col-no-pt > .vc_column-inner, .vc_row.vc_row.vc-col-no-pt > .vc_column_container > .vc_column-inner, .vc_row.vc_row.vc-col-no-pt > .vc_column_container > .vc_column-inner, .vc_row.vc_row.vc-col-no-pt > .vc_column_container > .vc_column-inner { padding-top: 0; } .col-bg-animation .vc_column-inner, .el-col-bg-animation > .elementor-element-populated { background-position: 0 0; background-repeat: repeat-x; -webkit-animation: animatedBackground 15s linear infinite; animation: animatedBackground 15s linear infinite; } .lable-sale-countdown { font-size: 20px; color: var(--g5-color-primary-foreground); background-color: var(--g5-color-primary); width: 112px; height: 112px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 50%; position: absolute; top: 20%; left: 26%; } .lable-sale-countdown span { font-size: 24px; font-weight: 600; } .lable-sale-countdown.label-postions-01 { left: 17%; top: 23%; } @keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: 100% 0; } } @media (min-width: 1200px) { .custom-gap-column-75 { margin-left: -37.5px; margin-right: -37.5px; } .custom-gap-column-75 > .vc_column_container { padding: 22.5px !important; } .custom-product-lg-mg--39 .g5shop__listing-inner { margin-left: -39px; } .custom-col-width-1170 > .vc_column-inner > .wpb_wrapper { max-width: 1170px; margin: 0 auto; } .custom-slick-bx-01 .slick-slide:not(.slick-active) .custom-image-bx-02:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: #fff; opacity: 0.4; cursor: not-allowed; } .custom-slick-bx-01 .slick-list { padding-left: calc((100% - 1200px) / 2); padding-right: calc((100% - 1200px) / 2); } .custom-col-01 > .vc_column-inner, .custom-col-02 > .vc_column-inner { max-width: 1920px; margin: 0 auto; } .custom-row-mw-1920 > .vc_column_container { max-width: 1920px; margin: 0 auto; } } @media (min-width: 992px) { .col-lg-3\/10 { width: 30%; } .col-lg-7\/10 { width: 70%; } .custom-md-right--33 > .vc_column-inner { margin-right: -33%; } .custom-md-right--60 > .vc_column-inner { margin-right: -60%; } .divider-lg-right:before { content: ""; width: 1px; height: 150px; background-color: var(--g5-color-border); position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .custom-before-bg-video > .vc_column-inner { position: relative; } .custom-before-bg-video > .vc_column-inner:before { background-color: #EDF1F0; content: ""; width: 65px; max-height: 100%; top: 11%; bottom: 14%; position: absolute; display: block; left: -65px; } .custom-mw-container > .vc_column-inner { max-width: 600px; margin-left: auto; } .custom-mw-stretched-container > .vc_column-inner { max-width: 720px; margin-left: auto; } } @media (min-width: 768px) { .custom-bg-landing-home { background-image: url(assets/images/templates/bg-landing-home-01.png), url(assets/images/templates/bg-landing-home-02.png); background-position: -35px top, right top; background-repeat: no-repeat, no-repeat; background-size: auto, auto; } } @media (max-width: 1440px) { div.col-xl-mg-left-right-0 > .vc_column-inner { margin-right: 0 !important; margin-left: 0 !important; } div.col-pd-xl-left-right-15 > .vc_column-inner { padding-right: 15px !important; padding-left: 15px !important; } } @media (max-width: 1199px) { div.col-pd-lg-left-right-15 > .vc_column-inner { padding-right: 15px !important; padding-left: 15px !important; } div.col-pd-lg-left-30 > .vc_column-inner { padding-left: 30px !important; } div.col-lg-mg-left-right-0 > .vc_column-inner { margin-right: 0 !important; margin-left: 0 !important; } div.col-lg-mg-left-right-15 > .vc_column-inner { margin-right: 15px !important; margin-left: 15px !important; } div.lg-mg-left-right-0 { margin-right: 0 !important; margin-left: 0 !important; } .lable-sale-countdown { display: none; } } @media (max-width: 991px) { div.custom-md-no-bg-color { background-color: transparent !important; } div.col-md-left-right-15 > .vc_column-inner { margin-right: 15px !important; margin-left: 15px !important; } div.col-pd-md-left-right-15 > .vc_column-inner { padding-right: 15px !important; padding-left: 15px !important; } div.col-md-mg-left-right-0 > .vc_column-inner { margin-right: 0 !important; margin-left: 0 !important; } .col-md-mg-left-right--21 .vc_column-inner { margin-right: -21% !important; margin-left: -21% !important; } .d-flex-md { display: -ms-flexbox !important; display: flex !important; } div.position-bg-md-left { background-position: left !important; } } @media (max-width: 767px) { .vc_row.custom-md-bg-overlay:after { content: ""; position: absolute; right: 0; left: 0; bottom: 0; top: 0; display: block !important; background-color: rgba(0, 0, 0, 0.2); } .layout-section-center-sm .gel-layout-section:first-child, .layout-section-center-sm .gel-layout-section:last-child { flex: 1 1 auto !important; } .layout-section-center-sm .gel-layout-section:first-child { -ms-flex-align: end; align-items: flex-end; } .custom-vc-col-md-gap-10.vc_row { margin-left: -10px; margin-right: -10px; } .custom-vc-col-md-gap-10.vc_row .vc_column-inner { padding: 0 10px; } } @media (max-width: 575px) { .custom-xs-width-100.vc_column_container { width: 100%; } div.row-pd-xs-left-right-0 { padding-right: 0 !important; padding-left: 0 !important; } } @media (max-width: 1199px) and (min-width: 992px) { .custom-lg-ml--25 .vc_column-inner { margin-left: -25%; } .custom-lg-mr--45 .vc_column-inner { margin-right: -45%; } } .btn-hover-border-dark .btn:hover { border-color: var(--g5-color-dark) !important; } .border-0 .btn { border-width: inherit; } .custom-image-bx .vc_single_image-wrapper { -webkit-transition: all 0.3s; transition: all 0.3s; } .custom-image-bx .vc_single_image-wrapper:hover { -webkit-box-shadow: 0 12px 31px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 12px 31px 0 rgba(0, 0, 0, 0.15); } .custom-image-bx-02 .vc_single_image-wrapper img { -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); border-radius: 5px; } .custom-image-bx-02 .vc_single_image-wrapper img:hover { -webkit-box-shadow: 2px 20px 30px 0 rgba(0, 0, 0, 0.11); box-shadow: 2px 20px 30px 0 rgba(0, 0, 0, 0.11); -webkit-transform: translateY(-15px); transform: translateY(-15px); } .custom-image-bx-03 > .vc_column-inner > .wpb_wrapper { padding: 15px; border-radius: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; margin-bottom: 30px; } .custom-image-bx-03 > .vc_column-inner > .wpb_wrapper:hover { -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.15); box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.15); } .custom-image-bx-04 img { border-radius: 10px; -webkit-box-shadow: 0px 1px 36px rgba(0, 0, 0, 0.17); box-shadow: 0px 1px 36px rgba(0, 0, 0, 0.17); } .custom-image-bg-01 .vc_figure { -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 10px; } .custom-image-bg-01 .vc_figure:hover { background-color: #B4CCC2; } .custom-col-bx > .vc_column-inner { margin: 0 15px 50px; border-radius: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); } .custom-col-bx > .vc_column-inner:hover { -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-box-shadow: 0 7 45px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 7 45px 0 rgba(0, 0, 0, 0.15); } .custom-landing-home { margin-bottom: 50px; } .custom-landing-home .vc_column-inner > .wpb_wrapper { border-radius: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); height: 100%; } .custom-landing-home .vc_column-inner > .wpb_wrapper:hover { -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-box-shadow: 0 7 45px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 7 45px 0 rgba(0, 0, 0, 0.15); } .custom-landing-home .vc_column-inner > .wpb_wrapper { padding: 15px 15px 30px; } .custom-landing-home .vc_single_image-wrapper { padding: 32px 25px 0; overflow: hidden; background-color: #F2F2F2; border-radius: 10px; } .custom-landing-home .vc_single_image-wrapper img { border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-box-shadow: 0 4px 27px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 4px 27px 0 rgba(0, 0, 0, 0.15); } .custom-landing-home .btn-block i { font-size: 18px; } .label-sale-off { width: 61px; height: 26px; background-color: var(--g5-color-primary); border-radius: 3px; display: block; text-align: center; line-height: 26px; color: #fff; position: relative; bottom: -23px; left: 138px; } .custom-col-01 .vc_column-inner > .wpb_wrapper, .custom-col-02 .vc_column-inner > .wpb_wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .custom-col-01 .vc_column-inner > .wpb_wrapper > div, .custom-col-02 .vc_column-inner > .wpb_wrapper > div { -webkit-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; overflow: hidden; margin: 20px; position: relative; top: 0; } .custom-col-01 .vc_column-inner > .wpb_wrapper > div:hover, .custom-col-02 .vc_column-inner > .wpb_wrapper > div:hover { top: -15px; -webkit-box-shadow: 10px 24px 21px 0 rgba(0, 0, 0, 0.1); box-shadow: 10px 24px 21px 0 rgba(0, 0, 0, 0.1); } .blend-beauty-in-you-top, .blend-beauty-in-you-bottom { display: none; } @media (min-width: 1200px) { .blend-beauty-in-you-top, .blend-beauty-in-you-bottom { display: block; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; z-index: 2; } .blend-beauty-in-you-top { top: -90px; max-width: 1630px; } .blend-beauty-in-you-bottom { bottom: -115px; max-width: 1134px; } .blend-beauty-in-image-rotating { position: absolute; bottom: -65px; right: 205px; } .blend-beauty-in-image-rotating img { -webkit-animation: rotating 7s linear infinite; animation: rotating 7s linear infinite; } } .rotating-img img { -webkit-animation: rotating 7s linear infinite; animation: rotating 7s linear infinite; } .img-by-read-life img { position: absolute; top: 22%; left: -50px; } .custom-col-02 .vc_column-inner > .wpb_wrapper { margin-left: -30px; margin-bottom: -95px; } .custom-col-01 .vc_column-inner > .wpb_wrapper { margin-left: -400px; margin-right: -100px; } @media (max-width: 1200px) { .custom-col-02 .vc_column-inner > .wpb_wrapper { margin-bottom: -50px; } .custom-col-02 .vc_column-inner > .wpb_wrapper { margin-right: -100px; margin-left: -100px; } .custom-col-01 .vc_column-inner > .wpb_wrapper > div, .custom-col-02 .vc_column-inner > .wpb_wrapper > div { margin: 15px; } } @media (max-width: 991px) { .custom-col-02 .vc_column-inner > .wpb_wrapper { margin-bottom: 0; } .img-by-read-life { display: none; } } @media (max-width: 575px) { .custom-col-01 .vc_column-inner > .wpb_wrapper, .custom-col-02 .vc_column-inner > .wpb_wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-right: 0; margin-left: 0; } } @keyframes rotating { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .ube-contact-form .wpcf7-form-control-wrap { margin-top: 0; } .ube-contact-form-7-wrapper .ube-contact-form-7 .glowing-contact-form .item-contact span.wpcf7-not-valid-tip { display: none !important; } .glowing-mailchimp input[type=email] { margin-top: 0; } .ube-testimonial-author-name { font-size: 15px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 3px; } .ube-testimonial-author-job { font-size: 15px; color: var(--g5-color-text-main); } .ube-testimonial-client-say { font-size: 20px; font-weight: 600; color: var(--g5-color-primary); } .ube-testimonial-is-quote .ube-testimonial-client-say { padding: 0 15px 30px 15px; } .ube-testimonial-is-quote .ube-testimonial-client-say:before, .ube-testimonial-is-quote .ube-testimonial-client-say:after { font-size: 0.5em; } .ube-testimonial-rating .ube-icon svg { color: var(--g5-color-primary); } .ube-testimonial-rating .ube-icon + .ube-icon { margin-left: 5px; } .ube-testimonial-layout-01 .ube-testimonial-content, .ube-testimonial-layout-02 .ube-testimonial-info, .ube-testimonial-layout-03 .ube-testimonial-avatar, .ube-testimonial-layout-06 .ube-testimonial-avatar { margin-bottom: 13px; } .ube-testimonial-layout-04 .ube-testimonial-avatar, .ube-testimonial-layout-05 .ube-testimonial-avatar, .ube-testimonial-layout-08 .ube-testimonial-avatar { margin-right: 20px; } .ube-testimonial-layout-04 .ube-testimonial-content { margin-top: 15px; } .ube-testimonial-layout-08 .ube-testimonial-rating { margin-bottom: 11px; } .ube-testimonial-layout-08 .ube-testimonial-info { text-align: left; -ms-flex-pack: center; justify-content: center; } .ube-testimonial-layout-08 .ube-testimonial-content { margin-bottom: 40px; } .elementor-align-center .ube-testimonial-layout-08 .ube-testimonial-info { -ms-flex-pack: center; justify-content: center; } .elementor-align-right .ube-testimonial-layout-08 .ube-testimonial-info { -ms-flex-pack: end; justify-content: flex-end; } .elementor-align-left .ube-testimonial-layout-08 .ube-testimonial-info { -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 1024px) { .elementor-tablet-align-center .ube-testimonial-layout-08 .ube-testimonial-info { -ms-flex-pack: center; justify-content: center; } .elementor-tablet-align-right .ube-testimonial-layout-08 .ube-testimonial-info { -ms-flex-pack: end; justify-content: flex-end; } .elementor-tablet-align-left .ube-testimonial-layout-08 .ube-testimonial-info { -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 767px) { .elementor-mobile-align-center .ube-testimonial-layout-08 .ube-testimonial-info { -ms-flex-pack: center; justify-content: center; } .elementor-mobile-align-right .ube-testimonial-layout-08 .ube-testimonial-info { -ms-flex-pack: end; justify-content: flex-end; } .elementor-mobile-align-left .ube-testimonial-layout-08 .ube-testimonial-info { -ms-flex-pack: start; justify-content: flex-start; } } .ube-social-icons.ube-social-md { font-size: 1.2em; } .ube-social-icons.ube-social-classic li { color: var(--g5-color-dark); } .ube-social-icons.ube-social-classic li + li { margin-left: 1.3333em; } .ube-heading .ube-heading-title { font-size: 40px; margin-top: 0 !important; } .ube-heading-sub-title { font-size: 15px; color: var(--g5-color-heading); text-transform: uppercase; font-weight: 600; letter-spacing: 0.1em; margin-bottom: 21px; } .ube-heading-description { font-size: 18px; margin-top: 16px; } .el-custom-heading-01 { position: relative; } .el-custom-heading-01 [class*=ube-heading-]:not(.ube-heading-description) { z-index: 2; position: relative; } .el-custom-heading-01 .ube-heading-description { font-size: 142px; font-family: var(--g5-display-3-font); font-style: italic; color: #EFEAF0; position: absolute; top: -100px; z-index: 0; line-height: 1; width: 100%; } .el-custom-heading-01.elementor-align-right .ube-heading-description { right: 0; } .el-custom-heading-01.elementor-align-center .ube-heading-description { left: 50%; transform: translateX(-50%); } @media (max-width: 991px) { .el-custom-heading-01 .ube-heading-description { font-size: 100px; top: -70px; } } @media (max-width: 575px) { .el-custom-heading-01 .ube-heading-description { font-size: 80px; top: -85px; } } .ube-instagram-item .ube-instagram-icon { font-size: 40px; } .ube-instagram-item .ube-image, .ube-instagram-item .card-img, .ube-instagram-item img { width: 100%; } .ube-team-member .ube-tm-name { margin-bottom: 8px; } .ube-tm-social .elementor-icon { font-size: 18px; font-weight: 400; color: var(--g5-color-heading); } .ube-tm-social .elementor-icon + .elementor-icon { margin-left: 30px; } .ube-tm-style-01 .ube-tm-image { margin-bottom: 20px; } .custom-ube-tm-01 .card-body { width: 100%; position: relative; } .custom-ube-tm-01 .ube-tm-social { position: absolute; top: -72px; margin-top: 0; min-height: 52px; background-color: var(--g5-color-border); width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; z-index: 2; opacity: 0; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .custom-ube-tm-01 .ube-team-member:hover .ube-tm-social { opacity: 1; } .ube-counter .card-title { color: var(--g5-color-heading); } .ube-counter .ube-counter-number { font-size: 60px; font-weight: normal; } .ube-counter .card-text { font-size: 20px; color: var(--g5-color-heading); } .ube-countdown { margin: 0 -22px; } .ube-countdown .card-title { font-size: 48px; color: var(--g5-color-primary); font-weight: 600; } .ube-countdown .card-text { font-size: 15px; color: var(--g5-color-heading); font-weight: 600; } .ube-countdown.ube-countdown-show-separate .ube-countdown-separate { font-size: 22px; color: var(--g5-color-primary); } .ube-countdown:not(.ube-countdown-background) .card { padding: 0; } .ube-countdown .ube-countdown-item { padding-left: 22px; padding-right: 22px; } .ube-banner-title { font-size: 34px; line-height: 1.3; } .ube-banner-description { font-size: 18px; } .ube-banner-content { color: var(--g5-color-heading); } .ube-banner .btn-light { box-shadow: 0 4px 9px rgba(0, 0, 0, 0.05); } .ube-banner .btn.btn-link, .ube-banner .btn.btn-link:not(:disabled):not(.disabled):active { color: inherit; } .ube-banner.ube-banner-has-effect:hover:after, .ube-banner:after { background-color: transparent; } .ube-banner .ube-banner-btn.icon-after > svg, .ube-banner .ube-banner-btn.icon-after > i { margin-left: 5px; } .ube-banner-layout-02 .ube-banner-content { color: var(--g5-color-heading); padding: 2.5rem 3rem; } .ube-banner-layout-02 .ube-banner-description { font-size: 15px; line-height: 1.6; } .ube-banner-layout-02 .ube-banner-btn { margin-top: 30px; } .ube-banner-layout-03 .ube-banner-btn { margin-top: 10px; } .ube-banner-layout-03 .ube-banner-content { padding: 35px; color: #fff; } .custom-ube-banner-layout-03 .ube-banner-title, .custom-ube-banner-layout-03 .ube-banner-title a { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .custom-ube-banner-layout-03 .ube-banner-title { font-size: 40px; font-weight: 500; margin-bottom: 0; } .custom-ube-banner-layout-03 .ube-banner-title mark { color: inherit; font-size: 18px; background-color: transparent; } .custom-ube-banner-layout-03 .ube-banner-btn { margin-top: 0; font-size: 0; width: 48px; height: 48px; padding: 0; border-radius: 50%; background-color: currentColor; border: none; letter-spacing: -3px; line-height: 3rem; } .custom-ube-banner-layout-03 .ube-banner-btn:after, .custom-ube-banner-layout-03 .ube-banner-btn:before { font-weight: 600; font-family: var(--g5-font-icon); content: "\f054"; font-size: 18px; color: var(--g5-color-heading); display: inline-block; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transform: translateX(-5px); transform: translateX(-5px); } .custom-ube-banner-layout-03 .ube-banner-btn:before { visibility: hidden; opacity: 0; } .custom-ube-banner-layout-03 .ube-banner-btn:hover { background-color: var(--g5-color-heading); border-color: var(--g5-color-heading); } .custom-ube-banner-layout-03 .ube-banner-btn:hover:after, .custom-ube-banner-layout-03 .ube-banner-btn:hover:before { color: #fff; } .custom-ube-banner-layout-03:hover .ube-banner-btn:after, .custom-ube-banner-layout-03:hover .ube-banner-btn:before { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-name: bounceAlpha; animation-name: bounceAlpha; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .custom-ube-banner-layout-03:hover .ube-banner-btn:before { visibility: visible; opacity: 1; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .custom-ube-banner-layout-03 .ube-banner-content { padding: 30px; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: justify; justify-content: space-between; } @keyframes bounceAlpha { 0% { opacity: 1; -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } 25% { opacity: 0; -webkit-transform: translateX(10px) scale(0.9); transform: translateX(10px) scale(0.9); } 26% { opacity: 0; -webkit-transform: translateX(-10px) scale(0.9); transform: translateX(-10px) scale(0.9); } 55% { opacity: 1; -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } } .ube-icon-box .ube-ib-title { font-size: 20px; } .ube-icon-box .ube-ib-desc { margin-top: 14px; } .ube-icon-box-wrapper { --ube-ib-spacing: 23px; } .ube-accordion .ube-accordion-icon { font-size: 11px; } .ube-accordion .card-header .ube-accordion-link { color: var(--g5-color-heading); font-size: 18px; } .ube-accordion .ube-accordion-card-body p:last-child { margin-bottom: 0; } .custom-ube-accordion .card-header { padding: 7px 0; border-bottom: 1px solid var(--g5-color-border); } .custom-ube-accordion .card .card-header { margin-bottom: 0; } .custom-ube-accordion .ube-collapsible .card-body { padding: 20px 0 0; } .custom-ube-accordion .ube-accordion-card { border: none; } .custom-ube-accordion .ube-accordion-card:not(.ube-accordion-separate):last-child:not(.active) .ube-accordion-card-header { border-bottom: 1px solid var(--g5-color-border); } .custom-ube-accordion .ube-accordion-card + .ube-accordion-card { margin-top: 40px; } @media (min-width: 1025px) { .custom-ube-slider-01 .ube-slider { width: 91vw !important; } .custom-ube-slider-01 .slick-arrow.slick-prev { left: -40px; } .custom-ube-slider-01 .slick-arrows { position: absolute; left: -20%; bottom: 22%; } } @media (min-width: 1800px) { .custom-ube-slider-01 .slick-arrows { left: -380px; } } .slider-space-bt-item-25 .slick-slide > div { padding-bottom: 25px !important; } .ube-list-icon.list-unstyled .list-icon-item:hover { color: var(--g5-color-heading); } .ube-list-icon.list-unstyled .list-icon-item:hover a { border-color: currentColor; } .ube-list-icon.list-unstyled .list-icon-item a { -webkit-transition: all 0.3s; transition: all 0.3s; border-bottom: solid 1px transparent; } .ube-list-icon.list-unstyled .list-icon-item:not(:first-child) { margin-top: 6px; } .ube-list-icon.list-unstyled .list-icon-item:not(:last-child) { padding-bottom: 6px; } .ube-list-icon.list-unstyled.ube-list-icon-sm { font-size: 15px; } @media (max-width: 1199px) { .gel-list-style-03-center-lg.gel-list-style-03 .content-list { -ms-flex-pack: center; justify-content: center; } } .ube-image-box mark { background-color: transparent; color: var(--g5-color-primary); padding: 0; } .ube-image-box .ube-ib-title { font-size: 24px; } .ube-image-box .ube-ib-desc { margin-top: 16px; } .custom-ube-image-box-01 { position: relative; } .custom-ube-image-box-01:hover mark { -webkit-animation: scale-mark-img-box 2.5s linear infinite; animation: scale-mark-img-box 2.5s linear infinite; } .custom-ube-image-box-01 mark { font-family: var(--g5-display-3-font); font-style: italic; -webkit-transform: rotate(-13.66deg) translateX(-50%); transform: rotate(-13.66deg) translateX(-50%); position: absolute; left: 50%; top: 75px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-transform: capitalize; font-weight: 400; font-size: 122px; line-height: 64px; } .custom-ube-image-box-01 .ube-ib-title { font-size: 40px; letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: 30px; } .custom-ube-image-box-01 .ube-image { position: relative; z-index: 3; } .custom-ube-image-box-01 .ube-ib-desc { font-size: 18px; } .custom-ube-image-box-01 .ube-icon-box-wrapper { --ube-ib-spacing: 57px; } .custom-ube-image-box-01.ube-position-top .ube-ib-desc { max-width: 390px; margin-left: auto; margin-right: auto; } @media (max-width: 1200px) { .custom-ube-image-box-01 mark { font-size: 90px; } } @media (max-width: 767px) { .custom-ube-image-box-01 mark { font-size: 70px; } .custom-ube-image-box-01 .ube-icon-box-wrapper { --ube-ib-spacing: 40px; } } .gel-video.gel-video-outline .view-video { border: solid 1px currentColor; } .gel-map-point-animate { height: 70px; width: 70px; } .ube-call-to-action-title { font-size: 56px; } .ube-call-to-action-description { margin-top: 28px; } .ube-call-to-action .ube-call-to-action-btn.btn-pos-bottom { margin-top: 48px; } .ube-breadcrumbs { font-size: 15px; color: var(--g5-color-text-main); } .ube-breadcrumbs a { -webkit-transition: color 0.3s; transition: color 0.3s; } .ube-breadcrumbs a:hover, .ube-breadcrumbs .active { color: var(--g5-color-dark); } .ube-breadcrumbs .breadcrumb-item + .breadcrumb-item::before { margin: 0 15px; color: #9b9b9b; font-size: 0; width: 28px; height: 1px; background-color: currentColor; content: ""; } .ube-breadcrumbs .breadcrumb-item + .breadcrumb-item { padding-left: 0; } .ube-marker-wrapper .tooltip-inner { padding: 16px 14px 21px 16px; background-color: #fff; } .ube-marker-wrapper .tooltip-inner h4, .ube-marker-wrapper .tooltip-inner p { font-size: 15px; color: var(--g5-color-heading); } .ube-marker-wrapper .tooltip-inner h4 { margin-bottom: 4px; } .ube-marker-wrapper .bs-tooltip-top .arrow::before { border-top-color: #fff; } .ube-marker-wrapper .bs-tooltip-bottom .arrow::before { border-bottom-color: #fff; } .ube-marker-wrapper .tooltip { width: 175px; } .ube-marker-wrapper .ube-image-pointer { width: 25px; height: 25px; border-radius: 50%; background-color: var(--g5-color-heading); } .ube-marker-wrapper .ube-image-pointer .ube-pointer-icon { color: #fff; font-size: 10px; } @media (max-width: 991px) { .custom-el-image-marker .ube-marker-wrapper, .custom-vc-image-marker { height: 600px; } .custom-el-image-marker .ube-marker-wrapper > img, .custom-vc-image-marker > img { -o-object-fit: cover; object-fit: cover; height: 100%; } } .ube-slider-dot-position-inset .slick-dots { bottom: 30px; } @media (max-width: 767px) { .ube-slider-dot-position-inset .slick-dots { bottom: 10px; } } @media (min-width: 1200px) { .custom-slider-width-1440 .ube-slider-item .container, .custom-slider-width-1440 .elementor-section-boxed > .elementor-container { max-width: 95% !important; } } @media (min-width: 1440px) { .custom-slider-width-1440 .ube-slider-item .container, .custom-slider-width-1440 .elementor-section-boxed > .elementor-container { max-width: 1440px !important; } } .ube-nav .nav-link { background-color: var(--ube-bullet-nav-color); } .ube-nav .nav-link:before { border: 1px solid var(--ube-bullet-nav-color); } .slick-current .ube-client-logo-hover-opacity { opacity: 1 !important; } .order-1 { --order: 1; } .order-2 { --order: 2; } .order-3 { --order: 3; } .custom-el-col-01 > .elementor-widget-wrap, .custom-el-col-02 > .elementor-widget-wrap { -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; width: auto; } .custom-el-col-01 > .elementor-widget-wrap > .elementor-element, .custom-el-col-02 > .elementor-widget-wrap > .elementor-element { margin-left: 20px; margin-right: 20px; box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.08); } .el-widget-no-mg .elementor-widget:not(:last-child) { margin-bottom: 0; } .custom-el-col-01 > .elementor-widget-wrap { margin-left: -92px; margin-right: -92px; } .custom-el-col-02 > .elementor-widget-wrap { margin-right: -355px; margin-left: -355px; margin-bottom: -180px; } .el-widget-no-pt .elementor-widget:not(:last-child) { margin-bottom: 0; } @media (max-width: 1600px) and (min-width: 1025px) { .custom-heading-xl .ube-heading-title { font-size: 40px; } .custom-pd-cta-xl .elementor-widget-container { padding: 0 !important; } } @media (max-width: 1600px) and (min-width: 1025px) { .custom-heading-xl .elementor-widget-container { padding-top: 15px !important; } } .custom-elementor-icon .elementor-icon { border-color: rgba(0, 0, 0, 0.19) !important; } @media (max-width: 1024px) { .order-mobile-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-mobile-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-mobile-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media (min-width: 768px) { .order-md-1 { --order: 1; } .order-md-2 { --order: 2; } .order-md-3 { --order: 3; } body.admin-bar .custom-height-full-top-bar.elementor-section-height-full { height: calc(100vh - 32px); } .custom-col-stretched-right { position: absolute; height: 100%; top: 0; width: 50vw !important; right: 50%; margin-right: -50vw; } } @media (min-width: 1025px) { .custom-col-stretched-right { width: 60vw !important; right: 60%; margin-right: -60vw; } .el-order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .el-order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .custom-elementor-wrap-20 .elementor-container { -ms-flex-wrap: wrap; flex-wrap: wrap; } .custom-elementor-wrap-20 .elementor-column { width: 20%; } .custom-elementor-wrap-100 .elementor-container { -ms-flex-wrap: wrap; flex-wrap: wrap; } .custom-elementor-wrap-100 .elementor-column { width: 100%; } .custom-elementor-wrap-33 .elementor-container { -ms-flex-wrap: wrap; flex-wrap: wrap; } .custom-elementor-wrap-33 .elementor-column { width: 33.33%; } .custom-gap-lg-mg--30 > .elementor-column-gap-custom { margin: -30px; } } @media (min-width: 1200px) { .elementor-container-xl-static > .elementor-container { position: static; } } @media (max-width: 1199px) { .custom-elementor-xl-wrap-100 .elementor-container { -ms-flex-wrap: wrap; flex-wrap: wrap; } .custom-elementor-xl-wrap-100 .elementor-column { width: 100%; } } .custom-col-el .elementor-widget-wrap { -ms-flex-flow: wrap; flex-flow: wrap; } .custom-col-el .elementor-widget-wrap > .elementor-element { width: auto; } @media (min-width: 1600px) { .custom-col-el .elementor-widget-wrap { -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 1600px) { .custom-col-el .elementor-widget-wrap > .elementor-element { -ms-flex: calc(33.33% - 38px); flex: calc(33.33% - 38px); } } @media (max-width: 1200px) { .custom-el-col-02 > .elementor-widget-wrap { margin-bottom: -105px; margin-right: -100px; margin-left: -100px; } .custom-el-col-01 > .elementor-widget-wrap, .custom-el-col-02 > .elementor-widget-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .custom-el-col-01 > .elementor-widget-wrap > .elementor-element, .custom-el-col-02 > .elementor-widget-wrap > .elementor-element { margin-left: 15px; margin-right: 15px; } } @media (max-width: 991px) { .custom-col-el .elementor-widget-wrap > .elementor-element { -ms-flex: calc(50% - 26px); flex: calc(50% - 26px); } .custom-el-col-02 > .elementor-widget-wrap { margin-bottom: 0; } } @media (max-width: 767px) { .custom-el-col-01 > .elementor-widget-wrap, .custom-el-col-02 > .elementor-widget-wrap { margin-left: 0; margin-right: 0; -ms-flex-direction: column; flex-direction: column; } .custom-el-col-01 > .elementor-widget-wrap > .elementor-element, .custom-el-col-02 > .elementor-widget-wrap > .elementor-element { margin-bottom: 30px; } } @media (max-width: 576px) { .custom-col-el .elementor-widget-wrap > .elementor-element { -ms-flex: 100%; flex: 100%; } } @media (max-width: 1199px) and (min-width: 1024px) { .custom-lg-section-w100 > .elementor-container { max-width: 100% !important; } .custom-lg-image-layer-static-ml-0 .ube-image.static-layer > .layer-content { margin-left: 0 !important; } } /*-------------------------------------------------------------- ## Layout --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Site layout style --------------------------------------------------------------*/ #site-wrapper { background-color: #fff; } #primary-content { padding: var(--g5-content-padding-top) 0 var(--g5-content-padding-bottom) 0; } #sidebar { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-left: 25px; } #sidebar.order-lg-first { padding-right: 25px; padding-left: 15px; } body:not(.has-sidebar) #main-content { margin-left: auto; margin-right: auto; } body.has-sidebar #main-content { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } body.single-post.no-sidebar #main-content { -ms-flex: 0 0 900px; flex: 0 0 900px; max-width: 900px; } @media only screen and (min-width: 1200px) { .container { max-width: 1200px; } } @media only screen and (max-width: 1199px) { body.single-post.no-sidebar #main-content { -ms-flex: 0 0 900px; flex: 0 0 900px; max-width: 900px; } } @media only screen and (max-width: 991px) { #main-content { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } #sidebar { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; margin-top: 50px; padding-left: 15px; padding-right: 15px; } } @media (min-width: 1200px) { body.g5core__stretched_content #sidebar { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } body.g5core__stretched_content.has-sidebar #main-content { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } @media (min-width: 1200px) { .g5core__vc-width-1200 { width: 1200px; margin-left: auto !important; margin-right: auto !important; } .g5core__el-width-1200.elementor-section.elementor-section-boxed > .elementor-container { max-width: 1200px !important; } .g5core__el-width-1440.elementor-section.elementor-section-boxed > .elementor-container { max-width: 95%; } } @media (min-width: 1440px) { :root { --g5-layout-stretched-width: 1440px; } .g5core__el-width-1440.elementor-section.elementor-section-boxed > .elementor-container, .g5core__el-width-1440 .ube-slider .ube-slider-box > .container { max-width: 1440px !important; } } @media (min-width: 1650px) { .g5core__vc-width-1650 { max-width: 1650px !important; margin-left: auto !important; margin-right: auto !important; } .g5core__el-width-1650.elementor-section.elementor-section-boxed > .elementor-container { max-width: 1650px !important; } } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ .site-header { min-height: var(--g5-header-height); background-color: var(--g5-header-bg-color); color: var(--g5-header-text-color); } .site-header .site-navigation { display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-pack: center; justify-content: center; } .site-header .site-navigation .site-menu { -ms-flex-item-align: center; align-self: center; } .site-header .site-navigation + .search-form-wrapper { margin-left: 1.5rem; } .site-header .toggle-icon:hover { color: var(--g5-header-text-hover-color); } .site-header .search-form-wrapper { -ms-flex-item-align: center; align-self: center; margin-bottom: 0; margin-left: auto; } .site-header .search-form-wrapper > span { cursor: pointer; margin-bottom: 0; line-height: 1; display: -ms-flexbox; display: flex; font-size: 20px; } .site-header .search-form-wrapper > span:hover { color: var(--g5-header-text-hover-color); } .site-header .search-form-wrapper .search-form { position: absolute; display: none; right: 0; top: 100%; z-index: 1099; background-color: #fff; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); } .site-header .search-form-wrapper .search-form input { width: 210px; border: none; font-size: 0.875rem; background-color: transparent; padding: 0 20px; } .site-header .search-form-wrapper .search-form button { display: none; } .site-header .menu-toggle-button { display: none; position: absolute; top: calc((var(--g5-header-mobile-height) - 30px) * 0.5); left: 0; } .site-header-content { width: 100%; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu-horizontal { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu-horizontal > .menu-item { display: -ms-flexbox; display: flex; } .menu-horizontal > .menu-item + .menu-item { margin-left: var(--g5-menu-spacing); } .menu-horizontal > .menu-item > .sub-menu { top: 100%; left: 0; } .menu-horizontal > .menu-item > a { display: block; font-family: var(--g5-menu-font); font-weight: var(--g5-menu-font-weight); font-size: var(--g5-menu-font-size); line-height: var(--g5-menu-line-height); padding: calc((var(--g5-header-height) - var(--g5-menu-line-height)) * 0.5) 0; color: inherit; text-decoration: none; -webkit-transition: width 0.3s, padding 0.5s; transition: width 0.3s, padding 0.5s; letter-spacing: var(--g5-menu-letter-spacing); text-transform: var(--g5-menu-text-transform); font-style: var(--g5-menu-font-style); } .menu-horizontal > .menu-item > a:before { content: ""; position: absolute; height: 1px; bottom: 35px; left: 0; right: 0; background-color: var(--g5-header-text-hover-color); -webkit-transition: transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1); } .menu-horizontal > .menu-item > a:focus { outline: none; } .menu-horizontal > .menu-item.current-menu-ancestor:not(.menu-item-type-taxonomy) > a:before, .menu-horizontal > .menu-item.current-menu-parent:not(.menu-item-type-taxonomy) > a:before, .menu-horizontal > .menu-item.current-menu-item > a:before, .menu-horizontal > .menu-item.menu-current > a:before, .menu-horizontal > .menu-item:hover > a:before, .menu-horizontal > .menu-item:focus > a:before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .menu-horizontal .menu-item { position: relative; } .menu-horizontal .menu-item.x-active > .sub-menu, .menu-horizontal .menu-item:hover > .sub-menu { display: block; } .menu-horizontal .menu-item-has-children > a .caret { margin-left: 3px; line-height: 1; letter-spacing: 0; font-size: 12px; font-weight: 400; } .menu-horizontal .menu-item-has-children > a .caret:before { content: "\f107"; font-family: var(--g5-font-icon); } .menu-horizontal .sub-menu { display: none; position: absolute; left: 100%; top: 0; min-width: 230px; list-style: none; padding: 15px 0; margin: 0; background-color: var(--g5-submenu-bg-color); color: var(--g5-submenu-text-color); z-index: 1099; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); } .menu-horizontal .sub-menu .menu-item > a { display: block; padding: 7px 15px 7px 30px; font-family: var(--g5-submenu-font); font-size: var(--g5-submenu-font-size); line-height: var(--g5-submenu-line-height); font-style: var(--g5-submenu-font-style); font-weight: var(--g5-submenu-font-weight); text-transform: var(--g5-submenu-text-transform); position: relative; color: inherit; -webkit-transition: all 0.3s; transition: all 0.3s; } .menu-horizontal .sub-menu .menu-item:hover > a { background-color: var(--g5-submenu-bg-hover-color); color: var(--g5-submenu-text-hover-color); } .menu-horizontal .sub-menu .menu-item.menu-current > a, .menu-horizontal .sub-menu .menu-item.current-menu-parent > a, .menu-horizontal .sub-menu .menu-item.current-menu-ancestor > a, .menu-horizontal .sub-menu .menu-item.current-menu-item > a { background-color: var(--g5-submenu-bg-hover-color); color: var(--g5-submenu-text-hover-color); } .menu-horizontal .sub-menu .menu-item-has-children > a .caret { float: right; } .menu-horizontal .sub-menu .menu-item-has-children > a .caret:before { content: "\f105"; } .site-branding { padding: 8px 2rem 8px 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: var(--g5-header-height); } .site-branding .site-description { display: none; margin: 0; } .site-branding.has-logo .site-title, .site-branding.has-logo .site-branding-text { display: none; } .site-branding .custom-logo-link img { display: block; max-height: calc(var(--g5-header-height) - 16px); width: auto; } .site-branding-text .site-title { font-size: 34px; text-transform: uppercase; margin-bottom: 0; color: var(--g5-color-heading); font-weight: 600; } .site-branding-text .site-title a { color: inherit; } @media (min-width: 1200px) { .custom-sub-menu-stretched_content > .sub-menu > .x-is-mega-menu { max-width: 95%; margin: 0 auto; } } @media (min-width: 1850px) { .custom-sub-menu-stretched_content > .sub-menu > .x-is-mega-menu { max-width: 1850px; } } @media only screen and (max-width: 991px) { .site-header { min-height: var(--g5-header-mobile-height); } .site-header .menu-toggle-button { display: -ms-flexbox; display: flex; } .site-branding { margin: auto; padding: 8px 0; height: var(--g5-header-mobile-height); } .site-header .site-navigation { display: none; width: 100%; border-top: solid 1px var(--g5-color-border); -ms-flex: 0 0 100%; flex: 0 0 100%; } .site-header .search-form-wrapper { position: absolute; top: 0; right: 0; font-size: 20px; padding: calc((var(--g5-header-mobile-height) - 20px) * 0.5) 0; } .site-menu { margin: 0.5rem 0; } .site-menu .menu-horizontal { display: block; } .site-menu .menu-horizontal .menu-item { display: block; } .site-menu .menu-horizontal .menu-item + .menu-item { margin-left: 0; } .site-menu .menu-horizontal .menu-item > a { padding: 0.625rem 0; font-size: var(--g5-font-size-menu-mobile); } .site-menu .menu-horizontal .menu-item > a:before { display: none; } .site-menu .menu-horizontal .menu-item:hover .sub-menu { display: none; } .site-menu .menu-horizontal .menu-item-has-children > a .caret { position: absolute; top: 0; right: 0; padding: 0.625rem 0.75rem; } .site-menu .menu-horizontal .menu-item-has-children > a .caret:before { content: "\f105"; } .site-menu .menu-horizontal .menu-item-has-children > a .caret.in:before { content: "\f107"; } .site-menu .menu-horizontal .sub-menu { position: static; border: none; padding: 0 0 0 1.5rem; box-shadow: none; } .site-menu .menu-horizontal .sub-menu .menu-item { border-bottom: none; } .site-menu .menu-horizontal .sub-menu .menu-item > a { text-transform: none; padding: 0.5rem 0; font-size: var(--g5-font-size-menu-mobile); } } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ .site-footer { padding: 3rem 0; background-color: #f6f6f6; color: #7c7c7c; } .site-info { text-align: center; } .site-info .privacy-policy-link + .powered-by:before { content: " - "; } .site-info a, .site-info span { font-size: 0.875rem; text-transform: uppercase; font-weight: 700; } .site-info a { color: var(--g5-color-heading); } .site-info a:hover { color: inherit; } .footer-section { color: #7c7c7c; } .footer-section h4.widget-title { font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 25px; } .footer-section .widget { margin-bottom: 0; } .footer-primary { background-color: var(--g5-color-primary); color: #fff; } .footer-primary .gel-list .gel-list-item a:hover, .footer-primary .ube-list-icon.list-unstyled .list-icon-item a:hover { color: inherit; border-color: currentColor; } .footer-primary .gel-heading-title, .footer-primary .ube-heading-title, .footer-primary .ube-heading-description, .footer-primary .ube-social-icons.ube-social-classic li { color: inherit; } .payment-cart .wpb_wrapper { display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -ms-flex-pack: end; justify-content: flex-end; } .payment-cart .wpb_wrapper > .wpb_single_image { margin-bottom: 0; } .payment-cart .wpb_wrapper > .wpb_single_image + .wpb_single_image { margin-left: 15px; } @media (max-width: 991px) { .payment-cart .wpb_wrapper { -ms-flex-pack: start; justify-content: flex-start; } } .payment-cart-elementor .elementor-widget-wrap { display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -ms-flex-pack: end; justify-content: flex-end; } .payment-cart-elementor .elementor-widget-wrap > .elementor-widget-image { margin-bottom: 0; width: auto; } .payment-cart-elementor .elementor-widget-wrap > .elementor-widget-image + .elementor-widget-image { margin-left: 15px; } @media (max-width: 991px) { .payment-cart-elementor-md-left .elementor-widget-wrap { -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 767px) { .payment-cart-elementor .elementor-widget-wrap { -ms-flex-pack: start; justify-content: flex-start; } } /*-------------------------------------------------------------- ## Page title --------------------------------------------------------------*/ .page-header { padding: 58px 0; background-color: #fff; } .page-header .page-sub-title, .page-header .page-main-title { text-align: center; } .page-main-title { font-size: 40px; font-weight: 600; margin-bottom: 0; line-height: 1.3; word-break: break-word; color: var(--g5-color-heading); } .page-sub-title { margin-top: 15px; } .page-sub-title p { margin: 0; } .breadcrumbs-wrap { background-color: #f5f5f5; padding: 13px 0; } ul.breadcrumbs { margin: 0; padding: 0; font-size: 15px; list-style: none; color: #7E7E7E; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } ul.breadcrumbs li { margin: 0; } ul.breadcrumbs li:nth-child(1):before { content: "\f015"; font-family: var(--g5-font-icon); font-weight: 700; margin-right: 9px; color: var(--g5-color-dark); } ul.breadcrumbs li.breadcrumb-sep { margin: 0 15px; color: #9b9b9b; font-size: 0; width: 28px; height: 1px; background-color: currentColor; } ul.breadcrumbs li.breadcrumb-sep:last-child { display: none !important; } ul.breadcrumbs li a { color: inherit; -webkit-transition: color 0.3s; transition: color 0.3s; } ul.breadcrumbs li a:hover { color: var(--g5-color-dark); } ul.breadcrumbs li.breadcrumb-leaf { color: var(--g5-color-dark); } /*-------------------------------------------------------------- ## WP core --------------------------------------------------------------*/ /* =WordPress Core -------------------------------------------------------------- */ .bypostauthor { display: block; } .alignnone { margin: 0.375rem 1.5rem 1.5rem 0; } .aligncenter { margin: 1.5rem auto 1.5rem auto; } img.aligncenter { display: block; } .alignright { float: right; margin: 0.375rem 0 1.5rem 1.25rem; } .alignleft { float: left; margin: 0.375rem 1.25rem 1.5rem 0; } .wp-caption { max-width: 100%; /* Image does not overflow the content area */ text-align: center; } dl.wp-caption.alignnone { margin: 0.375rem 1.25rem 1.5rem 0; } dl.wp-caption.alignleft { margin: 0.375rem 1.25rem 1.5rem 0; } dl.wp-caption.alignright { margin: 0.375rem 0 1.5rem 1.25rem; } .wp-caption img { border: 0 none; height: auto; margin: 0; padding: 0; width: auto; } .wp-caption .wp-caption-text { font-size: 0.875rem; margin-top: 0.25rem; color: var(--g5-color-gray); } .wp-block-separator { border-bottom: solid 2px; border-color: var(--g5-color-border); border-top: 0; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Galleries */ .gallery-item { display: inline-block; text-align: left; vertical-align: top; margin: 0 0 1.5em; padding: 0 1em 0 0; width: 50%; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .gallery-item a, .gallery-item a:hover, .gallery-item a:focus { -webkit-box-shadow: none; box-shadow: none; background: none; display: inline-block; max-width: 100%; } .gallery-item a img { display: block; -webkit-transition: -webkit-filter 0.2s ease-in; transition: -webkit-filter 0.2s ease-in; transition: filter 0.2s ease-in; transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gallery-item a:hover img, .gallery-item a:focus img { -webkit-filter: opacity(60%); filter: opacity(60%); } .gallery-caption { display: block; text-align: left; padding: 0 0.75rem 0 0; margin-bottom: 0; } .slick-dots { margin-top: 15px; } .slick-dots li { color: var(--g5-color-heading); margin: 0; line-height: 1; opacity: 1; } .slick-dots span:before { font-size: 8px; } .slick-dots li.slick-active span:before { font-size: 16px; font-weight: 300; content: "\f111"; } .slick-arrow { border: 2px solid var(--g5-color-border); border-radius: 50%; position: absolute; top: 50%; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 48px; height: 48px; line-height: 48px; -webkit-transition: all 0.3s; transition: all 0.3s; } .slick-arrow i { font-size: 20px; font-weight: 400; color: var(--g5-color-muted); } .slick-arrow i:before { font-family: var(--g5-font-icon-primary); } .slick-arrow:hover { border-color: transparent; -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); } .slick-arrow:hover i { color: var(--g5-color-heading); } .slick-arrow.slick-prev { left: -60px; } .slick-arrow.slick-prev i:before { content: "\efbd"; } .slick-arrow.slick-next { right: -60px; } .slick-arrow.slick-next i:before { content: "\efbe"; } .slick-arrow.slick-disabled { opacity: 1; } .g5element__products-slider .slick-dots, .elementor-widget-ube-g5-products-slider .slick-dots { margin-top: 30px; } @media (min-width: 1200px) { .custom-slick-01.g5element__products-slider, .custom-slick-01 .elementor-widget-container { margin-left: calc((-100% - 1440px) / 2); margin-right: calc((-100% - 1440px) / 2); } .custom-slick-01.g5element__products-slider .slick-arrow, .custom-slick-01 .elementor-widget-container .slick-arrow { position: static; -webkit-transform: none; transform: none; } .custom-slick-01.g5element__products-slider .slick-arrow.slick-prev, .custom-slick-01 .elementor-widget-container .slick-arrow.slick-prev { margin-right: 15px; } .custom-slick-01.g5element__products-slider .slick-arrows, .custom-slick-01 .elementor-widget-container .slick-arrows { position: absolute; top: -124px; right: 34%; } .custom-slick-01.g5element__products-slider .slick-list, .custom-slick-01 .elementor-widget-container .slick-list { padding-left: calc((100% - 1440px) / 2); padding-right: calc((100% - 1440px) / 2); } .custom-slick-01.g5element__products-slider .slick-dots, .custom-slick-01 .elementor-widget-container .slick-dots { display: none !important; } } @media (max-width: 1199px) { .custom-slick-01 .slick-arrows { display: none; } } @media (max-width: 1570px) { .custom-slider-arrow-dots .slick-arrows { display: none !important; } } @media (min-width: 1571px) { .custom-slider-arrow-dots .slick-dots { display: none !important; } } button.mfp-close { padding-bottom: 5px; } .g5core-back-to-top:focus, .g5core-back-to-top:hover { text-decoration: none; color: var(--g5-color-accent-foreground); background-color: var(--g5-color-accent); } .g5core__paging.next-prev > a { width: 48px; height: 48px; line-height: 48px; border-color: var(--g5-color-border); } .g5core__paging.next-prev > a:not(.disable):hover { background-color: var(--g5-color-accent); color: var(--g5-color-accent-foreground); border-color: var(--g5-color-accent); } .g5core__cate-filer { border: none; padding-bottom: 0; } .g5core__cate-filer > li > a { font-size: 20px; -webkit-transition: color 0.3s; transition: color 0.3s; position: relative; font-weight: 600; } .g5core__cate-filer > li > a:before { content: ""; position: absolute; height: 1px; background-color: var(--g5-cate-filter-color-hover); width: 0; bottom: -2px; -webkit-transition: width 0.3s; transition: width 0.3s; } .g5core__cate-filer > li > a:hover:before { width: 100%; } .g5core__cate-filer > li.active > a:before { width: 100%; } [data-items-wrapper] .g5core__cate-filer { margin-bottom: 60px; } .custom-cate-filer .g5core__cate-filer li a:hover, .custom-cate-filer .g5core__cate-filer li a:active, .custom-cate-filer .g5core__cate-filer li a.active { opacity: 1; } .custom-cate-filer .g5core__cate-filer > li + li { margin-left: 75px; } .custom-cate-filer .g5core__cate-filer > li > a { color: var(--g5-color-heading); opacity: 0.3; font-size: 40px; } .custom-cate-filer .g5core__cate-filer > li > a:before { content: none; } .custom-cate-filer .g5core__cate-filer > li.active > a { opacity: 1; } .custom-cate-filer [data-items-wrapper] .g5core__cate-filer { margin-bottom: 45px; } .g5core__cate-filer-lg .g5core__cate-filer > li > a { font-family: var(--g5-display-2-font); font-weight: 400; font-size: 30px; } .g5core__cate-filer-lg .g5core__cate-filer > li > a:before { display: none; } @media (min-width: 992px) { .g5core__cate-filer-lg .g5core__cate-filer > li > a { font-size: 40px; } .g5core__cate-filer-lg .g5core__cate-filer > li + li { margin-left: 88px; } } @media (max-width: 767px) { .g5core__cate-filer > li + li { margin-left: 30px; } } .g5core__share-label { color: var(--g5-color-heading); font-weight: 600; margin: 0 15px 0 0; } ul.g5core__share-list { color: var(--g5-color-heading); font-size: 18px; } ul.g5core__share-list li { margin-right: 20px; } .g5core-page-title-default { background-color: #fff; text-align: center; } .g5core-page-title-default .page-title-inner { padding: 58px 0; } .g5core-page-title-default .page-title-content { margin: auto; width: 100%; } .g5core-page-title-default .page-sub-title { font-size: 18px; margin: 20px auto 0 auto; } .g5core-breadcrumbs { margin: 0; padding: 0; font-size: 15px; list-style: none; color: #7E7E7E; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .g5core-breadcrumbs li { margin: 0; } .g5core-breadcrumbs li:hover, .g5core-breadcrumbs li.breadcrumb-leaf { color: var(--g5-color-dark); } .g5core-breadcrumbs li:nth-child(1):before { content: "\f015"; font-family: var(--g5-font-icon); font-weight: 700; margin-right: 9px; color: var(--g5-color-dark); } .g5core-breadcrumbs li.breadcrumb-sep { margin: 0 15px; color: #9b9b9b; font-size: 0; width: 28px; height: 1px; background-color: currentColor; } .g5core__single-breadcrumbs { background-color: #f5f5f5; padding: 12px 0; } .g5core__single-breadcrumbs .g5core-breadcrumbs { -ms-flex-pack: center; justify-content: center; } .g5shop__single-breadcrumbs + #primary-content { padding-top: 80px; } .g5core-header-inner { min-height: var(--g5-header-height); } .g5core-site-branding { padding: 0 2rem 0 0; } .g5core-site-branding.logo-center { padding: 0 4.4rem; } .sticky-area-wrap.sticky .sticky-area .g5core-header-inner { min-height: var(--g5-header-sticky-height); } .sticky-area-wrap.sticky .sticky-area .menu-horizontal > .menu-item > a { padding-top: calc((var(--g5-header-sticky-height) - 26px) * 0.5); padding-bottom: calc((var(--g5-header-sticky-height) - 26px) * 0.5); } .sticky-area-wrap.sticky .sticky-area .menu-horizontal > .menu-item > a:before { bottom: 25px; } .g5core-header-navigation .g5core-header-inner { min-height: 60px; } .g5core-header-navigation .menu-horizontal > .menu-item > a { padding-top: 17px; padding-bottom: 17px; } .g5core-header-navigation .menu-horizontal > .menu-item > a:before { bottom: 16px; } body.g5core-is-header-vertical-left.g5core-is-header-vertical-mini { padding-left: 155px; } .g5core-header-above .g5core-header-inner, .g5core-header-bellow .g5core-header-inner { min-height: 100px; } .g5core-header-desktop-wrapper .x-mega-sub-menu .gel-heading-title, .g5core-header-desktop-wrapper .x-mega-sub-menu .ube-heading-title { font-weight: 600; font-size: 18px; letter-spacing: 0; } .g5core-header-desktop-wrapper .x-mega-sub-menu .gel-heading-title { margin-bottom: 20px; } .g5core-header-desktop-wrapper .x-mega-sub-menu .ube-heading-title { margin-bottom: 0; } .g5core-header-desktop-wrapper .x-mega-sub-menu .gel-list .item-list:not(:last-child) { padding-bottom: 6px; } .g5core-header-desktop-wrapper .x-mega-sub-menu .gel-list .item-list:not(:first-child) { padding-top: 6px; } .g5core-header-desktop-wrapper .x-mega-sub-menu .ube-list-icon .list-icon-item:not(:last-child) { padding-bottom: 5px; } .g5core-header-desktop-wrapper .x-mega-sub-menu .ube-list-icon .list-icon-item:not(:first-child) { padding-top: 5px; } .g5core-header-desktop-wrapper .x-mega-sub-menu .ube-list-icon.list-unstyled .list-icon-item:not(:first-child) { margin-top: 5px; } .g5core-site-header:not(.header-float):not(.header-border-bottom) { -webkit-box-shadow: none; box-shadow: none; } .g5core-search-button a { border: none; width: auto; padding: 0; } .g5core-search-button i { font-size: 28px; } .g5core-search-button span { padding-left: 13px; font-weight: 500; color: var(--g5-color-text-main); } .g5core-search-button .fa-search:before { content: "\f0da"; } .g5core-login-button i { color: var(--g5-color-heading); } .g5core-login-button span { font-size: 13px; font-weight: 600; text-transform: uppercase; } .g5core-header-customize-item + .g5core-header-customize-item { margin-left: 2.25rem; } .g5core-header-customize ul.g5core-social-networks.g5core-social-networks li { margin-top: 0; margin-bottom: 0; } .g5core-header-customize ul.g5core-social-networks.g5core-social-networks a { color: inherit; background-color: transparent; border-width: 0; width: auto; font-size: 14px; font-weight: 400; } .g5core-header-customize ul.g5core-social-networks.g5core-social-networks a i { color: inherit; } .g5core-header-customize ul.g5core-social-networks.g5core-social-networks li + li { margin-left: 1.5rem; } .g5core-header-customize:not(.no-items) + .g5core-menu-popup-button, .g5core-header-customize:not(.no-items) + .g5core-primary-menu, .g5core-menu-popup-button + .g5core-header-customize:not(.no-items), .g5core-primary-menu + .g5core-header-customize:not(.no-items) { margin-left: 50px; } .g5core-hc-search-box .g5core-search-form button { font-size: 20px; } .g5core-hc-search-box .g5core-search-form button i { color: var(--g5-color-heading); font-weight: 400; } .g5core-hc-search-box .g5core-search-form input[type=search] { font-weight: 500; min-width: 270px; border-width: 2px; border-radius: 5px; } .g5shop__header-action-my-account .fa-user:before { content: "\f1de"; } .g5shop__mini-cart .fa-shopping-cart:before { content: "\f171"; } .g5shop__header-action-wishlist .fa-heart:before { content: "\f1a1"; } .g5shop_header-action-icon a i { font-size: 28px; } .g5shop_header-action-icon a > span { font-size: 13px; width: 18px; height: 18px; line-height: 18px; top: -3px; right: -8px; } .g5shop_header-action-icon i, .g5core-search-button i { font-weight: 400; } .g5shop_header-action-icon i:before, .g5core-search-button i:before { font-family: var(--g5-font-icon-primary); } .custom-top-bar-01 .g5core-top-bar-inner { min-height: 40px; -ms-flex-pack: center; justify-content: center; } .custom-top-bar-02 .g5core-top-bar-left { width: 100%; min-height: 40px; -ms-flex-pack: justify; justify-content: space-between; } .custom-header-01 .g5core-header-desktop-wrapper .g5core-header-above { margin-bottom: -25px; } .g5core-site-branding.logo-center { padding: 0 60px; } .custom-header-02 .g5core-header-above .g5core-header-inner { min-height: 56px; } .custom-header-02 .g5core-site-branding.logo-center { position: relative; bottom: -68px; z-index: 3; } .custom-header-02 .g5core-header-navigation .g5core-header-inner { min-height: 84px; } .custom-header-02 .g5core-search-form input[type=search] { min-width: 487px; background-color: #f5f5f5; border: 0; padding-left: 57px; } .custom-header-02 .g5core-search-form button { left: 0; right: auto; padding-left: 21px; } .custom-header-02 .g5core-top-bar-left, .custom-header-02 .g5core-top-bar-item { width: 100%; } .custom-header-02 .g5core-top-bar .container { max-width: 100%; padding: 0; } .custom-header-02 .g5core-top-bar .space { height: 40px; display: block; } .custom-header-03 .sticky-area-wrap:not(.sticky) { margin-top: -16px; margin-bottom: 20px; } .custom-header-03 .btn, .custom-header-03 .dropdown-item { font-size: 15px; font-weight: 500; } .custom-header-04 .g5core-top-bar .g5core-top-bar-left { width: 100%; display: block; } .custom-header-04 .g5core-top-bar .top-bar-info { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; min-height: 40px; } .custom-header-04 .g5core-top-bar .top-bar-social i { font-weight: 400; } .custom-header-04 .g5core-top-bar .btn, .custom-header-04 .g5core-top-bar .dropdown-item { font-size: 15px; font-weight: 500; } .custom-header-04 .g5core-top-bar .dropdown-menu.show { min-width: 100px; } .custom-header-04 .g5core-top-bar i { margin-right: 10px; } .custom-header-04 .g5core-top-bar span + span { margin-left: 25px; } .top-bar-social-inherit .g5core-tbi-social-networks a { color: inherit !important; } .custom-header-white .g5core-search-button span { color: #fff; } .custom-header-white .menu-horizontal > .menu-item > a:before { background-color: currentColor; } .custom-header-white .g5shop_header-action-icon a > span { background-color: var(--g5-color-dark-foreground); color: var(--g5-color-dark); } .custom-header-white .sticky .g5core-search-button span { color: var(--g5-color-text-main); } .custom-header-white .sticky .g5shop_header-action-icon a > span { background-color: var(--g5-color-dark); color: var(--g5-color-dark-foreground); } .custom-header-hide-text-search .g5core-search-button span { display: none; } .top-bar-dropdown .btn, .top-bar-dropdown .dropdown-item { font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em; } .top-bar-dropdown .dropdown + .dropdown, .custom-header-03 .dropdown + .dropdown { margin-left: 28px; } .top-bar-dropdown .dropdown-item, .custom-header-03 .dropdown-item { font-weight: 600; } .top-bar-dropdown .dropdown-menu.show, .custom-header-03 .dropdown-menu.show { min-width: 100px; } @media (min-width: 1368px) { .custom-xl-menu-space-60 .menu-horizontal.x-nav-menu > .menu-item + .menu-item { margin-left: 60px; } } @media (min-width: 1200px) { .custom-header-full-width .g5core-header-desktop-wrapper .container, .custom-header-full-width-02 .g5core-header-desktop-wrapper .container { max-width: 1850px !important; } .custom-header-full-width-02 .g5core-header-inner { padding-left: 95px; } .custom-header-full-width-03 .g5core-header-desktop-wrapper .container { max-width: 1730px !important; } .custom-header-full-width-04 .g5core-header-desktop-wrapper .container { max-width: 1650px !important; } } .g5core-mobile-header .g5core-search-button span, .custom-search-button-hidden .g5core-search-button span { display: none; } .g5core-menu-mobile .main-menu .menu-item > a { font-size: var(--g5-font-size-menu-mobile); } .g5core-menu-mobile .main-menu .x-mega-sub-menu .ube-heading-title, .g5core-menu-mobile .main-menu .x-mega-sub-menu .gel-heading-title { font-size: var(--g5-font-size-menu-mobile); } .g5core-menu-mobile .main-menu .x-mega-sub-menu .ube-list-icon .list-icon-item, .g5core-menu-mobile .main-menu .x-mega-sub-menu .gel-list .gel-list-item { font-size: var(--g5-font-size-menu-mobile); } .g5core-menu-mobile .g5core-search-form input[type=search] { padding: 0 2rem 0 1rem; } .g5core-menu-mobile .g5core-search-form button { padding: 0 1rem; } .g5core-top-bar .g5core-social-networks a { font-size: 14px; font-weight: 500; } .g5core-top-bar .g5core-social-networks li + li { margin-left: 8px; } /*-------------------------------------------------------------- ## WP block --------------------------------------------------------------*/ .wp-block-table th, .wp-block-table td { border-color: var(--g5-color-border); padding: 0.4rem; } .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { border-color: transparent; } .wp-block-table thead th { border-bottom-width: 2px; } .wp-block-pullquote blockquote { padding: 0; background-color: transparent; margin-top: 0 !important; margin-bottom: 0; } .wp-block-pullquote blockquote:before { display: none; } .wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote .wp-block-pullquote__citation { font-size: 12px; color: inherit; margin-top: 1em; } .wp-block-pullquote.is-style-solid-color blockquote cite { text-transform: uppercase; } .wp-block-quote { border-left: none; max-width: 670px; margin-left: auto; margin-right: auto; margin-bottom: 1.5rem; padding-left: 0; } .wp-block-quote cite, .wp-block-quote footer, .wp-block-quote .wp-block-quote__citation { font-size: 12px; color: inherit; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { margin-bottom: 1.5rem; padding: 0; } .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { font-size: 28px; font-style: normal; line-height: 1.58; } .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-large .wp-block-quote__citation { text-align: center; font-size: 14px; } .wp-block-quote.has-text-align-right { border-right: none; padding-right: 0; max-width: 100%; text-align: right; } .wp-block-cover-image, .wp-block-cover { margin-bottom: 1.5rem; color: #f8f9f9; } .wp-block-cover-image p, .wp-block-cover p { margin-bottom: 0; line-height: 1.25; } .wp-block-cover-image a, .wp-block-cover a { color: inherit; } .wp-block-embed { margin: 0 0 1.5rem; } .wp-block-button__link { --g5-btn-border-width: 0px; --g5-btn-padding-x: 2.1875rem; --g5-btn-padding-y: 0; --g5-btn-line-height: calc(3rem - (var(--g5-btn-border-width) * 2)) ; --g5-btn-font-size: 1rem; --g5-btn-color: var(--g5-color-accent-foreground); --g5-btn-bg: var(--g5-color-accent); --g5-btn-border-color: var(--g5-color-accent); --g5-btn-hover-color: var(--g5-color-primary-foreground); --g5-btn-hover-bg: var(--g5-color-primary); --g5-btn-hover-border-color: var(--g5-color-primary); --g5-btn-outline-color: var(--g5-color-accent); --g5-btn-outline-border-hover-color: var(--g5-color-accent); --g5-btn-outline-hover-color: var(--g5-color-accent-foreground); --g5-btn-outline-hover-bg: var(--g5-color-accent); --g5-btn-link-color: var(--g5-color-accent); position: relative; display: inline-block; font-family: var(--g5-btn-font-family); padding: var(--g5-btn-padding-y) var(--g5-btn-padding-x); line-height: var(--g5-btn-line-height); font-size: var(--g5-btn-font-size); font-weight: var(--g5-btn-font-weight); border: var(--g5-btn-border-width) solid var(--g5-btn-border-color); white-space: nowrap; border-radius: var(--g5-btn-border-radius); -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; text-transform: capitalize; color: var(--g5-btn-color); background-color: var(--g5-btn-bg); } .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:active { color: var(--g5-btn-hover-color); background-color: var(--g5-btn-hover-bg); border-color: var(--g5-btn-hover-border-color); } .wp-block-button__link:hover { cursor: pointer; } .wp-block-button__link:focus { outline: none; } .wp-block-button__link:disabled { opacity: 0.65; cursor: default; } .wp-block-button__link:not([href]):not([tabindex]) { color: var(--g5-btn-color); } .wp-block-button__link:not([href]):not([tabindex]):focus, .wp-block-button__link:not([href]):not([tabindex]):hover, .wp-block-button__link:not([href]):not([tabindex]):active { color: var(--g5-btn-hover-color); } .wp-block-button { margin-bottom: 1.5rem; } .wp-block-button.is-style-squared .wp-block-button__link { --g5-btn-border-radius: 0; } .wp-block-button.is-style-outline .wp-block-button__link { --g5-btn-border-width: 2px; --g5-btn-border-color: var(--g5-color-border); padding: var(--g5-btn-padding-y) var(--g5-btn-padding-x); border: var(--g5-btn-border-width) solid var(--g5-btn-border-color); } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) { --g5-btn-color: var(--g5-color-accent); color: var(--g5-btn-color); } .wp-block-button.is-style-outline .wp-block-button__link:hover { --g5-btn-hover-color: var(--g5-color-accent-foreground); --g5-btn-hover-bg: var(--g5-color-accent); --g5-btn-hover-border-color: var(--g5-color-accent); color: var(--g5-btn-hover-color); background-color: var(--g5-btn-hover-bg); border-color: var(--g5-btn-hover-border-color); } .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments__comment-excerpt p { margin-bottom: 0; } .wp-block-archives select { width: 100%; max-width: 100%; } .wc-block-product-categories > ul, .wp-block-page-list, .wp-block-archives, .wp-block-categories { list-style: none; padding: 0; margin: -5px 0 0 0; margin-bottom: 1.5rem; } .wc-block-product-categories > ul li, .wp-block-page-list li, .wp-block-archives li, .wp-block-categories li { position: relative; margin: 0; } .wc-block-product-categories > ul li > a, .wp-block-page-list li > a, .wp-block-archives li > a, .wp-block-categories li > a { display: inline-block; margin: 5px 0; position: relative; line-height: 20px; min-height: 20px; color: inherit; -webkit-transition: all 0.3s; transition: all 0.3s; border-bottom: 1px solid transparent; } .wc-block-product-categories > ul li > a:hover, .wp-block-page-list li > a:hover, .wp-block-archives li > a:hover, .wp-block-categories li > a:hover { color: var(--g5-color-dark); border-color: currentColor; } .wc-block-product-categories > ul .current_page_ancestor > ul, .wc-block-product-categories > ul .current_page_parent > ul, .wc-block-product-categories > ul .current-cat-parent > ul, .wc-block-product-categories > ul .current-cat-ancestor > ul, .wp-block-page-list .current_page_ancestor > ul, .wp-block-page-list .current_page_parent > ul, .wp-block-page-list .current-cat-parent > ul, .wp-block-page-list .current-cat-ancestor > ul, .wp-block-archives .current_page_ancestor > ul, .wp-block-archives .current_page_parent > ul, .wp-block-archives .current-cat-parent > ul, .wp-block-archives .current-cat-ancestor > ul, .wp-block-categories .current_page_ancestor > ul, .wp-block-categories .current_page_parent > ul, .wp-block-categories .current-cat-parent > ul, .wp-block-categories .current-cat-ancestor > ul { display: block; } .wc-block-product-categories > ul .current-cat > a, .wp-block-page-list .current-cat > a, .wp-block-archives .current-cat > a, .wp-block-categories .current-cat > a { color: var(--g5-color-dark); } .wc-block-product-categories > ul li > ul, .wp-block-page-list li > ul, .wp-block-archives li > ul, .wp-block-categories li > ul { list-style: none; padding: 0 0 0 20px; margin: 0 0 5px 0; } .wc-block-product-categories > ul.aligncenter, .wp-block-page-list.aligncenter, .wp-block-archives.aligncenter, .wp-block-categories.aligncenter { text-align: center; } .wp-block-archives span.count { position: absolute; top: 2px; right: 0; } .wp-block-archives a:hover + .count { color: var(--g5-color-accent); } .wp-block-categories span.wp-block-categories__post-count { position: absolute; top: 2px; right: 0; } .wp-block-categories a:hover + .wp-block-categories__post-count { color: var(--g5-color-accent); } .wc-block-product-categories > ul > li > a { font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; } .wc-block-product-categories a:hover + .wc-block-product-categories-list-item-count { color: var(--g5-color-heading); } .wc-block-product-categories span.wc-block-product-categories-list-item-count { position: absolute; top: 2px; right: 0; } .wp-block-rss, .wp-block-latest-posts, .wp-block-latest-comments { padding: 0; margin: -5px 0 0 0; list-style: none; } .wp-block-rss .children, .wp-block-latest-posts .children, .wp-block-latest-comments .children { padding-left: 0; margin: 0; list-style: none; } .wp-block-rss li, .wp-block-latest-posts li, .wp-block-latest-comments li { padding: 5px 0; line-height: 20px; margin: 0; } .wp-block-rss a, .wp-block-latest-posts a, .wp-block-latest-comments a { color: inherit; -webkit-transition: all 0.3s; transition: all 0.3s; border-bottom: 1px solid transparent; } .wp-block-rss a:hover, .wp-block-latest-posts a:hover, .wp-block-latest-comments a:hover { color: var(--g5-color-dark); border-color: currentColor; } ul.wp-block-latest-posts.is-grid li { padding: 0; margin: 0 16px 16px 0; } .wp-block-columns, .wp-block-group, .wp-block-group.has-background, .wp-block-search, ul.wp-block-categories, ul.wp-block-archives, .wp-block-archives.wp-block-archives-dropdown, ol.wp-block-latest-comments, .wp-block-media-text { margin-bottom: 1.5rem; } .wp-block-tag-cloud label { color: var(--g5-color-heading); font-weight: 600; margin: 0 15px 0 0; } .wp-block-tag-cloud a { margin: 0 16px 9px 0; font-size: 15px !important; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s; color: inherit; line-height: 1.1; border-bottom: 1px solid transparent; } .wp-block-tag-cloud a:hover { color: var(--g5-color-dark); border-bottom-color: currentColor; } .wp-block-gallery { margin-bottom: 1.5rem; } .blocks-gallery-caption { margin-left: auto; margin-right: auto; margin-top: 25px; color: var(--g5-color-caption); font-size: 14px; } .blocks-gallery-grid { margin-bottom: -16px; } .wp-block-column > *:last-child { margin-bottom: 0; } .wp-block-image.aligncenter { margin: 1.5rem auto 1.5rem auto; } .wp-block-image.alignright { margin: 0.375rem 0 1.5rem 1.25rem; } .wp-block-image.alignleft { margin: 0.375rem 1.25rem 1.5rem 0; } .wp-block-image figcaption { font-size: 14px; } body.no-sidebar .alignfull { max-width: none; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } body.no-sidebar.g5blog__single-featured-align-wide .g5blog__single-featured, body.no-sidebar .alignwide { margin-left: -150px; margin-right: -150px; width: auto; } @media screen and (min-width: 1200px) and (max-width: 1199px) { body.no-sidebar.g5blog__single-featured-align-wide .g5blog__single-featured, body.no-sidebar .alignwide { margin-left: -120px; margin-right: -120px; width: auto; } } @media screen and (max-width: 1199px) { body.no-sidebar.g5blog__single-featured-align-wide .g5blog__single-featured, body.no-sidebar .alignwide { margin-left: -30px; margin-right: -30px; width: auto; } } @media only screen and (max-width: 991px) { body.no-sidebar.g5blog__single-featured-align-wide .g5blog__single-featured, body.no-sidebar .alignwide { margin-left: 0; margin-right: 0; width: 100%; } } @media only screen and (max-width: 767px) { body.no-sidebar .alignfull { max-width: 100%; margin-left: 0; margin-right: 0; left: 0; right: 0; } } @media only screen and (max-width: 991px) { body.has-sidebar .alignfull { max-width: none; margin-left: calc(-50vw + 345px); margin-right: calc(-50vw + 345px); } } @media only screen and (max-width: 767px) { body.has-sidebar .alignfull { max-width: 100%; margin-left: 0; margin-right: 0; } } .wp-block-search label { display: none; } .wp-block-search form { display: -ms-flexbox; display: flex; position: relative; } .wp-block-search button { position: absolute; right: 0; top: 0; bottom: 0; background: transparent; color: inherit; border: 0; font-size: 0; padding: 0; width: 40px; } .wp-block-search button:before { content: "\f002"; font-family: var(--g5-font-icon); font-size: 18px; font-weight: 400; } .wp-block-search button > span { display: none; } .wp-block-search input { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 40px 0 20px; } .wp-block-search input:focus + button:before { color: var(--g5-color-dark); } .wp-block-search .wp-block-search__inside-wrapper { position: relative; } .wp-block-search .wp-block-search__input { border-color: var(--g5-color-border-input); } .wp-block-search .wp-block-search__button { background: transparent; border: 0; color: inherit; } .wp-block-group__inner-container > h2 { font-size: 20px; margin-bottom: 20px; } /*-------------------------------------------------------------- ## Blog --------------------------------------------------------------*/ .article-post.page .entry-content { margin-bottom: 0; } .article-post.sticky { border: 1px solid #f5f5f5; padding: 2rem; } .article-post .entry-title { font-size: 34px; word-break: break-word; margin-bottom: 0; } .article-post .entry-title a { color: inherit; -webkit-transition: all 0.3s; transition: all 0.3s; border-bottom: 1px solid transparent; } .article-post .entry-title a:hover { border-color: currentColor; } .entry-meta-cat { margin-bottom: 15px; } .entry-meta-cat ul.post-categories { list-style: none; margin: 0; padding: 0; } .entry-meta-cat ul.post-categories li { display: inline-block; margin-right: 5px; margin-bottom: 5px; } .entry-meta-cat ul.post-categories li:last-child { margin-right: 0; } .entry-meta-cat ul.post-categories li > a { display: block; color: #000; background: #F5F5F5; border-radius: 3px; padding: 3px 16px; -webkit-transition: all 0.3s; transition: all 0.3s; } .entry-meta-cat ul.post-categories li > a:hover, .entry-meta-cat ul.post-categories li > a:active, .entry-meta-cat ul.post-categories li > a:focus { background-color: #000; color: #fff; } .entry-meta { margin-top: 8px; margin-bottom: 0; padding: 0; list-style: none; } .entry-meta a { color: inherit; border-bottom: 1px solid transparent; -webkit-transition: all 0.3s; transition: all 0.3s; } .entry-meta a:hover { color: var(--g5-color-dark); border-color: currentColor; } .entry-meta li { display: inline; } .entry-meta li:after { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #C4C4C4; margin: 0 8px; vertical-align: middle; } .entry-meta li:last-child:after { display: none; } .entry-meta li i { padding-right: 5px; } .entry-meta li.meta-author a { color: var(--g5-color-dark); } .entry-meta li.meta-author img { border-radius: 50%; margin-right: 5px; } .entry-meta li.meta-author:after { width: 1px; height: 14px; border-radius: 0; } .entry-excerpt p:last-child { margin-bottom: 0; } .btn-read-more { margin-top: 30px; } .article-archive-post { margin-bottom: 60px; text-align: center; } .article-archive-post .post-thumbnail { margin-bottom: 35px; } .article-archive-post .entry-header + .entry-excerpt { margin-top: 19px; } .article-archive-post .entry-header { position: relative; } .article-archive-post.has-post-thumbnail .entry-meta-cat { position: absolute; top: -49px; left: 0; right: 0; } body.no-sidebar .article-archive-post { max-width: 870px; margin-left: auto; margin-right: auto; } #main-content .article-post:last-child { margin-bottom: 0; } body.page .article-post { margin-bottom: 0; } .article-single-post { padding-bottom: 30px; border-bottom: 1px solid var(--g5-color-border); } .article-single-post .entry-title { font-size: 40px; } .article-single-post .entry-meta-cat { margin-bottom: 10px; } .article-single-post .entry-header { text-align: center; } .article-single-post .entry-header + .entry-content { margin-top: 40px; } .article-single-post .post-thumbnail { margin-top: 50px; margin-bottom: 40px; } .article-single-post .tagcloud { padding-top: 70px; color: var(--g5-color-muted); } .article-single-post .tagcloud a { margin: 0 10px 0 0; } .article-single-post .tagcloud a:before { content: "#"; display: inline-block; } .article-single-post .tagcloud a:last-child { margin-right: 0; } .article-single-post .entry-content > *:last-child { margin-bottom: 0; } body.single .breadcrumbs-wrap + #primary-content { padding-top: 80px; } body.no-sidebar.single-post .article-single-post .post-thumbnail { margin-left: -150px; margin-right: -150px; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-top: 2rem; } .entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child { margin-top: 0; } .entry-content > p:last-child, .entry-content > ul:last-child { margin-bottom: 0; } .author-info-wrap { margin-top: 70px; } .author-info-inner { display: -ms-flexbox; display: flex; } .author-info-avatar { width: 70px; margin-right: 35px; -ms-flex-negative: 0; flex-shrink: 0; } .author-info-avatar img { border-radius: 100%; } @media (max-width: 767px) { .author-info-avatar { width: 50px; margin-right: 20px; } } .author-info-content .name { margin-bottom: 10px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.1em; } .author-info-content .name a { color: inherit; border-bottom: 1px solid transparent; -webkit-transition: all 0.3s; transition: all 0.3s; } .author-info-content .name a:hover { color: var(--g5-color-dark); border-color: currentColor; } .site-search-results-not-found { text-align: center; } .site-search-results-not-found h2 { font-size: 32px; } .site-search-results-not-found label { display: none; } .site-search-results-not-found form { display: -ms-flexbox; display: flex; position: relative; } .site-search-results-not-found button { position: absolute; right: 0; top: 0; bottom: 0; background: transparent; color: inherit; border: 0; font-size: 0; padding: 0; width: 40px; } .site-search-results-not-found button:before { content: "\f002"; font-family: var(--g5-font-icon); font-size: 18px; font-weight: 400; } .site-search-results-not-found button > span { display: none; } .site-search-results-not-found input { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 40px 0 20px; } .site-search-results-not-found input:focus + button:before { color: var(--g5-color-dark); } .site-search-results-not-found .search-form { max-width: 450px; margin: auto; } .post-password-form label { display: block; } .post-password-form input[type=password] { display: block; width: 100%; } article.post .entry-content div { margin-bottom: 1.5rem; } .comments-area { margin-top: 70px; } .comments-area .comments-title, .comments-area .comment-reply-title { font-size: 34px; text-align: center; margin-bottom: 55px; } .comments-area .comment-reply-title { margin-bottom: 44px; } .comment-form p { margin-bottom: 30px; } .comment-form p:last-child { margin-bottom: 0; } .comment-form a { color: inherit; } .comment-form a:hover { color: var(--g5-color-dark); } .comment-form textarea { width: 100%; display: block; height: 125px; } .comment-form .comment-form-author input, .comment-form .comment-form-email input, .comment-form .comment-form-url input { width: 100%; } .comment-form .comment-form-email, .comment-form .comment-form-author { float: left; width: 50%; } .comment-form .comment-form-author { padding-right: 15px; } .comment-form .comment-form-email { padding-left: 15px; } .comment-form .comment-form-cookies-consent { color: var(--g5-color-heading); } .comment-form .comment-form-cookies-consent input[type=checkbox] { position: relative; top: 2px; } .comment-form .comment-form-cookies-consent label { display: inline; margin: 0 0 0 5px; font-size: 15px; } .comment-form .mc4wp-checkbox-wp-comment-form input[type=checkbox] { margin: 0 5px 0 0; position: relative; top: 2px; } @media only screen and (max-width: 575px) { .comment-form .comment-form-email, .comment-form .comment-form-author { width: 100%; padding: 0; } } .comments-list-wrap { margin-bottom: 70px; padding-bottom: 35px; border-bottom: 1px solid var(--g5-color-border); } .comment-list { list-style: none; padding: 0; margin-bottom: 0; } .comment-list li.comment { margin: 0 0 35px 0; } .comment-list > li.comment:last-child { margin-bottom: 0; } .comment-list li.comment + li.comment { padding-top: 35px; border-top: 1px solid; border-color: var(--g5-color-border); } .comment-list li:not(.pingback):not(.trackback) .comment-body { position: relative; padding-left: 85px; } .comment-list li.pingback, .comment-list li.trackback { margin-bottom: 35px; } .comment-list li.pingback + .comment, .comment-list li.trackback + .comment { margin-top: 35px; } .comment-list li.pingback .comment-body a:not(.comment-edit-link), .comment-list li.trackback .comment-body a:not(.comment-edit-link) { font-weight: 700; letter-spacing: -0.05em; display: block; color: var(--g5-color-heading); margin: 5px 0; } .comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6 { margin-top: 2rem; } .comment-list .comment-content h1:first-child, .comment-list .comment-content h2:first-child, .comment-list .comment-content h3:first-child, .comment-list .comment-content h4:first-child, .comment-list .comment-content h5:first-child, .comment-list .comment-content h6:first-child { margin-top: 0; } .comment-list .comment-content p:last-child { margin-bottom: 0; } .comment-list .comment-meta { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 7px; } .comment-list .comment-author { margin-right: 10px; } .comment-list .comment-author img { position: absolute; left: 0; top: 0; border-radius: 50%; } .comment-list .comment-author .fn { font-weight: 600; color: var(--g5-color-heading); font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; } .comment-list .comment-author .fn > a { color: inherit; border-bottom: 1px solid transparent; -webkit-transition: all 0.3s; transition: all 0.3s; } .comment-list .comment-author .fn > a:hover { border-color: currentColor; } .comment-list .comment-author .says { display: none; } .comment-list .comment-metadata { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: var(--g5-color-muted); } .comment-list .comment-metadata a { color: inherit; } .comment-list .comment-metadata a:hover { color: var(--g5-color-dark); } .comment-list .edit-link, .comment-list .reply { color: var(--g5-color-heading); font-weight: 600; } .comment-list .edit-link a, .comment-list .reply a { display: inline-block; color: inherit; border-bottom: 1px solid transparent; -webkit-transition: all 0.3s; transition: all 0.3s; } .comment-list .edit-link a:hover, .comment-list .reply a:hover { border-color: currentColor; } .comment-list .edit-link:before { content: ""; width: 1px; height: 16px; background-color: #ababab; display: inline-block; margin: 0 10px; vertical-align: middle; } .comment-list .reply { margin-top: 17px; } .comment-list ul.children { list-style: none; margin-left: 85px; margin-top: 35px; padding-left: 20px; border-left: 1px solid var(--g5-color-border); } .comment-list ul.children li.comment + li.comment { padding-top: 0; border: none; } .comment-list ul.children .comment-author img { width: 48px; } .comment-list ul.children li:not(.pingback):not(.trackback) .comment-body { padding-left: 70px; } .comment-list ul.children ul.children { margin-left: 70px; } .comment-list .comment-reply-title small a { color: inherit; font-size: 18px; font-weight: 600; border-bottom: 1px solid transparent; -webkit-transition: all 0.3s; transition: all 0.3s; } .comment-list .comment-reply-title small a:hover { border-color: currentColor; } .comment-list .comment-respond { margin-bottom: 35px; margin-top: 35px; } @media only screen and (max-width: 1199px) { .comment-list ul.children { margin-left: 35px !important; } } @media only screen and (max-width: 575px) { .comment-list ul.children { margin-left: 25px !important; } .comment-list .comment-author img { width: 50px !important; } .comment-list li:not(.pingback):not(.trackback) .comment-body { padding-left: 70px !important; } } .comments-pagination { margin-top: 2.5rem; text-align: center; } ul.page-numbers { list-style: none; text-align: center; padding: 0; margin: 0; } ul.page-numbers li { margin: 0; display: inline-block; vertical-align: top; } .page-numbers:not(ul) { font-size: 16px; color: var(--g5-color-heading); font-weight: 600; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; } .page-numbers:not(ul).current, .page-numbers:not(ul):hover { color: var(--g5-color-primary); background-color: #F5F5F5; } .page-numbers:not(ul).prev, .page-numbers:not(ul).next { font-size: 0; } .page-numbers:not(ul).prev:before, .page-numbers:not(ul).next:before { font-family: var(--g5-font-icon-primary); font-size: 18px; font-weight: 400; display: inline-block; content: "\efb9"; } .page-numbers:not(ul).next:before { content: "\efba"; } .post-navigation { margin-top: 30px; } .post-navigation .nav-links { display: -ms-flexbox; display: flex; } .post-navigation .nav-links a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; color: inherit; } .post-navigation .nav-links .nav-subtitle { color: var(--g5-color-muted); display: block; font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600; } .post-navigation .nav-links .nav-title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--g5-color-heading); font-weight: 600; margin-top: 3px; } .post-navigation .nav-links > div { width: 47.5%; } .post-navigation .nav-links .nav-content { -ms-flex: 1 1 auto; flex: 1 1 auto; } .post-navigation .nav-links i { font-size: 16px; font-weight: 400; color: var(--g5-color-muted); } .post-navigation .nav-previous { margin-right: auto; } .post-navigation .nav-previous i { margin-right: 15px; } .post-navigation .nav-next { margin-left: auto; text-align: right; } .post-navigation .nav-next i { margin-left: 15px; } @media only screen and (max-width: 767px) { .post-navigation .nav-links .nav-title { display: none; } } .page-links { float: left; width: 100%; } .page-links .page-links-title { font-weight: 600; margin: 0 15px 0 0; color: var(--g5-color-heading); } .page-links > .post-page-numbers { display: inline-block; margin-right: 0.25rem; border: solid 1px; border-color: var(--g5-color-border); font-weight: 500; color: inherit; width: 40px; height: 40px; text-align: center; line-height: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; } .page-links > .post-page-numbers:hover, .page-links > .post-page-numbers.current { background-color: var(--g5-color-accent); border-color: var(--g5-color-accent); color: var(--g5-color-accent-foreground); } ul.g5blog__post-meta { -ms-flex-align: center; align-items: center; } ul.g5blog__post-meta a { color: inherit; border-bottom: 1px solid transparent; -webkit-transition: all 0.3s; transition: all 0.3s; } ul.g5blog__post-meta a:hover { color: var(--g5-color-dark); border-color: currentColor; } ul.g5blog__post-meta li { margin: 0; } ul.g5blog__post-meta li:after { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #C4C4C4; margin: 0 10px; vertical-align: middle; } ul.g5blog__post-meta li:last-child:after { display: none; } ul.g5blog__post-meta li.meta-author a { color: var(--g5-color-dark); } ul.g5blog__post-meta li.meta-author img { border-radius: 50%; margin-right: 5px; width: 32px; } ul.g5blog__post-meta li.meta-author:after { width: 1px; height: 14px; border-radius: 0; } ul.g5blog__post-meta li i { display: none; } .g5blog__post-title a { border-bottom: 1px solid transparent; } .g5blog__post-title a:hover { border-color: currentColor; } .g5blog__block-title { font-size: 34px; margin-bottom: 44px; } .g5blog__single-related-wrap { margin-top: 70px; padding-bottom: 70px; border-bottom: 1px solid var(--g5-color-border); } .g5blog__single-related-wrap .g5blog__post-grid .g5blog__post-title { font-size: 16px; } .g5blog__single-related-wrap .g5blog__post-grid ul.g5blog__post-meta { margin-bottom: 13px; } .g5blog__single-related-wrap .g5blog__post-grid ul.g5blog__post-meta li:after, .g5blog__single-related-wrap .g5blog__post-grid ul.g5blog__post-meta li.meta-date { display: none; } .g5blog__single-related-wrap .slick-slide .g5blog__post-inner { padding-bottom: 0; } .g5blog__single-meta-tag.tagcloud { color: var(--g5-color-muted); } .g5blog__single-meta-tag.tagcloud label { display: none; } .g5blog__single-meta-tag.tagcloud a { margin: 0 10px 0 0; } .g5blog__single-meta-tag.tagcloud a:before { content: "#"; display: inline-block; } .g5blog__single-meta-tag.tagcloud a:last-child { margin-right: 0; } .g5blog__single-meta-top .entry-meta-cat { margin-bottom: 10px; } .g5blog__single-layout-1 .g5blog__single-meta-top { margin-bottom: 40px; } .g5blog__single-layout-1 .g5blog__single-featured { margin-bottom: 44px; } .no-sidebar.g5blog__single-layout-1 .g5blog__single.has-post-thumbnail .g5blog__single-meta-top { text-align: center; } .no-sidebar.g5blog__single-layout-1 .g5blog__single.has-post-thumbnail .g5blog__single-meta-top ul.g5blog__post-meta { -ms-flex-pack: center; justify-content: center; } .g5blog__single-layout-2 .g5blog__single-featured { margin-bottom: 35px; } .no-sidebar.g5blog__single-layout-2 .g5blog__single.has-post-thumbnail .g5blog__single-meta-top { text-align: center; position: relative; } .no-sidebar.g5blog__single-layout-2 .g5blog__single.has-post-thumbnail .g5blog__single-meta-top ul.g5blog__post-meta { -ms-flex-pack: center; justify-content: center; } .no-sidebar.g5blog__single-layout-2 .g5blog__single.has-post-thumbnail .entry-meta-cat { position: absolute; top: -49px; left: 0; right: 0; } .g5blog__single-layout-3 .g5blog__single-title { margin-bottom: 40px; } .no-sidebar.g5blog__single-layout-3 .g5blog__single.has-post-thumbnail .g5blog__single-title, .no-sidebar.g5blog__single-layout-3 .g5blog__single.has-post-thumbnail .entry-meta-cat { text-align: center; } .no-sidebar.g5blog__single-layout-3 .g5blog__single.has-post-thumbnail ul.g5blog__post-meta { -ms-flex-pack: center; justify-content: center; } .g5blog__single-layout-4 .g5blog__single-meta-top { margin-bottom: 40px; } .g5blog__single-layout-4 .g5blog__single-featured { margin-bottom: 44px; } .g5blog__single-layout-6 .g5blog__single-half-featured { position: relative; z-index: 1; } .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-half-featured-inner { margin-right: -15px; margin-left: -15px; } .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-meta-top, .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-featured { padding-right: 15px; padding-left: 15px; } .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-meta-top:before, .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-featured:before { content: ""; z-index: -1; top: 0; } .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-meta-top { margin-top: 55px; } .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-featured { height: 350px; } .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-featured:before { background-repeat: no-repeat; background-position: center center; background-size: cover; left: 0; width: 100vw; height: inherit; position: absolute; } .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-title { font-weight: 400; } .g5blog__single-layout-6 .g5blog__single-half-featured ul.g5blog__post-meta:first-child { margin-bottom: 10px; } .g5blog__single-layout-6 .g5blog__single-half-featured ul.g5blog__post-meta:first-child li a { color: var(--g5-color-heading); text-transform: uppercase; font-size: 14px; letter-spacing: 0.1em; font-weight: 500; } .g5blog__single-layout-6 .g5blog__single-half-featured ul.g5blog__post-meta:first-child li:after { width: 2px; height: 11px; border-radius: 0; background-color: #B0B0B0; vertical-align: initial; } .g5blog__single-layout-6.single-post.no-sidebar #main-content { -ms-flex: 0 0 800px; flex: 0 0 800px; max-width: 800px; } .g5blog__single-layout-6 .g5blog__single-breadcrumbs { background-color: transparent; padding-top: 20px; padding-bottom: 17px; } @media (min-width: 992px) { .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-half-featured-inner { height: 570px; } .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-meta-top, .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-featured { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; z-index: 1; height: 100%; } .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-meta-top:before, .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-featured:before { width: 50vw; height: 100%; } .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-meta-top { padding-right: 100px; margin-top: 0; } .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-meta-top:before { position: absolute; right: 0; background-color: var(--g5-color-secondary); } .g5blog__single-layout-6 .g5blog__single-half-featured ul.g5blog__post-meta:first-child { margin-bottom: 19px; } .g5blog__single-layout-6 .g5blog__single-half-featured .g5blog__single-title { margin-bottom: 31px; } } .g5blog__single-meta-bottom { padding-top: 0; margin-top: 40px; } .g5blog__single-breadcrumbs + #primary-content { padding-top: 80px; } .g5blog__single { margin-bottom: 0; padding-bottom: 25px; border-bottom: 1px solid var(--g5-color-border); } .g5blog__single .entry-content { margin-bottom: 0; } .g5blog__post-large-image.sticky .g5blog__post-inner { border: 1px solid #f5f5f5; } .g5blog__post-large-image .g5blog__post-featured { margin-bottom: 35px; text-align: center; } .g5blog__post-large-image .g5blog__post-title { margin-bottom: 8px; } .g5blog__post-large-image .g5blog__post-content { text-align: center; } .g5blog__post-large-image .g5blog__post-meta { -ms-flex-pack: center; justify-content: center; } .g5blog__post-large-image .g5blog__loop-entry-header + .g5blog__post-excerpt { margin-top: 19px; } .g5blog__post-large-image.g5blog__has-post-featured .entry-meta-cat { position: absolute; top: -49px; left: 0; right: 0; } .g5blog__loop-entry-header { position: relative; z-index: 1; } .g5blog__layout-large-image .g5blog__post-default { padding-bottom: 60px; } .g5blog__layout-large-image .g5blog__post-default:last-child { padding-bottom: 0; } .g5blog__layout-large-image .g5core__paging { margin-top: 55px; } body.no-sidebar .g5blog__layout-large-image { max-width: 870px; margin-left: auto; margin-right: auto; } .g5blog__post-medium-image .g5blog__post-title { line-height: 1.6; margin-bottom: 0; } .g5blog__post-medium-image ul.g5blog__post-meta { margin-bottom: 10px; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; } .g5blog__post-medium-image ul.g5blog__post-meta li:after { width: 1px; height: 14px; border-radius: 0; } .g5blog__post-medium-image .g5blog__post-excerpt { margin-top: 10px; } .g5blog__post-medium-image .btn-read-more { background-color: transparent !important; border-width: 0; text-decoration: none; border-radius: 0; padding-left: 0; padding-right: 0; line-height: 1.3; -webkit-transition: all 0.3s; transition: all 0.3s; border-bottom: 1px solid #ccc; color: var(--g5-color-heading); } .g5blog__post-medium-image .btn-read-more:after { content: "\f061"; font-family: var(--g5-font-icon); font-size: 14px; font-weight: 400; margin-left: 5px; } .g5blog__post-medium-image .btn-read-more:hover { border-color: currentColor; } .g5blog__layout-medium-image .g5blog__post-default.g5blog__post-default { padding-bottom: 40px; } .g5blog__layout-medium-image .g5blog__post-default.g5blog__post-default:last-child { padding-bottom: 0; } .g5blog__layout-medium-image .g5core__paging { margin-top: 35px; } body.no-sidebar .g5blog__layout-medium-image { max-width: 870px; margin-left: auto; margin-right: auto; } .g5blog__post-grid.sticky .g5blog__post-inner { border: 1px solid #f5f5f5; } .g5blog__post-grid .g5blog__post-title { line-height: 1.6; margin-bottom: 0; } .g5blog__post-grid ul.g5blog__post-meta { margin-bottom: 11px; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; } .g5blog__post-grid ul.g5blog__post-meta li:after { width: 1px; height: 14px; border-radius: 0; } .g5blog__post-grid .g5blog__post-excerpt { margin-top: 10px; } .g5blog__post-grid .g5blog__post-featured { margin-bottom: 20px; } .g5blog__post-grid .g5blog__post-inner { padding-bottom: 20px; } .g5blog__post-grid-2 { text-align: center; } .g5blog__post-grid-2 .g5blog__post-title { font-size: 24px; line-height: 1.5; } .g5blog__post-grid-2 ul.g5blog__post-meta { margin-bottom: 0; margin-top: 25px; text-transform: none; font-size: 15px; letter-spacing: 0; -ms-flex-pack: center; justify-content: center; } .g5blog__post-grid-2 ul.g5blog__post-meta li.meta-author img { display: none; } .g5blog__post-grid-2 .g5blog__post-featured { margin-bottom: 30px; } .g5blog__post-grid-2 .entry-meta-cat { margin-bottom: 10px; } .g5blog__post-grid-2 .g5blog__post-excerpt { margin-top: 30px; } .g5blog__post-grid-2.g5blog__has-post-featured .entry-meta-cat { position: absolute; top: -44px; left: 0; right: 0; } .g5blog__post-widget .g5blog__post-title { margin-bottom: 0; line-height: 1.6; } .g5blog__post-widget ul.g5blog__post-meta { margin-bottom: 10px; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; } /*-------------------------------------------------------------- ## Widgets --------------------------------------------------------------*/ .primary-sidebar .widget:last-child { margin-bottom: 0; } .widget { position: relative; margin-bottom: 45px; } .widget .screen-reader-text { display: none; } .widget .widgettitle, .widget .widget-title { font-size: 20px; margin-bottom: 20px; } .widget_search label { display: none; } .widget_search form { display: -ms-flexbox; display: flex; position: relative; } .widget_search button { position: absolute; right: 0; top: 0; bottom: 0; background: transparent; color: inherit; border: 0; font-size: 0; padding: 0; width: 40px; } .widget_search button:before { content: "\f002"; font-family: var(--g5-font-icon); font-size: 18px; font-weight: 400; } .widget_search button > span { display: none; } .widget_search input { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 40px 0 20px; } .widget_search input:focus + button:before { color: var(--g5-color-dark); } .widget_archive select, .widget_categories select, .widget_product_categories select { width: 100%; } .widget_archive ul, .widget_categories ul, .widget_nav_menu ul, .widget_pages ul { list-style: none; padding: 0; margin: -5px 0 0 0; } .widget_archive ul li, .widget_categories ul li, .widget_nav_menu ul li, .widget_pages ul li { position: relative; margin: 0; } .widget_archive ul li > a, .widget_categories ul li > a, .widget_nav_menu ul li > a, .widget_pages ul li > a { display: inline-block; margin: 5px 0; position: relative; line-height: 20px; min-height: 20px; color: inherit; -webkit-transition: all 0.3s; transition: all 0.3s; border-bottom: 1px solid transparent; } .widget_archive ul li > a:hover, .widget_categories ul li > a:hover, .widget_nav_menu ul li > a:hover, .widget_pages ul li > a:hover { color: var(--g5-color-dark); border-color: currentColor; } .widget_archive ul .current_page_ancestor > ul, .widget_archive ul .current_page_parent > ul, .widget_archive ul .current-cat-parent > ul, .widget_archive ul .current-cat-ancestor > ul, .widget_categories ul .current_page_ancestor > ul, .widget_categories ul .current_page_parent > ul, .widget_categories ul .current-cat-parent > ul, .widget_categories ul .current-cat-ancestor > ul, .widget_nav_menu ul .current_page_ancestor > ul, .widget_nav_menu ul .current_page_parent > ul, .widget_nav_menu ul .current-cat-parent > ul, .widget_nav_menu ul .current-cat-ancestor > ul, .widget_pages ul .current_page_ancestor > ul, .widget_pages ul .current_page_parent > ul, .widget_pages ul .current-cat-parent > ul, .widget_pages ul .current-cat-ancestor > ul { display: block; } .widget_archive ul .current-cat > a, .widget_categories ul .current-cat > a, .widget_nav_menu ul .current-cat > a, .widget_pages ul .current-cat > a { color: var(--g5-color-dark); } .widget_archive ul li > ul, .widget_categories ul li > ul, .widget_nav_menu ul li > ul, .widget_pages ul li > ul { list-style: none; padding: 0 0 0 20px; margin: 0 0 5px 0; } .widget_archive span.count, .widget_categories ul span.count { position: absolute; top: 2px; right: 0; } .widget_archive a:hover + .count, .widget_categories ul a:hover + .count { color: var(--g5-color-dark); } .widget_pages ul .current_page_item > a { color: var(--g5-color-dark); } .widget_nav_menu ul .current-menu-item > a { color: var(--g5-color-dark); } .widget_rss ul, .widget_recent_entries ul, .widget_recent_comments ul, .widget_meta ul { padding: 0; margin: -5px 0 0 0; list-style: none; } .widget_rss ul .children, .widget_recent_entries ul .children, .widget_recent_comments ul .children, .widget_meta ul .children { padding-left: 0; margin: 0; list-style: none; } .widget_rss ul li, .widget_recent_entries ul li, .widget_recent_comments ul li, .widget_meta ul li { padding: 5px 0; line-height: 20px; margin: 0; } .widget_rss ul a, .widget_recent_entries ul a, .widget_recent_comments ul a, .widget_meta ul a { color: inherit; -webkit-transition: all 0.3s; transition: all 0.3s; border-bottom: 1px solid transparent; } .widget_rss ul a:hover, .widget_recent_entries ul a:hover, .widget_recent_comments ul a:hover, .widget_meta ul a:hover { color: var(--g5-color-dark); border-color: currentColor; } .widget_recent_comments ul a { border-color: currentColor; } .widget_recent_comments ul li { line-height: 25px; } .widget_rss a.rsswidget .rss-widget-icon { display: none; } .widget_rss ul li { line-height: 25px; } .widget_rss ul a { border-color: currentColor; } .widget.widget_tag_cloud { margin-bottom: 56px; } .tagcloud label { color: var(--g5-color-heading); font-weight: 600; margin: 0 15px 0 0; } .tagcloud a { margin: 0 16px 9px 0; font-size: 15px !important; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s; color: inherit; line-height: 1.1; border-bottom: 1px solid transparent; } .tagcloud a:hover { color: var(--g5-color-dark); border-bottom-color: currentColor; } .widget_calendar caption { caption-side: top; padding: 0.5rem 1rem; background-color: #f2f2f2; border: solid 1px; border-color: var(--g5-color-border); text-transform: uppercase; font-size: 14px; color: var(--g5-color-heading); font-weight: 700; text-align: center; } .widget_calendar td, .widget_calendar th { padding: 0.3rem; } .widget_calendar thead td, .widget_calendar thead th, .widget_calendar tbody td, .widget_calendar tbody th { text-align: center; border-width: 1px; } .widget_calendar tfoot td, .widget_calendar tfoot th { border: none; } .widget_calendar tfoot #next { text-align: right; } .wpb_widgetised_column .widget { margin-bottom: 0; } .custom-widget-ex-more { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 20px; } .custom-widget-ex-more .title { color: #fff; font-weight: 600; font-size: 30px; line-height: 36px; text-transform: uppercase; margin-bottom: 192px; } .custom-widget-ex-more .btn { width: 198px; height: 40px; line-height: 40px; } /*-------------------------------------------------------------- ## 404 --------------------------------------------------------------*/ .content-404-wrapper { text-align: center; } .content-404-wrapper h2 { font-size: 12rem; } .content-404-wrapper h4 { font-size: 36px; margin-bottom: 15px; } .content-404-wrapper p { margin-bottom: 45px; } .content-404-wrapper .number-404 { font-size: 10.125rem; font-weight: 700; letter-spacing: -0.16em; } .content-404-wrapper .text-404 { max-width: 440px; margin: 0 auto; letter-spacing: 0.4px; } /*-------------------------------------------------------------- ## Responsive --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Utilities css --------------------------------------------------------------*/ .font-weight-500 { font-weight: 500 !important; } .font-weight-600 { font-weight: 600 !important; } i.ph-fw-600:before { font-weight: 600 !important; } .lh-0 { line-height: 0; } .lh-10 { line-height: 0; } .z-index-3 { z-index: 3; } .font-primary { font-family: var(--g5-primary-font) !important; } .h1 { font-family: var(--g5-h1-font) !important; text-transform: var(--g5-h1-text-transform) !important; font-size: var(--g5-h1-font-size) !important; letter-spacing: var(--g5-h1-letter-spacing) !important; font-weight: var(--g5-h1-font-weight) !important; line-height: var(--g5-h1-line-height) !important; color: var(--g5-color-heading) !important; } .h2 { font-family: var(--g5-h2-font) !important; color: var(--g5-color-heading) !important; font-size: var(--g5-h2-font-size) !important; letter-spacing: var(--g5-h2-letter-spacing) !important; text-transform: var(--g5-h2-text-transform) !important; font-weight: var(--g5-h2-font-weight) !important; line-height: var(--g5-h2-line-height) !important; } .h3 { font-family: var(--g5-h3-font) !important; color: var(--g5-color-heading) !important; font-size: var(--g5-h3-font-size) !important; letter-spacing: var(--g5-h3-letter-spacing) !important; text-transform: var(--g5-h3-text-transform) !important; font-weight: var(--g5-h3-font-weight) !important; line-height: var(--g5-h3-line-height) !important; } .h4 { font-family: var(--g5-h4-font) !important; color: var(--g5-color-heading) !important; font-size: var(--g5-h4-font-size) !important; letter-spacing: var(--g5-h4-letter-spacing) !important; text-transform: var(--g5-h4-text-transform) !important; font-weight: var(--g5-h4-font-weight) !important; line-height: var(--g5-h4-line-height) !important; } .h5 { font-family: var(--g5-h5-font) !important; color: var(--g5-color-heading) !important; font-size: var(--g5-h5-font-size) !important; letter-spacing: var(--g5-h5-letter-spacing) !important; text-transform: var(--g5-h5-text-transform) !important; font-weight: var(--g5-h5-font-weight) !important; line-height: var(--g5-h5-line-height) !important; } .h6 { font-family: var(--g5-h6-font) !important; color: var(--g5-color-heading) !important; font-size: var(--g5-h6-font-size) !important; letter-spacing: var(--g5-h6-letter-spacing) !important; text-transform: var(--g5-h6-text-transform) !important; font-weight: var(--g5-h6-font-weight) !important; line-height: var(--g5-h6-line-height) !important; } /*-------------------------------------------------------------- ## Extends css --------------------------------------------------------------*/ .entry-content:after, .comment-form:after, .widget:after { content: ""; display: block; clear: both; } .heading-color { color: var(--g5-color-heading) !important; } .primary-color { color: var(--g5-color-primary) !important; } .bg-primary { background-color: var(--g5-color-primary) !important; } /*# sourceMappingURL=style.css.map */
Copyright ©2021 || Defacer Indonesia