D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
proc
/
thread-self
/
root
/
home
/
aramrprl
/
spicandspans.com
/
wp-content
/
themes
/
cleenday
/
css
/
Filename :
main.css
back
Copy
@charset "UTF-8"; /*===================== #Browser Styles Reset #Main Styles #General Styles #Header Styles #Logo #Menu style #Mega Menu #Sticky Menu #Lavalamp #Mobile Navigation #Page Title #Header Search #Typography #Footer Styles #Page Search #Modules #Blog #Image Overlay #Slider Post #Image Post #Standard Post #Post Share #Lists #Likes #Comments #Contact Form #Isotope #List Style #Load More #Pagination #Shares #Slick Slider #Scroll Up #WP Widgets #Author #Banner #Calendar #Gallery #Main Widgets #Navigation Menu #Recent Posts #Search #Tagcloud #Text Widget #Elementor Header Widgets #Defaults #Date #List Info #Elementor Widgets #Accordion Services #Accordion #Button #Carousel Control #Circuit Services #Clients #Countdown #Counter #Demo Item #Double Headings #Flip Box #Image Comparison #Image Layers #Info Box #Portfolio #Pricing Table #Progress Bar #Satellite Service #Service 1 #Tabs #Team #Testimonials #Time Line Vertical #Video Popup #Working Hours #Responsive ========================*/ /* ==================== ##Browser Reset ==================== */ * { box-sizing: border-box; } *:focus { outline: none !important; } html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; border: 0; outline: 0; padding: 0; font-size: 100%; font-family: inherit; font-weight: inherit; font-style: inherit; vertical-align: baseline; } body { position: relative; overflow-x: hidden; } body, html { max-width: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } mark { padding: 0 5px; color: inherit; } strong { font-weight: 700; } pre { max-width: 100%; margin-top: 18px; margin-bottom: 20px; padding: 20px; word-wrap: break-word; background: #ebf0f9; overflow: auto; } pre.wp-block-preformatted { white-space: pre; } code, kbd, tt, var, pre { font-family: monospace; } ul, ol { padding: 0 0 20px 0; } li ul { padding-bottom: 0; } textarea { min-height: 50px; height: 122px; } small { font-size: 0.8em; } code, tt, kbd { font-size: 87.5%; color: #e83e8c; word-break: break-word; } i, cite, em, var, address, dfn, q { font-style: italic; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } img { vertical-align: top; max-width: 100%; height: auto; -webkit-user-select: none; user-select: none; } label, legend { display: block; margin-bottom: 5px; } iframe { width: 100%; display: block; } table { width: 100%; border-collapse: collapse; } dl { margin-bottom: 1.75em; } dt { font-weight: 700; } dd { margin: 0 0 1.75em; } p { margin: 0 0 20px 0; } p:empty { display: none; padding: 0; margin: 0; } a { transition: all 0.4s; } a, a:active, a:focus, a:hover { text-decoration: none; } p a { transition: color 0.3s; } /* ==================== ##General Styles ==================== */ input[type=radio], input[type=checkbox] { margin: 5px 0.4375em 0 0; } input[type=radio] ~ label, input[type=checkbox] ~ label { display: inline; } input[type=text], input[type=url], input[type=search], input[type=email], input[type=password], input[type=tel], input[type=time], textarea, select { display: block; height: 50px; max-width: 100%; margin: 0 0 20px 0; border: 1px solid transparent; border-radius: 6px; padding: 10px 19px 10px; font-family: inherit; font-size: 16px; font-weight: 500; line-height: 30px; background-color: #f7f5f7; color: #6e6e6e; transition: background-color 0.3s, border-color 0.3s; letter-spacing: 0.04em; } input[type=text]::placeholder, input[type=url]::placeholder, input[type=search]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, input[type=tel]::placeholder, input[type=time]::placeholder, textarea::placeholder, select::placeholder { font-size: 16px; font-weight: 500; color: #6e6e6e; outline: none; letter-spacing: 0.04em; -webkit-appearance: none; transition: 0.4s; } input[type=text]:focus::placeholder, input[type=text]:active::placeholder, input[type=url]:focus::placeholder, input[type=url]:active::placeholder, input[type=search]:focus::placeholder, input[type=search]:active::placeholder, input[type=email]:focus::placeholder, input[type=email]:active::placeholder, input[type=password]:focus::placeholder, input[type=password]:active::placeholder, input[type=tel]:focus::placeholder, input[type=tel]:active::placeholder, input[type=time]:focus::placeholder, input[type=time]:active::placeholder, textarea:focus::placeholder, textarea:active::placeholder, select:focus::placeholder, select:active::placeholder { opacity: 0; } input[type=text]:focus, input[type=url]:focus, input[type=search]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=time]:focus, textarea:focus, select:focus { background-color: #ffffff; border-color: #ece8ec; } input[type=submit], button { display: inline-block; height: 50px; max-width: 100%; margin-bottom: 0; border-width: 0; border-style: solid; border-color: currentColor; border-radius: 6px; outline: none; padding: 12px 33px 10px; font-family: inherit; font-size: 13px; line-height: 28px; font-weight: 600; color: #ffffff; letter-spacing: 0; cursor: pointer; -webkit-appearance: none; background: transparent; transition: 0.4s; } input[type=submit]:hover, button:hover { color: #ffffff; } input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus { color: #ffffff; } textarea { height: 120px; } select { width: 100%; height: 50px; margin-bottom: 20px; padding: 0 35px 0 19px; overflow: hidden; outline: none; -webkit-appearance: none; appearance: none; background-image: var(--cleenday-bg-caret); background-size: 12px; background-repeat: no-repeat; background-position: calc(100% - 18px) center; } .input-bg-white input, .input-bg-white textarea { background-color: #ffffff; } form.post-password-form { margin-bottom: 20px; } form.post-password-form p:first-child { margin-bottom: 24px; } form.post-password-form label { display: inline-block; width: 100%; margin-right: 8px; } @media (min-width: 600px) { form.post-password-form label { width: calc(100% - 130px); max-width: 270px; } } form.post-password-form label input[type=password] { width: 100%; margin-top: 5px; } form.post-password-form input[type=submit] { color: #ffffff; min-width: 170px; transform: translateY(-1px); } .wgl-container { margin-right: auto; margin-left: auto; width: 1170px; } .wgl-container.full-width { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .wgl-container .wgl-container { width: 100%; } .wgl-container .elementor-section-boxed .elementor-section-boxed .elementor-container { width: 100%; } .wgl-container.wgl-content-sidebar .elementor-section-wrap { margin-left: -15px; margin-right: -15px; } #main .wgl-container .wgl_wrapper { left: 0 !important; } .row:after, .row:before, .wgl-container:after, .wgl-container:before, .clearfix:after, .clearfix:before { content: ""; display: table; line-height: 0; } .wgl-container:after, .row:after, .clear, .clearfix:after { clear: both; } [class*=wgl_col-] { float: left; min-height: 1px; } .row { margin-left: -15px; margin-right: -15px; } .row [class*=wgl_col-] { display: block; width: 100%; padding-right: 15px; padding-left: 15px; } .slick-slider a, .slick-slider a:hover, .slick-slider a:focus { transition: 0.4s; } a:hover { color: inherit; } .wgl-icon { display: inline-block; transition: 0.4s; } .wgl-icon svg { transition: inherit; } .aleft { text-align: left; } .acenter { text-align: center; } .aright { text-align: right; } .ajustify { text-align: justify; } .aleft .wgl-layout-left { justify-content: flex-start; } .aleft .wgl-layout-right { justify-content: flex-end; } .acenter .wgl-layout-left, .acenter .wgl-layout-right { justify-content: center; } .aright .wgl-layout-left { justify-content: flex-end; } .aright .wgl-layout-right { justify-content: flex-start; } .wgl-layout-left, .wgl-layout-right { display: flex; } .wgl-layout-left .content_wrapper { flex-grow: 1; } .wgl-layout-right { flex-direction: row-reverse; } .wgl-layout-right .content_wrapper { flex-grow: 1; } body[data-elementor-device-mode=tablet] .a-tabletleft { text-align: left; } body[data-elementor-device-mode=tablet] .a-tabletcenter { text-align: center; } body[data-elementor-device-mode=tablet] .a-tabletright { text-align: right; } body[data-elementor-device-mode=tablet] .a-tabletjustify { text-align: justify; } body[data-elementor-device-mode=tablet] .a-tabletleft .wgl-layout-top { justify-content: unset; } body[data-elementor-device-mode=tablet] .a-tabletleft .wgl-layout-left { justify-content: flex-start; } body[data-elementor-device-mode=tablet] .a-tabletleft .wgl-layout-right { justify-content: flex-end; } body[data-elementor-device-mode=tablet] .a-tabletleft .wgl-layout-tablet-top { justify-content: unset; } body[data-elementor-device-mode=tablet] .a-tabletleft .wgl-layout-tablet-left { justify-content: flex-start; } body[data-elementor-device-mode=tablet] .a-tabletleft .wgl-layout-tablet-right { justify-content: flex-end; } body[data-elementor-device-mode=tablet] .a-tabletcenter .wgl-layout-top { justify-content: unset; } body[data-elementor-device-mode=tablet] .a-tabletcenter .wgl-layout-left, body[data-elementor-device-mode=tablet] .a-tabletcenter .wgl-layout-right { justify-content: center; } body[data-elementor-device-mode=tablet] .a-tabletcenter .wgl-layout-tablet-top { justify-content: unset; } body[data-elementor-device-mode=tablet] .a-tabletcenter .wgl-layout-tablet-left { justify-content: center; } body[data-elementor-device-mode=tablet] .a-tabletcenter .wgl-layout-tablet-right { justify-content: center; } body[data-elementor-device-mode=tablet] .a-tabletright .wgl-layout-top { justify-content: unset; } body[data-elementor-device-mode=tablet] .a-tabletright .wgl-layout-left { justify-content: flex-end; } body[data-elementor-device-mode=tablet] .a-tabletright .wgl-layout-right { justify-content: flex-start; } body[data-elementor-device-mode=tablet] .a-tabletright .wgl-layout-tablet-top { justify-content: unset; } body[data-elementor-device-mode=tablet] .a-tabletright .wgl-layout-tablet-left { justify-content: flex-end; } body[data-elementor-device-mode=tablet] .a-tabletright .wgl-layout-tablet-right { justify-content: flex-start; } body[data-elementor-device-mode=tablet] .wgl-layout-tablet-top { flex-direction: column; } body[data-elementor-device-mode=tablet] .wgl-layout-tablet-top .content_wrapper { flex-grow: 0; } body[data-elementor-device-mode=tablet] .wgl-layout-tablet-left { flex-direction: row; } body[data-elementor-device-mode=tablet] .wgl-layout-tablet-left .content_wrapper { flex-grow: 1; } body[data-elementor-device-mode=tablet] .wgl-layout-tablet-right { flex-direction: row-reverse; } body[data-elementor-device-mode=tablet] .wgl-layout-tablet-right .content_wrapper { flex-grow: 1; } body[data-elementor-device-mode=mobile] .a-mobileleft { text-align: left; } body[data-elementor-device-mode=mobile] .a-mobilecenter { text-align: center; } body[data-elementor-device-mode=mobile] .a-mobileright { text-align: right; } body[data-elementor-device-mode=mobile] .a-mobilejustify { text-align: justify; } body[data-elementor-device-mode=mobile] .a-mobileleft .wgl-layout-top { justify-content: unset; } body[data-elementor-device-mode=mobile] .a-mobileleft .wgl-layout-left { justify-content: flex-start; } body[data-elementor-device-mode=mobile] .a-mobileleft .wgl-layout-right { justify-content: flex-end; } body[data-elementor-device-mode=mobile] .a-mobileleft .wgl-layout-tablet-top { justify-content: unset; } body[data-elementor-device-mode=mobile] .a-mobileleft .wgl-layout-tablet-left { justify-content: flex-start; } body[data-elementor-device-mode=mobile] .a-mobileleft .wgl-layout-tablet-right { justify-content: flex-end; } body[data-elementor-device-mode=mobile] .a-mobilecenter .wgl-layout-top { justify-content: unset; } body[data-elementor-device-mode=mobile] .a-mobilecenter .wgl-layout-left, body[data-elementor-device-mode=mobile] .a-mobilecenter .wgl-layout-right { justify-content: center; } body[data-elementor-device-mode=mobile] .a-mobilecenter .wgl-layout-tablet-top { justify-content: unset; } body[data-elementor-device-mode=mobile] .a-mobilecenter .wgl-layout-tablet-left { justify-content: center; } body[data-elementor-device-mode=mobile] .a-mobilecenter .wgl-layout-tablet-right { justify-content: center; } body[data-elementor-device-mode=mobile] .a-mobileright .wgl-layout-top { justify-content: unset; } body[data-elementor-device-mode=mobile] .a-mobileright .wgl-layout-left { justify-content: flex-end; } body[data-elementor-device-mode=mobile] .a-mobileright .wgl-layout-right { justify-content: flex-start; } body[data-elementor-device-mode=mobile] .a-mobileright .wgl-layout-tablet-top { justify-content: unset; } body[data-elementor-device-mode=mobile] .a-mobileright .wgl-layout-tablet-left { justify-content: flex-end; } body[data-elementor-device-mode=mobile] .a-mobileright .wgl-layout-tablet-right { justify-content: flex-start; } body[data-elementor-device-mode=mobile] .wgl-layout-mobile-top { flex-direction: column; } body[data-elementor-device-mode=mobile] .wgl-layout-mobile-top .content_wrapper { flex-grow: 0; } body[data-elementor-device-mode=mobile] .wgl-layout-mobile-left { flex-direction: row; } body[data-elementor-device-mode=mobile] .wgl-layout-mobile-left .content_wrapper { flex-grow: 1; } body[data-elementor-device-mode=mobile] .wgl-layout-mobile-right { flex-direction: row-reverse; } body[data-elementor-device-mode=mobile] .wgl-layout-mobile-right .content_wrapper { flex-grow: 1; } /* hover_links */ .hover_links a { position: relative; z-index: 1; width: -moz-fit-content; width: fit-content; } .hover_links a:before, .hover_links a:after { content: ""; position: absolute; bottom: 0; height: 1px; width: 0; transition: 0s; } .hover_links a:before { left: 0; } .hover_links a:after { transition: width 0.4s; right: 0; } .hover_links a:hover:before { width: 100%; transition: width 0.4s; } .hover_links a:hover:after { width: 100%; transition: 0s; background: transparent; } .fullwidth-wrapper { width: 100%; } .z-index-1 { z-index: 1; } .relative { position: relative; } .text-uppercase { text-transform: uppercase; } .bypostauthor { opacity: 1; } .ohidden { overflow: hidden; } .ovisible { overflow: visible; } .d-block { display: block; } .d-none { display: none; } pre { border-radius: 12px; } .wp-caption-text, .wp-caption .wp-caption-text { margin: 0.5em 0; font-size: 13px; text-align: center; } .wp-caption, .gallery-caption { font-style: italic; max-width: 100%; margin-bottom: 1em; } .wp-caption img, .gallery-caption img { border-radius: unset; } #main { padding: 40px 0; position: relative; z-index: 0; overflow: hidden; } body > #main .row.sidebar_left #main-content { float: right; } .gm-control-active { border-radius: unset; box-shadow: none; } hr { margin: 20px 0 20px; border: none; border-bottom: 1px solid #1d1f21; } hr.wp-block-separator { max-width: 100px; } hr.wp-block-separator.is-style-wide, hr.wp-block-separator.is-style-dots { max-width: 100%; } table thead, table tbody { border: 1px solid #ebebee; background-color: #ffffff; } table td, table th { padding: 5px 10px; text-align: left; } table:not(:last-child) { margin-bottom: 22px; } .screen-reader-text { position: absolute !important; height: 1px; width: 1px; margin: -1px; border: 0; padding: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); word-wrap: normal !important; overflow: hidden; } .screen-reader-text:focus { display: block; z-index: 100000; top: 5px; left: 5px; width: auto; height: auto; padding: 15px 23px 14px; font-size: 1em; line-height: normal; color: #444; text-decoration: none; background-color: #eee; clip: auto !important; -webkit-clip-path: none; clip-path: none; } .mejs-container { margin-bottom: 20px; } .wgl-row-animation > .elementor-container { z-index: 1; } .particles-js { position: absolute; z-index: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .page-header .particles-js { left: 0; top: 0; } .extended-parallax { position: absolute; z-index: -1; width: 100%; } .wgl-background-image_parallax { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .wgl-background-image_parallax div { height: 100%; } .wgl-elementor-shape { overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; pointer-events: none; } .wgl-elementor-shape-top { top: -1px; } .wgl-elementor-shape-bottom { bottom: -1px; } .wgl-elementor-shape svg { display: block; width: calc(100% + 1.3px); position: relative; left: 50%; transform: translateX(-50%); } /* ==================== ##Header Styles ==================== */ .wgl-theme-header { position: relative; z-index: 3; } .wgl-theme-header .wrapper a { color: inherit; } .wgl-theme-header .wrapper .cleenday_module_button a { margin-bottom: 0; box-shadow: none; color: #ffffff; } .wgl-theme-header .wgl-sticky-header .wgl-logotype-container > a, .wgl-theme-header .wgl-sticky-header .wgl-logotype-container > a > img { max-height: none !important; } .wgl-theme-header .wgl-mobile-header, .wgl-theme-header .mobile_nav_wrapper .primary-nav .menu, .wgl-theme-header .wgl-mobile-header i.menu-item__plus { display: none; } .wgl-theme-header.header_overlap { position: absolute; z-index: 99; width: 100%; left: 0; top: 0; } .wgl-theme-header.header_overlap .wgl-site-header .primary-nav > ul > li > a > span, .wgl-theme-header.header_overlap .wgl-site-header .primary-nav > ul > li > a > i { color: inherit; } .wgl-theme-header.header_overlap .wgl-site-header .primary-nav > ul > li > a > span:before { background: currentColor; } .wgl-theme-header.header_overlap .wgl-site-header .primary-nav > ul > li > a > i:before { opacity: 1; } .wgl-theme-header.header_overlap .wgl-site-header .primary-nav > ul > li > a > span:after { opacity: 1; background: currentcolor; } .wgl-theme-header.header_shadow { box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1); } .wgl-theme-header a.wgl-button { color: #ffffff; } body:not(.elementor-editor-active) .wgl-theme-header .elementor-column, body:not(.elementor-editor-active) .wgl-theme-header .elementor-column-wrap, body:not(.elementor-editor-active) .wgl-theme-header .elementor-widget-wrap, body:not(.elementor-editor-active) .wgl-theme-header .elementor-widget[data-widget_type="wgl-menu.default"] { position: static; } .wgl-header-row .wgl-header-row_wrapper { display: flex; position: relative; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .wgl-header-row .header_side.display_normal { flex: 0 auto; } .wgl-header-row .header_side.display_grow { flex: 1; } .wgl-header-row .header_side.display_grow .primary-nav > .menu { white-space: nowrap; } .wgl-header-row .header_side.v_align_middle { align-self: center; } .wgl-header-row .header_side.v_align_bottom { align-self: flex-end; } .wgl-header-row .header_side.v_align_bottom .primary-nav > ul > li > a { align-self: flex-end; align-items: flex-end; } .wgl-header-row .header_side.v_align_bottom .header_area_container > *, .wgl-header-row .header_side.v_align_bottom .header_search-button { vertical-align: bottom; } .wgl-header-row .header_side.v_align_top { align-self: flex-start; } .wgl-header-row .header_side.v_align_top .primary-nav .lavalamp-object { top: 0; bottom: auto; } .wgl-header-row .header_side.v_align_top .primary-nav .lavalamp-object:before { transform: rotate(0.5turn); } .wgl-header-row .header_side.v_align_top .primary-nav > ul > li > a { align-self: flex-start; align-items: flex-start; } .wgl-header-row .header_side.v_align_top .header_area_container > *, .wgl-header-row .header_side.v_align_top .header_search-button { vertical-align: top; } .wgl-header-row .header_side.h_align_left { text-align: left; } .wgl-header-row .header_side.h_align_center { text-align: center; } .wgl-header-row .header_side.h_align_right { text-align: right; } .wgl-header-row .header_side.display_grow.h_align_right { margin-left: auto; } .wgl-header-row .header_side.display_grow.h_align_center { margin-right: auto; margin-left: auto; } .wgl-header-row .header_side.display_grow.h_align_left { margin-right: auto; } .wgl-header-row .header_side.display_grow.h_align_left .header_area_container { justify-content: flex-start; } .wgl-header-row .header_side.display_grow.h_align_center .header_area_container { justify-content: center; } .wgl-header-row .header_side.display_grow.h_align_right .header_area_container { justify-content: flex-end; } .wgl-header-row .header_side[class^=position_center] .header_area_container > div.mini-cart { padding: 0; } .wgl-header-row .header_side[class^=position_center] .primary-nav > ul li.mega-menu > ul.mega-menu { left: 0; right: 0; margin: 0 auto; } .wgl-header-row .header_side[class^=position_left] .header_area_container > *:last-child { padding-right: 0; } .wgl-header-row .header_side[class^=position_right] .header_area_container > *:first-child { padding-left: 0; } .wgl-header-row .header_side[class^=position_left] .primary-nav ul li ul { left: 0; right: auto; } .wgl-header-row .header_side[class^=position_left] .primary-nav > ul > li ul .sub-menu { left: calc(100% + 10px); right: auto; } .wgl-header-row .header_side[class^=position_left] .primary-nav > ul > li:nth-last-child(1) > .sub-menu { left: 0; right: auto; } .wgl-header-row .header_side[class^=position_left] .primary-nav > ul > li:nth-last-child(1) > .sub-menu .sub-menu { left: calc(100% + 5px); right: auto; } .wgl-header-row .header_side, .wgl-header-row .header_render_editor, .wgl-header-row .wrapper, .wgl-header-row .header_area_container { max-width: 100%; box-sizing: border-box; } .header_area_container { display: inline-block; height: 100%; max-height: 100%; } .header_area_container > * { display: inline-block; vertical-align: middle; } .delimiter { position: relative; } .wgl-logotype-container img { vertical-align: middle; max-height: 100%; max-width: initial; } .wgl-logotype-container a { color: inherit; } .wgl-logotype-container .logo-name { font-size: 24px; line-height: 1; color: inherit; } header:not(.wgl-menu-outer_content) > .wgl-logotype-container .logo-name { width: 200px; width: min-content; font-size: 30px; white-space: pre-line; } .primary-nav { letter-spacing: 0.02em; height: 80px; } .primary-nav a { transition: 0.3s; } .primary-nav.align-left { text-align: left; } .primary-nav.align-left > ul.menu > li.mega-menu-links > ul.mega-menu.sub-menu, .primary-nav.align-left > ul.menu > li.mega-cat > div.mega-menu-container { left: 0; right: auto; } .primary-nav.align-center { text-align: center; } .primary-nav.align-center > ul.menu > li.mega-menu-links > ul.mega-menu.sub-menu, .primary-nav.align-center > ul.menu > li.mega-cat > div.mega-menu-container { left: 0; right: 0; margin-left: auto; margin-right: auto; } .primary-nav.align-right { text-align: right; } .primary-nav.align-right > ul.menu > li.mega-menu-links > ul.mega-menu.sub-menu, .primary-nav.align-right > ul.menu > li.mega-cat > div.mega-menu-container { left: auto; right: 0; } .primary-nav .lavalamp { position: static; } .primary-nav .lavalamp-object { position: absolute; z-index: 0; left: 0; bottom: 0; font-size: 24px; line-height: 9px; opacity: 0; } .primary-nav .lavalamp-object:before { display: inline-block; } .primary-nav .lavalamp_animate .lavalamp-object { opacity: 1; } .primary-nav > ul.lavalamp > li > a > span:after { display: none !important; } .primary-nav ul:hover li:not(:hover) { z-index: 0; position: relative; } .primary-nav ul li { display: inline-block; vertical-align: middle; line-height: inherit; } .primary-nav > ul li { position: relative; padding-left: 0; } .primary-nav > ul li.mega-menu { position: static !important; } .primary-nav > ul li.mega-menu > ul.mega-menu { left: auto; } .primary-nav > ul { height: 100%; margin-left: 0; padding: 0; } .primary-nav > ul:not(.lavalamp) > li:hover > a > span:not(.button_switcher):after, .primary-nav > ul:not(.lavalamp) > li:hover > a > span:not(.button_switcher):before { width: calc(100% + 10px); } .primary-nav > ul > li { height: 100%; } .primary-nav > ul > li[class*=current] > a > span:after, .primary-nav > ul > li[class*=current] > a > span:before { width: calc(100% + 10px); } .primary-nav > ul > li.mega-menu-links > ul.mega-menu { padding-left: 10px; padding-right: 10px; } .primary-nav > ul > li > a { display: flex; position: relative; z-index: 1; height: 100%; align-items: center; padding: 0 30px; color: inherit; transition: 0.3s; } .primary-nav > ul > li > a > span { position: relative; } .primary-nav > ul > li:hover > a > span:after { width: 20px; } .primary-nav > ul > li.menu-item-has-children > a > span + .menu-item__plus, .primary-nav > ul > li.mega-menu.mega-cat > a > span + .menu-item__plus { position: relative; top: -0.8em; font-style: normal; font-size: 0.625em; font-weight: 700; transition: color 0.3s, top 0.35s; } .primary-nav > ul > li.menu-item-has-children:hover > a > span + .menu-item__plus, .primary-nav > ul > li.mega-menu.mega-cat:hover > a > span + .menu-item__plus { top: -1.3em; } .primary-nav ul li ul ul { top: -3px; left: calc(100% + 10px); } .primary-nav ul li ul li { display: block; } .primary-nav ul li ul li > a > span, .primary-nav ul li ul li > a > i { position: relative; transition: 0.3s ease-in-out; } .primary-nav ul li ul li > a > span { padding-right: 0; } .primary-nav ul li ul li > a > span .item_text { position: relative; z-index: 1; } .primary-nav ul li ul li:hover ul { top: -23px; } .primary-nav ul li ul li:hover > a > span:not(.button_switcher) + i.menu-item__plus, .primary-nav ul li ul li.menu-item-has-children:hover > a > span:not(.button_switcher) + i.menu-item__plus, .primary-nav ul li ul li[class*=current] > a > span:not(.button_switcher) + i.menu-item__plus { color: inherit; } .primary-nav ul li ul .menu-item { line-height: inherit; } .primary-nav ul li ul .menu-item:not(:last-child) { margin-bottom: 5px; } .primary-nav ul li ul .menu-item a { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 3px 30px; color: inherit; opacity: 1; transition: 0s; z-index: 1; } .primary-nav ul li ul .menu-item a:before { content: ""; position: absolute; top: 0; right: 10px; bottom: 0; left: 10px; display: block; border-radius: 6px; background-color: #f7f5f7; opacity: 0; transform: scale3d(0.93, 0.72, 1); z-index: -1; transition: all 0.4s; } .primary-nav ul li ul .menu-item[class*=current]:not(:hover) > a:before, .primary-nav ul li ul .menu-item:hover > a:before { opacity: 1; transform: scale3d(1, 1, 1); } .primary-nav ul li ul .menu-item[class*=current]:not(:hover) > a > .menu-item__plus, .primary-nav ul li ul .menu-item:hover > a > .menu-item__plus { transform: translateX(10px); } .primary-nav ul li ul, .primary-nav ul li div.mega-menu-container { display: block; position: absolute; z-index: 555; top: calc(100% + 10px); left: 0; min-width: 260px; white-space: nowrap; margin-top: 0; margin-left: 0; border-radius: 12px; padding: 23px 0; text-align: left; box-shadow: 0 0 28.5px 1.5px rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; transform: translateY(5px) translateZ(0); transition: 0.3s ease-in; } .primary-nav ul li ul:before, .primary-nav ul li div.mega-menu-container:before { content: ""; position: absolute; height: 10px; width: 100%; top: -10px; left: 0; } .primary-nav ul li:hover > ul, .primary-nav ul li:hover > div.mega-menu-container { top: calc(100% + 10px); opacity: 1; visibility: visible; transform: translateY(0) translateZ(0); } .primary-nav ul li:hover > ul.mega-menu > ul.mega-menu, .primary-nav ul li:hover > ul.mega-menu > li > ul.mega-menu, .primary-nav ul li:hover > ul > ul.mega-menu, .primary-nav ul li:hover > ul > li > ul.mega-menu, .primary-nav ul li:hover > div.mega-menu-container.mega-menu > ul.mega-menu, .primary-nav ul li:hover > div.mega-menu-container.mega-menu > li > ul.mega-menu, .primary-nav ul li:hover > div.mega-menu-container > ul.mega-menu, .primary-nav ul li:hover > div.mega-menu-container > li > ul.mega-menu { opacity: 1; visibility: visible; } .primary-nav ul li ul:not(.mega-menu) li.menu-item-has-children > a > span + .menu-item__plus { padding-left: 10px; font-size: 10px; line-height: 1; font-style: normal; font-weight: normal; } .primary-nav ul li ul:not(.mega-menu) li.menu-item-has-children > a > span + .menu-item__plus:before { content: "\f102"; font-family: "Flaticon"; } .primary-nav > .menu > .menu-item:nth-last-child(1) > .sub-menu { right: 10px; } .primary-nav > .menu > .menu-item:nth-last-child(1) > .sub-menu, .primary-nav > .menu > .menu-item:nth-last-child(1) > .sub-menu .sub-menu { left: auto; } .primary-nav > .menu > .menu-item:nth-last-child(1) > .sub-menu .sub-menu { right: calc(100% + 10px); } .primary-nav > .menu > .menu-item > .sub-menu.wgl-submenu-position-left { left: auto !important; right: 10px !important; } .primary-nav > .menu > .menu-item > .sub-menu.wgl-submenu-position-right { right: auto !important; left: 10px !important; } .primary-nav ul.sub-menu.wgl-submenu-position-left { left: auto !important; right: calc(100% + 10px) !important; } .primary-nav ul.sub-menu.wgl-submenu-position-right { right: auto !important; left: calc(100% + 10px) !important; } .admin-bar .wgl-sticky-header { top: 32px; } .admin-bar .wgl-theme-header .woo_mini_cart { margin-top: 32px; max-height: calc(100% - 32px - 30px); } .primary-nav ul li.mega-menu-links > ul { padding: 0; box-sizing: border-box; width: 1170px; display: flex; flex-wrap: wrap; } .primary-nav ul li.mega-menu-links > ul > li { float: left; box-sizing: border-box; margin-top: 27px; margin-left: 0; margin-right: 0; padding: 0; font-size: 16px !important; font-weight: 600 !important; text-transform: capitalize; } .primary-nav ul li.mega-menu-links > ul > li:after { content: unset; display: none; position: absolute; top: 30px; right: 0; width: 1px; height: calc(100% - 60px); background: unset; } .primary-nav ul li.mega-menu-links > ul > li:hover ~ li { z-index: 0; } .primary-nav ul li.mega-menu-links > ul > li.hide-mega-headings > a { display: none; } .primary-nav ul li.mega-menu-links > ul > li:hover > a > span { color: initial !important; background: none !important; } .primary-nav ul li.mega-menu-links > ul > li > a { position: relative; padding-top: 4px; padding-bottom: 0; padding-left: 28px; padding-right: 20px; } .primary-nav ul li.mega-menu-links > ul > li > a > span { padding-left: 0 !important; } .primary-nav ul li.mega-menu-links > ul > li > a:after { display: none; } .primary-nav ul li.mega-menu-links.mega-columns-1col > ul > li { width: 100%; } .primary-nav ul li.mega-menu-links.mega-columns-1col > ul > li:after { display: none; } .primary-nav ul li.mega-menu-links.mega-columns-2col > ul > li { width: 50%; } .primary-nav ul li.mega-menu-links.mega-columns-2col > ul > li:nth-child(2n):after { display: none; } .primary-nav ul li.mega-menu-links.mega-columns-3col > ul > li { width: 33.33333%; } .primary-nav ul li.mega-menu-links.mega-columns-3col > ul > li:nth-child(3n):after { display: none; } .primary-nav ul li.mega-menu-links.mega-columns-4col > ul > li { width: 25%; } .primary-nav ul li.mega-menu-links.mega-columns-4col > ul > li:nth-child(4n):after { display: none; } .primary-nav ul li.mega-menu-links.mega-columns-5col > ul > li { width: 20%; } .primary-nav ul li.mega-menu-links.mega-columns-5col > ul > li:nth-child(5n):after { display: none; } .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul { position: relative; left: 0 !important; right: auto !important; padding-top: 6px; padding-bottom: 25px; top: 0; opacity: 0; min-width: auto; visibility: hidden; margin-top: 0; background: transparent; border: 0; box-shadow: none; } .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li { padding-left: 0; padding-right: 0; text-transform: none; } .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li ul { left: 100% !important; right: auto !important; } body:not(.home):not(.cleenday-blog-type-overlay) > header:not(.header_overlap) + #main, body.home.blog > header:not(.header_overlap) + #main { border-top: 1px solid rgba(31, 46, 44, 0.1); } .wgl-sticky-header { position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; transform: translateY(-100%); overflow: hidden; opacity: 0; transition: 0.3s; } .wgl-sticky-header.sticky_active { overflow: visible; transform: translateY(0); opacity: 1; } .wgl-sticky-header.header_sticky_shadow { box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1); } .wgl-mobile-header .wgl-header-row { display: flex; align-items: center; } .wgl-mobile-header .primary-nav ul li a span:after { display: none; } .wgl-mobile-header .header_search-button { padding: 0; font-size: 21px; font-weight: normal; } .wgl-mobile-header .wgl-header-row_wrapper { position: static; } .wgl-mobile-header .header_search .wgl-search .header_search-close { transform: scale(0); } .wgl-mobile-header .header_search.search_standard .header_search-field { padding: 0 20px; } .wgl-mobile-header .header_search.search_standard .header_search-field .header_search-close { right: 20px; } .wgl-mobile-header .header_search.search_standard .header_search-field .search-form { margin: auto; width: calc(100% - 80px); } @media (max-width: 379px) { .wgl-mobile-header .header_search.search_standard .header_search-field .search-form { margin: unset; width: calc(100% - 40px); } } .wgl-mobile-header .header_search.header_search-open .wgl-search .header_search-close { transform: scale(1); } header .elementor-widget-wrap { align-items: center; } header nav.children-counter-disable > ul > li.menu-item-has-children > a > span + .menu-item__plus, header nav.children-counter-disable > ul > li.mega-menu.mega-cat > a > span + .menu-item__plus { position: static; padding-left: 6px; font-size: 8px; font-weight: 400; line-height: 1; } header nav.children-counter-disable > ul > li.menu-item-has-children > a > span + .menu-item__plus:before, header nav.children-counter-disable > ul > li.mega-menu.mega-cat > a > span + .menu-item__plus:before { content: "\f102"; font-family: "Flaticon"; display: block; transform: rotate(90deg); } header nav.children-counter-disable > ul > li.menu-item-has-children:hover > a > span + .menu-item__plus, header nav.children-counter-disable > ul > li.mega-menu.mega-cat:hover > a > span + .menu-item__plus { top: unset; } header nav.submenu-disable .menu-item__plus, header nav.submenu-disable .sub-menu { display: none; } body.single-header.elementor-editor-active .wgl-site-header, body.single-header.elementor-editor-active .wgl-site-header .primary-nav { display: block; } .lavalamp .lavalamp-object { transition-property: transform, width, height, opacity; } .lavalamp .lavalamp-object.ease-in-out { transition-timing-function: ease-in-out; } .lavalamp .lavalamp-object.linear { transition-timing-function: linear; } .lavalamp .lavalamp-object.easeInQuad { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .lavalamp .lavalamp-object.easeInCubic { transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .lavalamp .lavalamp-object.easeInQuart { transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); } .lavalamp .lavalamp-object.easeInQuint { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .lavalamp .lavalamp-object.easeInSine { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .lavalamp .lavalamp-object.easeInExpo { transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); } .lavalamp .lavalamp-object.easeInCirc { transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335); } .lavalamp .lavalamp-object.easeInBack { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } .lavalamp .lavalamp-object.easeOutQuad { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lavalamp .lavalamp-object.easeOutCubic { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .lavalamp .lavalamp-object.easeOutQuart { transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .lavalamp .lavalamp-object.easeOutQuint { transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lavalamp .lavalamp-object.easeOutSine { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } .lavalamp .lavalamp-object.easeOutExpo { transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lavalamp .lavalamp-object.easeOutCirc { transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } .lavalamp .lavalamp-object.easeOutBack { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .lavalamp .lavalamp-object.easeInOutQuad { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } .lavalamp .lavalamp-object.easeInOutCubic { transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } .lavalamp .lavalamp-object.easeInOutQuart { transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } .lavalamp .lavalamp-object.easeInOutQuint { transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .lavalamp .lavalamp-object.easeInOutSine { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } .lavalamp .lavalamp-object.easeInOutExpo { transition-timing-function: cubic-bezier(1, 0, 0, 1); } .lavalamp .lavalamp-object.easeInOutCirc { transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } .lavalamp .lavalamp-object.easeInOutBack { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } /* ==================== #Mobile Navigation ==================== */ .hamburger-box { display: none; cursor: pointer; } .hamburger-box .hamburger-inner { width: 20px; line-height: 0; } .hamburger-box .hamburger-inner span { display: inline-block; position: relative; width: 20px; height: 2px; vertical-align: top; background: currentColor; } .hamburger-box .hamburger-inner span + span { margin-top: 5px; } body.mobile_switch_on .hamburger-inner span:nth-child(1) { animation: ease 0.7s 0.4s burger_top-1-45 forwards; } body.mobile_switch_on .hamburger-inner span:nth-child(2) { animation: ease 0.7s 0.4s burger_scaled-1 forwards; } body.mobile_switch_on .hamburger-inner span:nth-child(3) { animation: ease 0.7s 0.4s burger_bottom-1-135 forwards; } body.mobile_switch_off .hamburger-inner span:nth-child(1) { animation: ease 0.7s 0.4s burger_top-2-45 backwards; } body.mobile_switch_off .hamburger-inner span:nth-child(2) { animation: ease 0.7s 0.4s burger_scaled-2 backwards; } body.mobile_switch_off .hamburger-inner span:nth-child(3) { animation: ease 0.7s 0.4s burger_bottom-2-135 backwards; } body.mobile_switch_on .mobile_nav_wrapper .wgl-menu_overlay { opacity: 1; visibility: visible; } .mobile_nav_wrapper .wgl-menu_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); visibility: hidden; opacity: 0; transition: 0.45s ease-in-out; } .mobile_nav_wrapper .primary-nav { width: calc(100% + 17px); } .mobile_nav_wrapper .primary-nav ul li ul li > a > span:before, .mobile_nav_wrapper .primary-nav ul li ul li.menu-item-has-children:after, .mobile_nav_wrapper .primary-nav ul li ul li.menu-item-has-children > a:after, .mobile_nav_wrapper .primary-nav > ul > li.menu-item-has-children > a:after, .mobile_nav_wrapper .primary-nav ul li ul li > a:before, .mobile_nav_wrapper .primary-nav > ul > li > a:after, .mobile_nav_wrapper .primary-nav > ul > li.menu-item-has-children > a:after, .mobile_nav_wrapper .primary-nav > ul > li.mega-menu.mega-cat > a:after, .mobile_nav_wrapper .primary-nav > ul > li > a span:before { display: none; } .mobile_nav_wrapper .primary-nav > ul > li > a > span { padding-right: 0 !important; } .mobile_nav_wrapper .primary-nav > ul li { position: static; } .mobile_nav_wrapper .primary-nav ul li a { position: relative; text-transform: capitalize; } .mobile_nav_wrapper .primary-nav ul li ul li.current-menu-ancestor.current-menu-parent > a > span, .mobile_nav_wrapper .primary-nav ul li ul li.current-menu-item > a > span, .mobile_nav_wrapper .primary-nav ul li ul li.current_page_item > a > span, .mobile_nav_wrapper .primary-nav ul li ul li:hover > a > span { color: inherit; } .mobile_nav_wrapper .primary-nav ul li ul.sub-menu { position: relative; top: 0 !important; left: 0 !important; right: 0 !important; width: 100%; box-sizing: border-box; padding: 0 0 0 25px; min-width: auto; color: inherit; opacity: 1; visibility: visible; transition: 0s; white-space: initial; overflow: hidden; transform: none !important; } body.admin-bar .wgl-menu_outer { top: 32px; height: calc(100vh - 32px); } .wgl-menu_outer { position: fixed; z-index: 999; background-color: #222328; overflow: hidden; width: 400px; height: 100%; top: 0; transform: translateX(-100%); transition: transform 0.45s ease-in-out; -webkit-user-select: none; user-select: none; } .wgl-menu_outer.menu-position_right { right: 0; transform: translateX(100%); } .wgl-menu_outer.menu-position_right .wgl-menu-outer_header { right: auto; left: -35px; } .wgl-menu_outer .mobile-hamburger-close { border-radius: 6px; line-height: 0; position: relative; z-index: 999; } .wgl-menu_outer .wgl-menu-outer_header { position: absolute; top: 20px; right: -45px; } .wgl-menu_outer .wgl-menu-outer_header .hamburger-box { padding: 12px 10px; } .wgl-menu_outer .wgl-menu_content { position: relative; width: 100%; height: 100%; } .wgl-menu_outer .wgl-menu-outer_content { position: absolute; padding: 17px 30px; width: 100%; top: 0; right: 0; bottom: 0; left: 0; overflow-y: scroll; scrollbar-width: none; } .wgl-menu_outer .wgl-menu-outer_content::-webkit-scrollbar { display: none; } .wgl-menu_outer .wgl-menu-outer_content .wgl-logotype-container { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; min-height: 30px; } body.mobile_switch_on { position: fixed; overflow: hidden; width: 100%; height: 100%; } body.mobile_switch_on .wgl-menu_outer { transform: translateX(0%); overflow: visible; } .mobile_nav_wrapper .wgl-menu-outer_content > * { margin-top: 20px; } .mobile_nav_wrapper .wgl-menu-outer_content > *:first-child { margin-top: 0; } .mobile_nav_wrapper .primary-nav > ul.mobile_switch_on { position: relative; left: 0; width: 100%; height: auto; box-sizing: border-box; margin: 0; padding: 0; text-align: left; display: block !important; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li { display: block; float: none; height: auto; padding: 0; margin: 0 !important; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li div.mega-menu-container { display: none !important; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li:before { display: none; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu { min-height: inherit !important; padding-right: 0 !important; padding-left: 30px !important; max-width: none !important; background-image: none !important; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li { width: 100%; margin-top: 0; font-weight: inherit !important; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li.hide-mega-headings a { display: block; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li ul.show_sub_menu { visibility: visible; opacity: 1; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li ul li:after { display: none; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li:after { display: none; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a { padding: 5px 0; margin: 0; color: inherit; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a span { display: inline; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a span.menu-item_plus { display: none; } .mobile_nav_wrapper .primary-nav ul li ul li { border-bottom: 0 !important; margin: 0; } .mobile_nav_wrapper .primary-nav ul li ul li:hover > a { background: transparent; color: inherit; } .mobile_nav_wrapper .primary-nav ul li ul li > a:after { display: none; } .mobile_nav_wrapper .primary-nav ul li ul li > a > span { padding: 0; background: none !important; } .mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul > li > a:before { display: none; } .mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul > li:hover > a > span { color: inherit; } .mobile_nav_wrapper .primary-nav ul li ul.sub-menu, .mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li ul, .mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul { box-shadow: none; margin-top: 0; border: none; width: 100%; transition: 0s; background-color: #222328; display: none; } .mobile_nav_wrapper .primary-nav ul li ul.sub-menu:after, .mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li ul:after, .mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul:after { display: none; } .mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul { padding-top: 0; padding-bottom: 0; } .mobile_nav_wrapper .primary-nav ul li ul.sub-menu li:hover, .mobile_nav_wrapper .primary-nav ul li ul.sub-menu li:focus { padding-left: 0; } .mobile_nav_wrapper .primary-nav .button_switcher { width: 50px; height: 50px; z-index: 1; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 0; margin-right: 0; } .mobile_nav_wrapper .primary-nav .button_switcher:before { content: ""; display: inline-block; border-top-width: 1px; border-top-style: solid; border-left-width: 1px; border-left-style: solid; transform: translate(-70%, -35%) rotate(135deg); opacity: 0.8; transition: 0.3s ease; background: none !important; position: absolute; top: 50%; left: 50%; margin: auto; width: 8px; height: 8px; visibility: visible; margin-top: 0; border-radius: 0; color: inherit; margin-left: 0 !important; } .mobile_nav_wrapper .primary-nav .button_switcher:after { content: ""; display: block; position: absolute; top: 15%; left: 15%; width: 70%; height: 70%; opacity: 0.05; border-radius: 6px; background-color: #ffffff; transition: 0.2s; } .mobile_nav_wrapper .primary-nav .button_switcher:hover:after, .mobile_nav_wrapper .primary-nav .button_switcher:focus:after { opacity: 0.02; } .mobile_nav_wrapper .primary-nav .button_switcher.is-active:before { transform: translate(-40%, -65%) rotate(225deg); } .mobile_nav_wrapper .search_mobile_menu .header_search-field { border-radius: 6px; } .wgl-mobile-header .mini-cart { position: static; } .wgl-mobile-header .wgl-logotype-container img { -o-object-fit: contain; object-fit: contain; } .wgl-mobile-header .wgl-header-row .header_side[class^=position_right] .header_area_container > * { padding-left: 25px; } .wgl-mobile-header .wgl-header-row .header_side[class^=position_right] .header_area_container > *:first-child { padding-left: 0; } .wgl-mobile-header .wgl-header-row .header_side[class^=position_left] .header_area_container > * { padding-right: 25px; } .wgl-mobile-header .wgl-header-row .header_side[class^=position_left] .header_area_container > *:last-child { padding-right: 0; } .wgl-mobile-header .wgl-header-row .header_side[class^=position_center] .header_area_container > * { padding-left: 25px; padding-right: 25px; } .wgl-mobile-header .wgl-header-row .header_side[class^=position_center] .header_area_container > *:last-child, .wgl-mobile-header .wgl-header-row .header_side[class^=position_center] .header_area_container > *:first-child { padding-right: 0; padding-left: 0; } @media (max-width: 1200px) { .wgl-theme-header .wgl-sticky-header { display: none; } } @media (max-width: 782px) { body.admin-bar .wgl-menu_outer { top: 46px; height: calc(100vh - 46px); } } @media (max-width: 420px) { .wgl-menu_outer { width: calc(100% - 48px); } } @media (max-width: 360px) { .wgl-mobile-header .woo_mini_cart { width: calc(100vw - 40px); } } @keyframes burger_top-1-45 { 0% { top: 0; transform: rotate(0); } 50% { top: 7px; transform: rotate(0); } 100% { top: 7px; transform: rotate(45deg); } } @keyframes burger_top-2-45 { 0% { top: 7px; transform: rotate(45deg); } 50% { top: 7px; transform: rotate(0); } 100% { top: 0; transform: rotate(0); } } @keyframes burger_bottom-1-135 { 0% { bottom: 0px; transform: rotate(0); } 50% { bottom: 7px; transform: rotate(0); } 100% { bottom: 7px; transform: rotate(135deg); } } @keyframes burger_bottom-2-135 { 0% { bottom: 7px; transform: rotate(135deg); } 50% { bottom: 7px; transform: rotate(0); } 100% { bottom: 0; transform: rotate(0); } } @keyframes burger_scaled-1 { 50% { transform: scale(0); } 100% { transform: scale(0); } } @keyframes burger_scaled-2 { 0% { transform: scale(0); } 50% { transform: scale(0); } 100% { transform: scale(1); } } body .select2-container { font-size: 16px; font-weight: 500; letter-spacing: 0.04em; } body .select2-container ul li { font-size: 16px; line-height: 30px; font-weight: 500; } body .select2-container--default .select2-search--inline .select2-search__field { line-height: 30px; height: 30px; max-width: 100%; } body .select2-container--default .select2-search--dropdown .select2-search__field { background-color: #f7f5f7; padding: 0 19px; border: 1px solid transparent; transition: all 0.3s; margin: 0; } body .select2-container--default .select2-search--dropdown .select2-search__field:hover, body .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: #ece8ec; background-color: #ffffff; } body .select2-container--default .select2-selection--single { padding: 9px 0; background-color: #f7f5f7; border: 1px solid transparent; border-radius: 6px; margin: 0; height: 50px; text-align: left; transition: all 0.3s; } body .select2-container--default .select2-selection--single .select2-selection__clear { float: left; } body .select2-container--default .select2-selection--single .select2-selection__placeholder { color: inherit; } body .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px; padding-left: 19px; } body .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0; right: 0; height: 50px; width: 46px; } body .select2-container--default .select2-selection--single .select2-selection__arrow b { border: unset; height: auto; right: 0; left: auto; margin-left: 0; margin-top: 0; position: absolute; top: 0; } body .select2-container--default .select2-selection--single .select2-selection__arrow b:after { content: "\f078"; display: block; position: absolute; z-index: 1; right: 19px; font-family: "Font Awesome 5 Free"; font-size: 13px; font-weight: 900; line-height: 51px; pointer-events: none; } body .select2-container--default .select2-selection--multiple { font-size: 0; padding: 9px 16px 9px; background-color: #f7f5f7; border: 1px solid transparent; min-height: 50px; border-radius: 6px; transition: background-color 0.3s, border-radius 0.3s; } body .select2-container--default .select2-selection--multiple .select2-selection__rendered { max-width: 100%; } body .select2-container--default .select2-selection--multiple .select2-selection__rendered li { padding-left: 0; padding-right: 10px; margin: 0 !important; max-width: 100%; } body .select2-container--default .select2-selection--multiple .select2-selection__choice { background: unset; border: unset; margin-right: 5px; } body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { transition: color 0.4s; } body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #cf0a05; } body .select2-container--default.select2-container--focus .select2-selection--multiple, body .select2-container--default.select2-container--focus .select2-selection--single, body .select2-container--default.select2-container--open .select2-selection--multiple, body .select2-container--default.select2-container--open .select2-selection--single { border-color: #ece8ec; background-color: #ffffff; } body .select2-container--default .select2-results__option { padding-left: 19px; line-height: 30px; } body .select2-container--default .select2-results__option[aria-selected=true], body .select2-container--default .select2-results__option[data-selected=true] { background-color: #f7f5f7; color: inherit; } body .select2-container--default .select2-results__option--highlighted[aria-selected=true], body .select2-container--default .select2-results__option--highlighted[data-selected=true] { font-weight: 700; } body .select2-results { font-size: 14px; } body .select2-dropdown { border: unset; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.12); border: 1px solid transparent; } body .select2-container--open .select2-dropdown--above { border-top-left-radius: 5px; border-top-right-radius: 5px; } /* ==================== ##Page Title ==================== */ .page-header { display: flex; align-items: center; position: relative; z-index: 1; padding: 10px 0; } .page-header:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); z-index: -2; } .page-header_wrapper { height: 100%; width: 100%; } .page-header_wrapper .wgl-container { height: 100%; } .page-header .page-header_content { height: 100%; display: flex; flex-direction: column; justify-content: center; } .page-header_align_left { justify-content: left; } .page-header_align_left .page-header_content { align-items: flex-start; text-align: left; } .page-header_align_center { justify-content: center; } .page-header_align_center .page-header_content { align-items: center; text-align: center; } .page-header_align_right { justify-content: right; } .page-header_align_right .page-header_content { align-items: flex-end; text-align: right; } .page-header.breadcrumbs_align_left .page-header_breadcrumbs { align-self: flex-start; } .page-header.breadcrumbs_align_center .page-header_breadcrumbs { align-self: center; } .page-header.breadcrumbs_align_right .page-header_breadcrumbs { align-self: flex-end; } .page-header.breadcrumbs_inline .page-header_content { flex-direction: row; align-items: center; } .page-header.breadcrumbs_inline .page-header_content .page-header_breadcrumbs { align-self: auto; } .page-header.breadcrumbs_inline.page-header_align_left .page-header_content { justify-content: space-between; } .page-header.breadcrumbs_inline.page-header_align_right .page-header_content { justify-content: space-between; flex-direction: row-reverse; } .page-header.breadcrumbs_inline.page-header_align_center .page-header_breadcrumbs { margin-left: 20px; } .page-header_title { font-weight: 700; color: inherit; } .page-header_breadcrumbs:not(:first-child) { margin-top: 24px; } .page-header_breadcrumbs a { color: inherit; font-weight: 500; opacity: 0.7; } .page-header_breadcrumbs .breadcrumbs { white-space: nowrap; letter-spacing: 0; font-weight: 600; text-transform: uppercase; pointer-events: none; } .page-header_breadcrumbs .breadcrumbs > a, .page-header_breadcrumbs .breadcrumbs > span { pointer-events: auto; } .page-header_breadcrumbs .breadcrumbs:hover > a, .page-header_breadcrumbs .breadcrumbs:hover > span { opacity: 0.7; } .page-header_breadcrumbs .breadcrumbs .current { color: #ffffff; cursor: default; transition: 0.4s; } .page-header_breadcrumbs .breadcrumbs > a:hover { color: #ffffff; opacity: 1; } .page-header_breadcrumbs .divider:not(:last-child) { color: inherit; transition: 0.4s; } .page-header_breadcrumbs .divider:not(:last-child):before { content: ""; display: inline-block; width: 2px; height: calc(1em + 4px); margin: 0 8px -3px; color: inherit; background-color: currentColor; } .page-header_wrapper_product .page-header_breadcrumbs { margin-top: 23px; } /* ==================== ##Header Search ==================== */ .header_search { position: relative; } .header_search-button { display: inline-block; position: relative; font-size: 22px; font-weight: normal; transform-origin: center; cursor: pointer; transition: 0.3s; } .header_search-close { position: absolute; line-height: 1; cursor: pointer; opacity: 0; transform-origin: center; transform: translateY(60%) scale(0); } .header_search-close:hover { color: #ff7272; } .header_search .header_search-button-wrapper { display: flex; height: 100%; transition: 0.3s; } .header_search.search_alt .header_search-field .search-form, .header_search.search_standard .header_search-field .search-form, .header_search.search_mobile_menu .header_search-field .search-form { position: relative; z-index: 1; } .header_search.search_alt .header_search-field .search-field, .header_search.search_standard .header_search-field .search-field, .header_search.search_mobile_menu .header_search-field .search-field { padding: 12px 60px 11px 20px; } .header_search.search_alt .header_search-field .search-button, .header_search.search_standard .header_search-field .search-button, .header_search.search_mobile_menu .header_search-field .search-button { position: absolute; z-index: 2; height: 100%; width: 50px; top: 0; right: 0; margin: 0; border: none; outline: none; padding: 0; font-size: 0; background: transparent; box-shadow: none; opacity: 0; cursor: pointer; } .header_search.search_alt .header_search-field .search-button:focus, .header_search.search_alt .header_search-field .search-button:active, .header_search.search_standard .header_search-field .search-button:focus, .header_search.search_standard .header_search-field .search-button:active, .header_search.search_mobile_menu .header_search-field .search-button:focus, .header_search.search_mobile_menu .header_search-field .search-button:active { box-shadow: none; background: transparent; } .header_search.search_alt .header_search-field .search-button:hover ~ .search__icon, .header_search.search_standard .header_search-field .search-button:hover ~ .search__icon, .header_search.search_mobile_menu .header_search-field .search-button:hover ~ .search__icon { color: #fff; } .header_search.search_alt .header_search-field .search__icon, .header_search.search_standard .header_search-field .search__icon, .header_search.search_mobile_menu .header_search-field .search__icon { position: absolute; z-index: 1; top: 5px; right: 5px; width: 40px; height: 40px; border-radius: 6px; font-size: 21px; line-height: 40px; font-style: normal; text-align: center; transform: translate(0, 0); opacity: 1; transition: 0.4s; } .header_search.search_alt .header_search-field, .header_search.search_standard .header_search-field { opacity: 0; visibility: hidden; transform: scale3d(0.8, 0.8, 0.8); transition: 0.3s; } .header_search.search_alt .header_search-field { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; z-index: 100001; top: 0; left: 0; width: 100%; height: 100%; max-height: 100vh; background: rgba(65, 65, 65, 0.95); } .header_search.search_alt .header_search-field .search-form { width: 80%; max-width: 1170px; } .header_search.search_alt .header_search-field .search-field { width: 100%; font-weight: 400; font-size: 18px; } .header_search.search_alt .header_search-field .search-field::placeholder { font-size: 16px; font-weight: 500; color: #6e6e6e; outline: none; letter-spacing: 0.04em; -webkit-appearance: none; transition: 0.4s; } .header_search.search_alt .header_search-field .search-field:focus::placeholder, .header_search.search_alt .header_search-field .search-field:active::placeholder { opacity: 0; } .header_search.search_alt .header_search-field .search-button { height: calc(100% - 20px); } .header_search.search_alt .header_search-field .header_search-wrap { display: flex; justify-content: space-between; align-items: center; width: 80%; max-width: 1170px; margin-bottom: 40px; } .header_search.search_alt .header_search-field .header_search-wrap .header_search-heading_description { font-size: 40px; line-height: 1.3; font-weight: 800; color: #ffffff; } @media (max-width: 480px) { .header_search.search_alt .header_search-field .header_search-wrap .header_search-heading_description { font-size: 30px; } } .header_search.search_alt .header_search-field .header_search-close { position: relative; padding: 22px; } .header_search.search_alt .header_search-field .header_search-close:not(:hover) { color: #ffffff; } .header_search.search_alt .header_search-field .header_search-close:before { top: 20px; left: 12px; } .header_search.search_alt .header_search-field .header_search-close:after { top: 11px; left: 20px; } @media (max-width: 480px) { .header_search.search_alt .header_search-field .header_search-close { display: none; } } .header_search.search_standard { position: static; } .header_search.search_standard .header_search-button:hover + .header_search-close { color: #ff7272; } .header_search.search_standard .header_search-field { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 30px; z-index: 2; } .header_search.search_standard .header_search-field .search-form { display: flex; align-items: center; justify-content: center; max-width: 575px; margin: auto; height: 100%; } .header_search.search_standard .header_search-field .search-field { width: 100%; margin: 0; } .header_search.search_standard .header_search-field .search-button { height: 50px; bottom: 0; margin: auto 0; } .header_search.search_standard .header_search-field .search__icon { bottom: 5px; margin: auto 0; } .header_search.search_standard .header_search-field .header_search-close { right: 0; bottom: 0; top: 0; margin: auto; height: 18px; font-size: 18px; } .header_search.header_search-open.search_standard .header_search-button, .header_search.header_search-open.search_alt .header_search-button { opacity: 0; transform-origin: center; transform: scale(0); transition: 0s; } .header_search.header_search-open.search_standard .header_search-close, .header_search.header_search-open.search_alt .header_search-close { opacity: 1; transform: scale(1); transition: 0.3s ease-in-out; } .header_search.header_search-open.search_standard .header_search-field, .header_search.header_search-open.search_alt .header_search-field { opacity: 1; visibility: visible; transform: scale3d(1, 1, 1); } .header_search.header_search-open .wgl-search .header_search-close { transform: translateY(60%) scale(1); } .header_search.search_mobile_menu .header_search-field .search-form .search-field { width: 100%; } .elementor-widget-wgl-header-search { position: static; } .elementor-widget-wgl-header-search.full-height-yes .header_search-close { transform: scale(0); } .elementor-widget-wgl-header-search.full-height-yes .header_search-open .header_search-close { transform: scale(1); } .v_align_middle .header_search-button-wrapper { align-items: center; } .v_align_bottom .header_search-button-wrapper { align-items: flex-end; } .elementor-widget-wgl-header-search.full-height-yes { height: 100%; } .elementor-widget-wgl-header-search.full-height-yes > .elementor-widget-container, .elementor-widget-wgl-header-search.full-height-yes > .elementor-widget-container > .header_search { height: inherit; } .elementor-widget-wgl-header-search.full-height-yes > .elementor-widget-container .header_search-button-wrapper, .elementor-widget-wgl-header-search.full-height-yes > .elementor-widget-container > .header_search .header_search-button-wrapper { align-items: center; } section.elementor-section-content-top .full-height-yes.elementor-widget-wgl-header-search .elementor-widget-container .header_search-button-wrapper { align-items: flex-start; } section.elementor-section-content-bottom .full-height-yes.elementor-widget-wgl-header-search .elementor-widget-container .header_search-button-wrapper { align-items: flex-end; } .wgl-search { align-items: center; } .fullwidth-wrapper .header_search.search_standard .header_search-field .header_search-close { right: 30px; } @media only screen and (max-width: 440px) { .header_search.search_alt .header_search-wrap .header_search-heading_description { font-size: 30px; } } /* ==================== ##Typography ==================== */ span.highlighter { padding: 1px 0.2em; color: #ffffff; border-radius: 3px; } blockquote { display: inline-block; position: relative; z-index: 1; padding: 31px 31px 35px 100px; font-size: 24px; font-weight: 600; line-height: 1.5; background-color: #f7f5f7; border-radius: 12px; letter-spacing: 0.01em; overflow: hidden; } blockquote cite { display: block; position: relative; margin-top: 19px; font-size: 14px; line-height: 1.3; font-weight: 600; letter-spacing: 0.025em; font-style: normal; } blockquote:before { content: "\f10d"; font-family: "Flaticon"; position: absolute; top: 36px; left: 35px; font-size: 36px; font-weight: normal; line-height: 1em; } blockquote:after { content: ""; position: absolute; top: calc(100% - 20px); right: calc(100% - 287px); width: 297px; } blockquote p:last-of-type { margin-bottom: 5px; } blockquote p[style*="text-align: left"] + footer { text-align: left; } blockquote p[style*="text-align: center"] + footer { text-align: center; } blockquote p[style*="text-align: right"] + footer { text-align: right; } .dropcap, .dropcap-bg { float: left; width: calc(1em + 14px); height: calc(1em + 14px); margin-top: 0.4em; margin-right: calc(0.25em + 12px); border: unset; border-radius: 12px; font-size: 1.625em; line-height: calc(1em + 14px); font-weight: 600; color: #ffffff; text-align: center; } .dropcap:not(.alt), .dropcap-bg:not(.alt) { box-shadow: 8px 6px 38px 0 rgba(145, 145, 145, 0.3); } .elementor-drop-cap { margin-top: 0.11em; font-weight: 800; } p.has-drop-cap:not(:focus):first-letter { font-size: 3em; line-height: 1.2; font-weight: 600; } /* ==================== ##Footer Styles ==================== */ .footer_wrapper { padding: 24px 0; } .footer_top-area p { margin-bottom: 0; } .footer_top-area.widgets_area .row { margin-top: 20px; margin-bottom: 35px; } .footer_top-area .widget_rss li cite, .footer_top-area .widget_rss li .rss-date, .footer_top-area .widget_rss .rssSummary { color: inherit; } .footer_top-area strong { font-weight: inherit; } .footer_top-area .textwidget img { margin-bottom: 20px; } .footer_top-area .footer-link { position: relative; z-index: 1; } .footer_top-area .footer-link:before { content: ""; position: absolute; z-index: 1; display: block; bottom: 0; border-bottom: 1px solid; width: 0; right: auto; left: 50%; transform: translateX(-50%); visibility: visible; transition: all 0.3s ease-in-out 0s, color 0s; } .footer_top-area .footer-link:hover { color: #ffffff !important; } .footer_top-area .footer-link:hover:before { width: 100%; color: #ffffff !important; } .footer { position: relative; overflow: hidden; } .footer a { color: inherit; } .footer .widget { color: inherit; } .footer .widgets_area .widget_rss ul li { color: inherit; } .footer .widgets_area .widget_recent_entries ul li a, .footer .widgets_area .widget_recent_entries ul li a a, .footer .widgets_area .widget_recent_comments ul li, .footer .widgets_area .widget_recent_comments ul li a { color: inherit; } .footer .widgets_area .tagcloud a:hover { color: #ffffff; } .footer .widgets_area .widget_calendar .wp-calendar-nav span a, .footer .widgets_area .widget_recent_entries ul li a, .footer .widgets_area .widget_archive ul li a, .footer .widgets_area .widget_categories ul li a, .footer .widgets_area .widget_product_categories ul li a, .footer .widgets_area .widget_meta ul li a, .footer .widgets_area ul.wp-block-archives li a, .footer .widgets_area .widget_categories ul li a, .footer .widgets_area .widget_product_categories ul li a, .footer .widgets_area .widget_recent_comments .recentcomments, .footer .widgets_area .widget_rss li { color: #ffffff; } .footer .widgets_area .widget_calendar .wp-calendar-nav span a .post_count, .footer .widgets_area .widget_recent_entries ul li a .post_count, .footer .widgets_area .widget_archive ul li a .post_count, .footer .widgets_area .widget_categories ul li a .post_count, .footer .widgets_area .widget_product_categories ul li a .post_count, .footer .widgets_area .widget_meta ul li a .post_count, .footer .widgets_area ul.wp-block-archives li a .post_count, .footer .widgets_area .widget_categories ul li a .post_count, .footer .widgets_area .widget_product_categories ul li a .post_count, .footer .widgets_area .widget_recent_comments .recentcomments .post_count, .footer .widgets_area .widget_rss li .post_count { color: #b7b7b7; } .footer .widgets_area .widget_calendar .wp-calendar-nav span a:hover, .footer .widgets_area .widget_recent_entries ul li a:hover, .footer .widgets_area .widget_archive ul li a:hover, .footer .widgets_area .widget_categories ul li a:hover, .footer .widgets_area .widget_product_categories ul li a:hover, .footer .widgets_area .widget_meta ul li a:hover, .footer .widgets_area ul.wp-block-archives li a:hover, .footer .widgets_area .widget_categories ul li a:hover, .footer .widgets_area .widget_product_categories ul li a:hover, .footer .widgets_area .widget_recent_comments .recentcomments:hover, .footer .widgets_area .widget_rss li:hover { background-color: unset; box-shadow: unset; } .footer .widget_pages ul li a, .footer .widget_nav_menu ul li a { color: #ffffff; } .footer .blog-posts .meta-data * { line-height: 22px; } .footer .blog-posts .blog-post_title { margin-top: -5px; } .footer .blog-posts .item:last-child .blog-post { margin-bottom: 0; } .footer .gallery-caption { display: none; } .footer .cleenday_wave_footer { display: block; position: absolute; top: 0; width: 100%; } .footer .cleenday_wave_footer svg { width: 100%; left: 0; top: 0; height: 100%; position: absolute; } .primary-nav.footer-menu .menu-item { display: inline-block; margin: 0 20px; } .copyright { font-size: 16px; } .copyright p { margin: 0; } body.single.single-footer header, body.single.single-footer header + .page-header { display: none; } /* ==================== ##Elementor ==================== */ body.elementor-page main .wgl-container.wgl-content-sidebar, body.elementor-page.single main .wgl-container:not(.wgl-content-sidebar) { padding-right: 15px; padding-left: 15px; } body.elementor-page main .wgl-container.wgl-content-sidebar .elementor-section-wrap, body.elementor-page.single main .wgl-container:not(.wgl-content-sidebar) .elementor-section-wrap { margin-left: -15px; margin-right: -15px; } body.elementor-page main .wgl-container, body.elementor-page .footer_top-area:not(.widgets_area) .wgl-container, body.elementor-editor-active main .wgl-container, body.elementor-editor-active .footer_top-area:not(.widgets_area) .wgl-container, body.elementor-editor-preview main .wgl-container, body.elementor-editor-preview .footer_top-area:not(.widgets_area) .wgl-container { width: auto; max-width: none; margin-left: auto; margin-right: auto; } body.elementor-page main .wgl-container.full-width, body.elementor-page .footer_top-area:not(.widgets_area) .wgl-container.full-width, body.elementor-editor-active main .wgl-container.full-width, body.elementor-editor-active .footer_top-area:not(.widgets_area) .wgl-container.full-width, body.elementor-editor-preview main .wgl-container.full-width, body.elementor-editor-preview .footer_top-area:not(.widgets_area) .wgl-container.full-width { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } body.elementor-page.single-footer main:not(:empty) .wgl-container, body.elementor-page.single-footer .footer_top-area:not(:empty) .wgl-container, body.elementor-editor-active.single-footer main:not(:empty) .wgl-container, body.elementor-editor-active.single-footer .footer_top-area:not(:empty) .wgl-container, body.elementor-editor-preview.single-footer main:not(:empty) .wgl-container, body.elementor-editor-preview.single-footer .footer_top-area:not(:empty) .wgl-container { max-width: none; margin-left: auto; margin-right: auto; } body.elementor-default .footer_top-area:not(.widgets_area) .wgl-container { width: auto; max-width: none; margin-left: auto; margin-right: auto; } body.elementor-default .footer_top-area:not(.widgets_area) .wgl-container.full-width { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .elementor-element.elementor-widget.elementor-widget-spacer { margin-bottom: 0; } .elementor-image-gallery .gallery-item { margin-top: 0 !important; } .elementor-image-gallery img { border: 0 !important; } .elementor-section.wgl-add-background-text:before { margin-left: calc(8.9vw / 2); } .elementor-section.wgl-add-background-text:before, .elementor-section.wgl-add-background-text .wgl-background-text { position: absolute; font-size: 13.0225vw; line-height: 1; z-index: 0; width: 100%; text-align: center; letter-spacing: 8.9vw; white-space: nowrap; color: #f7f7f7; display: block; -webkit-user-select: none; user-select: none; } .elementor-section.wgl-add-background-text.wgl-animation-background-text:before { display: none; } .elementor-section.wgl-add-background-text .wgl-background-text .letter { display: inline-block; text-indent: 0; opacity: 0; } .elementor-section.wgl-add-background-text .wgl-background-text .letter:last-child { margin-right: -8.9vw; } body.elementor-editor-active .elementor-section.wgl-add-background-text.wgl-animation-background-text:before { display: block; } body.elementor-editor-active .wgl-double_heading .dbl__subtitle:before { transform: scaleY(1); } body .elementor-element-overlay ul li:before, body .elementor-select-preset ul li:before { background: transparent; } .elementor-widget-container .elementor-counter .elementor-counter-title { line-height: 1.3; margin-top: 12px; font-weight: 500; } .elementor-widget-container .elementor-swiper-button { width: 50px; height: 50px; border-radius: 6px; font-size: 20px; font-weight: 400; line-height: 50px; text-align: center; color: black; background: #ffffff; transition: 0.4s; } .elementor-widget-container .elementor-swiper-button:hover { color: #ffffff; } .elementor-widget-container .elementor-swiper-button i { line-height: inherit; width: 100%; height: 100%; } .elementor-widget-container .elementor-swiper-button i:before { display: inline-block; font-family: flaticon; } .elementor-widget-container .elementor-swiper-button.elementor-swiper-button-prev { left: 35px; } .elementor-widget-container .elementor-swiper-button.elementor-swiper-button-prev i:before { content: "\f103"; } .elementor-widget-container .elementor-swiper-button.elementor-swiper-button-next { right: 35px; } .elementor-widget-container .elementor-swiper-button.elementor-swiper-button-next i:before { content: "\f102"; } .elementor-widget-container .elementor-image-carousel-wrapper:hover .elementor-swiper-button-next { right: 20px; } .elementor-widget-container .elementor-image-carousel-wrapper:hover .elementor-swiper-button-prev { left: 20px; } /* ==================== ##Blog ==================== */ .blog-style-standard.hover-animation .blog-post { padding-top: 25px; } .blog-style-standard.hover-animation .blog-post:hover .blog-post_wrapper { transform: translateY(-25px); } .blog-style-standard .blog-post_wrapper .blog-post_meta_info { position: absolute; z-index: 12; left: 0; bottom: -25px; width: 100%; padding-top: 0; padding-bottom: 0; transition: 0.45s; } .blog-style-standard .blog-post_wrapper .blog-post_meta_info .meta-data { margin: 0; font-size: 14px; font-weight: 600; } .blog-style-standard .blog-post_wrapper > .blog-post_meta_info { position: relative; bottom: unset; } .blog-style-standard .blog-post_wrapper > .blog-post_meta_info:not(:empty) { margin-bottom: 3px; } .blog-style-standard .wgl_col-12 .blog-post { margin-bottom: 40px; } .blog-style-standard .wgl_col-12:last-child .blog-post { margin-bottom: 60px; } .blog-style-standard .wgl_col-12 .format-standard, .blog-style-standard .wgl_col-12 .format-quote, .blog-style-standard .wgl_col-12 .format-audio, .blog-style-standard .wgl_col-12 .format-link, .blog-style-standard .wgl_col-12 .format-aside.format-no_featured, .blog-style-standard .wgl_col-12 .format-status.format-no_featured, .blog-style-standard .wgl_col-12 .format-chat.format-no_featured, .blog-style-standard .wgl_col-12 .format-gallery.format-no_featured, .blog-style-standard .wgl_col-12 .format-image.format-no_featured, .blog-style-standard .wgl_col-12 .format-video.format-no_featured { margin-bottom: 50px; } .blog-style-standard .wgl_col-12 .format-video.blog-post .blog-post_media .blog-post_media_part { padding-bottom: 56%; } .blog-style-standard .wgl_col-12 .format-video.blog-post .blog-post_media .blog-post_media_part.video_image:not(.video_parallax) { padding-bottom: 0; } .blog-style-standard .wgl_col-12 .format-audio.blog-post .blog-post_media .blog-post_media_part { padding-bottom: 20%; } .blog-style-standard .wgl_col-12 .format-quote .blog-post_media_part:before, .blog-style-standard .wgl_col-12 .format-link .blog-post_media_part:before { content: ""; position: absolute; top: 0; right: 15px; background-image: var(--cleenday-bg-marker-5); background-position: left; background-repeat: no-repeat; transform: rotate(90deg); transform-origin: top right; width: 60px; height: 94px; } .blog-style-standard .wgl_col-12 > :not(.format-no_featured) .blog-post_content { padding: 5px 0 0; } .blog-style-standard .wgl_col-6 .format-standard, .blog-style-standard .wgl_col-6 .format-quote, .blog-style-standard .wgl_col-6 .format-audio, .blog-style-standard .wgl_col-6 .format-link, .blog-style-standard .wgl_col-6 .format-aside.format-no_featured, .blog-style-standard .wgl_col-6 .format-status.format-no_featured, .blog-style-standard .wgl_col-6 .format-chat.format-no_featured, .blog-style-standard .wgl_col-6 .format-gallery.format-no_featured, .blog-style-standard .wgl_col-6 .format-image.format-no_featured, .blog-style-standard .wgl_col-6 .format-video.format-no_featured, .blog-style-standard .wgl_col-4 .format-standard, .blog-style-standard .wgl_col-4 .format-quote, .blog-style-standard .wgl_col-4 .format-audio, .blog-style-standard .wgl_col-4 .format-link, .blog-style-standard .wgl_col-4 .format-aside.format-no_featured, .blog-style-standard .wgl_col-4 .format-status.format-no_featured, .blog-style-standard .wgl_col-4 .format-chat.format-no_featured, .blog-style-standard .wgl_col-4 .format-gallery.format-no_featured, .blog-style-standard .wgl_col-4 .format-image.format-no_featured, .blog-style-standard .wgl_col-4 .format-video.format-no_featured, .blog-style-standard .wgl_col-3 .format-standard, .blog-style-standard .wgl_col-3 .format-quote, .blog-style-standard .wgl_col-3 .format-audio, .blog-style-standard .wgl_col-3 .format-link, .blog-style-standard .wgl_col-3 .format-aside.format-no_featured, .blog-style-standard .wgl_col-3 .format-status.format-no_featured, .blog-style-standard .wgl_col-3 .format-chat.format-no_featured, .blog-style-standard .wgl_col-3 .format-gallery.format-no_featured, .blog-style-standard .wgl_col-3 .format-image.format-no_featured, .blog-style-standard .wgl_col-3 .format-video.format-no_featured { margin-bottom: 50px; } .blog-style-standard .wgl_col-6 .format-standard .blog-post_content, .blog-style-standard .wgl_col-6 .format-quote.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-6 .format-link.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-6 .format-aside.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-6 .format-status.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-6 .format-chat.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-6 .format-audio.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-6 .format-gallery.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-6 .format-image.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-6 .format-video.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-4 .format-standard .blog-post_content, .blog-style-standard .wgl_col-4 .format-quote.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-4 .format-link.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-4 .format-aside.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-4 .format-status.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-4 .format-chat.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-4 .format-audio.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-4 .format-gallery.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-4 .format-image.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-4 .format-video.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-3 .format-standard .blog-post_content, .blog-style-standard .wgl_col-3 .format-quote.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-3 .format-link.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-3 .format-aside.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-3 .format-status.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-3 .format-chat.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-3 .format-audio.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-3 .format-gallery.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-3 .format-image.format-no_featured .blog-post_content, .blog-style-standard .wgl_col-3 .format-video.format-no_featured .blog-post_content { padding: 23px 25px 21px; } .blog-style-standard .wgl_col-6 .format-standard .blog-post_wrapper, .blog-style-standard .wgl_col-6 .format-quote.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-6 .format-link.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-6 .format-aside.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-6 .format-status.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-6 .format-chat.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-6 .format-audio.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-6 .format-gallery.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-6 .format-image.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-6 .format-video.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-4 .format-standard .blog-post_wrapper, .blog-style-standard .wgl_col-4 .format-quote.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-4 .format-link.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-4 .format-aside.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-4 .format-status.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-4 .format-chat.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-4 .format-audio.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-4 .format-gallery.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-4 .format-image.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-4 .format-video.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-3 .format-standard .blog-post_wrapper, .blog-style-standard .wgl_col-3 .format-quote.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-3 .format-link.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-3 .format-aside.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-3 .format-status.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-3 .format-chat.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-3 .format-audio.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-3 .format-gallery.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-3 .format-image.format-no_featured .blog-post_wrapper, .blog-style-standard .wgl_col-3 .format-video.format-no_featured .blog-post_wrapper { box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1); } .blog-style-standard .wgl_col-6 .format-standard .share_post-container, .blog-style-standard .wgl_col-6 .format-quote.format-no_featured .share_post-container, .blog-style-standard .wgl_col-6 .format-link.format-no_featured .share_post-container, .blog-style-standard .wgl_col-6 .format-aside.format-no_featured .share_post-container, .blog-style-standard .wgl_col-6 .format-status.format-no_featured .share_post-container, .blog-style-standard .wgl_col-6 .format-chat.format-no_featured .share_post-container, .blog-style-standard .wgl_col-6 .format-audio.format-no_featured .share_post-container, .blog-style-standard .wgl_col-6 .format-gallery.format-no_featured .share_post-container, .blog-style-standard .wgl_col-6 .format-image.format-no_featured .share_post-container, .blog-style-standard .wgl_col-6 .format-video.format-no_featured .share_post-container, .blog-style-standard .wgl_col-4 .format-standard .share_post-container, .blog-style-standard .wgl_col-4 .format-quote.format-no_featured .share_post-container, .blog-style-standard .wgl_col-4 .format-link.format-no_featured .share_post-container, .blog-style-standard .wgl_col-4 .format-aside.format-no_featured .share_post-container, .blog-style-standard .wgl_col-4 .format-status.format-no_featured .share_post-container, .blog-style-standard .wgl_col-4 .format-chat.format-no_featured .share_post-container, .blog-style-standard .wgl_col-4 .format-audio.format-no_featured .share_post-container, .blog-style-standard .wgl_col-4 .format-gallery.format-no_featured .share_post-container, .blog-style-standard .wgl_col-4 .format-image.format-no_featured .share_post-container, .blog-style-standard .wgl_col-4 .format-video.format-no_featured .share_post-container, .blog-style-standard .wgl_col-3 .format-standard .share_post-container, .blog-style-standard .wgl_col-3 .format-quote.format-no_featured .share_post-container, .blog-style-standard .wgl_col-3 .format-link.format-no_featured .share_post-container, .blog-style-standard .wgl_col-3 .format-aside.format-no_featured .share_post-container, .blog-style-standard .wgl_col-3 .format-status.format-no_featured .share_post-container, .blog-style-standard .wgl_col-3 .format-chat.format-no_featured .share_post-container, .blog-style-standard .wgl_col-3 .format-audio.format-no_featured .share_post-container, .blog-style-standard .wgl_col-3 .format-gallery.format-no_featured .share_post-container, .blog-style-standard .wgl_col-3 .format-image.format-no_featured .share_post-container, .blog-style-standard .wgl_col-3 .format-video.format-no_featured .share_post-container { right: 25px; top: 25px; } .blog-style-standard .wgl_col-6 .format-standard .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-6 .format-quote.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-6 .format-link.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-6 .format-aside.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-6 .format-status.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-6 .format-chat.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-6 .format-audio.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-6 .format-gallery.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-6 .format-image.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-6 .format-video.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-4 .format-standard .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-4 .format-quote.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-4 .format-link.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-4 .format-aside.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-4 .format-status.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-4 .format-chat.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-4 .format-audio.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-4 .format-gallery.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-4 .format-image.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-4 .format-video.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-3 .format-standard .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-3 .format-quote.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-3 .format-link.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-3 .format-aside.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-3 .format-status.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-3 .format-chat.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-3 .format-audio.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-3 .format-gallery.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-3 .format-image.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .wgl_col-3 .format-video.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap { right: 25px; bottom: 20px; } .blog-style-standard .wgl_col-6 .format-standard .blog-post_content > .meta-data, .blog-style-standard .wgl_col-6 .format-quote.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-6 .format-link.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-6 .format-aside.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-6 .format-status.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-6 .format-chat.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-6 .format-audio.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-6 .format-gallery.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-6 .format-image.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-6 .format-video.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-4 .format-standard .blog-post_content > .meta-data, .blog-style-standard .wgl_col-4 .format-quote.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-4 .format-link.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-4 .format-aside.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-4 .format-status.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-4 .format-chat.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-4 .format-audio.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-4 .format-gallery.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-4 .format-image.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-4 .format-video.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-3 .format-standard .blog-post_content > .meta-data, .blog-style-standard .wgl_col-3 .format-quote.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-3 .format-link.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-3 .format-aside.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-3 .format-status.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-3 .format-chat.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-3 .format-audio.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-3 .format-gallery.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-3 .format-image.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .wgl_col-3 .format-video.format-no_featured .blog-post_content > .meta-data { margin-bottom: 2px; } .blog-style-standard .wgl_col-6 .format-video:not(.format-no_featured) .post_categories, .blog-style-standard .wgl_col-6 .format-gallery:not(.format-no_featured) .post_categories, .blog-style-standard .wgl_col-6 .format-image:not(.format-no_featured) .post_categories, .blog-style-standard .wgl_col-6 .format-standard-image .post_categories, .blog-style-standard .wgl_col-4 .format-video:not(.format-no_featured) .post_categories, .blog-style-standard .wgl_col-4 .format-gallery:not(.format-no_featured) .post_categories, .blog-style-standard .wgl_col-4 .format-image:not(.format-no_featured) .post_categories, .blog-style-standard .wgl_col-4 .format-standard-image .post_categories, .blog-style-standard .wgl_col-3 .format-video:not(.format-no_featured) .post_categories, .blog-style-standard .wgl_col-3 .format-gallery:not(.format-no_featured) .post_categories, .blog-style-standard .wgl_col-3 .format-image:not(.format-no_featured) .post_categories, .blog-style-standard .wgl_col-3 .format-standard-image .post_categories { top: 25px; right: 25px; left: 25px; } .blog-style-standard .wgl_col-6 .format-standard:not(.format-no_featured) .blog-post_wrapper, .blog-style-standard .wgl_col-6 .format-quote:not(.format-no_featured) .blog-post_wrapper, .blog-style-standard .wgl_col-6 .format-audio:not(.format-no_featured) .blog-post_wrapper, .blog-style-standard .wgl_col-6 .format-link:not(.format-no_featured) .blog-post_wrapper, .blog-style-standard .wgl_col-4 .format-standard:not(.format-no_featured) .blog-post_wrapper, .blog-style-standard .wgl_col-4 .format-quote:not(.format-no_featured) .blog-post_wrapper, .blog-style-standard .wgl_col-4 .format-audio:not(.format-no_featured) .blog-post_wrapper, .blog-style-standard .wgl_col-4 .format-link:not(.format-no_featured) .blog-post_wrapper, .blog-style-standard .wgl_col-3 .format-standard:not(.format-no_featured) .blog-post_wrapper, .blog-style-standard .wgl_col-3 .format-quote:not(.format-no_featured) .blog-post_wrapper, .blog-style-standard .wgl_col-3 .format-audio:not(.format-no_featured) .blog-post_wrapper, .blog-style-standard .wgl_col-3 .format-link:not(.format-no_featured) .blog-post_wrapper { padding: 25px 25px 18px; } .blog-style-standard .wgl_col-6 .format-quote .blog-post_media_part, .blog-style-standard .wgl_col-4 .format-quote .blog-post_media_part, .blog-style-standard .wgl_col-3 .format-quote .blog-post_media_part { padding: 20px 25px 15px; } .blog-style-standard .wgl_col-6 .format-quote .blog-post_quote-text, .blog-style-standard .wgl_col-4 .format-quote .blog-post_quote-text, .blog-style-standard .wgl_col-3 .format-quote .blog-post_quote-text { font-size: 22px; line-height: 34px; } .blog-style-standard .wgl_col-6 .format-quote .blog-post_quote-text:before, .blog-style-standard .wgl_col-4 .format-quote .blog-post_quote-text:before, .blog-style-standard .wgl_col-3 .format-quote .blog-post_quote-text:before { font-size: 29px; margin: 1px 0 7px 1px; } .blog-style-standard .wgl_col-6 .format-link .blog-post_media_part, .blog-style-standard .wgl_col-4 .format-link .blog-post_media_part, .blog-style-standard .wgl_col-3 .format-link .blog-post_media_part { padding: 19px 24px 16px; } .blog-style-standard .wgl_col-6 .format-link .blog-post_link .link_post, .blog-style-standard .wgl_col-4 .format-link .blog-post_link .link_post, .blog-style-standard .wgl_col-3 .format-link .blog-post_link .link_post { font-size: 22px; line-height: 34px; } .blog-style-standard .wgl_col-6 .format-link .blog-post_link .link_post:before, .blog-style-standard .wgl_col-4 .format-link .blog-post_link .link_post:before, .blog-style-standard .wgl_col-3 .format-link .blog-post_link .link_post:before { font-size: 30px; margin: 0 0 5px 1px; } .blog-style-standard .wgl_col-6 .format-gallery .blog-post_media .wgl-carousel .slick-slider .slick-arrow.slick-prev, .blog-style-standard .wgl_col-4 .format-gallery .blog-post_media .wgl-carousel .slick-slider .slick-arrow.slick-prev, .blog-style-standard .wgl_col-3 .format-gallery .blog-post_media .wgl-carousel .slick-slider .slick-arrow.slick-prev { left: 25px; } .blog-style-standard .wgl_col-6 .format-gallery .blog-post_media .wgl-carousel .slick-slider .slick-arrow.slick-next, .blog-style-standard .wgl_col-4 .format-gallery .blog-post_media .wgl-carousel .slick-slider .slick-arrow.slick-next, .blog-style-standard .wgl_col-3 .format-gallery .blog-post_media .wgl-carousel .slick-slider .slick-arrow.slick-next { right: 25px; } .blog-style-standard .wgl_col-6 .format-quote .blog-post_media .meta-data, .blog-style-standard .wgl_col-6 .format-audio .blog-post_media .meta-data, .blog-style-standard .wgl_col-6 .format-link .blog-post_media .meta-data, .blog-style-standard .wgl_col-4 .format-quote .blog-post_media .meta-data, .blog-style-standard .wgl_col-4 .format-audio .blog-post_media .meta-data, .blog-style-standard .wgl_col-4 .format-link .blog-post_media .meta-data, .blog-style-standard .wgl_col-3 .format-quote .blog-post_media .meta-data, .blog-style-standard .wgl_col-3 .format-audio .blog-post_media .meta-data, .blog-style-standard .wgl_col-3 .format-link .blog-post_media .meta-data { margin-top: 0; } .blog-style-standard .wgl_col-6 .blog-post_title > a, .blog-style-standard .wgl_col-4 .blog-post_title > a, .blog-style-standard .wgl_col-3 .blog-post_title > a { font-size: 24px; line-height: 1.2; font-weight: 600; } .blog-style-standard .wgl_col-6 .meta-data div > span.post_author:not(:last-child):not(:only-child):after, .blog-style-standard .wgl_col-4 .meta-data div > span.post_author:not(:last-child):not(:only-child):after, .blog-style-standard .wgl_col-3 .meta-data div > span.post_author:not(:last-child):not(:only-child):after { margin-left: 0.5em; margin-right: 0.65em; } .blog-style-standard .wgl_col-6 .read-more-wrap, .blog-style-standard .wgl_col-4 .read-more-wrap, .blog-style-standard .wgl_col-3 .read-more-wrap { padding-top: 5px; } .blog-style-standard .wgl_col-6 .post_categories, .blog-style-standard .wgl_col-4 .post_categories, .blog-style-standard .wgl_col-3 .post_categories { padding-bottom: 8px; } .blog-style-standard .wgl_col-6 .blog-post_media .blog-post_media_part, .blog-style-standard .wgl_col-4 .blog-post_media .blog-post_media_part, .blog-style-standard .wgl_col-3 .blog-post_media .blog-post_media_part { margin-bottom: 17px; } .blog-style-standard .wgl_col-6 .blog-post_media .share_post-container, .blog-style-standard .wgl_col-4 .blog-post_media .share_post-container, .blog-style-standard .wgl_col-3 .blog-post_media .share_post-container { margin-right: 25px; margin-top: -39px; } .blog-style-standard .wgl_col-6 .blog-post_media .meta-data, .blog-style-standard .wgl_col-4 .blog-post_media .meta-data, .blog-style-standard .wgl_col-3 .blog-post_media .meta-data { margin-top: -5px; } .blog-style-standard .format-standard .blog-post_wrapper, .blog-style-standard .format-quote.format-no_featured .blog-post_wrapper, .blog-style-standard .format-link.format-no_featured .blog-post_wrapper, .blog-style-standard .format-aside.format-no_featured .blog-post_wrapper, .blog-style-standard .format-status.format-no_featured .blog-post_wrapper, .blog-style-standard .format-chat.format-no_featured .blog-post_wrapper, .blog-style-standard .format-audio.format-no_featured .blog-post_wrapper, .blog-style-standard .format-gallery.format-no_featured .blog-post_wrapper, .blog-style-standard .format-image.format-no_featured .blog-post_wrapper, .blog-style-standard .format-video.format-no_featured .blog-post_wrapper { box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1); } .blog-style-standard .format-standard .blog-post_content, .blog-style-standard .format-quote.format-no_featured .blog-post_content, .blog-style-standard .format-link.format-no_featured .blog-post_content, .blog-style-standard .format-aside.format-no_featured .blog-post_content, .blog-style-standard .format-status.format-no_featured .blog-post_content, .blog-style-standard .format-chat.format-no_featured .blog-post_content, .blog-style-standard .format-audio.format-no_featured .blog-post_content, .blog-style-standard .format-gallery.format-no_featured .blog-post_content, .blog-style-standard .format-image.format-no_featured .blog-post_content, .blog-style-standard .format-video.format-no_featured .blog-post_content { padding: 38px 40px 32px; } .blog-style-standard .format-standard .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .format-quote.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .format-link.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .format-aside.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .format-status.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .format-chat.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .format-audio.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .format-gallery.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .format-image.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap, .blog-style-standard .format-video.format-no_featured .blog-post_content .read-more-wrap + .blog-post_meta-wrap { position: absolute; right: 35px; bottom: 35px; } .blog-style-standard .format-standard .blog-post_content > .meta-data, .blog-style-standard .format-quote.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .format-link.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .format-aside.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .format-status.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .format-chat.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .format-audio.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .format-gallery.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .format-image.format-no_featured .blog-post_content > .meta-data, .blog-style-standard .format-video.format-no_featured .blog-post_content > .meta-data { margin-bottom: 6px; } .blog-style-standard .format-standard .share_post-container, .blog-style-standard .format-quote.format-no_featured .share_post-container, .blog-style-standard .format-link.format-no_featured .share_post-container, .blog-style-standard .format-aside.format-no_featured .share_post-container, .blog-style-standard .format-status.format-no_featured .share_post-container, .blog-style-standard .format-chat.format-no_featured .share_post-container, .blog-style-standard .format-audio.format-no_featured .share_post-container, .blog-style-standard .format-gallery.format-no_featured .share_post-container, .blog-style-standard .format-image.format-no_featured .share_post-container, .blog-style-standard .format-video.format-no_featured .share_post-container { position: absolute; right: 35px; top: 35px; } .blog-style-standard .format-standard .share_post-container .share_social-wpapper, .blog-style-standard .format-standard .share_post-container .share_social-wpapper:before, .blog-style-standard .format-quote.format-no_featured .share_post-container .share_social-wpapper, .blog-style-standard .format-quote.format-no_featured .share_post-container .share_social-wpapper:before, .blog-style-standard .format-link.format-no_featured .share_post-container .share_social-wpapper, .blog-style-standard .format-link.format-no_featured .share_post-container .share_social-wpapper:before, .blog-style-standard .format-aside.format-no_featured .share_post-container .share_social-wpapper, .blog-style-standard .format-aside.format-no_featured .share_post-container .share_social-wpapper:before, .blog-style-standard .format-status.format-no_featured .share_post-container .share_social-wpapper, .blog-style-standard .format-status.format-no_featured .share_post-container .share_social-wpapper:before, .blog-style-standard .format-chat.format-no_featured .share_post-container .share_social-wpapper, .blog-style-standard .format-chat.format-no_featured .share_post-container .share_social-wpapper:before, .blog-style-standard .format-audio.format-no_featured .share_post-container .share_social-wpapper, .blog-style-standard .format-audio.format-no_featured .share_post-container .share_social-wpapper:before, .blog-style-standard .format-gallery.format-no_featured .share_post-container .share_social-wpapper, .blog-style-standard .format-gallery.format-no_featured .share_post-container .share_social-wpapper:before, .blog-style-standard .format-image.format-no_featured .share_post-container .share_social-wpapper, .blog-style-standard .format-image.format-no_featured .share_post-container .share_social-wpapper:before, .blog-style-standard .format-video.format-no_featured .share_post-container .share_social-wpapper, .blog-style-standard .format-video.format-no_featured .share_post-container .share_social-wpapper:before { bottom: auto; top: 0; } .blog-style-standard .format-standard .post_categories, .blog-style-standard .format-quote.format-no_featured .post_categories, .blog-style-standard .format-link.format-no_featured .post_categories, .blog-style-standard .format-aside.format-no_featured .post_categories, .blog-style-standard .format-status.format-no_featured .post_categories, .blog-style-standard .format-chat.format-no_featured .post_categories, .blog-style-standard .format-audio.format-no_featured .post_categories, .blog-style-standard .format-gallery.format-no_featured .post_categories, .blog-style-standard .format-image.format-no_featured .post_categories, .blog-style-standard .format-video.format-no_featured .post_categories { margin-right: 55px; } .blog-style-standard .format-standard .blog-post_media .meta-data, .blog-style-standard .format-quote.format-no_featured .blog-post_media .meta-data, .blog-style-standard .format-link.format-no_featured .blog-post_media .meta-data, .blog-style-standard .format-aside.format-no_featured .blog-post_media .meta-data, .blog-style-standard .format-status.format-no_featured .blog-post_media .meta-data, .blog-style-standard .format-chat.format-no_featured .blog-post_media .meta-data, .blog-style-standard .format-audio.format-no_featured .blog-post_media .meta-data, .blog-style-standard .format-gallery.format-no_featured .blog-post_media .meta-data, .blog-style-standard .format-image.format-no_featured .blog-post_media .meta-data, .blog-style-standard .format-video.format-no_featured .blog-post_media .meta-data { margin-top: 18px; } .blog-style-standard .format-standard .blog-post_media .share_post-container ~ .meta-data, .blog-style-standard .format-quote.format-no_featured .blog-post_media .share_post-container ~ .meta-data, .blog-style-standard .format-link.format-no_featured .blog-post_media .share_post-container ~ .meta-data, .blog-style-standard .format-aside.format-no_featured .blog-post_media .share_post-container ~ .meta-data, .blog-style-standard .format-status.format-no_featured .blog-post_media .share_post-container ~ .meta-data, .blog-style-standard .format-chat.format-no_featured .blog-post_media .share_post-container ~ .meta-data, .blog-style-standard .format-audio.format-no_featured .blog-post_media .share_post-container ~ .meta-data, .blog-style-standard .format-gallery.format-no_featured .blog-post_media .share_post-container ~ .meta-data, .blog-style-standard .format-image.format-no_featured .blog-post_media .share_post-container ~ .meta-data, .blog-style-standard .format-video.format-no_featured .blog-post_media .share_post-container ~ .meta-data { margin-top: -4px; } .blog-style-standard .format-standard:not(.format-no_featured) .blog-post_wrapper { padding: 34px 35px 32px; box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1); } .blog-style-standard .format-quote:not(.format-no_featured) .blog-post_wrapper, .blog-style-standard .format-audio:not(.format-no_featured) .blog-post_wrapper, .blog-style-standard .format-link:not(.format-no_featured) .blog-post_wrapper { padding: 35px 35px 27px; box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1); } .blog-style-standard .format-quote:not(.format-no_featured) .post_categories, .blog-style-standard .format-audio:not(.format-no_featured) .post_categories, .blog-style-standard .format-link:not(.format-no_featured) .post_categories { margin-top: 8px; } .blog-style-standard .format-quote:not(.format-no_featured) .blog-post_media .share_post-container, .blog-style-standard .format-audio:not(.format-no_featured) .blog-post_media .share_post-container, .blog-style-standard .format-link:not(.format-no_featured) .blog-post_media .share_post-container { margin: 0 0 0 auto; } .blog-style-standard .format-quote:not(.format-no_featured) .blog-post_media .share_post-container + .post_categories, .blog-style-standard .format-audio:not(.format-no_featured) .blog-post_media .share_post-container + .post_categories, .blog-style-standard .format-link:not(.format-no_featured) .blog-post_media .share_post-container + .post_categories { margin-top: -36px; } .blog-style-standard .format-audio .share_post-container + .post_categories, .blog-style-standard .format-quote .share_post-container + .post_categories, .blog-style-standard .format-link .share_post-container + .post_categories { padding-right: 45px; } .blog-style-standard .blog-post { transition: 0.3s; } .blog-style-standard .blog-post .blog-post_content { position: relative; } .blog-style-standard .blog-post .blog-post_meta-wrap { font-weight: 500; padding-top: 19px; clear: both; } .blog-style-standard .blog-post .blog-post_meta-wrap:empty { display: none !important; } .blog-style-standard .blog-post .blog-post_meta-wrap .meta-info { display: flex; align-items: center; } .blog-style-standard .blog-post .blog-post_meta-wrap .meta-info div + div { margin-left: 18px; } .blog-style-standard .blog-post .blog-post_meta-wrap .meta-data { display: flex; justify-content: flex-end; } .blog-style-standard .blog-post .blog-post_meta-wrap .meta-data img { border-radius: 50%; margin-right: 8px; } .blog-style-standard .blog-post .blog-post_meta-wrap .meta-data .post_author + span:not(.post_date) { margin-left: auto; } .blog-style-standard .blog-post .blog-post_meta-wrap .meta-data .post_date + span { margin-left: auto; } .blog-style-standard .blog-post .blog-post_meta-wrap .meta-data > div > span { margin-left: 0; } .blog-style-standard .blog-post .blog-post_meta-wrap .meta-data > div > span:first-child { margin-left: auto; } .blog-style-standard .blog-post .blog-post_meta-wrap .meta-data > div > span:first-child.post_author, .blog-style-standard .blog-post .blog-post_meta-wrap .meta-data > div > span:first-child.post_date { margin-left: 0; } .blog-style-standard .blog-post .read-more-wrap + .blog-post_meta-wrap { position: absolute; right: 0; bottom: 0; } .blog-style-standard .blog-post blockquote cite { padding-left: 0; } .blog-style-standard .blog-post:after { content: ""; display: block; height: 0; clear: both; } .blog-style-standard.blog_carousel { margin-top: -15px; } .blog-style-standard.blog_carousel .slick-slider { margin: 0; } .blog-style-standard.blog_carousel .slick-slide { margin-bottom: 0; margin-top: 15px; } .blog-style-standard.blog_carousel .slick-slide.item_slick { margin-bottom: 0; } .blog-style-standard.blog_carousel .slick-slide .format-standard:not(.format-no_featured) .blog-post_wrapper, .blog-style-standard.blog_carousel .slick-slide .format-quote .blog-post_wrapper, .blog-style-standard.blog_carousel .slick-slide .format-audio .blog-post_wrapper, .blog-style-standard.blog_carousel .slick-slide .format-link .blog-post_wrapper { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); } .blog-style-standard .blog-post_text { font-size: 16px; } .blog-style-standard .blog-post_text .wp-block-pullquote.is-style-solid-color blockquote p:first-of-type { margin-top: -0.225em; } .blog-style-standard .blog-post_text .wp-block-archives-list, .blog-style-standard .blog-post_text .wp-block-latest-posts { list-style: none; } .blog-style-standard .blog-post_text .wp-block-categories-list .children li { padding-left: 0; } .blog-style-standard .blog-post_text .more-link { display: none; } .blog-style-standard.acenter .meta-data { justify-content: center; } .blog-style-standard.aright .meta-data { justify-content: flex-end; } .blog-post { position: relative; margin-bottom: 40px; } .blog-post .blog-post_media { position: relative; display: flex; flex-direction: column; } .blog-post .blog-post_media .blog-post_media_part { position: relative; border-radius: 12px; line-height: 0; overflow: hidden; width: 100%; margin-bottom: 22px; } .blog-post .blog-post_media .meta-data { padding-bottom: 1px; } .blog-post .blog-post_media .share_post-container { position: relative; z-index: 2; margin: -44px 35px 1px auto; } .blog-post.format-gallery .blog-post_media .blog-post_media_part { overflow: hidden; } .blog-post.format-gallery .blog-post_media .wgl-carousel .slick-slide:not(:only-child) { cursor: e-resize; } .blog-post.format-standard-image .blog-post_media, .blog-post.format-image .blog-post_media { position: relative; z-index: 1; } .blog-post.format-standard-image .blog-post_media .image-overlay, .blog-post.format-image .blog-post_media .image-overlay { display: inline-block; position: relative; z-index: 1; border-radius: inherit; overflow: hidden; } .blog-post.format-standard-image .blog-post_media .image-overlay:before, .blog-post.format-standard-image .blog-post_media .image-overlay:after, .blog-post.format-image .blog-post_media .image-overlay:before, .blog-post.format-image .blog-post_media .image-overlay:after { display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; transition: opacity 0.3s; } .blog-post.format-standard-image .blog-post_media .image-overlay:after, .blog-post.format-image .blog-post_media .image-overlay:after { opacity: 0; } .blog-post.format-standard-image:hover .image-overlay:after, .blog-post.format-image:hover .image-overlay:after { opacity: 1; } .blog-post.format-quote .blog-post_media_part, .blog-post.format-link .blog-post_media_part { background-color: #f7f5f7; border-radius: 12px; } .blog-post.format-quote .blog-post_media_part { padding: 15px 30px 20px; } .blog-post.format-quote .blog-post_quote-text { font-size: 24px; line-height: 36px; font-weight: 600; } .blog-post.format-quote .blog-post_quote-text:before { content: "\f10d"; font-family: "Flaticon"; display: block; font-size: 34px; font-weight: normal; line-height: 1; margin: 10px 0 11px 1px; } .blog-post.format-quote .blog-post_quote-author { font-size: 14px; line-height: 30px; font-weight: 600; margin-top: 11px; } .blog-post.format-quote .blog-post_quote-author img { border-radius: 50%; } .blog-post.format-quote .blog-post_quote-author .blog-post_quote-image { width: 30px; vertical-align: middle; margin-right: 10px; } .blog-post.format-link .blog-post_media_part { padding: 23px 30px 20px; } .blog-post.format-link .blog-post_link { position: relative; z-index: 1; } .blog-post.format-link .blog-post_link .link_post { display: block; font-size: 24px; line-height: 36px; font-weight: 600; } .blog-post.format-link .blog-post_link .link_post:before { content: "\f107"; font-family: "Flaticon"; display: block; font-size: 38px; font-weight: normal; line-height: 1; margin: 0 0 9px 1px; color: currentColor; } .related_posts .format-video .blog-post_media .blog-post_media_part.video_image:not(.video_parallax) { padding-bottom: 0; } .format-video:not(.format-no_featured) .post_categories, .format-gallery:not(.format-no_featured) .post_categories, .format-image:not(.format-no_featured) .post_categories, .format-standard-image .post_categories { position: absolute; z-index: 2; top: 35px; right: 35px; left: 35px; } .format-video .blog-post_media .blog-post_media_part { width: 100%; overflow: hidden; } .format-video .blog-post_media .blog-post_media_part.no-thumbnail + .post_categories { top: 65px; } .format-video .blog-post_media .blog-post_media_part .videobox_content { justify-content: center; } .format-video .blog-post_media .blog-post_media_part .videobox_content .videobox_link svg { transition: 0.45s; } .format-video .blog-post_media .blog-post_media_part .videobox_link_wrapper { top: auto; } .format-video .blog-post_media .blog-post_media_part .videobox_link { width: 60px; height: 60px; } .format-video .blog-post_media .blog-post_media_part, .format-audio .blog-post_media .blog-post_media_part { padding-bottom: 73.5%; } .format-video .blog-post_media .blog-post_media_part.video_image:not(.video_parallax), .format-audio .blog-post_media .blog-post_media_part.video_image:not(.video_parallax) { padding-bottom: 0; } .format-video .blog-post_media iframe, .format-audio .blog-post_media iframe { position: absolute; z-index: 1; height: 100%; } .format-audio .blog-post_wrapper .blog-post_media + .post_categories { margin-top: 24px; } .format-audio iframe { border-radius: inherit; } .format-link .blog-post_media_part { margin-bottom: 16px; } .format-link.blog-post-single-item .blog-post_media_part { margin-bottom: -10px; } .format-quote .blog-post_media_part { margin-bottom: 38px; } .blog-post.sticky-post .blog-post_wrapper { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .blog-posts .blog-post_title { display: block; margin-bottom: 9px; line-height: 34px; word-wrap: break-word; clear: both; } .blog-posts .blog-post_title:last-child { margin-bottom: 0; } .blog-posts .blog-post_title > a { font-size: 30px; line-height: 36px; border-radius: 6px; } .blog-posts .blog-post_title + .blog-post_meta-wrap { padding-top: 7px; } .blog-posts .blog-post_title + .blog-post_meta-wrap .meta-data { justify-content: flex-start; } .blog-posts .blog-post_title + .blog-post_meta-wrap .meta-data span:first-child { margin-left: unset; } .blog-post_content .page-link { margin-top: 25px; } .blog-post_content:after { content: ""; display: block; clear: both; } .blog-post_content .read-more-wrap { padding-top: 17px; } .blog-post_content p, .blog-post_content p + address, #comments .comment_content > p, #comments .comment_content > p + address { margin-bottom: 18px; } .blog-post_content p:last-child, #comments .comment_content > p:last-child { margin-bottom: 0; } .blog-post_content p:empty, #comments .comment_content > p:empty { display: none; } .blog-post_content h1, .blog-post_content h2, .blog-post_content h3, .blog-post_content h4, .blog-post_content h5, .blog-post_content h6, .row > div > h1, .row > div > h2, .row > div > h3, .row > div > h4, .row > div > h5, .row > div > h6, #comments .comment_content h1, #comments .comment_content h2, #comments .comment_content h3, #comments .comment_content h4, #comments .comment_content h5, #comments .comment_content h6 { margin-bottom: 18px; } .blog-posts-list + .wgl-pagination { margin-bottom: 40px; } .blog-posts-list:after { content: ""; display: block; height: 0; clear: both; } .archive .blog-posts-list { margin-top: 0; } .home .sidebar_right .blog-posts-list, .home .sidebar_left .blog-posts-list, .archive .sidebar_right .blog-posts-list, .archive .sidebar_left .blog-posts-list { margin-top: 0; } .elementor-widget-wgl-blog .elementor-widget-container { margin-bottom: 40px; } .elementor-widget-wgl-blog .blog-style-standard .wgl_col-12:last-child .blog-post { margin-bottom: 0; } .elementor-widget-wgl-blog.nav-left .wgl-pagination { text-align: left; } .elementor-widget-wgl-blog.nav-center .wgl-pagination { text-align: center; } .elementor-widget-wgl-blog.nav-right .wgl-pagination { text-align: right; } .home .row.sidebar_right, .home .row.sidebar_left { margin-top: 50px; } .mega-ajax-content .item .blog-post_media { margin-bottom: 14px; } .mega-ajax-content .item .blog-post_title { margin-bottom: 5px; } .mega-ajax-content .item .blog-post_content { white-space: normal; } .mega-ajax-content .item .meta-data { background: none; padding-left: 0; padding-right: 0; } .mega-ajax-content .format-video .blog-post_media .blog-post_media_part, .mega-ajax-content .format-audio .blog-post_media .blog-post_media_part { padding-bottom: 70.272%; } .mega-ajax-content .format-audio .blog-post_media .blog-post_media_part { border-radius: unset; } .blog_carousel .wgl-carousel .slick-dots { margin-top: 0; } .blog_carousel .wgl-carousel-wrapper { overflow: visible; } .slider-wrapper.wgl-carousel .blog-post_media-slider_slick { height: 100%; margin: 0; } .slider-wrapper.wgl-carousel .blog-post_media-slider_slick .item_slick { position: relative; z-index: 5; height: 100%; width: 100%; margin: 0; } .slider-wrapper.wgl-carousel .blog-post_media-slider_slick .item_slick span { height: 100%; width: 100%; display: block; background-size: cover; background-position: center; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); overflow: hidden; } .slider-wrapper.wgl-carousel .blog-post_media-slider_slick .item_slick span img { transform: scale(1.25, 1.25); transition: 500ms ease-in-out; } .slider-wrapper.wgl-carousel .blog-post_media-slider_slick .item_slick.slick-active span img { transform: scale(1, 1); } .slider-wrapper.wgl-carousel .blog-post_media-slider_slick .slick-list, .slider-wrapper.wgl-carousel .blog-post_media-slider_slick .slick-track { height: 100%; } .slider-wrapper.wgl-carousel .slick-slider { z-index: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slider-wrapper.wgl-carousel .slick-slider .slick-arrow { top: 50%; width: 50px; height: 50px; z-index: 100; transform: translate(0, -50%); } .slider-wrapper.wgl-carousel .slick-slider .slick-arrow:after { line-height: 47px; } .slider-wrapper.wgl-carousel .slick-slider .slick-arrow.slick-prev { left: 35px; } .slider-wrapper.wgl-carousel .slick-slider .slick-arrow.slick-next { right: 35px; } .meta-data { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; font-size: 14px; font-weight: 500; } .meta-data .post_author img { border-radius: 50%; margin-right: 6px; } .meta-data .meta-data_left-side { margin-right: 30px; } .meta-data .meta-data_left-side:empty { display: none; } .meta-data .meta-data_right-side > span:not(:last-child) { margin-right: 20px; } .meta-data .meta-data_right-side:empty { display: none; } .meta-data > div > span { display: inline-block; vertical-align: middle; line-height: 30px; color: inherit; } .meta-data > div > span.post_author:not(:last-child):not(:only-child):after { content: ""; display: inline-block; width: 2px; height: calc(1em + 4px); margin: 0 10px -3px; color: inherit; background-color: currentColor; } .meta-data > div > span a:not(:hover) { color: inherit; } .meta-data > div > span:not(:last-child) { margin-right: 0; } .meta-data > div > span.comments_post i, .meta-data > div > span.post_views i { font-size: 17px; font-weight: normal; padding-right: 10px; vertical-align: middle; line-height: 29px; } .meta-data > div > span.post_views i { font-size: 22px; } .post_categories { display: inline-block; position: relative; z-index: 1; font-size: 0; padding-bottom: 13px; } .post_categories span { display: inline-block; position: relative; margin-bottom: 10px; line-height: 0; } .post_categories span:not(:last-child) { margin-right: 10px; } .post_categories a { display: inline-block; position: relative; border: unset; border-radius: 14px; font-size: 14px; font-weight: 600; line-height: 24px; padding: 4px 12px 0; color: #ffffff; } .blog-post_text + .page-link, .blog-post_text + .page-link + .clear + .button-read-more, .blog-post_text + .clear + .button-read-more { margin-bottom: 21px; } .blog-post_text .alignleft:last-child, .blog-post_text .alignright:last-child { margin-bottom: 10px; } .read-more-wrap { clear: both; } .button-read-more { display: inline-block; position: relative; z-index: 1; font-size: 13px; font-weight: 700; vertical-align: middle; letter-spacing: 0.025em; transition: 0.4s; } .button-read-more span { padding-right: 1.8em; } .button-read-more:after { content: "\f109"; font-family: "Flaticon"; font-size: 14px; font-weight: 700; position: absolute; right: 0; bottom: 0.3em; top: 0; line-height: 1em; height: 1em; margin: auto; transform: scale(-1) translateX(0); transition: 0.4s; } .button-read-more:hover:after { transform: scale(-1) translateX(-5px); } .tagcloud-wrapper .title_tags { font-size: 15px; margin-right: 18px; } .post_info-divider { clear: both; margin-top: 40px; background-color: #ece8ec; height: 1px; } .meta-data + .post_info-divider { margin-top: 4px; } .blog-post_excerpt { margin: 0 0 38px; font-size: 20px; line-height: 1.8; font-weight: 400; } .blog-post_excerpt > p:last-child { margin-bottom: 0; } .wgl-likes { min-width: 1.6em; flex-shrink: 0; line-height: 1.8; text-transform: uppercase; } .wgl-likes .sl-icon:before { color: inherit; transition: 0s; } .blog-post_wrapper { position: relative; border-radius: 12px; transition: inherit; } .blog-post_wrapper .blog-post_media .cleenday_module_videobox img { box-shadow: none; } .blog-post_wrapper .blog-post_media .cleenday_module_videobox .videobox_link { border-color: transparent; opacity: 0.9; } .blog-post_wrapper .blog-post_content .cleenday_module_videobox .videobox_wrapper_link:before { display: none; } .blog-post_wrapper .blog-post_content .cleenday_module_videobox { margin-bottom: 50px; } .wgl_module_title.item_title { position: relative; } .wgl_module_title.item_title .carousel_arrows { position: absolute; z-index: 2; top: 2px; right: 0; text-align: center; } .wgl_module_title.item_title .carousel_arrows span[class*=slick_arrow] { display: inline-block; width: 25px; height: 25px; margin-left: 10px; background: #f2f2f2; cursor: pointer; transition: 0.45s ease; } .wgl_module_title.item_title .carousel_arrows span[class*=slick_arrow] span { display: block; line-height: 25px; text-align: center; } .wgl_module_title.item_title .carousel_arrows span[class*=slick_arrow] span:after { content: "\f11f"; font-family: flaticon; font-size: 14px; display: inline-block; border: 0; color: #939393 !important; vertical-align: top; line-height: 25px; } .wgl_module_title.item_title .carousel_arrows span[class*=slick_arrow]:hover span:after { color: #fff !important; } .wgl_module_title.item_title .carousel_arrows span[class*=slick_arrow].left_slick_arrow span:after { content: "\f103"; } .row.sidebar_left .content-container { float: right; } .container-grid.row > .wgl-carousel { margin-left: 0; margin-right: 0; } .container-grid.row > .wgl-carousel.navigation_offset_element { padding-left: 40px; padding-right: 40px; overflow: hidden; } .container-grid.row > .wgl-carousel.navigation_offset_element > .slick-slider { overflow: visible; } .container-grid.row > .wgl-carousel.navigation_offset_element .slick-list { overflow: hidden; } .blog_subtitle { font-size: 18px; line-height: 1.4; } .wgl-views { display: inline-block; } .attachment_media .meta-data { margin-bottom: 10px; font-weight: 600; } .attachment_media .meta-data > div > span { position: relative; padding-left: 23px; } .attachment_media .meta-data > div > span:first-child { padding-left: 0; } .attachment_media .meta-data > div > span:first-child:before { display: none; } .parallax-video { position: absolute !important; z-index: 2 !important; top: 0; left: 0; width: 100%; height: 100%; } .jarallax { position: relative; z-index: 0; } .jarallax > .jarallax-img { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; } .archive__heading { margin-bottom: 45px; text-align: center; } .archive__heading .archive__tax_description { margin-top: 5px; font-size: 1.2rem; } .archive .wgl_blog_list { margin-bottom: 30px; } .blog_columns-2:not(.masonry) .item:nth-child(2n+1), .blog_columns-3:not(.masonry) .wgl_col-4:nth-child(3n+1), .blog_columns-4:not(.masonry) .wgl_col-3:nth-child(4n+1) { clear: left; } .blog_columns-2 .blog-post_meta-wrap .share_post-container:not(:last-child) .share_social-wpapper { top: unset; right: 0; bottom: calc(100% + 15px); transform: unset; } @media (max-width: 1024px) { .blog_columns-3:not(.masonry) .wgl_col-4:nth-child(3n+1) { clear: none; } .blog_columns-3:not(.masonry) .wgl_col-4:nth-child(3n+1) { clear: left; } .blog_columns-4:not(.masonry) .wgl_col-3:nth-child(4n+1) { clear: none; } .cleenday-post-navigation { margin-bottom: 0; } } /* ==================== ##Shares Style ==================== */ .elementor-social-icon-instagram.elementor-icon { background-color: #c32aa3; } .share_post-container { display: block; position: relative; vertical-align: middle; -webkit-user-select: none; user-select: none; width: 44px; height: 44px; cursor: pointer; } .share_post-container .share_social-wpapper { display: block; position: absolute; bottom: 0; right: 0; z-index: 2; transition: 0.4s ease-in-out; pointer-events: none; cursor: default; } .share_post-container .share_social-wpapper:before { content: ""; position: absolute; right: 0; bottom: 0; width: 44px; height: 44px; pointer-events: none; z-index: -1; background-color: #ffffff; border-radius: 22px; box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.1); transition: 0.4s 0.1s ease-in-out; } .share_post-container .share_social-wpapper ul { height: 100%; font-size: inherit; margin: 5px; padding: 0; position: relative; z-index: 1; } .share_post-container .share_social-wpapper ul > li { display: block; padding: 0; font-size: 15px; line-height: 30px; font-weight: 600; opacity: 0; visibility: hidden; transition: 0.3s; pointer-events: all; position: static; } .share_post-container .share_social-wpapper ul > li .share_post { display: block; width: -moz-fit-content; width: fit-content; padding: 3px 29px 3px 15px; min-width: 150px; } .share_post-container .share_social-wpapper ul > li .share_post > span { white-space: nowrap; } .share_post-container .share_social-wpapper ul > li .share_post > span:before { display: inline-block; width: 1em; text-align: center; font-weight: normal; } .share_post-container .share_social-wpapper ul > li .share_post .share_name { padding-left: 11px; position: relative; } .share_post-container .share_social-wpapper ul > li:not(:last-child) { position: relative; z-index: 1; } .share_post-container .share_social-wpapper ul > li:last-child .share_post:before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 36px; display: block; border-radius: 6px; background-color: #f7f5f7; pointer-events: none; z-index: -1; transition: all 0.35s ease-in-out; } .share_post-container .share_social-wpapper ul > li:nth-child(1):last-child .share_post:before, .share_post-container .share_social-wpapper ul > li:nth-child(1):not(:last-child):hover ~ li:last-child .share_post:before { transform: translateY(0px); } .share_post-container .share_social-wpapper ul > li:nth-child(2):last-child .share_post:before, .share_post-container .share_social-wpapper ul > li:nth-child(2):not(:last-child):hover ~ li:last-child .share_post:before { transform: translateY(36px); } .share_post-container .share_social-wpapper ul > li:nth-child(3):last-child .share_post:before, .share_post-container .share_social-wpapper ul > li:nth-child(3):not(:last-child):hover ~ li:last-child .share_post:before { transform: translateY(72px); } .share_post-container .share_social-wpapper ul > li:nth-child(4):last-child .share_post:before, .share_post-container .share_social-wpapper ul > li:nth-child(4):not(:last-child):hover ~ li:last-child .share_post:before { transform: translateY(108px); } .share_post-container .share_social-wpapper ul > li:nth-child(5):last-child .share_post:before, .share_post-container .share_social-wpapper ul > li:nth-child(5):not(:last-child):hover ~ li:last-child .share_post:before { transform: translateY(144px); } .share_post-container .share_social-wpapper ul > li:nth-child(6):last-child .share_post:before, .share_post-container .share_social-wpapper ul > li:nth-child(6):not(:last-child):hover ~ li:last-child .share_post:before { transform: translateY(180px); } .share_post-container .share_social-wpapper ul > li:nth-child(7):last-child .share_post:before, .share_post-container .share_social-wpapper ul > li:nth-child(7):not(:last-child):hover ~ li:last-child .share_post:before { transform: translateY(216px); } .share_post-container:hover .share_social-wpapper:before { width: 100%; height: 100%; border-radius: 12px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1); transition: 0.4s 0s cubic-bezier(0.9, 0.4, 0.26, 1); } .share_post-container:hover .share_social-wpapper, .share_post-container:hover .share_social-wpapper ul > li { opacity: 1; visibility: visible; } .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(1) { transition-delay: 0.24s; } .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(2) { transition-delay: 0.28s; } .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(3) { transition-delay: 0.32s; } .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(4) { transition-delay: 0.36s; } .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(5) { transition-delay: 0.4s; } .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(6) { transition-delay: 0.44s; } .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(7) { transition-delay: 0.48s; } .share_post-container:hover > a { opacity: 0; transition: opacity 0.2s 0s ease-in-out; } .share_post-container span { display: inline-block; line-height: inherit; background-color: transparent; } .share_post-container > a { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; border-radius: inherit; text-align: center; pointer-events: none; transition: opacity 0.4s 0.3s ease-in-out; } .share_post-container > a:before { content: "\f118"; font-family: "Flaticon"; vertical-align: middle; font-size: 17px; line-height: 44px; text-shadow: 0 0 1px currentColor; } .meta-info:first-child .share_post-container .share_social-wpapper { right: unset; left: 35px; } .meta-info:first-child .share_post-container .share_social-wpapper ul > li:nth-last-child(1) { transition-delay: 0s; } .meta-info:first-child .share_post-container .share_social-wpapper ul > li:nth-last-child(2) { transition-delay: 0.04s; } .meta-info:first-child .share_post-container .share_social-wpapper ul > li:nth-last-child(3) { transition-delay: 0.08s; } .meta-info:first-child .share_post-container .share_social-wpapper ul > li:nth-last-child(4) { transition-delay: 0.12s; } .meta-info:first-child .share_post-container .share_social-wpapper ul > li:nth-last-child(5) { transition-delay: 0.16s; } .meta-info:first-child .share_post-container .share_social-wpapper ul > li:nth-last-child(6) { transition-delay: 0.2s; } .meta-info:first-child .share_post-container .share_social-wpapper ul > li:nth-last-child(7) { transition-delay: 0.24s; } .meta-info:first-child .share_post-container:not(:last-child) .share_social-wpapper { top: unset; left: 0; bottom: calc(100% + 10px); transform: unset; } .meta-info:first-child .share_post-container:hover .share_social-wpapper ul > li:nth-child(1) { transition-delay: 0s; } .meta-info:first-child .share_post-container:hover .share_social-wpapper ul > li:nth-child(2) { transition-delay: 0.08s; } .meta-info:first-child .share_post-container:hover .share_social-wpapper ul > li:nth-child(3) { transition-delay: 0.16s; } .meta-info:first-child .share_post-container:hover .share_social-wpapper ul > li:nth-child(4) { transition-delay: 0.24s; } .meta-info:first-child .share_post-container:hover .share_social-wpapper ul > li:nth-child(5) { transition-delay: 0.32s; } .meta-info:first-child .share_post-container:hover .share_social-wpapper ul > li:nth-child(6) { transition-delay: 0.4s; } .meta-info:first-child .share_post-container:hover .share_social-wpapper ul > li:nth-child(7) { transition-delay: 0.48s; } .meta-info:first-child .share_post-container:hover > a:after { transform: scale(0.2); } .social-shares-wrapper { display: flex; justify-content: center; border-radius: 12px; overflow: hidden; } .social-shares-wrapper:hover .share_link { filter: saturate(0.3); } .social-shares-wrapper:hover .share_link:hover { filter: saturate(1); } .social-shares-wrapper .share_link, .social-shares-wrapper .share_post { position: relative; white-space: nowrap; transition: 0.1s ease-in-out; } .social-shares-wrapper .share_facebook { background-color: #3b5998; } .social-shares-wrapper .share_twitter { background-color: #1da1f2; } .social-shares-wrapper .share_pinterest { background-color: #e40000; } .social-shares-wrapper .share_linkedin { background-color: #007bb5; } .social-shares-wrapper .share_whatsapp { background-color: #25d366; } .social-shares-wrapper .share_reddit { background-color: #FF5700; } .social-shares-wrapper .share_telegram { background-color: #0088cc; } .social-shares-wrapper .share_link:hover.share_facebook .fab { background-color: rgba(59, 89, 152, 0.9); } .social-shares-wrapper .share_link:hover.share_twitter .fab { background-color: rgba(29, 161, 242, 0.9); } .social-shares-wrapper .share_link:hover.share_pinterest .fab { background-color: rgba(189, 8, 28, 0.9); } .social-shares-wrapper .share_link:hover.share_linkedin .fab { background-color: rgba(0, 123, 181, 0.9); } .social-shares-wrapper .share_link:hover.share_whatsapp .fab { background-color: rgba(37, 211, 102, 0.9); } .social-shares-wrapper .share_link:hover.share_reddit .fab { background-color: rgba(255, 87, 0, 0.9); } .social-shares-wrapper .share_link:hover.share_telegram .fab { background-color: rgba(0, 136, 204, 0.9); } .social-shares-wrapper .share_link { flex-grow: 1; padding: 10px 5px; text-align: center; } .social-shares-wrapper .share_link span { display: inline-block; font-size: 15px; line-height: 1.8; color: #ffffff; transition: 0.5s; } .social-shares-wrapper .share_link span:before { font-family: "Font Awesome 5 Brands"; margin-right: 18px; } @media (max-width: 480px) { .social-shares-wrapper.amount-3 .share_link { flex-basis: 100px; } .social-shares-wrapper.amount-3 .share_link > span { font-size: 18px; line-height: 1; } } @media (max-width: 480px) and (max-width: 480px) { .social-shares-wrapper.amount-3 .share_link > span { font-size: 15px; } } @media (max-width: 480px) { .social-shares-wrapper.amount-3 .share_link > span:before { margin-right: 0; } } @media (max-width: 480px) { .social-shares-wrapper.amount-3 .share_link .share_name { display: none; } } @media (max-width: 600px) { .social-shares-wrapper.amount-4 .share_link { flex-basis: 100px; } .social-shares-wrapper.amount-4 .share_link > span { font-size: 18px; line-height: 1; } } @media (max-width: 600px) and (max-width: 480px) { .social-shares-wrapper.amount-4 .share_link > span { font-size: 15px; } } @media (max-width: 600px) { .social-shares-wrapper.amount-4 .share_link > span:before { margin-right: 0; } } @media (max-width: 600px) { .social-shares-wrapper.amount-4 .share_link .share_name { display: none; } } @media (max-width: 767px) { .social-shares-wrapper.amount-5 .share_link { flex-basis: 100px; } .social-shares-wrapper.amount-5 .share_link > span { font-size: 18px; line-height: 1; } } @media (max-width: 767px) and (max-width: 480px) { .social-shares-wrapper.amount-5 .share_link > span { font-size: 15px; } } @media (max-width: 767px) { .social-shares-wrapper.amount-5 .share_link > span:before { margin-right: 0; } } @media (max-width: 767px) { .social-shares-wrapper.amount-5 .share_link .share_name { display: none; } } @media (max-width: 992px) { .social-shares-wrapper.amount-6 .share_link { flex-basis: 100px; } .social-shares-wrapper.amount-6 .share_link > span { font-size: 18px; line-height: 1; } } @media (max-width: 992px) and (max-width: 480px) { .social-shares-wrapper.amount-6 .share_link > span { font-size: 15px; } } @media (max-width: 992px) { .social-shares-wrapper.amount-6 .share_link > span:before { margin-right: 0; } } @media (max-width: 992px) { .social-shares-wrapper.amount-6 .share_link .share_name { display: none; } } .social-shares-wrapper.amount-7 .share_link { flex-basis: 100px; } .social-shares-wrapper.amount-7 .share_link > span { font-size: 18px; line-height: 1; } @media (max-width: 480px) { .social-shares-wrapper.amount-7 .share_link > span { font-size: 15px; } } .social-shares-wrapper.amount-7 .share_link > span:before { margin-right: 0; } .social-shares-wrapper.amount-7 .share_link .share_name { display: none; } .wgl-page-socials { position: absolute; z-index: 90; left: 50px; } .wgl-page-socials.fixed { position: fixed; z-index: 90; } .wgl-page-socials li { padding-bottom: 17px; line-height: 27px; } .wgl-page-socials .social__link { font-size: 13px; color: #ffffff; transition: all 0.4s, width 0s 1s; } .wgl-page-socials .social__link .social__name { display: inline-block; width: 0; font-weight: 700; text-transform: uppercase; vertical-align: middle; overflow: hidden; opacity: 0; transform-origin: -25px 50%; transform: rotateY(0.25turn); transition: inherit; } .wgl-page-socials .social__link .social__icon { padding-right: 1.2em; } .wgl-page-socials .social__link:hover { transition: all 0.4s; } .wgl-page-socials .social__link:hover .social__name { width: auto; opacity: 1; transform: rotateY(0.1turn); } .wgl-page-socials .socials__list { margin: 0; padding: 0; list-style: none; } .wgl-page-socials.appearence-hovered { padding-top: 35px; height: 0; } .wgl-page-socials.appearence-hovered .socials__desc { position: absolute; top: 0; left: 0; margin: -5px -5px 0; padding: 5px 5px 0; cursor: pointer; } .wgl-page-socials.appearence-hovered .socials__desc .social__icon { color: #ffffff; } .wgl-page-socials.appearence-hovered .socials__desc .social__name { display: none; } .wgl-page-socials.appearence-hovered .socials__list { visibility: hidden; } .wgl-page-socials.appearence-hovered .socials__list li { transform: translateX(-150%); opacity: 0; visibility: hidden; transition: 0.45s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(1) { transition-delay: 0.05s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(2) { transition-delay: 0.1s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(3) { transition-delay: 0.15s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(4) { transition-delay: 0.2s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(5) { transition-delay: 0.25s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(6) { transition-delay: 0.3s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(7) { transition-delay: 0.35s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(8) { transition-delay: 0.4s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(9) { transition-delay: 0.45s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(10) { transition-delay: 0.5s; } .wgl-page-socials.appearence-hovered .socials__desc:hover + .socials__list { visibility: visible; } .wgl-page-socials.appearence-hovered .socials__desc:hover + .socials__list li, .wgl-page-socials.appearence-hovered .socials__list:hover li { transform: translateX(0); opacity: 1; visibility: visible; } .wgl-page-socials:not(.appearence-hovered) .socials__list li { opacity: 0; transform: translateX(-150%); animation: soc_slide_right 0.5s forwards; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(1) { animation-delay: 5.1s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(2) { animation-delay: 5.2s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(3) { animation-delay: 5.3s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(4) { animation-delay: 5.4s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(5) { animation-delay: 5.5s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(6) { animation-delay: 5.6s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(7) { animation-delay: 5.7s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(8) { animation-delay: 5.8s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(9) { animation-delay: 5.9s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(10) { animation-delay: 6s; } @keyframes soc_slide_right { 0% { transform: translateX(-150%); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateX(0); opacity: 1; } } .wgl-social-icons .elementor-icon i { transition: 0.3s; } .wgl-portfolio-single_item .social-shares-wrapper .share_title { font-weight: 700; } .wgl-portfolio-single_item .social-shares-wrapper > span { text-transform: capitalize; } .woocommerce div.product .share_social-wpapper .share_link { margin-right: 20px; font-size: 12px; color: #c2c2c2; } .woocommerce div.product .share_social-wpapper .share_link span.fa { transition: 0.45s ease-in-out; } .woocommerce div.product .share_social-wpapper .share_link:last-child { margin-right: 0; } /* ==================== ##Likes ==================== */ .wgl-likes { display: inline-block; position: relative; margin-left: 13px; } .wgl-likes .sl-button { color: inherit; cursor: pointer; transition: 0.45s; } .wgl-likes .sl-button:hover .sl-icon { color: #ff224c; } .wgl-likes .sl-button:hover .sl-icon.liked { color: #ffffff; background-color: rgba(255, 60, 97, 0.7); } .wgl-likes .sl-count { position: absolute; top: -6px; right: -6px; display: inline-block; height: 20px; min-width: 20px; text-align: center; padding: 0 3px; border-radius: 12px; font-size: 10px; font-weight: 600; line-height: 18px; border: 2px solid #ffffff; letter-spacing: -1px; color: #ffffff; background-color: #ff224c; } .wgl-likes .sl-icon { display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; font-size: 18px; position: relative; background-color: #ffffff; letter-spacing: -1px; border-radius: 22px; box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.1); transition: all 0.3s; } .wgl-likes .sl-icon:before { display: block; } .wgl-likes .sl-icon.liked { background-color: #ff224c; color: #ffffff; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .wgl-likes .sl-count-text { display: none; } .blog-style-standard .wgl-likes { color: inherit; font-weight: 500; line-height: 0; font-size: 0; } .blog-style-standard .wgl-likes .sl-button:hover .sl-icon { color: #ff224c; } .blog-style-standard .wgl-likes .sl-button:hover .sl-icon.liked { background-color: unset; } .blog-style-standard .wgl-likes .sl-count { position: static; border: unset; background-color: unset; color: inherit; height: auto; min-width: auto; border-radius: unset; font-size: 14px; font-weight: inherit; padding: unset; line-height: 30px; vertical-align: middle; } .blog-style-standard .wgl-likes .sl-icon { font-size: 20px; line-height: 30px; color: #ff224c; box-shadow: unset; width: auto; height: auto; background-color: unset; border-radius: unset; padding-right: 10px; vertical-align: middle; } .blog-style-standard .wgl-likes .sl-icon.unliked:before { content: "\f105"; } /* ==================== ##Isotope (Recommended) ==================== */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { transition-duration: 0.8s; } .isotope { transition-property: height, width; } .isotope .isotope-item { transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { transition-duration: 0s; } /* ==================== ##Lists Style ==================== */ body ul, body ol { margin-left: 0.4em; padding-left: 0.9em; } body ul li, body ol li { position: relative; z-index: 1; line-height: 2.375em; } body ul > li:last-child, body ol > li:last-child { padding-bottom: 0; } body ol { list-style: none; } body ul[class*=cleenday_] { margin-left: 0; padding-left: 0; } body ul[class*=cleenday_] li { list-style: none; } body ul[class*=cleenday_] li:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 0.7em; } body ul.cleenday_dot li { padding-left: calc(0.5em + 13px); } body ul.cleenday_dot li:before { top: calc(5px + .75em); left: 2px; width: 0.3125em; height: 0.3125em; border-radius: 1em; font-size: 1em; } body ul.cleenday_dot.icon_right li { padding-left: 0; padding-right: calc(0.5em + 13px); } body ul.cleenday_dot.icon_right li:before { left: unset; right: 2px; } body ul.cleenday_hyphen li { padding-left: calc(1em + 8px); } body ul.cleenday_hyphen li:before { content: "\f068"; } body ul.cleenday_hyphen.icon_right li { padding-left: 0; padding-right: calc(1em + 8px); } body ul.cleenday_hyphen.icon_right li:before { left: unset; right: 0; } body ul.cleenday_plus li { padding-left: calc(1em + 8px); } body ul.cleenday_plus li:before { content: "\f067"; } body ul.cleenday_plus.icon_right li { padding-left: 0; padding-right: calc(1em + 8px); } body ul.cleenday_plus.icon_right li:before { left: unset; right: 0; } body ul.cleenday_check li { padding-left: calc(1.3em + 14px); } body ul.cleenday_check li:before { content: "\f104"; font-family: "Flaticon"; font-weight: normal; font-size: 0.875em; top: calc(1px + .6em); border-radius: 1.572em; width: 1.572em; height: 1.572em; line-height: 1.572em; text-align: center; background-color: #ffffff; } body ul.cleenday_check.icon_right li { padding-left: 0; padding-right: calc(1.3em + 14px); } body ul.cleenday_check.icon_right li:before { left: unset; right: 0; } body ul.cleenday_check[class*=framed_] li:before { color: #ffffff; } body ul.no-list-style li { padding: 0; list-style: none; } body ul .cleenday_framed_primary:before { color: #ffffff !important; } body ul .cleenday_framed_secondary, body ul .cleenday_framed_secondary:before, body ul .cleenday_framed_secondary:after, body ul .cleenday_framed_secondary * { color: #a799cd !important; } body ol { counter-reset: li; } body ol[start="1"] { counter-reset: li 0; } body ol[start="2"] { counter-reset: li 1; } body ol[start="3"] { counter-reset: li 2; } body ol[start="4"] { counter-reset: li 3; } body ol[start="5"] { counter-reset: li 4; } body ol[start="6"] { counter-reset: li 5; } body ol[start="7"] { counter-reset: li 6; } body ol[start="8"] { counter-reset: li 7; } body ol[start="9"] { counter-reset: li 8; } body ol[start="10"] { counter-reset: li 9; } body ol[start="11"] { counter-reset: li 10; } body ol[start="12"] { counter-reset: li 11; } body ol[start="13"] { counter-reset: li 12; } body ol[start="14"] { counter-reset: li 13; } body ol[start="15"] { counter-reset: li 14; } body ol[start="16"] { counter-reset: li 15; } body ol[start="17"] { counter-reset: li 16; } body ol[start="18"] { counter-reset: li 17; } body ol[start="19"] { counter-reset: li 18; } body ol[start="20"] { counter-reset: li 19; } body ol[start="21"] { counter-reset: li 20; } body ol[start="22"] { counter-reset: li 21; } body ol[start="23"] { counter-reset: li 22; } body ol[start="24"] { counter-reset: li 23; } body ol[start="25"] { counter-reset: li 24; } body ol[start="26"] { counter-reset: li 25; } body ol[start="27"] { counter-reset: li 26; } body ol[start="28"] { counter-reset: li 27; } body ol[start="29"] { counter-reset: li 28; } body ol[start="30"] { counter-reset: li 29; } body ol > li { position: relative; counter-increment: li; } body ol > li:before { content: "." counter(li); display: inline-block; position: static; width: auto; height: auto; margin-left: calc(-1em - 2px); margin-right: calc(0.25em + 8px); font-size: inherit; line-height: inherit; font-weight: 600; direction: rtl; } body ul ol > li:before { top: 0; background-color: transparent !important; } body li ol { margin-bottom: 0; padding-bottom: 0; } /* ==================== ##Comments ==================== */ .single.related_posts + .row #comments { margin-top: 40px; padding-top: 0; } #comments { margin-top: 50px; margin-bottom: 50px; padding-top: 50px; clear: both; } #comments:before { content: ""; display: block; clear: both; } #comments ul ul.children, #comments ol ul.children { margin-left: 0; padding-left: 0; list-style: none; } #comments #respond, #comments ~ #review_form_wrapper #respond { margin-top: 40px; border-radius: 12px; padding: 39px 50px 50px; background: #ffffff; box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1); } #comments #respond:first-child, #comments ~ #review_form_wrapper #respond:first-child { margin-top: 0; } #comments #respond input[type=text], #comments #respond input[type=url], #comments #respond input[type=search], #comments #respond input[type=email], #comments #respond input[type=password], #comments #respond input[type=tel], #comments #respond input[type=time], #comments #respond select, #comments #respond textarea, #comments ~ #review_form_wrapper #respond input[type=text], #comments ~ #review_form_wrapper #respond input[type=url], #comments ~ #review_form_wrapper #respond input[type=search], #comments ~ #review_form_wrapper #respond input[type=email], #comments ~ #review_form_wrapper #respond input[type=password], #comments ~ #review_form_wrapper #respond input[type=tel], #comments ~ #review_form_wrapper #respond input[type=time], #comments ~ #review_form_wrapper #respond select, #comments ~ #review_form_wrapper #respond textarea { border-color: transparent; background-color: #f7f5f7; } #comments #respond input[type=text]:focus, #comments #respond input[type=url]:focus, #comments #respond input[type=search]:focus, #comments #respond input[type=email]:focus, #comments #respond input[type=password]:focus, #comments #respond input[type=tel]:focus, #comments #respond input[type=time]:focus, #comments #respond select:focus, #comments #respond textarea:focus, #comments ~ #review_form_wrapper #respond input[type=text]:focus, #comments ~ #review_form_wrapper #respond input[type=url]:focus, #comments ~ #review_form_wrapper #respond input[type=search]:focus, #comments ~ #review_form_wrapper #respond input[type=email]:focus, #comments ~ #review_form_wrapper #respond input[type=password]:focus, #comments ~ #review_form_wrapper #respond input[type=tel]:focus, #comments ~ #review_form_wrapper #respond input[type=time]:focus, #comments ~ #review_form_wrapper #respond select:focus, #comments ~ #review_form_wrapper #respond textarea:focus { border-color: #ece8ec; background-color: #ffffff; } @media (max-width: 600px) { #comments #respond, #comments ~ #review_form_wrapper #respond { padding: 25px 26px 25px; } } #comments > h3 { position: relative; z-index: 10; } #comments .pingback .edit-link .comment-edit-link, #comments .trackback .edit-link .comment-edit-link { font-size: 0.75em; color: #7e7676; margin-left: 0.3133em; } #comments .pingback .edit-link .comment-edit-link:hover, #comments .trackback .edit-link .comment-edit-link:hover { color: #b9a9cd; } #comments .comment-notes { margin-bottom: 30px; } #comments .comment-notes, #comments .comment-form-cookies-consent { font-size: 14px; } #comments .comment-form-cookies-consent { padding-top: 15px; margin-bottom: -10px; } #comments .form-submit { margin-top: 30px; margin-bottom: 0; clear: both; } #comments .form-submit input.submit { min-width: 160px; } #comments .commentlist { position: relative; margin: 0; padding: 0; line-height: inherit; list-style: none; } #comments .commentlist li.pingback, #comments .commentlist li.trackback { padding: 0; } #comments .commentlist li.pingback .comment-body, #comments .commentlist li.trackback .comment-body { display: inline; } #comments .commentlist li.pingback:before, #comments .commentlist li.trackback:before { display: none; } #comments .commentlist + * { margin-top: 46px; } #comments .commentlist .comment-respond { margin: 20px 0; } #comments .commentlist .comment { padding: 0; } #comments .commentlist .comment:before, #comments .commentlist .comment:after { display: none; } #comments .commentlist .comment .stand_comment { min-height: 160px; margin-bottom: 0; border-bottom: 1px solid #ece8ec; padding: 40px 0 31px 110px; } #comments .commentlist .comment .stand_comment .thiscommentbody { position: relative; z-index: 1; min-height: 70px; } #comments .commentlist .comment .stand_comment .meta-data { padding-top: 10px; } #comments .commentlist .comment .stand_comment .meta-data > div > span, #comments .commentlist .comment .stand_comment .meta-data > div > a { font-size: 12px; } #comments .commentlist .comment .commentava { position: absolute; z-index: 1; top: 0; left: -110px; width: 80px; height: 80px; } #comments .commentlist .comment .commentava img { border-radius: 50%; } #comments .commentlist .comment.pingback .stand_comment { padding-left: 0; } #comments .commentlist .comment .children .comment { margin-left: 70px; } #comments .commentlist .comment .children .stand_comment { padding-left: 110px; } #comments .commentlist .comment .children .stand_comment .commentava { left: -110px; } #comments .commentlist > .comment > .children > .comment { margin-left: 110px; } #comments .commentlist > .comment:last-child { margin-bottom: -1px; } #comments .commentlist > .comment:last-child .stand_comment:last-child { border-bottom: 0; } #comments .commentlist .comment_info { display: inline-block; margin-top: -2px; padding-right: 14px; } #comments .commentlist .comment_info .meta-data { float: none; margin-bottom: 0; padding: 0; font-size: 12px; font-weight: 500; line-height: 20px; background: none; letter-spacing: 0.01em; text-transform: uppercase; opacity: 1; } #comments .commentlist .comment_info .meta-data .comment-edit-link { padding-left: 5px; } #comments .commentlist .comment_author_says { font-size: 16px; line-height: 1; font-weight: 600; } #comments .commentlist .comment_author_says a { font-weight: inherit; font-size: inherit; } #comments .commentlist .comment_content { margin-top: -2px; line-height: 30px; } #comments .commentlist .comment_content > ul, #comments .commentlist .comment_content > ol { padding-bottom: 20px; } #comments .commentlist .comment_content p:last-child { margin-bottom: 0; } #comments .comment-reply-link { display: inline-block; position: absolute; top: 1px; right: 0; font-size: 12px; font-weight: 600; line-height: 30px; padding: 4px 16px 0; font-style: normal; border-radius: 6px; background-color: #f7f5f7; transition: 0.4s; } #comments .comment-reply-link:hover { color: #ffffff; } #comments #cancel-comment-reply-link { opacity: 0.8; } #comments small #cancel-comment-reply-link { font-size: 18px; margin-left: 10px; } #comments ol.commentlist > li.comment:first-child { margin-top: -6px; } #comments ol.commentlist > li.trackback:first-child, #comments ol.commentlist > li.pingback:first-child { margin-top: 26px; } #comments .comments-title { margin-bottom: -1px; } #comments .comments-title .number-comments { margin-left: 0.25em; } body .comment-respond .comment-reply-title { position: relative; font-size: 36px; text-transform: capitalize; } body .comment-respond .comment-form { margin-left: -10px; margin-right: -10px; } body .comment-respond .comment-form [class*=wgl_col-], body .comment-respond .comment-form > p { position: relative; padding-left: 10px; padding-right: 10px; } body .comment-respond .comment-form .logged-in-as { margin-bottom: 5px; font-size: 14px; } body .comment-respond label { margin: 0; } body .comment-respond .form_field { width: 100%; margin-bottom: 20px !important; } body .comment-respond textarea.form_field { resize: none; } body .comment-form-cookies-consent { clear: both; top: -10px; } body .comment-form-cookies-consent > input, body .comment-form-cookies-consent > label, body .comment-form-cookies-consent > span { display: inline-block; } body .comment-form-cookies-consent > input { margin-right: 7px; } body .comment-form-cookies-consent > input[type=checkbox] + label { display: inline; } /* ==================== ##Contact Form ==================== */ .wpcf7-form-control-wrap { display: block; } .wpcf7 .wpcf7-response-output { margin: 0 0 5px 0; } .wpcf7 input:not([type=submit]), .wpcf7 select, .wpcf7 textarea { width: 100%; } .wpcf7-form .row { margin-left: -10px; margin-right: -10px; } .wpcf7-form .row [class*=wgl_col-] { position: relative; padding-left: 10px; padding-right: 10px; } .wpcf7 .ajax-loader { display: none !important; } .wpcf7 .wpcf7-not-valid { border-color: #dc3232; } .wpcf7 input + .wpcf7-not-valid-tip, .wpcf7 textarea + .wpcf7-not-valid-tip, .wpcf7 select + .wpcf7-not-valid-tip { margin-top: -3px; margin-bottom: 5px; line-height: 1.1em; font-size: 13px; } .wpcf7 form .wpcf7-response-output { margin: 20px 0 0; padding: 10px 19px 10px; line-height: 28px; border-width: 1px; border-radius: 6px; } .wpcf7 .form-icon { position: absolute; z-index: 1; top: 9px; right: 35px; font-size: 14px; color: #bababa; } .wpcf7 .wpcf7-submit { margin-top: 0; color: #ffffff; min-width: 160px; } .wpcf7 .wpcf7-submit:hover { color: #ffffff; } .wpcf7-form .wpcf7-submit { margin-top: 10px; } .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item, .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item { display: flex; align-items: center; } .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item input, .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item input { width: auto; height: auto; } .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item input + .wpcf7-list-item-label, .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item input + .wpcf7-list-item-label { padding-left: 0.5em; } .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label, .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item label { display: flex; align-items: center; } .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label span, .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item label span { font-size: 1rem; font-weight: normal; } .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item input[type=radio] { -webkit-appearance: radio; appearance: radio; } .wpcf7 .row.coming-soon { text-align: center; } .wpcf7 .row.coming-soon .wpcf7-form-control-wrap { display: inline-block; vertical-align: top; } @media (min-width: 600px) { .wpcf7 .row.coming-soon .wpcf7-form-control-wrap { margin-right: 15px; } } .wpcf7 .row.coming-soon .wpcf7-form-control-wrap + br { display: none; } .wpcf7 .row.coming-soon input[type=email] { max-width: 400px; } .wpcf7 .row.coming-soon input[type=submit] { margin: 0; min-width: 150px; } .wpcf7 .row.coming-soon + .wpcf7-response-output { color: #ffffff; } .wpcf7 .row.coming-soon + .wpcf7-mail-sent-ok { margin-top: -15px; } .wpcf7 .row.wgl-custom-form input[type=text], .wpcf7 .row.wgl-custom-form input[type=url], .wpcf7 .row.wgl-custom-form input[type=search], .wpcf7 .row.wgl-custom-form input[type=email], .wpcf7 .row.wgl-custom-form input[type=password], .wpcf7 .row.wgl-custom-form input[type=tel], .wpcf7 .row.wgl-custom-form input[type=time], .wpcf7 .row.wgl-custom-form input[type=submit] { height: 50px; } .wpcf7 .row.wgl-custom-form input[type=text], .wpcf7 .row.wgl-custom-form input[type=url], .wpcf7 .row.wgl-custom-form input[type=search], .wpcf7 .row.wgl-custom-form input[type=email], .wpcf7 .row.wgl-custom-form input[type=password], .wpcf7 .row.wgl-custom-form input[type=tel], .wpcf7 .row.wgl-custom-form input[type=time], .wpcf7 .row.wgl-custom-form select, .wpcf7 .row.wgl-custom-form textarea { background-color: rgba(250, 248, 245, 0.2); } .wpcf7 .row.wgl-custom-form input[type=text], .wpcf7 .row.wgl-custom-form input[type=text]::placeholder, .wpcf7 .row.wgl-custom-form input[type=url], .wpcf7 .row.wgl-custom-form input[type=url]::placeholder, .wpcf7 .row.wgl-custom-form input[type=search], .wpcf7 .row.wgl-custom-form input[type=search]::placeholder, .wpcf7 .row.wgl-custom-form input[type=email], .wpcf7 .row.wgl-custom-form input[type=email]::placeholder, .wpcf7 .row.wgl-custom-form input[type=password], .wpcf7 .row.wgl-custom-form input[type=password]::placeholder, .wpcf7 .row.wgl-custom-form input[type=tel], .wpcf7 .row.wgl-custom-form input[type=tel]::placeholder, .wpcf7 .row.wgl-custom-form input[type=time], .wpcf7 .row.wgl-custom-form input[type=time]::placeholder, .wpcf7 .row.wgl-custom-form select, .wpcf7 .row.wgl-custom-form select::placeholder, .wpcf7 .row.wgl-custom-form textarea, .wpcf7 .row.wgl-custom-form textarea::placeholder { color: #ffffff; } .wpcf7 .row.wgl-custom-form input[type=text]:focus, .wpcf7 .row.wgl-custom-form input[type=url]:focus, .wpcf7 .row.wgl-custom-form input[type=search]:focus, .wpcf7 .row.wgl-custom-form input[type=email]:focus, .wpcf7 .row.wgl-custom-form input[type=password]:focus, .wpcf7 .row.wgl-custom-form input[type=tel]:focus, .wpcf7 .row.wgl-custom-form input[type=time]:focus, .wpcf7 .row.wgl-custom-form select:focus, .wpcf7 .row.wgl-custom-form textarea:focus { background-color: rgba(250, 248, 245, 0.1); } .wpcf7 .row.wgl-custom-form input[type=submit] { border: 1px solid #ffffff; background-color: #ffffff; } .wpcf7 .row.wgl-custom-form input[type=submit]:hover, .wpcf7 .row.wgl-custom-form input[type=submit]:active { color: #ffffff; background-color: rgba(250, 248, 245, 0.1); } .wpcf7 .row.input-bg-white input[type=text], .wpcf7 .row.input-bg-white input[type=url], .wpcf7 .row.input-bg-white input[type=search], .wpcf7 .row.input-bg-white input[type=email], .wpcf7 .row.input-bg-white input[type=password], .wpcf7 .row.input-bg-white input[type=tel], .wpcf7 .row.input-bg-white input[type=time], .wpcf7 .row.input-bg-white select, .wpcf7 .row.input-bg-white textarea { background: #ffffff; } .wpcf7 .row.services .wgl_custom-col { width: 37%; padding-left: 10px; padding-right: 10px; } .wpcf7 .row.services .wgl_custom-col.submit { width: 26%; } .wpcf7 .row.services .wgl_custom-col.submit input { width: 100%; max-width: 240px; min-width: unset; padding: 12px 15px 10px; } @media (max-width: 1024px) { .wpcf7 .row.services .wgl_custom-col { width: 50%; } .wpcf7 .row.services .wgl_custom-col.submit { width: 50%; margin: 0 auto; text-align: center; } } @media (max-width: 600px) { .wpcf7 .row.services .wgl_custom-col { width: 100%; } .wpcf7 .row.services .wgl_custom-col.submit { width: 100%; } .wpcf7 .row.services .wgl_custom-col.submit input { max-width: 180px; } } .wpcf7 .row.services .wgl_custom-row { display: flex; align-items: flex-start; flex-wrap: wrap; padding: 0; } .wpcf7 .row.services input, .wpcf7 .row.services select { margin: 10px 0; } .wpb_text_column .wpcf7 .wpcf7-form-control-wrap { display: block; margin-bottom: 20px; } .sign_up { display: flex; justify-content: center; margin-right: -20px; } .sign_up input[type=submit] { margin-left: 20px; height: 50px; } .sign_up input[type=email] { width: 350px; } .sign_up .ajax-loader { display: none; } .footer .wpcf7 input + .wpcf7-not-valid-tip { margin-top: 10px; } .footer .wpcf7 .wpcf7-response-output { margin: 10px 0 0; padding: 10px 10px 10px; line-height: 24px; border-radius: 5px; color: #fefefe; font-size: 14px; } .footer .wpcf7 input:not([type=submit]) { font-size: 14px; font-weight: 400; color: inherit; outline: unset; background: transparent; box-shadow: unset; overflow: hidden; } .footer .wpcf7 input:not([type=submit])::placeholder { color: #8e8e8e; } .footer .wpcf7 input:not([type=submit]):focus, .footer .wpcf7 input:not([type=submit]):active { border-color: transparent; background: #5c5b5d; } .footer .wpcf7 input[type=email] { position: relative; width: 100%; height: 50px; margin: unset; padding: 0px 50px 0 20px; color: #ffffff; background: #3a383b; } .footer .wpcf7 input[type=submit], .footer .wpcf7 .footer-submit, .footer .wpcf7 .footer-submit:before { position: absolute; z-index: 1; width: 40px; min-width: 40px; height: 40px; padding: 0; border: transparent; color: transparent; margin: 0; } .footer .wpcf7 input[type=submit] { top: 5px; right: 5px; background: transparent; } .footer .wpcf7 .footer-submit { position: absolute; top: 5px; right: 5px; } .footer .wpcf7 .footer-submit:before { content: "\f10b"; top: 0; right: 0; padding-top: 6px; font-family: flaticon; color: #ffffff; text-align: center; transition: 0.4s; } .footer .wpcf7 .footer-submit input[type=submit] { top: 0; right: 0; } .footer .wpcf7 form > p:last-of-type:after { content: "\f10b"; position: absolute; z-index: 0; top: 5px; right: 5px; width: 40px; height: 40px; font-family: flaticon; text-align: center; color: #ffffff; line-height: 40px; border-radius: 5px; transition: 0.4s; } .footer .wpcf7 form:hover > p:last-of-type:after { opacity: 0.8; } .wpcf7 .demo-1-form .wpcf7-text { border-color: currentColor; color: #8b8b8b; background: transparent; } .wpcf7 .demo-1-form .wpcf7-text:focus { color: #ffffff; } .wpcf7 .demo-1-form .wpcf7-submit { border: unset; height: 50px; color: #ffffff; } .wpcf7 .demo-1-form [role=alert] { display: inline-block !important; color: #ffffff; } @media (min-width: 768px) { .wpcf7 .demo-1-form .wgl_col-5 { width: 37%; } .wpcf7 .demo-1-form .wgl_col-2 { width: 24%; } } /* ==================== ##Slick Slider ==================== */ .wgl-carousel { position: relative; z-index: 1; } .wgl-carousel .slick-slider { display: block; -webkit-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: hidden; margin: 0 -15px; } .wgl-carousel .slick-list { display: block; position: relative; z-index: 1; } .wgl-carousel .slick-track { position: relative; z-index: 1; } .wgl-carousel .slick-track:after { content: ""; display: table; clear: both; } .wgl-carousel .slick-slide { float: left; height: 100%; min-height: 1px; cursor: pointer; margin-left: 15px; margin-right: 15px; } .wgl-carousel .slick-slide.dragging img { pointer-events: none; } .wgl-carousel .slick-slide[aria-hidden=true] { box-shadow: 0 0 transparent !important; } .wgl-carousel .slick-loading .slick-track, .wgl-carousel .slick-loading .slick-slide { visibility: hidden; } /* ==================== ##Pagination ==================== */ .wgl-pagination { margin-left: 0; padding-left: 0; padding-bottom: 20px; list-style: none; text-align: left; clear: both; } .wgl-pagination .page, .wgl-pagination .post-page-numbers { display: inline-block; margin: 0 10px 10px 0; line-height: 1; } .wgl-pagination .page .page-numbers, .wgl-pagination .page .post-page-link, .wgl-pagination .post-page-numbers .page-numbers, .wgl-pagination .post-page-numbers .post-page-link { display: inline-block; position: relative; z-index: 1; height: 50px; min-width: 50px; border-radius: 25px; padding: 0 10px; border: 2px solid transparent; font-size: 14px; line-height: 50px; font-weight: 700; text-align: center; background-color: #f7f5f7; vertical-align: middle; transition: 0.4s; } .wgl-pagination .page .page-numbers.current, .wgl-pagination .page .post-page-link.current, .wgl-pagination .post-page-numbers .page-numbers.current, .wgl-pagination .post-page-numbers .post-page-link.current { position: relative; color: #ffffff; -webkit-user-select: none; user-select: none; cursor: default; } .wgl-pagination .page .page-numbers.next, .wgl-pagination .page .page-numbers.prev, .wgl-pagination .page .post-page-link.next, .wgl-pagination .page .post-page-link.prev, .wgl-pagination .post-page-numbers .page-numbers.next, .wgl-pagination .post-page-numbers .page-numbers.prev, .wgl-pagination .post-page-numbers .post-page-link.next, .wgl-pagination .post-page-numbers .post-page-link.prev { line-height: 48px; } .wgl-pagination .page .page-numbers i, .wgl-pagination .page .post-page-link i, .wgl-pagination .post-page-numbers .page-numbers i, .wgl-pagination .post-page-numbers .post-page-link i { font-size: 1em; font-weight: normal; vertical-align: baseline; transition: all 0.4s, color 0s; } .wgl-pagination .page .page-numbers.prev i, .wgl-pagination .page .post-page-link.prev i, .wgl-pagination .post-page-numbers .page-numbers.prev i, .wgl-pagination .post-page-numbers .post-page-link.prev i { transform: scaleX(-1); display: inline-block; } @media (max-width: 420px) { .wgl-pagination .page .page-numbers, .wgl-pagination .page .post-page-link, .wgl-pagination .post-page-numbers .page-numbers, .wgl-pagination .post-page-numbers .post-page-link { height: 38px; min-width: 38px; border-radius: 19px; line-height: 38px; } .wgl-pagination .page .page-numbers.next, .wgl-pagination .page .page-numbers.prev, .wgl-pagination .page .post-page-link.next, .wgl-pagination .page .post-page-link.prev, .wgl-pagination .post-page-numbers .page-numbers.next, .wgl-pagination .post-page-numbers .page-numbers.prev, .wgl-pagination .post-page-numbers .post-page-link.next, .wgl-pagination .post-page-numbers .post-page-link.prev { line-height: 36px; } } .wgl-pagination .page.current, .wgl-pagination .post-page-numbers.current { color: #fff; } .wgl-pagination .page span.current, .wgl-pagination .post-page-numbers span.current { -webkit-user-select: none; user-select: none; cursor: default; } .wgl-pagination .page:last-child, .wgl-pagination .post-page-numbers:last-child { margin-right: 0; } .wgl-pagination .page-numbers.dots, .wgl-pagination .post-page-numbers.dots { -webkit-user-select: none; user-select: none; cursor: default; } .blog-post_content .wgl-pagination { padding-bottom: 0; font-size: 0; } .blog-post_content .wgl-pagination .post-page-link { min-width: 30px; height: 30px; font-size: 13px; line-height: 28px; padding: 0 3px; } /* ==================== ##Load More ==================== */ .load_more_wrapper { position: relative; z-index: 1; text-align: center; } .load_more_wrapper .button_wrapper:hover .load_more_item { transform: translate(0); } .load_more_wrapper .button_wrapper { display: inline-block; position: relative; margin-bottom: 20px; } .load_more_wrapper .load_more_item { position: relative; display: inline-block; margin: 0; border-radius: 6px; padding: 14px 35px 10px; font-size: 13px; line-height: 1.5; font-weight: 600; color: #ffffff; letter-spacing: 0.025em; white-space: nowrap; overflow: hidden; transition: 0.4s; } .load_more_wrapper .load_more_item:before { content: "\f2f1"; display: inline-block; position: absolute; z-index: 99; top: 50%; left: 50%; margin: -10px 0 0 -8px; font-family: "Font Awesome 5 Free"; line-height: 1; font-size: 19px; font-weight: 700; color: #fff; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; transition: all 0.4s, color 0s; animation: rotating 2s linear infinite; } .load_more_wrapper .load_more_item span { position: relative; z-index: 1; } .load_more_wrapper .load_more_item.loading:before { color: inherit; opacity: 1; } .load_more_wrapper .load_more_item.loading span { opacity: 0; } .load_more_wrapper .load_more_item.full_width_btn .load_more_item { width: 100%; } .load_more_wrapper .load_more_item:hover:after { animation-play-state: running; } @keyframes rotating { 0% { transform: rotate(0turn); } 100% { transform: rotate(1turn); } } /* ==================== ##Scroll Up ==================== */ #scroll_up { position: fixed; z-index: 20; right: 0; bottom: 20px; border-radius: 6px 0 0 6px; text-align: center; cursor: pointer; opacity: 0; transform: translateX(130%); transition: 0.4s; } #scroll_up:not(:empty) { display: flex; justify-content: center; align-items: center; font-size: 13px; right: 0; top: 100%; width: 50px; font-weight: 600; min-height: -moz-fit-content; min-height: fit-content; line-height: 30px; transform: rotate(180deg) translate3D(-50px, -130%, 0); transform-origin: 0 0; writing-mode: vertical-rl; white-space: nowrap; border-radius: 0 6px 6px 0; padding: 30px 4px 30px 0; } #scroll_up:not(:empty):hover { color: #ffffff; } #scroll_up:not(:empty).active { opacity: 1; transform: rotate(180deg) translate3D(-50px, 100px, 0); } #scroll_up:empty { width: 50px; height: 50px; } #scroll_up:empty:after { content: "\f102"; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 16px; line-height: 50px; font-weight: 900; } #scroll_up:empty:hover:after { animation: scroll_up_anim 1.5s infinite; } #scroll_up:empty.active { opacity: 1; transform: translateY(0); } @keyframes scroll_up_anim { 0% { transform: translateY(-2px); } 50% { transform: translateY(2px); } 100% { transform: translateY(-2px); } } /* ==================== ##Revolution Slider ==================== */ .wgl-container rs-module [class*="fab fa-"], .wgl-container rs-module [class*="fab fa-"], .wgl-container .rb-modal-wrapper [class*="fab fa-"], .wgl-container .rb-modal-wrapper [class*="fab fa-"], .wgl-container #rs_overview [class*="fab fa-"], .wgl-container #rs_overview [class*="fab fa-"], .wgl-container #objectlibrary [class*="fab fa-"], .wgl-container #objectlibrary [class*="fab fa-"], .wgl-container #waitaminute [class*="fab fa-"], .wgl-container #waitaminute [class*="fab fa-"], .wgl-container #rs_overview_menu [class*="fab fa-"], .wgl-container #rs_overview_menu [class*="fab fa-"], .wgl-container #builderView [class*="fab fa-"], .wgl-container #builderView [class*="fab fa-"] { font-weight: 400; font-family: "Font Awesome 5 Brands"; } .wgl-container rs-module [class*="fab fa-"]:before, .wgl-container rs-module [class*="fab fa-"]:before, .wgl-container .rb-modal-wrapper [class*="fab fa-"]:before, .wgl-container .rb-modal-wrapper [class*="fab fa-"]:before, .wgl-container #rs_overview [class*="fab fa-"]:before, .wgl-container #rs_overview [class*="fab fa-"]:before, .wgl-container #objectlibrary [class*="fab fa-"]:before, .wgl-container #objectlibrary [class*="fab fa-"]:before, .wgl-container #waitaminute [class*="fab fa-"]:before, .wgl-container #waitaminute [class*="fab fa-"]:before, .wgl-container #rs_overview_menu [class*="fab fa-"]:before, .wgl-container #rs_overview_menu [class*="fab fa-"]:before, .wgl-container #builderView [class*="fab fa-"]:before, .wgl-container #builderView [class*="fab fa-"]:before { font-family: "Font Awesome 5 Brands"; font-weight: inherit; } .wgl-container rs-module [class*="far fa-"], .wgl-container rs-module [class*="fal fa-"], .wgl-container rs-module [class*="far fa-"], .wgl-container rs-module [class*="fal fa-"], .wgl-container .rb-modal-wrapper [class*="far fa-"], .wgl-container .rb-modal-wrapper [class*="fal fa-"], .wgl-container .rb-modal-wrapper [class*="far fa-"], .wgl-container .rb-modal-wrapper [class*="fal fa-"], .wgl-container #rs_overview [class*="far fa-"], .wgl-container #rs_overview [class*="fal fa-"], .wgl-container #rs_overview [class*="far fa-"], .wgl-container #rs_overview [class*="fal fa-"], .wgl-container #objectlibrary [class*="far fa-"], .wgl-container #objectlibrary [class*="fal fa-"], .wgl-container #objectlibrary [class*="far fa-"], .wgl-container #objectlibrary [class*="fal fa-"], .wgl-container #waitaminute [class*="far fa-"], .wgl-container #waitaminute [class*="fal fa-"], .wgl-container #waitaminute [class*="far fa-"], .wgl-container #waitaminute [class*="fal fa-"], .wgl-container #rs_overview_menu [class*="far fa-"], .wgl-container #rs_overview_menu [class*="fal fa-"], .wgl-container #rs_overview_menu [class*="far fa-"], .wgl-container #rs_overview_menu [class*="fal fa-"], .wgl-container #builderView [class*="far fa-"], .wgl-container #builderView [class*="fal fa-"], .wgl-container #builderView [class*="far fa-"], .wgl-container #builderView [class*="fal fa-"] { font-family: "Font Awesome 5 Free"; font-weight: 400; } .wgl-container rs-module [class*="far fa-"]:before, .wgl-container rs-module [class*="fal fa-"]:before, .wgl-container rs-module [class*="far fa-"]:before, .wgl-container rs-module [class*="fal fa-"]:before, .wgl-container .rb-modal-wrapper [class*="far fa-"]:before, .wgl-container .rb-modal-wrapper [class*="fal fa-"]:before, .wgl-container .rb-modal-wrapper [class*="far fa-"]:before, .wgl-container .rb-modal-wrapper [class*="fal fa-"]:before, .wgl-container #rs_overview [class*="far fa-"]:before, .wgl-container #rs_overview [class*="fal fa-"]:before, .wgl-container #rs_overview [class*="far fa-"]:before, .wgl-container #rs_overview [class*="fal fa-"]:before, .wgl-container #objectlibrary [class*="far fa-"]:before, .wgl-container #objectlibrary [class*="fal fa-"]:before, .wgl-container #objectlibrary [class*="far fa-"]:before, .wgl-container #objectlibrary [class*="fal fa-"]:before, .wgl-container #waitaminute [class*="far fa-"]:before, .wgl-container #waitaminute [class*="fal fa-"]:before, .wgl-container #waitaminute [class*="far fa-"]:before, .wgl-container #waitaminute [class*="fal fa-"]:before, .wgl-container #rs_overview_menu [class*="far fa-"]:before, .wgl-container #rs_overview_menu [class*="fal fa-"]:before, .wgl-container #rs_overview_menu [class*="far fa-"]:before, .wgl-container #rs_overview_menu [class*="fal fa-"]:before, .wgl-container #builderView [class*="far fa-"]:before, .wgl-container #builderView [class*="fal fa-"]:before, .wgl-container #builderView [class*="far fa-"]:before, .wgl-container #builderView [class*="fal fa-"]:before { font-family: "Font Awesome 5 Free"; font-weight: 400; } .wgl-container rs-module [class*="fas fa-"], .wgl-container rs-module [class*="far fa-"], .wgl-container rs-module [class*="fas fa-"], .wgl-container rs-module [class*="far fa-"], .wgl-container .rb-modal-wrapper [class*="fas fa-"], .wgl-container .rb-modal-wrapper [class*="far fa-"], .wgl-container .rb-modal-wrapper [class*="fas fa-"], .wgl-container .rb-modal-wrapper [class*="far fa-"], .wgl-container #rs_overview [class*="fas fa-"], .wgl-container #rs_overview [class*="far fa-"], .wgl-container #rs_overview [class*="fas fa-"], .wgl-container #rs_overview [class*="far fa-"], .wgl-container #objectlibrary [class*="fas fa-"], .wgl-container #objectlibrary [class*="far fa-"], .wgl-container #objectlibrary [class*="fas fa-"], .wgl-container #objectlibrary [class*="far fa-"], .wgl-container #waitaminute [class*="fas fa-"], .wgl-container #waitaminute [class*="far fa-"], .wgl-container #waitaminute [class*="fas fa-"], .wgl-container #waitaminute [class*="far fa-"], .wgl-container #rs_overview_menu [class*="fas fa-"], .wgl-container #rs_overview_menu [class*="far fa-"], .wgl-container #rs_overview_menu [class*="fas fa-"], .wgl-container #rs_overview_menu [class*="far fa-"], .wgl-container #builderView [class*="fas fa-"], .wgl-container #builderView [class*="far fa-"], .wgl-container #builderView [class*="fas fa-"], .wgl-container #builderView [class*="far fa-"] { font-family: "Font Awesome 5 Free"; font-weight: 900; } .wgl-container rs-module [class*="fas fa-"]:before, .wgl-container rs-module [class*="far fa-"]:before, .wgl-container rs-module [class*="fas fa-"]:before, .wgl-container rs-module [class*="far fa-"]:before, .wgl-container .rb-modal-wrapper [class*="fas fa-"]:before, .wgl-container .rb-modal-wrapper [class*="far fa-"]:before, .wgl-container .rb-modal-wrapper [class*="fas fa-"]:before, .wgl-container .rb-modal-wrapper [class*="far fa-"]:before, .wgl-container #rs_overview [class*="fas fa-"]:before, .wgl-container #rs_overview [class*="far fa-"]:before, .wgl-container #rs_overview [class*="fas fa-"]:before, .wgl-container #rs_overview [class*="far fa-"]:before, .wgl-container #objectlibrary [class*="fas fa-"]:before, .wgl-container #objectlibrary [class*="far fa-"]:before, .wgl-container #objectlibrary [class*="fas fa-"]:before, .wgl-container #objectlibrary [class*="far fa-"]:before, .wgl-container #waitaminute [class*="fas fa-"]:before, .wgl-container #waitaminute [class*="far fa-"]:before, .wgl-container #waitaminute [class*="fas fa-"]:before, .wgl-container #waitaminute [class*="far fa-"]:before, .wgl-container #rs_overview_menu [class*="fas fa-"]:before, .wgl-container #rs_overview_menu [class*="far fa-"]:before, .wgl-container #rs_overview_menu [class*="fas fa-"]:before, .wgl-container #rs_overview_menu [class*="far fa-"]:before, .wgl-container #builderView [class*="fas fa-"]:before, .wgl-container #builderView [class*="far fa-"]:before, .wgl-container #builderView [class*="fas fa-"]:before, .wgl-container #builderView [class*="far fa-"]:before { font-family: "Font Awesome 5 Free"; font-weight: 900; } /* ==================== ##Widgets Base ==================== */ .widget { position: relative; /* ↓ Categories */ /* ↑ categories */ } .widget:not(:first-child) { padding-top: 50px; } .widget .title-wrapper { margin-top: -5px; margin-bottom: 21px; font-size: 18px; line-height: 1.3; font-weight: 700; position: relative; letter-spacing: 0.025em; z-index: 1; overflow: hidden; } .widget .title-wrapper .title { display: inline-block; position: relative; z-index: 1; } .widget .title-wrapper .title:before { content: ""; position: absolute; z-index: 2; height: 5px; width: 20px; left: calc(100% + 10px); top: 50%; transform: translateY(-4px); background: var(--cleenday-primary-color); } .widget .title-wrapper .title:after { content: ""; position: absolute; z-index: 1; height: 1px; width: 1000px; right: -10px; top: 50%; transform: translate(100%, -2px); background: #dcdcdc; } .widget .title-wrapper .rsswidget img { margin-top: 2px; } .widget ul li { font-size: 14px; line-height: 24px; transition: 0.3s; margin-top: 5px; } .widget ul li a { color: inherit; padding-top: 0; padding-bottom: 0; } .widget_product_categories ul li img { margin-right: 13px; } .widget_rss .title-wrapper > a { position: relative; margin-bottom: 12px; padding-bottom: 12px; font-size: 20px; line-height: 1.4; font-weight: 500; text-align: center; } .widget_rss .title-wrapper > a img { display: none; } .widget_rss ul { margin: 0; padding: 0; list-style: none; } .widget_rss > ul { margin: -7px 0 -7px; } .widget_rss li { padding: 20px 0 0 0; border-radius: 6px; } .widget_rss li:first-child { padding-top: 0; } .widget_rss li .rsswidget { display: inline-block; font-size: 16px; line-height: 24px; font-weight: 600; margin-bottom: 10px; letter-spacing: 0.01em; } .widget_rss li .rss-date { display: block; margin: 0 0 10px; font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: 0.025em; font-style: normal; } .widget_rss li .rssSummary { line-height: 30px; font-weight: 400; font-size: 16px; margin-bottom: 8px; } .widget_rss li cite { display: block; position: relative; margin-top: 0; font-size: 14px; font-style: normal; font-weight: 500; } .widget_rss li cite:before { content: "–"; margin-right: 5px; } .widget_text .textwidget { margin-top: -9px; } .widget_pages > ul { margin-top: -15px; margin-bottom: -12px; margin-left: 0; padding-left: 0; } .widget_pages ul { list-style: none; } .widget_pages ul li { font-size: 15px; line-height: 26px; font-weight: 600; padding-left: 20px; } .widget_pages ul li a { padding: 5px 0; display: inline-block; } .widget_pages ul li a:before { content: ""; display: block; position: absolute; top: 15px; left: 0; width: 6px; height: 6px; border-radius: 50%; background-color: #bec3c7; pointer-events: none; } .widget_pages ul ul { margin-top: 0; margin-left: 0; padding-left: 0.5em; } .widget_pages ul ul li { text-transform: none; font-size: 14px; } .widget_pages ul ul li:before { left: -18px; } .widget_pages ul ul li:last-child { padding-bottom: 12px; } .widget_meta.widget ul a:before { content: "\f02b"; font-family: "Font Awesome 5 Free"; margin-right: 8px; font-size: 12px; transition: 0.4s; color: #bec3c7; transform: translateY(-1px); } .wp-block-archives-dropdown, .wp-block-categories-dropdown { display: inline-block; position: relative; margin-bottom: 10px; } .wp-block-archives-dropdown select, .wp-block-categories-dropdown select { height: 50px; } @media (min-width: 380px) { .wp-block-archives-dropdown select, .wp-block-categories-dropdown select { min-width: 270px; } } .woocommerce .widget_layered_nav ul, .widget_recent_entries ul, .widget_categories ul, .widget_product_categories ul, .widget_meta ul, .widget_archive ul, ul.wp-block-archives { list-style: none; margin: 0; padding: 0; } .woocommerce .widget_layered_nav ul li, .widget_recent_entries ul li, .widget_categories ul li, .widget_product_categories ul li, .widget_meta ul li, .widget_archive ul li, ul.wp-block-archives li { position: static; margin-top: 5px; } .woocommerce .widget_layered_nav ul li ul, .widget_recent_entries ul li ul, .widget_categories ul li ul, .widget_product_categories ul li ul, .widget_meta ul li ul, .widget_archive ul li ul, ul.wp-block-archives li ul { margin-left: 0; } .woocommerce .widget_layered_nav ul li ul li > a, .widget_recent_entries ul li ul li > a, .widget_categories ul li ul li > a, .widget_product_categories ul li ul li > a, .widget_meta ul li ul li > a, .widget_archive ul li ul li > a, ul.wp-block-archives li ul li > a { margin-left: 10px; } .woocommerce .widget_layered_nav ul li ul li li > a, .widget_recent_entries ul li ul li li > a, .widget_categories ul li ul li li > a, .widget_product_categories ul li ul li li > a, .widget_meta ul li ul li li > a, .widget_archive ul li ul li li > a, ul.wp-block-archives li ul li li > a { margin-left: 20px; } .woocommerce .widget_layered_nav ul li ul li li li > a, .widget_recent_entries ul li ul li li li > a, .widget_categories ul li ul li li li > a, .widget_product_categories ul li ul li li li > a, .widget_meta ul li ul li li li > a, .widget_archive ul li ul li li li > a, ul.wp-block-archives li ul li li li > a { margin-left: 30px; } .woocommerce .widget_layered_nav ul li ul li li li li > a, .widget_recent_entries ul li ul li li li li > a, .widget_categories ul li ul li li li li > a, .widget_product_categories ul li ul li li li li > a, .widget_meta ul li ul li li li li > a, .widget_archive ul li ul li li li li > a, ul.wp-block-archives li ul li li li li > a { margin-left: 40px; } .woocommerce .widget_layered_nav ul li ul li li li li li > a, .widget_recent_entries ul li ul li li li li li > a, .widget_categories ul li ul li li li li li > a, .widget_product_categories ul li ul li li li li li > a, .widget_meta ul li ul li li li li li > a, .widget_archive ul li ul li li li li li > a, ul.wp-block-archives li ul li li li li li > a { margin-left: 50px; } .woocommerce .widget_layered_nav ul li ul li li li li li li > a, .widget_recent_entries ul li ul li li li li li li > a, .widget_categories ul li ul li li li li li li > a, .widget_product_categories ul li ul li li li li li li > a, .widget_meta ul li ul li li li li li li > a, .widget_archive ul li ul li li li li li li > a, ul.wp-block-archives li ul li li li li li li > a { margin-left: 60px; } .woocommerce .widget_layered_nav ul li ul li li li li li li li > a, .widget_recent_entries ul li ul li li li li li li li > a, .widget_categories ul li ul li li li li li li li > a, .widget_product_categories ul li ul li li li li li li li > a, .widget_meta ul li ul li li li li li li li > a, .widget_archive ul li ul li li li li li li li > a, ul.wp-block-archives li ul li li li li li li li > a { margin-left: 70px; } .woocommerce .widget_layered_nav ul li ul li li li li li li li li > a, .widget_recent_entries ul li ul li li li li li li li li > a, .widget_categories ul li ul li li li li li li li li > a, .widget_product_categories ul li ul li li li li li li li li > a, .widget_meta ul li ul li li li li li li li li > a, .widget_archive ul li ul li li li li li li li li > a, ul.wp-block-archives li ul li li li li li li li li > a { margin-left: 80px; } .woocommerce .widget_layered_nav ul li ul li li li li li li li li li > a, .widget_recent_entries ul li ul li li li li li li li li li > a, .widget_categories ul li ul li li li li li li li li li > a, .widget_product_categories ul li ul li li li li li li li li li > a, .widget_meta ul li ul li li li li li li li li li > a, .widget_archive ul li ul li li li li li li li li li > a, ul.wp-block-archives li ul li li li li li li li li li > a { margin-left: 90px; } .woocommerce .widget_layered_nav ul li ul li li li li li li li li li li > a, .widget_recent_entries ul li ul li li li li li li li li li li > a, .widget_categories ul li ul li li li li li li li li li li > a, .widget_product_categories ul li ul li li li li li li li li li li > a, .widget_meta ul li ul li li li li li li li li li li > a, .widget_archive ul li ul li li li li li li li li li li > a, ul.wp-block-archives li ul li li li li li li li li li li > a { margin-left: 100px; } .woocommerce .widget_layered_nav ul li li, .widget_recent_entries ul li li, .widget_categories ul li li, .widget_product_categories ul li li, .widget_meta ul li li, .widget_archive ul li li, ul.wp-block-archives li li { padding-top: 0; margin-left: 0; } .woocommerce .widget_layered_nav ul li a, .widget_recent_entries ul li a, .widget_categories ul li a, .widget_product_categories ul li a, .widget_meta ul li a, .widget_archive ul li a, ul.wp-block-archives li a { position: relative; display: block; font-size: 14px; font-weight: 600; line-height: 24px; padding: 7px 0 5px; } .woocommerce .widget_layered_nav ul li a, .widget_recent_entries ul li a, .widget_categories ul li a, .widget_product_categories ul li a, .widget_meta ul li a, .widget_archive ul li a, ul.wp-block-archives li a { display: flex; } .woocommerce .widget_layered_nav ul li a .post_count, .widget_recent_entries ul li a .post_count, .widget_categories ul li a .post_count, .widget_product_categories ul li a .post_count, .widget_meta ul li a .post_count, .widget_archive ul li a .post_count, ul.wp-block-archives li a .post_count { margin-left: auto; align-self: flex-end; white-space: nowrap; color: #6d6d6d; transition: color 0.3s; } .woocommerce .widget_layered_nav ul li a .post_count:before, .widget_recent_entries ul li a .post_count:before, .widget_categories ul li a .post_count:before, .widget_product_categories ul li a .post_count:before, .widget_meta ul li a .post_count:before, .widget_archive ul li a .post_count:before, ul.wp-block-archives li a .post_count:before { content: "("; } .woocommerce .widget_layered_nav ul li a .post_count:after, .widget_recent_entries ul li a .post_count:after, .widget_categories ul li a .post_count:after, .widget_product_categories ul li a .post_count:after, .widget_meta ul li a .post_count:after, .widget_archive ul li a .post_count:after, ul.wp-block-archives li a .post_count:after { content: ")"; } .woocommerce .widget_layered_nav ul li a:hover .post_count, .widget_recent_entries ul li a:hover .post_count, .widget_categories ul li a:hover .post_count, .widget_product_categories ul li a:hover .post_count, .widget_meta ul li a:hover .post_count, .widget_archive ul li a:hover .post_count, ul.wp-block-archives li a:hover .post_count { color: #ffffff; } .widget_categories ul li a, .widget_product_categories ul li a, .widget_archive ul li a, ul.wp-block-archives li a { padding-left: 20px; } .widget_categories ul li a:before, .widget_product_categories ul li a:before, .widget_archive ul li a:before, ul.wp-block-archives li a:before { content: "\f102"; font-family: "Flaticon"; display: inline-block; position: absolute; font-size: 10px; left: 0; top: 6px; color: #bec3c7; transition: 0.4s; } .woocommerce .widget_layered_nav ul a, .widget_meta ul a, .widget_archive ul a, ul.wp-block-archives a, .widget_categories ul a, .widget_product_categories ul a { position: relative; border-radius: 6px; z-index: 1; } .woocommerce .widget_layered_nav ul a:after, .widget_meta ul a:after, .widget_archive ul a:after, ul.wp-block-archives a:after, .widget_categories ul a:after, .widget_product_categories ul a:after { content: ""; position: absolute; top: 0; right: -11px; bottom: 0; left: -11px; display: block; transition: all 0.4s; transform: scale3d(0.93, 0.72, 1); border-radius: 6px; z-index: -1; } .woocommerce .widget_layered_nav ul a:hover, .woocommerce .widget_layered_nav ul a:hover:before, .widget_meta ul a:hover, .widget_meta ul a:hover:before, .widget_archive ul a:hover, .widget_archive ul a:hover:before, ul.wp-block-archives a:hover, ul.wp-block-archives a:hover:before, .widget_categories ul a:hover, .widget_categories ul a:hover:before, .widget_product_categories ul a:hover, .widget_product_categories ul a:hover:before { color: #ffffff; } .woocommerce .widget_layered_nav ul a:hover:after, .widget_meta ul a:hover:after, .widget_archive ul a:hover:after, ul.wp-block-archives a:hover:after, .widget_categories ul a:hover:after, .widget_product_categories ul a:hover:after { transform: scale3d(1, 1, 1); } .woocommerce .widget_layered_nav > ul, .widget_categories > ul, .widget_pages ul, .widget_product_categories > ul, .widget_meta > ul, .widget_archive > ul, ul.wp-block-archives { margin: -11px 0 -13px; } .woocommerce .widget_layered_nav > ul li img, .widget_categories ul li img, .widget_product_categories ul li img, .widget_meta ul li img, .widget_archive ul li img, ul.wp-block-archives li img { max-width: 40px; margin-top: -4px; margin-right: 5px; vertical-align: middle; } .woocommerce .widget_layered_nav > ul li ul li img, .widget_categories ul li ul li img, .widget_product_categories ul li ul li img, .widget_meta ul li ul li img, .widget_archive ul li ul li img, ul.wp-block-archives li ul li img { display: none; } .widget_categories select, .widget_product_categories select, .widget_archive select, .widget_text select { margin-bottom: 0; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { padding: 0; } .woocommerce .woocommerce-widget-layered-nav form { margin-bottom: 0; } .widget_recent_entries ul { margin: -6px 0 -6px; position: relative; z-index: 1; } .widget_recent_entries ul li { margin-top: 16px; line-height: 24px; } .widget_recent_entries ul li:after { content: ""; display: table; clear: both; } .widget_recent_entries ul li a { font-size: 16px; line-height: 24px; padding: 0; letter-spacing: 0.01em; } .widget_recent_entries ul li a:before { content: "\f07c"; font-family: "Font Awesome 5 Free"; margin-right: 8px; transition: 0.4s; font-size: 14px; display: inline-block; color: #bec3c7; transform: translateY(1px); } .widget_recent_entries ul li .post-date { display: block; font-size: 14px; font-weight: 500; line-height: 24px; margin-top: 7px; letter-spacing: 0.025em; } .widget_recent_comments ul { list-style: none; margin: 0; padding: 0; } .widget_recent_comments ul li { line-height: 24px; font-weight: 600; padding: 7px 0 5px 22px; } .widget_recent_comments ul li:before { content: "\f4ad"; font-family: "Font Awesome 5 Free"; position: absolute; left: 0; top: 6px; transition: 0.3s; color: #bec3c7; } .widget_recent_comments > ul { margin: -11px 0 -8px; } .widget_recent_comments a[rel~=external] { text-decoration: underline; } .blog-post_content .wp-block-archives, .blog-post_content .wp-block-latest-posts, .blog-post_text .wp-block-archives, .blog-post_text .wp-block-latest-posts { margin-bottom: 0; margin-left: 0; padding-left: 0; padding-bottom: 20px; } ul.wp-block-latest-comments > li { padding-left: 0; } ul.wp-block-latest-comments .wp-block-latest-comments__comment { font-size: 14px; border-radius: 6px; transition: all 0.4s; } ul.wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-weight: 600; line-height: 24px; } ul.wp-block-latest-comments .wp-block-latest-comments__comment-meta a { color: inherit; } ul.wp-block-latest-comments .wp-block-latest-comments__comment-meta a a[rel~=external] { text-decoration: underline; } ol.wp-block-latest-comments li { margin-left: 10px; } ol.wp-block-latest-comments li:before { margin-left: calc(-1em - 12px); } ol.wp-block-latest-comments.has-avatars { margin-left: 0; padding-left: 0; list-style: none; } ol.wp-block-latest-comments.has-avatars li:before { display: none; } ol.wp-block-latest-comments:not(.has-excerpts):not(.has-avatars) li article { display: inline-block; } .wp-block-latest-comments__comment-meta { font-size: 14px; font-weight: 600; line-height: 24px; } .wp-block-latest-comments__comment-meta a { color: inherit; } .wp-block-latest-comments__comment-date { display: block; font-size: 14px; font-weight: 500; line-height: 24px; margin-top: 7px; letter-spacing: 0.025em; } ul.wp-block-latest-posts { margin-bottom: 0; margin-left: 0; padding-left: 0; padding-bottom: 20px; list-style: none; } ul.wp-block-latest-posts li { padding-left: 0; margin-bottom: 24px; line-height: 24px; font-size: 16px; font-weight: 600; } ul.wp-block-latest-posts li a { color: inherit; } ul.wp-block-latest-posts .wp-block-latest-posts__post-author, ul.wp-block-latest-posts .wp-block-latest-posts__post-date { display: block; font-size: 14px; font-weight: 500; line-height: 24px; margin-top: 7px; letter-spacing: 0.025em; } ul.wp-block-categories.wp-block-categories-list, ul.wp-block-categories.wp-block-categories-list ul { list-style: none; } ul.wp-block-categories.wp-block-categories-list li { padding-left: 0; font-size: 18px; } ul.wp-block-categories.wp-block-categories-list li a { color: inherit; display: inline-block; font-size: 18px; line-height: 36px; font-weight: 700; } ul.wp-block-categories.wp-block-categories-list li .post_count { display: inline-block; margin-left: 5px; font-size: 1em; font-weight: 600; text-align: center; box-sizing: border-box; transition: 0.15s; } ul.wp-block-categories.wp-block-categories-list li img { max-width: 40px; margin-top: -4px; margin-right: 15px; vertical-align: middle; } ul.wp-block-categories.wp-block-categories-list ul a { font-size: 16px; padding: 0; } ul.wp-block-categories.wp-block-categories-list > li li { padding-bottom: 0; line-height: 30px; } ul.wp-block-categories.wp-block-categories-list > li > ul { margin-top: -3px; } .wp-block-search .wp-block-search__input { border: 1px solid transparent; } .wp-block-search .wp-block-search__input:focus { border-color: #ece8ec; } .wp-block-rss { padding-left: 0; margin-left: 0; } .wp-block-rss__item { list-style: none; } .wp-block-rss__item a { font-size: 16px; line-height: 24px; font-weight: 600; padding: 0; letter-spacing: 0.01em; } aside .widget_archive li a, footer .widget_archive li a { display: flex; } aside .widget_archive li a .post_count, footer .widget_archive li a .post_count { margin-left: auto; align-self: flex-end; white-space: nowrap; color: #6d6d6d; transition: color 0.3s; } aside .widget_archive li a .post_count:before, footer .widget_archive li a .post_count:before { content: "("; } aside .widget_archive li a .post_count:after, footer .widget_archive li a .post_count:after { content: ")"; } aside .widget_archive li a:hover .post_count, footer .widget_archive li a:hover .post_count { color: #ffffff; } aside .widget_shopping_cart_content, footer .widget_shopping_cart_content { margin-bottom: -5px; } /* ==================== #Search ==================== */ body .widget_search .search-form, body .widget_search .woocommerce-product-search, body .widget_product_search .search-form, body .widget_product_search .woocommerce-product-search { position: relative; z-index: 1; margin-bottom: 0; } body .widget_search .search-form .search-field, body .widget_search .woocommerce-product-search .search-field, body .widget_product_search .search-form .search-field, body .widget_product_search .woocommerce-product-search .search-field { width: 100%; height: 50px; margin-bottom: 0; padding: 10px 53px 10px 20px; font-weight: 500; outline: none; overflow: hidden; } body .widget_search .search-form .search-field::placeholder, body .widget_search .woocommerce-product-search .search-field::placeholder, body .widget_product_search .search-form .search-field::placeholder, body .widget_product_search .woocommerce-product-search .search-field::placeholder { font-size: 16px; font-weight: 500; color: #6e6e6e; outline: none; letter-spacing: 0.04em; -webkit-appearance: none; transition: 0.4s; } body .widget_search .search-form .search-field:focus::placeholder, body .widget_search .search-form .search-field:active::placeholder, body .widget_search .woocommerce-product-search .search-field:focus::placeholder, body .widget_search .woocommerce-product-search .search-field:active::placeholder, body .widget_product_search .search-form .search-field:focus::placeholder, body .widget_product_search .search-form .search-field:active::placeholder, body .widget_product_search .woocommerce-product-search .search-field:focus::placeholder, body .widget_product_search .woocommerce-product-search .search-field:active::placeholder { opacity: 0; } body .widget_search .search-form .search-button, body .widget_search .woocommerce-product-search .search-button, body .widget_product_search .search-form .search-button, body .widget_product_search .woocommerce-product-search .search-button { position: absolute; z-index: 2; height: 100%; width: 50px; top: 0; right: 0; margin: 0; border: none; outline: none; padding: 0; font-size: 0; background: transparent; box-shadow: none; opacity: 0; cursor: pointer; } body .widget_search .search-form .search-button:focus, body .widget_search .search-form .search-button:active, body .widget_search .woocommerce-product-search .search-button:focus, body .widget_search .woocommerce-product-search .search-button:active, body .widget_product_search .search-form .search-button:focus, body .widget_product_search .search-form .search-button:active, body .widget_product_search .woocommerce-product-search .search-button:focus, body .widget_product_search .woocommerce-product-search .search-button:active { box-shadow: none; background: transparent; } body .widget_search .search-form .search-button:hover ~ .search__icon, body .widget_search .woocommerce-product-search .search-button:hover ~ .search__icon, body .widget_product_search .search-form .search-button:hover ~ .search__icon, body .widget_product_search .woocommerce-product-search .search-button:hover ~ .search__icon { color: #fff; } body .widget_search .search-form .search__icon, body .widget_search .woocommerce-product-search .search__icon, body .widget_product_search .search-form .search__icon, body .widget_product_search .woocommerce-product-search .search__icon { position: absolute; z-index: 1; top: 5px; right: 5px; width: 40px; height: 40px; border-radius: 6px; font-size: 21px; line-height: 40px; font-style: normal; text-align: center; transform: translate(0, 0); opacity: 1; transition: 0.4s; } /* ==================== #Recent Posts ==================== */ .recent-posts-widget { margin-left: 0; padding: 0; list-style: none; } .recent-posts-widget li { padding: 0; margin-bottom: 5px; line-height: inherit; } .recent-posts-widget li a { display: flex; align-items: center; } .recent-posts-widget li img { width: 70px; min-width: 70px; } .recent-posts-widget .recent-posts-image_wrapper { float: left; margin-right: 20px; } .recent-posts-widget .recent-posts-image_wrapper img { display: block; border-radius: 12px; margin-top: 7px; margin-bottom: 7px; } .recent-posts-widget .recent-posts-image_wrapper ~ .recent-posts-content_wrapper { margin-top: 2px; } .recent-posts-widget .recent-posts-content_wrapper { line-height: 24px; } .recent-posts-widget .meta-data { display: block; font-size: 14px; font-weight: 500; line-height: 24px; margin-top: 7px; letter-spacing: 0.025em; } .recent-posts-widget .meta-data > div > span { line-height: inherit; } .recent-posts-widget .recent-post-content { margin-top: 3px; font-size: 0.9rem; line-height: 1.8; } .recent-posts-widget .post__title { font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0.01em; transition: color 0.4s; } .recent-posts-widget .counter_posts { font-size: 16px; font-weight: 500; color: #fff; width: 30px; height: 30px; line-height: 24px; text-align: center; border: 3px solid #fafafa; display: inline-block; position: absolute; left: 0; top: 0; border-radius: 50%; margin-left: -13px; margin-top: -15px; } .widget_wgl_posts .recent-posts-widget { margin: -6px 0 -8px; } .widget_wgl_posts .recent-posts-widget li { margin-top: 16px; } .widget_wgl_posts .recent-posts-widget li:last-child { margin-bottom: 0; } /* ==================== #Tagcloud ==================== */ .tagcloud, .wp-block-tag-cloud { font-size: 0; margin-bottom: -10px; } .tagcloud a, .wp-block-tag-cloud a { display: inline-block; margin-bottom: 10px; border-radius: 6px; padding: 4px 15px 0; font-size: 14px !important; line-height: 30px; font-weight: 600; background: #f7f5f7; transition: 0.4s; } .tagcloud a:not(:last-child), .wp-block-tag-cloud a:not(:last-child) { margin-right: 10px; } .tagcloud a:hover, .wp-block-tag-cloud a:hover { color: #ffffff; } /* ==================== #Navigation Menu ==================== */ body .widget_nav_menu .menu-main-container { margin-top: -11px; } body .widget_nav_menu ul.menu { margin-top: -10px; } body .widget_nav_menu ul.menu, body .widget_nav_menu ul.menu ul { list-style: none; } body .widget_nav_menu ul.menu li { font-size: 14px; line-height: 36px; font-weight: 600; margin: 0; } body .widget_nav_menu ul.menu li:before { content: ""; display: block; position: absolute; top: 15px; left: -18px; width: 6px; height: 6px; border-radius: 50%; background-color: #bec3c7; } body .widget_nav_menu ul.menu > li { padding-left: 0; } body .widget_nav_menu ul.menu > li li { padding-left: 14px; } body .widget_nav_menu ul.menu > li > a { display: block; } body .widget_nav_menu ul.menu .sub-menu { margin-left: 0.1em; } body .widget_nav_menu ul.menu .sub-menu li { padding-left: 0; margin-left: 0; } body .widget_nav_menu ul.menu > .menu-item-has-children .sub-menu .menu-item-has-children { padding-bottom: 0; } body .widget_nav_menu ul.menu > .menu-item-has-children .sub-menu .menu-item-has-children > a { display: block; } /* ==================== #Author ==================== */ .author-widget_wrapper { position: relative; padding: 30px 25px 40px; text-align: center; box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1); border-radius: 12px; background-size: cover; background-position: center; } .author-widget_wrapper > h4 + .author-widget_social, .author-widget_wrapper > p + .author-widget_social { margin-top: 29px; } .author-widget_img-wrapper { display: block; margin: 0 auto; width: 180px; } .author-widget_img-wrapper img { border-radius: 50%; } .author-widget_title { padding: 0 15px 0; margin-top: 17px; font-size: 24px; line-height: 1.5; } .author-widget_title span { font-size: inherit; line-height: inherit; } .author-widget_text { margin-top: 5px; margin-bottom: 0; padding: 0; } .author-widget_social a { display: inline-block; position: relative; width: 35px; height: 35px; border-radius: 50%; font-size: 15px; line-height: 35px; font-weight: 400; text-align: center; background-color: #ece8ec; } .author-widget_social-link { margin: 0 5px; } .author-widget_img_sign-wrapper { position: absolute; z-index: -1; margin: -44px 0 0 22px; } /* ==================== #Text Widget ==================== */ .textwidget p:last-child { margin-bottom: 0; } /* ==================== #Banner ==================== */ .cleenday_banner-widget { display: block; max-width: 370px; margin-top: 0; } .cleenday_banner-widget .banner_widget { position: relative; padding: 32px 0 40px; margin: 0; font-size: 0; text-align: center; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 12px; background-color: #ffffff; box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1); } .cleenday_banner-widget .banner-widget_img-wrapper { display: block; margin-bottom: 5px; } .cleenday_banner-widget .banner-widget_text_sub { font-size: 22px; padding-top: 37px; font-weight: 400; line-height: 30px; color: #fff; } .cleenday_banner-widget .banner-widget_text_sub ~ .banner-widget_text { margin-top: -40px; } .cleenday_banner-widget .banner-widget_text { font-size: 30px; line-height: 42px; padding: 39px 20px 0; color: #fff; } .cleenday_banner-widget .banner-widget_button { display: inline-block; position: relative; width: auto; margin: 31px 20px 0; border-radius: 6px; padding: 9px 30px 7px; font-size: 13px; font-weight: 600; line-height: 30px; letter-spacing: 0.025em; color: #ffffff; border: 2px solid transparent; overflow: hidden; transition: 0.4s; } .cleenday_banner-widget .banner-widget__link { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; border-radius: inherit; } .cleenday_banner-widget .banner-widget__link:hover ~ .banner-widget_button { background-color: #ffffff; } .cleenday_banner-widget:empty { display: none; } /* ==================== #Gallery ==================== */ [class*=widget][class*=media_gallery] .gallery { display: flex; flex-wrap: wrap; align-items: flex-start; margin: -5px; } [class*=widget][class*=media_gallery] .gallery-item { margin: 0; } [class*=widget][class*=media_gallery] .gallery-item .gallery-icon { position: relative; z-index: 1; margin: 5px; } [class*=widget][class*=media_gallery] .gallery-item .gallery-icon > a { display: block; border-radius: 12px; } [class*=widget][class*=media_gallery] .gallery-item .gallery-icon a:before { content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: opacity 0.4s; background: #ffffff; border-radius: inherit; } [class*=widget][class*=media_gallery] .gallery-item .gallery-icon a:hover:before { opacity: 0.6; } [class*=widget][class*=media_gallery] .gallery-item img { border: 0; border-radius: inherit; } [class*=widget][class*=media_gallery] .gallery-columns-1 .gallery-item { width: calc(100% / 1); } [class*=widget][class*=media_gallery] .gallery-columns-2 .gallery-item { width: calc(100% / 2); } [class*=widget][class*=media_gallery] .gallery-columns-3 .gallery-item { width: calc(100% / 3); } [class*=widget][class*=media_gallery] .gallery-columns-4 .gallery-item { width: calc(100% / 4); } [class*=widget][class*=media_gallery] .gallery-columns-5 .gallery-item { width: calc(100% / 5); } [class*=widget][class*=media_gallery] .gallery-columns-6 .gallery-item { width: calc(100% / 6); } [class*=widget][class*=media_gallery] .gallery-columns-7 .gallery-item { width: calc(100% / 7); } [class*=widget][class*=media_gallery] .gallery-columns-8 .gallery-item { width: calc(100% / 8); } [class*=widget][class*=media_gallery] .gallery-columns-9 .gallery-item { width: calc(100% / 9); } [class*=widget][class*=media_gallery] .gallery .gallery-caption { display: none; } .blog-post_content .gallery { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 10px -5px 20px; } .blog-post_content .gallery-item { margin: 0; } .blog-post_content .gallery-item .gallery-icon { margin: 5px; text-align: center; } .blog-post_content .gallery-columns-1 .gallery-item { width: calc(100% / 1); } .blog-post_content .gallery-columns-2 .gallery-item { width: calc(100% / 2); } .blog-post_content .gallery-columns-3 .gallery-item { width: calc(100% / 3); } .blog-post_content .gallery-columns-4 .gallery-item { width: calc(100% / 4); } .blog-post_content .gallery-columns-5 .gallery-item { width: calc(100% / 5); } .blog-post_content .gallery-columns-6 .gallery-item { width: calc(100% / 6); } .blog-post_content .gallery-columns-7 .gallery-item { width: calc(100% / 7); } .blog-post_content .gallery-columns-8 .gallery-item { width: calc(100% / 8); } .blog-post_content .gallery-columns-9 .gallery-item { width: calc(100% / 9); } .blog-post_content .gallery-caption { margin-left: 0; } /* ==================== #Calendar ==================== */ body .widget_calendar .calendar_wrap { width: 100%; max-width: 370px; } body .widget_calendar .calendar_wrap table { margin-bottom: 0; } body .widget_calendar .calendar_wrap table td { position: relative; z-index: 1; padding: 4px 0; font-size: 14px; text-align: center; } body .widget_calendar .calendar_wrap table td > a { display: inline-block; width: 100%; height: 100%; color: #ffffff; } body .widget_calendar .calendar_wrap table td#today { color: #ffffff; } body .widget_calendar .calendar_wrap table tr { border: 0; } body .widget_calendar .calendar_wrap table th { padding: 5px 0; font-weight: 600; text-align: center; } body .widget_calendar .calendar_wrap table caption { font-size: 16px; padding: 7px; font-weight: 600; color: #ffffff; border-radius: 6px 6px 0 0; } body .widget_calendar .calendar_wrap table thead { border-top: 0; } body .widget_calendar .calendar_wrap table tfoot { display: none; } body .widget_calendar .calendar_wrap table td#today:before, body .widget_calendar .calendar_wrap tbody td > a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 6px; transition: 0.3s; } .wp-block-calendar { padding-bottom: 20px; } .wp-block-calendar tfoot #next { text-align: right; } .wp-block-calendar table { max-width: 320px; } .wp-block-calendar table caption { font-size: 16px; padding: 7px; font-weight: 600; color: #ffffff; border-radius: 6px 6px 0 0; } .wp-block-calendar table caption, .wp-block-calendar table #today > a { color: #ffffff; } .wp-block-calendar table tbody td, .wp-block-calendar table th { position: relative; z-index: 1; text-align: center; background: unset; font-weight: 600; border: unset; } .wp-block-calendar table tbody td a:before, .wp-block-calendar table th a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: calc(100% - 2px); height: calc(100% - 2px); } .wp-block-calendar table td#today, .wp-block-calendar table td > a { color: #ffffff; } .wp-block-calendar table td#today:before, .wp-block-calendar table td > a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 6px; transition: 0.3s; background-color: var(--cleenday-primary-color); } .wp-block-calendar a { text-decoration: none; } .widget_calendar .wp-calendar-nav, .wp-block-calendar .wp-calendar-nav { display: flex; justify-content: space-between; margin-top: 17px; } .widget_calendar .wp-calendar-nav, .widget_calendar .wp-calendar-nav span, .wp-block-calendar .wp-calendar-nav, .wp-block-calendar .wp-calendar-nav span { line-height: 0; } .widget_calendar .wp-calendar-nav span a, .wp-block-calendar .wp-calendar-nav span a { display: inline-block; margin-bottom: -2px; line-height: 1; color: var(--cleenday-header-font-color); font-weight: 600; } /* ==================== ##Header List Info ==================== */ .elementor-widget.elementor-align-center .wgl-header-list-info .elementor-icon-list-item:after { margin: 0; } .wgl-header-list-info .elementor-icon-list-item:before { display: none; } .wgl-header-list-info .elementor-icon-list-item span, .wgl-header-list-info .elementor-icon-list-item i { transition: 0.4s; } .wgl-header-list-info .wgl-header-list-icon i { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .wgl-header-list-info a { color: inherit; } /* ==================== ##Header Date ==================== */ .wgl-header-date { font-size: 12px; font-weight: 800; text-transform: uppercase; display: flex; } .wgl-header-date.wgl-default-format { align-items: center; } .wgl-header-date.wgl-default-format > span:first-child { font-size: 2.5em; margin-right: 10px; } .wgl-header-date.wgl-default-format > span:last-child { line-height: 16px; margin-top: 2px; } .wgl-header-date.wgl-default-format > span:last-child span { display: block; } /* ==================== ##Header Modules ==================== */ .elementor-element.elementor-widget.elementor-widget-wgl-header-side_panel, .elementor-element.elementor-widget.elementor-widget-wgl-header-logo, .elementor-element.elementor-widget.elementor-widget-wgl-header-date, .elementor-element.elementor-widget.elementor-widget-wgl-header-search, .elementor-element.elementor-widget.elementor-widget-wgl-header-delimiter, .elementor-element.elementor-widget.elementor-widget-wgl-header-list-info, .elementor-element.elementor-widget.elementor-widget-wgl-header-cart, .elementor-element.elementor-widget.elementor-widget-wgl-header-wpml, .elementor-element.elementor-widget.elementor-widget-wgl-menu { margin-bottom: 0; } .elementor-element.elementor-widget.elementor-widget-wgl-header-side_panel, .elementor-element.elementor-widget.elementor-widget-wgl-header-logo, .elementor-element.elementor-widget.elementor-widget-wgl-header-date, .elementor-element.elementor-widget.elementor-widget-wgl-header-search, .elementor-element.elementor-widget.elementor-widget-wgl-header-delimiter, .elementor-element.elementor-widget.elementor-widget-wgl-header-list-info, .elementor-element.elementor-widget.elementor-widget-wgl-header-cart, .elementor-element.elementor-widget.elementor-widget-wgl-header-wpml { width: auto; } .elementor-element.elementor-widget.elementor-widget-wgl-header-delimiter .delimiter { background: #ece8ec; } /* ==================== ##Accordion ==================== */ .wgl-accordion .wgl-accordion_header { display: flex; align-items: center; font-size: 18px; line-height: 30px; font-weight: 500; letter-spacing: 0.01em; cursor: pointer; transition: 0.4s; } .wgl-accordion .wgl-accordion_title { color: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; } .wgl-accordion .wgl-accordion_title-prefix { margin-right: 5px; font-size: inherit; line-height: inherit; color: inherit; transition: 0.4s; } .wgl-accordion .wgl-accordion_content { display: none; } .wgl-accordion .wgl-accordion_content p:last-child { margin-bottom: 0; } .wgl-accordion .wgl-accordion_panel { transition: 0.4s; } .wgl-accordion .wgl-accordion_icon { width: 1em; height: 1em; font-weight: normal; box-sizing: content-box; transition: 0.4s, color 0s; } .wgl-accordion.icon-plus .wgl-accordion_header .wgl-accordion_icon { position: relative; z-index: 1; height: 14px; width: 14px; } .wgl-accordion.icon-plus .wgl-accordion_header .wgl-accordion_icon:before, .wgl-accordion.icon-plus .wgl-accordion_header .wgl-accordion_icon:after { content: ""; display: block; position: absolute; top: calc(50% - 1px); left: calc(50% - 7px); transform: rotate(90deg); transition: 0.5s ease-in-out, color 0s; } .wgl-accordion.icon-plus .wgl-accordion_header .wgl-accordion_icon:before { width: inherit; height: 2px; } .wgl-accordion.icon-plus .wgl-accordion_header .wgl-accordion_icon:after { width: 2px; height: inherit; margin: -6px 0 0 6px; } .wgl-accordion.icon-plus .active .wgl-accordion_header .wgl-accordion_icon:before, .wgl-accordion.icon-plus .active .wgl-accordion_header .wgl-accordion_icon:after { transform: rotate(-90deg); } .wgl-accordion.icon-plus .active .wgl-accordion_header .wgl-accordion_icon:before { opacity: 0; } .wgl-accordion.icon-custom .wgl-accordion_header .wgl-accordion_icon { transform: rotate(90deg); } .wgl-accordion.icon-custom .wgl-accordion_header .wgl-accordion_icon:before { transition: 0.4s; } .wgl-accordion.icon-custom .active .wgl-accordion_header .wgl-accordion_icon { transform: rotate(-90deg); } /* ==================== ##Accordion Services ==================== */ .wgl-accordion-services { display: flex; flex-wrap: wrap; flex-direction: row; margin: 0 -10px; } .wgl-accordion-services .service__item { display: flex; position: relative; z-index: 1; margin-bottom: 15px; transition: 0.5s; } .wgl-accordion-services .service__item.active .service__content { opacity: 1; visibility: visible; transition: 0.5s; transition-delay: 0.3s; } .wgl-accordion-services .service__item:not(.active) .service__thumbnail { border-top-right-radius: inherit; border-bottom-right-radius: inherit; } .wgl-accordion-services .service__thumbnail { position: absolute; z-index: 1; left: 10px; top: 0; width: calc(100% - 15px); height: 100%; border-top-left-radius: inherit; border-bottom-left-radius: inherit; transition: 0.3s; } .wgl-accordion-services .service__content { display: flex; flex-direction: column; justify-content: flex-end; position: relative; z-index: 1; left: -5px; width: 100%; border-top-right-radius: inherit; border-bottom-right-radius: inherit; opacity: 0; visibility: hidden; transform: translateX(100%); transition: 0.2s; } .wgl-accordion-services .content__media { line-height: 1; } .wgl-accordion-services .content__media svg { width: 1em; height: 1em; display: block; } .wgl-accordion-services .content__button { align-self: baseline; } .elementor-widget-wgl-accordion-service.grid-col-2 .service__item { width: 33.33333%; } .elementor-widget-wgl-accordion-service.grid-col-2 .service__item.active { margin-right: 33.33333%; } .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active), .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active), .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active), .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) { margin-right: 33.33333%; } .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) .service__content { opacity: 1; visibility: visible; } .elementor-widget-wgl-accordion-service.grid-col-3 .service__item { width: 25%; } .elementor-widget-wgl-accordion-service.grid-col-3 .service__item.active { margin-right: 25%; } @media only screen and (min-width: 1201px) { .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active), .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(4):not(.active) + .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active), .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) + .service__item:nth-child(9):not(.active) { margin-right: 25%; } .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(4):not(.active) + .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) + .service__item:nth-child(9):not(.active) .service__content { opacity: 1; visibility: visible; } } .elementor-widget-wgl-accordion-service.grid-col-4 .service__item { width: 20%; } .elementor-widget-wgl-accordion-service.grid-col-4 .service__item.active { margin-right: 20%; } @media only screen and (min-width: 1301px) { .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) + .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(9):not(.active) + .service__item:nth-child(10):not(.active) + .service__item:nth-child(11):not(.active) + .service__item:nth-child(12):not(.active) { margin-right: 20%; } .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) + .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(9):not(.active) + .service__item:nth-child(10):not(.active) + .service__item:nth-child(11):not(.active) + .service__item:nth-child(12):not(.active) .service__content { opacity: 1; visibility: visible; } } @media only screen and (min-width: 1201px) and (max-width: 1300px) { .elementor-widget-wgl-accordion-service.grid-col-4 .service__item { width: 25%; } .elementor-widget-wgl-accordion-service.grid-col-4 .service__item.active { margin-right: 25%; } .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(4):not(.active) + .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) + .service__item:nth-child(9):not(.active) { margin-right: 25%; } .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(4):not(.active) + .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) + .service__item:nth-child(9):not(.active) .service__content { opacity: 1; visibility: visible; } } @media only screen and (min-width: 993px) and (max-width: 1200px) { .elementor-widget-wgl-accordion-service.grid-col-3 .service__item, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item { width: 33.33333%; } .elementor-widget-wgl-accordion-service.grid-col-3 .service__item.active, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item.active { margin-right: 33.33333%; } .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active), .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active), .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active), .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) { margin-right: 33.33333%; } .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) .service__content { opacity: 1; visibility: visible; } } @media only screen and (max-width: 992px) { .elementor-widget-wgl-accordion-service.grid-col-2 .service__item, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item { width: 100%; margin-right: 0 !important; } .elementor-widget-wgl-accordion-service.grid-col-2 .service__item .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item .service__content { opacity: 1; visibility: visible; transform: translateX(0); } .elementor-widget-wgl-accordion-service.grid-col-2 .service__item .service__thumbnail, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item .service__thumbnail, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item .service__thumbnail { position: relative; min-height: inherit; height: auto; } } @media only screen and (max-width: 767px) { .elementor-widget-wgl-accordion-service.grid-col-2 .service__item, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item { flex-direction: column; } .elementor-widget-wgl-accordion-service.grid-col-2 .service__item .service__thumbnail, .elementor-widget-wgl-accordion-service.grid-col-2 .service__item .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item .service__thumbnail, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item .service__thumbnail, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item .service__content { position: static; width: 100%; } } /* ==================== ##Button ==================== */ .button-wrapper { font-size: 0; } .wgl-button { display: inline-block; position: relative; border-radius: 6px; line-height: 1.5em; font-weight: 600; color: #ffffff; overflow: hidden; letter-spacing: 0.025em; } .wgl-button:hover { color: #ffffff; } .wgl-button .button-content-wrapper { display: flex; justify-content: center; position: relative; } .wgl-button .elementor-icon { font-size: inherit; transition: inherit; } .wgl-button .align-icon-left .icon-wrapper { margin-right: 7px; } .wgl-button .align-icon-right { flex-direction: row-reverse; } .wgl-button .align-icon-right .icon-wrapper { margin-left: 7px; } .wgl-button .icon-wrapper:empty { display: none; } .wgl-button.btn-size-xl { font-size: 13px; padding: 20px 38px 17px; } .wgl-button.btn-size-lg { font-size: 13px; padding: 17px 38px 14px; } .wgl-button.btn-size-md { font-size: 13px; padding: 17px 28px 14px; } .wgl-button.btn-size-sm { font-size: 13px; padding: 17px 18px 14px; } body .ajustify .wgl-button { width: 100%; } body .ajustify .button-content-wrapper { justify-content: center; } body[data-elementor-device-mode=tablet] .a-tabletleft .wgl-button, body[data-elementor-device-mode=tablet] .a-tabletcenter .wgl-button, body[data-elementor-device-mode=tablet] .a-tabletright .wgl-button { width: auto; } body[data-elementor-device-mode=tablet] .a-tabletleft .button-content-wrapper, body[data-elementor-device-mode=tablet] .a-tabletcenter .button-content-wrapper, body[data-elementor-device-mode=tablet] .a-tabletright .button-content-wrapper { justify-content: unset; } body[data-elementor-device-mode=tablet] .a-tabletjustify .wgl-button { width: 100%; } body[data-elementor-device-mode=tablet] .a-tabletjustify .button-content-wrapper { justify-content: center; } body[data-elementor-device-mode=mobile] .a-mobileleft .wgl-button, body[data-elementor-device-mode=mobile] .a-mobilecenter .wgl-button, body[data-elementor-device-mode=mobile] .a-mobileright .wgl-button { width: auto; } body[data-elementor-device-mode=mobile] .a-mobileleft .button-content-wrapper, body[data-elementor-device-mode=mobile] .a-mobilecenter .button-content-wrapper, body[data-elementor-device-mode=mobile] .a-mobileright .button-content-wrapper { justify-content: unset; } body[data-elementor-device-mode=mobile] .a-mobilejustify .wgl-button { width: 100%; } body[data-elementor-device-mode=mobile] .a-mobilejustify .button-content-wrapper { justify-content: center; } /* ==================== ##Carousel Navigation ==================== */ .wgl-carousel .slick-slide { padding: 0; } .wgl-carousel .slick-slide, .wgl-carousel .slick-slide[class*=wgl_col-] { width: auto; } .wgl-carousel .slick-slider { text-align: center; } .wgl-carousel .slick-slider .slick-list { text-align: initial; } .wgl-carousel .slick-arrow { display: block; position: absolute; z-index: 100; top: calc(50% - 8px); width: 60px; height: 60px; margin: 0; border: 2px solid #000; box-shadow: 0 0 0 4px #f7f5f7; border-radius: 50%; padding: 0; font-size: 0; font-weight: 300; letter-spacing: 0; text-align: center; text-indent: 0; cursor: pointer; opacity: 1; background: #ffffff; transition: 0.4s; } .wgl-carousel .slick-arrow:after { display: inline-block; position: relative; vertical-align: middle; width: 100%; height: 100%; border-radius: inherit; font-family: "Flaticon"; font-size: 13px; line-height: 57px; transition: color 0s; } .wgl-carousel .slick-arrow:hover { box-shadow: 0 0 0 9px #f7f5f7; } .wgl-carousel .slick-prev { right: auto; left: 50px; transform: translate(0, -50%); } .wgl-carousel .slick-prev:after { content: "\f102"; transform: scaleX(-1); } .wgl-carousel .slick-next { left: auto; right: 50px; transform: translate(0, -50%); } .wgl-carousel .slick-next:after { content: "\f102"; } .wgl-carousel .cleenday_carousel_list { overflow: hidden; } .wgl-carousel .slick-dots { display: inline-block; width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; padding: 4px; margin: 30px auto 0; line-height: 0; font-size: 0; background: #ffffff; border-radius: 12px; min-height: auto; } .wgl-carousel .slick-dots li { display: inline-block; margin: 0; padding: 5px; font-size: 0; line-height: 0; list-style: none; opacity: 1; cursor: pointer; transition: 0.4s; } .wgl-carousel .slick-dots li button { display: inline-block; position: relative; z-index: 1; font-size: 0; line-height: 0; padding: 0; margin: 0; border: 0; vertical-align: bottom; transition: inherit; opacity: 0.3; } .wgl-carousel .slick-dots li button:focus { outline: none; } .wgl-carousel .slick-dots li:last-child { margin-right: 0; } .wgl-carousel .slick-dots li:hover button, .wgl-carousel .slick-dots li.slick-active button { opacity: 1; } .wgl-carousel.pag_align_left .slick-dots { text-align: left; } .wgl-carousel.pag_align_center .slick-dots { text-align: center; } .wgl-carousel.pag_align_right .slick-dots { text-align: right; } .wgl-carousel.pagination_circle .slick-dots li { padding: 4px; } .wgl-carousel.pagination_circle .slick-dots li button { width: 8px; height: 8px; border-radius: 50%; background-color: #807f81; } .wgl-carousel.pagination_circle_border .slick-dots li { margin: 1px; padding: 2px; } .wgl-carousel.pagination_circle_border .slick-dots li button { border-radius: 50%; width: 20px; height: 20px; border-width: 1px; border-style: solid; border-color: transparent; background: transparent; } .wgl-carousel.pagination_circle_border .slick-dots li button:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; border-radius: 50%; } .wgl-carousel.pagination_square_border .slick-dots { padding: 11px; } .wgl-carousel.pagination_square_border .slick-dots li { margin: -1px; padding: 0; } .wgl-carousel.pagination_square_border .slick-dots li button { width: 31px; height: 31px; border-width: 2px; border-style: solid; border-color: transparent; border-radius: unset; background: transparent; } .wgl-carousel.pagination_square_border .slick-dots li button:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; border-radius: unset; } .wgl-carousel.pagination_line .slick-dots li button { width: 25px; height: 4px; background: transparent; } .wgl-carousel.pagination_line .slick-dots li button:before { content: ""; position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 2px; transition: all 0.3s; } .wgl-carousel.pagination_line .slick-dots li:hover button:before, .wgl-carousel.pagination_line .slick-dots li.slick-active button:before { height: 4px; } .wgl-carousel.pagination_square .slick-dots li button { width: 8px; height: 8px; border-radius: unset; } .wgl-carousel.pagination_line_circle .slick-dots li button { width: 6px; height: 6px; border-radius: 6px; } .wgl-carousel.pagination_line_circle .slick-dots li.slick-active button { width: 25px; } /* ==================== ##Circuit Services ==================== */ .wgl-circuit-service { position: relative; z-index: 1; height: 0; padding-top: 100%; } .wgl-circuit-service:before { content: ""; position: absolute; z-index: -1; left: 10%; top: 10%; width: 80%; height: 80%; border-radius: 50%; border: 1px solid #dee1ed; } .wgl-circuit-service .wgl-services_icon-wrap { position: absolute; z-index: 1; left: 41%; top: 41%; width: 18%; height: 18%; font-size: 40px; border-radius: 50%; box-shadow: 0px 6px 13px rgba(145, 145, 145, 0.2); cursor: pointer; transition: 0.4s; display: flex; justify-content: center; align-items: center; } .wgl-circuit-service .wgl-services_icon-wrap .services_icon { transform: translate(-50%, -50%); left: 50%; top: 50%; position: absolute; z-index: 1; transition: 0.6s; line-height: 1; } .wgl-circuit-service .wgl-services_content-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 25% 29%; display: flex; flex-direction: column; text-align: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.6s; } .wgl-circuit-service .wgl-services_icon { line-height: 1; } .wgl-circuit-service .wgl-services_icon svg { width: 1em; height: 1em; position: relative; display: block; } .wgl-circuit-service .wgl-services_item.active .wgl-services_icon-wrap + .wgl-services_content-wrap { opacity: 1; visibility: visible; } .wgl-circuit-service .wgl-services_title { margin-bottom: 10px; font-size: 24px; line-height: 1.4; font-weight: 600; } .wgl-circuit-service .wgl-services_text { font-size: 14px; } .wgl-circuit-service.tablet_resp .services_descr { display: none; } .wgl-circuit-service.tablet_resp .services_title { margin-bottom: 0; font-size: 22px; } .wgl-circuit-service.tablet_resp .services_icon { font-size: 75%; } .wgl-circuit-service.mobile_resp .services_title { margin-bottom: 0; font-size: 18px; line-height: 26px; } .wgl-circuit-service.mobile_resp .services_subtitle { font-size: 13px; } .wgl-circuit-service.mobile_resp .services_icon { font-size: 55%; } .wgl-circuit-service.mobile_resp .services_descr { display: none; } /* ==================== ##Countdown ==================== */ .wgl-countdown .countdown-row { display: flex; justify-content: center; align-items: center; margin-left: -15px; margin-right: -15px; } .wgl-countdown .countdown-section { color: inherit; position: relative; min-width: -moz-fit-content; min-width: fit-content; max-width: 1.92em; width: 100%; } .wgl-countdown .countdown-section .countdown-amount { display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; font-size: 1em; line-height: 1.1em; font-weight: 700; color: inherit; margin: 0 auto; padding: 0 0.22em; } .wgl-countdown .countdown-section .countdown-amount:before, .wgl-countdown .countdown-section .countdown-amount:after { position: absolute; right: 0; z-index: 1; transform: translateX(50%); width: 0.1em; height: 0.1em; border-radius: 0.1em; } .wgl-countdown .countdown-section .countdown-amount:before { bottom: calc(50% + 3px); transform: translateX(50%) translateY(-50%); } .wgl-countdown .countdown-section .countdown-amount:after { top: 50%; transform: translateX(50%) translateY(50%); } .wgl-countdown .countdown-section .countdown-period { display: none; font-size: 16px; font-weight: 500; line-height: 1; color: inherit; text-transform: uppercase; text-align: center; padding: 0 0.4em; } .wgl-countdown.cd_large { font-size: 100px; } .wgl-countdown.cd_large .countdown-period { font-size: 18px; } .wgl-countdown.cd_large .countdown-amount:before, .wgl-countdown.cd_large .countdown-amount:after { width: 10px; height: 10px; } .wgl-countdown.cd_medium { font-size: 64px; } .wgl-countdown.cd_medium .countdown-period { font-size: 18px; } .wgl-countdown.cd_medium .countdown-amount:before, .wgl-countdown.cd_medium .countdown-amount:after { width: 6px; height: 6px; } .wgl-countdown.cd_small { font-size: 40px; } .wgl-countdown.cd_small .countdown-period { font-size: 11px; } .wgl-countdown.cd_small .countdown-amount:before, .wgl-countdown.cd_small .countdown-amount:after { width: 4px; height: 4px; } .wgl-countdown.custom_font .countdown-section { font-family: inherit; } .wgl-countdown.custom_font .countdown-section .countdown-amount, .wgl-countdown.custom_font .countdown-period { font-family: inherit; font-weight: inherit; } @media only screen and (max-width: 992px) { .wgl-countdown.cd_large { font-size: 70px; } .wgl-countdown.cd_medium { font-size: 56px; } .wgl-countdown.cd_small { font-size: 40px; } } @media only screen and (max-width: 768px) { .wgl-countdown.cd_large { font-size: 54px; } .wgl-countdown.cd_medium { font-size: 48px; } .wgl-countdown.cd_small { font-size: 34px; } } @media only screen and (max-width: 480px) { .wgl-countdown.cd_large { font-size: 48px; } .wgl-countdown.cd_medium { font-size: 38px; } .wgl-countdown.cd_small { font-size: 28px; } .wgl-countdown .countdown-section .countdown-period { font-size: 11px; } } @media only screen and (max-width: 420px) { .wgl-countdown.cd_large { font-size: 38px; } .wgl-countdown.cd_medium { font-size: 30px; } .wgl-countdown.cd_small { font-size: 22px; } } @media only screen and (max-width: 360px) { .wgl-countdown.cd_large { font-size: 28px; } .wgl-countdown.cd_medium { font-size: 22px; } .wgl-countdown.cd_small { font-size: 18px; } } .elementor-widget-wgl-countdown.elementor-align-left { text-align: left; } .elementor-widget-wgl-countdown.elementor-align-left .countdown-row { justify-content: flex-start; } .elementor-widget-wgl-countdown.elementor-align-left .countdown-section { flex: 0; } .elementor-widget-wgl-countdown.elementor-align-center { text-align: center; } .elementor-widget-wgl-countdown.elementor-align-center .countdown-row { justify-content: center; } .elementor-widget-wgl-countdown.elementor-align-right { text-align: right; } .elementor-widget-wgl-countdown.elementor-align-right .countdown-row { justify-content: flex-end; } .elementor-widget-wgl-countdown.elementor-align-right .countdown-section { flex: 0; } .elementor-widget-wgl-countdown.show_separating-yes .countdown-section:not(:last-child) .countdown-amount:before, .elementor-widget-wgl-countdown.show_separating-yes .countdown-section:not(:last-child) .countdown-amount:after { content: ""; } .elementor-widget-wgl-countdown.show_value_names-yes .wgl-countdown .countdown-section .countdown-period { display: block; } /* ==================== ##Counter ==================== */ .wgl-counter .media-wrap { display: inline-block; } .wgl-counter_value-wrap { display: inline-flex; font-size: 42px; line-height: 1; font-weight: 600; justify-content: center; } .wgl-counter__placeholder-wrap { position: relative; } .wgl-counter__value { position: absolute; z-index: 1; top: 0; right: 0; } .wgl-counter__placeholder { visibility: hidden; } .wgl-counter__prefix { text-align: right; } .wgl-counter__suffix { text-align: left; } .wgl-counter_title { font-size: 14px; line-height: 1.6; font-weight: 600; letter-spacing: 0.025em; } .wgl-counter.title-inline .content-wrap { display: flex; align-items: center; } .elementor-widget-icon-box.elementor-position-left .wgl-counter_wrap, .elementor-widget-image-box.elementor-position-left .wgl-counter_wrap { display: flex; text-align: left; flex-direction: row; } .elementor-widget-icon-box.elementor-position-left .wgl-counter_media-wrap, .elementor-widget-image-box.elementor-position-left .wgl-counter_media-wrap { display: inline-flex; flex: 0 0 auto; } .elementor-widget-icon-box.elementor-position-left .content-wrap, .elementor-widget-image-box.elementor-position-left .content-wrap { flex-grow: 1; } .elementor-widget-icon-box.elementor-position-right .wgl-counter_wrap, .elementor-widget-image-box.elementor-position-right .wgl-counter_wrap { display: flex; text-align: right; flex-direction: row-reverse; } .elementor-widget-icon-box.elementor-position-right .media-wrap, .elementor-widget-image-box.elementor-position-right .media-wrap { display: inline-flex; flex: 0 0 auto; } .elementor-widget-icon-box.elementor-position-right .content-wrap, .elementor-widget-image-box.elementor-position-right .content-wrap { flex-grow: 1; } .elementor-widget-icon-box.elementor-position-top .elementor-icon-box-img, .elementor-widget-image-box.elementor-position-top .elementor-icon-box-img { margin: auto; } .elementor-widget-wgl-counter.aleft .wgl-counter_title { text-align: left; } .elementor-widget-wgl-counter.aleft .title-inline .content-wrap { justify-content: flex-start; } .elementor-widget-wgl-counter.aright .title-inline .content-wrap { justify-content: flex-end; } .elementor-widget-wgl-counter.acenter .title-inline .content-wrap { justify-content: center; } @media (max-width: 1024px) { .elementor-widget-wgl-counter.a-tabletleft { text-align: left; } .elementor-widget-wgl-counter.a-tabletleft .wgl-counter_title { text-align: left; } .elementor-widget-wgl-counter.a-tabletleft .title-inline .content-wrap { justify-content: flex-start; } .elementor-widget-wgl-counter.a-tabletright { text-align: right; } .elementor-widget-wgl-counter.a-tabletright .wgl-counter_title { text-align: right; } .elementor-widget-wgl-counter.a-tabletright .title-inline .content-wrap { justify-content: flex-end; } .elementor-widget-wgl-counter.a-tabletcenter { text-align: center; } .elementor-widget-wgl-counter.a-tabletcenter .wgl-counter_title { text-align: center; } .elementor-widget-wgl-counter.a-tabletcenter .title-inline .content-wrap { justify-content: center; } } @media (max-width: 767px) { .elementor-widget-wgl-counter.a-mobileleft { text-align: left; } .elementor-widget-wgl-counter.a-mobileleft .wgl-counter_title { text-align: left; } .elementor-widget-wgl-counter.a-mobileleft .title-inline .content-wrap { justify-content: flex-start; } .elementor-widget-wgl-counter.a-mobileright { text-align: right; } .elementor-widget-wgl-counter.a-mobileright .wgl-counter_title { text-align: right; } .elementor-widget-wgl-counter.a-mobileright .title-inline .content-wrap { justify-content: flex-end; } .elementor-widget-wgl-counter.a-mobilecenter { text-align: center; } .elementor-widget-wgl-counter.a-mobilecenter .wgl-counter_title { text-align: center; } .elementor-widget-wgl-counter.a-mobilecenter .title-inline .content-wrap { justify-content: center; } } /* ==================== ##Clients ==================== */ .wgl-clients { display: flex; flex-wrap: wrap; } .wgl-clients .wgl-carousel_wrapper { width: 100%; overflow: visible; } .wgl-clients .clients_image { float: left; display: flex; align-items: inherit; transition: 0.4s; } .wgl-clients .clients_image .image_wrapper { display: flex; position: relative; z-index: 1; align-items: center; justify-content: center; height: max-content; } .wgl-clients .clients_image .image_wrapper, .wgl-clients .clients_image .image_wrapper > img { border-radius: inherit; } .wgl-clients .clients_image.slick-slide { width: auto; display: block; } .wgl-clients .slick-track { display: block !important; } .wgl-clients .hover_image { display: none; position: absolute; z-index: 1; top: 0; left: 0; visibility: hidden; } .wgl-clients.items-1 > .clients_image { width: 100%; } .wgl-clients.items-1 > .clients_image:nth-child(2), .wgl-clients.items-1 > .clients_image:nth-child(n+3) { clear: left; } .wgl-clients.items-2 > .clients_image { width: 50%; } .wgl-clients.items-2 > .clients_image:nth-child(3), .wgl-clients.items-2 > .clients_image:nth-child(2n+5) { clear: left; } .wgl-clients.items-3 > .clients_image { width: 33.33333%; } .wgl-clients.items-3 > .clients_image:nth-child(4), .wgl-clients.items-3 > .clients_image:nth-child(3n+7) { clear: left; } .wgl-clients.items-4 > .clients_image { width: 25%; } .wgl-clients.items-4 > .clients_image:nth-child(5), .wgl-clients.items-4 > .clients_image:nth-child(4n+9) { clear: left; } .wgl-clients.items-5 > .clients_image { width: 20%; } .wgl-clients.items-5 > .clients_image:nth-child(6), .wgl-clients.items-5 > .clients_image:nth-child(5n+11) { clear: left; } .wgl-clients.items-6 > .clients_image { width: 16.66666%; } .wgl-clients.items-6 > .clients_image:nth-child(7), .wgl-clients.items-6 > .clients_image:nth-child(6n+13) { clear: left; } .wgl-clients img { transition: 0.3s; } .wgl-clients.anim-zoom .clients_image img { transform: scale(0.95); } .wgl-clients.anim-zoom .clients_image:hover img { transform: scale(1); } .wgl-clients.anim-opacity .clients_image img { opacity: 0.5; } .wgl-clients.anim-opacity .clients_image:hover img { opacity: 1; } .wgl-clients.anim-grayscale .clients_image img { filter: grayscale(100%); opacity: 0.6; } .wgl-clients.anim-grayscale .clients_image:hover img { filter: grayscale(0); opacity: 1; } .wgl-clients.anim-contrast .clients_image:hover img { filter: contrast(300%); } .wgl-clients.anim-blur-1 .clients_image:hover img { filter: blur(1px); } .wgl-clients.anim-blur-2 .clients_image img { filter: blur(1px); } .wgl-clients.anim-blur-2 .clients_image:hover img { filter: blur(0); } .wgl-clients.anim-invert .clients_image:hover img { filter: invert(100%); } .wgl-clients.anim-ex_images .hover_image { display: block; opacity: 0; } .wgl-clients.anim-ex_images .image_wrapper:hover .hover_image { opacity: 1; visibility: visible; } .wgl-clients.anim-ex_images .image_wrapper:hover .hover_image + .main_image { opacity: 0; } .wgl-clients.anim-ex_images_ver .image_wrapper { overflow: hidden; } .wgl-clients.anim-ex_images_ver .hover_image { display: block; transform: translateY(-100%); } .wgl-clients.anim-ex_images_ver .image_wrapper:hover .hover_image { opacity: 1; visibility: visible; transform: translateY(0%); } .wgl-clients.anim-ex_images_ver .image_wrapper:hover .hover_image + .main_image { transform: translateY(100%); } .elementor-section-full_width .elementor-column-gap-no .elementor-widget-wgl-clients .wgl-carousel .slick-slider, .elementor-section-full_width .elementor-column-gap-no .elementor-widget-wgl-clients .wgl-carousel .slick-list { overflow: visible; } /* ==================== ##Demo Item ==================== */ .wgl-demo-item { text-align: center; } .wgl-demo-item .demo-item_image-wrap { position: relative; z-index: 1; } .wgl-demo-item .demo-item_image-link { position: relative; z-index: 1; display: flex; } .wgl-demo-item .demo-item_image-link:before { content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; background: rgba(255, 255, 255, 0.9); transition: 0.4s; } .wgl-demo-item .demo-item_image { box-shadow: 7px 5px 30px rgba(0, 0, 0, 0.12); } .wgl-demo-item .demo-item_title-link { display: inline-block; } .wgl-demo-item .demo-item_title { font-size: 24px; line-height: 1.3; transition: 0.4s; } .wgl-demo-item .demo-item_label { font-size: 36px; position: absolute; z-index: 2; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); } .wgl-demo-item .wgl-button { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; white-space: nowrap; } .wgl-demo-item:hover .demo-item_image-link:before { opacity: 1; } .wgl-demo-item:hover .wgl-button { opacity: 1; } .wgl-demo-item.coming-soon { pointer-events: none; } .wgl-demo-item.coming-soon .demo-item_image-link:before { opacity: 1; } /* ==================== ##Double Headings ==================== */ .wgl-double_heading { position: relative; } .wgl-double_heading .dbl__title-wrapper { position: relative; z-index: 1; line-height: 0; } .wgl-double_heading .dbl__title { font-size: 42px; font-weight: 600; line-height: 1.4; color: inherit; } .wgl-double_heading .dbl__subtitle { display: inline-block; position: relative; font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: 0.025em; z-index: 1; } .wgl-double_heading .dbl__subtitle:before { content: ""; position: relative; height: 1.375em; width: 5px; margin-right: 11px; margin-bottom: -0.3em; border-radius: 1px; transform: scaleY(0); transform-origin: bottom; transition: transform 0.3s ease-in-out; display: none; } .wgl-double_heading .dbl__subtitle.appeared:before { transform: scaleY(1); } .wgl-double_heading .dbl__subtitle span, .wgl-double_heading .dbl__subtitle span:before { display: inline-block; vertical-align: middle; } .wgl-double_heading .dbl__subtitle span + span:before { content: ""; width: calc(1em + 17px); height: 0.028em; margin: -4px 20px 0; background-color: currentColor; } /* ==================== ##Flip Box ==================== */ .elementor-widget-wgl-flipbox.additional_title_yes .wgl-flipbox_front .wgl-flipbox_title span { margin: 0; font-size: 18px; font-weight: 600; color: #ffffff; position: absolute; z-index: 1; bottom: 20%; right: 0; padding: 15px 42px 15px 65px; border-radius: 60px 0 0 60px; min-height: 56px; margin-left: 30px; } .elementor-widget-wgl-flipbox.additional_title_yes .wgl-flipbox_front .wgl-flipbox_title span:before { content: "\f142"; font-family: flaticon; font-size: 14px; position: absolute; left: 5px; top: 50%; margin-top: -23px; width: 46px; height: 46px; line-height: 46px; background: #ffffff; border-radius: 50%; text-align: center; } .wgl-flipbox { position: relative; perspective: 1000px; width: 100%; height: 300px; } .wgl-flipbox_wrap { position: relative; z-index: 1; transition: 0.7s; width: 100%; height: 100%; transform-style: preserve-3d; perspective: inherit; } .wgl-flipbox_title span { display: inline-block; font-size: 24px; line-height: 1.4; font-weight: 600; } .wgl-flipbox_content p:last-child { margin-bottom: 0; } .wgl-flipbox_readmore.wgl-button.elementor-button { box-shadow: none; } .wgl-flipbox_item-link { position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; } .wgl-flipbox_front, .wgl-flipbox_back { display: flex; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 10px 8px 35px rgba(49, 49, 49, 0.08); -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotate(0); transition: 0.7s; perspective: inherit; transform-style: preserve-3d; } .wgl-flipbox_front { z-index: 2; } .wgl-flipbox_front .wgl-flipbox_title span { position: relative; } .wgl-flipbox_front .wgl-flipbox_title span:before { position: absolute; top: 0.7em; right: calc(100% + 0.5em); width: 1.75em; height: 1px; background-color: currentColor; } .wgl-flipbox_back .wgl-flipbox_content { position: relative; z-index: 1; } .wgl-flipbox_back .wgl-flipbox_content:after { display: block; position: absolute; bottom: calc(-1em - 6px); left: calc(50% - 18px); height: 1px; width: 36px; background: currentColor; } .wgl-flipbox.type_flip_right .wgl-flipbox_back { transform: rotateY(-180deg); } .wgl-flipbox.type_flip_right:hover .wgl-flipbox_wrap { transform: rotateY(180deg); } .wgl-flipbox.type_flip_left .wgl-flipbox_back { transform: rotateY(180deg); } .wgl-flipbox.type_flip_left:hover .wgl-flipbox_wrap { transform: rotateY(-180deg); } .wgl-flipbox.type_flip_top .wgl-flipbox_back { transform: rotateX(-180deg); } .wgl-flipbox.type_flip_top:hover .wgl-flipbox_wrap { transform: rotateX(180deg); } .wgl-flipbox.type_flip_bottom .wgl-flipbox_back { transform: rotateX(180deg); } .wgl-flipbox.type_flip_bottom:hover .wgl-flipbox_wrap { transform: rotateX(-180deg); } .elementor-widget-wgl-flipbox.aleft .wgl-flipbox .wgl-image-box_img { margin-right: auto; } .elementor-widget-wgl-flipbox.acenter .wgl-flipbox .wgl-image-box_img { margin-left: auto; margin-right: auto; } .elementor-widget-wgl-flipbox.aright .wgl-flipbox .wgl-image-box_img { margin-left: auto; } /* ==================== ##Gallery ==================== */ .wgl-gallery_items:not(.gallery-carousel) { display: flex; flex-wrap: wrap; } .wgl-gallery_items.gallery-justified .wgl-gallery_item { position: absolute; box-sizing: content-box; width: 100%; height: 100%; } .wgl-gallery_items.gallery-carousel .slick-slider { margin: 0; } .wgl-gallery_items.gallery-carousel .slick-slide { margin: 0; } .wgl-gallery_item-wrapper div > a { display: flex; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; } .wgl-gallery_item { position: relative; z-index: 1; overflow: hidden; } .wgl-gallery_item:before, .wgl-gallery_item:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: 0.4s; } .wgl-gallery_item:after { opacity: 0; } .wgl-gallery_image-info { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; transition: 0.4s; opacity: 0; visibility: hidden; } .wgl-gallery_image-info.show_until_hover, .wgl-gallery_image-info.show_always { opacity: 1; visibility: visible; } .wgl-gallery_image-title { line-height: 1.1; font-size: 1.1em; font-weight: 600; } .wgl-gallery_image-title + .wgl-gallery_image-descr { margin-top: 5px; } .wgl-gallery_image-descr { line-height: 1; } .wgl-gallery_item:hover:before { opacity: 0; } .wgl-gallery_item:hover:after { opacity: 1; } .wgl-gallery_item:hover .wgl-gallery_image-info { opacity: 1; visibility: visible; } .wgl-gallery_item:hover .wgl-gallery_image-info.show_until_hover { opacity: 0; visibility: hidden; } .wgl-gallery_items.appear-animation .wgl-gallery_item-wrapper { opacity: 0; } .wgl-gallery_items.appear-animation.fade-in .wgl-gallery_item-wrapper.animate { animation: fade_in 0.9s ease forwards; } .wgl-gallery_items.appear-animation.slide-top .wgl-gallery_item-wrapper.animate { animation: slide_top 0.5s ease forwards; transform: translateY(50px); } .wgl-gallery_items.appear-animation.slide-bottom .wgl-gallery_item-wrapper.animate { animation: slide_bottom 0.5s ease forwards; transform: translateY(-50px); } .wgl-gallery_items.appear-animation.slide-left .wgl-gallery_item-wrapper.animate { animation: slide_left 0.5s ease forwards; transform: translateX(50px); } .wgl-gallery_items.appear-animation.slide-right .wgl-gallery_item-wrapper.animate { animation: slide_right 0.5s ease forwards; transform: translateX(-50px); } .wgl-gallery_items.appear-animation.zoom .wgl-gallery_item-wrapper.animate { animation: zoom_in 0.5s ease forwards; transform: scale(0.5); } .elementor-widget-wgl-gallery.col-1 .wgl-gallery_item-wrapper { width: 100%; } .elementor-widget-wgl-gallery.col-2 .wgl-gallery_item-wrapper { width: 50%; } .elementor-widget-wgl-gallery.col-3 .wgl-gallery_item-wrapper { width: 33.3333%; } .elementor-widget-wgl-gallery.col-4 .wgl-gallery_item-wrapper { width: 25%; } .elementor-widget-wgl-gallery.col-5 .wgl-gallery_item-wrapper { width: 20%; } @media (max-width: 1024px) { .elementor-widget-wgl-gallery.col-tablet-1 .wgl-gallery_item-wrapper { width: 100%; } .elementor-widget-wgl-gallery.col-tablet-2 .wgl-gallery_item-wrapper { width: 50%; } .elementor-widget-wgl-gallery.col-tablet-3 .wgl-gallery_item-wrapper { width: 33.3333%; } .elementor-widget-wgl-gallery.col-tablet-4 .wgl-gallery_item-wrapper { width: 25%; } .elementor-widget-wgl-gallery.col-tablet-5 .wgl-gallery_item-wrapper { width: 20%; } } @media (max-width: 767px) { .elementor-widget-wgl-gallery.col-mobile-1 .wgl-gallery_item-wrapper { width: 100%; } .elementor-widget-wgl-gallery.col-mobile-2 .wgl-gallery_item-wrapper { width: 50%; } .elementor-widget-wgl-gallery.col-mobile-3 .wgl-gallery_item-wrapper { width: 33.3333%; } .elementor-widget-wgl-gallery.col-mobile-4 .wgl-gallery_item-wrapper { width: 25%; } .elementor-widget-wgl-gallery.col-mobile-5 .wgl-gallery_item-wrapper { width: 20%; } } /* justifiedGallery */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > figure { position: absolute; display: inline-block; filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img, .justified-gallery > a > svg, .justified-gallery > div > svg, .justified-gallery > figure > svg, .justified-gallery > a > a > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > a > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg { filter: "alpha(opacity=100)"; opacity: 1; transition: opacity 500ms ease-in; } .justified-gallery > .jg-spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .jg-spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } /* ==================== ##Image Comparison ==================== */ .wgl-image_comparison.cocoen { cursor: pointer; line-height: 0; margin: 0; overflow: hidden; padding: 0; position: relative; -webkit-user-select: none; user-select: none; border-radius: 15px; } .wgl-image_comparison.cocoen img.comp-image { max-width: none; display: block; width: 100%; } .wgl-image_comparison.cocoen > div { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 50%; } .wgl-image_comparison.cocoen .cocoen-drag { position: absolute; z-index: 1; top: 0; bottom: 0; left: 50%; width: 3px; margin-left: -1px; background: #fff; cursor: ew-resize; } .wgl-image_comparison.cocoen .cocoen-drag:before, .wgl-image_comparison.cocoen .cocoen-drag:after { font-family: flaticon; position: absolute; top: 50%; width: 70px; height: 70px; line-height: 70px; text-align: center; color: #232323; cursor: pointer; font-size: 14px; margin-top: -35px; border-radius: 50%; } .wgl-image_comparison.cocoen .cocoen-drag:before { z-index: 1; content: "\f117"; left: 50%; margin-left: -35px; background: #ffffff; text-align: left; padding-left: 13px; } .wgl-image_comparison.cocoen .cocoen-drag:after { z-index: 2; content: "\f115"; right: 50%; margin-right: -35px; text-align: right; padding-right: 13px; background: transparent !important; } /* ==================== ##Image Layers ==================== */ .wgl-image-layers { position: relative; line-height: 0; max-width: 100%; } .wgl-image-layers .img-layer_image-wrapper { position: relative; line-height: 0; display: block; width: inherit; max-width: 100%; height: inherit; max-height: 100%; } .wgl-image-layers .img-layer_image-wrapper:not(:first-child) { position: absolute; left: 0; top: 0; } .wgl-image-layers .img-layer_image-wrapper .img-layer_image { transition: all 0.5s; } .wgl-image-layers .img-layer_image-wrapper.fade_in .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_big_up .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_big_down .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_big_left .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_big_right .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_up .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_down .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_left .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_right .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.flip_x .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.flip_y .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.zoom_in .img-layer_image { opacity: 0; visibility: hidden; } .wgl-image-layers .img-layer_image-wrapper.slide_big_up .img-layer_image { transform: translateY(100%); } .wgl-image-layers .img-layer_image-wrapper.slide_big_down .img-layer_image { transform: translateY(-100%); } .wgl-image-layers .img-layer_image-wrapper.slide_big_left .img-layer_image { transform: translateX(100%); } .wgl-image-layers .img-layer_image-wrapper.slide_big_right .img-layer_image { transform: translateX(-100%); } .wgl-image-layers .img-layer_image-wrapper.slide_up .img-layer_image { transform: translateY(50%); } .wgl-image-layers .img-layer_image-wrapper.slide_down .img-layer_image { transform: translateY(-50%); } .wgl-image-layers .img-layer_image-wrapper.slide_left .img-layer_image { transform: translateX(50%); } .wgl-image-layers .img-layer_image-wrapper.slide_right .img-layer_image { transform: translateX(-50%); } .wgl-image-layers .img-layer_image-wrapper.flip_x .img-layer_image { transform: rotateX(-100deg); } .wgl-image-layers .img-layer_image-wrapper.flip_y .img-layer_image { transform: rotateY(-100deg); } .wgl-image-layers .img-layer_image-wrapper.zoom_in .img-layer_image { transform: scale3d(0.2, 0.2, 0.2); } .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.fade_in .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_up .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_down .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_left .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_right .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_up .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_down .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_left .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_right .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.flip_x .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.flip_y .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.zoom_in .img-layer_image { opacity: 1; visibility: visible; } .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_up .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_down .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_up .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_down .img-layer_image { transform: translateY(0); } .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_left .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_right .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_left .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_right .img-layer_image { transform: translateX(0); } .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.flip_x .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.flip_y .img-layer_image { transform: rotate(0); } .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.zoom_in .img-layer_image { transform: scale3d(1, 1, 1); } /* ==================== ##Image Hotspots ==================== */ .wgl-image-hotspots { display: inline-block; position: relative; z-index: 1; } .wgl-image-hotspots .hotspots_image-wrap { display: inline-block; } .wgl-image-hotspots .hotspots_container { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; } .wgl-image-hotspots .hotspots_container.appear_animation .hotspots_item { transition: 1.4s; opacity: 0; visibility: hidden; } .wgl-image-hotspots .hotspots_container.appear_animation .hotspots_item.show { opacity: 1; visibility: visible; } .wgl-image-hotspots .hotspots_container.loop_animation-pulse .hotspots_item { animation: 5s both running infinite hotspots_pulse; } .wgl-image-hotspots .hotspots_container.loop_animation-flash .hotspots_item { animation: 5s both running infinite hotspots_flash; } .wgl-image-hotspots .hotspots_container.loop_animation-zoom .hotspots_item { animation: 5s both running infinite hotspots_zoom; } .wgl-image-hotspots .hotspots_container.loop_animation-shake .hotspots_item { animation: 5s both running infinite hotspots_shake; } .wgl-image-hotspots .hotspots_container.loop_animation-swing .hotspots_item { animation: 5s both running infinite hotspots_swing; } .wgl-image-hotspots .hotspots_container.loop_animation-rubber .hotspots_item { animation: 5s both running infinite hotspots_rubber; } .wgl-image-hotspots .hotspots_container.loop_animation .hotspots_item:hover { animation-play-state: paused; } .wgl-image-hotspots .hotspots_item { position: absolute; cursor: pointer; } .wgl-image-hotspots .hotspots_item:hover .desktop-tooltips-hover { opacity: 1; visibility: visible; transition: 0.4s; } .wgl-image-hotspots .hotspots_item:hover .desktop-tooltips-hover .hotspots_content-inner { opacity: inherit; visibility: inherit; transition: inherit; } @media (max-width: 1024px) { .wgl-image-hotspots .hotspots_item:hover .tablet-tooltips-hover { opacity: 1; visibility: visible; transition: 0.4s; } .wgl-image-hotspots .hotspots_item:hover .tablet-tooltips-hover .hotspots_content-inner { opacity: inherit; visibility: inherit; transition: inherit; } } @media (max-width: 767px) { .wgl-image-hotspots .hotspots_item:hover .mobile-tooltips-hover { opacity: 1; visibility: visible; transition: 0.4s; } .wgl-image-hotspots .hotspots_item:hover .mobile-tooltips-hover .hotspots_content-inner { opacity: inherit; visibility: inherit; transition: inherit; } } .wgl-image-hotspots .hotspots_item:hover .animation-zoom .hotspots_content-inner { transform: scale3d(1, 1, 1); } .wgl-image-hotspots .hotspots_item:hover .animation-to_left .hotspots_content-inner, .wgl-image-hotspots .hotspots_item:hover .animation-to_top .hotspots_content-inner, .wgl-image-hotspots .hotspots_item:hover .animation-to_right .hotspots_content-inner, .wgl-image-hotspots .hotspots_item:hover .animation-to_bottom .hotspots_content-inner { transform: translate(0); } .wgl-image-hotspots .hotspots_item:hover .animation-shake .hotspots_content-inner { animation: tooltips_shake 0.4s ease-in-out forwards; } .wgl-image-hotspots .hotspots_content { position: absolute; z-index: 1; transition: 0.2s; } .wgl-image-hotspots .hotspots_content .hotspots_content-inner { transition: 0.2s; } .wgl-image-hotspots .hotspots_content .hotspots_content-inner p:last-child { margin-bottom: 0; } .wgl-image-hotspots .hotspots_content.desktop-tooltips-hover { visibility: hidden; } .wgl-image-hotspots .hotspots_content.desktop-tooltips-hover .hotspots_content-inner { opacity: 0; visibility: inherit; } .wgl-image-hotspots .hotspots_content.desktop-tooltips-show { opacity: 1; visibility: visible; transition: 0.4s; } .wgl-image-hotspots .hotspots_content.desktop-tooltips-show .hotspots_content-inner { opacity: inherit; visibility: inherit; transition: inherit; } @media (max-width: 1024px) { .wgl-image-hotspots .hotspots_content.tablet-tooltips-hover { visibility: hidden; } .wgl-image-hotspots .hotspots_content.tablet-tooltips-hover .hotspots_content-inner { opacity: 0; visibility: inherit; } .wgl-image-hotspots .hotspots_content.tablet-tooltips-show { opacity: 1; visibility: visible; transition: 0.4s; } .wgl-image-hotspots .hotspots_content.tablet-tooltips-show .hotspots_content-inner { opacity: inherit; visibility: inherit; transition: inherit; } } @media (max-width: 767px) { .wgl-image-hotspots .hotspots_content.mobile-tooltips-hover { visibility: hidden; } .wgl-image-hotspots .hotspots_content.mobile-tooltips-hover .hotspots_content-inner { opacity: 0; visibility: inherit; } .wgl-image-hotspots .hotspots_content.mobile-tooltips-show { opacity: 1; visibility: visible; transition: 0.4s; } .wgl-image-hotspots .hotspots_content.mobile-tooltips-show .hotspots_content-inner { opacity: inherit; visibility: inherit; transition: inherit; } } .wgl-image-hotspots .hotspots_content.animation-zoom .hotspots_content-inner { transform: scale3d(0.1, 0.1, 0.1); } .wgl-image-hotspots .hotspots_content.animation-to_left .hotspots_content-inner { transform: translateX(20px); } .wgl-image-hotspots .hotspots_content.animation-to_top .hotspots_content-inner { transform: translateY(20px); } .wgl-image-hotspots .hotspots_content.animation-to_right .hotspots_content-inner { transform: translateX(-20px); } .wgl-image-hotspots .hotspots_content.animation-to_bottom .hotspots_content-inner { transform: translateY(-20px); } .wgl-image-hotspots .hotspots_media-wrap { transition: 0.4s; } .wgl-image-hotspots .hotspots_point-wrap { display: flex; align-items: center; transition: 0.4s; } .wgl-image-hotspots .hotspots_point-icon { line-height: 1; } .wgl-image-hotspots .hotspots_point-icon svg { width: 1em; height: 1em; display: block; } .wgl-image-hotspots .hotspots_point-text { margin: 0; line-height: 1; transition: 0.4s; } .wgl-image-hotspots .hotspots_item.tt-desktop-left .hotspots_content { left: initial; top: 50%; right: 100%; bottom: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots_item.tt-desktop-top .hotspots_content { left: 50%; top: initial; right: initial; bottom: 100%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots_item.tt-desktop-right .hotspots_content { left: 100%; top: 50%; right: initial; bottom: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots_item.tt-desktop-bottom .hotspots_content { left: 50%; top: 100%; right: initial; bottom: initial; transform: translateX(-50%); } .wgl-image-hotspots .hotspots_item.m-desktop-left .hotspots_point-wrap { flex-direction: row; } .wgl-image-hotspots .hotspots_item.m-desktop-top .hotspots_point-wrap { flex-direction: column; } .wgl-image-hotspots .hotspots_item.m-desktop-right .hotspots_point-wrap { flex-direction: row-reverse; } .wgl-image-hotspots .hotspots_item.m-desktop-bottom .hotspots_point-wrap { flex-direction: column-reverse; } @media (max-width: 1024px) { .wgl-image-hotspots .hotspots_item.tt-tablet-left .hotspots_content { left: initial; top: 50%; right: 100%; bottom: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots_item.tt-tablet-top .hotspots_content { left: 50%; top: initial; right: initial; bottom: 100%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots_item.tt-tablet-right .hotspots_content { left: 100%; top: 50%; right: initial; bottom: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots_item.tt-tablet-bottom .hotspots_content { left: 50%; top: 100%; right: initial; bottom: initial; transform: translateX(-50%); } .wgl-image-hotspots .hotspots_item.m-tablet-left .hotspots_point-wrap { flex-direction: row; } .wgl-image-hotspots .hotspots_item.m-tablet-top .hotspots_point-wrap { flex-direction: column; } .wgl-image-hotspots .hotspots_item.m-tablet-right .hotspots_point-wrap { flex-direction: row-reverse; } .wgl-image-hotspots .hotspots_item.m-tablet-bottom .hotspots_point-wrap { flex-direction: column-reverse; } } @media (max-width: 767px) { .wgl-image-hotspots .hotspots_item.tt-mobile-left .hotspots_content { left: initial; top: 50%; right: 100%; bottom: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots_item.tt-mobile-top .hotspots_content { left: 50%; top: initial; right: initial; bottom: 100%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots_item.tt-mobile-right .hotspots_content { left: 100%; top: 50%; right: initial; bottom: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots_item.tt-mobile-bottom .hotspots_content { left: 50%; top: 100%; right: initial; bottom: initial; transform: translateX(-50%); } .wgl-image-hotspots .hotspots_item.m-mobile-left .hotspots_point-wrap { flex-direction: row; } .wgl-image-hotspots .hotspots_item.m-mobile-top .hotspots_point-wrap { flex-direction: column; } .wgl-image-hotspots .hotspots_item.m-mobile-right .hotspots_point-wrap { flex-direction: row-reverse; } .wgl-image-hotspots .hotspots_item.m-mobile-bottom .hotspots_point-wrap { flex-direction: column-reverse; } } .wgl-image-hotspots .hotspots_item.tt-c-desktop-left .hotspots_content { left: initial; top: 50%; right: 100%; bottom: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots_item.tt-c-desktop-top .hotspots_content { left: 50%; top: initial; right: initial; bottom: 100%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots_item.tt-c-desktop-right .hotspots_content { left: 100%; top: 50%; right: initial; bottom: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots_item.tt-c-desktop-bottom .hotspots_content { left: 50%; top: 100%; right: initial; bottom: initial; transform: translateX(-50%); } @media (max-width: 1024px) { .wgl-image-hotspots .hotspots_item.tt-c-tablet-left .hotspots_content { left: initial; top: 50%; right: 100%; bottom: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots_item.tt-c-tablet-top .hotspots_content { left: 50%; top: initial; right: initial; bottom: 100%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots_item.tt-c-tablet-right .hotspots_content { left: 100%; top: 50%; right: initial; bottom: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots_item.tt-c-tablet-bottom .hotspots_content { left: 50%; top: 100%; right: initial; bottom: initial; transform: translateX(-50%); } } @media (max-width: 767px) { .wgl-image-hotspots .hotspots_item.tt-c-mobile-left .hotspots_content { left: initial; top: 50%; right: 100%; bottom: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots_item.tt-c-mobile-top .hotspots_content { left: 50%; top: initial; right: initial; bottom: 100%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots_item.tt-c-mobile-right .hotspots_content { left: 100%; top: 50%; right: initial; bottom: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots_item.tt-c-mobile-bottom .hotspots_content { left: 50%; top: 100%; right: initial; bottom: initial; transform: translateX(-50%); } } @keyframes tooltips_shake { 0% { transform: rotate(2deg) translateY(9px); } 50% { transform: rotate(-3deg) translateY(6px); } 70% { transform: rotate(3deg) translateY(3px); } 100% { transform: rotate(0deg) translateY(0); } } @keyframes hotspots_pulse { 0%, 89%, to { transform: scale3d(1, 1, 1); } 90%, 94%, 98% { transform: scale3d(1.1, 1.1, 1.1); } 92%, 96% { transform: scale3d(0.9, 0.9, 0.9); } } @keyframes hotspots_flash { 0%, 89%, to { opacity: 1; } 90%, 94%, 98% { opacity: 0; } 92%, 96% { opacity: 1; } } @keyframes hotspots_shake { 0%, 89%, to { transform: translate3d(0, 0, 0); } 90%, 94%, 98% { transform: translate3d(-5px, 0, 0); } 92%, 96% { transform: translate3d(5px, 0, 0); } } @keyframes hotspots_zoom { 0%, 86%, to { transform: scale3d(1, 1, 1); } 87% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 90%, 94%, 98% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 92%, 96% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } } @keyframes hotspots_rubber { 64% { transform: scale3d(1, 1, 1); } 73% { transform: scale3d(1.25, 0.75, 1); } 77% { transform: scale3d(0.75, 1.25, 1); } 81% { transform: scale3d(1.15, 0.85, 1); } 86% { transform: scale3d(0.95, 1.05, 1); } 90% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } @keyframes hotspots_swing { 0%, 75%, to { transform: rotate3d(0, 0, 1, 0deg); } 80% { transform: rotate3d(0, 0, 1, 15deg); } 85% { transform: rotate3d(0, 0, 1, -10deg); } 90% { transform: rotate3d(0, 0, 1, 5deg); } 95% { transform: rotate3d(0, 0, 1, -5deg); } } /* ==================== ##Info Box ==================== */ .elementor-widget-wgl-info-box .elementor-widget-container { position: relative; } .elementor-widget-wgl-info-box .elementor-widget-container .wgl-infobox__link { position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; } .elementor-widget-wgl-info-box .elementor-widget-container:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; opacity: 0; transition: inherit; } .elementor-widget-wgl-info-box .elementor-widget-container:hover:before { opacity: 1; } .elementor-widget-wgl-info-box .elementor-widget-container .wgl-infobox_button:before { display: none; } .elementor-widget-wgl-info-box .elementor-widget-container .wgl-infobox__link:hover + .wgl-infobox .wgl-infobox_button:after { transform: scale(-1) translateX(-5px); } .elementor-widget-wgl-info-box .wgl-infobox { transition: 0.4s; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_wrapper { position: relative; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title { position: relative; z-index: 1; margin-bottom: 10px; font-size: 20px; font-weight: 600; line-height: 1.5; word-break: break-word; transition: 0.4s; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title .wgl-infobox_title-idle, .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title .wgl-infobox_title-add { font: inherit; color: inherit; line-height: inherit; text-transform: inherit; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title .wgl-infobox_title-add { transition: 0.4s; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox-title_wrapper { position: relative; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_content { position: relative; font-size: 16px; transition: 0.4s; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_content p:last-child { margin-bottom: 0; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_subtitle { position: absolute; top: 0; left: 0; right: 0; font-size: 100px; line-height: 1; transition: 0.4s; } .elementor-widget-wgl-info-box.animation_lifting { padding-top: 20px; transform: translateY(0); transition: 0.5s; } .elementor-widget-wgl-info-box.animation_lifting > .elementor-widget-container { position: relative; transition: 0.5s; } .elementor-widget-wgl-info-box.animation_lifting:hover > .elementor-widget-container { transform: translateY(-20px); } .elementor-widget-wgl-info-box.animation_toggling .wgl-infobox_wrapper, .elementor-widget-wgl-info-box.animation_toggling .media-wrapper { transition: 0.6s; } .elementor-widget-wgl-info-box.animation_toggling .wgl-infobox_content, .elementor-widget-wgl-info-box.animation_toggling .wgl-infobox-button_wrapper { opacity: 0; } .elementor-widget-wgl-info-box.animation_toggling .elementor-widget-container { overflow: hidden; } .elementor-widget-wgl-info-box.animation_toggling .elementor-widget-container:hover .media-wrapper { opacity: 0; } .elementor-widget-wgl-info-box.animation_toggling .elementor-widget-container:hover .wgl-infobox_content, .elementor-widget-wgl-info-box.animation_toggling .elementor-widget-container:hover .wgl-infobox-button_wrapper { opacity: 1; } /* ==================== ##Portfolio ==================== */ .wgl-portfolio, .wgl-portfolio-single_item { --portfolio-border-radius: 12px; } .isotope-filter { margin-bottom: 50px; font-size: 13px; display: flex; justify-content: center; } .isotope-filter.filter-left a:last-child { margin-right: auto !important; } .isotope-filter.filter-center a:first-child { margin-left: auto !important; } .isotope-filter.filter-center a:last-child { margin-right: auto !important; } .isotope-filter.filter-right a:first-child { margin-left: auto !important; } .isotope-filter .wgl-filter_swiper_wrapper { width: 100%; } .isotope-filter .swiper-slide { display: inline-block; width: -moz-fit-content; width: fit-content; height: auto; } .isotope-filter a { display: inline-block; position: relative; font-size: 13px; line-height: 22px; font-weight: 600; letter-spacing: 0.025em; transition: 0.4s; } .isotope-filter a .number_filter { display: none; } .isotope-filter a:before { content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 4px; border-radius: 4px 4px 0 0; opacity: 0; transform: scaleX(0.25); transition: 0.4s; } .isotope-filter a.empty { display: none; } .isotope-filter a.active:before { transform: scaleX(1); opacity: 1; } .isotope-filter.show_number_of_cats a { margin-top: 8px; } .isotope-filter.show_number_of_cats a .number_filter { display: block; position: absolute; z-index: 1; top: -10px; min-width: 20px; height: 20px; border-radius: 20px; padding: 0 3px; line-height: 18px; right: -12px; opacity: 0; visibility: hidden; text-align: center; color: #ffffff; transform: translateY(4px); transition: 0.4s ease; font-size: 10px; font-weight: 600; border: 2px solid currentColor; } .isotope-filter.show_number_of_cats a.active .number_filter, .isotope-filter.show_number_of_cats a:hover .number_filter { opacity: 1; visibility: visible; transform: translateY(0); } .wgl_portfolio_list .wgl-pagination { padding-top: 40px; } .row .wgl_portfolio_list .load_more_wrapper { margin-top: 0; } .isotope-filter + .wgl-portfolio-list_wrapper { margin: 0 -35px; overflow: hidden; } .row .wgl-portfolio-list_item { padding-left: 0; padding-right: 0; float: left; min-height: 1px; vertical-align: top; } .row .wgl-portfolio-list_item .wgl-portfolio-item_wrapper { line-height: 0; } .row .wgl-portfolio-list_item.slick-slide { display: inline-block; } .row .wgl-portfolio-list_item .wgl-portfolio_item_link { font-size: 14px; font-weight: bold; display: inline-block; border-width: 3px; border-style: solid; padding: 24px 45px; margin-bottom: 60px; } .row .wgl-portfolio-list_item .wgl-portfolio_item_link:hover { color: #ffffff; } .row .wgl-portfolio-list_item .wgl-portfolio-link_wrapper.align_center { text-align: center; } .row .wgl-portfolio-list_item .wgl-portfolio-link_wrapper.align_right { text-align: right; } .row .wgl-portfolio-list_item .portfolio__description { width: 100%; transition: 0.3s; } .row .wgl-portfolio-list_item .portfolio__item-meta .portfolio-category { font-size: 12px; font-weight: 600; border-radius: 6px; margin-right: 10px; margin-bottom: 10px; line-height: 1.2; display: inline-block; color: #ffffff; } .row .wgl-portfolio-list_item .portfolio__item-meta .portfolio-category:last-child { margin-right: 0; } .row .wgl-portfolio-list_item .portfolio-item__title { margin-bottom: 0; } .row .wgl-portfolio-list_item .portfolio-item__title .title { font-size: 24px; line-height: 1.3; } .row .wgl-portfolio-list_item .portfolio-item__title span, .row .wgl-portfolio-list_item .portfolio-item__title a { color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } body.page .wgl-container:not(.single_portfolio) .wgl-portfolio_container:not(.no_gap) { margin-left: 0; margin-right: 0; padding-bottom: 20px; } body.page .wgl-container:not(.single_portfolio) .wgl-portfolio_container:not(.no_gap) .slick-dots { padding: 0 0 25px 0; } .wgl-portfolio-item_wrapper .overlay { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 0.5s; border-radius: var(--portfolio-border-radius); background-color: transparent; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 10%, rgba(0, 0, 0, 0) 40%); } .wgl-portfolio-item_wrapper .portfolio_link { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 0; transition: 0.5s; font-size: 24px; } .wgl-portfolio-item_wrapper .portfolio_link-icon { transition: 0.5s; } .wgl-portfolio-item_wrapper.gallery_mode { position: relative; border-radius: var(--portfolio-border-radius); overflow: hidden; } .wgl-portfolio-item_wrapper.gallery_mode .portfolio_link { justify-content: center; align-items: center; } .wgl-portfolio-item_wrapper.gallery_mode .overlay:before { content: "\f10e"; font-family: "Flaticon"; position: absolute; z-index: 1; font-size: 26px; font-weight: normal; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; color: #ffffff; } .wgl-portfolio-item_wrapper.gallery_mode:hover .overlay { opacity: 1; } .wgl-portfolio-item_wrapper .wgl-portfolio-item_icon { display: inline-block; position: relative; z-index: 2; line-height: 0; border-radius: 50%; background: #ffffff; font-size: 20px; transition: 0.4s; } .wgl-portfolio-item_wrapper .wgl-portfolio-item_icon:hover a, .wgl-portfolio-item_wrapper .wgl-portfolio-item_icon:hover i { color: #ffffff; } .wgl-portfolio-item_wrapper .wgl-portfolio-item_icon:hover .icon_plus { background: #ffffff; } .wgl-portfolio-item_wrapper .wgl-portfolio-item_icon .icon_plus:before, .wgl-portfolio-item_wrapper .wgl-portfolio-item_icon .icon_plus:after { content: ""; position: absolute; z-index: 1; background: currentColor; width: 16px; height: 2px; left: 50%; top: 50%; margin-left: -8px; margin-top: -1px; transition: 0s, background-color 0.4s; } .wgl-portfolio-item_wrapper .wgl-portfolio-item_icon .icon_plus:after { transform: rotate(90deg); } .wgl-portfolio-item_wrapper .wgl-portfolio-item_icon a { display: inline-block; transition: 0s; } .wgl-portfolio-item_wrapper .wgl-portfolio-item_icon > a, .wgl-portfolio-item_wrapper .wgl-portfolio-item_icon > i { display: inline-flex; justify-content: center; align-items: center; width: 1em; height: 1em; padding: 20px; } .wgl-portfolio-item_wrapper .wgl-portfolio-item_icon:empty { display: none; } .under_image { position: relative; z-index: 1; padding-bottom: 22px; } .under_image .wgl-portfolio-item_image { position: relative; border-radius: var(--portfolio-border-radius); overflow: hidden; transition: 0.6s ease-in-out; } .under_image .wgl-portfolio-item_image:not(:only-child) { border-radius: var(--portfolio-border-radius) var(--portfolio-border-radius) 0 0; } .under_image .wgl-portfolio-item_image img { transform: translateY(0); transition: 0.5s; } .under_image .portfolio-item__title .title { display: inline-block; font-size: 24px; margin-bottom: 8px; } .under_image .portfolio_link { display: flex; justify-content: center; align-items: center; } .under_image .post_cats { color: #b3b3b3; } .under_image .wgl-portfolio-item_description { z-index: 3; bottom: 0; width: 100%; padding: 38px 0 10px 0; border-radius: 0 0 var(--portfolio-border-radius) var(--portfolio-border-radius); background: #ffffff; transition: 0.35s ease-out; } .under_image .wgl-portfolio-item_description:empty { display: none; } .inside_image { position: relative; } .inside_image .wgl-portfolio-item_image { overflow: hidden; border-radius: var(--portfolio-border-radius); } .inside_image .wgl-portfolio-item_image:empty { height: 320px; background: currentColor; } .inside_image .post_cats { margin-bottom: -4px; display: inline-block; } .inside_image .portfolio-category { opacity: 1; } .inside_image .wgl-portfolio-item_description { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; padding: 28px 35px 28px 35px; text-align: left; opacity: 0; transition: 0.5s; overflow: hidden; } .inside_image .wgl-portfolio-item_description:empty { display: none; } .inside_image .portfolio__description > div, .inside_image .portfolio__description > span, .inside_image .portfolio__description > a { position: relative; z-index: 2; } .inside_image .wgl-portfolio-item_content { position: relative; z-index: 2; color: #cccccc; } .inside_image.zoom_in_animation .overlay { top: 3%; left: 3%; width: calc(100% - 6%); height: calc(100% - 6%); transform: scale(0.9); } .inside_image.zoom_in_animation .wgl-portfolio-item_description { transform: scale(0.9); } .inside_image.zoom_in_animation:not(.visibility_until_hover):hover .overlay, .inside_image.zoom_in_animation:not(.visibility_until_hover):hover .wgl-portfolio-item_description, .inside_image.zoom_in_animation.visibility_until_hover:not(:hover) .overlay, .inside_image.zoom_in_animation.visibility_until_hover:not(:hover) .wgl-portfolio-item_description, .inside_image.zoom_in_animation.visibility_always_visible.wgl-portfolio-item_wrapper .overlay, .inside_image.zoom_in_animation.visibility_always_visible.wgl-portfolio-item_wrapper .wgl-portfolio-item_description { transform: scale(1); } .inside_image.outline_animation .overlay:before { content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; transition: 0.5s; border-radius: calc(var(--portfolio-border-radius) - 2px); box-shadow: inset 0 0 0 0 currentColor; } .inside_image.outline_animation:not(.visibility_until_hover):hover .overlay:before, .inside_image.outline_animation.visibility_until_hover:not(:hover) .overlay:before, .inside_image.outline_animation.visibility_always_visible.wgl-portfolio-item_wrapper .overlay:before { box-shadow: inset 0 0 0 10px currentColor; } .inside_image.offset_animation { z-index: 1; } .inside_image.offset_animation:before { content: ""; background-image: var(--cleenday-bg-marker-3); background-repeat: no-repeat; background-position: left bottom; position: absolute; z-index: 1; width: calc(100% - 30px); max-width: 300px; height: 109px; left: 0; bottom: 0; transition: 0.5s; box-sizing: border-box; border-radius: var(--portfolio-border-radius); transform: rotate(0) translate3d(20px, -20px, 0); transform-origin: left center; pointer-events: none; } .inside_image.offset_animation .wgl-portfolio-item_offset { position: relative; z-index: 1; transition: 0.5s; border-radius: var(--portfolio-border-radius); overflow: hidden; } .inside_image.offset_animation .wgl-portfolio-item_image { transition: 0.5s; } .inside_image.offset_animation:not(.visibility_until_hover):hover, .inside_image.offset_animation.visibility_until_hover:not(:hover), .inside_image.offset_animation.visibility_always_visible.wgl-portfolio-item_wrapper { z-index: 2; } .inside_image.offset_animation:not(.visibility_until_hover):hover:before, .inside_image.offset_animation.visibility_until_hover:not(:hover):before, .inside_image.offset_animation.visibility_always_visible.wgl-portfolio-item_wrapper:before { transform: rotate(-3.5deg) translate3d(0, 0, 0); } .inside_image.offset_animation:not(.visibility_until_hover):hover .wgl-portfolio-item_offset, .inside_image.offset_animation.visibility_until_hover:not(:hover) .wgl-portfolio-item_offset, .inside_image.offset_animation.visibility_always_visible.wgl-portfolio-item_wrapper .wgl-portfolio-item_offset { transform: translate3d(20px, -20px, 0); } .inside_image.sub_layer_animation .wgl-portfolio-item_description { width: 100%; height: auto; left: 0; bottom: 0; top: initial; align-items: flex-start; padding: 47px 52px 47px; transform: translateY(-10px); text-align: left; background: #ffffff; word-break: break-word; border-radius: 0 0 var(--portfolio-border-radius) var(--portfolio-border-radius); } .inside_image.sub_layer_animation .wgl-portfolio-item_icon { margin-top: 28px; } .inside_image.simple_animation .post_cats a { color: #ffffff; } .inside_image.simple_animation .portfolio__description > div, .inside_image.simple_animation .portfolio__description > span, .inside_image.simple_animation .portfolio__description > a { transition: 0.5s; opacity: 0; transform: translateY(40px); } .inside_image.simple_animation .portfolio__description > div:nth-child(2), .inside_image.simple_animation .portfolio__description > span:nth-child(2), .inside_image.simple_animation .portfolio__description > a:nth-child(2) { transition: 0.7s; } .inside_image.simple_animation .portfolio__description > div:nth-child(3), .inside_image.simple_animation .portfolio__description > span:nth-child(3), .inside_image.simple_animation .portfolio__description > a:nth-child(3) { transition: 0.9s; } .inside_image.simple_animation .portfolio__description > div:nth-child(4), .inside_image.simple_animation .portfolio__description > span:nth-child(4), .inside_image.simple_animation .portfolio__description > a:nth-child(4) { transition: 1.1s; } .inside_image.simple_animation:not(.visibility_until_hover):hover .portfolio__see-more, .inside_image.simple_animation.visibility_until_hover:not(:hover) .portfolio__see-more, .inside_image.simple_animation.visibility_always_visible.wgl-portfolio-item_wrapper .portfolio__see-more { margin-top: 52px; } .inside_image.simple_animation:not(.visibility_until_hover):hover .portfolio__see-more > :first-child + :after, .inside_image.simple_animation.visibility_until_hover:not(:hover) .portfolio__see-more > :first-child + :after, .inside_image.simple_animation.visibility_always_visible.wgl-portfolio-item_wrapper .portfolio__see-more > :first-child + :after { transform: scale(1); } .inside_image.simple_animation:not(.visibility_until_hover):hover .portfolio__see-more > :first-child:hover + :before, .inside_image.simple_animation.visibility_until_hover:not(:hover) .portfolio__see-more > :first-child:hover + :before, .inside_image.simple_animation.visibility_always_visible.wgl-portfolio-item_wrapper .portfolio__see-more > :first-child:hover + :before { transform: rotate(1turn); transition: 0.4s, transform 0.4s; } .inside_image.simple_animation:not(.visibility_until_hover):hover .portfolio__description > div, .inside_image.simple_animation:not(.visibility_until_hover):hover .portfolio__description > span, .inside_image.simple_animation:not(.visibility_until_hover):hover .portfolio__description > a, .inside_image.simple_animation.visibility_until_hover:not(:hover) .portfolio__description > div, .inside_image.simple_animation.visibility_until_hover:not(:hover) .portfolio__description > span, .inside_image.simple_animation.visibility_until_hover:not(:hover) .portfolio__description > a, .inside_image.simple_animation.visibility_always_visible.wgl-portfolio-item_wrapper .portfolio__description > div, .inside_image.simple_animation.visibility_always_visible.wgl-portfolio-item_wrapper .portfolio__description > span, .inside_image.simple_animation.visibility_always_visible.wgl-portfolio-item_wrapper .portfolio__description > a { opacity: 1; transform: translateY(0); } .inside_image.visibility_hybrid .wgl-portfolio-item_description, .inside_image.visibility_hybrid .overlay, .inside_image.visibility_hybrid .portfolio_link, .inside_image:not(.visibility_until_hover):hover .wgl-portfolio-item_description, .inside_image:not(.visibility_until_hover):hover .overlay, .inside_image:not(.visibility_until_hover):hover .portfolio_link, .inside_image.visibility_until_hover:not(:hover) .wgl-portfolio-item_description, .inside_image.visibility_until_hover:not(:hover) .overlay, .inside_image.visibility_until_hover:not(:hover) .portfolio_link, .inside_image.visibility_always_visible.wgl-portfolio-item_wrapper .wgl-portfolio-item_description, .inside_image.visibility_always_visible.wgl-portfolio-item_wrapper .overlay, .inside_image.visibility_always_visible.wgl-portfolio-item_wrapper .portfolio_link { opacity: 1; } .inside_image.sub_layer_animation:not(.visibility_until_hover):hover .wgl-portfolio-item_description, .inside_image.sub_layer_animation.visibility_until_hover:not(:hover) .wgl-portfolio-item_description, .inside_image.sub_layer_animation.visibility_always_visible.wgl-portfolio-item_wrapper .wgl-portfolio-item_description { transform: translateY(0); } .inside_image .portfolio-item__title .title { font-size: 30px; } .inside_image .portfolio-item__title .title span, .inside_image .portfolio-item__title .title a { transition: 0.4s; } .inside_image .portfolio-item__title .title span:not(:hover), .inside_image .portfolio-item__title .title a:not(:hover) { color: #ffffff; } .wgl-portfolio_container.appear-animation .item .wgl-portfolio-item_wrapper { opacity: 0; } .wgl-portfolio_container.appear-animation.anim-fade-in .animate .wgl-portfolio-item_wrapper { animation: fade_in 0.9s ease forwards; } .wgl-portfolio_container.appear-animation.anim-slide-top .animate .wgl-portfolio-item_wrapper { animation: slide_top 0.5s ease forwards; transform: translateY(50px); } .wgl-portfolio_container.appear-animation.anim-slide-bottom .animate .wgl-portfolio-item_wrapper { animation: slide_bottom 0.5s ease forwards; transform: translateY(-50px); } .wgl-portfolio_container.appear-animation.anim-slide-left .animate .wgl-portfolio-item_wrapper { animation: slide_left 0.5s ease forwards; transform: translateX(50px); } .wgl-portfolio_container.appear-animation.anim-slide-right .animate .wgl-portfolio-item_wrapper { animation: slide_right 0.5s ease forwards; transform: translateX(-50px); } .wgl-portfolio_container.appear-animation.anim-zoom .animate .wgl-portfolio-item_wrapper { animation: zoom_in 0.5s ease forwards; transform: scale(0.5); } .wgl-portfolio_container.col-5 .item { width: 20%; } .wgl-portfolio_container.col-4 .item { width: 25%; } .wgl-portfolio_container.col-3 .item { width: 33.3333%; } .wgl-portfolio_container.col-2 .item { width: 50%; } .wgl-portfolio_container.col-1 .item { width: 100%; } .wgl-portfolio_container .wgl-carousel_wrapper .wgl-carousel { margin-left: 0; margin-right: 0; } .wgl-portfolio_container .wgl-carousel.arrows_center_mode .slick-prev, .wgl-portfolio_container .wgl-carousel.arrows_center_mode .slick-next { width: 70px; height: 70px; top: initial; bottom: 0; left: 50%; right: initial; background: transparent; transition: 0s; } .wgl-portfolio_container .wgl-carousel.arrows_center_mode .slick-prev:after, .wgl-portfolio_container .wgl-carousel.arrows_center_mode .slick-next:after { line-height: 70px; transition: 0.4s; } .wgl-portfolio_container .wgl-carousel.arrows_center_mode .slick-prev:before, .wgl-portfolio_container .wgl-carousel.arrows_center_mode .slick-next:before { content: ""; position: absolute; z-index: -1; left: 0; top: 20px; width: 1px; height: 30px; background: #dedede; } .wgl-portfolio_container .wgl-carousel.arrows_center_mode .slick-prev { transform: translate(-70px, 0); } .wgl-portfolio_container .wgl-carousel.arrows_center_mode .slick-prev:before { top: 0; width: 140px; height: 70px; border-radius: 0; background: #ffffff; box-shadow: 6px 5px 30px rgba(0, 0, 0, 0.12); } .wgl-portfolio_container .wgl-carousel.arrows_center_mode .slick-next { transform: translate(0, 0); } .wgl-portfolio_container .wgl-carousel.arrows_center_mode .slick-next:before { top: 20px; width: 1px; height: 30px; background: #dedede; } .wgl-portfolio_container .wgl-carousel.center_info .slick-current .wgl-portfolio-item_description, .wgl-portfolio_container .wgl-carousel.center_info .slick-current .overlay, .wgl-portfolio_container .wgl-carousel.center_info .slick-current .portfolio_link { opacity: 1; } .wgl-portfolio_container .wgl-carousel.center_info .slick-current .portfolio-item__title, .wgl-portfolio_container .wgl-carousel.center_info .slick-current .portfolio__item-meta { opacity: 1; transform: translateY(0); } .wgl-portfolio_container .wgl-carousel .wgl-portfolio-list_item.slick-slide { margin-left: 0; margin-right: 0; } .wgl-portfolio_container .wgl-carousel .wgl-portfolio-item_image, .wgl-portfolio_container .wgl-carousel .overlay { border-radius: var(--portfolio-border-radius); } .wgl-portfolio_container .wgl-carousel .wgl-carousel_slick { padding-bottom: 5px; margin-bottom: 30px; } .wgl-portfolio_container .wgl-carousel .wgl-portfolio-list_item { width: 770px; } .wgl-portfolio_container .wgl-carousel .slick-slider { margin: -20px -10px 0; } .wgl-portfolio_container .wgl-carousel .slick-list { padding: 20px 10px 0; } @keyframes fade_in { 100% { opacity: 1; } } @keyframes slide_top { 100% { opacity: 1; transform: translateY(0); } } @keyframes slide_bottom { 100% { opacity: 1; transform: translateY(0); } } @keyframes slide_left { 100% { opacity: 1; transform: translateX(0); } } @keyframes slide_right { 100% { opacity: 1; transform: translateX(0); } } @keyframes zoom_in { 100% { opacity: 1; transform: scale(1); } } .wgl-portfolio-single_wrapper { margin-top: 10px; } .wgl-portfolio-single_wrapper .portfolio-item__meta-wrap { margin-bottom: 22px; } .wgl-portfolio-single_wrapper .portfolio-item__meta-wrap:empty { display: none; } .wgl-portfolio-single_wrapper .portfolio-item__title { margin-bottom: 48px; font-size: 42px; line-height: 1.32; word-wrap: break-word; overflow-wrap: break-word; } @media (max-width: 600px) { .wgl-portfolio-single_wrapper .portfolio-item__title { font-size: 32px; } } .wgl-portfolio-single_wrapper .post_info-divider { margin-bottom: 40px; } .wgl-portfolio-single_item { margin-bottom: 30px; } .wgl-portfolio-single_item .wgl-portfolio-item_image { border-radius: var(--portfolio-border-radius); line-height: 0; overflow: hidden; } .wgl-portfolio-single_item .wgl-portfolio-item_image img { border-radius: var(--portfolio-border-radius); } .wgl-portfolio-single_item .wgl-portfolio-item_image:first-child { margin-top: 0; margin-bottom: 40px; } .wgl-portfolio-single_item .wgl-portfolio-item_image:last-child { margin-top: 40px; margin-bottom: 42px; } .wgl-portfolio-single_item .wgl-portfolio-item_image + .meta-data { margin-top: -16px; } .wgl-portfolio-single_item .meta-data { margin-bottom: 8px; } .single_portfolio .related_portfolio { margin-top: 93px; margin-bottom: 35px; } .single_portfolio .related_portfolio .wgl-carousel { margin: 0; } .single_portfolio .related_portfolio .cleenday_module_title { margin-bottom: 43px; } .single_portfolio .related_portfolio .cleenday_module_title h3, .single_portfolio .related_portfolio .cleenday_module_title h4 { font-size: 36px; } .single_portfolio .related_portfolio .wgl-portfolio_container .wgl-carousel .wgl-portfolio-list_item.wgl_col-6 { width: 600px; } .single_portfolio .related_portfolio .wgl-portfolio_container .wgl-carousel .wgl-portfolio-list_item.wgl_col-4 { width: 400px; } .single_portfolio .related_portfolio .wgl-portfolio_container .wgl-carousel .wgl-portfolio-list_item.wgl_col-3 { width: 300px; } .single_portfolio #comments { margin-top: 38px; } .single_portfolio #comments .comment-respond { margin-bottom: 70px; } .wgl-portfolio__item-info { margin-top: 30px; border-radius: var(--portfolio-border-radius); padding: 33px 0 31px; margin-bottom: 43px; box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; } .wgl-portfolio__item-info:before { content: ""; background-image: var(--cleenday-bg-marker-1); background-repeat: no-repeat; background-position: left bottom; position: absolute; width: 442px; height: 112px; left: -117px; bottom: -90px; transform: rotate(2deg); } .wgl-portfolio__item-info:after { content: ""; background-image: var(--cleenday-bg-marker-1); background-repeat: no-repeat; background-position: left bottom; position: absolute; width: 361px; height: 113px; bottom: -30px; right: -323px; transform: rotate(181deg); } .wgl-portfolio__item-info .portfolio__custom-annotation:after { content: ""; clear: both; display: block; } .wgl-portfolio__item-info .portfolio__custom-desc p { margin-bottom: 0; } .wgl-portfolio__item-info .portfolio__custom-meta { float: left; width: 25%; padding: 0 4.5%; } @media (max-width: 1199px) { .wgl-portfolio__item-info .portfolio__custom-meta { padding: 0 2% 0 6.5%; } } @media (max-width: 992px) { .wgl-portfolio__item-info .portfolio__custom-meta { width: 50%; } .wgl-portfolio__item-info .portfolio__custom-meta:not(:nth-last-child(-n+2)) { margin-bottom: 25px; } } @media (max-width: 600px) { .wgl-portfolio__item-info .portfolio__custom-meta { padding: 0 5% 0 13%; width: 100%; } .wgl-portfolio__item-info .portfolio__custom-meta:not(:last-child) { margin-bottom: 25px; } } .wgl-portfolio__item-info .portfolio__custom-meta:nth-child(4n+1) { clear: both; } .wgl-portfolio__item-info .portfolio__custom-meta h5 { position: relative; font-size: 14px; line-height: 30px; font-weight: 600; text-transform: uppercase; } .wgl-portfolio__item-info .portfolio__custom-meta h5:before { content: ""; position: absolute; display: block; top: 3px; left: -15px; width: 4px; height: 20px; border-radius: 4px; } .wgl-portfolio__item-info .portfolio__custom-meta span { font-size: 16px; line-height: 30px; } .post-type-archive-portfolio .wgl-portfolio .wgl-portfolio_wrapper { padding-bottom: 50px; } .portfolio_archive-cat { margin-bottom: 20px; text-align: center; } .portfolio_archive-cat_title { margin-bottom: 45px; text-transform: capitalize; } .portfolio_archive-cat + .wgl_cpt_section { margin-bottom: 50px; } .archive .wgl_portfolio_list { margin-bottom: 30px; } .wgl-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; } .wgl-ellipsis span { position: absolute; top: 27px; width: 11px; height: 11px; background: #ffffff; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .wgl-ellipsis span:nth-child(1) { left: 6px; animation: wgl-ellipsis1 0.6s infinite; } .wgl-ellipsis span:nth-child(2) { left: 6px; animation: wgl-ellipsis2 0.6s infinite; } .wgl-ellipsis span:nth-child(3) { left: 26px; animation: wgl-ellipsis2 0.6s infinite; } .wgl-ellipsis span:nth-child(4) { left: 45px; animation: wgl-ellipsis3 0.6s infinite; } @keyframes wgl-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes wgl-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } @keyframes wgl-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } /* ==================== ##Pricing Table ==================== */ .elementor-widget-wgl-pricing-table .wgl-pricing_plan { position: relative; z-index: 1; max-width: 400px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan.hover-animation { padding-top: 20px; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan.hover-animation .pricing_plan_wrap { transform: translateY(0); } .elementor-widget-wgl-pricing-table .wgl-pricing_plan.hover-animation:hover .pricing_plan_wrap { transform: translateY(-20px); } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_plan_wrap { background-size: cover; background-position: center; background-color: #ffffff; box-shadow: 0 8px 30px 0 rgba(34, 35, 40, 0.1); transition: 0.5s; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_header { position: relative; z-index: 1; border-top-left-radius: inherit; border-top-right-radius: inherit; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_title_wrapper { display: inline-block; position: relative; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_title { font-size: 14px; line-height: 1.4; font-weight: 600; letter-spacing: 0.025em; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_title__shadow { position: absolute; z-index: -1; bottom: 0.04em; font-size: 2.4em; line-height: 1; opacity: 0.5; white-space: nowrap; } @supports (-webkit-text-stroke-width: 1px) { .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_title__shadow { opacity: 1; color: transparent !important; -webkit-text-stroke-width: 1px; } } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_highlighter { position: absolute; z-index: 1; top: 33px; right: 0; font-size: 16px; font-weight: 600; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_highlighter-icon { width: 34px; height: 34px; line-height: 34px; border-radius: 50%; display: inline-block; color: #ffffff; margin-right: 13px; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_highlighter-icon:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; line-height: 1; font-weight: 600; font-size: 15px; display: inline-block; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_price_wrap { font-size: 48px; font-weight: 600; line-height: 0.01; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_price { display: inline-block; position: relative; z-index: 1; font-family: inherit; font-size: inherit; line-height: 0.95; font-weight: inherit; color: inherit; vertical-align: baseline; text-decoration: inherit; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_price .price_decimal { position: absolute; z-index: 1; top: 4px; left: 101%; padding-left: 0.15em; vertical-align: top; font-family: inherit; font-size: 0.45em; font-weight: inherit; color: inherit; text-decoration: inherit; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_period { display: block; font-size: 18px; line-height: 1.3; font-weight: 400; margin-top: 10px; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_content { font-weight: 500; text-align: left; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_content p { margin-bottom: 14px; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_content ul { padding-bottom: 19px; word-break: break-word; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_content ul:last-child { padding-bottom: 0; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_content ul li { margin-bottom: 8px; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_content ul li[style*=color]:before { color: inherit; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_content ul li i { margin-right: 10px; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_desc { font-size: 14px; padding: 17px 0; } .elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing_footer { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; font-size: 14px; line-height: 1.4; font-weight: 400; text-align: center; } .elementor-widget-wgl-pricing-table.aleft .pricing_content ul { align-items: flex-start; } .elementor-widget-wgl-pricing-table.acenter .pricing_content ul { align-items: center; margin-left: 0; padding-left: 0; } .elementor-widget-wgl-pricing-table.aright .pricing_content ul { align-items: flex-end; } /* ==================== ##Progress Bar ==================== */ .wgl-progress_bar .progress_wrap { display: block; border-radius: unset; transition: width 1.5s; } .wgl-progress_bar .progress_label_wrap { display: flex; justify-content: space-between; align-items: center; position: relative; line-height: 1; white-space: nowrap; transition: inherit; font-size: 14px; font-weight: 600; letter-spacing: 0.025em; } .wgl-progress_bar .progress_bar_wrap { display: block; position: relative; z-index: 0; width: 100%; border-radius: 3px; transition: inherit; } .wgl-progress_bar .progress_bar { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; width: 0; margin: auto 0; height: inherit; border-radius: 3px; transition: inherit; } .wgl-progress_bar .progress_value_wrap { position: relative; z-index: 0; margin-left: 5px; padding-top: 1px; letter-spacing: 0.01em; } .wgl-progress_bar .progress_bar_wrap-wrap { transition: inherit; } .wgl-progress_bar.dynamic-value .progress_label_wrap { width: 0; } /* ==================== ##Satellite Service ==================== */ .wgl-service-sat .wgl-services_wrap { transition: 0.4s; } .wgl-service-sat .wgl-services_media-wrap { position: relative; z-index: 1; width: 110px; height: 110px; line-height: 110px; font-size: 45px; display: inline-block; border: 1px dashed CurrentColor; box-sizing: content-box; border-radius: 50%; text-align: center; transition: 0.4s; } .wgl-service-sat .wgl-services_title { font-size: 24px; line-height: 1.4; transition: 0.4s; } .wgl-service-sat .wgl-services_circle-wrapper { position: absolute; z-index: -1; width: 78px; height: 78px; left: 16px; top: 16px; } .wgl-service-sat .wgl-services_circle-wrapper:nth-child(1) { transform: rotate(0deg); animation: service_hexagon_1 2s infinite linear; animation-play-state: paused; } .wgl-service-sat .wgl-services_circle-wrapper:nth-child(2) { transform: rotate(180deg); animation: service_hexagon_2 2s infinite linear; animation-play-state: paused; } .wgl-service-sat .wgl-services_circle { width: 8px; height: 8px; border-radius: 50%; background: red; transform: translate3d(-50%, -50%, 0); } .wgl-service-sat .wgl-services_readmore { display: inline-block; } .wgl-service-sat .wgl-services_item-link { position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; } .wgl-service-sat .elementor-icon { display: block; line-height: inherit; font-size: inherit; } .wgl-service-sat .elementor-icon i { display: inline; } .wgl-service-sat .wgl-widget_wrapper.elementor-image-box-img { height: 100%; line-height: 1; display: flex; align-items: center; justify-content: center; } .wgl-service-sat .wgl-image-box_img > span { display: flex; } .wgl-service-sat:hover .wgl-services_circle-wrapper:nth-child(1), .wgl-service-sat:hover .wgl-services_circle-wrapper:nth-child(2) { animation-play-state: running; } @keyframes service_hexagon_1 { 0% { transform: rotate(90deg); } 100% { transform: rotate(450deg); } } @keyframes service_hexagon_2 { 0% { transform: rotate(-90deg); } 100% { transform: rotate(270deg); } } /* ==================== ##Service 1 ==================== */ .elementor-widget-wgl-service-box .elementor-widget-container { position: relative; overflow: hidden; } .elementor-widget-wgl-service-box .wgl-service-box_link { position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; } .elementor-widget-wgl-service-box.animation_toggling .wgl-service-box_description { opacity: 0; transition: 0.4s; } .elementor-widget-wgl-service-box.animation_toggling:hover .wgl-service-box_content { transform: translateY(0) !important; } .elementor-widget-wgl-service-box.animation_toggling:hover .wgl-service-box_subtitle { opacity: 0; } .elementor-widget-wgl-service-box.animation_toggling:hover .wgl-service-box .wgl-service-box_description { opacity: 1; transition: 0.4s 0.2s; } .elementor-widget-wgl-service-box.animation_scaling .elementor-widget-container { transition: transform 0.6s, background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } .elementor-widget-wgl-service-box.animation_scaling .wgl-service-box:after, .elementor-widget-wgl-service-box.animation_scaling .wgl-service-box_content-wrap, .elementor-widget-wgl-service-box.animation_scaling .wgl-service-box_button-wrapper { transition: transform 0.6s; } .elementor-widget-wgl-service-box.animation_scaling .wgl-service-box_title { font-size: 30px; } .elementor-widget-wgl-service-box:hover .wgl-service-box_background:before { opacity: 0; } .elementor-widget-wgl-service-box:hover .wgl-service-box_background:after { opacity: 1; } .wgl-service-box { position: relative; z-index: 1; transition: all 0.4s; } .wgl-service-box_background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: 1; display: block; transition: all 0.4s; opacity: 1; will-change: transform; } .wgl-service-box_background:before, .wgl-service-box_background:after { content: ""; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; transition: 0.4s; } .wgl-service-box_background:after { opacity: 0; } .wgl-service-box .wgl-service-box_content-wrap { position: relative; overflow: hidden; z-index: 2; } .wgl-service-box .wgl-service-box_title { font-size: 24px; line-height: 1.25; transition: color 0.3s, font-size 0.3s; } .wgl-service-box .wgl-service-box_subtitle { font-size: 14px; font-weight: 600; } .wgl-service-box .wgl-service-box_button { display: inline-block; transition: 0.4s; position: relative; font-size: 13px; font-weight: 600; letter-spacing: 0.025em; z-index: 2; } .wgl-service-box .wgl-service-box_button span { transition: inherit; } .wgl-service-box .wgl-service-box_button i { font-weight: 600; transition: inherit; } .wgl-service-box .wgl-image-box_img { display: inline-block; } /* ==================== ## WGL Tabs ==================== */ .wgl-tabs { display: flex; flex-direction: column; align-items: flex-start; width: 100%; } .wgl-tabs_headings { display: inline-flex; align-items: stretch; flex-wrap: wrap; flex-direction: row; position: relative; overflow: hidden; } .wgl-tabs_header { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; position: relative; text-align: center; cursor: pointer; font-size: 13px; font-weight: 600; line-height: 30px; letter-spacing: 0.025em; transition: 0.4s; } .wgl-tabs_header:first-child .tab_title { margin-left: 0 !important; } .wgl-tabs_header:last-child .tab_title { margin-right: 0 !important; } .wgl-tabs_header:after { content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 4px; border-radius: 4px 4px 0 0; transition: 0.4s; } .wgl-tabs_content { display: block; } .wgl-tabs_content > .elementor { margin: 10px; } .wgl-tabs_icon { line-height: 1; color: inherit; transition: 0.4s; } .wgl-tabs_icon svg { width: 1em; height: 1em; fill: currentColor; transition: inherit; } .wgl-tabs .tab_title { font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; white-space: nowrap; transition: all 0.4s, color 0s; } /*==================== ##Team ==================== */ .wgl_module_team { position: relative; z-index: 1; } .wgl_module_team .team-item { float: left; padding: 20px 15px 10px 15px; } .wgl_module_team .team-item_wrap { position: relative; z-index: 1; background: #ffffff; transition: 0.4s; } .wgl_module_team .team__media-wrapper { padding-bottom: 25px; } .wgl_module_team .team__image-wrapper { position: relative; } .wgl_module_team .team__image-wrapper .team__icons { position: absolute; right: 20px; bottom: 42px; left: 20px; z-index: 1; } .wgl_module_team .team__image-wrapper .team__icons .team-icon { z-index: 3; color: #ffffff; background-color: rgba(255, 255, 255, 0.3); transform: translateY(30px); } .wgl_module_team .team__image-wrapper .team__icons .team-icon:first-child { display: none; font-size: 12px; transform: rotate(45deg); } .wgl_module_team .team__image-wrapper .team__icons .team-icon:not(:first-child) { opacity: 0; } .wgl_module_team .team__image-wrapper .team__icons .team-icon:nth-last-child(1) { transition: all 0.4s 0.15s, opacity 0.3s 0.15s, transform 0.4s 0.15s; } .wgl_module_team .team__image-wrapper .team__icons .team-icon:nth-last-child(2) { transition: all 0.4s 0.2s, opacity 0.3s 0.2s, transform 0.4s 0.2s; } .wgl_module_team .team__image-wrapper .team__icons .team-icon:nth-last-child(3) { transition: all 0.4s 0.25s, opacity 0.3s 0.25s, transform 0.4s 0.25s; } .wgl_module_team .team__image-wrapper .team__icons .team-icon:nth-last-child(4) { transition: all 0.4s 0.3s, opacity 0.3s 0.3s, transform 0.4s 0.3s; } .wgl_module_team .team__image-wrapper .team__icons .team-icon:nth-last-child(5) { transition: all 0.4s 0.35s, opacity 0.3s 0.35s, transform 0.4s 0.35s; } .wgl_module_team .team__image-wrapper .team__icons .team-icon:nth-last-child(6) { transition: all 0.4s 0.4s, opacity 0.3s 0.4s, transform 0.4s 0.4s; } .wgl_module_team .team__image-wrapper .team__icons .team-icon:nth-last-child(7) { transition: all 0.4s 0.45s, opacity 0.3s 0.45s, transform 0.4s 0.45s; } .wgl_module_team .team__image-wrapper:before { content: ""; background-image: var(--cleenday-bg-marker-3); background-repeat: no-repeat; background-position: left bottom; position: absolute; z-index: -1; width: calc(100% - 30px); max-width: 299px; height: 116px; left: 0; bottom: 0; box-sizing: border-box; border-radius: 12px; transform: rotate(0) translate(20px, -20px); transform-origin: left center; pointer-events: none; transition: 0.4s 0.3s; } .wgl_module_team .team__image { display: block; position: relative; transition: all 0.4s 0.3s; } .wgl_module_team .team__image img { display: block; } .wgl_module_team .team__image, .wgl_module_team .team__image img, .wgl_module_team .team__image:before, .wgl_module_team .team__image:after { border-radius: 12px; } .wgl_module_team .team__image:before, .wgl_module_team .team__image:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: 0.4s 0.3s; } .wgl_module_team .team__image:after { opacity: 0; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 10%, rgba(0, 0, 0, 0) 40%); } .wgl_module_team .team-item_info { transition: 0.4s; } .wgl_module_team .team-title { padding-bottom: 8px; font-size: 24px; line-height: 1.25; letter-spacing: 0.01em; } .wgl_module_team .team-title:only-child { margin-bottom: 25px; } .wgl_module_team .team-title a { font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; transition: 0.3s; } .wgl_module_team .team-department { transition: inherit; font-size: 14px; font-weight: 600; margin-bottom: 11px; } .wgl_module_team .team-item_excerpt { margin: 17px 0 5px; line-height: 1.7; transition: 0.4s; scrollbar-width: none; -ms-overflow-style: none; } .wgl_module_team .team-item_excerpt::-webkit-scrollbar { display: none; } .wgl_module_team .team__icons { transition: 0.4s; } .wgl_module_team .team-icon { width: 36px; height: 36px; margin: 5px; border-radius: 50%; font-size: 14px; line-height: 36px; text-align: center; color: #ffffff; } .wgl_module_team .team-item_wrap:hover .team__image-wrapper:before { transform: rotate(-4deg) translate(0, 13px); transition: transform 0.4s; } .wgl_module_team .team-item_wrap:hover .team__image { transform: scale(0.918); transition: 0.4s; } @media (min-width: 992px) { .wgl_module_team .team-item_wrap:hover .team__image-wrapper .team__icons .team-icon { opacity: 1; transform: translateY(0); } .wgl_module_team .team-item_wrap:hover .team__image-wrapper .team__icons .team-icon:nth-child(1) { transition: all 0.4s, opacity 0.3s -0.05s, transform 0.3s -0.05s; } .wgl_module_team .team-item_wrap:hover .team__image-wrapper .team__icons .team-icon:nth-child(2) { transition: all 0.4s, opacity 0.3s 0s, transform 0.3s 0s; } .wgl_module_team .team-item_wrap:hover .team__image-wrapper .team__icons .team-icon:nth-child(3) { transition: all 0.4s, opacity 0.3s 0.05s, transform 0.3s 0.05s; } .wgl_module_team .team-item_wrap:hover .team__image-wrapper .team__icons .team-icon:nth-child(4) { transition: all 0.4s, opacity 0.3s 0.1s, transform 0.3s 0.1s; } .wgl_module_team .team-item_wrap:hover .team__image-wrapper .team__icons .team-icon:nth-child(5) { transition: all 0.4s, opacity 0.3s 0.15s, transform 0.3s 0.15s; } .wgl_module_team .team-item_wrap:hover .team__image-wrapper .team__icons .team-icon:nth-child(6) { transition: all 0.4s, opacity 0.3s 0.2s, transform 0.3s 0.2s; } .wgl_module_team .team-item_wrap:hover .team__image-wrapper .team__icons .team-icon:nth-child(7) { transition: all 0.4s, opacity 0.3s 0.25s, transform 0.3s 0.25s; } .wgl_module_team .team-item_wrap:hover .team__image:before { opacity: 0; transition: 0.4s; } .wgl_module_team .team-item_wrap:hover .team__image:after { opacity: 1; transition: 0.4s; } } @media (max-width: 991px) { .wgl_module_team .team-item_wrap .team__image-wrapper .team__icons .team-icon { opacity: 1; transform: translateY(0); } .wgl_module_team .team-item_wrap .team__image-wrapper .team__icons .team-icon:nth-child(1) { transition: all 0.4s, opacity 0.3s -0.05s, transform 0.3s -0.05s; } .wgl_module_team .team-item_wrap .team__image-wrapper .team__icons .team-icon:nth-child(2) { transition: all 0.4s, opacity 0.3s 0s, transform 0.3s 0s; } .wgl_module_team .team-item_wrap .team__image-wrapper .team__icons .team-icon:nth-child(3) { transition: all 0.4s, opacity 0.3s 0.05s, transform 0.3s 0.05s; } .wgl_module_team .team-item_wrap .team__image-wrapper .team__icons .team-icon:nth-child(4) { transition: all 0.4s, opacity 0.3s 0.1s, transform 0.3s 0.1s; } .wgl_module_team .team-item_wrap .team__image-wrapper .team__icons .team-icon:nth-child(5) { transition: all 0.4s, opacity 0.3s 0.15s, transform 0.3s 0.15s; } .wgl_module_team .team-item_wrap .team__image-wrapper .team__icons .team-icon:nth-child(6) { transition: all 0.4s, opacity 0.3s 0.2s, transform 0.3s 0.2s; } .wgl_module_team .team-item_wrap .team__image-wrapper .team__icons .team-icon:nth-child(7) { transition: all 0.4s, opacity 0.3s 0.25s, transform 0.3s 0.25s; } .wgl_module_team .team-item_wrap .team__image:before { opacity: 0; transition: 0.4s; } .wgl_module_team .team-item_wrap .team__image:after { opacity: 1; transition: 0.4s; } } .wgl_module_team.team-col_1 .team-item { width: 100%; } .wgl_module_team.team-col_2 .team-item { width: 50%; } .wgl_module_team.team-col_2 .team-item:nth-child(2n+1) { clear: left; } .wgl_module_team.team-col_3 .team-item { width: 33.3333333%; } .wgl_module_team.team-col_3 .team-item:nth-child(3n+1) { clear: left; } .wgl_module_team.team-col_4 .team-item { width: 25%; } .wgl_module_team.team-col_4 .team-item:nth-child(4n+1) { clear: left; } .wgl_module_team.team-col_5 .team-item { width: 20%; } .wgl_module_team.team-col_5 .team-item:nth-child(5n+1) { clear: left; } .wgl_module_team.team-col_6 .team-item { width: 16.6666666%; } .wgl_module_team.team-col_6 .team-item:nth-child(6n+1) { clear: left; } .wgl_module_team .wgl-carousel .slick-slider { margin: 0; } .wgl_module_team .wgl-carousel .slick-slider, .wgl_module_team .wgl-carousel .slick-slider .slick-list { text-align: inherit; } .wgl_module_team .wgl-carousel .team-item.slick-slide:not(:first-child) { clear: none; } .wgl_module_team:after { content: ""; display: block; clear: both; } .socials-official-idle .team-icon { color: #ffffff; background-color: rgba(0, 0, 0, 0.2); } .socials-official-hover .team-icon:hover { color: #ffffff; background-color: #a3abac; } .single-team .page-header { margin-bottom: 0 !important; } .single-team .single_team_page .team-single_wrapper { display: flex; align-items: flex-start; position: relative; z-index: 1; margin-top: 60px; margin-bottom: 50px; border-radius: 12px; padding: 50px 100px 20px 50px; box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; background-repeat: no-repeat; background-position: bottom right; } @media (max-width: 1199px) { .single-team .single_team_page .team-single_wrapper[style^="background-image: url"] { background-size: contain; } } @media (max-width: 991px) { .single-team .single_team_page .team-single_wrapper[style^="background-image: url"] { background-image: none !important; } } .single-team .single_team_page .team-image_wrap { margin-right: 80px; position: relative; z-index: 1; border-radius: 12px; padding-bottom: 30px; } @media (max-width: 1199px) { .single-team .single_team_page .team-image_wrap { margin-right: 60px; } } @media (min-width: 992px) { .single-team .single_team_page .team-image_wrap { width: 370px; min-width: 370px; } } .single-team .single_team_page .team__image img { border-radius: 12px; display: block; } .single-team .single_team_page .author_overlay_image { display: inline-block; position: absolute; top: 0; left: 0; right: 0; margin: auto; text-align: center; transform: translateY(-50%); pointer-events: none; } .single-team .single_team_page .team-info_wrapper { display: flex; flex-direction: column; flex-grow: 1; padding-bottom: 30px; } .single-team .single_team_page .team-info_title_wrap { position: relative; padding: 21px 0 24px 0; margin: 0; } .single-team .single_team_page .team-title { position: relative; z-index: 1; font-size: 36px; line-height: 1.1; } .single-team .single_team_page .description { margin-bottom: 27px; } .single-team .single_team_page .team-info_item { margin-bottom: 10px; font-size: 16px; line-height: 1.7; } .single-team .single_team_page .team-info_item.department { margin-top: 11px; margin-bottom: 0; font-size: 14px; font-weight: 600; line-height: 1.5; letter-spacing: 0.025em; } .single-team .single_team_page .team-info_item:first-child { margin-top: 0; } .single-team .single_team_page .team-info_item h5, .single-team .single_team_page .team-info_item span { display: inline; font-size: inherit; line-height: inherit; } .single-team .single_team_page .team-info_item h5 { margin-right: 0.5em; font-weight: 600; } .single-team .single_team_page .team-info_item a { color: inherit; } .single-team .single_team_page .team__icons { margin-top: 32px; line-height: 1; } .single-team .single_team_page .team__icons .team-icon { display: inline-block; position: relative; z-index: 1; width: 40px; height: 40px; border-radius: 50%; font-size: 16px; line-height: 40px; background-color: #ece8ec; text-align: center; text-decoration: none; vertical-align: middle; margin-left: 10px; } .single-team .single_team_page .team__icons .team-icon:first-child { display: none; } .single-team .single_team_page .team__icons .team-icon:nth-child(2) { margin-left: 0; } .single-team .single_team_page .team__icons .team-icon:hover { color: #ffffff; } .single-team .single_team_page .team-info-desc { margin-top: 20px; } .single-team .single_team_page .team-single_speaches-title { font-weight: 400; margin-bottom: 30px; } .single-team .single_team_page .team-single_speaches-info .speech-info_item { margin-bottom: 30px; padding: 30px; border: 1px solid #dddddd; border-radius: 12px; } .single-team .single_team_page .team-single_speaches-info .speech-info_day { margin-bottom: 6px; font-size: 22px; } .single-team .single_team_page .team-single_speaches-info .speech-info_time { margin-bottom: 8px; } .single-team .single_team_page .team-single_speaches-info .speech-info_time, .single-team .single_team_page .team-single_speaches-info .speech-info_desc { font-size: 18px; } .post-type-archive-team .wgl_module_team { margin-bottom: 30px; } /* ==================== ##Testimonials ==================== */ .wgl-testimonials { position: relative; } .wgl-testimonials .wgl-testimonials-item_wrap { margin-bottom: 30px; transition: 0.4s; } .wgl-testimonials .wgl-testimonials_item { position: relative; z-index: 1; transform: translate(0); transition: all 0.4s, opacity 0.5s; box-shadow: 0 8px 22px 0 rgba(34, 35, 40, 0.1); } .wgl-testimonials .wgl-testimonials_item:before { content: ""; position: absolute; top: -25px; left: 0; right: 0; display: block; text-align: center; } .wgl-testimonials .wgl-testimonials_item:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: inherit; pointer-events: none; z-index: -1; transition: filter 0.5s; } .wgl-testimonials.hover_animation .wgl-testimonials-item_wrap:hover .wgl-testimonials_item { transform: translateY(-20px); } .wgl-testimonials .meta_wrap { display: flex; align-items: center; line-height: 1; } .wgl-testimonials .name_wrap { display: flex; flex-direction: column; } .wgl-testimonials .wgl-testimonials_name { font-size: 20px; line-height: 1.3; transition: 0.4s; font-weight: 600; } .wgl-testimonials .wgl-testimonials_name a { font-weight: inherit; font-family: inherit; color: inherit; line-height: inherit; font-size: inherit; } .wgl-testimonials .wgl-testimonials_quote { font-weight: 400; font-size: 18px; } .wgl-testimonials .wgl-testimonials_quote p:last-child { margin-bottom: 0; } .wgl-testimonials .wgl-testimonials_rating { display: block; font-size: 14px; font-weight: 600; line-height: 24px; margin-top: 10px; } .wgl-testimonials .wgl-testimonials_rating_count { border-radius: 12px; padding: 5px 8px 3px 8px; margin-left: 0.6em; } .wgl-testimonials .wgl-testimonials_image { padding-right: 16px; } .wgl-testimonials.type-author_bottom .wgl-testimonials_item .content_wrap:before, .wgl-testimonials.type-inline_top .wgl-testimonials_item .content_wrap:before, .wgl-testimonials.type-inline_bottom .wgl-testimonials_item .content_wrap:before { content: "\f10d"; font-family: "Flaticon"; position: absolute; z-index: 1; left: 40px; top: 30px; font-size: 35px; line-height: 1; } .wgl-testimonials.type-author_bottom .wgl_col-12 .wgl-testimonials_item .content_wrap:before, .wgl-testimonials.type-inline_top .wgl_col-12 .wgl-testimonials_item .content_wrap:before, .wgl-testimonials.type-inline_bottom .wgl_col-12 .wgl-testimonials_item .content_wrap:before { font-size: 70px; top: 20px; } .wgl-testimonials.type-inline_top .content_wrap { margin-top: 28px; } .wgl-testimonials.type-inline_top .wgl-testimonials_rating { margin-top: 11px; } .wgl-testimonials.type-inline_top .wgl-testimonials_item { padding: 94px 40px 31px 40px; } .wgl-testimonials.type-inline_top .wgl_col-12 .wgl-testimonials_item { padding-top: 113px; } .wgl-testimonials.type-inline_bottom .content_wrap { margin-bottom: 31px; } .wgl-testimonials.type-inline_bottom .wgl-testimonials_rating { margin-bottom: 0; } .wgl-testimonials.type-inline_bottom .wgl-testimonials_item { padding: 94px 40px 43px 40px; } .wgl-testimonials.type-inline_bottom .wgl_col-12 .wgl-testimonials_item { padding-top: 113px; } .wgl-testimonials.type-author_top .wgl-testimonials_item { padding: 41px 40px 31px 40px; } .wgl-testimonials.type-author_top .wgl-testimonials_image { padding-bottom: 28px; padding-right: 0; } .wgl-testimonials.type-author_top .content_wrap { margin-bottom: 21px; } .wgl-testimonials.type-author_bottom .wgl-testimonials_image { padding-top: 31px; padding-bottom: 15px; padding-right: 0; } .wgl-testimonials.type-author_bottom .wgl-testimonials_item { padding: 94px 40px 31px 40px; } .wgl-testimonials.type-author_bottom .wgl_col-12 .wgl-testimonials_item { padding-top: 113px; } .wgl-testimonials.type-author_bottom .meta_wrap { flex-direction: column; } .wgl-testimonials.aleft.type-author_top .meta_wrap { justify-content: flex-start; } .wgl-testimonials.aleft.type-author_bottom .meta_wrap { align-items: flex-start; } .wgl-testimonials.aleft.type-inline_bottom .meta_wrap { justify-content: flex-start; } .wgl-testimonials.acenter.type-author_top .meta_wrap, .wgl-testimonials.acenter.type-inline_bottom .meta_wrap { justify-content: center; } .wgl-testimonials.aright.type-author_top .meta_wrap { justify-content: flex-end; } .wgl-testimonials.aright.type-author_bottom .meta_wrap { align-items: flex-end; } .wgl-testimonials.aright.type-inline_bottom .meta_wrap { justify-content: flex-end; } .wgl-testimonials .wgl-carousel.slide_to_show-1 .slick-list { overflow: visible; } .wgl-testimonials .wgl-carousel.slide_to_show-1 .slick-prev { left: 5px; } .wgl-testimonials .wgl-carousel.slide_to_show-1 .slick-next { right: 5px; } .wgl-testimonials .wgl-carousel.slide_to_show-1 .slick-arrow { transform: translate(0, -50%); } .wgl-testimonials .wgl-carousel.slide_to_show-1 .slick-slide { margin-left: 30px; margin-right: 30px; } .wgl-testimonials .wgl-carousel .slick-slide { margin-top: 15px; } .wgl-testimonials .wgl-carousel .slick-slider { overflow: visible; } .wgl-testimonials .wgl-carousel .slick-arrow { width: 50px; height: 50px; } .wgl-testimonials .wgl-carousel .slick-arrow:after { line-height: 48px; } .wgl-testimonials:after { content: ""; display: block; clear: both; } /* ==================== ##Time Line Vertical ==================== */ .wgl-timeline-vertical { position: relative; z-index: 1; padding: 10px 0 10px; text-align: center; } .wgl-timeline-vertical .time_line-items_wrap { padding-bottom: 40px; } .wgl-timeline-vertical.appear_animation .time_line-item .time_line-content { transform: translateX(20%); opacity: 0; } .wgl-timeline-vertical.appear_animation .time_line-item:nth-child(odd) .time_line-content { transform: translateX(-20%); } .wgl-timeline-vertical .time_line-item { position: relative; transition: opacity 0.5s; display: flex; align-items: center; margin-top: 100px; } .wgl-timeline-vertical .time_line-item:last-child { margin-bottom: 0; } .wgl-timeline-vertical .time_line-item:last-child .time_line-curve { height: 120px; width: 100px; } .wgl-timeline-vertical .time_line-item:last-child .time_line-curve svg { stroke-width: 7px; } .wgl-timeline-vertical .time_line-item:last-child .time_line-curve:before { content: ""; position: absolute; z-index: 1; width: 15px; height: 15px; bottom: -10px; left: 20px; border-radius: 50%; } .wgl-timeline-vertical .time_line-item:nth-child(even) { flex-direction: row; text-align: left; padding-left: 30%; } .wgl-timeline-vertical .time_line-item:nth-child(even) .time_line-content { right: 0; margin-left: 60px; } .wgl-timeline-vertical .time_line-item:nth-child(even) .time_line-content:before { left: -10px; } .wgl-timeline-vertical .time_line-item:nth-child(even) .time_line-date { left: 20px; text-align: right; } .wgl-timeline-vertical .time_line-item:nth-child(even) .time_line-curve { right: 0; transform: scale(-1, 1); } .wgl-timeline-vertical .time_line-item:nth-child(even):last-child .time_line-curve { right: 40%; } .wgl-timeline-vertical .time_line-item:nth-child(odd) { flex-direction: row-reverse; text-align: right; padding-right: 30%; } .wgl-timeline-vertical .time_line-item:nth-child(odd) .time_line-content { left: 0; margin-right: 60px; } .wgl-timeline-vertical .time_line-item:nth-child(odd) .time_line-content:before { right: -10px; } .wgl-timeline-vertical .time_line-item:nth-child(odd) .time_line-date { right: 20px; text-align: left; } .wgl-timeline-vertical .time_line-item:nth-child(odd) .time_line-curve { left: 0; } .wgl-timeline-vertical .time_line-item:nth-child(odd):last-child .time_line-curve { left: 40%; } .wgl-timeline-vertical .time_line-item.show .time_line-content, .wgl-timeline-vertical .time_line-item.show:nth-child(odd) .time_line-content { opacity: 1; transform: translateX(0); } .wgl-timeline-vertical .time_line-media { position: relative; z-index: 1; flex: 1 0 auto; background-size: cover; border-radius: 50%; border: 12px solid #ffffff; box-shadow: 0px 0px 0px 5px currentColor; margin: 3px; transition: 0.4s; } .wgl-timeline-vertical .time_line-title { font-size: 24px; line-height: 1.4; transition: 0.4s; margin-bottom: 8px; } .wgl-timeline-vertical .time_line-date { position: absolute; font-size: 100px; font-weight: 700; line-height: 1; transition: 0.4s; max-width: 28%; } .wgl-timeline-vertical .time_line-content { position: relative; z-index: 1; font-size: 16px; line-height: 30px; transition: all 0.4s; box-shadow: 5px 13px 38px 10px rgba(0, 0, 0, 0.1); background: #ffffff; padding: 22px 30px; border-radius: 15px; } .wgl-timeline-vertical .time_line-content:before { content: ""; position: absolute; z-index: -1; width: 40px; height: 40px; top: 50%; transform: translateY(-50%) rotate(45deg) skew(-8deg, -8deg); background: #ffffff; transition: 0.4s; } .wgl-timeline-vertical .time_line-content p:last-child { margin-bottom: 0; } .wgl-timeline-vertical .time_line-content > * { color: inherit; } .wgl-timeline-vertical .time_line-curve { position: absolute; z-index: -1; top: 75%; height: 60%; width: 100%; } .wgl-timeline-vertical .time_line-curve svg { fill: transparent; stroke: #dedbde; stroke-width: 5; stroke-miterlimit: 10; position: absolute; width: 100%; height: 100%; left: -5%; top: 0; } .wgl-timeline-vertical .time_line-start_image { display: inline-block; position: relative; } .wgl-timeline-vertical .time_line-start_image .time_line-curve { width: 55px; height: 120px; transform: scale(-1, 1); left: 100%; } .wgl-timeline-vertical .time_line-start_image .time_line-curve svg { stroke-width: 7; } .wgl-timeline-vertical.start-custom .time_line-start_image img { position: relative; z-index: 1; left: 50%; transform: translateX(-50%); display: inline-block; } .wgl-timeline-vertical.start-def .time_line-start_image .time_line-curve:after { content: "\f10c"; font-family: flaticon; font-size: 40px; line-height: 1; position: absolute; z-index: 1; top: -28px; right: -18px; background-repeat: no-repeat; } .wgl-timeline-vertical.start-none .time_line-start_image .time_line-curve:before { content: ""; position: absolute; z-index: 1; width: 15px; height: 15px; top: -8px; right: 0; border-radius: 50%; } .elementor-widget-wgl-time-line-vertical:not(.line-yes) .time_line-start_image, .elementor-widget-wgl-time-line-vertical:not(.line-yes) .time_line-curve { display: none; } .elementor-widget-wgl-time-line-vertical:not(.line-yes) .time_line-item:first-child { margin-top: 0; } @media only screen and (max-width: 1200px) { .wgl-timeline-vertical .time_line-item:nth-child(odd) { padding-right: 25%; } .wgl-timeline-vertical .time_line-item:nth-child(even) { padding-left: 25%; } .wgl-timeline-vertical .time_line-date { font-size: 70px; max-width: 22%; } } @media only screen and (max-width: 992px) { .wgl-timeline-vertical .time_line-item:nth-child(odd), .wgl-timeline-vertical .time_line-item:nth-child(even) { flex-direction: row; padding-left: 10%; padding-right: 0; text-align: left; } .wgl-timeline-vertical .time_line-item:nth-child(odd):last-child, .wgl-timeline-vertical .time_line-item:nth-child(even):last-child { margin-bottom: 0; } .wgl-timeline-vertical .time_line-item:nth-child(odd) .time_line-content, .wgl-timeline-vertical .time_line-item:nth-child(even) .time_line-content { margin-right: 0; margin-top: 0; padding: 20px; margin-left: 40px; } .wgl-timeline-vertical .time_line-item:nth-child(odd) .time_line-content:before, .wgl-timeline-vertical .time_line-item:nth-child(even) .time_line-content:before { right: unset; left: -10px; } .wgl-timeline-vertical .time_line-item:nth-child(odd) .time_line-date, .wgl-timeline-vertical .time_line-item:nth-child(even) .time_line-date { font-size: 40px; line-height: 1; right: inherit; top: 50%; left: 0; transform-origin: 0% 0%; transform: rotate(-90deg) translate(-50%, 0%); } .wgl-timeline-vertical .time_line-item:nth-child(odd) .time_line-curve, .wgl-timeline-vertical .time_line-item:nth-child(even) .time_line-curve { top: 85%; height: 60%; width: 50%; right: initial; } .wgl-timeline-vertical .time_line-item:nth-child(odd):last-child .time_line-curve, .wgl-timeline-vertical .time_line-item:nth-child(even):last-child .time_line-curve { height: 120px; width: 100px; } .wgl-timeline-vertical .time_line-item:nth-child(odd):last-child .time_line-curve { left: 20%; } .wgl-timeline-vertical .time_line-item:nth-child(even):last-child .time_line-curve { right: 50%; } .wgl-timeline-vertical .time_line-start_image { display: block; } .wgl-timeline-vertical .time_line-start_image .time_line-curve { left: 30%; } .wgl-timeline-vertical.appear_animation .time_line-content { transform: translateX(20%) !important; } .wgl-timeline-vertical.appear_animation .time_line-item.show .time_line-content { transform: translateX(0) !important; } .wgl-timeline-vertical.start-custom .time_line-start_image img, .wgl-timeline-vertical.start-def .time_line-start_image, .wgl-timeline-vertical.start-none .time_line-start_image, .wgl-timeline-vertical .time_line-end_image { left: 0; } } @media only screen and (max-width: 768px) { .wgl-timeline-vertical .time_line-item:nth-child(odd), .wgl-timeline-vertical .time_line-item:nth-child(even) { padding-left: 0; margin-top: 50px; flex-direction: column; } .wgl-timeline-vertical .time_line-item:nth-child(odd) .time_line-title, .wgl-timeline-vertical .time_line-item:nth-child(even) .time_line-title { font-size: 20px; } .wgl-timeline-vertical .time_line-item:nth-child(odd) .time_line-content, .wgl-timeline-vertical .time_line-item:nth-child(even) .time_line-content { margin-left: 0; text-align: center; } .wgl-timeline-vertical .time_line-item:nth-child(odd) .time_line-content:before, .wgl-timeline-vertical .time_line-item:nth-child(even) .time_line-content:before { top: -14px; width: 30px; height: 30px; left: 50%; transform: translateX(-50%) rotate(45deg) skew(0, 0); } .wgl-timeline-vertical .time_line-item:nth-child(odd) .time_line-date, .wgl-timeline-vertical .time_line-item:nth-child(even) .time_line-date { font-size: 60px; position: relative; transform: unset; margin-bottom: 20px; max-width: 100%; } .wgl-timeline-vertical .time_line-item:nth-child(odd) .time_line-media, .wgl-timeline-vertical .time_line-item:nth-child(even) .time_line-media { margin-bottom: 30px; } .wgl-timeline-vertical .time_line-curve { display: none; } } /* ==================== ##Video Popup ==================== */ .wgl-video_popup { position: relative; z-index: 1; } .wgl-video_popup .videobox_content { display: flex; align-items: center; } .wgl-video_popup .videobox_background img { position: relative; z-index: 0; width: 100%; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15); } .wgl-video_popup .title { position: relative; z-index: 2; font-size: 13px; line-height: 1.35; } .wgl-video_popup .title:before { position: absolute; z-index: 1; left: 50%; height: 27px; width: 1px; background: currentColor; } .wgl-video_popup .videobox_link { display: block; position: relative; flex-shrink: 0; border-radius: 50%; background-color: #ffffff; border: 2px solid; box-shadow: 0 0 0 4px #f7f5f7; transition: all 0.4s; cursor: pointer; } .wgl-video_popup .videobox_link:hover { box-shadow: 0 0 0 9px #f7f5f7; } .wgl-video_popup .videobox_icon { display: block; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-40%, -50%); transition: 0.3s; } .wgl-video_popup.with_image .videobox_link_wrapper { position: absolute; z-index: 1; top: 50%; } .wgl-video_popup.title_pos-right .videobox_content, .wgl-video_popup.title_pos-right .videobox_link_wrapper { flex-direction: row-reverse; justify-content: flex-start; } .wgl-video_popup.title_pos-right .title { margin-left: 12px; } .wgl-video_popup.title_pos-top .videobox_content, .wgl-video_popup.title_pos-top .videobox_link_wrapper { flex-direction: column; } .wgl-video_popup.title_pos-top .title { margin-bottom: 12px; } .wgl-video_popup.title_pos-bot .videobox_content, .wgl-video_popup.title_pos-bot .videobox_link_wrapper { flex-direction: column-reverse; } .wgl-video_popup.title_pos-bot .title { margin-top: 12px; } .wgl-video_popup.title_pos-left .title { margin-right: 12px; } .wgl-video_popup .videobox_animation { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; } .wgl-video_popup.animation_circles .videobox_animation { z-index: 1; border-width: 0.5px; border-style: solid; opacity: 0; animation: circles 3.9s linear 0s infinite; animation-play-state: paused; } .wgl-video_popup.animation_circles .videobox_animation.circle_2 { animation-delay: 1.3s; } .wgl-video_popup.animation_circles .videobox_animation.circle_3 { animation-delay: 2.6s; } .wgl-video_popup.animation_circles .videobox_link:hover .videobox_animation, .wgl-video_popup.animation_circles.idle-animation .videobox_animation { animation-play-state: running; } .wgl-video_popup.animation_circles.idle-animation .videobox_link:hover .videobox_animation { animation-play-state: paused; } @keyframes circles { 0% { transform: scale(1); opacity: 0; } 20% { transform: scale(1.44); opacity: 0.5; } 100% { transform: scale(3.2); opacity: 0; } } .wgl-video_popup.animation_ring_pulse .videobox_animation { z-index: -1; background: inherit; animation: pulse_ring 2.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite; animation-play-state: paused; } .wgl-video_popup.animation_ring_pulse .videobox_link:hover .videobox_animation, .wgl-video_popup.animation_ring_pulse.idle-animation .videobox_animation { animation-play-state: running; } .wgl-video_popup.animation_ring_pulse.idle-animation .videobox_link:hover .videobox_animation { animation-play-state: paused; } @keyframes pulse_ring { 0% { transform: scale(1); } 50% { transform: scale(1.7); } 100% { transform: scale(1); } } .wgl-video_popup.animation_ring_static .videobox_animation { z-index: -1; border: 1px solid; border-radius: inherit; top: -70%; left: -70%; width: 242%; height: 242%; transition: 0.5s; } .wgl-video_popup.animation_ring_static .videobox_link:hover .videobox_animation:not(:hover) { transform: scale(0.3); opacity: 0; } .elementor-widget-wgl-video-popup.divider_yes .title:before { content: ""; } .elementor-widget-wgl-video-popup.divider_yes .title_pos-top .title { margin-bottom: 20px; padding-bottom: 37px; } .elementor-widget-wgl-video-popup.divider_yes .title_pos-top .title:before { bottom: 0; } .elementor-widget-wgl-video-popup.divider_yes .title_pos-bot .title { margin-top: 20px; padding-top: 37px; } .elementor-widget-wgl-video-popup.divider_yes .title_pos-bot .title:before { top: 0; } .elementor-widget-wgl-video-popup.divider_yes .title_pos-left .title { margin-right: 20px; padding-right: 37px; } .elementor-widget-wgl-video-popup.divider_yes .title_pos-left .title:before { right: 0; left: unset; top: 50%; width: 27px; height: 1px; } .elementor-widget-wgl-video-popup.divider_yes .title_pos-right .title { margin-left: 20px; padding-left: 37px; } .elementor-widget-wgl-video-popup.divider_yes .title_pos-right .title:before { left: 0; top: 50%; width: 27px; height: 1px; } .elementor-widget-wgl-video-popup.button_align-left { text-align: left; } .elementor-widget-wgl-video-popup.button_align-left .videobox_content, .elementor-widget-wgl-video-popup.button_align-left .videobox_link_wrapper { justify-content: flex-start; } .elementor-widget-wgl-video-popup.button_align-left .with_image .videobox_link_wrapper { left: 0; transform: translate(10%, -50%); } .elementor-widget-wgl-video-popup.button_align-left .title_pos-right .videobox_content, .elementor-widget-wgl-video-popup.button_align-left .title_pos-right .videobox_link_wrapper { justify-content: flex-end; } .elementor-widget-wgl-video-popup.button_align-left .title_pos-top .videobox_content, .elementor-widget-wgl-video-popup.button_align-left .title_pos-bot .videobox_content { justify-content: unset; align-items: flex-start; } .elementor-widget-wgl-video-popup.button_align-left.elementor-element { display: block; width: 100%; } .elementor-widget-wgl-video-popup.button_align-center { text-align: center; } .elementor-widget-wgl-video-popup.button_align-center .videobox_content, .elementor-widget-wgl-video-popup.button_align-center .videobox_link_wrapper { justify-content: center; align-items: center; } .elementor-widget-wgl-video-popup.button_align-center .with_image .videobox_link_wrapper { left: 50%; transform: translate(-50%, -50%); } .elementor-widget-wgl-video-popup.button_align-center .title_pos-right .videobox_content, .elementor-widget-wgl-video-popup.button_align-center .title_pos-right .videobox_link_wrapper { justify-content: center; align-items: center; } .elementor-widget-wgl-video-popup.button_align-center.elementor-element { display: block; width: 100%; } .elementor-widget-wgl-video-popup.button_align-right { text-align: right; } .elementor-widget-wgl-video-popup.button_align-right .videobox_content, .elementor-widget-wgl-video-popup.button_align-right .videobox_link_wrapper { justify-content: flex-end; } .elementor-widget-wgl-video-popup.button_align-right .with_image .videobox_link_wrapper { right: 0; transform: translate(-10%, -50%); } .elementor-widget-wgl-video-popup.button_align-right .title_pos-top .videobox_content, .elementor-widget-wgl-video-popup.button_align-right .title_pos-top .videobox_link_wrapper, .elementor-widget-wgl-video-popup.button_align-right .title_pos-bot .videobox_content, .elementor-widget-wgl-video-popup.button_align-right .title_pos-bot .videobox_link_wrapper { justify-content: unset; align-items: flex-end; } .elementor-widget-wgl-video-popup.button_align-right.elementor-element { display: block; width: 100%; } .elementor-widget-wgl-video-popup.button_align-inline .with_image .videobox_link_wrapper { left: 50%; transform: translate(-50%, -50%); } .elementor-widget-wgl-video-popup.button_align-inline.elementor-element { display: inline-block; width: auto; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-left, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-left { text-align: left; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-left .videobox_content, body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-left .videobox_link_wrapper, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-left .videobox_content, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-left .videobox_link_wrapper { justify-content: flex-start; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-left .with_image .videobox_link_wrapper, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-left .with_image .videobox_link_wrapper { left: 0; transform: translate(10%, -50%); } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-left .title_pos-right .videobox_content, body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-left .title_pos-right .videobox_link_wrapper, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-left .title_pos-right .videobox_content, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-left .title_pos-right .videobox_link_wrapper { justify-content: flex-end; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-left .title_pos-top .videobox_content, body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-left .title_pos-bot .videobox_content, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-left .title_pos-top .videobox_content, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-left .title_pos-bot .videobox_content { justify-content: unset; align-items: flex-start; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-left.elementor-element, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-left.elementor-element { display: block; width: 100%; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-center, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-center { text-align: center; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-center .videobox_content, body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-center .videobox_link_wrapper, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-center .videobox_content, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-center .videobox_link_wrapper { justify-content: center; align-items: center; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-center .with_image .videobox_link_wrapper, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-center .with_image .videobox_link_wrapper { left: 50%; transform: translate(-50%, -50%); } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-center .title_pos-right .videobox_content, body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-center .title_pos-right .videobox_link_wrapper, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-center .title_pos-right .videobox_content, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-center .title_pos-right .videobox_link_wrapper { justify-content: center; align-items: center; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-center.elementor-element, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-center.elementor-element { display: block; width: 100%; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-right, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-right { text-align: right; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-right .videobox_content, body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-right .videobox_link_wrapper, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-right .videobox_content, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-right .videobox_link_wrapper { justify-content: flex-end; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-right .with_image .videobox_link_wrapper, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-right .with_image .videobox_link_wrapper { right: 0; transform: translate(-10%, -50%); } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-right .title_pos-top .videobox_content, body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-right .title_pos-top .videobox_link_wrapper, body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-right .title_pos-bot .videobox_content, body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-right .title_pos-bot .videobox_link_wrapper, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-right .title_pos-top .videobox_content, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-right .title_pos-top .videobox_link_wrapper, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-right .title_pos-bot .videobox_content, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-right .title_pos-bot .videobox_link_wrapper { justify-content: unset; align-items: flex-end; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-right.elementor-element, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-right.elementor-element { display: block; width: 100%; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-inline .with_image .videobox_link_wrapper, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-inline .with_image .videobox_link_wrapper { left: 50%; transform: translate(-50%, -50%); } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-video-popup.button_align-tablet-inline.elementor-element, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-video-popup.button_align-mobile-inline.elementor-element { display: inline-block; width: auto; } /* ==================== ##Working Hours ==================== */ .wgl-working-hours .working-item { display: flex; align-items: baseline; } .wgl-working-hours .working-item_day { order: 1; margin-right: 13px; } .wgl-working-hours .working-item_hours { order: 3; margin-left: 13px; } .wgl-working-hours .working-item:after { content: ""; width: 100%; height: 1px; flex: 1; order: 2; transform: translateY(1px); } .wgl-working-hours .working-item .working-item_day { font-weight: 400; } .wgl-working-hours .working-item .working-item_hours { font-weight: 600; }