whoami7 - Manager
:
/
home
/
dataiclx
/
vielorbe.com
/
wp-content
/
themes
/
glowing
/
assets
/
css
/
Upload File:
files >> //home/dataiclx/vielorbe.com/wp-content/themes/glowing/assets/css/editor-style.css
@charset "UTF-8"; :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%; } /*-------------------------------------------------------------- ## 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); } } /*-------------------------------------------------------------- ## 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; } } /*-------------------------------------------------------------- ## 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; } /*-------------------------------------------------------------- ## 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; } /*-------------------------------------------------------------- ## Helper --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Extends css --------------------------------------------------------------*/ .entry-content: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=editor-style.css.map */
Copyright ©2021 || Defacer Indonesia