.thegem-te-infobox, .thegem-te-infobox-wrapper, .thegem-te-infobox .thegem-te-infobox-content, .thegem-te-infobox .gem-texbox-icon-image-wrapper .elementor-icon, .thegem-te-infobox .gem-texbox-icon-image-wrapper .elementor-icon i, .thegem-te-infobox .gem-image, .thegem-te-infobox .gem-image img, .thegem-te-infobox .gem-image span, .thegem-te-infobox .gem-image span:before, .thegem-te-infobox .thegem-te-infobox-title, .thegem-te-infobox .thegem-te-infobox-subtitle, .thegem-te-infobox .thegem-te-infobox-description, .thegem-te-infobox .gem-button-container, .thegem-te-infobox .thegem-te-infobox-top, .thegem-te-infobox .thegem-te-infobox-top svg, .thegem-te-infobox .thegem-te-infobox-bottom, .thegem-te-infobox .thegem-te-infobox-bottom svg { -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .thegem-te-infobox-content { padding: 30px; } .thegem-te-infobox-top, .thegem-te-infobox-bottom { font-size: 0; line-height: 0; text-align: center; } .gem-styled-textbox-link, .gem-styled-textbox-icon-image-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .gem-texbox-icon-image-wrapper { position: relative; } .thegem-te-infobox .thegem-te-infobox-icon-horizontal-right.thegem-te-infobox-icon-image-wrapping-inline .gem-texbox-icon-image-wrapper { margin-left: 10px; } .thegem-te-infobox .thegem-te-infobox-icon-horizontal-left.thegem-te-infobox-icon-image-wrapping-inline .gem-texbox-icon-image-wrapper { margin-right: 10px; } .thegem-te-infobox .gem-texbox-icon-image-wrapper .thegem-te-infobox-icon { display: inline-block; width: fit-content; } .thegem-te-infobox h4, .thegem-te-infobox .title-h4 { margin-top: 0; } .thegem-te-infobox-content .gem-image span { display: inline-block; vertical-align: top; overflow: hidden; max-width: 100%; position: relative; } .thegem-te-infobox-content .gem-image span::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; z-index: 1; } .thegem-te-infobox:hover .thegem-te-infobox-content .gem-image a::before, .thegem-te-infobox:hover .thegem-te-infobox-content .gem-image span::before { opacity: 1; } .thegem-te-infobox .thegem-te-infobox-icon-horizontal-right .gem-icon-with-text-icon { padding-right: 0px; padding-left: 10px; } /* Icon Bottom */ .thegem-te-infobox-content.icon-bottom { display: flex; flex-direction: column; } .thegem-te-infobox .icon-bottom .gem-texbox-text-wrapper { order: 1; } .thegem-te-infobox .icon-bottom .gem-texbox-icon-image-wrapper { order: 2; margin-top: 30px; } /* Icon Bottom + Button Bottom */ .thegem-te-infobox-content.icon-bottom, .thegem-te-infobox-content.button-top { display: flex; flex-direction: column; } .thegem-te-infobox .icon-bottom.button-bottom .gem-texbox-text-wrapper { order: 1; } .thegem-te-infobox .icon-bottom.button-bottom .gem-texbox-icon-image-wrapper { order: 2; } /* Icon Top + Button Top */ .thegem-te-infobox-content.icon-top.button-top .gem-texbox-text-wrapper { display: flex; flex-direction: column; } .thegem-te-infobox-content.icon-top.button-top .gem-button-container { order: 1; } .thegem-te-infobox-content.icon-top.button-top .thegem-te-infobox-title { order: 2; } .thegem-te-infobox-content.icon-top.button-top .thegem-te-infobox-description { order: 3; } /* Icon Bottom + Button Top */ .thegem-te-infobox-content.icon-bottom.button-top .gem-texbox-text-wrapper { display: flex; flex-direction: column; } .thegem-te-infobox-content.icon-bottom.button-top .gem-button-container { order: 1; } .thegem-te-infobox-content.icon-bottom.button-top .thegem-te-infobox-title { order: 2; } .thegem-te-infobox-content.icon-bottom.button-top .thegem-te-infobox-description { order: 3; } .thegem-te-infobox-content.icon-bottom.button-top .gem-texbox-text-wrapper { order: 1; } .thegem-te-infobox-content.icon-bottom.button-top .gem-texbox-icon-image-wrapper { order: 2; margin-top: 30px; } .thegem-te-infobox-icon .elementor-icon { display: block; color: var(--thegem-to-menu-level1-color, #3C3950); } .thegem-te-infobox-icon-horizontal-center .gem-texbox-icon-image-wrapper { text-align: center !important; } .thegem-te-infobox-icon-horizontal-left .gem-texbox-icon-image-wrapper { text-align: left !important; } .thegem-te-infobox-icon-horizontal-right .gem-texbox-icon-image-wrapper { text-align: right !important; } .thegem-te-infobox-icon-horizontal-right.thegem-te-infobox-icon-image-wrapping-wrap .gem-texbox-icon-image-wrapper { float: right; } .thegem-te-infobox-icon-horizontal-left.thegem-te-infobox-icon-image-wrapping-wrap .gem-texbox-icon-image-wrapper { float: left; } .thegem-te-infobox-icon-image-wrapping-inline { display: flex; flex-direction: column; align-items: center; } .thegem-te-infobox-icon-image-wrapping-inline .gem-texbox-text-wrapper { flex-grow: 1; } .thegem-te-infobox-icon-image-wrapping-inline.thegem-te-infobox-icon-horizontal-right { flex-direction: row-reverse; } .icon-bottom.thegem-te-infobox-icon-image-wrapping-inline.thegem-te-infobox-icon-horizontal-right { flex-direction: row; } .thegem-te-infobox-icon-image-wrapping-inline.thegem-te-infobox-icon-horizontal-left { flex-direction: row; } .icon-bottom.thegem-te-infobox-icon-image-wrapping-inline.thegem-te-infobox-icon-horizontal-left { flex-direction: row-reverse; } .icon-bottom.thegem-te-infobox-icon-image-wrapping-inline { align-items: flex-end; } .icon-top.thegem-te-infobox-icon-image-wrapping-inline { align-items: flex-start; } .thegem-te-infobox-title.title-default, .thegem-te-infobox-subtitle.title-default { font-family: var(--thegem-to-menu-font-family, 'Montserrat'); font-style: var(--thegem-to-menu-font-style, normal); font-weight: var(--thegem-to-menu-font-weight, 700); font-size: var(--thegem-to-menu-font-size, 14px); line-height: var(--thegem-to-menu-line-height, 25px); letter-spacing: var(--thegem-to-menu-letter-spacing, 0); text-transform: var(--thegem-to-menu-text-transform, uppercase); color: var(--thegem-to-h6-color); } .thegem-te-infobox-title.title-default.light, .thegem-te-infobox-subtitle.title-default.light { font-family: var(--thegem-to-light-title-font-family); font-style: var(--thegem-to-light-title-font-style); font-weight: normal; } .thegem-te-infobox-title.text-body, .thegem-te-infobox-subtitle.text-body { font-family: var(--thegem-to-body-font-family); font-style: var(--thegem-to-body-font-style); font-weight: var(--thegem-to-body-font-weight); font-size: var(--thegem-to-body-font-size); line-height: var(--thegem-to-body-line-height); letter-spacing: var(--thegem-to-body-letter-spacing); text-transform: var(--thegem-to-body-text-transform); } .thegem-te-infobox-title.text-body-tiny, .thegem-te-infobox-subtitle.text-body-tiny { font-family: var(--thegem-to-body-tiny-font-family); font-style: var(--thegem-to-body-tiny-font-style); font-weight: var(--thegem-to-body-tiny-font-weight); font-size: var(--thegem-to-body-tiny-font-size); line-height: var(--thegem-to-body-tiny-line-height); letter-spacing: var(--thegem-to-body-tiny-letter-spacing); text-transform: var(--thegem-to-body-tiny-text-transform); } /*Light icon style*/ #site-header.header-light .thegem-te-infobox .thegem-te-infobox-title, #site-header.header-light .thegem-te-infobox .thegem-te-infobox-subtitle, #site-header.header-light .thegem-te-infobox .elementor-icon { color: var(--header-builder-light-color, #FFFFFF) !important; } #site-header.header-light .thegem-te-infobox:hover .thegem-te-infobox-title, #site-header.header-light .thegem-te-infobox:hover .thegem-te-infobox-subtitle, #site-header.header-light .thegem-te-infobox:hover .elementor-icon { color: var(--header-builder-light-color-hover, #FFFFFF) !important; } .thegem-te-infobox.width-link:hover .thegem-te-infobox-content .thegem-te-infobox-title, .thegem-te-infobox.width-link:hover .thegem-te-infobox-content .thegem-te-infobox-subtitle { color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important; } .thegem-te-logo.desktop-view .logo.desktop { display: block; } .thegem-te-logo.desktop-view .logo.mobile { display: none; } .thegem-te-logo.mobile-view .logo.desktop { display: none; } .thegem-te-logo.mobile-view .logo.mobile { display: block; } @media screen and (max-width: 767px) { .thegem-te-logo.desktop-view .logo.desktop { display: none; } .thegem-te-logo.desktop-view .logo.mobile { display: block; } } /*! elementor - v3.18.0 - 20-12-2023 */ .elementor-bc-flex-widget .elementor-section-content-top>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap{align-items:flex-start}.elementor-bc-flex-widget .elementor-section-content-middle>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap{align-items:center}.elementor-bc-flex-widget .elementor-section-content-bottom>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap{align-items:flex-end}.elementor-column-gap-narrow>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap{padding:5px}.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap{padding:10px}.elementor-column-gap-extended>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap{padding:15px}.elementor-column-gap-wide>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap{padding:20px}.elementor-column-gap-wider>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap{padding:30px}@media (min-width:-1){.elementor-reverse-widescreen>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>.elementor-row>:first-child,.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(2),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(3),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(4),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(5),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(6),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(7),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(8),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(9),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(10){order:0}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:-1){.elementor-reverse-tablet>.elementor-container>.elementor-row>:first-child,.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(2),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(3),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(4),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(5),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(6),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(7),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(8),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(9),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(10){order:0}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(10){order:1}}@media (max-width:767px){.elementor-reverse-mobile>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(10){order:1}.elementor-column{width:100%}} /*! elementor - v3.30.0 - 22-07-2025 */ .elementor-hidden{display:none}.elementor-visibility-hidden{visibility:hidden}.elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;top:-10000em;width:1px;clip:rect(0,0,0,0);border:0}.elementor-clearfix:after{clear:both;content:"";display:block;height:0;width:0}.e-logo-wrapper{background:var(--e-a-bg-logo);border-radius:50%;display:inline-block;line-height:1;padding:.75em}.e-logo-wrapper i{color:var(--e-a-color-logo);font-size:1em}.elementor *,.elementor :after,.elementor :before{box-sizing:border-box}.elementor a{box-shadow:none;text-decoration:none}.elementor hr{background-color:transparent;margin:0}.elementor img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%}.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure{margin:0}.elementor embed,.elementor iframe,.elementor object,.elementor video{border:none;line-height:1;margin:0;max-width:100%;width:100%}.elementor .elementor-background,.elementor .elementor-background-holder,.elementor .elementor-background-video-container{direction:ltr;inset:0;overflow:hidden;position:absolute;z-index:0}.elementor .elementor-background-video-container{pointer-events:none;transition:opacity 1s}.elementor .elementor-background-video-container.elementor-loading{opacity:0}.elementor .elementor-background-video-embed{max-width:none}.elementor .elementor-background-video,.elementor .elementor-background-video-embed,.elementor .elementor-background-video-hosted{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.elementor .elementor-background-video{max-width:none}.elementor .elementor-background-video-hosted{-o-object-fit:cover;object-fit:cover}.elementor .elementor-background-overlay{inset:0;position:absolute}.elementor .elementor-background-slideshow{inset:0;position:absolute;z-index:0}.elementor .elementor-background-slideshow__slide__image{background-position:50%;background-size:cover;height:100%;width:100%}.e-con-inner>.elementor-element.elementor-absolute,.e-con>.elementor-element.elementor-absolute,.elementor-widget-wrap>.elementor-element.elementor-absolute{position:absolute}.e-con-inner>.elementor-element.elementor-fixed,.e-con>.elementor-element.elementor-fixed,.elementor-widget-wrap>.elementor-element.elementor-fixed{position:fixed}.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget__width-initial{max-width:100%}@media (max-width:1024px){.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-initial{max-width:100%}}@media (max-width:767px){.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-initial{max-width:100%}}.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)}.elementor-element.elementor-absolute,.elementor-element.elementor-fixed{z-index:1}.elementor-element:where(.e-con-full,.elementor-widget){align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)}.elementor-invisible{visibility:hidden}.elementor-align-center{text-align:center}.elementor-align-right{text-align:right}.elementor-align-left{text-align:left}.elementor-align-center .elementor-button,.elementor-align-left .elementor-button,.elementor-align-right .elementor-button{width:auto}.elementor-align-justify .elementor-button{width:100%}.elementor-custom-embed-play{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.elementor-custom-embed-play i{color:#fff;font-size:100px;text-shadow:1px 0 6px rgba(0,0,0,.3)}.elementor-custom-embed-play svg{height:100px;width:100px;fill:#fff;filter:drop-shadow(1px 0 6px rgba(0,0,0,.3))}.elementor-custom-embed-play i,.elementor-custom-embed-play svg{opacity:.8;transition:all .5s}.elementor-custom-embed-play.elementor-playing i{font-family:eicons}.elementor-custom-embed-play.elementor-playing i:before{content:"\e8fb"}.elementor-custom-embed-play.elementor-playing i,.elementor-custom-embed-play.elementor-playing svg{animation:eicon-spin 2s linear infinite}.elementor-tag{display:inline-flex}.elementor-ken-burns{transition-duration:10s;transition-property:transform;transition-timing-function:linear}.elementor-ken-burns--out{transform:scale(1.3)}.elementor-ken-burns--active{transition-duration:20s}.elementor-ken-burns--active.elementor-ken-burns--out{transform:scale(1)}.elementor-ken-burns--active.elementor-ken-burns--in{transform:scale(1.3)}@media (min-width:-1){.elementor-widescreen-align-center{text-align:center}.elementor-widescreen-align-right{text-align:right}.elementor-widescreen-align-left{text-align:left}.elementor-widescreen-align-center .elementor-button,.elementor-widescreen-align-left .elementor-button,.elementor-widescreen-align-right .elementor-button{width:auto}.elementor-widescreen-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-laptop-align-center{text-align:center}.elementor-laptop-align-right{text-align:right}.elementor-laptop-align-left{text-align:left}.elementor-laptop-align-center .elementor-button,.elementor-laptop-align-left .elementor-button,.elementor-laptop-align-right .elementor-button{width:auto}.elementor-laptop-align-justify .elementor-button{width:100%}.elementor-tablet_extra-align-center{text-align:center}.elementor-tablet_extra-align-right{text-align:right}.elementor-tablet_extra-align-left{text-align:left}.elementor-tablet_extra-align-center .elementor-button,.elementor-tablet_extra-align-left .elementor-button,.elementor-tablet_extra-align-right .elementor-button{width:auto}.elementor-tablet_extra-align-justify .elementor-button{width:100%}}@media (max-width:1024px){.elementor-tablet-align-center{text-align:center}.elementor-tablet-align-right{text-align:right}.elementor-tablet-align-left{text-align:left}.elementor-tablet-align-center .elementor-button,.elementor-tablet-align-left .elementor-button,.elementor-tablet-align-right .elementor-button{width:auto}.elementor-tablet-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-mobile_extra-align-center{text-align:center}.elementor-mobile_extra-align-right{text-align:right}.elementor-mobile_extra-align-left{text-align:left}.elementor-mobile_extra-align-center .elementor-button,.elementor-mobile_extra-align-left .elementor-button,.elementor-mobile_extra-align-right .elementor-button{width:auto}.elementor-mobile_extra-align-justify .elementor-button{width:100%}}@media (max-width:767px){.elementor-mobile-align-center{text-align:center}.elementor-mobile-align-right{text-align:right}.elementor-mobile-align-left{text-align:left}.elementor-mobile-align-center .elementor-button,.elementor-mobile-align-left .elementor-button,.elementor-mobile-align-right .elementor-button{width:auto}.elementor-mobile-align-justify .elementor-button{width:100%}}:root{--page-title-display:block}.elementor-page-title,h1.entry-title{display:var(--page-title-display)}@keyframes eicon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.eicon-animation-spin{animation:eicon-spin 2s linear infinite}.elementor-section{position:relative}.elementor-section .elementor-container{display:flex;margin-left:auto;margin-right:auto;position:relative}@media (max-width:1024px){.elementor-section .elementor-container{flex-wrap:wrap}}.elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px}.elementor-section.elementor-section-stretched{position:relative;width:100%}.elementor-section.elementor-section-items-top>.elementor-container{align-items:flex-start}.elementor-section.elementor-section-items-middle>.elementor-container{align-items:center}.elementor-section.elementor-section-items-bottom>.elementor-container{align-items:flex-end}@media (min-width:768px){.elementor-section.elementor-section-height-full{height:100vh}.elementor-section.elementor-section-height-full>.elementor-container{height:100%}}.elementor-bc-flex-widget .elementor-section-content-top>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-start}.elementor-bc-flex-widget .elementor-section-content-middle>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:center}.elementor-bc-flex-widget .elementor-section-content-bottom>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-end}.elementor-widget-wrap{align-content:flex-start;flex-wrap:wrap;position:relative;width:100%}.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex}.elementor-widget-wrap>.elementor-element{width:100%}.elementor-widget-wrap.e-swiper-container{width:calc(100% - (var(--e-column-margin-left, 0px) + var(--e-column-margin-right, 0px)))}.elementor-widget{position:relative}.elementor-widget:not(:last-child){margin-bottom:var(--kit-widget-spacing,20px)}.elementor-widget:not(:last-child).elementor-absolute,.elementor-widget:not(:last-child).elementor-widget__width-auto,.elementor-widget:not(:last-child).elementor-widget__width-initial{margin-bottom:0}.elementor-column{display:flex;min-height:1px;position:relative}.elementor-column-gap-narrow>.elementor-column>.elementor-element-populated{padding:5px}.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:10px}.elementor-column-gap-extended>.elementor-column>.elementor-element-populated{padding:15px}.elementor-column-gap-wide>.elementor-column>.elementor-element-populated{padding:20px}.elementor-column-gap-wider>.elementor-column>.elementor-element-populated{padding:30px}.elementor-inner-section .elementor-column-gap-no .elementor-element-populated{padding:0}@media (min-width:768px){.elementor-column.elementor-col-10,.elementor-column[data-col="10"]{width:10%}.elementor-column.elementor-col-11,.elementor-column[data-col="11"]{width:11.111%}.elementor-column.elementor-col-12,.elementor-column[data-col="12"]{width:12.5%}.elementor-column.elementor-col-14,.elementor-column[data-col="14"]{width:14.285%}.elementor-column.elementor-col-16,.elementor-column[data-col="16"]{width:16.666%}.elementor-column.elementor-col-20,.elementor-column[data-col="20"]{width:20%}.elementor-column.elementor-col-25,.elementor-column[data-col="25"]{width:25%}.elementor-column.elementor-col-30,.elementor-column[data-col="30"]{width:30%}.elementor-column.elementor-col-33,.elementor-column[data-col="33"]{width:33.333%}.elementor-column.elementor-col-40,.elementor-column[data-col="40"]{width:40%}.elementor-column.elementor-col-50,.elementor-column[data-col="50"]{width:50%}.elementor-column.elementor-col-60,.elementor-column[data-col="60"]{width:60%}.elementor-column.elementor-col-66,.elementor-column[data-col="66"]{width:66.666%}.elementor-column.elementor-col-70,.elementor-column[data-col="70"]{width:70%}.elementor-column.elementor-col-75,.elementor-column[data-col="75"]{width:75%}.elementor-column.elementor-col-80,.elementor-column[data-col="80"]{width:80%}.elementor-column.elementor-col-83,.elementor-column[data-col="83"]{width:83.333%}.elementor-column.elementor-col-90,.elementor-column[data-col="90"]{width:90%}.elementor-column.elementor-col-100,.elementor-column[data-col="100"]{width:100%}}@media (max-width:479px){.elementor-column.elementor-xs-10{width:10%}.elementor-column.elementor-xs-11{width:11.111%}.elementor-column.elementor-xs-12{width:12.5%}.elementor-column.elementor-xs-14{width:14.285%}.elementor-column.elementor-xs-16{width:16.666%}.elementor-column.elementor-xs-20{width:20%}.elementor-column.elementor-xs-25{width:25%}.elementor-column.elementor-xs-30{width:30%}.elementor-column.elementor-xs-33{width:33.333%}.elementor-column.elementor-xs-40{width:40%}.elementor-column.elementor-xs-50{width:50%}.elementor-column.elementor-xs-60{width:60%}.elementor-column.elementor-xs-66{width:66.666%}.elementor-column.elementor-xs-70{width:70%}.elementor-column.elementor-xs-75{width:75%}.elementor-column.elementor-xs-80{width:80%}.elementor-column.elementor-xs-83{width:83.333%}.elementor-column.elementor-xs-90{width:90%}.elementor-column.elementor-xs-100{width:100%}}@media (max-width:767px){.elementor-column.elementor-sm-10{width:10%}.elementor-column.elementor-sm-11{width:11.111%}.elementor-column.elementor-sm-12{width:12.5%}.elementor-column.elementor-sm-14{width:14.285%}.elementor-column.elementor-sm-16{width:16.666%}.elementor-column.elementor-sm-20{width:20%}.elementor-column.elementor-sm-25{width:25%}.elementor-column.elementor-sm-30{width:30%}.elementor-column.elementor-sm-33{width:33.333%}.elementor-column.elementor-sm-40{width:40%}.elementor-column.elementor-sm-50{width:50%}.elementor-column.elementor-sm-60{width:60%}.elementor-column.elementor-sm-66{width:66.666%}.elementor-column.elementor-sm-70{width:70%}.elementor-column.elementor-sm-75{width:75%}.elementor-column.elementor-sm-80{width:80%}.elementor-column.elementor-sm-83{width:83.333%}.elementor-column.elementor-sm-90{width:90%}.elementor-column.elementor-sm-100{width:100%}}@media (min-width:768px) and (max-width:1024px){.elementor-column.elementor-md-10{width:10%}.elementor-column.elementor-md-11{width:11.111%}.elementor-column.elementor-md-12{width:12.5%}.elementor-column.elementor-md-14{width:14.285%}.elementor-column.elementor-md-16{width:16.666%}.elementor-column.elementor-md-20{width:20%}.elementor-column.elementor-md-25{width:25%}.elementor-column.elementor-md-30{width:30%}.elementor-column.elementor-md-33{width:33.333%}.elementor-column.elementor-md-40{width:40%}.elementor-column.elementor-md-50{width:50%}.elementor-column.elementor-md-60{width:60%}.elementor-column.elementor-md-66{width:66.666%}.elementor-column.elementor-md-70{width:70%}.elementor-column.elementor-md-75{width:75%}.elementor-column.elementor-md-80{width:80%}.elementor-column.elementor-md-83{width:83.333%}.elementor-column.elementor-md-90{width:90%}.elementor-column.elementor-md-100{width:100%}}@media (min-width:-1){.elementor-reverse-widescreen>.elementor-container>:first-child{order:10}.elementor-reverse-widescreen>.elementor-container>:nth-child(2){order:9}.elementor-reverse-widescreen>.elementor-container>:nth-child(3){order:8}.elementor-reverse-widescreen>.elementor-container>:nth-child(4){order:7}.elementor-reverse-widescreen>.elementor-container>:nth-child(5){order:6}.elementor-reverse-widescreen>.elementor-container>:nth-child(6){order:5}.elementor-reverse-widescreen>.elementor-container>:nth-child(7){order:4}.elementor-reverse-widescreen>.elementor-container>:nth-child(8){order:3}.elementor-reverse-widescreen>.elementor-container>:nth-child(9){order:2}.elementor-reverse-widescreen>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child,.elementor-reverse-laptop>.elementor-container>:nth-child(10),.elementor-reverse-laptop>.elementor-container>:nth-child(2),.elementor-reverse-laptop>.elementor-container>:nth-child(3),.elementor-reverse-laptop>.elementor-container>:nth-child(4),.elementor-reverse-laptop>.elementor-container>:nth-child(5),.elementor-reverse-laptop>.elementor-container>:nth-child(6),.elementor-reverse-laptop>.elementor-container>:nth-child(7),.elementor-reverse-laptop>.elementor-container>:nth-child(8),.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:0}.elementor-reverse-tablet_extra>.elementor-container>:first-child{order:10}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:-1){.elementor-reverse-tablet>.elementor-container>:first-child,.elementor-reverse-tablet>.elementor-container>:nth-child(10),.elementor-reverse-tablet>.elementor-container>:nth-child(2),.elementor-reverse-tablet>.elementor-container>:nth-child(3),.elementor-reverse-tablet>.elementor-container>:nth-child(4),.elementor-reverse-tablet>.elementor-container>:nth-child(5),.elementor-reverse-tablet>.elementor-container>:nth-child(6),.elementor-reverse-tablet>.elementor-container>:nth-child(7),.elementor-reverse-tablet>.elementor-container>:nth-child(8),.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:0}.elementor-reverse-mobile_extra>.elementor-container>:first-child{order:10}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(10){order:1}}@media (max-width:767px){.elementor-reverse-mobile>.elementor-container>:first-child{order:10}.elementor-reverse-mobile>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile>.elementor-container>:nth-child(10){order:1}.elementor-column{width:100%}}.elementor-grid{display:grid;grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap)}.elementor-grid .elementor-grid-item{min-width:0}.elementor-grid-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}@media (min-width:-1){.elementor-grid-widescreen-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-widescreen-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-widescreen-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-widescreen-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-widescreen-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-widescreen-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-widescreen-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-widescreen-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-widescreen-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-widescreen-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-widescreen-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-widescreen-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-widescreen-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-widescreen-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-laptop-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-laptop-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-laptop-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-laptop-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-laptop-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-laptop-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-laptop-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-laptop-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-laptop-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-laptop-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-laptop-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-laptop-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-laptop-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-laptop-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}.elementor-grid-tablet_extra-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-tablet_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:1024px){.elementor-grid-tablet-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-tablet-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-mobile_extra-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-mobile_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:767px){.elementor-grid-mobile-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-mobile-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (min-width:1025px){#elementor-device-mode:after{content:"desktop"}}@media (min-width:-1){#elementor-device-mode:after{content:"widescreen"}}@media (max-width:-1){#elementor-device-mode:after{content:"laptop";content:"tablet_extra"}}@media (max-width:1024px){#elementor-device-mode:after{content:"tablet"}}@media (max-width:-1){#elementor-device-mode:after{content:"mobile_extra"}}@media (max-width:767px){#elementor-device-mode:after{content:"mobile"}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.e-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--gap:var(--widgets-spacing,20px);--row-gap:var(--widgets-spacing-row,20px);--column-gap:var(--widgets-spacing-column,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);border-radius:var(--border-radius);height:var(--height);min-height:var(--min-height);min-width:0;overflow:var(--overflow);position:var(--position);width:var(--width);z-index:var(--z-index);--flex-wrap-mobile:wrap;margin-block-end:var(--margin-block-end);margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-inline-start:var(--margin-inline-start);padding-inline-end:var(--padding-inline-end);padding-inline-start:var(--padding-inline-start)}.e-con:where(:not(.e-div-block-base)){transition:background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s)}.e-con{--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)}body.rtl .e-con{--padding-inline-start:var(--padding-right);--padding-inline-end:var(--padding-left);--margin-inline-start:var(--margin-right);--margin-inline-end:var(--margin-left);--border-inline-start-width:var(--border-right-width);--border-inline-end-width:var(--border-left-width)}.e-con.e-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)}.e-con-full,.e-con>.e-con-inner{padding-block-end:var(--padding-block-end);padding-block-start:var(--padding-block-start);text-align:var(--text-align)}.e-con-full.e-flex,.e-con.e-flex>.e-con-inner{flex-direction:var(--flex-direction)}.e-con,.e-con>.e-con-inner{display:var(--display)}.e-con.e-grid{--grid-justify-content:start;--grid-align-content:start;--grid-auto-flow:row}.e-con.e-grid,.e-con.e-grid>.e-con-inner{align-content:var(--grid-align-content);align-items:var(--align-items);grid-auto-flow:var(--grid-auto-flow);grid-template-columns:var(--e-con-grid-template-columns);grid-template-rows:var(--e-con-grid-template-rows);justify-content:var(--grid-justify-content);justify-items:var(--justify-items)}.e-con-boxed.e-flex{align-content:normal;align-items:normal;flex-direction:column;flex-wrap:nowrap;justify-content:normal}.e-con-boxed.e-grid{grid-template-columns:1fr;grid-template-rows:1fr;justify-items:legacy}.e-con-boxed{gap:initial;text-align:initial}.e-con.e-flex>.e-con-inner{align-content:var(--align-content);align-items:var(--align-items);align-self:auto;flex-basis:auto;flex-grow:1;flex-shrink:1;flex-wrap:var(--flex-wrap);justify-content:var(--justify-content)}.e-con.e-grid>.e-con-inner{align-items:var(--align-items);justify-items:var(--justify-items)}.e-con>.e-con-inner{gap:var(--row-gap) var(--column-gap);height:100%;margin:0 auto;max-width:var(--content-width);padding-inline-end:0;padding-inline-start:0;width:100%}:is(.elementor-section-wrap,[data-elementor-id])>.e-con{--margin-left:auto;--margin-right:auto;max-width:min(100%,var(--width))}.e-con .elementor-widget.elementor-widget{margin-block-end:0}.e-con:before,.e-con>.elementor-background-slideshow:before,.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);content:var(--background-overlay);display:block;height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);position:absolute;top:calc(0px - var(--border-top-width));transition:var(--overlay-transition,.3s);width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}.e-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)}.e-con>.elementor-background-slideshow,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));top:calc(0px - var(--border-top-width));width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}@media (max-width:767px){:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-mobile{display:none}}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{z-index:1}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-slideshow:before{z-index:2}.e-con .elementor-widget{min-width:0}.e-con .elementor-widget-empty,.e-con .elementor-widget-google_maps,.e-con .elementor-widget-video,.e-con .elementor-widget.e-widget-swiper{width:100%}.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,.e-con>.elementor-widget>.elementor-widget-container{height:100%}.e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget{max-width:100%}.e-con .elementor-widget:not(:last-child){--kit-widget-spacing:0px}@media (max-width:767px){.e-con.e-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)}.e-con.e-flex .elementor-widget-archive-posts{width:100%}}.elementor-form-fields-wrapper{display:flex;flex-wrap:wrap}.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group .elementor-field-subgroup,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>.elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>input,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>textarea{flex-basis:100%;max-width:100%}.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group .elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group>input{flex-grow:1}.elementor-field-group{align-items:center;flex-wrap:wrap}.elementor-field-group.elementor-field-type-submit{align-items:flex-end}.elementor-field-group .elementor-field-textual{background-color:transparent;border:1px solid #69727d;color:#1f2124;flex-grow:1;max-width:100%;vertical-align:middle;width:100%}.elementor-field-group .elementor-field-textual:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);outline:0}.elementor-field-group .elementor-field-textual::-moz-placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-field-textual::placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-select-wrapper{display:flex;position:relative;width:100%}.elementor-field-group .elementor-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;flex-basis:100%;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-inline-end:20px;text-transform:inherit}.elementor-field-group .elementor-select-wrapper:before{content:"\e92a";font-family:eicons;font-size:15px;pointer-events:none;position:absolute;right:10px;text-shadow:0 0 3px rgba(0,0,0,.3);top:50%;transform:translateY(-50%)}.elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper:before{content:""}.elementor-field-subgroup{display:flex;flex-wrap:wrap}.elementor-field-subgroup .elementor-field-option label{display:inline-block}.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option{padding-inline-end:10px}.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option{flex-basis:100%}.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option label{display:inline}.elementor-field-label{cursor:pointer}.elementor-mark-required .elementor-field-label:after{color:red;content:"*";padding-inline-start:.2em}.elementor-field-textual{border-radius:3px;font-size:15px;line-height:1.4;min-height:40px;padding:5px 14px}.elementor-field-textual.elementor-size-xs{border-radius:2px;font-size:13px;min-height:33px;padding:4px 12px}.elementor-field-textual.elementor-size-md{border-radius:4px;font-size:16px;min-height:47px;padding:6px 16px}.elementor-field-textual.elementor-size-lg{border-radius:5px;font-size:18px;min-height:59px;padding:7px 20px}.elementor-field-textual.elementor-size-xl{border-radius:6px;font-size:20px;min-height:72px;padding:8px 24px}.elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-button-align-center .e-form__buttons,.elementor-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-button-align-start .e-form__buttons,.elementor-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-button-align-end .e-form__buttons,.elementor-button-align-end .elementor-field-type-submit{justify-content:flex-end}.elementor-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-center .e-form__buttons__wrapper__button,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper__button,.elementor-button-align-start .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}@media screen and (max-width:1024px){.elementor-tablet-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-tablet-button-align-center .e-form__buttons,.elementor-tablet-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-tablet-button-align-start .e-form__buttons,.elementor-tablet-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-tablet-button-align-end .e-form__buttons,.elementor-tablet-button-align-end .elementor-field-type-submit{justify-content:flex-end}.elementor-tablet-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-center .e-form__buttons__wrapper__button,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper__button,.elementor-tablet-button-align-start .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}@media screen and (max-width:767px){.elementor-mobile-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-mobile-button-align-center .e-form__buttons,.elementor-mobile-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-mobile-button-align-start .e-form__buttons,.elementor-mobile-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-mobile-button-align-end .e-form__buttons,.elementor-mobile-button-align-end .elementor-field-type-submit{justify-content:flex-end}.elementor-mobile-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-center .e-form__buttons__wrapper__button,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper__button,.elementor-mobile-button-align-start .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}.elementor-error .elementor-field{border-color:#d9534f}.elementor-error .help-inline{color:#d9534f;font-size:.9em}.elementor-message{font-size:1em;line-height:1;margin:10px 0}.elementor-message:before{content:"\e90e";display:inline-block;font-family:eicons;font-style:normal;font-weight:400;margin-inline-end:5px;vertical-align:middle}.elementor-message.elementor-message-danger{color:#d9534f}.elementor-message.elementor-message-danger:before{content:"\e87f"}.elementor-message.form-message-success{color:#5cb85c}.elementor-form .elementor-button{border:none;padding-block-end:0;padding-block-start:0}.elementor-form .elementor-button-content-wrapper,.elementor-form .elementor-button>span{display:flex;flex-direction:row;gap:5px;justify-content:center}.elementor-form .elementor-button.elementor-size-xs{min-height:33px}.elementor-form .elementor-button.elementor-size-sm{min-height:40px}.elementor-form .elementor-button.elementor-size-md{min-height:47px}.elementor-form .elementor-button.elementor-size-lg{min-height:59px}.elementor-form .elementor-button.elementor-size-xl{min-height:72px}.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container,.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)){transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)}.elementor-heading-title{line-height:1;margin:0;padding:0}.elementor-button{background-color:#69727d;border-radius:3px;color:#fff;display:inline-block;font-size:15px;line-height:1;padding:12px 24px;fill:#fff;text-align:center;transition:all .3s}.elementor-button:focus,.elementor-button:hover,.elementor-button:visited{color:#fff}.elementor-button-content-wrapper{display:flex;flex-direction:row;gap:5px;justify-content:center}.elementor-button-icon{align-items:center;display:flex}.elementor-button-icon svg{height:auto;width:1em}.elementor-button-icon .e-font-icon-svg{height:1em}.elementor-button-text{display:inline-block}.elementor-button.elementor-size-xs{border-radius:2px;font-size:13px;padding:10px 20px}.elementor-button.elementor-size-md{border-radius:4px;font-size:16px;padding:15px 30px}.elementor-button.elementor-size-lg{border-radius:5px;font-size:18px;padding:20px 40px}.elementor-button.elementor-size-xl{border-radius:6px;font-size:20px;padding:25px 50px}.elementor-button span{text-decoration:inherit}.elementor-element.elementor-button-info .elementor-button{background-color:#5bc0de}.elementor-element.elementor-button-success .elementor-button{background-color:#5cb85c}.elementor-element.elementor-button-warning .elementor-button{background-color:#f0ad4e}.elementor-element.elementor-button-danger .elementor-button{background-color:#d9534f}.elementor-widget-button .elementor-button .elementor-button-info{background-color:#5bc0de}.elementor-widget-button .elementor-button .elementor-button-success{background-color:#5cb85c}.elementor-widget-button .elementor-button .elementor-button-warning{background-color:#f0ad4e}.elementor-widget-button .elementor-button .elementor-button-danger{background-color:#d9534f}.elementor-view-stacked .elementor-icon{background-color:#69727d;color:#fff;padding:.5em;fill:#fff}.elementor-view-framed .elementor-icon{background-color:transparent;border:3px solid #69727d;color:#69727d;padding:.5em}.elementor-icon{color:#69727d;display:inline-block;font-size:50px;line-height:1;text-align:center;transition:all .3s}.elementor-icon:hover{color:#69727d}.elementor-icon i,.elementor-icon svg{display:block;height:1em;position:relative;width:1em}.elementor-icon i:before,.elementor-icon svg:before{left:50%;position:absolute;transform:translateX(-50%)}.elementor-icon i.fad{width:auto}.elementor-shape-square .elementor-icon{border-radius:0}.elementor-shape-rounded .elementor-icon{border-radius:10%}.elementor-shape-circle .elementor-icon{border-radius:50%}.e-transform .elementor-widget-container,.e-transform:not(:has(.elementor-widget-container)){transform:perspective(var(--e-transform-perspective,0)) rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) rotateY(var(--e-transform-rotateY,0)) translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x)}.e-con.e-transform{transform:perspective(var(--e-con-transform-perspective,0)) rotate(var(--e-con-transform-rotateZ,0)) rotateX(var(--e-con-transform-rotateX,0)) rotateY(var(--e-con-transform-rotateY,0)) translate(var(--e-con-transform-translate,0)) translateX(var(--e-con-transform-translateX,0)) translateY(var(--e-con-transform-translateY,0)) scaleX(calc(var(--e-con-transform-flipX, 1) * var(--e-con-transform-scaleX, var(--e-con-transform-scale, 1)))) scaleY(calc(var(--e-con-transform-flipY, 1) * var(--e-con-transform-scaleY, var(--e-con-transform-scale, 1)))) skewX(var(--e-con-transform-skewX,0)) skewY(var(--e-con-transform-skewY,0));transform-origin:var(--e-con-transform-origin-y) var(--e-con-transform-origin-x)}.animated{animation-duration:1.25s}.animated.animated-slow{animation-duration:2s}.animated.animated-fast{animation-duration:.75s}.animated.infinite{animation-iteration-count:infinite}.animated.reverse{animation-direction:reverse;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.animated{animation:none}}@media (max-width:767px){.elementor .elementor-hidden-mobile,.elementor .elementor-hidden-phone{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-mobile_extra{display:none}}@media (min-width:768px) and (max-width:1024px){.elementor .elementor-hidden-tablet{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-laptop,.elementor .elementor-hidden-tablet_extra{display:none}}@media (min-width:1025px) and (max-width:99999px){.elementor .elementor-hidden-desktop{display:none}}@media (min-width:-1){.elementor .elementor-hidden-widescreen{display:none}} /*! elementor - v3.30.0 - 22-07-2025 */ .elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-0:not(:has(.elementor-widget-container)),.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0:not(:has(.elementor-widget-container)),.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0:not(:has(.elementor-widget-container)){font-size:0;line-height:1}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);height:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));line-height:var(--icon-size,25px);width:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em))}.elementor-social-icon{--e-social-icon-icon-color:#fff;align-items:center;background-color:#69727d;cursor:pointer;display:inline-flex;justify-content:center;text-align:center}.elementor-social-icon i{color:var(--e-social-icon-icon-color)}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color)}.elementor-social-icon:last-child{margin:0}.elementor-social-icon:hover{color:#fff;opacity:.9}.elementor-social-icon-android{background-color:#a4c639}.elementor-social-icon-apple{background-color:#999}.elementor-social-icon-behance{background-color:#1769ff}.elementor-social-icon-bitbucket{background-color:#205081}.elementor-social-icon-codepen{background-color:#000}.elementor-social-icon-delicious{background-color:#39f}.elementor-social-icon-deviantart{background-color:#05cc47}.elementor-social-icon-digg{background-color:#005be2}.elementor-social-icon-dribbble{background-color:#ea4c89}.elementor-social-icon-elementor{background-color:#d30c5c}.elementor-social-icon-envelope{background-color:#ea4335}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998}.elementor-social-icon-flickr{background-color:#0063dc}.elementor-social-icon-foursquare{background-color:#2d5be3}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400}.elementor-social-icon-github{background-color:#333}.elementor-social-icon-gitlab{background-color:#e24329}.elementor-social-icon-globe{background-color:#69727d}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39}.elementor-social-icon-houzz{background-color:#7ac142}.elementor-social-icon-instagram{background-color:#262626}.elementor-social-icon-jsfiddle{background-color:#487aa2}.elementor-social-icon-link{background-color:#818a91}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5}.elementor-social-icon-medium{background-color:#00ab6b}.elementor-social-icon-meetup{background-color:#ec1c40}.elementor-social-icon-mixcloud{background-color:#273a4b}.elementor-social-icon-odnoklassniki{background-color:#f4731c}.elementor-social-icon-pinterest{background-color:#bd081c}.elementor-social-icon-product-hunt{background-color:#da552f}.elementor-social-icon-reddit{background-color:#ff4500}.elementor-social-icon-rss{background-color:#f26522}.elementor-social-icon-shopping-cart{background-color:#4caf50}.elementor-social-icon-skype{background-color:#00aff0}.elementor-social-icon-slideshare{background-color:#0077b5}.elementor-social-icon-snapchat{background-color:#fffc00}.elementor-social-icon-soundcloud{background-color:#f80}.elementor-social-icon-spotify{background-color:#2ebd59}.elementor-social-icon-stack-overflow{background-color:#fe7a15}.elementor-social-icon-steam{background-color:#00adee}.elementor-social-icon-stumbleupon{background-color:#eb4924}.elementor-social-icon-telegram{background-color:#2ca5e0}.elementor-social-icon-threads{background-color:#000}.elementor-social-icon-thumb-tack{background-color:#1aa1d8}.elementor-social-icon-tripadvisor{background-color:#589442}.elementor-social-icon-tumblr{background-color:#35465c}.elementor-social-icon-twitch{background-color:#6441a5}.elementor-social-icon-twitter{background-color:#1da1f2}.elementor-social-icon-viber{background-color:#665cac}.elementor-social-icon-vimeo{background-color:#1ab7ea}.elementor-social-icon-vk{background-color:#45668e}.elementor-social-icon-weibo{background-color:#dd2430}.elementor-social-icon-weixin{background-color:#31a918}.elementor-social-icon-whatsapp{background-color:#25d366}.elementor-social-icon-wordpress{background-color:#21759b}.elementor-social-icon-x-twitter{background-color:#000}.elementor-social-icon-xing{background-color:#026466}.elementor-social-icon-yelp{background-color:#af0606}.elementor-social-icon-youtube{background-color:#cd201f}.elementor-social-icon-500px{background-color:#0099e5} .e--ua-appleWebkit.rtl{--flex-right:flex-start}.e--ua-appleWebkit .elementor-share-buttons--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid{display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-left:calc(-.5 * var(--grid-column-gap));margin-right:calc(-.5 * var(--grid-column-gap));width:auto}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid-item{margin-left:calc(.5 * var(--grid-column-gap));margin-right:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid-item{margin-left:0;margin-right:0}@media (max-width:1024px){.e--ua-appleWebkit .elementor-share-buttons-tablet--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons-tablet--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid{display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-left:calc(-.5 * var(--grid-column-gap));margin-right:calc(-.5 * var(--grid-column-gap));width:auto}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid-item{margin-left:calc(.5 * var(--grid-column-gap));margin-right:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid-item{margin-left:0;margin-right:0}}@media (max-width:767px){.e--ua-appleWebkit .elementor-share-buttons-mobile--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons-mobile--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid{display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-left:calc(-.5 * var(--grid-column-gap));margin-right:calc(-.5 * var(--grid-column-gap));width:auto}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid-item{margin-left:calc(.5 * var(--grid-column-gap));margin-right:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid-item{margin-left:0;margin-right:0}} /* STYLED BUTTON Widget */ .gem-widget-button .gem-button-separator-type-square .gem-button-separator-button { padding: 0; } .gem-widget-button .gem-button-separator-type-single .gem-button-separator-line { border-bottom: 0 none; } .gem-widget-button .gem-button-separator-type-square .gem-button-separator-button a { margin: 0 10px; } .gem-widget-button .gem-button { height: auto; padding: 0; margin: 0; position: relative; z-index: 1; white-space: normal; min-width: max-content; overflow: hidden; } .gem-widget-button .gem-button .gem-inner-wrapper-btn { display: flex; align-items: center; justify-content: center; width: 100%; } .gem-widget-button .gem-button.gem-button-size-tiny .gem-inner-wrapper-btn { padding: 8px 14px; } .gem-widget-button .gem-button.gem-button-size-small .gem-inner-wrapper-btn { padding: 13px 17px; } .gem-widget-button .gem-button.gem-button-size-medium .gem-inner-wrapper-btn { padding: 15px 25px 16px; } .gem-widget-button .gem-button.gem-button-size-large .gem-inner-wrapper-btn { padding: 28px 37px; } .gem-widget-button .gem-button.gem-button-size-giant .gem-inner-wrapper-btn { padding: 32px 53px; } .gem-widget-button .gem-button.gem-button-style-outline.gem-button-size-tiny .gem-inner-wrapper-btn { padding: 6px 12px; } .gem-widget-button .gem-button.gem-button-style-outline.gem-button-size-small .gem-inner-wrapper-btn { padding: 11px 15px; } .gem-widget-button .gem-button.gem-button-style-outline.gem-button-size-medium .gem-inner-wrapper-btn { padding: 12px 22px 13px; } .gem-widget-button .gem-button.gem-button-style-outline.gem-button-size-large .gem-inner-wrapper-btn { padding: 24px 33px; } .gem-widget-button .gem-button.gem-button-style-outline.gem-button-size-giant .gem-inner-wrapper-btn { padding: 26px 47px; } .gem-widget-button .gem-button.gem-button-size-tiny:not(.gem-button-icon-position-right) .gem-button-icon { margin-right: 6px; } .gem-widget-button .gem-button.gem-button-size-small:not(.gem-button-icon-position-right) .gem-button-icon { margin-right: 6px; } .gem-widget-button .gem-button.gem-button-size-medium:not(.gem-button-icon-position-right) .gem-button-icon { margin-right: 9px; } .gem-widget-button .gem-button.gem-button-size-large:not(.gem-button-icon-position-right) .gem-button-icon { margin-right: 12px; } .gem-widget-button .gem-button.gem-button-size-giant:not(.gem-button-icon-position-right) .gem-button-icon { margin-right: 16px; } .gem-widget-button .gem-button.gem-button-size-tiny.gem-button-icon-position-right .gem-button-icon { margin-left: 6px; } .gem-widget-button .gem-button.gem-button-size-small.gem-button-icon-position-right .gem-button-icon { margin-left: 6px; } .gem-widget-button .gem-button.gem-button-size-medium.gem-button-icon-position-right .gem-button-icon { margin-left: 9px; } .gem-widget-button .gem-button.gem-button-size-large.gem-button-icon-position-right .gem-button-icon { margin-left: 12px; } .gem-widget-button .gem-button.gem-button-size-giant.gem-button-icon-position-right .gem-button-icon { margin-left: 16px; } .gem-widget-button .gem-button .gem-button-icon svg { width: 1em; height: 1em; display: block; } .gem-widget-button .gem-inner-wrapper-btn i { align-items: center; display: flex; } .gem-widget-button .gem-inner-wrapper-btn { line-height: 1; } .gem-widget-button .gem-button .gem-button-icon, .gem-widget-button .gem-button:hover .gem-button-icon, .gem-widget-button .gem-button .gem-button-icon svg, .gem-widget-button .gem-button:hover .gem-button-icon svg, .gem-widget-button .gem-button .gem-text-button, .gem-widget-button .gem-button:hover .gem-text-button { transition: all 0.3s ease; } .gem-widget-button .gem-button .gem-text-button { margin: 0; color: inherit; } .gem-widget-button .gem-button { transition: background-color 0.3s ease, border-color 0.3s ease; } @media screen and (max-width: 768px) { .gem-widget-button .gem-button { min-width: min-content; } } .elementor-widget-thegem-styledbutton.elementor-widget-empty { background: none !important; } .elementor-widget-thegem-styledbutton .elementor-widget-empty-icon { display: none !important; } .elementor-edit-area-active .elementor-inline-editing.gem-text-button { min-height: 0; } .gem-widget-button .gem-button.gem-button-inherit { font-weight: inherit; font-family: inherit; } .gem-widget-button .gem-button.gem-button-disable-uppercase { text-transform: initial; } .thegem-te-menu { position: relative; width: fit-content; } /* Menu toggle button style */ .thegem-te-menu .menu-toggle, .thegem-te-menu__hamburger.desktop-view .menu-toggle, .thegem-te-menu__overlay.desktop-view .menu-toggle{ position: relative; width: 36px; height: 30px; display: flex; border: none; cursor: pointer; outline: none; background: transparent; padding: 0; font-size: 0; line-height: 0; } .thegem-te-menu .menu-toggle.small, .thegem-te-menu .menu-toggle.dl-trigger, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle{ width: 18px; } @media (max-width: 767px) { .thegem-te-menu-mobile__overlay .menu-toggle{ width: 18px; } } .thegem-te-menu .menu-toggle .menu-line-1, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1, .thegem-te-menu .menu-toggle .menu-line-2, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2, .thegem-te-menu .menu-toggle .menu-line-3, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3{ position: absolute; height: 4px; width: 100%; left: 0; -webkit-transition: all 0.5s, top .3s, height .3s; transition: all 0.5s, top .3s, height .3s; } .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3{ background: var(--thegem-to-hamburger-menu-icon-color, #3C3950); } .thegem-te-menu .menu-toggle .menu-line-1, .thegem-te-menu .menu-toggle .menu-line-2, .thegem-te-menu .menu-toggle .menu-line-3 { background: var(--thegem-to-mobile-menu-btn-color, #3C3950); } .thegem-te-menu .menu-toggle.small .menu-line-1, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-1, .thegem-te-menu .menu-toggle.small .menu-line-2, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-2, .thegem-te-menu .menu-toggle.small .menu-line-3, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-3{ height: 2px; width: 18px; } @media (max-width: 767px) { .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-1, .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-2, .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-3{ height: 2px; width: 18px; } } .thegem-te-menu .menu-toggle .menu-line-1, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1{ top: 3px; } .thegem-te-menu .menu-toggle.small .menu-line-1, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-1{ top: 9px; } @media (max-width: 767px) { .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-1{ top: 9px; } } .thegem-te-menu .menu-toggle .menu-line-2, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2{ top: 13px; } .thegem-te-menu .menu-toggle.small .menu-line-2, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-2{ top: 14px; } @media (max-width: 767px) { .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-2{ top: 14px; } } .thegem-te-menu .menu-toggle .menu-line-3, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3{ top: 23px; } .thegem-te-menu .menu-toggle.small .menu-line-3, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-3{ top: 19px; } @media (max-width: 767px) { .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-3{ top: 19px; } } @media (-webkit-device-pixel-ratio: 1.25) { .thegem-te-menu .menu-toggle.small .menu-line-1, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-1, .thegem-te-menu .menu-toggle.small .menu-line-2, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-2, .thegem-te-menu .menu-toggle.small .menu-line-3, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-3{ height: 1.6px; } } .thegem-te-menu .nav-menu > li > a { position: relative; } /* Mega Menu Styles*/ .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a { font-family: var(--thegem-to-menu-font-family, 'Montserrat'); font-style: var(--thegem-to-menu-font-style, normal); font-weight: var(--thegem-to-menu-font-weight, 700); font-size: var(--thegem-to-menu-font-size, 14px); line-height: var(--thegem-to-menu-line-height, 25px); letter-spacing: var(--thegem-to-menu-letter-spacing, 0); text-transform: var(--thegem-to-menu-text-transform, uppercase); text-decoration: none; color: var(--thegem-to-menu-level1-color, #3C3950); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul li > a { font-family: var(--thegem-to-submenu-font-family, 'Source Sans Pro'); font-style: var(--thegem-to-submenu-font-style, normal); font-weight: var(--thegem-to-submenu-font-weight, normal); font-size: var(--thegem-to-submenu-font-size, 16px); line-height: var(--thegem-to-submenu-line-height, 20px); letter-spacing: var(--thegem-to-submenu-letter-spacing, 0); text-transform: var(--thegem-to-submenu-text-transform, none); } .thegem-te-menu nav.mobile-view .mega-label { display: none; } @media (max-width: 767px) { .thegem-te-menu .mega-label { display: none; } } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li .mega-label { color: var(--thegem-to-main-bg-color, #FFFFFF) } .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a, .thegem-te-menu.menu--light-submenu.desktop-view .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .thegem-te-menu.menu--light-submenu.desktop-view .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .thegem-te-menu.menu--light-submenu.desktop-view .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a { border-color: var(--thegem-to-styled-color1, #00BCD4); } .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a { /*border-color: var(--thegem-to-submenu-highlighter-color);*/ } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li .mega-label { background-color: var(--thegem-to-styled-color3, #f44336); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li > a:hover, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li.menu-item-current > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li.menu-item-active > a { background-color: var(--thegem-to-menu-level1-color-hover, #00bcd4); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li > a { color: var(--thegem-to-menu-level2-color, #5f727f); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu> li.megamenu-enable.megamenu-style-grid > ul li > span.megamenu-column-header > a { background-color: var(--thegem-to-menu-level2-bg-color, #f4f6f7); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li:hover > a { color: var(--thegem-to-menu-level2-hover-color, #3c3950); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li:hover > a { background-color: var(--thegem-to-menu-level2-hover-bg-color, #ffffff); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a { color: var(--thegem-to-menu-level2-active-color, #3c3950); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a { background-color: var(--thegem-to-menu-level2-active-bg-color, #ffffff); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a.mega-no-link { color: var(--thegem-to-mega-menu-column-title-color, #3c3950); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a:hover { color: var(--thegem-to-mega-menu-column-title-hover-color, #00bcd4); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li.menu-item-active > span.megamenu-column-header a { color: var(--thegem-to-mega-menu-column-title-active-color, #00bcd4); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li:not(.megamenu-template-enable):not(.menu-item-type-template) li li:hover > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li.menu-item-current > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li.menu-item-active > a { color: var(--thegem-to-menu-level3-hover-color, #ffffff); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header { border-top: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li { border-bottom: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8); border-left: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8); border-right: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header:not(:last-child) { border-bottom: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul { border: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a.megamenu-has-icon:before, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul > li > a:before { color: var(--thegem-to-mega-menu-icons-color, #5F727FFF); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a:hover.megamenu-has-icon:before, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul > li > a:hover:before { color: inherit; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul:not(.megamenu-item-inited) { opacity: 0 !important; transform: translateY(20px) !important; -o-transform: translateY(20px) !important; -ms-transform: translateY(20px) !important; -moz-transform: translateY(20px) !important; -webkit-transform: translateY(20px) !important; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul ul { display: none; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul { width: auto; white-space: nowrap; background-repeat: no-repeat; font-size: 0; line-height: 1; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul.megamenu-masonry.megamenu-masonry-inited > li { position: absolute; } #site-header.without-transition *, .thegem-te-menu nav:not(.mobile-view) .nav-menu li > ul.without-transition, #primary-navigation.without-transition ul { transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable ul { width: auto; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul ul { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-left: 0 !important; border-right: 0 !important; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul:not(.megamenu-masonry) > li.megamenu-no-right-border, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul:not(.megamenu-masonry) > li.megamenu-no-right-border span.megamenu-column-header { border-right: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li { display: inline-block; vertical-align: top; border: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li { margin: 0 0 -1px -1px; border-top: 0 !important; /*border-bottom: 0 !important;*/ } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul.megamenu-masonry > li { /*margin: -1px 0 -1px -1px;*/ } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li { margin: 0 0 0 31px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li.megamenu-first-element { margin-left: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li.megamenu-new-row { display: block; font-size: 0; line-height: 1; height: 0; padding: 0 !important; margin: 0 0 1px 0; border: none; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul.megamenu-masonry > li.megamenu-new-row { /*margin-bottom: 0;*/ } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li.megamenu-new-row { margin: 0 0 7px 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default ul ul { border: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li.menu-item-current, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li.menu-item-active { background: none; border: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header { display: block; border-top: 0; position: relative; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header { padding-top: 8px; padding-bottom: 12px; margin-bottom: 11px; border-top: 0; border-left: 0; border-right: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li a { display: block; background: none; padding: 0; -o-transition: none; -webkit-transition: none; transition: none; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li:hover > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li.menu-item-current > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li.menu-item-active > a { border: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li.menu-item-parent > a:after { display: none; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a { text-transform: uppercase; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header a { padding: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a { display: block; padding-top: 13px; padding-bottom: 13px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a.mega-no-link { pointer-events: none; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header.mega-not-show { display: none; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header a.megamenu-has-icon { padding-left: 26px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a.megamenu-has-icon { padding-left: 56px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a.megamenu-has-icon:before { position: absolute; left: 0; display: inline-block; font-weight: normal; font-family: 'FontAwesome'; content: attr(data-icon); font-size: 14px; vertical-align: baseline; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a.megamenu-has-icon:before { left: 30px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li .mega-label { display: inline; font-size: 65%; line-height: 1; text-transform: uppercase; padding: 0 4px 0px 4px; margin: 0 0 0 10px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, #thegem-perspective .perspective-navigation .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a { padding-left: 55px; } .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a { padding-left: 52px; } .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a { padding-left: 52px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li > ul li > a { position: relative; padding: 8px 12px 8px 47px; vertical-align: middle; margin-left: -20px; border-left: 0 none; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul > li > a:before { display: inline-block; font-weight: normal; font-family: 'FontAwesome'; content: "\f105"; font-size: 14px; vertical-align: baseline; width: 25px; text-align: left; margin-left: -13px; padding-left: 4px; position: absolute; left: 34px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul > li > a:before { margin: 0; left: 27px; } .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before { left: 27px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul > li.megamenu-has-icon > a::before { content: attr(data-icon); padding: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li > ul > li > a:before { margin-right: 0; font-size: 14px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li > ul > li.megamenu-has-icon > a::before { font-family: 'FontAwesome'; content: attr(data-icon); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul { position: static !important; transform: translateX(0) !important; -o-transform: translateX(0) !important; -ms-transform: translateX(0)!important; -moz-transform: translateX(0) !important; -webkit-transform: translateX(0) !important; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable:hover > ul > li > ul { visibility: visible; opacity: 1; } .thegem-te-menu .nav-menu.submenu-icon > li:not(.menu-item-has-children):not(.menu-item-type-socials-widget) > a i, .thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) li a i, .thegem-te-menu .nav-menu.submenu-icon > li:not(.menu-item-has-children):not(.menu-item-type-socials-widget) > a svg, .thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) li a svg { display: none; } @media screen and (max-width: 979px) { .thegem-te-menu .nav-menu.submenu-icon li:not(.menu-item-type-socials-widget) a i, .thegem-te-menu .nav-menu.submenu-icon li:not(.menu-item-type-socials-widget) a svg { display: none !important; } } .thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a i, .thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a svg { display: inline-block; font-style: normal; font-size: var(--thegem-to-body-tiny-font-size); line-height: 1; font-weight: normal; vertical-align: middle; } .thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a svg { max-width: var(--thegem-to-body-tiny-font-size); max-height: var(--thegem-to-body-tiny-font-size); } .thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a i.default:before { content: '\e602'; font-family: 'thegem-icons'; } .thegem-te-menu nav.desktop-view .nav-menu.submenu-hide-border > li ul, .thegem-te-menu nav.desktop-view .nav-menu.submenu-hide-border > li ul li { border: none !important; } .thegem-te-menu nav.desktop-view .nav-menu.submenu-hide-border > li.megamenu-enable.megamenu-style-grid ul li { margin: 0 !important; } /*Use Light Color Scheme*/ #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li > a{ color: var(--header-builder-light-color, #FFFFFF); } #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li:hover > a{ color: var(--header-builder-light-color-hover, var(--thegem-to-menu-level1-color-hover)); } #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a:hover, #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a, #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a:hover{ color: var(--header-builder-light-color, #FFFFFF); } #site-header.header-light .thegem-te-menu .menu-toggle .menu-line-1, #site-header.header-light .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1, #site-header.header-light .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1, #site-header.header-light .thegem-te-menu .menu-toggle .menu-line-2, #site-header.header-light .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2, #site-header.header-light .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2, #site-header.header-light .thegem-te-menu .menu-toggle .menu-line-3, #site-header.header-light .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3, #site-header.header-light .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3{ background: var(--header-builder-light-color); } .thegem-te-menu nav.different-source-mobile.desktop-view ul.nav-menu.mobile-menu-source, .thegem-te-menu nav.different-source-mobile.mobile-view ul.nav-menu:not(.mobile-menu-source) { display: none; } /* Hover and Active Pointers */ .thegem-te-menu nav.desktop-view ul.nav-menu > li > a:after, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a:before { display: block; position: absolute; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1); -o-transition-timing-function: cubic-bezier(.58,.3,.005,1); transition-timing-function: cubic-bezier(.58,.3,.005,1); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a:before { z-index: -1; } .thegem-te-menu nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after, .thegem-te-menu nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before { opacity: 0; } /* Style Hover Framed */ .style-hover-framed.style-hover-type-frame-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a, .style-hover-framed.style-hover-type-frame-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-hover-framed.style-hover-type-frame-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { border-radius: 20px; } .style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { background: transparent; left: 0; top: 0; bottom: 0; right: 0; border: 2px solid var(--thegem-to-menu-level1-active-bg-color, #3c3950); } #site-header.header-light .style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, #site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, #site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, #site-header.header-light .style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, #site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, #site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { border-color: var(--header-builder-light-color, #FFFFFF); } .style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:before { content: ''; } .style-hover-framed.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before { transform: scale(0.75); } .style-hover-framed.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before { transform: scale(1.25); } .style-hover-framed.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-framed.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before { transition: opacity 0.2s, transform 0.4s; } .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after { width: 2px; height: 2px; } .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before { border-width: 0 0 2px 2px; transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s; } .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after { content: ''; top: initial; bottom: 0; left: initial; right: 0; border-width: 2px 2px 0 0; transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s; } .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before, .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after { width: 100% !important; height: 100% !important; } .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before { transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; } .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after { transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; } .style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after { width: 2px; height: 2px; } .style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before { border-width: 2px 0 0 2px; } .style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after { content: ''; top: initial; bottom: 0; left: initial; right: 0; border-width: 0 2px 2px 0; } .style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before, .style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after { width: 100% !important; height: 100% !important; transition: opacity 0.002s, width 0.4s, height 0.4s; } .style-hover-framed.style-hover-animation-none, .style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a { transition-duration: 0s; } .style-hover-framed.style-hover-animation-none:before, .style-hover-framed.style-hover-animation-none:after, .style-hover-framed.style-hover-animation-none:hover, .style-hover-framed.style-hover-animation-none:focus, .style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a { transition-duration: 0s; } /* Style Hover Lined */ .style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:before { content: ''; top: 0; } .style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { content: ''; bottom: 0; } .style-hover-lined.style-hover-type-line-underline-1 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-type-line-underline-2 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-type-line-overline-1 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-hover-lined.style-hover-type-line-overline-2 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-lined.style-active-type-line-underline-1 nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-lined.style-active-type-line-underline-2 nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-lined.style-active-type-line-overline-1 nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-lined.style-active-type-line-overline-2 nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-lined.style-active-type-line-underline-1 nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-active-lined.style-active-type-line-underline-2 nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-active-lined.style-active-type-line-overline-1 nav.desktop-view ul.nav-menu > li.menu-item-current > a:after, .style-active-lined.style-active-type-line-overline-2 nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { content: none; } .style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { height: 2px; width: 100%; left: 0; background-color: var(--thegem-to-menu-level1-color-hover, #00BCD4); z-index: 2; } .style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { background-color: var(--thegem-to-menu-level1-active-bg-color, #3c3950); } #site-header.header-light .style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, #site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, #site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, #site-header.header-light .style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, #site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, #site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { background-color: var(--header-builder-light-color, #FFFFFF); } .style-hover-lined.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { height: 0; width: 0; left: 50%; } .style-hover-lined.style-hover-animation-drop-out nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before { top: 10px; } .style-hover-lined.style-hover-animation-drop-out nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { bottom: 10px; } .style-hover-lined.style-hover-animation-drop-in nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before { top: -10px; } .style-hover-lined.style-hover-animation-drop-in nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { bottom: -10px; } .style-hover-lined.style-hover-animation-none, .style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a { transition-duration: 0s; } .style-hover-lined.style-hover-animation-none:before, .style-hover-lined.style-hover-animation-none:after, .style-hover-lined.style-hover-animation-none:hover, .style-hover-lined.style-hover-animation-none:focus, .style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:hover, .style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:focus { transition-duration: 0s; } .style-hover-lined.style-hover-animation-slide-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-animation-slide-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { width: 10px; left: -20px; } .style-hover-lined.style-hover-animation-slide-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-animation-slide-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { width: 10px; left: calc(100% + 20px); } /* Style Hover Background */ .style-hover-background nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-hover-background nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { content: ''; transition: 0.3s; } .style-hover-background nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-current > a:before { top: 0; left: 0; right: 0; bottom: 0; background: var(--thegem-to-menu-level1-hover-bg-color, #F4F6F7); z-index: -1; } .style-hover-background.style-hover-type-background-underline nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { height: 2px; left: 0; right: 0; bottom: 0; background-color: var(--thegem-to-menu-level2-border-color, #DFE5E8); z-index: 2; } .style-hover-background.style-hover-type-background-underline nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a, .style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-current > a { color: var(--thegem-to-menu-level1-color-hover, #00BCD4); } .style-hover-background.style-hover-type-background-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a, .style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a { color: #fff; } .style-hover-background.style-hover-type-background-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before, .style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a:before { background-color: var(--thegem-to-menu-level1-color-hover, #00BCD4); border-radius: 20px; } .style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after { transform: scale(0.5); } .style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before, .style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after { transform: scale(1); opacity: 1; } .style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { transform: scale(1.2); transition: 0.3s; } .style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before, .style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after { transition: opacity 0.15s, transform 0.4s; } .style-hover-background.style-hover-animation-sweep-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-sweep-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { left: 100%; } .style-hover-background.style-hover-animation-sweep-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-sweep-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { right: 100%; } .style-hover-background.style-hover-animation-sweep-up nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-sweep-up nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { top: 100%; } .style-hover-background.style-hover-animation-sweep-down nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-sweep-down nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { bottom: 100%; } .style-hover-background.style-hover-animation-none, .style-hover-background.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a { transition-duration: 0s; } .style-hover-background.style-hover-animation-none:before, .style-hover-background.style-hover-animation-none:after, .style-hover-background.style-hover-animation-none:hover, .style-hover-background.style-hover-animation-none:focus, .style-hover-background.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after { transition-duration: 0s; } /* Style Hover Text Color */ .style-hover-text nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a { color: var(--thegem-to-menu-level1-color-hover, #00BCD4); } .style-active-text nav.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-text nav.desktop-view ul.nav-menu > li.menu-item-current > a { color: var(--thegem-to-menu-level1-active-color, #3C3950); } .thegem-te-menu nav.mobile-view .megamenu-template { display: none; } .thegem-te-menu nav.desktop-view ul.nav-menu > li.megamenu-template-enable .sub-menu { display: none !important; } .thegem-te-menu ul.nav-menu .megamenu-template { background-color: var(--thegem-to-main-bg-color, #FFFFFF); font-size: initial; } .thegem-te-menu ul.nav-menu .megamenu-template .container { max-width: 100%; } .thegem-te-menu ul.nav-menu .megamenu-template .wpb_row { margin-bottom: 0; } .thegem-te-menu ul.nav-menu .megamenu-template .vc_row { margin-left: -21px; margin-right: -21px; } .thegem-te-menu ul.nav-menu .megamenu-template.template-width-custom .container { width: 100%; } .thegem-te-menu ul.nav-menu .megamenu-template > .container > p:empty { display: none; } .thegem-te-menu nav.desktop-view ul.nav-menu > li.megamenu-template-enable:not(:hover) .megamenu-template * { transition: none !important; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny { margin-top: 0; margin-bottom: 0; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3 ~ span{ font-family: var(--thegem-to-h3-font-family); font-style: var(--thegem-to-h3-font-style); font-weight: var(--thegem-to-h3-font-weight); text-transform: var(--thegem-to-h3-text-transform); font-size: var(--thegem-to-h3-font-size); line-height: var(--thegem-to-h3-line-height); letter-spacing: var(--thegem-to-h3-letter-spacing); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3.light ~ span{ font-family: var(--thegem-to-light-title-font-family); font-style: normal; font-weight: normal; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4 ~ span{ font-family: var(--thegem-to-h4-font-family); font-style: var(--thegem-to-h4-font-style); font-weight: var(--thegem-to-h4-font-weight); text-transform: var(--thegem-to-h4-text-transform); font-size: var(--thegem-to-h4-font-size); line-height: var(--thegem-to-h4-line-height); letter-spacing: var(--thegem-to-h4-letter-spacing); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4.light ~ span{ font-family: var(--thegem-to-light-title-font-family); font-style: normal; font-weight: normal; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5 ~ span{ font-family: var(--thegem-to-h5-font-family); font-style: var(--thegem-to-h5-font-style); font-weight: var(--thegem-to-h5-font-weight); text-transform: var(--thegem-to-h5-text-transform); font-size: var(--thegem-to-h5-font-size); line-height: var(--thegem-to-h5-line-height); letter-spacing: var(--thegem-to-h5-letter-spacing); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5.light ~ span{ font-family: var(--thegem-to-light-title-font-family); font-style: normal; font-weight: normal; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6 ~ span{ font-family: var(--thegem-to-h6-font-family); font-style: var(--thegem-to-h6-font-style); font-weight: var(--thegem-to-h6-font-weight); text-transform: var(--thegem-to-h6-text-transform); font-size: var(--thegem-to-h6-font-size); line-height: var(--thegem-to-h6-line-height); letter-spacing: var(--thegem-to-h6-letter-spacing); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6.light ~ span{ font-family: var(--thegem-to-light-title-font-family); font-style: normal; font-weight: normal; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle ~ span{ font-family: var(--thegem-to-styled-subtitle-font-family); font-style: var(--thegem-to-styled-subtitle-font-style); font-weight: var(--thegem-to-styled-subtitle-font-weight); text-transform: var(--thegem-to-styled-subtitle-text-transform); font-size: var(--thegem-to-styled-subtitle-font-size); line-height: var(--thegem-to-styled-subtitle-line-height); letter-spacing: var(--thegem-to-styled-subtitle-letter-spacing); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle.light ~ span{ font-family: var(--thegem-to-light-title-font-family); font-style: normal; font-weight: normal; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body ~ span{ font-family: var(--thegem-to-body-font-family); font-style: var(--thegem-to-body-font-style); font-weight: var(--thegem-to-body-font-weight); text-transform: var(--thegem-to-body-text-transform); font-size: var(--thegem-to-body-font-size); line-height: var(--thegem-to-body-line-height); letter-spacing: var(--thegem-to-body-letter-spacing); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body.light ~ span{ font-family: var(--thegem-to-light-title-font-family); font-style: normal; font-weight: normal; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny ~ span{ font-family: var(--thegem-to-body-tiny-font-family); font-style: var(--thegem-to-body-tiny-font-style); font-weight: var(--thegem-to-body-tiny-font-weight); text-transform: var(--thegem-to-body-tiny-text-transform); font-size: var(--thegem-to-body-tiny-font-size); line-height: var(--thegem-to-body-tiny-line-height); letter-spacing: var(--thegem-to-body-tiny-letter-spacing); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny.light ~ span{ font-family: var(--thegem-to-light-title-font-family); font-style: normal; font-weight: normal; } /* Hide toggle buttons */ @media (min-width: 768px) { .thegem-te-menu__default.desktop-view .menu-toggle, .thegem-te-menu__default.desktop-view .overlay-menu-back, .thegem-te-menu__default.desktop-view .mobile-menu-slide-close{ display: none; } /* Hide back item */ .thegem-te-menu__default.desktop-view ul.nav-menu li.dl-back, .thegem-te-menu__default.desktop-view ul.nav-menu li.dl-parent{ display: none !important; } /* Menu style default level1 */ .thegem-te-menu__default.desktop-view ul.nav-menu{ position: relative; display: flex; align-items: baseline; flex-wrap: wrap; width: auto !important; left: inherit !important; padding: 0; margin: 0 -16px; } } .thegem-te-menu__default.desktop-view ul.nav-menu.nav-menu--stretch { justify-content: space-between; } .thegem-te-menu__default.desktop-view ul.nav-menu li ul { margin-top: -1px; } .thegem-te-menu__default.desktop-view ul.nav-menu li { position: relative; } .thegem-te-menu__default.desktop-view ul.nav-menu > li{ position: relative; display: flex; align-items: center; } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-type-split-logo) { flex: none; } .thegem-te-menu__default.desktop-view ul.nav-menu > li > a{ position: relative; display: block; padding: 2px 16px; font-family: var(--thegem-to-menu-font-family, 'Montserrat'); font-style: var(--thegem-to-menu-font-style, normal); font-weight: var(--thegem-to-menu-font-weight, 700); font-size: var(--thegem-to-menu-font-size, 14px); line-height: var(--thegem-to-menu-line-height, 25px); letter-spacing: var(--thegem-to-menu-letter-spacing, 0); text-transform: var(--thegem-to-menu-text-transform, uppercase); text-decoration: none; color: var(--thegem-to-menu-level1-color, #3C3950); background-color: var(--thegem-to-menu-level1-bg-color); z-index: 1; } /* Menu style default level2 */ .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) ul, .thegem-te-menu__default.desktop-view ul.nav-menu > li .megamenu-template { position: absolute; visibility: hidden; top: 100%; opacity: 0; transition: transform 0.1s linear 0.5s, opacity 0.1s linear 0.5s, visibility 0.1s linear 0.5s; z-index: 1; } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul { left: 0 !important; width: 280px !important; border: 1px solid var(--thegem-to-menu-level2-border-color, #DFE5E8); border-top: 0; } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul.invert { right: 0 !important; left: initial !important; } @media (-webkit-device-pixel-ratio: 1.25) { .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul { border: 0.8px solid var(--thegem-to-menu-level2-border-color, #DFE5E8); border-top: 0; } } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) > ul, .thegem-te-menu__default.desktop-view ul.nav-menu > li .megamenu-template { transform: translateY(20px); } .thegem-te-menu__default.desktop-view ul.nav-menu:hover > li:not(.megamenu-template-enable) ul, .thegem-te-menu__default.desktop-view ul.nav-menu:hover > li.megamenu-template-enable > .megamenu-template { visibility: hidden; transition: transform 0.1s linear, opacity 0.1s linear, visibility 0.1s linear; opacity: 0; } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable):hover > ul, .thegem-te-menu__default.desktop-view ul.nav-menu > li:hover > .megamenu-template { visibility: visible; opacity: 1; transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear; transform: translateY(0); } .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li{ border-top: 1px solid var(--thegem-to-menu-level2-border-color, #DFE5E8); } @media (-webkit-device-pixel-ratio: 1.25) { .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li{ border-top: 0.8px solid var(--thegem-to-menu-level2-border-color, #DFE5E8); } } .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li a{ position: relative; display: flex; align-items: center; padding: 15px 30px 15px 27px; font-family: var(--thegem-to-submenu-font-family, 'Source Sans Pro'); font-style: var(--thegem-to-submenu-font-style, normal); font-weight: var(--thegem-to-submenu-font-weight, normal); font-size: var(--thegem-to-submenu-font-size, 16px); line-height: var(--thegem-to-submenu-line-height, 20px); letter-spacing: var(--thegem-to-submenu-letter-spacing, 0); text-transform: var(--thegem-to-submenu-text-transform, none); text-decoration: none; border-left: 3px solid transparent; transition: color 0.3s, background-color 0.3s, border-left-color 0.3s; color: var(--thegem-to-menu-level2-color, #5F727F); background-color: var(--thegem-to-menu-level2-bg-color, #F4F6F7); } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) li:hover > a{ border-color: var(--thegem-to-styled-color1, #00BCD4); background-color: var(--thegem-to-menu-level2-hover-bg-color, #FFFFFF); color: var(--thegem-to-menu-level2-hover-color, #3C3950); } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) li.menu-item-active > a, .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) li.menu-item-current > a{ border-color: var(--thegem-to-styled-color1, #00BCD4); background-color: var(--thegem-to-menu-level2-active-bg-color, #FFFFFF); color: var(--thegem-to-menu-level2-active-color, #3C3950); } .menu--dark-submenu .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li a, .menu--white-mainmenu .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li a{ border-left: 0; } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) li.menu-item-parent > a:after{ content: '\e601'; font-family: 'thegem-icons'; position: absolute; right: 20px; top: 50%; width: 9px; height: 16px; margin-top: -8px; font-size: 16px; line-height: 1; color: var(--thegem-to-menu-submenu-highlighter-color); } /* Menu style default level3+ */ .thegem-te-menu__default.desktop-view ul.nav-menu:hover li:hover > ul, .thegem-te-menu__default.desktop-view ul.nav-menu:hover li.megamenu-template-enable:hover > .megamenu-template { visibility: visible; opacity: 1; transform: translateY(0); transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear; } .thegem-te-menu__default.desktop-view ul.nav-menu > li ul ul{ position: absolute; top: 0; transform: translateX(20px); z-index: 1; } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul ul { left: 100% !important; top: 0; } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul ul.invert { right: 100% !important; left: initial !important; } .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li > ul li{ border-top: 1px solid var(--thegem-to-menu-level2-border-color, #DFE5E8); } @media (-webkit-device-pixel-ratio: 1.25) { .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li > ul li{ border-top: 0.8px solid var(--thegem-to-menu-level2-border-color, #DFE5E8); } } .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li > ul li a{ background-color: var(--thegem-to-menu-level3-bg-color, #FFFFFF); color: var(--thegem-to-menu-level3-color, #5F727F); } .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li li.menu-item:hover > a{ border-color: var(--thegem-to-styled-color1, #00BCD4); background-color: var(--thegem-to-menu-level3-hover-bg-color, #FFFFFF); color: var(--thegem-to-menu-level3-hover-color, #5F727F); } .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li li.menu-item-active > a, .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li li.menu-item-current > a{ border-color: var(--thegem-to-styled-color1, #00BCD4); background-color: var(--thegem-to-menu-level3-active-bg-color, #FFFFFF); color: var(--thegem-to-menu-level3-active-color, #5F727F); } /* Menu style default invert */ .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul.invert{ left: auto !important; right: 0 !important; transform: translateX(-20px); } .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul ul.invert{ top: 0; left: auto !important; right: 100% !important; transform: translateX(-20px); z-index: 2; } /* Menu split logo */ .thegem-te-menu__default:not(.desktop-view) ul.nav-menu .menu-item-type-split-logo{ display: none; } .thegem-te-menu__default.desktop-view ul.nav-menu.nav-menu--split { flex-wrap: nowrap; } .thegem-te-menu__default.desktop-view ul.nav-menu .menu-item-type-split-logo .site-logo{ padding: 0 15px; } .thegem-te-menu__default.desktop-view ul.nav-menu .menu-item-type-split-logo .site-logo a{ display: block; } .thegem-te-menu__default.desktop-view ul.nav-menu.nav-menu--split.fullwidth-logo .menu-item-type-split-logo{ flex: 1; justify-content: center; } .thegem-te-menu__default.desktop-view ul.nav-menu.absolute.nav-menu--split.fullwidth-logo .menu-item-type-split-logo{ z-index: -1; } .thegem-te-menu__default.desktop-view ul.nav-menu.absolute .menu-item-type-split-logo { margin-left: 150px; margin-right: 150px; } .elementor-widget-wrap > .logo-fullwidth-block { position: absolute !important; width: 100%; left: 0; } .elementor-widget-wrap > .logo-fullwidth-block:not(.desktop-view) { display: none !important; } .thegem-te-menu__default.desktop-view ul.nav-menu.absolute .menu-item-type-split-logo > .logo-fullwidth-block{ margin: 0 !important; padding: 0 !important; position: absolute !important; } .thegem-te-menu__default ul.nav-menu.nav-menu--split:not(.absolute) .logo-fullwidth-block{ width: auto !important; left: auto !important; } /* Hover Styles */ .style-hover-framed .thegem-te-menu__default.desktop-view ul.nav-menu, .style-hover-lined.style-hover-type-line-top-bottom .thegem-te-menu__default.desktop-view ul.nav-menu, .style-hover-background.style-hover-type-background-color .thegem-te-menu__default.desktop-view ul.nav-menu, .style-hover-background.style-hover-type-background-rounded .thegem-te-menu__default.desktop-view ul.nav-menu { margin-left: -5px; margin-right: -5px; } .style-hover-framed .thegem-te-menu__default.desktop-view ul.nav-menu > li, .style-hover-lined.style-hover-type-line-top-bottom .thegem-te-menu__default.desktop-view ul.nav-menu > li, .style-hover-background.style-hover-type-background-color .thegem-te-menu__default.desktop-view ul.nav-menu > li, .style-hover-background.style-hover-type-background-rounded .thegem-te-menu__default.desktop-view ul.nav-menu > li { margin-left: 5px; margin-right: 5px; } .style-hover-lined.style-hover-type-line-underline-1 .thegem-te-menu__default.desktop-view ul.nav-menu, .style-hover-lined.style-hover-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu, .style-hover-lined.style-hover-type-line-overline-1 .thegem-te-menu__default.desktop-view ul.nav-menu, .style-hover-lined.style-hover-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu { margin-left: -15px; margin-right: -15px; } .style-hover-lined.style-hover-type-line-underline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li, .style-hover-lined.style-hover-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li, .style-hover-lined.style-hover-type-line-overline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li, .style-hover-lined.style-hover-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li { margin-left: 15px; margin-right: 15px; } .style-hover-lined.style-hover-type-line-underline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-hover-lined.style-hover-type-line-overline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-active-lined.style-active-type-line-underline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-lined.style-active-type-line-underline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a, .style-active-lined.style-active-type-line-overline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-lined.style-active-type-line-overline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a, .style-hover-lined.style-hover-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-hover-lined.style-hover-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-active-lined.style-active-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-lined.style-active-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a, .style-active-lined.style-active-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-lined.style-active-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a { padding-left: 0; padding-right: 0; } .style-hover-lined.style-hover-type-line-top-bottom .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-active-lined.style-active-type-line-top-bottom .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-lined.style-active-type-line-top-bottom .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a, .style-hover-background.style-hover-type-background-color .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-active-background.style-active-type-background-color .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-background.style-active-type-background-color .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a { padding-left: 10px; padding-right: 10px; } .style-hover-background.style-hover-type-background-underline .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-hover-background.style-hover-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-active-background.style-active-type-background-underline .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-background.style-active-type-background-underline .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a, .style-active-background.style-active-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-background.style-active-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a { padding-left: 15px; padding-right: 15px; } .style-hover-lined.style-hover-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li > a, .style-hover-lined.style-hover-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li > a, .style-hover-background.style-hover-type-background-underline .thegem-te-menu__default.desktop-view ul.nav-menu > li > a, .style-hover-background.style-hover-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li > a { padding-top: 20px; padding-bottom: 20px; } .style-hover-background.style-hover-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-background.style-active-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-background.style-active-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a:before { border-radius: 3px; } /* Hide toggle buttons */ .thegem-te-menu-mobile__slide-horizontal.mobile-view .overlay-toggle, .thegem-te-menu-mobile__slide-horizontal.mobile-view .overlay-menu-back, .thegem-te-menu-mobile__slide-horizontal.mobile-view .hamburger-toggle, .thegem-te-menu-mobile__slide-horizontal.mobile-view .hamburger-menu-back, .thegem-te-menu-mobile__slide-vertical.mobile-view .overlay-toggle, .thegem-te-menu-mobile__slide-vertical.mobile-view .overlay-menu-back, .thegem-te-menu-mobile__slide-vertical.mobile-view .hamburger-toggle, .thegem-te-menu-mobile__slide-vertical.mobile-view .hamburger-menu-back{ display: none; } /* Hide megamenu elements */ .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.megamenu-new-row, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.megamenu-new-row{ display: none; } .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu{ min-height: 100%; } .thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper, .thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper{ position: fixed; overflow-y: auto; padding-top: 75px; z-index: 999; -webkit-overflow-scrolling: touch; opacity: 1; background-color: var(--thegem-to-mobile-menu-level1-bg-color, #DFE5E8); } @media (max-width: 767px) { .thegem-te-menu-mobile__slide-horizontal .mobile-menu-slide-wrapper, .thegem-te-menu-mobile__slide-vertical .mobile-menu-slide-wrapper{ position: fixed; overflow-y: auto; padding-top: 75px; z-index: 999; -webkit-overflow-scrolling: touch; opacity: 1; background-color: var(--thegem-to-mobile-menu-level1-bg-color, #DFE5E8); } } body.admin-bar .thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper.opened, body.admin-bar .thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper.opened{ top: 46px; padding-bottom: 46px; } .thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper .nav-menu, .thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper .nav-menu{ padding-bottom: 30px; } .thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-close, .thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-close{ display: block; border: none; width: 36px; height: 30px; text-indent: 100%; font-size: 0; line-height: 0; overflow: hidden; position: absolute; right: 19px; top: 20px; cursor: pointer; outline: none; background: transparent; padding: 0; } .thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-close:before, .thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-close:after, .thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-close:before, .thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-close:after{ display: block; content: ''; position: absolute; height: 4px; width: 100%; left: 0; background-color: var(--thegem-to-mobile-menu-hide-color, #3C3950); } .thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-close:before, .thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-close:before{ transform: rotate(45deg); top: 13px; } .thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-close:after, .thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-close:after{ top: 13px; transform: rotate(-45deg); } .thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper{ left: 0; top: 0; width: 350px; height: 100vh; max-width: 100vw; transform: translateX(-100%); } @media (max-width: 767px) { .thegem-te-menu-mobile__slide-horizontal .mobile-menu-slide-wrapper{ left: 0; top: 0; width: 350px; height: 100vh; max-width: 100vw; transform: translateX(-100%); } } .thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper{ left: 0; right: 0; top: -100vh; height: 100vh; } .thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper.animation{ transition: transform 0.2s ease-out; opacity: 1; } .thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper.animation{ transition: top 0.2s ease-out; opacity: 1; } .thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper.opened{ transform: translateX(0); opacity: 1; } .thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper.opened{ top: 0; opacity: 1; } .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li{ position: relative; width: auto !important; border-top: 1px solid; border-color: var(--thegem-to-mobile-menu-border-color, #DFE5E8); } .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li:first-child, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li:first-child{ border: 0; } .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li a{ display: block; padding: 13px 60px 15px 30px; margin: 0; position: relative; color: var(--thegem-to-mobile-menu-level1-color, #5F727F); background-color: var(--thegem-to-mobile-menu-level1-bg-color, #DFE5E8); font-family: var(--thegem-to-submenu-font-family); font-style: var(--thegem-to-submenu-font-style); font-weight: var(--thegem-to-submenu-font-weight); font-size: var(--thegem-to-submenu-font-size); line-height: var(--thegem-to-submenu-line-height); letter-spacing: var(--thegem-to-submenu-letter-spacing); text-transform: var(--thegem-to-submenu-text-transform); text-decoration: none; } .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li .menu-item-parent-toggle{ color: var(--thegem-to-mobile-menu-level1-color, #5F727F); } .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li > ul, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li > ul{ display: none; padding: 0 !important; background-image: none !important } /* Menu style sliding level1+ */ .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-has-children > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-has-children > .menu-item-parent-toggle{ display: block; position: absolute; right: 15px; top: 0; width: 40px; height: 49px; cursor: pointer; } .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-has-children > .menu-item-parent-toggle:after, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-has-children > .menu-item-parent-toggle:after{ display: block; text-align: center; font-weight: normal; font-family: 'thegem-icons'; font-style: normal; content: '\e634'; font-size: 24px; line-height: 49px; } .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-has-children.opened > .menu-item-parent-toggle:after, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-has-children.opened > .menu-item-parent-toggle:after{ content: '\e635'; } .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-active > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-active > a, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-active.opened > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-active.opened > a, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-current > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-current > a, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-current.opened > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-current.opened > a, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-has-children.opened > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-has-children.opened > a{ color: var(--thegem-to-mobile-menu-level1-active-color, #3C3950); background-color: var(--thegem-to-mobile-menu-level1-active-bg-color); } .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-active > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-active > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-active.opened > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-active.opened > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-current > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-current > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-current.opened > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-current.opened > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-has-children.opened > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-has-children.opened > .menu-item-parent-toggle{ color: var(--thegem-to-mobile-menu-level1-active-color, #3C3950); } /* Menu style sliding level2+ */ .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul li a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul li a{ padding-left: 50px; color: var(--thegem-to-mobile-menu-level2-color, #5F727F); background-color: var(--thegem-to-mobile-menu-level2-bg-color, #F0F3F2); } .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul li.menu-item-active > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul li.menu-item-active > a, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul li.menu-item-active.opened > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul li.menu-item-active.opened > a, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul li.menu-item-current > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul li.menu-item-current > a, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul li.menu-item-current.opened > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul li.menu-item-current.opened > a, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul li.menu-item-has-children.opened > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul li.menu-item-has-children.opened > a{ color: var(--thegem-to-mobile-menu-level2-active-color, #3C3950); background-color: var(--thegem-to-mobile-menu-level2-active-bg-color); } .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li.menu-item-current.opened > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li.menu-item-current.opened > a, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li.menu-item-current.opened > span > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li.menu-item-current.opened > span > a, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li > ul > li.menu-item-has-children.opened > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li > ul > li.menu-item-has-children.opened > .menu-item-parent-toggle{ color: var(--thegem-to-mobile-menu-level2-active-color, #3C3950); } /* Menu style sliding level3+ */ .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li > ul li a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li > ul li a{ padding-left: 70px; color: var(--thegem-to-mobile-menu-level3-color, #5F727F); background-color: var(--thegem-to-mobile-menu-level3-bg-color, #FFFFFF); } .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li li.menu-item-active > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li li.menu-item-active > a, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li li.menu-item-active.opened > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li li.menu-item-active.opened > a, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li li.menu-item-current > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li li.menu-item-current > a, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li li.menu-item-current.opened > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li li.menu-item-current.opened > a, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li li.menu-item-parent.opened > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li li.menu-item-parent.opened > a{ background-color: var(--thegem-to-mobile-menu-level3-active-bg-color, #FFFFFF); color: var(--thegem-to-mobile-menu-level3-active-color, #5F727F); } .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li > ul > li li.menu-item-active > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li > ul > li li.menu-item-active > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li > ul > li li.menu-item-active.opened > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li > ul > li li.menu-item-active.opened > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li > ul > li li.menu-item-current > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li > ul > li li.menu-item-current > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li > ul > li li.menu-item-current.opened > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li > ul > li li.menu-item-current.opened > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li > ul > li li.menu-item-parent.opened > .menu-item-parent-toggle, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li > ul > li li.menu-item-parent.opened > .menu-item-parent-toggle{ color: var(--thegem-to-mobile-menu-level3-active-color, #5F727F); } .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li > ul > li > ul > li > a, .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li > ul > li > ul > li > a{ padding-left: 90px; } /*Sliding overlay*/ .thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-back, .thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-back{ content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000; z-index: 10; opacity: 0; visibility: hidden; transition: opacity 0.3s ease-out 0s, visibility 0s linear 0.3s; } .thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-back.active, .thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-back.active{ opacity: 0.7; visibility: visible; transition: opacity 0.3s ease-in 0s, visibility 0s linear 0s; } /* Search Widget */ .thegem-te-menu-mobile__slide-horizontal.mobile-view.show-mobile-search li.menu-item-type-search-widget, .thegem-te-menu-mobile__slide-vertical.mobile-view.show-mobile-search li.menu-item-type-search-widget{ position: static; display: inline-block !important; } .thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > a, .thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > a{ display: none; } .thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch, .thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch{ position: absolute; top: 0; left: 0; right: 55px; background: transparent; width: auto; padding: 15px 30px; border: 0; -webkit-transform: translateY(0); transform: translateY(0); } .thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch form, .thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch form{ position: relative; width: 100%; } .thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch .sf-input, .thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch .sf-input{ position: relative; width: 100%; height: 40px; border-radius: 4px; padding-right: 40px; font-size: 16px; color: var(--thegem-to-mobile-menu-level2-active-color); border: 1px solid var(--thegem-to-mobile-menu-border-color); background-color: var(--thegem-to-mobile-menu-level2-bg-color); outline: none; } .thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch .sf-input::placeholder, .thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch .sf-input::placeholder{ color: var(--thegem-to-mobile-menu-level2-color); } .thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch .sf-submit-icon, .thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch .sf-submit-icon{ position: absolute; right: 0; width: 40px; height: 40px; } .thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch .sf-submit-icon:before, .thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch .sf-submit-icon:before{ content: "\e612"; display: block; font-family: "thegem-icons"; font-style: normal; font-size: 24px; font-weight: normal; line-height: 40px; margin-right: 5px; padding-right: 3px; text-align: center; vertical-align: top; width: 100%; height: 40px; color: var(--thegem-to-mobile-menu-level2-color); } .thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch .sf-submit, .thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch .sf-submit{ position: absolute; right: 20px; width: 40px; height: 40px; margin: 0; background: transparent; border: 0; cursor: pointer; } /* Socials Widget */ .thegem-te-menu-mobile__slide-horizontal.mobile-view.show-mobile-socials li.menu-item-type-socials-widget, .thegem-te-menu-mobile__slide-vertical.mobile-view.show-mobile-socials li.menu-item-type-socials-widget{ position: static; min-width: 100%; display: inline-block !important; } .thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-socials-widget > .menu-item-socials, .thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-socials-widget > .menu-item-socials{ position: relative; background: transparent; padding: 15px 30px; } .thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-socials-widget > .menu-item-socials .socials, .thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-socials-widget > .menu-item-socials .socials{ position: relative; display: flex; align-items: center; flex-wrap: wrap; margin: 0 -8px; } .thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-socials-widget > .menu-item-socials .socials-item, .thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-socials-widget > .menu-item-socials .socials-item{ display: flex; align-items: center; justify-content: center; padding: 8px; margin: 0; color: var(--thegem-to-mobile-menu-socials-color); background-color: transparent; } .thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-socials-widget > .menu-item-socials .socials-item-icon, .thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-socials-widget > .menu-item-socials .socials-item-icon{ font-size: 16px; } .thegem-te-menu-mobile__global-section.mobile-view .mobile-menu-slide-wrapper.mobile-menu-slide-global-section { background-color: var(--thegem-to-main-bg-color, #ffffff); padding-top: 0; overflow: visible; width: calc(100vw - 45px); max-width: 500px; } .thegem-te-menu-mobile__global-section .mobile-menu-visible-content { max-height: 100%; overflow: auto; } .thegem-te-menu-mobile__global-section .mobile-menu-visible-content .elementor-top-section { padding: 0 21px; } .thegem-te-menu-mobile__global-section.mobile-view .mobile-menu-slide-global-section .mobile-menu-hidden-content, .thegem-te-menu-mobile__global-section.desktop-view .mobile-menu-slide-global-section .mobile-menu-visible-content { display: none; } .thegem-te-menu-mobile__global-section.mobile-view .mobile-menu-slide-wrapper .mobile-menu-slide-close { display: none; width: 25px; height: 25px; top: 10px; right: -35px; z-index: 1; } .thegem-te-menu-mobile__global-section.mobile-view .mobile-menu-slide-wrapper.animation .mobile-menu-slide-close, .thegem-te-menu-mobile__global-section.mobile-view .mobile-menu-slide-wrapper.opened .mobile-menu-slide-close { display: block; } .thegem-te-menu-mobile__global-section.mobile-view .mobile-menu-slide-wrapper .mobile-menu-slide-close:before, .thegem-te-menu-mobile__global-section.mobile-view .mobile-menu-slide-wrapper .mobile-menu-slide-close:after { height: 1px; top: 13px; width: auto; left: 3px; right: 3px; background-color: #ffffff; } .site-header .elementor-widget-wrap { display: flex; } .thegem-te-search { position: relative; } /*Search icon*/ .thegem-te-search .thegem-te-search__item { position: relative; display: flex; align-items: center; } .thegem-te-search .thegem-te-search__item a { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 24px; line-height: 1; color: var(--thegem-to-menu-level1-color, #3C3950); } .thegem-te-search .thegem-te-search__item a svg { max-width: 100%; height: auto; } .thegem-te-search .thegem-te-search__item a i, .thegem-te-search .thegem-te-search__item a i:before { display: block; font-style: normal; } .thegem-te-search .thegem-te-search__item a:hover, .thegem-te-search .thegem-te-search__item.active a { color: var(--thegem-to-menu-level1-color-hover, #00BCD4); } .thegem-te-search .thegem-te-search__item a .open i.default:before { content: "\e612"; font-family: "thegem-icons"; } .thegem-te-search .thegem-te-search__item a .close { display: none; } .thegem-te-search .thegem-te-search__item a .close i.default:before { content: "\e619"; font-family: "thegem-icons"; } .thegem-te-search .thegem-te-search__item.fullscreen > a .close, .thegem-te-search .thegem-te-search__item.active > a .close { display: block; } .thegem-te-search .thegem-te-search__item.fullscreen > a .open, .thegem-te-search .thegem-te-search__item.active > a .open { display: none; } /*Use Light Color Scheme*/ #site-header.header-light .thegem-te-search .thegem-te-search__item a { color: var(--header-builder-light-color, #FFFFFF); } #site-header.header-light .thegem-te-search .thegem-te-search__item a:hover, #site-header.header-light .thegem-te-search .thegem-te-search__item.active a { color: var(--header-builder-light-color-hover, #00BCD4); } /*Mini search*/ .thegem-te-search .minisearch { position: absolute; top: 100%; left: 0; padding: 20px; width: 280px; opacity: 0; visibility: hidden; transform: translateY(20px); } .thegem-te-search .thegem-te-search__item.active .minisearch { opacity: 1; visibility: visible; transform: translateY(0); transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear; } .thegem-te-search .minisearch.invert { left: auto; right: 0; } .thegem-te-search .minisearch form { position: relative; } .thegem-te-search .minisearch .sf-input { font-size: 16px; width: 100%; height: 40px; border-radius: 4px; padding-right: 40px; outline: none; } .thegem-te-search .minisearch .sf-submit { position: absolute; top: 0; right: 0; width: 40px; height: 40px; margin: 0; background: rgba(0, 0, 0, 0); border: 0; cursor: pointer; font-size: 0; } .thegem-te-search .minisearch .sf-submit:hover { background: transparent; } .thegem-te-search .minisearch .sf-submit:focus { outline: none; } .thegem-te-search .minisearch .sf-submit-icon { position: absolute; right: 0; width: 40px; height: 40px; } .thegem-te-search .minisearch .sf-submit-icon:before { content: "\e612"; display: block; font-family: "thegem-icons"; font-style: normal; font-size: 24px; font-weight: normal; line-height: 40px; margin-right: 5px; padding-right: 3px; text-align: center; vertical-align: top; width: 100%; height: 40px; } .elementor-bc-flex-widget .elementor-25335 .elementor-element.elementor-element-d5bc96f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-25335 .elementor-element.elementor-element-d5bc96f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-25335 .elementor-element.elementor-element-d5bc96f .elementor-widget-wrap{flex-wrap:wrap;}.elementor-25335 .elementor-element.elementor-element-d5bc96f > .elementor-element-populated{padding:28px 0px 28px 0px;}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-110cf97{padding:0px 5px 0px 5px;}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content, .elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper{text-align:left;}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content{padding:0px 0px 0px 0px;}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox .thegem-te-infobox-content .thegem-te-infobox-title{margin-bottom:0px;margin-top:0px;color:#B6C6C9;}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon i{font-size:24px !important;color:#3C3950;}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon svg{width:24px !important;height:24px !important;fill:#3C3950;}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content .gem-image img, .elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content a .gem-image img{width:24px;max-width:24px;height:auto;}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon{padding:7px;border-radius:50% 50% 50% 50%;border-style:none;transform:rotate(0deg);}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content .gem-image span, .elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content a .gem-image span{padding:7px;}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content a .gem-texbox-icon-image-wrapper .elementor-icon{border-radius:50% 50% 50% 50%;}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content .gem-image span{border-radius:50% 50% 50% 50%;border-style:none;margin:0px 5px 0px 0px;}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content .gem-image img{border-radius:50% 50% 50% 50%;}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper{margin:0px 5px 0px 0px;}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon i, .elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon svg{transform:rotate(0deg);}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox:hover .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon i{color:#00BCD4;}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox:hover .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon i, .elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon svg{transform:rotate(0deg);}.elementor-25335 .elementor-element.elementor-element-110cf97 .thegem-te-infobox:hover .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon{transform:rotate(0deg);}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-14f54da{padding:0px 5px 0px 35px;}.elementor-25335 .elementor-element.elementor-element-14f54da{width:var( --container-widget-width, 11.79% );max-width:11.79%;--container-widget-width:11.79%;--container-widget-flex-grow:0;}.elementor-25335 .elementor-element.elementor-element-14f54da.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content, .elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content .gem-texbox-icon-image-wrapper{text-align:left;}.elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content{padding:0px 0px 0px 0px;}.elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox .thegem-te-infobox-content .thegem-te-infobox-title{margin-bottom:0px;margin-top:0px;color:#B6C6C9;}.elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon i{font-size:24px !important;color:#3C3950;}.elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon svg{width:24px !important;height:24px !important;fill:#3C3950;}.elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content .gem-image img, .elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content a .gem-image img{width:24px;max-width:24px;height:auto;}.elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon{padding:7px;border-radius:50% 50% 50% 50%;border-style:none;transform:rotate(0deg);}.elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content .gem-image span, .elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content a .gem-image span{padding:7px;}.elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content a .gem-texbox-icon-image-wrapper .elementor-icon{border-radius:50% 50% 50% 50%;}.elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content .gem-image span{border-radius:50% 50% 50% 50%;border-style:none;margin:0px 5px 0px 0px;}.elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content .gem-image img{border-radius:50% 50% 50% 50%;}.elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content .gem-texbox-icon-image-wrapper{margin:0px 5px 0px 0px;}.elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon i, .elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon svg{transform:rotate(0deg);}.elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox:hover .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon i, .elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon svg{transform:rotate(0deg);}.elementor-25335 .elementor-element.elementor-element-14f54da .thegem-te-infobox:hover .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon{transform:rotate(0deg);}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-b7de996{padding:0px 5px 0px 5px;}.elementor-25335 .elementor-element.elementor-element-b7de996 > .elementor-widget-container{background-image:url("https://ozelbilisselgelisim.com/wp-content/uploads/2025/02/Adsiz-tasarim-2.png");}.elementor-25335 .elementor-element.elementor-element-8983265 .elementor-repeater-item-8277896.elementor-social-icon{background-color:#FFFFFF00;}.elementor-25335 .elementor-element.elementor-element-8983265{--grid-template-columns:repeat(0, auto);--icon-size:16px;--grid-row-gap:0px;}.elementor-25335 .elementor-element.elementor-element-8983265 .elementor-widget-container{text-align:center;}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-8983265{padding:0px 5px 0px 5px;}.elementor-25335 .elementor-element.elementor-element-8983265 .elementor-social-icon i{color:#3C3950;}.elementor-25335 .elementor-element.elementor-element-8983265 .elementor-social-icon svg{fill:#3C3950;}.elementor-25335 .elementor-element.elementor-element-8983265 .elementor-social-icon:hover i{color:#00BCD4;}.elementor-25335 .elementor-element.elementor-element-8983265 .elementor-social-icon:hover svg{fill:#00BCD4;}.elementor-25335 .elementor-element.elementor-element-c7dbc7f .gem-button-container .gem-button:hover{background-color:#3C3950;}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-c7dbc7f{padding:0px 5px 0px 25px;}.elementor-25335 .elementor-element.elementor-element-c7dbc7f .gem-button-container{text-align:center;}.elementor-25335 .elementor-element.elementor-element-c7dbc7f .gem-button-container .gem-button{border-radius:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#3C3950;}.elementor-25335 .elementor-element.elementor-element-c7dbc7f .gem-button-container .gem-button .gem-text-button{color:#3C3950;text-transform:none;}.elementor-25335 .elementor-element.elementor-element-c7dbc7f .gem-button-container .gem-button:hover .gem-text-button{color:#FFFFFF;}.elementor-25335 .elementor-element.elementor-element-bcf3886{box-shadow:0px 5px 5px -5px rgba(0, 0, 0, 0.15);}.elementor-bc-flex-widget .elementor-25335 .elementor-element.elementor-element-b881ea8.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-25335 .elementor-element.elementor-element-b881ea8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-25335 .elementor-element.elementor-element-b881ea8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-25335 .elementor-element.elementor-element-b881ea8 .elementor-widget-wrap{flex-wrap:wrap;}.elementor-25335 .elementor-element.elementor-element-b881ea8 > .elementor-element-populated{padding:13px 21px 13px 21px;}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-0f0e4c1{padding:0px 5px 0px 5px;}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-061a356{padding:0px 5px 0px 5px;}.elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content, .elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper{text-align:left;}.elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content{padding:0px 0px 0px 0px;}.elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox .thegem-te-infobox-content .thegem-te-infobox-title{margin-bottom:0px;margin-top:0px;color:#B6C6C9;}.elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon i{font-size:24px !important;color:#3C3950;}.elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon svg{width:24px !important;height:24px !important;fill:#3C3950;}.elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content .gem-image img, .elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content a .gem-image img{width:24px;max-width:24px;height:auto;}.elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon{padding:7px;border-radius:50% 50% 50% 50%;border-style:none;transform:rotate(0deg);}.elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content .gem-image span, .elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content a .gem-image span{padding:7px;}.elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content a .gem-texbox-icon-image-wrapper .elementor-icon{border-radius:50% 50% 50% 50%;}.elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content .gem-image span{border-radius:50% 50% 50% 50%;border-style:none;margin:0px 5px 0px 0px;}.elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content .gem-image img{border-radius:50% 50% 50% 50%;}.elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper{margin:0px 5px 0px 0px;}.elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon i, .elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon svg{transform:rotate(0deg);}.elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox:hover .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon i, .elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon svg{transform:rotate(0deg);}.elementor-25335 .elementor-element.elementor-element-061a356 .thegem-te-infobox:hover .thegem-te-infobox-content .gem-texbox-icon-image-wrapper .elementor-icon{transform:rotate(0deg);}.elementor-25335 .elementor-element.elementor-element-91ba892 .thegem-te-menu > nav.mobile-view ul.nav-menu > li, .elementor-25335 .elementor-element.elementor-element-91ba892 .thegem-te-menu > nav.mobile-view ul.nav-menu > li > a, .elementor-25335 .elementor-element.elementor-element-91ba892 .thegem-te-menu-mobile__default.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch{border:none !important;}.elementor-25335 .elementor-element.elementor-element-91ba892 .thegem-te-menu > nav.mobile-view ul.nav-menu > li > ul > li, .elementor-25335 .elementor-element.elementor-element-91ba892 .thegem-te-menu > nav.mobile-view ul.nav-menu > li > ul > li > a, .elementor-25335 .elementor-element.elementor-element-91ba892 .thegem-te-menu > nav.mobile-view > ul.sub-menu.level3 > li a{border:none !important;}.elementor-25335 .elementor-element.elementor-element-91ba892 .thegem-te-menu > nav.mobile-view ul.nav-menu > li > ul > li > ul li, .elementor-25335 .elementor-element.elementor-element-91ba892 .thegem-te-menu > nav.mobile-view ul.nav-menu > li > ul > li > ul li a, .elementor-25335 .elementor-element.elementor-element-91ba892 .thegem-te-menu > nav.mobile-view > ul.sub-menu.level4 > li a{border:none !important;}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-91ba892{padding:0px 5px 0px 5px;}.elementor-25335 .elementor-element.elementor-element-91ba892 .thegem-te-menu-mobile__default.mobile-view .dl-menu, .elementor-25335 .elementor-element.elementor-element-91ba892 .thegem-te-menu-mobile__default.mobile-view > .dl-submenu{top:calc(100% + 14px);}.elementor-25335 .elementor-element.elementor-element-91ba892 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-has-children, .elementor-25335 .elementor-element.elementor-element-91ba892 .thegem-te-menu__default.desktop-view ul.nav-menu > li.megamenu-template-enable{margin-bottom:-14px;padding-bottom:14px;}.elementor-25335 .elementor-element.elementor-element-91ba892 .thegem-te-menu > nav.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable):not(.menu-item-type-template) ul, .elementor-25335 .elementor-element.elementor-element-91ba892 .thegem-te-menu > nav.desktop-view ul.nav-menu > li.megamenu-enable > ul{box-shadow:0px 5px 5px -2px rgba(0, 0, 0, 0.09);}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-822eaea{padding:0px 5px 0px 25px;}@media(max-width:1024px){.thegem-template-header .elementor-25335 .elementor-element.elementor-element-110cf97{order:2;}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-14f54da{order:3;padding:0px 35px 0px 35px;}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-b7de996{order:1;}.elementor-25335 .elementor-element.elementor-element-b881ea8 > .elementor-element-populated{padding:10px 21px 10px 21px;}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-0f0e4c1{order:1;}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-061a356{order:2;}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-822eaea{order:4;padding:0px 15px 0px 5px;}}@media(max-width:767px){.elementor-25335 .elementor-element.elementor-element-b881ea8.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-25335 .elementor-element.elementor-element-b881ea8 > .elementor-element-populated{padding:10px 10px 10px 10px;}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-91ba892{order:4;}.thegem-template-header .elementor-25335 .elementor-element.elementor-element-822eaea{order:2;}} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* GALLERY SLIDER HOVERS */ .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after { content: '\e60f'; font-family: 'thegem-icons'; font-style: normal; font-weight: normal; font-style: normal; font-size: 63px; height: 63px; line-height: 63px; width: 63px; text-align: center; position: absolute; top: 0%; left: 50%; margin-left: -30px; margin-top: -30px; z-index: 5; opacity: 0; -webkit-transition: top 0.3s, opacity 0.3s; transition: top 0.3s, opacity 0.3s; } .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after { top: 50%; opacity: 1; -webkit-transition: top 0.4s ease 0.1s, opacity 0.5s 0.1s; transition: top 0.4s ease 0.1s, opacity 0.5s 0.1s; } .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title { width: 100%; padding: 0 25%; text-align: center; position: absolute; top: -50%; left: 0; margin-top: -15px; z-index: 5; opacity: 0; text-transform: uppercase; -webkit-transition: top 0.3s, opacity 0.3s; transition: top 0.3s, opacity 0.3s; } .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title { top: 25%; opacity: 1; -webkit-transition: top 0.3s 0.2s, opacity 0.5s 0.25s; transition: top 0.3s 0.2s, opacity 0.5s 0.25s; } .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description { width: 100%; padding: 0 25%; text-align: center; position: absolute; top: 20%; left: 0; margin-top: -12px; z-index: 5; opacity: 0; -webkit-transition: top 0.5s, opacity 0.4s; transition: top 0.5s, opacity 0.4s; } .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description { top: 75%; opacity: 1; -webkit-transition: top 0.3s, opacity 0.3s; transition: top 0.3s, opacity 0.3s; } .gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after { content: '\e629'; font-family: 'thegem-icons'; font-weight: normal; font-style: normal; font-size: 32px; width: 70px; height: 70px; line-height: 68px; text-align: center; position: absolute; top: 125%; left: 50%; margin-left: -35px; margin-top: -35px; z-index: 5; opacity: 0; border-radius: 70px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.5s 0.05s, -webkit-transform 0s 0.55s, top 0.5s 0.05s; transition: opacity 0.5s 0.05s, transform 0s 0.55s, top 0.5s 0.05s; } .gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after { top: 50%; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: top 0s 0.05s, -webkit-transform 0.5s 0.05s; transition: top 0s 0.05s, transform 0.5s 0.05s; } .gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title { width: 100%; padding: 0 25%; text-align: center; position: absolute; top: 100%; left: 0; margin-top: -15px; z-index: 5; opacity: 0; text-transform: uppercase; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.5s 0.1s, -webkit-transform 0s 0.6s, top 0.5s 0.1s; transition: opacity 0.5s 0.1s, transform 0s 0.6s, top 0.5s 0.1s; } .gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title { top: 25%; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: top 0s, -webkit-transform 0.5s; transition: top 0s, transform 0.5s; } .gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description { width: 100%; padding: 0 25%; text-align: center; position: absolute; top: 150%; left: 0; margin-top: -12px; z-index: 5; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.5s, -webkit-transform 0s 0.5s, top 0.5s; transition: opacity 0.5s, transform 0s 0.5s, top 0.5s; } .gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description { top: 75%; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: top 0s 0.1s, -webkit-transform 0.5s 0.1s; transition: top 0s 0.1s, transform 0.5s 0.1s; } .gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a .gem-gallery-caption:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; background: none !important; -webkit-transition: opacity 0.5s 0.2s; } .gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before { opacity: 0; background: -moz-linear-gradient(left, rgba(255,43,88,0.8) 0%, rgba(255,216,0,0.8) 100%) !important; background: -webkit-linear-gradient(left, rgba(255,43,88,0.8) 0%,rgba(255,216,0,0.8) 100%) !important; background: linear-gradient(to right, rgba(255,43,88,0.8) 0%,rgba(255,216,0,0.8) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccff2b58', endColorstr='#ccffd800',GradientType=1 ) !important; transition: opacity 0.5s 0.2s; } .gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:before { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after { content: '\e629'; font-family: 'thegem-icons'; font-weight: normal; font-style: normal; font-size: 32px; width: 70px; height: 70px; line-height: 68px; text-align: center; position: absolute; top: 80%; left: 66px; z-index: 5; opacity: 0; border-radius: 70px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.5s 0.05s, -webkit-transform 0s 0.55s, top 0.5s 0.05s; transition: opacity 0.5s 0.05s, transform 0s 0.55s, top 0.5s 0.05s; } .gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after { top: 63px; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: top 0s 0.05s, -webkit-transform 0.5s 0.05s; transition: top 0s 0.05s, transform 0.5s 0.05s; } .gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title { max-width: 100%; padding: 25px 67px; text-align: left; position: absolute; top: auto; bottom: -100%; left: 0; margin: 0; z-index: 5; opacity: 0; text-transform: uppercase; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.5s 0.1s, -webkit-transform 0s 0.6s, bottom 0.5s 0.1s; transition: opacity 0.5s 0.1s, transform 0s 0.6s, bottom 0.5s 0.1s; } .gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title { bottom: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: bottom 0s, -webkit-transform 0.5s; transition: bottom 0s, transform 0.5s; } .gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description { display: none !important; } .gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after { content: '\e629'; font-family: 'thegem-icons'; font-weight: normal; font-style: normal; font-size: 32px; height: 32px; line-height: 32px; width: 32px; text-align: left; position: absolute; top: 52%; left: 0%; -webkit-transition: left 0.25s, opacity 0.3s; transition: left 0.25s, opacity 0.3s; margin-top: -32px; z-index: 5; opacity: 0; } .gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after { top: 52%; left: 8%; opacity: 1; -webkit-transition: left 0.25s, opacity 0.3s; transition: left 0.25s, opacity 0.3s; } .gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-line{ content: ''; width: 0; height: 2px; background-color: #fff; display: block; position: absolute; top: 59%; left: 8%; opacity: 0; z-index: 100; -webkit-transition: width 0.25s, opacity 0.5s; transition: width 0.25s, opacity 0.5s; } .gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-line { content: ''; width: 84%; opacity: 1; -webkit-transition: width 0.25s, opacity 0.5s; transition: width 0.25s, opacity 0.5s; } .gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title { text-align: left; position: absolute; top: 63%; left: 0%; z-index: 5; opacity: 0; text-transform: uppercase; -webkit-transition: left 0.25s 0.05s, opacity 0.25s 0.05s; transition: left 0.25s 0.05s, opacity 0.25s 0.05s; } .gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title { top: 63%; opacity: 1; left:8%; -webkit-transition: left 0.25s 0.05s, opacity 0.25s 0.05s; transition: left 0.25s 0.05s, opacity 0.25s 0.05s; } .gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description { text-align: left; position: absolute; width: 84%; top: 77%; left: 0%; z-index: 5; opacity: 0; -webkit-transition: left 0.25s 0.1s, opacity 0.25s 0.1s; transition: left 0.25s 0.1s, opacity 0.25s 0.1s; } .gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description { top: 77%; left: 8%; opacity: 1; -webkit-transition: left 0.25s 0.1s, opacity 0.25s 0.1s; transition: left 0.25s 0.1s, opacity 0.25s 0.1s; } .gem-gallery-item-description p { padding-bottom: 0px; margin-bottom: 0px; } .gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after { content: '\e629'; font-family: 'thegem-icons'; font-weight: normal; font-style: normal; font-size: 32px; height: 32px; line-height: 32px; width: 32px; text-align: left; position: absolute; top: 50%; left: 8%; -webkit-transition: top 0.25s 0.1s, opacity 0.3s 0.1s; transition: top 0.25s 0.1s, opacity 0.3s 0.1s; margin-top: -32px; z-index: 5; opacity: 0; } .gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after { -webkit-transition: top 0.25s ease, opacity 0.3s; transition: top 0.25s ease, opacity 0.3s; top: 22%; left: 8%; opacity: 1; } .gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-line{ content: ''; width: 0; height: 2px; background-color: #fff; display: block; position: absolute; top: 29%; left: 8%; opacity: 0; z-index: 100; -webkit-transition: width 0.25s, opacity 0.5s; transition: width 0.25s, opacity 0.5s; } .gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-line { content: ''; width: 84%; opacity: 1; -webkit-transition: width 0.25s, opacity 0.5s; transition: width 0.25s, opacity 0.5s; } .gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title { text-align: left; position: absolute; top: 70%; left: 8%; z-index: 5; opacity: 0; text-transform: uppercase; -webkit-transition: top 0.25s 0.05s, opacity 0.25s 0.05s; transition: top 0.25s 0.05s, opacity 0.25s 0.05s; } .gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title { top: 33%; opacity: 1; left:8%; -webkit-transition: top 0.25s 0.05s, opacity 0.25s 0.05s; transition: top 0.25s 0.05s, opacity 0.25s 0.05s; } .gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description { text-align: left; width: 84%; position: absolute; top: 70%; left: 8%; z-index: 5; opacity: 0; -webkit-transition: top 0.25s, opacity 0.25s; transition: top 0.25s, opacity 0.25s; } .gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description { top: 47%; left: 8%; opacity: 1; -webkit-transition: top 0.25s 0.1s, opacity 0.25s 0.1s; transition: top 0.25s 0.1s, opacity 0.25s 0.1s; } .portfolio { padding: 0; } .portfolio .portfolio-row { clear: both; } .portfolio .portfolio-item-size-container { position: relative; padding: 0; margin: 0; font-size: 0; line-height: 1; } .portfolio .portfolio-item-size-container .portfolio-item { min-height: 0; padding: 0 !important; margin: 0; position: absolute; } .portfolio .portfolio-item.not-found { width: 100% !important; text-align: left; } .portfolio .portfolio-item.not-found .found-wrap { display: flex; flex-direction: row !important; align-items: baseline; border: none; } .portfolio .portfolio-item.not-found .found-wrap:before { content: "\e67a"; font-style: normal; font-family: 'thegem-icons'; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-variant: normal; text-rendering: auto; line-height: 1; margin-right: 10px; position: initial; opacity: 1 !important; } .gem_tab .portfolio { padding-left: 1px; padding-right: 1px; } .portfolio h3.title { text-align: center; } .panel-sidebar-position-right .portfolio { padding-left: 0; } .portfolio-top-panel:not(.extended-posts-filter) { margin: 0 0 55px; overflow: visible; } .portfolio-top-panel .portfolio-filters, .portfolio-top-panel .portfolio-filters-resp { position: relative; z-index: 5; } .portfolio-top-panel:not(.sticky-fixed) { position: relative; } .portfolio-top-panel.filters-top-sticky { z-index: 2; } @media (min-width: 1001px) { .portfolio-top-panel.filters-top-sticky { margin-bottom: 45px; } } .portfolio.without-padding .portfolio-top-panel { margin-left: 0; margin-right: 0; } .portfolio.hover-title.portfolio-items-masonry .portfolio-top-panel { margin-left: 0; margin-right: 0; } .portfolio-filters { font-size: 0; } @media (max-width: 767px) { .portfolio-filters-mobile + .portfolio-filters { display: none !important; } } @media (min-width: 768px) { .portfolio-filters-mobile { display: none !important; } } .portfolio-filters a, .portfolio-filters .portfolio-filters-more-button { display: inline-block; text-decoration: none; vertical-align: top; margin: 0 10px 10px 0; padding: 0 25px; min-height: 30px; line-height: 30px; height: auto; border-radius: 15px; font-size: var(--thegem-to-body-tiny-font-size); color: inherit; border: none; } .portfolio-filters a:last-child, .portfolio-filters .portfolio-filters-more-button { margin-right: 0; } .portfolio-top-panel-row.filter-style-buttons .portfolio-filters div.portfolio-filters-more { margin: 0 10px 10px 0; } .portfolio-top-panel-row.filter-style-buttons .portfolio-filters div.portfolio-filters-more-button { margin: 0; } .portfolio-top-panel-row.filter-style-buttons .portfolio-filters-more-dropdown a { background: transparent !important; padding: 0 !important; } .portfolio-filters a .gem-print-icon { margin-right: 5px; } .portfolio-filters a span { display: inline-block; vertical-align: top; } .portfolio-filters a.all .icon { font-family: 'thegem-icons'; font-size: 22px; line-height: 1.2727; } .portfolio-count { float: right; padding: 8px 8px 8px 0; } .portfolio-filters-resp { display: none; text-align: right; margin: 13px 0px; position: relative; z-index: 10; } .portfolio-filters-resp .menu-toggle { border: none; width: 32px; height: 30px; text-indent: 100%; font-size: 0; line-height: 0; overflow: hidden; position: relative; cursor: pointer; outline: none; background: transparent; padding: 0; } .portfolio .portfolio-filters-resp .menu-toggle i { font-size: 24px; text-indent: initial; } .portfolio-filters-resp .menu-toggle .menu-line-1, .portfolio-filters-resp .menu-toggle .menu-line-2, .portfolio-filters-resp .menu-toggle .menu-line-3 { position: absolute; width: 8px; height: 8px; top: 50%; background: #99a9b5; margin-top: -4px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .portfolio-filters-resp .menu-toggle .menu-line-1 { left: 0; } .portfolio-filters-resp .menu-toggle .menu-line-2 { left: 50%; margin-left: -4px; } .portfolio-filters-resp .menu-toggle .menu-line-3 { right: 0; } .portfolio-filters-resp ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; margin: 0; position: absolute; width: 100%; left: 0; top: 35px; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .portfolio-filters-resp ul li { text-align: left; position: relative; } .portfolio-filters-resp ul li a { display: block; text-decoration: none; padding: 14px 34px 17px 34px; } .portfolio-filters-resp ul li:after { position: absolute; right: 20px; top: 0; font-family: 'thegem-icons'; font-size: 14px; line-height: 51px; speak: none; -webkit-font-smoothing: antialiased; content: "\e601"; } .portfolio-filters-resp ul.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); } /* Animation classes for moving out and in */ .portfolio-filters-resp ul.dl-animate-out { -webkit-animation: MenuAnimOut 0.4s; animation: MenuAnimOut 0.4s; } @-webkit-keyframes MenuAnimOut { 0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @keyframes MenuAnimOut { 0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } .portfolio-filters-resp ul.dl-animate-in { -webkit-animation: MenuAnimIn 0.3s; animation: MenuAnimIn 0.3s; } @-webkit-keyframes MenuAnimIn { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @keyframes MenuAnimIn { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @media only screen and (max-width: 1000px) { .portfolio-count { display: none; } .portfolio-filters { margin-right: 0; } } @media only screen and (max-width: 768px) { .portfolio-filters-resp { display: block; } .portfolio-count, .portfolio-filters { display: none; } .portfolio-top-panel:not(.filter-type-extended, .panel-with-search, .filters-mobile-dropdown) .portfolio-top-panel-right, .portfolio-top-panel:not(.filter-type-extended).panel-with-search .portfolio-top-panel-right .portfolio-sorting { display: none; } .portfolio-top-panel:not(.extended-posts-filter).filter-type-default { margin-bottom: 20px; } .portfolio-filters-resp { text-align: left; } .portfolio-top-panel { margin: 0 0 0px; } } .portfolio-filters-resp ul { border-top: 1px solid #dfe5e8; border-left: 1px solid #dfe5e8; border-right: 1px solid #dfe5e8; } .portfolio-filters-resp ul li { background: #f4f6f7; border-bottom: 1px solid #dfe5e8; } .portfolio-filters-resp ul > li a.active { background: #fff; border-left: 4px solid #00bcd4; padding-left: 26px; color: #3c3950; } .portfolio-filters-resp li a { color: #5f727f; } .portfolio-filters-resp li a:hover { color: #3c3950; } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters, .portfolio-top-panel-row.filter-style-buttons .portfolio-filters { margin-bottom: -10px; } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a, .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters div.portfolio-filters-more-button, .portfolio-top-panel-row.filter-style-tabs-default .portfolio-sorting-select div.portfolio-sorting-select-current { min-height: initial; padding: 0; margin-bottom: 10px; margin-right: 30px; background: none/* !important*/; border: none; border-radius: 0; font-family: var(--thegem-to-tabs-title-thin-font-family); font-style: var(--thegem-to-tabs-title-thin-font-style); font-weight: var(--thegem-to-tabs-title-thin-font-weight); text-transform: var(--thegem-to-tabs-title-thin-text-transform); font-size: var(--thegem-to-tabs-title-thin-font-size); line-height: var(--thegem-to-tabs-title-thin-line-height); letter-spacing: var(--thegem-to-tabs-title-thin-letter-spacing); color: var(--thegem-to-h6-color); } .portfolio-top-panel .portfolio-top-panel-row.filter-style-tabs-default .portfolio-search-filter { color: var(--thegem-to-h6-color); } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters div.portfolio-filters-more { margin-bottom: 10px; margin-right: 30px; } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters div.portfolio-filters-more-button, .portfolio-top-panel-row.filter-style-tabs-default .portfolio-sorting-select div.portfolio-sorting-select-current { margin: 0; } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a:hover { color: var(--thegem-to-h6-color); } @media only screen and (max-width: 768px) { .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters { display: block; } } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a.hover-pointer, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a.hover-pointer { position: relative; } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a:not(.active).hover-pointer:after, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a:not(.active).hover-pointer:after { content: ''; display: block; position: absolute; width: 0; height: 2px; bottom: -2px; left: 50%; background: currentColor; -webkit-transition: width .3s, height .3s, left .3s; -o-transition: width .3s, height .3s, left .3s; transition: width .3s, height .3s, left .3s; -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1); -o-transition-timing-function: cubic-bezier(.58,.3,.005,1); transition-timing-function: cubic-bezier(.58,.3,.005,1); } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a:not(.active).hover-pointer:hover:after, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a:not(.active).hover-pointer:hover:after { width: 100%; left: 0; z-index: 2; } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a.active, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a.active { border-bottom: 2px solid currentColor; background: none; } @media (min-width: 1025px) { .portfolio-top-panel .portfolio-top-panel-row.filter-style-tabs-default .portfolio-search-filter.input-style input, .portfolio-top-panel .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-search-filter.input-style input { border-width: 2px; } .portfolio-top-panel:not(.extended-posts-filter).filter-type-extended .portfolio-top-panel-right .portfolio-search-filter.input-style { margin-top: -10px; margin-bottom: 0; } } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a.active, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters div.portfolio-filters-more-button, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-sorting-select div.portfolio-sorting-select-current { font-family: var(--thegem-to-tabs-title-font-family); font-style: var(--thegem-to-tabs-title-font-style); font-weight: var(--thegem-to-tabs-title-font-weight); text-transform: var(--thegem-to-tabs-title-text-transform); font-size: var(--thegem-to-tabs-title-font-size); line-height: var(--thegem-to-tabs-title-line-height); letter-spacing: 0; color: var(--thegem-to-h6-color); } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a.active { letter-spacing: var(--thegem-to-tabs-title-letter-spacing); } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-search-filter-button, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-search-filter-button { margin: -4px 0; } .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters div.portfolio-filters-more-button, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-sorting-select div.portfolio-sorting-select-current { min-height: initial; padding: 0; margin-bottom: 10px; margin-right: 30px; background: none/* !important*/; border: none; border-radius: 0; text-transform: initial; color: var(--thegem-to-body-color); } .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters div.portfolio-filters-more { margin-bottom: 10px; margin-right: 30px; } .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters div.portfolio-filters-more-button, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-sorting-select div.portfolio-sorting-select-current { margin: 0; } .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a.active, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a.active:hover { color: var(--thegem-to-link-color-active); } .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a:hover { color: var(--thegem-to-link-color-hover); } .portfolio-filters-extended { display: flex; flex-wrap: wrap; } .portfolio-top-panel.filter-type-extended { display: block; margin: 0 0 20px; } .portfolio-navigator { font-size: 0; line-height: 1; text-align: center; clear: both; } .portfolio-load-more, .mixed-show-all { clear: both; margin-top: 100px; } .portfolio-load-more .inner, .mixed-show-all .inner { width: 100%; overflow: visible; text-align: center; padding: 0; position: relative; } .portfolio-load-more .gem-button-separator-line, .mixed-show-all .gem-button-separator-line { border-color: #b6c6c9; color: #b6c6c9; } .portfolio .portfolio-set { position: relative; margin-bottom: 20px; padding: 0; z-index: 1; float: none; } .portfolio.disable-bottom-margin .portfolio-set { margin-bottom: 0; } .portfolio:not(.portfolio-slider):is(.portfolio-pagination-normal, .portfolio-pagination-more, .portfolio-pagination-disabled) .portfolio-set { margin-bottom: 0; } .hover-title.portfolio-items-masonry .portfolio-set { margin-bottom: 50px; } .portfolio-item { text-align: center; margin-top: 0; } .portfolio .portfolio-item .item-separator-box { height: 0; font-size: 0; line-height: 1; } .portfolio.item-separator .portfolio-item:before, .portfolio.item-separator .portfolio-item:after { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: 6; border-left-style: solid; border-left-width: 1px; opacity: 0; -webkit-transition: none; transition: none; } .portfolio.item-separator .portfolio-item:after { opacity: 1; } .portfolio.item-separator.no-gaps .fullwidth-block .portfolio-item.right-item:after { opacity: 0; } .portfolio.item-separator .portfolio-item:after { left: auto; right: 0; } .portfolio.item-separator .portfolio-item.left-item:before { opacity: 1; } .portfolio.item-separator.no-gaps .fullwidth-block .portfolio-item.left-item:before { opacity: 0; } .portfolio.item-separator .portfolio-item .item-separator-box:before, .portfolio.item-separator .portfolio-item .item-separator-box:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; z-index: 6; border-top-style: solid; border-top-width: 1px; opacity: 1; } .portfolio.item-separator .portfolio-item .item-separator-box:before { opacity: 0; } .portfolio.item-separator .portfolio-item .item-separator-box:after { top: auto; bottom: 0; } .portfolio.item-separator .portfolio-item.top-item .item-separator-box:before { opacity: 1; } .portfolio.portfolio-pagination-scroll .portfolio-scroll-pagination { visibility: hidden; position: relative; } .portfolio.portfolio-pagination-scroll .portfolio-scroll-pagination.active { visibility: visible; height: 61px; } .portfolio .fullwidth-block { padding: 0 21px; box-sizing: border-box; } .portfolio .fullwidth-block.no-paddings { padding: 0; } .portfolio.without-padding .fullwidth-block { padding: 0; } .portfolio .fullwidth-block .portfolio-item { float: left; } .portfolio-item .wrap { width: 100%; display: inline-block; vertical-align: top; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio.disable-isotope .portfolio-item .wrap { transition: all 0.2s linear, height 0s; } .portfolio:not(.portfolio-slider) .portfolio-item .wrap { border: none; } .portfolio.columns-1 .portfolio-item .wrap { border-bottom: 0 none; } .portfolio-item .wrap > .caption { padding-bottom: 30px; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio-item .wrap > .caption:not(.click-disabled) { cursor: pointer; } .portfolio .portfolio-item .wrap > .caption { position: relative; z-index: 1; } .portfolio.portfolio-grid:not(.extended-products-grid, .columns-1) .portfolio-item .wrap > .caption { border-bottom: 1px solid var(--thegem-to-box-border-color, #DFE5E8); } .portfolio.portfolio-grid:not(.extended-products-grid, .columns-1) .portfolio-item:hover .wrap > .caption { border-bottom-color: #f4f6f7; } .portfolio.portfolio-grid.background-style-gray .portfolio-item .wrap > .caption, .portfolio.portfolio-grid.background-style-dark .portfolio-item .wrap > .caption, .portfolio.portfolio-grid.background-style-transparent .portfolio-item .wrap > .caption { border-bottom-width: 0; } .portfolio.background-style-transparent .portfolio-item .wrap > .caption { background-color: transparent; } .portfolio.background-style-gray .portfolio-item .wrap, .portfolio.background-style-dark .portfolio-item .wrap { border-bottom: 0 none; } .portfolio.background-style-gray:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .caption-sizable-content:after, .portfolio.background-style-gray:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .caption-sizable-content:after, .portfolio.background-style-dark .portfolio-item:not(:hover) .wrap > .caption .caption-sizable-content:after { box-shadow: 0 0 30px 45px #393d50; } .portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .author, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .author, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .author, .portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .post-author-date-separator, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .post-author-date-separator, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .post-author-date-separator, .portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .post-date, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .post-date, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .post-date, .portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .description, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .description, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .description, .portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .grid-post-share .icon, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .grid-post-meta .grid-post-share .icon, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .grid-post-meta .grid-post-share .icon, .portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .comments-link a, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .grid-post-meta .comments-link a, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .grid-post-meta .comments-link a, .portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .zilla-likes, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .grid-post-meta .zilla-likes, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .grid-post-meta .zilla-likes { color: #99a9b5; } .portfolio.without-padding .portfolio-item .wrap { background: none; } .portfolio.hover-title .portfolio-item .wrap { border: 0; padding-bottom: 0; background: none; } .portfolio-items-masonry .wrap { padding-bottom: 0; border: 0; background: none; } .portfolio-item .image { display: inline-block; position: relative; max-width: 100%; padding: 0; vertical-align: top; overflow: hidden; flex: none; } .portfolio-grid:not(.columns-1) .portfolio-item .image { width: 100%; } .portfolio-item .image .image-inner { position: relative; z-index: 2; } .portfolio.columns-1 .portfolio-item .image { margin: 0; padding: 0; } .portfolio.title-on-hover.columns-1 .portfolio-item .image { width: 100%; } .portfolio-item:not(.product) .image .button { position: absolute; right: 0; bottom: 0; z-index: 4; box-sizing: border-box; border-style: solid; border-color: transparent; border-width: 63px; border-right-width: 0; border-top-width: 0; cursor: pointer; height: 0; } .portfolio-item:not(.product) .image .button:before { content: "\e60c"; font-family: 'thegem-icons'; font-size: 19px; line-height: 1.05; position: absolute; left: -27px; top: 33px; z-index: 3; } .portfolio-item .image .button .button-corner { display: block; width: 8px; height: 8px; cursor: pointer; position: absolute; right: 0; bottom: -63px; z-index: 4; font-size: 0; line-height: 1; } .portfolio-item .image .button .button-corner span { display: block; width: 8px; height: 8px; cursor: pointer; font-size: 0; line-height: 1; } .portfolio-item .image .button .button-corner b { display: none; width: 1px; height: 2px; cursor: pointer; font-size: 0; line-height: 1; position: absolute; right: 0; bottom: 0; } .portfolio.portfolio-items-masonry .image .button .button-corner { display: none; } .portfolio.portfolio-items-masonry.hover-title .image .button .button-corner { display: block; } .portfolio.portfolio-items-masonry.hover-title .image .button .button-corner b { display: none; } .portfolio-item .image .button.active .button-corner { display: none; } .portfolio.without-padding .portfolio-item .image .button .button-corner { display: none; } .portfolio-item .image .image-inner { overflow: hidden; } .portfolio.portfolio-grid:is(.portfolio-style-creative, .portfolio-style-justified):not(.extended-products-grid, .columns-1, .list-style, .full-image) .portfolio-item:not(.double-item, .custom-ratio) .image-inner:not(.empty) { aspect-ratio: 1/1; } .portfolio.portfolio-grid:not(.inited) .image-inner, .portfolio.portfolio-grid .image-inner.without-image, .portfolio.portfolio-grid img[loading="lazy"] { background-color: var(--styled-bg-color, #f0f3f2); } .portfolio.portfolio-grid .thegem-template-loop-item img[loading="lazy"] { background-color: transparent; } .portfolio-item .image-inner.empty { display: none; } .portfolio-item .image picture { /*display: block;*/ /*height: 100%;*/ } .portfolio-item .image img { width: 100%; max-width: initial; height: auto; object-fit: cover; } .portfolio-style-masonry .portfolio-item .image img { width: calc(100% + 1px); margin: -0.5px; } .portfolio.portfolio-grid:is(.portfolio-style-creative, .portfolio-style-justified) .portfolio-item .image img { height: 100%; object-fit: cover; } .portfolio:is(.hover-horizontal-sliding, .hover-new-horizontal-sliding, .hover-default-horizontal-sliding) .portfolio-item .image img { width: 110%; } .portfolio.without-padding .portfolio-item .image img, .portfolio.without-padding .portfolio-item .image .image-inner { border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; } .portfolio-item .image .overlay { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; overflow: hidden; } .portfolio-item .image .overlay:not(.click-disabled) { cursor: pointer; } .portfolio-item .image .overlay .overlay-circle { display: none; } .portfolio-item .image img.blur { -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); filter: url(/wp-content/themes/thegem-elementor/css/blur.svg#blur); filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=3); } .without-padding .portfolio-item .image .overlay { border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; } .portfolio.portfolio-items-masonry.hover-title.without-padding .portfolio-item .image .overlay { border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; } .portfolio-item .image .overlay .portfolio-item-link { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-decoration: none; z-index: 2; } .portfolio-item .image .overlay .links-wrapper { display: table; width: 100%; height: 100%; } .portfolio-item .image .overlay .links { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; } .portfolio-item .image .overlay .links a.icon { display: inline-block; text-decoration: none; margin-right: 45px; vertical-align: bottom; } .portfolio-item.portfolio-item-template .image .overlay .links a.icon:last-of-type { margin-right: 0 !important; } .portfolio:not(.portfolio-slider):not(.products) .portfolio-item .image .overlay .links a.icon svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .portfolio-item .image .overlay .links .portfolio-icons-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; line-height: 1; vertical-align: top; margin-left: -1px; } .portfolio.hover-default .portfolio-item .image .overlay .links .portfolio-icons-inner, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons-inner, .portfolio.hover-zoom-overlay .portfolio-item .image .overlay .links .portfolio-icons-inner { justify-content: center; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons-inner, .portfolio.hover-circular .portfolio-item .image .overlay .links .portfolio-icons-inner, .portfolio.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons-inner { margin-left: 0; } .portfolio-item .image .overlay .links .portfolio-icons-inner a.icon/*, .portfolio-item .image .overlay .links .portfolio-icons-inner .yith-wcwl-add-to-wishlist, .portfolio-item .image .overlay .links .portfolio-icons-inner .yith-wcwl-add-to-wishlist > div*/ { float: left; } @media (min-width: 992px) { .portfolio.extended-portfolio-grid .portfolio-item.columns-desktop-5 { width: 20%; } .portfolio.extended-portfolio-grid .portfolio-item.columns-desktop-5:is(.double-item-squared, .double-item-horizontal) { width: 40%; } } .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links a.icon { margin-right: 15px; } .portfolio-item .image .overlay .links a.icon.share { margin-right: 0; } .portfolio-item .image .overlay .links .portfolio-icons-inner > a.icon:last-child, .portfolio-item .image .overlay .links .portfolio-icons-inner > div:last-child a.icon { margin-right: 0 !important; } .portfolio .portfolio-item .image .overlay .links a.icon { color: #ffffff; } .portfolio .portfolio-item .image .overlay .links a.icon i { color: #ffffff; transition: all 0.3s; } .portfolio .portfolio-item .image .overlay .links a.icon svg { fill: #ffffff; transition: all 0.3s; } .portfolio:not(.hover-zooming-blur) .portfolio-item .image .overlay .links a.icon:hover i { color: inherit; } .portfolio:not(.hover-zooming-blur) .portfolio-item .image .overlay .links a.icon:hover svg { fill: currentColor; } .portfolio:not(.products-grid) .portfolio-item .image .overlay .links a.icon:before { content: none !important; } .portfolio .portfolio-item .image .overlay .links a.icon { width: 48px; height: 48px; line-height: 48px; } .portfolio .portfolio-item .image .overlay .links a.icon i.default { font-family: 'thegem-icons'; font-size: 48px; font-style: normal; line-height: inherit; display: inline-block; } .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links a.icon { width: 24px; height: 24px; line-height: 24px; } .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links a.icon i, .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links a.icon:before { font-size: 24px; } .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links a.icon svg { width: 24px; height: 24px; } .portfolio-item .image .overlay .links a.page i.default:before { content: '\e61f'; } .portfolio-item .image .overlay .links a.photo i.default:before { content: '\e60f'; } .portfolio-item .image .overlay .links a.self-link i.default:before { content: '\e61f'; } .portfolio-item .image .overlay .links a.inner-link i.default:before { content: '\e65b'; } .portfolio-item .image .overlay .links a.outer-link i.default:before { content: '\e623'; } .portfolio-item .image .overlay .links a.full-image i.default:before { content: '\e60f'; } .portfolio-item .image .overlay .links a.youtube i.default:before, .portfolio-item .image .overlay .links a.vimeo i.default:before, .portfolio-item .image .overlay .links a.self_video i.default:before { content: '\e610'; } .portfolio-item .image .overlay .links a.share i.default:before { content: '\e65c'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.page i.default:before { content: '\e628'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.photo i.default:before { content: '\e629'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self-link i.default:before { content: '\e628'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.inner-link i.default:before { content: '\e61c'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.outer-link i.default:before { content: '\e608'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.full-image i.default:before { content: '\e629'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.youtube i.default:before, .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.vimeo i.default:before, .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self_video i.default:before { content: '\e62a'; } .portfolio .portfolio-item .image .overlay .links a.share i.default:before { margin-left: -0.2em; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.share i.default:before { content: '\e65d'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.page i.default:before { content: '\e628'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.photo i.default:before { content: '\e629'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.self-link i.default:before { content: '\e628'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.inner-link i.default:before { content: '\e61c'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.outer-link i.default:before { content: '\e608'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.full-image i.default:before { content: '\e629'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.youtube i.default:before, .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.vimeo i.default:before, .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.self_video i.default:before { content: '\e62a'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share i.default:before { content: '\e65d'; } .portfolio.hover-default:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .portfolio.hover-zoom-overlay:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .with-sidebar .portfolio.hover-default.columns-3:not(.portfolio-slider) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle { display: none; } @media (max-width: 430px) { .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.page i.default:before { content: '\e628'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.photo i.default:before { content: '\e629'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self-link i.default:before { content: '\e628'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.inner-link i.default:before { content: '\e61c'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.outer-link i.default:before { content: '\e608'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.full-image i.default:before { content: '\e629'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.youtube i.default:before, .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.vimeo i.default:before, .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self_video i.default:before { content: '\e62a'; } .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share i.default:before { content: '\e65d'; } } @media (min-width: 768px) and (max-width: 870px) { .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.page i.default:before { content: '\e628'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.photo i.default:before { content: '\e629'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self-link i.default:before { content: '\e628'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.inner-link i.default:before { content: '\e61c'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.outer-link i.default:before { content: '\e608'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.full-image i.default:before { content: '\e629'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.youtube i.default:before, .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.vimeo i.default:before, .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self_video i.default:before { content: '\e62a'; } .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share i.default:before { content: '\e65d'; } } @media (min-width: 768px) and (max-width: 900px) { .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.page i.default:before { content: '\e628'; } .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.photo i.default:before { content: '\e629'; } .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.self-link i.default:before { content: '\e628'; } .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.inner-link i.default:before { content: '\e61c'; } .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.outer-link i.default:before { content: '\e608'; } .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.full-image i.default:before { content: '\e629'; } .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.youtube i.default:before, .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.vimeo i.default:before, .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.self_video i.default:before { content: '\e62a'; } .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share i.default:before { content: '\e65d'; } } @media (min-width: 1280px) { .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.page i.default:before { content: '\e628'; } .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.photo i.default:before { content: '\e629'; } .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.self-link i.default:before { content: '\e628'; } .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.inner-link i.default:before { content: '\e61c'; } .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.outer-link i.default:before { content: '\e608'; } .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.full-image i.default:before { content: '\e629'; } .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.youtube i.default:before, .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.vimeo i.default:before, .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.self_video i.default:before { content: '\e62a'; } .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share i.default:before { content: '\e65d'; } } .portfolio-item .caption { text-align: center; padding: 32px 30px 0; } .portfolio.portfolio-grid:not(.columns-1) .portfolio-item .wrap > .caption { /*min-height: 167px;*/ min-height: initial; } .portfolio.no-gaps:not(.columns-1) .portfolio-item .wrap > caption, .portfolio.background-style-gray:not(.columns-1) .portfolio-item .wrap > caption, .portfolio.background-style-dark:not(.columns-1) .portfolio-item .wrap > caption { min-height: 168px; } .portfolio-item .overlay .caption { background-color: transparent; } .portfolio.columns-1 .portfolio-item .wrap > .caption { text-align: left; } .portfolio-items-masonry .portfolio-item .caption { border-top: 0 !important; padding-bottom: 28px; margin-top: -1px; } .portfolio-items-masonry .portfolio-item .overlay .caption { background-color: transparent; } .portfolio-items-masonry.without-padding .portfolio-item .caption { border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .portfolio-items-masonry.hover-title .portfolio-item .caption { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; padding-bottom: 0; } .portfolio.hover-title .portfolio-item .caption { padding: 39px 20px 0; } .portfolio.hover-title.columns-3 .portfolio-item .caption { padding-top: 25px; } .portfolio.hover-title:is(.columns-4, .columns-5, .columns-6) .portfolio-item .caption { padding-top: 15px; } .portfolio-item .caption .title { text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; letter-spacing: 0; } .portfolio-item .caption .title span { display: block; margin: 0; color: inherit; overflow: hidden; text-overflow: ellipsis; } .portfolio.columns-1 .portfolio-item .caption .title { white-space: normal; text-overflow: clip; margin-bottom: 30px; } .portfolio.hover-title .portfolio-item .caption .title { margin-bottom: 20px; } .portfolio.hover-title:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .caption .title, .portfolio.title-on-page.hover-gradient:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .caption .title, .portfolio.title-on-page.hover-circular:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .caption .title, .portfolio.hover-gradient.fullwidth-columns-6 .portfolio-item:not(.double-item-squared) .overlay .caption .title, .portfolio.hover-circular.fullwidth-columns-6 .portfolio-item:not(.double-item-squared) .overlay .caption .title, .portfolio.fullwidth-columns-6 .portfolio-item:not(.double-item-squared) .overlay .caption .title { font-size: 14px; line-height: 1.5; margin-bottom: 10px; } @media (max-width: 767px) { .portfolio-style-creative.creative-disable-mobile:is(.columns-mobile-2) .portfolio-item .overlay .caption .title { font-size: 14px; line-height: 1.5; } } @media (min-width: 768px) and (max-width: 992px) { .portfolio-style-creative.creative-disable-tablet:is(.columns-tablet-4) .portfolio-item .overlay .caption .title { font-size: 14px; line-height: 1.5; } } .portfolio .portfolio-item .caption .caption-separator { width: 50px; height: 1px; max-width: 100%; margin: 10px auto; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio:not(.disabled-hover) .portfolio-item:hover .caption .caption-separator { width: 90px; } .portfolio.columns-1 .portfolio-item .caption .info { white-space: nowrap; } .portfolio:not(.columns-1) .portfolio-item .caption .info .sep { height: auto; } .portfolio.columns-1 .portfolio-item .caption .caption-separator-line, .portfolio.columns-1 .portfolio-item .caption .caption-separator-line-hover { position: relative; display: inline-block; vertical-align: bottom; padding-bottom: 18px; } .portfolio.columns-1 .portfolio-item .caption .caption-separator-line:after, .portfolio.columns-1 .portfolio-item .caption .caption-separator-line-hover:after { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; } .portfolio.columns-1 .portfolio-item .caption .caption-separator-line:after, .portfolio.columns-1 .portfolio-item .caption .caption-separator-line-hover:after { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio.columns-1 .portfolio-item .caption .caption-separator-line-hover:after { width: 0; } .portfolio.columns-1 .portfolio-item:hover .caption .caption-separator-line-hover:after { width: 100%; } .portfolio-item .wrap > .caption .subtitle, .portfolio-item .wrap > .caption .info { -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio-item .caption .subtitle, .portfolio-item .caption .info, .portfolio-item .caption .subtitle a, .portfolio-item .caption .info a, .portfolio-item .caption .subtitle p { text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .portfolio-item .caption .subtitle span { display: block; margin: 0; color: inherit; overflow: hidden; text-overflow: ellipsis; } .portfolio-items-masonry .portfolio-item .caption .subtitle, .portfolio-items-masonry .portfolio-item .caption .info, .portfolio-items-masonry .portfolio-item .caption .subtitle a, .portfolio-items-masonry .portfolio-item .caption .info a, .portfolio-items-masonry .portfolio-item .caption .subtitle p { white-space: normal; overflow: visible; text-overflow: clip; } .portfolio-item .caption .info a { cursor: pointer; } .portfolio.columns-1 .portfolio-item .caption .subtitle, .portfolio.columns-1 .portfolio-item .caption .info, .portfolio.columns-1 .portfolio-item .caption .subtitle a, .portfolio.columns-1 .portfolio-item .caption .info a, .portfolio.columns-1 .portfolio-item .caption .subtitle p { text-decoration: none; white-space: normal; overflow: visible; } .portfolio.columns-1 .portfolio-item .wrap { position: relative; display: flex; } .portfolio.columns-1 .portfolio-item .wrap > .caption { position: relative; } .portfolio-item .entry-info { bottom: 31px; position: absolute; right: 0; padding-left: 30px; } .portfolio.columns-1 .portfolio-item .caption .info { margin-bottom: 16px; } .portfolio-item .caption .info { font-size: var(--thegem-to-body-tiny-font-size); line-height: 1.5; margin-top: 3px; } .portfolio-item .caption .info .separator { margin: 0 4px; } .portfolio-item .caption .subtitle p { margin: 0; } .portfolio-item .caption .subtitle a:hover, .portfolio-item .caption .info a:hover { text-decoration: underline; } .portfolio.columns-1 .portfolio-item .caption .subtitle { margin-bottom: 15px; } .portfolio .overlay .links .caption .title, .portfolio .overlay .links .caption .subtitle, .portfolio .overlay .links .caption .subtitle p, .portfolio .overlay .links .caption .info { white-space: normal; overflow: visible; text-overflow: clip; } .fullwidth-block.portfolio-items-2 .portfolio-item { max-width: 555px; } .portfolio .portfolio-item .overlay-line { height: 2px; font-size: 0; line-height: 1; } @media only screen and (min-width: 1920px) { .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 25%; } .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 50%; } .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 20%; } .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 40%; } .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 16.665%; } .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 33.33%; } .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 14.2857%; } .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 28.5714%; } } @media only screen and (min-width: 1680px) and (max-width: 1920px) { .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 33.333332%; } .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 66.66666%; } .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item, .portfolio.fullwidth-columns-3.porfolio-even-columns .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 25%; } .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical), .portfolio.fullwidth-columns-3.porfolio-even-columns .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 50%; } .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 20%; } .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 40%; } .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item, .portfolio.fullwidth-columns-5.porfolio-even-columns .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 16.665%; } .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical), .portfolio.fullwidth-columns-5.porfolio-even-columns .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 33.33%; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) { .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item, .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 25%; } .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical), .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 50%; } .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 33.333332%; } .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 66.66666%; } .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 20%; } .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 40%; } .portfolio.fullwidth-columns-3.porfolio-even-columns .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 25%; } .portfolio.fullwidth-columns-3.porfolio-even-columns .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 50%; } .portfolio.fullwidth-columns-6.porfolio-even-columns .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 16.665%; } .portfolio.fullwidth-columns-6.porfolio-even-columns .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 33.33%; } } @media only screen and (min-width: 830px) and (max-width: 1280px) { .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-set .portfolio-item, .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 33.333332%; } .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 66.66666%; } .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 25%; } .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 50%; } .portfolio.porfolio-even-columns .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 25%; } .portfolio.porfolio-even-columns .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 50%; } } @media only screen and (max-width: 1100px) { .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 33.333332%; } .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 66.66666%; } .portfolio.fullwidth-columns-6.porfolio-even-columns .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 25%; } .portfolio.fullwidth-columns-6.porfolio-even-columns .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 50%; } } @media only screen and (max-width: 880px) { .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 50%; } .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) { width: 100%; } } @media only screen and (max-width: 830px) { .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-set .portfolio-item, .portfolio:not(.extended-portfolio-grid) .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-item-size-container .portfolio-item, .portfolio:not(.extended-portfolio-grid) .portfolio-item-size-container .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 50%; } .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical), .portfolio:not(.extended-portfolio-grid) .portfolio-set .portfolio-item.double-item:not(.double-item-vertical), .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical), .portfolio.columns-1 .portfolio-set .portfolio-item, .portfolio.columns-1 .portfolio-item-size-container .portfolio-item { width: 100%; } } @media only screen and (max-width: 550px) { .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-set .portfolio-item, .portfolio:not(.extended-portfolio-grid) .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical), .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-item-size-container .portfolio-item, .portfolio:not(.extended-portfolio-grid) .portfolio-item-size-container .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item { width: 100%; } } @media only screen and (min-width: 992px) and (max-width: 1120px) { .with-sidebar .portfolio.columns-3 .portfolio-item, .with-sidebar .portfolio.columns-3 .portfolio-item-size-container .portfolio-item { width: 50%; } } @media only screen and (min-width: 992px) and (max-width: 1100px) { .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item, .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item-size-container .portfolio-item { width: 33.3333%; } .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item.double-item:not(.double-item-vertical) { width: 66.66%; } .portfolio:is(.columns-4, .columns-5, .columns-6).porfolio-even-columns .portfolio-item-size-container .portfolio-item { width: 25%; } .portfolio:is(.columns-4, .columns-5, .columns-6).porfolio-even-columns .portfolio-item.double-item:not(.double-item-vertical) { width: 50%; } } @media only screen and (min-width: 800px) { .portfolio.columns-3.porfolio-even-columns .portfolio-item-size-container .portfolio-item { width: 25%; } .portfolio.columns-3.porfolio-even-columns .portfolio-item.double-item:not(.double-item-vertical) { width: 50%; } } @media only screen and (min-width: 550px) and (max-width: 800px) { .portfolio.columns-3.porfolio-even-columns .portfolio-item-size-container .portfolio-item { width: 50%; } .portfolio.columns-3.porfolio-even-columns .portfolio-item.double-item:not(.double-item-vertical) { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .portfolio:is(.columns-4, .columns-5, .columns-6).porfolio-even-columns .portfolio-item-size-container .portfolio-item { width: 25%; } .portfolio:is(.columns-4, .columns-5, .columns-6).porfolio-even-columns .portfolio-item.double-item:not(.double-item-vertical) { width: 50%; } } .portfolio.portfolio-style-metro.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.portfolio-style-metro.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.portfolio-style-metro.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.portfolio-style-metro.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item, .portfolio.portfolio-style-metro.fullwidth-columns-5 .fullwidth-block .portfolio-item-size-container .portfolio-item, .portfolio.portfolio-style-metro.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item { width: auto; } .portfolio.fullwidth-columns-6 .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .description { display: none; } /* Vertical sliding hover */ .portfolio.hover-vertical-sliding:not(.version-alternative) .image .overlay .links, .portfolio.hover-new-vertical-sliding.title-on-hover .image .overlay .links, .portfolio.hover-default-vertical-sliding .image .overlay .links { text-align: left; vertical-align: top; } .portfolio.hover-vertical-sliding .overlay .links .caption { text-align: left; padding: 0; } .portfolio.hover-vertical-sliding .overlay .links { padding: 48px 42px; } .portfolio.hover-vertical-sliding .overlay .links a.icon { margin-right: 32px; } .portfolio.hover-vertical-sliding .overlay .overlay-line { margin: 16px 0; } .portfolio.hover-vertical-sliding:not(.version-alternative) .overlay .links .caption .description { width: 100%; position: absolute; left: 0; bottom: 0; padding: 0 42px 35px; } .vc_col-sm-9 .portfolio.hover-vertical-sliding .portfolio-item:not(.double-item-squared) .overlay .links { padding: 31px 28px; } .vc_col-sm-9 .portfolio.hover-vertical-sliding .portfolio-item:not(.double-item-squared) .overlay .description { padding: 0 28px 25px; } .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .subtitle { width: 85%; margin-bottom: 12px; } .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .info { width: 85%; } .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .description, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .with-sidebar .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle { display: none; } .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .subtitle { margin-bottom: 0; width: 90%; } .portfolio.portfolio-style-metro.hover-vertical-sliding .overlay .links .caption .subtitle, .portfolio.portfolio-style-metro.hover-vertical-sliding .overlay .links .caption .info { display: none; } @media only screen and (max-width: 1170px) { .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .subtitle { width: 85%; margin-bottom: 12px; } .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .info { width: 85%; } } @media only screen and (max-width: 920px) { .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle { display: block; } .portfolio.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle { margin-bottom: 0; } .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info, .portfolio.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info { display: none; } } @media only screen and (max-width: 830px) { .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .subtitle { display: block; margin: 0; } } @media only screen and (max-width: 768px) { .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .subtitle { display: block; } .portfolio.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info, .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .info, .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .info { display: block; } } @media only screen and (max-width: 460px) { .portfolio.hover-vertical-sliding.columns-2 .portfolio-item .overlay .links .caption .info, .portfolio.hover-vertical-sliding.columns-3 .portfolio-item .overlay .links .caption .info, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item .overlay .links .caption .info, .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item .overlay .links .caption .info, .with-sidebar .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle { display: none !important; } .portfolio.hover-vertical-sliding.columns-2 .portfolio-item .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .portfolio-item .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item .overlay .links .caption .subtitle { margin-bottom: 0 !important; } } @media only screen and (max-width: 412px) { .portfolio.hover-vertical-sliding.columns-2 .portfolio-item .overlay .links .caption .info, .portfolio.hover-vertical-sliding.columns-3 .portfolio-item .overlay .links .caption .info, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item .overlay .links .caption .info, .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item .overlay .links .caption .info { display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 800px) { .portfolio.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info, .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info { display: none; } .portfolio.hover-vertical-sliding.columns-1 .overlay .links, .portfolio.hover-vertical-sliding.columns-2 .overlay .links, .portfolio.hover-vertical-sliding.columns-3 .overlay .links { padding: 41px 28px; } .portfolio.hover-vertical-sliding.columns-1 .overlay .links .caption .description, .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .description, .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .description { padding: 0 28px 25px; } .portfolio.hover-vertical-sliding.columns-1 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle { margin-bottom: 0; } } @media only screen and (max-width: 412px) { .portfolio.hover-vertical-sliding.columns-1 .overlay .links, .portfolio.hover-vertical-sliding.columns-2 .overlay .links, .portfolio.hover-vertical-sliding.columns-3 .overlay .links, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links, .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links { padding: 41px 28px; } .portfolio.hover-vertical-sliding.columns-1 .overlay .links .caption .description, .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .description, .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .description, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .description, .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .description { padding: 0 28px 25px; } } @media only screen and (max-width: 340px) { .portfolio.hover-vertical-sliding.columns-1 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .subtitle { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1150px) { .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info { display: none; } .portfolio.hover-vertical-sliding.columns-3 .overlay .links { padding: 41px 28px; } .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .description { padding: 0 28px 25px; } } @media only screen and (min-width: 920px) and (max-width: 992px) { .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .info { display: block; } } @media only screen and (min-width: 1150px) { .with-sidebar .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info { display: none; } .with-sidebar .portfolio.hover-vertical-sliding.columns-3 .overlay .links { padding: 41px 28px; } } @media only screen and (min-width: 768px) { .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .info { display: none; } .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links { padding: 41px 28px; } .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .description { padding: 0 28px 41px; } } @media only screen and (min-width: 1735px) { .portfolio.hover-vertical-sliding.columns-3 .fullwidth-block .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .fullwidth-block .overlay .links .caption .info { display: block; } } @media only screen and (min-width: 992px) { .with-sidebar .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links { padding: 18px 12px; } .with-sidebar .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .title { font-size: 14px; line-height: 21px; } } @media only screen and (max-width: 1120px) { .with-sidebar .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle { display: block; } } @media only screen and (max-width: 340px) { .with-sidebar .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle { display: none; } } @media only screen and (min-width: 1250px) and (max-width: 1770px), screen and (min-width: 992px) and (max-width: 1170px), screen and (min-width: 768px) and (max-width: 900px) { .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .info { display: none; } .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .subtitle { margin-bottom: 0; } .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links { padding: 41px 28px; } .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .description { padding: 0 28px 41px; } } @media only screen and (min-width: 980px) and (max-width: 1070px) { .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle { display: none; } } @media only screen and (min-width: 1170px) and (max-width: 1250px), screen and (min-width: 981px) and (max-width: 992px) { .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .info { display: none; } .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links { padding: 18px 12px; } .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .title { font-size: 14px; line-height: 1.5; } .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .description { padding: 0 12px 41px; } } /* Default hover */ .portfolio.hover-default .portfolio-item .image .overlay .overlay-line, .portfolio.hover-zoom-overlay .portfolio-item .image .overlay .overlay-line { display: none; } .portfolio.hover-default .portfolio-item .image .overlay .links .caption .info { display: block; /*padding-top: 10px;*/ } .portfolio.hover-default .portfolio-item .image .overlay .links .caption { padding: 30px 30px 0; } .portfolio.hover-default .portfolio-item .image .overlay .links a.icon/*, .portfolio.hover-default .portfolio-item .image .overlay .links .portfolio-icons.product-bottom .yith-wcwl-add-to-wishlist .yith-wcwl-add-button, .portfolio.hover-default .portfolio-item .image .overlay .links .portfolio-icons.product-bottom .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse*/ { margin: 10px; } .portfolio.hover-default .portfolio-item .image .overlay .links a.icon { width: 48px; height: 48px; } .portfolio.hover-default .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-default .portfolio-item .image .overlay .links a.icon:before { font-size: 48px; } .portfolio.hover-default .portfolio-item .image .overlay .links a.icon svg { width: 48px; height: 48px; } .portfolio:is(.columns-4, .columns-5, .columns-6).hover-default .portfolio-item .image .overlay .links a.icon { width: 24px; height: 24px; line-height: 24px; } .portfolio:is(.columns-4, .columns-5, .columns-6).hover-default .portfolio-item .image .overlay .links a.icon i, .portfolio:is(.columns-4, .columns-5, .columns-6).hover-default .portfolio-item .image .overlay .links a.icon:before { font-size: 24px; } .portfolio:is(.columns-4, .columns-5, .columns-6).hover-default .portfolio-item .image .overlay .links a.icon svg { width: 24px; height: 24px; } .portfolio.portfolio-style-metro.hover-default .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.portfolio-style-metro.hover-default .portfolio-item .image .overlay .links .caption .info { display: none; } @media (max-width: 991px) { .portfolio.hover-default .portfolio-item .image .overlay .links a.icon/*, .portfolio.hover-default .portfolio-item .image .overlay .links .portfolio-icons.product-bottom .yith-wcwl-add-to-wishlist .yith-wcwl-add-button, .portfolio.hover-default .portfolio-item .image .overlay .links .portfolio-icons.product-bottom .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse*/ { margin-right: 15px; } .portfolio.hover-default .portfolio-item .image .overlay .links a.icon { width: 24px; height: 24px; line-height: 24px; } .portfolio.hover-default .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-default .portfolio-item .image .overlay .links a.icon:before { font-size: 24px; } .portfolio.hover-default .portfolio-item .image .overlay .links a.icon svg { width: 24px; height: 24px; } } .portfolio.hover-default .fullwidth-block .overlay .links .caption .subtitle { display: block; } @media only screen and (max-width: 380px) { .portfolio.hover-default .portfolio-item .image .overlay .links .caption .subtitle { display: none; } } @media only screen and (min-width: 1120px) { .with-sidebar .portfolio.hover-default .overlay .portfolio-item .image .links .caption .subtitle, .with-sidebar .portfolio.hover-default .overlay .portfolio-item .image .links .caption .info { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1040px) { .with-sidebar .portfolio.hover-default .portfolio-item .image .overlay .links .caption .subtitle, .with-sidebar .portfolio.hover-default .portfolio-item .image .overlay .links .caption .info { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1120px) { .portfolio.hover-default.columns-3 .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-default.columns-3 .portfolio-item .image .overlay .links .caption .info { display: none; } } @media only screen and (min-width: 1100px) and (min-width: 832px) and (max-width: 1030px) { .portfolio.hover-default:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .subtitle, .portfolio.hover-default:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info { display: none; } } @media only screen and (min-width: 832px) and (max-width: 1100px) { .portfolio.hover-default:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-default:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .info { display: none; } } @media only screen and (min-width: 1170px) and (max-width: 1250px), screen and (min-width: 900px) and (max-width: 992px) { .portfolio.hover-default .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .title { font-size: 14px; line-height: 1.5; } } @media only screen and (max-width: 768px) { .portfolio.hover-default .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-default .fullwidth-block .portfolio-item .image .overlay .links .caption .info { display: block; } } @media only screen and (max-width: 460px) { .portfolio.hover-default .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-default .fullwidth-block .portfolio-item .image .overlay .links .caption .info { display: none; } } @media only screen and (min-width: 1250px) and (max-width: 1770px), screen and (min-width: 992px) and (max-width: 1170px), screen and (min-width: 768px) and (max-width: 900px) { } @media only screen and (min-width: 1170px) and (max-width: 1250px), screen and (min-width: 900px) and (max-width: 992px) { .portfolio.hover-default .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .title { font-size: 14px; line-height: 1.5; } } @media only screen and (max-width: 370px) { .portfolio.hover-default .portfolio-item .image .overlay .links .caption { padding-top: 15px; } } /* Zooming blur hover */ .portfolio.hover-zooming-blur .portfolio-item .image .overlay .overlay-line { display: none; } .portfolio.hover-zooming-blur .portfolio-item .image img { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -o-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .portfolio.hover-zooming-blur .portfolio-item .image img.zoom { transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); -moz-transform: scale(1.15); -webkit-transform: scale(1.15); } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption { padding: 30px 30px 0; } .portfolio:not(.hover-default, .hover-zoom-overlay) .portfolio-item .image .overlay .links a.icon { margin-right: 16px; } .portfolio:not(.hover-default, .hover-zoom-overlay) .portfolio-item .image .overlay .links a.icon { display: inline-block; width: 70px; height: 70px; text-align: center; line-height: 70px; border-radius: 50%; } .portfolio:not(.hover-default, .hover-zoom-overlay) .portfolio-item .image .overlay .links a.icon i, .portfolio:not(.hover-default, .hover-zoom-overlay) .portfolio-item .image .overlay .links a.icon:before { font-size: 32px; } .portfolio:not(.hover-default, .hover-zoom-overlay) .portfolio-item .image .overlay .links a.icon svg { width: 32px; height: 32px; } .portfolio:not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item .image .overlay .links a.icon { width: 32px; height: 32px; line-height: 32px; } .portfolio:not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item .image .overlay .links a.icon i, .portfolio:not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item .image .overlay .links a.icon:before { font-size: 32px; } .portfolio:not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item .image .overlay .links a.icon svg { width: 32px; height: 32px; } .portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon { margin-right: 10px; } .portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon { line-height: 24px; width: 24px; height: 24px; } .portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon i, .portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before { font-size: 24px; } .portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon svg { width: 24px; height: 24px; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon { margin: 5px; } .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon, .portfolio.hover-zooming-blur:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon { margin: 4px; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon { background-color: #3c3950; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon:before { background-color: transparent; } .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon, .portfolio.hover-zooming-blur:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon { width: 40px; height: 40px; line-height: 40px; /*font-size: 16px;*/ } .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon i, .portfolio.hover-zooming-blur:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon i, .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before, .portfolio.hover-zooming-blur:is(.columns-3,.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before { font-size: 16px; } .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon svg, .portfolio.hover-zooming-blur:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon svg { width: 16px; height: 16px; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .title { margin-bottom: 15px; } .portfolio.portfolio-style-metro.hover-zooming-blur .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.portfolio-style-metro.hover-zooming-blur .portfolio-item .image .overlay .links .caption .info { display: none; } @media only screen and (max-width: 430px) { .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon { margin-right: 8px; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon { width: 40px; height: 40px; line-height: 40px; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon:before { font-size: 16px; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon svg { width: 16px; height: 16px; } } @media only screen and (max-width: 991px) { .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon { margin-right: 8px; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon { width: 40px; height: 40px; line-height: 40px; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon:before { font-size: 16px; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon svg { width: 16px; height: 16px; } .portfolio.hover-zooming-blur .portfolio-item.double-item .image .overlay .links a.icon { margin-right: 8px; } .portfolio.hover-zooming-blur .portfolio-item.double-item .image .overlay .links a.icon { width: 40px; height: 40px; line-height: 40px; } .portfolio.hover-zooming-blur .portfolio-item.double-item .image .overlay .links a.icon i { font-size: 16px; } .portfolio.hover-zooming-blur .portfolio-item.double-item .image .overlay .links a.icon svg { width: 16px; height: 16px; } } @media only screen and (max-width: 380px) { .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .info { display: none; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } } @media only screen and (min-width: 992px) and (max-width: 1100px), screen and (min-width: 768px) and (max-width: 830px) { .with-sidebar .portfolio.hover-zooming-blur.columns-2 .portfolio-item .image .overlay .links .caption .subtitle, .with-sidebar .portfolio.hover-zooming-blur.columns-2 .portfolio-item .image .overlay .links .caption .info { display: none; } .with-sidebar .portfolio.hover-zooming-blur.columns-2 .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } } @media only screen and (min-width: 768px) { .portfolio.hover-zooming-blur:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .subtitle, .portfolio.hover-zooming-blur:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info, .portfolio.hover-zoom-overlay:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .subtitle, .portfolio.hover-zoom-overlay:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info { display: none; } .portfolio.hover-zooming-blur:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .title, .portfolio.hover-zoom-overlay:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } } @media only screen and (min-width: 992px) and (max-width: 1120px) { .portfolio.hover-zooming-blur.columns-3 .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-zooming-blur.columns-3 .portfolio-item .image .overlay .links .caption .info { display: none; } .portfolio.hover-zooming-blur.columns-3 .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } } @media only screen and (min-width: 1120px) { .with-sidebar .portfolio.hover-zooming-blur.columns-3 .portfolio-item .image .overlay .links .caption .subtitle, .with-sidebar .portfolio.hover-zooming-blur.columns-3 .portfolio-item .image .overlay .links .caption .info { display: none; } .with-sidebar .portfolio.hover-zooming-blur.columns-3 .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } } @media only screen and (min-width: 992px) { .with-sidebar .portfolio.hover-zooming-blur:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption { padding-top: 15px; } .with-sidebar .portfolio.hover-zooming-blur:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .caption .title { font-size: 14px; line-height: 21px; } } @media only screen and (min-width: 1250px) and (max-width: 1820px), screen and (min-width: 992px) and (max-width: 1170px), screen and (min-width: 768px) and (max-width: 900px) { .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .info { display: none; } .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } } @media only screen and (min-width: 1170px) and (max-width: 1250px), screen and (min-width: 900px) and (max-width: 992px) { .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption { padding-top: 15px; } .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .title { font-size: 14px; line-height: 1.5; } .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .info { display: none; } .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } } /* Gradient hover */ .portfolio.hover-gradient .portfolio-item .image .overlay .overlay-line { display: none; } .portfolio.hover-gradient .portfolio-item .image img { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -o-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .portfolio.hover-gradient .portfolio-item .image .overlay .links, .portfolio.hover-disabled .portfolio-item .image .overlay .links { vertical-align: bottom; padding: 0; text-align: left; } .portfolio.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons { position: absolute; left: 0; top: 0; padding: 25px 30px; } .portfolio.hover-gradient .portfolio-item .image .overlay .links .description { position: static; } .portfolio.hover-gradient .portfolio-item .image .overlay .links .caption, .portfolio.hover-disabled .portfolio-item .image .overlay .links .caption { padding: 0 30px 25px; width: 100%; text-align: left; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon { margin-right: 16px; } .portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-gradient, .hover-zooming-blur) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon { margin-right: 10px; } .portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon, .portfolio.hover-gradient:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon { margin-right: 8px; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon { background-color: rgba(255, 255, 255, 0.8); color: #3c3950; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before { background-color: transparent; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before { color: #3c3950; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon svg { fill: #3c3950; } .portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon, .portfolio.hover-gradient:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon { width: 40px; height: 40px; line-height: 40px; } .portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon i, .portfolio.hover-gradient:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon i, .portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before, .portfolio.hover-gradient:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before { font-size: 16px; } .portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon svg, .portfolio.hover-gradient:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon svg { width: 16px; height: 16px; } .portfolio.hover-gradient:not(.products) .portfolio-item .image .overlay .links .caption .title, .portfolio.hover-circular:not(.products) .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } .portfolio.portfolio-style-metro.hover-gradient .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.portfolio-style-metro.hover-gradient .portfolio-item .image .overlay .links .caption .info { display: none; } .portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-disabled .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-gradient .portfolio-item .wrap > .caption .subtitle { display: none !important; } @media (max-width: 992px) { .portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info, .portfolio.hover-gradient .portfolio-item .wrap > .caption .info, .portfolio.hover-default .portfolio-item .image .overlay .links .caption .description, .portfolio.hover-zoom-overlay .portfolio-item .image .overlay .links .caption .description { display: none !important; } } .portfolio.gem-instagram-gallery.hover-gradient .portfolio-item .image .overlay .links .caption .subtitle { display: block !important; } .portfolio.hover-gradient.fullwidth-columns-4 .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle { display: block !important; max-width: 70%; } .hover-gradient .portfolio-item .image .overlay .links .portfolio-sharing-pane { text-align: left; } .hover-gradient .portfolio-item .image .overlay .links .portfolio-sharing-pane a.socials-item:first-child { margin-left: 0; } .portfolio.hover-gradient.hover-gradient-title .portfolio-item .image .overlay .links .caption .title, .portfolio.hover-gradient.hover-gradient-title .portfolio-item .image .overlay .links .caption .description { opacity: 1; } .portfolio.hover-gradient.hover-gradient-title .portfolio-item .image .overlay .links .caption .title, .portfolio.hover-gradient.hover-gradient-title .portfolio-item .image .overlay .links .caption .info { opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); } @media only screen and (max-width: 430px) { .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon { margin-right: 8px; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon { width: 40px; height: 40px; line-height: 40px; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before { font-size: 16px; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon svg { width: 16px; height: 16px; } } @media only screen and (max-width: 991px) { .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon/*, .portfolio.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons.product-bottom .yith-wcwl-add-to-wishlist .yith-wcwl-add-button, .portfolio.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons.product-bottom .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse*/ { margin-right: 8px; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon { width: 40px; height: 40px; line-height: 40px; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before { font-size: 16px; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon svg { width: 16px; height: 16px; } .portfolio.hover-gradient .portfolio-item.double-item .image .overlay .links a.icon { margin-right: 8px; } .portfolio.hover-gradient .portfolio-item.double-item .image .overlay .links a.icon { width: 40px; height: 40px; line-height: 40px; } .portfolio.hover-gradient .portfolio-item.double-item .image .overlay .links a.icon i { font-size: 16px; } .portfolio.hover-gradient .portfolio-item.double-item .image .overlay .links a.icon svg { width: 16px; height: 16px; } } @media only screen and (max-width: 380px) { .portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1100px), screen and (min-width: 768px) and (max-width: 830px) { .with-sidebar .portfolio.hover-gradient.columns-2 .portfolio-item .image .overlay .links .caption .subtitle, .with-sidebar .portfolio.hover-gradient.columns-2 .portfolio-item .image .overlay .links .caption .info { display: none; } .with-sidebar .portfolio.hover-gradient.columns-2 .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } } @media only screen and (min-width: 768px) { .portfolio.hover-gradient:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .subtitle, .portfolio.hover-gradient:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info, .portfolio.hover-disabled:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info { display: none; } .portfolio.hover-gradient:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } } @media only screen and (min-width: 992px) and (max-width: 1120px) { .portfolio.hover-gradient.columns-3 .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-gradient.columns-3 .portfolio-item .image .overlay .links .caption .info { display: none; } .portfolio.hover-gradient.columns-3 .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } } @media only screen and (min-width: 1120px) { .with-sidebar .portfolio.hover-gradient.columns-3 .portfolio-item .image .overlay .links .caption .subtitle, .with-sidebar .portfolio.hover-gradient.columns-3 .portfolio-item .image .overlay .links .caption .info { display: none; } .with-sidebar .portfolio.hover-gradient.columns-3 .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } } @media only screen and (min-width: 992px) { .with-sidebar .portfolio.hover-gradient:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption { padding-top: 15px; } .with-sidebar .portfolio.hover-gradient:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .caption .title { font-size: 14px; line-height: 21px; } } @media only screen and (min-width: 1250px) and (max-width: 1820px), screen and (min-width: 992px) and (max-width: 1170px), screen and (min-width: 768px) and (max-width: 900px) { .portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .info { display: none; } .portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } } @media only screen and (min-width: 1170px) and (max-width: 1250px), screen and (min-width: 900px) and (max-width: 992px) { .portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption { padding-top: 15px; } .portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .title { font-size: 14px; line-height: 1.5; } .portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .product-price .price .amount { font-size: 127%; } .portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .info { display: none; } .portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } } @media only screen and (min-width: 1280px) and (max-width: 1550px), screen and (min-width: 768px) and (max-width: 1100px) { .portfolio.hover-gradient.fullwidth-columns-4 .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle { display: none !important; } } /* Circular hover */ .portfolio.hover-circular .portfolio-item .image .overlay .overlay-circle { display: block; } .portfolio.hover-circular .portfolio-item .image img { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -o-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .portfolio.hover-circular .portfolio-item .image .overlay .links { vertical-align: bottom; padding: 0; text-align: left; } .portfolio.hover-circular .portfolio-item .image .overlay .links .portfolio-icons { position: absolute; left: 0; right: 0; top: 0; padding: 35px 25px; } .portfolio.hover-circular .portfolio-item .image .overlay .links .description { position: static; } .portfolio.hover-circular .portfolio-item .image .overlay .links .caption { padding: 0 25px 25px; width: 100%; text-align: left; } @media only screen and (min-width: 550px) { .portfolio.hover-circular .portfolio-item.double-item-squared .image .overlay .links .portfolio-icons { padding: 45px 40px; } .portfolio.hover-circular .portfolio-item.double-item-horizontal .image .overlay .links .portfolio-icons { padding: 35px 40px; } .portfolio.hover-circular .portfolio-item.double-item-squared .image .overlay .links .caption { padding: 0 40px 35px; } .portfolio.hover-circular .portfolio-item.double-item-horizontal .image .overlay .links .caption { padding: 0 40px 25px; } } .portfolio.hover-circular .portfolio-item .image .overlay .links .caption .subtitle { max-width: 70%; left: 42px; display: none !important; } .portfolio.gem-instagram-gallery.hover-circular .portfolio-item .image .overlay .links .caption .subtitle { left: 25px; display: block !important; } .portfolio.hover-circular:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-circular:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .info { display: none; } .hover-circular .portfolio-item .image .overlay .links .portfolio-sharing-pane { text-align: left; } .hover-circular .portfolio-item .image .overlay .links .portfolio-sharing-pane a.socials-item:first-child { margin-left: 0; } .portfolio.hover-circular.hover-circular-title .portfolio-item .image .overlay .links .caption .title, .portfolio.hover-circular.hover-circular-title .portfolio-item .image .overlay .links .caption .description { opacity: 1; } .portfolio.hover-circular.hover-circular-title .portfolio-item .image .overlay .links .caption .title, .portfolio.hover-circular.hover-circular-title .portfolio-item .image .overlay .links .caption .info { opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); } .portfolio.hover-circular .overlay .links a.icon { margin-right: 32px; } .portfolio.hover-circular .overlay .overlay-line { margin: 16px 0; } .vc_col-sm-9 .portfolio.hover-circular .portfolio-item:not(.double-item-squared) .overlay .links { padding: 31px 28px; } @media only screen and (min-width: 1280px) and (max-width: 1550px), screen and (min-width: 550px) and (max-width: 1100px), screen and (max-width: 400px) { .portfolio.hover-circular .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-circular .portfolio-item .image .overlay .links .caption .info { display: none; } } @media only screen and (max-width: 430px) { .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon { margin-right: 8px; } .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon { width: 40px; height: 40px; line-height: 40px; } .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon:before { font-size: 24px; } .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon svg { width: 24px; height: 24px; } } @media only screen and (max-width: 991px) { .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon { margin-right: 8px; } .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon { width: 24px; height: 24px; line-height: 24px; } .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon:before { font-size: 24px; } .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon svg { width: 24px; height: 24px; } .portfolio.hover-circular .portfolio-item.double-item .image .overlay .links a.icon { margin-right: 8px; } .portfolio.hover-circular .portfolio-item.double-item-squared .image .overlay .links a.icon { width: 40px; height: 40px; line-height: 40px; } .portfolio.hover-circular .portfolio-item.double-item-squared .image .overlay .links a.icon i, .portfolio.hover-circular .portfolio-item.double-item-squared .image .overlay .links a.icon:before { font-size: 32px; } .portfolio.hover-circular .portfolio-item.double-item-squared .image .overlay .links a.icon svg { width: 32px; height: 32px; } } @media only screen and (min-width: 992px) { .with-sidebar .portfolio.hover-circular:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .caption .title { font-size: 14px; line-height: 1.5; } } @media only screen and (min-width: 1170px) and (max-width: 1250px), screen and (min-width: 900px) and (max-width: 992px) { .portfolio.hover-circular .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .title { font-size: 14px; line-height: 1.5; } .portfolio.hover-circular .fullwidth-block .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } } @media only screen and (min-width: 400px) and (max-width: 550px) { .portfolio.hover-circular:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-circular:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .info { display: block; } } @media only screen and (min-width: 800px) { .portfolio.hover-circular.columns-2 .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-circular.columns-2 .portfolio-item .image .overlay .links .caption .info, .portfolio.hover-circular.columns-1 .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-circular.columns-1 .portfolio-item .image .overlay .links .caption .info { display: block; } } /* Horizontal sliding hover */ .portfolio.hover-horizontal-sliding:not(.version-alternative) .overlay .links, .portfolio.hover-horizontal-sliding:not(.version-alternative) .portfolio-item .image .links, .portfolio.hover-new-horizontal-sliding.title-on-hover .overlay .links, .portfolio.hover-default-horizontal-sliding .overlay .links { text-align: left; vertical-align: bottom; } .portfolio.hover-horizontal-sliding .overlay .links .caption { text-align: left; padding: 0; } .portfolio.hover-horizontal-sliding .overlay .links { padding: 39px 50px; } .portfolio.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links { padding: 41px 28px; } .portfolio.hover-horizontal-sliding .overlay .links a.icon, .portfolio.hover-horizontal-sliding .overlay .links a.icon { margin-right: 32px; } .portfolio.hover-horizontal-sliding .overlay .overlay-line { margin: 30px 0; } .portfolio.hover-horizontal-sliding.columns-2 .overlay .links .caption .subtitle { width: 65%; margin-bottom: 3px; } .portfolio.hover-horizontal-sliding.columns-2 .overlay .links .caption .info { width: 65%; } .portfolio.hover-horizontal-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links a.icon, .portfolio.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links a.icon { margin-right: 16px; } .portfolio.portfolio-style-metro.hover-horizontal-sliding .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.portfolio-style-metro.hover-horizontal-sliding .portfolio-item .image .overlay .links .caption .info { display: none; } @media only screen and (max-width: 1170px) { .portfolio.hover-horizontal-sliding.columns-2 .overlay .links .caption .subtitle { width: 85%; } .portfolio.hover-horizontal-sliding.columns-2 .overlay .links .caption .info { width: 85%; } } @media only screen and (max-width: 920px) { .portfolio.hover-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle { display: none; } .portfolio.hover-horizontal-sliding.columns-3 .overlay .links .caption .info { display: block; } } @media only screen and (max-width: 980px) { .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .info { display: none; } } @media only screen and (max-width: 768px) { .portfolio.hover-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .portfolio.hover-horizontal-sliding.columns-3 .overlay .links .caption .subtitle, .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links .caption .subtitle { display: block; } .portfolio.hover-horizontal-sliding.columns-2 .overlay .links .caption .info, .portfolio.hover-horizontal-sliding.columns-3 .overlay .links .caption .info, .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .info, .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links .caption .info { display: block; } } @media only screen and (max-width: 460px) { .portfolio.hover-horizontal-sliding:is(.columns-2, .columns-3, .columns-4, .columns-5, .columns-6) .overlay .links .caption .subtitle, .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links .caption .subtitle { display: none !important; } } @media only screen and (max-width: 440px) { .portfolio.hover-horizontal-sliding:is(.columns-2, .columns-3, .columns-4, .columns-5, .columns-6) .overlay .links .caption .info, .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links .caption .info { display: none !important; } } @media only screen and (min-width: 830px) { .with-sidebar .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .info { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1150px) { .with-sidebar .portfolio.hover-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links a.icon { margin-right: 23px; width: 32px; height: 32px; line-height: 32px; } .with-sidebar .portfolio.hover-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links a.icon:before { font-size: 32px; } .with-sidebar .portfolio.hover-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links a.icon svg { width: 32px; height: 32px; } } @media only screen and (min-width: 768px) and (max-width: 845px) { .portfolio.hover-horizontal-sliding:is(.columns-1, .columns-2, .columns-3) .overlay .links { padding: 41px 28px; } } @media only screen and (max-width: 440px) { .portfolio.hover-horizontal-sliding:is(.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6) .overlay .links, .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links { padding: 41px 30px; } } @media only screen and (max-width: 360px) { .portfolio.hover-horizontal-sliding:is(.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6) .overlay .links, .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links { padding: 31px 20px; } .portfolio.hover-horizontal-sliding .overlay .overlay-line { margin: 15px 0; } } @media only screen and (min-width: 992px) and (max-width: 1150px) { .portfolio.hover-horizontal-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info { display: none; } .portfolio.hover-horizontal-sliding.columns-3 .overlay .links { padding: 41px 28px; } .portfolio.hover-horizontal-sliding .overlay .overlay-line { margin: 15px 0; } .with-sidebar .portfolio.hover-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle { display: none; } } @media only screen and (min-width: 920px) and (max-width: 992px) { .portfolio.hover-horizontal-sliding.columns-3 .overlay .links .caption .subtitle, .portfolio.hover-horizontal-sliding.columns-3 .overlay .links .caption .info { display: block; } } @media only screen and (min-width: 1150px) { .with-sidebar .portfolio.hover-horizontal-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info { display: none; } .with-sidebar .portfolio.hover-horizontal-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle { display: none; } .with-sidebar .portfolio.hover-horizontal-sliding.columns-3 .overlay .links { padding: 41px 28px; } .portfolio.hover-horizontal-sliding .overlay .overlay-line { margin: 15px 0; } } @media only screen and (min-width: 768px) { .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle { display: none; } .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links { padding: 41px 28px; } .portfolio.hover-horizontal-sliding .overlay .overlay-line { margin: 15px 0; } } @media only screen and (min-width: 1735px) { .portfolio.hover-horizontal-sliding.columns-3 .fullwidth-block .overlay .links .caption .subtitle, .portfolio.hover-horizontal-sliding.columns-3 .fullwidth-block .overlay .links .caption .info { display: block; } } @media only screen and (min-width: 992px) { .with-sidebar .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links { padding: 18px 12px; } .with-sidebar .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .title { font-size: 14px; line-height: 1.5; } .portfolio.hover-horizontal-sliding .overlay .overlay-line { margin: 15px 0; } } @media only screen and (min-width: 1250px) and (max-width: 1770px), screen and (min-width: 992px) and (max-width: 1170px), screen and (min-width: 768px) and (max-width: 900px) { .portfolio.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .info { display: none; } .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links { padding: 41px 28px; } .portfolio.hover-horizontal-sliding .overlay .overlay-line { margin: 15px 0; } } @media only screen and (min-width: 1170px) and (max-width: 1250px), screen and (min-width: 900px) and (max-width: 992px) { .portfolio.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .info { display: none; } .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links { padding: 18px 12px; } .portfolio.hover-horizontal-sliding .overlay .overlay-line { margin: 15px 0; } } /* Disabled hover */ .portfolio.hover-disabled .portfolio-item .image .overlay, .portfolio.hover-disabled .portfolio-item:hover .image .overlay, .portfolio.hover-disabled .portfolio-item.hover-effect .image .overlay { display: block; } .portfolio.hover-disabled:not(.caption-position-image) .portfolio-item .image .overlay .links-wrapper { /*display: none;*/ } .portfolio.hover-disabled .portfolio-item .image .overlay .links .caption { width: 100%; } /* PORTFOLIO TOP PANEL */ .portfolio-top-panel { display: table; width: 100%; } .portfolio-top-panel-left, .portfolio-top-panel-right { display: table-cell; vertical-align: top; } .portfolio-sorting { display: inline-block; white-space: nowrap; margin: 0; } .portfolio-sorting.title-h6 { margin: 0; } .portfolio-sorting > div { display: inline-block; vertical-align: middle; } .portfolio-sorting-sep { height: 30px; width: 1px; margin: 0 20px; background-color: #b6c6c9; } .portfolio-sorting label { display: inline-block; vertical-align: middle; cursor: pointer; font-size: 14px; } .sorting-switcher { position: relative; display: inline-block; vertical-align: middle; width: 40px; height: 24px; border-radius: 12px; background-color: #b6c6c9; } .sorting-switcher:after { content: ''; position: absolute; width: 16px; height: 16px; top: 4px; left: 4px; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; background-color: #ffffff; border-radius: 50%; } .sorting-switcher.right:after { left: 20px; } .portfolio-top-panel.filter-type-default .portfolio-filters-resp { margin: 0; } .portfolio-top-panel.filter-type-default .portfolio-search-filter { margin-left: 5px; } @media (min-width: 768px) { .portfolio-top-panel.filter-type-default .portfolio-search-filter { margin-left: 15px; } } .portfolio-sharing-pane { height: 0; text-align: center; } .portfolio.hover-horizontal-sliding .portfolio-sharing-pane, .portfolio.hover-vertical-sliding .portfolio-sharing-pane { text-align: left; } .portfolio-likes { margin-top: 0; height: 0; opacity: 0; text-align: center; text-align: -webkit-center; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio-item.hide-likes .portfolio-likes { -o-transition: none; -webkit-transition: none; transition: none; } .portfolio-item:not(.hide-likes):hover .portfolio-likes, .portfolio-item .portfolio-likes.visible { margin-top: 10px; height: 25px; opacity: 1; } .portfolio-likes .zilla-likes { display: flex; align-items: center; justify-content: center; width: fit-content; } .portfolio .zilla-likes { line-height: 1.3; } .portfolio .zilla-likes:before { content: none !important; } .portfolio .zilla-likes i { font-size: 16px; font-style: normal; margin-right: 6px; vertical-align: top; } .portfolio .portfolio-likes .zilla-likes i { font-size: 24px; } .portfolio .zilla-likes i.default:before { content: '\e641'; display: inline-block; font-family: "thegem-icons"; font-weight: normal; line-height: inherit; } .portfolio-item .image .overlay .portfolio-sharing-pane { /*white-space: nowrap;*/ font-size: 0; } .portfolio:not(.hover-default, .hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .portfolio-sharing-pane { margin-left: -6px; } .portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .portfolio-sharing-pane { margin-left: -3px; } .portfolio-item .image .overlay .portfolio-sharing-pane .socials-item { margin: 0 10px; } .portfolio:is(.columns-3, .columns-4, .columns-5, .columns-6, .fullwidth-columns-4, .fullwidth-columns-5, .fullwidth-columns-6) .portfolio-item .image .overlay .portfolio-sharing-pane .socials-item { margin: 0 5px; } .caption-sizable-content { position: absolute; padding: inherit; top: 0; left: 0; width: 100%; bottom: 30px; overflow: hidden; } .caption-sizable-content:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .caption-sizable-content .after-overlay { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .caption-sizable-content.with-bottom-line { bottom: 70px; } .caption-bottom-line { position: absolute; padding: inherit; padding-right: 0; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; } .portfolio.columns-1 .portfolio-item .caption-bottom-line .gem-button { margin-bottom: 0; margin-right: 15px; } @media only screen and (max-width: 991px) { .portfolio.columns-1 .portfolio-item .wrap { display: block; } .caption-sizable-content, .caption-bottom-line { position: relative; bottom: auto; padding: 0; } .caption-sizable-content:after { display: none; } } .portfolio.columns-1.background-style-white.no-gaps .portfolio-item:not([style*='top: 0px;']) .wrap > .caption { border-top: 0; } .portfolio-title { text-align: center; } .hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .title, .hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .title { color: #212227; } .hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .subtitle, .hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .subtitle, .hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .post-date, .hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .post-date, .hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .author .author-name, .hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .author .author-name a, .hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .product-info .product-price, .hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .product-info .product-price, .hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .product-info .product-price .amount, .hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .product-info .product-price .amount, .news-grid.portfolio.hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .info, .news-grid.portfolio.hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .info a { color: #212227; } .news-grid.portfolio.title-on-page.hover-circular.title-style-dark .portfolio-item .image .overlay .links .caption .info span.sep { border-left-color: #212227; } .portfolio-load-more .gem-button-separator-button, .mixed-show-all .gem-button-separator-button { padding: 0 20px; } .portfolio-load-more .gem-button-container .gem-button-separator-type-square, .mixed-show-all .gem-button-container .gem-button-separator-type-square { display: flex; flex-direction: column; align-items: center; } .gem-button-icon-position-right .gem-inner-wrapper-btn { flex-direction: row-reverse; } .portfolio .gem-pagination { display: flex; align-items: center; justify-content: center; } .portfolio .gem-pagination a, .portfolio .gem-pagination span.page-numbers { box-sizing: content-box; line-height: 30px; } .portfolio:not(.category-grid) .gem-pagination .prev, .portfolio:not(.category-grid) .gem-pagination .next { display: flex; align-items: center; justify-content: center; flex: none; } .portfolio:not(.category-grid) .gem-pagination .prev:before, .portfolio:not(.category-grid) .gem-pagination .next:before { content: none; } .portfolio .gem-pagination .prev i, .portfolio .gem-pagination .next i { font-size: 24px; } .portfolio .gem-pagination .prev i.default, .portfolio .gem-pagination .next i.default { font-family: 'thegem-icons'; font-weight: normal; font-style: normal; } .gem-pagination .prev i.default:before { content: '\e636'; } .gem-pagination .next i.default:before { content: '\e634'; } .portfolio .gem-button-separator, .portfolio .gem-button-separator-line { width: 100%; } .portfolio.caption-position-zigzag.portfolio-pagination-normal .portfolio-item.item-even .wrap, .portfolio.caption-position-zigzag:not(.portfolio-pagination-normal) .portfolio-item:nth-child(even) .wrap { flex-direction: row-reverse; } .portfolio.portfolio-list .portfolio-item { margin-bottom: -1px; } .portfolio.disable-isotope .portfolio-set { display: flex; flex-wrap: wrap; } .portfolio.disable-isotope:not(.portfolio-list, .list-style, .columns-1).title-on-page .portfolio-set .portfolio-item .wrap { height: 100%; display: flex; flex-direction: column; } .portfolio.disable-isotope.title-on-page .portfolio-set .portfolio-item .wrap > .caption { flex: auto; } .portfolio .portfolio-item.product.inline-column { float: left; margin-bottom: 0; } .preloader-new ~ * .portfolio-set { opacity: 0.6; } .preloader-new .preloader-spin, .preloader-new .preloader-spin-new { top: 100px; left: initial; right: 50%; } .portfolio.hover-none .portfolio-item .image .overlay { display: block; } .portfolio-preloader-wrapper { position: relative; width: 100%; clear: both; } /* Creative Grid */ .portfolio-grid.portfolio-style-creative .portfolio-set { display: grid; grid-auto-rows: minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative .portfolio-set:before, .portfolio-grid.portfolio-style-creative .portfolio-set:after { content: none; } .portfolio-grid.portfolio-style-creative.columns-mobile-1 .portfolio-set { grid-template-columns: minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative.columns-mobile-2 .portfolio-set { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } @media (min-width: 768px) { .portfolio-grid.portfolio-style-creative.columns-tablet-2 .portfolio-set { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative.columns-tablet-3 .portfolio-set { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative.columns-tablet-4 .portfolio-set { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } } @media (min-width: 992px) { .portfolio-grid.portfolio-style-creative.columns-1 .portfolio-set { grid-template-columns: minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative.columns-2 .portfolio-set { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative.columns-3 .portfolio-set { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative:is(.columns-4, .fullwidth-columns-4) .portfolio-set { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative:is(.columns-5, .fullwidth-columns-5) .portfolio-set { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative:is(.columns-6, .fullwidth-columns-6) .portfolio-set { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } } .portfolio-grid.portfolio-style-creative .portfolio-item { width: auto !important; } .portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out { position: relative; height: 100%; } .portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out .wrap { /*position: absolute;*/ width: 100%; height: 100%; display: flex; flex-direction: column; } .portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out .wrap .image .image-inner, .portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out .wrap .image .post-featured-content { height: 100%; } .portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out .wrap .image { flex: none; } .portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out .wrap > .caption { flex: none; } .portfolio-grid.portfolio-style-creative .portfolio-item.double-item .wrap-out .wrap .image { flex: auto; } .portfolio-grid.portfolio-style-creative .portfolio-item.double-item .wrap-out .wrap .image .image-inner { position: absolute; width: 100%; } .portfolio-grid.portfolio-style-creative .portfolio-item.double-item .wrap-out .wrap > .caption { flex: none; } .portfolio-grid.portfolio-style-creative .portfolio-item.size-item { grid-column-end: span 1 !important; grid-row-end: span 1 !important; grid-column-start: 1; grid-row-start: 1; z-index: -1; opacity: 0 !important; visibility: hidden; } .portfolio-grid.portfolio-style-creative .portfolio-item:first-child { grid-column-start: 1; grid-row-start: 1; } .portfolio-grid.portfolio-style-creative .portfolio-item.double-item-squared { grid-column-end: span 2; grid-row-end: span 2; } .portfolio-grid.portfolio-style-creative .portfolio-item.double-item-horizontal { grid-column-end: span 2; } .portfolio-grid.portfolio-style-creative .portfolio-item.double-item-vertical { grid-row-end: span 2; } @media (max-width: 767px) { .portfolio-grid.portfolio-style-creative.creative-disable-mobile .portfolio-item { grid-column-end: span 1 !important; grid-row-end: span 1 !important; } } @media (min-width: 768px) and (max-width: 991px) { .portfolio-grid.portfolio-style-creative.creative-disable-tablet .portfolio-item { grid-column-end: span 1 !important; grid-row-end: span 1 !important; } } .portfolio-grid.portfolio-style-creative.title-on-hover .portfolio-item.double-item .image { position: absolute; width: 100%; height: 100%; } /* End Creative Grid */ .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular) .portfolio-item .image .overlay .links a.icon { width: 24px; height: 24px; line-height: 24px; } .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular) .portfolio-item .image .overlay .links a.icon { margin-right: 20px; } .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular) .portfolio-item .image .overlay .links a.icon i, .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular) .portfolio-item .image .overlay .links a.icon:before { font-size: 24px; } .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .links a.icon { width: 40px; height: 40px; line-height: 40px; } .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .links a.icon { margin-right: 8px; } .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .links a.icon i, .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .links a.icon:before { font-size: 16px; } .portfolio.hover-title.hover-elements-size-small .portfolio-item .overlay .caption .title, .portfolio.title-on-page.hover-gradient.hover-elements-size-small .portfolio-item .overlay .caption .title, .portfolio.title-on-page.hover-circular.hover-elements-size-small .portfolio-item .overlay .caption .title, .portfolio.title-on-page.hover-disabled.hover-elements-size-small .portfolio-item .overlay .caption .title, .portfolio.hover-gradient.hover-elements-size-small .portfolio-item .overlay .caption .title, .portfolio.hover-circular.hover-elements-size-small .portfolio-item .overlay .caption .title, .portfolio.hover-disabled.hover-elements-size-small .portfolio-item .overlay .caption .title, .portfolio.hover-elements-size-small .portfolio-item .overlay .caption .title { font-size: 14px; line-height: 1.5; margin-bottom: 10px; } .portfolio.hover-default.hover-elements-size-small .portfolio-item .overlay .links .caption .subtitle, .portfolio.hover-zoom-overlay.hover-elements-size-small .portfolio-item .overlay .links .caption .subtitle { display: none; } .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular) .portfolio-item .image .overlay .links a.icon { width: 48px; height: 48px; line-height: 48px; margin: 10px; } .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular) .portfolio-item .image .overlay .links a.icon i, .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular) .portfolio-item .image .overlay .links a.icon:before { font-size: 48px; } .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .links a.icon { width: 70px; height: 70px; line-height: 70px; margin: 5px; } .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .links a.icon i, .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .links a.icon:before { font-size: 32px; } .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular, .hover-zooming-blur, .hover-gradient, .hover-zoom-overlay, .hover-disabled) .portfolio-item .wrap .overlay .caption .title { font-size: 24px; line-height: 1.5; margin-bottom: 0; } .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular, .hover-zooming-blur, .hover-gradient, .hover-zoom-overlay) .portfolio-item .wrap .overlay .caption .subtitle, .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular, .hover-zooming-blur, .hover-gradient, .hover-zoom-overlay) .portfolio-item .wrap .image .overlay .links .caption .info { display: block; } .portfolio.portfolio-grid .portfolio-item .portfolio-video-icon { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 0; line-height: 1; opacity: 0.8; transition: opacity 0.2s; z-index: 100; } .portfolio.portfolio-grid .portfolio-item .portfolio-video-icon:hover { opacity: 1; } .portfolio.portfolio-grid .portfolio-item .portfolio-video-icon:before { content: '\e655'; font-family: 'thegem-icons'; font-size: 50px; color: #ffffff; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); } .portfolio.portfolio-grid .portfolio-item.small-item .portfolio-video-icon:before { font-size: 60px; } .portfolio.portfolio-grid .portfolio-item.appearance-type-video .image-inner, .portfolio.portfolio-grid .portfolio-item.appearance-type-animated_gif .image-inner, .portfolio.portfolio-grid .portfolio-item.appearance-type-gallery .image-inner { z-index: initial; } .portfolio.portfolio-grid .portfolio-item.hide-overlay .overlay { z-index: -1; } .portfolio.portfolio-grid .portfolio-item.appearance-type-video .overlay:before, .portfolio.portfolio-grid .portfolio-item.appearance-type-animated_gif .overlay:before, .portfolio.portfolio-grid .portfolio-item.appearance-type-gallery .overlay:before { content: none !important; } .portfolio.portfolio-grid .portfolio-item.appearance-type-video img, .portfolio.portfolio-grid .portfolio-item.appearance-type-animated_gif img, .portfolio.portfolio-grid .portfolio-item.appearance-type-gallery img { transform: none !important; } @media (max-width: 991px) { .portfolio-item .gem-video-portfolio.hide-on-mobile { display: none; } } @media (min-width: 992px) { .portfolio-grid .portfolio-item .video-image-mobile { display: none; opacity: 0; } .portfolio-grid.portfolio-style-metro .portfolio-item .video-image-mobile, .portfolio-grid.portfolio-style-masonry .portfolio-item:not(.custom-ratio) .video-image-mobile { display: block; } } .gem-video-portfolio video, .gem-video-portfolio iframe { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .gem-video-portfolio.type-youtube iframe { aspect-ratio: 16/9; height: auto; max-height: 100%; top: 50%; transform: translateY(-50%); } .gem-video-portfolio video { object-fit: cover; } .gem-video-portfolio-mobile, .gem-video-portfolio-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: cover; background-position: center; } .portfolio:not(.columns-1) .portfolio-item .image img.gem-gif-poster { position: absolute !important; top: 0; left: 0; } .portfolio-item:hover .image:not(.gif-load-on-hover) img.gem-gif-poster, .portfolio-item .image.gif-load-on-hover img.gem-gif-portfolio { opacity: 0; } .portfolio-grid.portfolio-style-metro .gem-video-portfolio { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .portfolio-item .video-type-icon, .portfolio-item .gif-type-icon { position: absolute; right: 9px; top: 9px; height: auto; fill: #ffffff; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); } .portfolio-item .video-type-icon{ width: 16px; } .portfolio-item .gif-type-icon { width: 18px; } .portfolio-image-slider { width: 100%; height: 100%; position: relative; overflow: hidden; aspect-ratio: 1/1; } .portfolio-image-slider:before { content: none !important; } .portfolio.columns-1 .portfolio-item .image img.gem-gif-portfolio { position: absolute; left: 0; top: 0; } .portfolio.columns-1 .portfolio-item .image img.gem-gif-poster { position: relative; } .portfolio.columns-1 .portfolio-item:not(.custom-ratio) .video-image-mobile { display: block; } .portfolio.columns-1 .portfolio-image-slider { position: absolute; } .portfolio-grid.portfolio-style-metro .portfolio-image-slider { position: absolute; } .portfolio-image-slider .slide { width: 100%; height: 100%; position: absolute; transition: all 0.5s; } .portfolio-image-slider .slide:first-child { z-index: 1; } .portfolio-image-slider .btn { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit; opacity: 0; transition: opacity 0.3s linear; z-index: 100; } .portfolio-item:hover .portfolio-image-slider .btn { opacity: 1; } .portfolio-image-slider .btn:before { content: ''; width: 18px; height: 18px; } .portfolio-image-slider .btn.btn-prev { left: 0; } .portfolio-image-slider .btn.btn-prev:before { background-image: url(/wp-content/themes/thegem-elementor/css/../images/ar2.svg); } .portfolio-image-slider .btn.btn-next { right: 0; } .portfolio-image-slider .btn.btn-next:before { background-image: url(/wp-content/themes/thegem-elementor/css/../images/ar1.svg); } .portfolio-image-slider .slide img { width: 100% !important; height: 100%; } /* Alternative Version */ .portfolio-grid.version-alternative:not(.hover-disabled) .portfolio-item .image .overlay .links { display: flex; flex-direction: column; justify-content: center; } .portfolio-grid.version-alternative .portfolio-item .caption .title, .portfolio-grid.version-alternative .portfolio-item .caption .title span { text-transform: none; letter-spacing: 0 } .portfolio-grid.version-alternative.background-style-transparent:not(.columns-1):not(.list-style) .portfolio-item .wrap > .caption { padding-left: 0; padding-right: 0; } .portfolio-grid.version-alternative:is(.hover-default, .hover-zooming-blur, .hover-vertical-sliding) .portfolio-item .image .set, .portfolio-grid.version-alternative.caption-position-page .portfolio-item .image .set, .portfolio-grid.version-alternative.hover-horizontal-sliding .portfolio-item .image .date { position: absolute; left: 0; top: 0; z-index: 3; color: var(--thegem-to-icons-portfolio-gallery-color-hover); background: #000000; max-width: calc(100% - 30px); white-space: normal; text-overflow: clip; overflow: auto; font-size: 75%; line-height: 1.5; padding: 0 8px; text-align: left; -webkit-transition: transform 0.3s; transition: transform 0.3s; } .portfolio-grid.version-alternative.caption-position-hover:is(.hover-default, .hover-zooming-blur, .hover-vertical-sliding) .portfolio-item .image .set, .portfolio-grid.version-alternative.caption-position-page .portfolio-item .image .set, .portfolio-grid.version-alternative.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .date { background-color: rgba(0, 0, 0, 0.7); } .portfolio-grid.version-alternative .portfolio-item .image .set a { color: inherit; } .portfolio-grid.version-alternative:is(.hover-default, .hover-horizontal-sliding) .portfolio-item .image .overlay .links .caption .info { padding: 0; margin: 0 0 6px 0; } .portfolio-grid.version-alternative .portfolio-item .image .overlay .links .caption .title { margin-bottom: 10px; } .portfolio-grid.version-alternative .portfolio-item .image .set a:hover { text-decoration: underline; } .portfolio-grid.version-alternative .portfolio-item .wrap > .caption { display: flex; flex-direction: column; padding: 18px 38px; text-align: left; } .portfolio-grid.version-alternative.background-style-transparent .portfolio-item .wrap > .caption { padding-left: 0; padding-right: 0; } .portfolio-grid.version-alternative .portfolio-item .wrap > .caption > div { margin-bottom: 10px; } .portfolio-grid.version-alternative .portfolio-item .wrap > .caption > div.subtitle { margin-bottom: 13px; } .portfolio-grid.version-alternative .portfolio-item .wrap > .caption > div:last-child { margin-bottom: 0; } .portfolio-grid.version-alternative .portfolio-item .wrap > .caption .info { font-size: 75%; margin-top: 0; line-height: 1.5; } .portfolio-grid.version-alternative .image .portfolio-likes { height: auto !important; margin: 0 0 10px 0; text-align: left; } .portfolio-grid.version-alternative.caption-position-page .portfolio-item .wrap > .caption .title { color: var(--thegem-to-h4-color, #3c3950); margin-bottom: 6px; transition: all 0.3s; } .portfolio-grid.background-style-dark.caption-position-page .portfolio-item:not(:hover, .hover-effect) .wrap > .caption .title, .portfolio-grid.background-style-gray.caption-position-page .portfolio-item:is(:hover, .hover-effect) .wrap > .caption .title { color: var(--thegem-to-main-bg-color); } .portfolio-grid.background-style-dark.caption-position-page.list-style .portfolio-item .details .details-item, .portfolio-grid.background-style-dark.caption-position-page.list-style .portfolio-item .details .details-item .label, .portfolio-grid.background-style-dark.caption-position-page .portfolio-item:not(:hover, .hover-effect) .details .details-item, .portfolio-grid.background-style-dark.caption-position-page .portfolio-item:not(:hover, .hover-effect) .details .details-item .label, .portfolio-grid.background-style-gray.caption-position-page:not(.list-style) .portfolio-item:is(:hover, .hover-effect) .details .details-item, .portfolio-grid.background-style-gray.caption-position-page:not(.list-style) .portfolio-item:is(:hover, .hover-effect) .details .details-item .label { color: var(--thegem-to-portfolio-date-color); } .portfolio-grid.background-style-dark.caption-position-page.list-style .portfolio-item .details .details-item, .portfolio-grid.background-style-dark.caption-position-page .portfolio-item:not(:hover, .hover-effect) .details .details-item, .portfolio-grid.background-style-gray.caption-position-page:not(.list-style) .portfolio-item:is(:hover, .hover-effect) .details .details-item { border-color: var(--thegem-to-body-color); } .portfolio-grid.version-alternative.caption-position-page:not(.disabled-hover).background-style-transparent .portfolio-item:is(:hover, .hover-effect) .wrap > .caption .title { color: var(--thegem-to-link-color, #00bcd4); } .portfolio-grid.version-alternative.caption-position-page .portfolio-item .wrap > .caption .info { margin: 0 0 10px 0; } .portfolio-grid.version-alternative.caption-position-page .portfolio-likes { height: auto !important; opacity: 1; margin: auto 0 0 0 !important; text-align: left; } .portfolio-grid.version-alternative:is(.caption-position-hover, .caption-position-image) .portfolio-item .image .portfolio-likes { color: var(--thegem-to-icons-portfolio-gallery-color-hover); } .portfolio-grid.version-alternative .portfolio-likes .zilla-likes { font-size: 87.5%; color: inherit; } .portfolio-grid.version-alternative .portfolio-likes .zilla-likes i { font-style: normal; margin-right: 4px; font-size: 14px; } .portfolio-grid.version-alternative.caption-position-page .portfolio-likes .zilla-likes i { color: #f44336; } .portfolio-grid.version-alternative .portfolio-likes .zilla-likes i.default:before { content: '\e66b'; font-size: inherit; vertical-align: middle; } .portfolio-grid.version-alternative:is(.hover-horizontal-sliding, .hover-vertical-sliding) .overlay .links { padding: 30px; } .portfolio-grid:is(.version-alternative, .version-new):is(.caption-position-hover, .caption-position-image) .overlay .links .caption .description:not(:last-child) .subtitle, .portfolio-grid:is(.version-alternative, .version-new):is(.caption-position-hover, .caption-position-image) .overlay .links .caption .description .subtitle:not(:last-child), .portfolio-grid:is(.version-alternative, .version-new):is(.caption-position-hover, .caption-position-image) .overlay .links .caption .details:not(:last-child) { margin-bottom: 10px; } .portfolio-grid.version-alternative:not(.ready) .slide-content-hidden { display: none; } .portfolio-grid.version-alternative .portfolio-item .slide-content-hidden { transition: all 0.3s; } .portfolio-grid.version-alternative.caption-position-page.hover-horizontal-sliding .portfolio-sharing-pane, .portfolio-grid.version-alternative.caption-position-page.hover-vertical-sliding .portfolio-sharing-pane { text-align: center; } .portfolio-item .details .details-item { display: flex; align-items: center; } .portfolio-item .details .details-item .label { display: flex; align-items: center; height: 100%; color: inherit; margin: 0 0.6em 0 0; transition: all 0.3s; } .portfolio-item .details .details-item .label i, .portfolio-item .details .details-item .value i { font-size: inherit; } .portfolio-item .details .details-item .label i:not(:last-child), .portfolio-item .details .details-item .label svg:not(:last-child), .portfolio-item .details .details-item .value i:not(:last-child), .portfolio-item .details .details-item .value svg:not(:last-child) { margin-right: 6px; } .portfolio-item .details .details-item .value { display: flex; align-items: center; height: 100%; color: inherit; margin: 0; } .portfolio.caption-position-image .portfolio-item .details:not(:last-child) { margin-bottom: 6px; } .portfolio.caption-position-page .portfolio-item .details.layout-vertical .details-item .value { color: var(--thegem-to-portfolio-date-color); } .portfolio-item .details.layout-inline { display: flex; flex-wrap: wrap; column-gap: 14px; row-gap: 2px; } .portfolio-item .details.layout-inline.with-separator { column-gap: 6px; } .portfolio-item .details.layout-inline.style-labels { row-gap: 10px; } .portfolio-item .details.layout-inline.style-labels .details-item { border: 1px solid currentColor; padding: 0 0.4em; } .portfolio-item .details.layout-vertical .details-item { padding: 5px 0; } .portfolio-item .details.layout-vertical.with-divider .details-item:not(:first-child) { padding-top: 10px; } .portfolio-item .details.layout-vertical.with-divider .details-item:not(:last-child) { padding-bottom: 10px; border-bottom: 1px solid var(--thegem-to-divider-color); transition: all 0.3s; } .portfolio.version-new:is(.caption-position-hover, .caption-position-image):is(.hover-new-default, .hover-new-zooming-blur, .hover-new-gradient, .hover-new-zoom-overlay) .details, .portfolio.version-alternative:is(.caption-position-hover, .caption-position-image):is(.hover-default, .hover-zooming-blur, .hover-gradient, .hover-zoom-overlay) .details, .portfolio:not(.version-alternative, .version-new).caption-position-hover:is(.hover-default, .hover-zooming-blur, .hover-default-zooming-blur, .hover-zoom-overlay) .details { justify-content: center; } .portfolio-item .details .separator:last-child { display: none; } .portfolio:not(.version-alternative) .details { margin-top: 8px; } .portfolio:not(.version-alternative) .details.top-position { margin: 0 0 6px 0; } .portfolio:not(.version-alternative, .version-new).caption-position-page .details.layout-inline { justify-content: center; } .portfolio-item .details.layout-vertical.details-alignment-left .details-item { justify-content: flex-start; text-align: left; } .portfolio-item .details.layout-vertical.details-alignment-right .details-item { justify-content: flex-end; text-align: right; } .portfolio-item .details.layout-vertical.details-alignment-justify .details-item { justify-content: space-between; } .portfolio-item .details.layout-vertical.details-alignment-justify .details-item .label { text-align: left; } .portfolio-item .details.layout-vertical.details-alignment-justify .details-item .value { text-align: right; } .portfolio-item .details.layout-inline.details-alignment-left { justify-content: flex-start !important; } .portfolio-item .details.layout-inline.details-alignment-right { justify-content: flex-end !important; } .portfolio-item .details.layout-inline.details-alignment-center { justify-content: center !important; } a.additional-meta { cursor: pointer; } .portfolio-item .caption .read-more-button { margin-top: 10px; } .portfolio-item .caption .gem-button { margin: 0; display: flex; align-items: center; justify-content: center; } @media (min-width: 1001px) { .portfolio-top-panel.filters-top-sticky { padding: 10px 0; } .portfolio-top-panel.filters-top-sticky.filter-type-extended { padding: 13px 0; margin-bottom: 7px; } } .portfolio-top-panel.sticky-fixed .portfolio-top-panel { background-color: var(--thegem-to-main-bg-color, #FFFFFF); } body.shown-sticky-filters #site-header.fixed, body.shown-sticky-filters .header-sticky-template { transition: all .6s cubic-bezier(.19,1,.22,1); transform: translateY(-100%) !important; } body.hidden-sticky-filters #site-header.fixed, body.hidden-sticky-filters .header-sticky-template { transition: all .6s cubic-bezier(.19,1,.22,1); transform: none; } .portfolio-selected-filters { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; clear: both; z-index: 4; } .portfolio-selected-filters .portfolio-selected-filter-item { margin: 10px 10px 0 0; padding: 2px 10px 3px 10px; line-height: 1.1; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: default; transition: all 0.3s; } .portfolio-selected-filters .portfolio-selected-filter-item.clear-filters { cursor: pointer; margin-top: 15px; order: 1; } .portfolio-selected-filters .portfolio-selected-filter-item.clear-filters:last-child { display: none; } .portfolio-selected-filters .portfolio-selected-filter-item.category { order: 2; } .portfolio-selected-filters .portfolio-selected-filter-item.attribute.product-tag { order: 3; } .portfolio-selected-filters .portfolio-selected-filter-item.attribute { order: 4; } .portfolio-selected-filters .portfolio-selected-filter-item.price { order: 5; } .portfolio-selected-filters .portfolio-selected-filter-item.status { order: 6; } .portfolio-selected-filters .portfolio-selected-filter-item.search { order: 7; } .portfolio-selected-filters .portfolio-selected-filter-item i.delete-filter { font-style: normal; font-family: "thegem-icons"; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-variant: normal; text-rendering: auto; font-size: 1.1em; line-height: 1; margin-right: -3px; cursor: pointer; } .portfolio-selected-filters .portfolio-selected-filter-item i.delete-filter:before { content: "\e619"; } .portfolio-selected-filters.portfolio-selected-filters-clone { display: none; } .portfolio-top-panel.selected-only { margin-bottom: 0 !important; } .portfolio-top-panel.selected-only .portfolio-selected-filters .portfolio-selected-filter-item { margin: 0 10px 20px 0; } @media (min-width: 992px) { .portfolio-top-panel.sidebar-filter.selected-only .portfolio-selected-filters .portfolio-selected-filter-item { margin-bottom: 20px; } } .portfolio-top-panel > .portfolio-selected-filters.center { justify-content: center; } .portfolio-top-panel > .portfolio-selected-filters.center .portfolio-selected-filter-item { margin: 10px 5px 0 5px; } .portfolio-top-panel > .portfolio-selected-filters.right { justify-content: flex-end; } .portfolio-top-panel > .portfolio-selected-filters.right .portfolio-selected-filter-item { margin: 10px 0 0 10px; } .portfolio-top-panel .portfolio-top-panel-row { display: flex; align-items: flex-start; } .portfolio-top-panel .portfolio-top-panel-left { flex: auto; max-width: 100%; } .portfolio-top-panel .portfolio-top-panel-right { margin-left: 10px; } .portfolio-filters-list { margin: 0 !important; } .portfolio-filters-list .portfolio-show-filters-button { position: relative; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; font-size: 16px; line-height: 1; text-align: left; padding: 3px 15px 4px 13px; color: inherit; border: 1px solid currentColor; border-radius: 13px; cursor: pointer; z-index: 5; } .portfolio-filters-list .portfolio-show-filters-button .portfolio-show-filters-button-icon { margin-right: 0.2em; font-style: normal; font-family: "thegem-icons"; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; transform: translateY(2px); } .portfolio-filters-list .portfolio-show-filters-button .portfolio-show-filters-button-icon:before { content: "\e669"; } .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filters-outer:not(.without-padding) { padding-right: 42px; } .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filter-item { width: 100%; padding: 25px 0; margin: 0; } .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filter-item .widget-title { margin: 0 0 20px 0; cursor: default; } .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filter-item .widget-title .widget-title-arrow { display: none; } .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filter-item.portfolio-selected-filters { padding-top: 15px; order: 11; } .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul { padding: 0; margin: 0; } .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul ul { padding: 0 0 0 20px; } .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .filters-apply-button { width: 100%; margin: 0; } .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-search-filter { width: 100%; } .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filter-item.portfolio-selected-filters.hide-on-sidebar { display: none; } @media (min-width: 992px) { .portfolio-filters-list:not(.prevent-hidden-mobile, [data-breakpoint]).style-sidebar .portfolio-filters-outer:not(.without-padding) { padding-right: 42px; } .portfolio-filters-list:not(.prevent-hidden-mobile, [data-breakpoint]).style-sidebar .portfolio-filter-item { width: 100%; padding: 25px 0; margin: 0; } .portfolio-filters-list:not(.prevent-hidden-mobile, [data-breakpoint]).style-sidebar .portfolio-filter-item .widget-title { margin: 0 0 20px 0; cursor: default; } .portfolio-filters-list:not(.prevent-hidden-mobile, [data-breakpoint]).style-sidebar .portfolio-filter-item .widget-title .widget-title-arrow { display: none; } .portfolio-filters-list:not(.prevent-hidden-mobile, [data-breakpoint]).style-sidebar .portfolio-filter-item.portfolio-selected-filters { padding-top: 15px; order: 11; } .portfolio-filters-list:not(.prevent-hidden-mobile, [data-breakpoint]).style-sidebar .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul { padding: 0; margin: 0; } .portfolio-filters-list:not(.prevent-hidden-mobile, [data-breakpoint]).style-sidebar .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul ul { padding: 0 0 0 20px; } .portfolio-filters-list:not(.prevent-hidden-mobile, [data-breakpoint]).style-sidebar .filters-apply-button { width: 100%; margin: 0; } .portfolio-filters-list:not(.prevent-hidden-mobile, [data-breakpoint]).style-sidebar .portfolio-search-filter { width: 100%; } .portfolio-filters-list:not(.prevent-hidden-mobile, [data-breakpoint]).style-sidebar .portfolio-filter-item.portfolio-selected-filters.hide-on-sidebar { display: none; } } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .widget-area { display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-end; gap: 10px; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filters-area { position: relative; z-index: 5; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filters-area:hover { z-index: 6; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) { position: relative; padding-bottom: 5px; margin-bottom: -5px; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; padding: 3px 11px 4px 16px; color: inherit; border: 1px solid currentColor; border-radius: 13px; line-height: 1; cursor: pointer; font-family: inherit; font-size: 16px; font-weight: inherit; letter-spacing: inherit; text-transform: initial; margin: 0; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title:after { content: none; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title span.widget-title-arrow { transition: all 0.3s; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title span.widget-title-arrow:before { display: block; content: '\e602'; font-style: normal; font-family: "thegem-icons"; font-weight: normal; -webkit-font-smoothing: initial; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title .widget-title-by { display: none; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list { position: absolute; left: 0; top: 100%; display: none; width: max-content; width: -webkit-max-content; background-color: var(--thegem-to-main-bg-color, #FFFFFF); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); z-index: 5; max-width: 260px; max-height: 500px; overflow: auto; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list.portfolio-filter-item-collapsible { width: 260px; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul { padding: 25px 28px; margin: 0; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul ul { padding: 0 0 0 20px; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list .price-range-slider { padding: 10px; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list .price-range-slider .slider-amount { width: 200px; max-width: 100%; text-align: center; padding: 5px; transition: all 0.3s; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list .price-range-slider .slider-amount .slider-amount-text { display: none; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).attribute .portfolio-filter-item-list > ul, .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).status .portfolio-filter-item-list > ul { padding: 25px 28px 25px 20px; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).attribute.attribute-type-label .portfolio-filter-item-list ul, .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).status.attribute-type-label .portfolio-filter-item-list ul { padding: 25px 20px; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown):not(.display-type-dropdown):hover .widget-title span.widget-title-arrow { transform: rotate(180deg); } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown):not(.display-type-dropdown):hover .portfolio-filter-item-list { display: block; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) .portfolio-selected-filters { display: none; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) .widget { display: none; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) .portfolio-filter-item.display-type-dropdown { width: 200px; } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) .filters-apply-button .gem-button { width: 100%; } @media (min-width: 992px) { .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .widget-area { display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-end; gap: 10px; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filters-area { position: relative; z-index: 5; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filters-area:hover { z-index: 6; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) { position: relative; padding-bottom: 5px; margin-bottom: -5px; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; padding: 3px 11px 4px 16px; color: inherit; border: 1px solid currentColor; border-radius: 13px; line-height: 1; cursor: pointer; font-family: inherit; font-size: 16px; font-weight: inherit; letter-spacing: inherit; text-transform: initial; margin: 0; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title:after { content: none; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title span.widget-title-arrow { transition: all 0.3s; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title span.widget-title-arrow:before { display: block; content: '\e602'; font-style: normal; font-family: "thegem-icons"; font-weight: normal; -webkit-font-smoothing: initial; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title .widget-title-by { display: none; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list { position: absolute; left: 0; top: 100%; display: none; width: max-content; width: -webkit-max-content; background-color: var(--thegem-to-main-bg-color, #FFFFFF); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); z-index: 5; max-width: 260px; max-height: 500px; overflow: auto; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list.portfolio-filter-item-collapsible { width: 260px; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul { padding: 25px 28px; margin: 0; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul ul { padding: 0 0 0 20px; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list .price-range-slider { padding: 10px; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list .price-range-slider .slider-amount { width: 200px; max-width: 100%; text-align: center; padding: 5px; transition: all 0.3s; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list .price-range-slider .slider-amount .slider-amount-text { display: none; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).attribute .portfolio-filter-item-list > ul, .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).status .portfolio-filter-item-list > ul { padding: 25px 28px 25px 20px; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).attribute.attribute-type-label .portfolio-filter-item-list ul, .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).status.attribute-type-label .portfolio-filter-item-list ul { padding: 25px 20px; } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown):not(.display-type-dropdown):hover .widget-title span.widget-title-arrow { transform: rotate(180deg); } .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown):not(.display-type-dropdown):hover .portfolio-filter-item-list { display: block; } .portfolio-filters-list:not([data-breakpoint]).style-standard .portfolio-selected-filters { display: none; } .portfolio-filters-list:not([data-breakpoint]).style-standard .widget { display: none; } .portfolio-filters-list:not([data-breakpoint]).style-standard .portfolio-filter-item.display-type-dropdown { width: 200px; } .portfolio-filters-list:not([data-breakpoint]).style-standard .filters-apply-button .gem-button { width: 100%; } } .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) h2, .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) .portfolio-show-filters-button, .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) .portfolio-close-filters, .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) h2, .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-show-filters-button, .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-close-filters { display: none; } @media (min-width: 992px) { .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) h2, .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-show-filters-button, .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-close-filters { display: none; } } .portfolio-filters-list:is(.style-sidebar, .style-hidden) .widget-area .portfolio-filter-item:first-child, .portfolio-filters-list[data-breakpoint].style-standard-mobile .widget-area .portfolio-filter-item:first-child { border-top: none; padding-top: 0; } .portfolio-filters-list:is(.style-sidebar, .style-hidden) .widget-area .portfolio-filter-item:last-child, .portfolio-filters-list[data-breakpoint].style-standard-mobile .widget-area .portfolio-filter-item:last-child { padding-bottom: 0; } @media (max-width: 991px) { .portfolio-filters-list:not([data-breakpoint]).style-standard .widget-area .portfolio-filter-item:first-child { border-top: none; padding-top: 0; } .portfolio-filters-list:not([data-breakpoint]).style-standard .widget-area .portfolio-filter-item:last-child { padding-bottom: 0; } } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .widget-title { margin: 0 0 20px 0; cursor: default; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .dropdown-selector { position: relative; padding-bottom: 5px; margin-bottom: -5px; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .selector-title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; width: 100%; min-height: 38px; line-height: 1.1; border-radius: 3px; padding-left: 18px; padding-right: 12px; border: 1px solid var(--thegem-to-form-elements-border-color); } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .selector-title span.widget-title-arrow { transition: all 0.3s; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .selector-title span.widget-title-arrow:before { display: block; content: '\e602'; font-style: normal; font-family: "thegem-icons"; font-weight: normal; -webkit-font-smoothing: initial; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .selector-title span.name { white-space: nowrap; text-overflow: ellipsis; max-width: 100%; overflow: hidden; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .selector-title span.name span:last-child .separator { display: none; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list { position: absolute; left: 0; top: 100%; display: none; width: max-content; width: -webkit-max-content; background-color: var(--thegem-to-main-bg-color, #FFFFFF); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); z-index: 5; max-width: 260px; max-height: 500px; overflow: auto; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list.portfolio-filter-item-collapsible { width: 260px; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list ul { padding: 25px 28px; margin: 0; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list ul ul { padding: 0 0 0 20px; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list .price-range-slider { padding: 10px; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list .price-range-slider .slider-amount { width: 200px; max-width: 100%; text-align: center; padding: 5px; transition: all 0.3s; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list .price-range-slider .slider-amount .slider-amount-text { display: none; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown.attribute .portfolio-filter-item-list > ul, .portfolio-filters-list .portfolio-filter-item.display-type-dropdown.status .portfolio-filter-item-list > ul { padding: 25px 28px 25px 20px; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown.attribute.attribute-type-label .portfolio-filter-item-list ul, .portfolio-filters-list .portfolio-filter-item.display-type-dropdown.status.attribute-type-label .portfolio-filter-item-list ul { padding: 25px 20px; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list { width: 100%; max-width: initial; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .dropdown-selector.collapsed { z-index: 99; } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .dropdown-selector.collapsed .selector-title span.widget-title-arrow { transform: rotate(180deg); } .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .dropdown-selector.collapsed .portfolio-filter-item-list { display: block; } .portfolio-filters-list.style-hidden .portfolio-filters-outer, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-outer { position: fixed; width: 100%; height: 100%; min-height: 100vh; left: 0; top: 0; z-index: -1; } .portfolio-filters-list.style-hidden .portfolio-filters-outer:before, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-outer:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(33, 35, 49, 0.5); opacity: 0; transition: all 0.3s; } .portfolio-filters-list.style-hidden .portfolio-filters-outer.close-animation, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-outer.close-animation { z-index: 1001; } .portfolio-filters-list.style-hidden .portfolio-filters-outer.visible, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-outer.visible { display: block; z-index: 1001; } .portfolio-filters-list.style-hidden .portfolio-filters-outer.visible:before, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-outer.visible:before { opacity: 1; } .portfolio-filters-list.style-hidden .portfolio-filters-outer.visible .portfolio-close-filters, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-outer.visible .portfolio-close-filters { opacity: 1; transition: all 0.3s linear 0.3s; } .portfolio-filters-list.style-hidden .portfolio-filters-outer.visible .portfolio-filters-area, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-outer.visible .portfolio-filters-area { left: 0; } .portfolio-filters-list.style-hidden .portfolio-filters-outer:not(.close-animation, .visible), .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-outer:not(.close-animation, .visible) { left: -100%; } .portfolio-filters-list.style-hidden .portfolio-filters-outer .portfolio-filters-area, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-outer .portfolio-filters-area { position: relative; float: left; left: -100%; top: 0; width: 350px; max-width: 75%; min-width: 250px; height: 100%; padding: 5px; flex-direction: column; flex-wrap: nowrap; background: var(--thegem-to-main-bg-color, #FFFFFF); transition: all 0.3s; } @media (min-width: 992px) { .portfolio-filters-list.style-hidden .portfolio-filters-outer .portfolio-filters-area, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-outer .portfolio-filters-area { width: 480px; } } .portfolio-filters-list.style-hidden .portfolio-filters-outer .portfolio-filters-area.shadowed, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-outer .portfolio-filters-area.shadowed { box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.05); } .portfolio-filters-list.style-hidden .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable { padding: 20px 30px; height: 100%; overflow: auto; } .portfolio-filters-list.style-hidden .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar-track, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar-track { background-color: transparent; } .portfolio-filters-list.style-hidden .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar { width: 4px; background-color: transparent; } .portfolio-filters-list.style-hidden .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar-thumb, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar-thumb { background-color: #dfe5e8; border-radius: 2px; } .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item { padding: 25px 10px; margin: 0; width: 100%; max-width: 100%; } @media (min-width: 992px) { .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item { padding: 25px 30px; } .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .widget-title, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .widget-title { margin-bottom: 0; } .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .widget-title .widget-title-arrow, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .widget-title .widget-title-arrow { display: block; } .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list { left: 30px; top: calc(100% - 20px); width: calc(100% - 60px); } } .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item .widget-title, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item .widget-title { margin: 0 0 20px 0; cursor: default; } .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item .widget-title .widget-title-arrow, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item .widget-title .widget-title-arrow { display: none; } .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item.portfolio-selected-filters, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item.portfolio-selected-filters { padding-top: 15px; order: 11; } .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul { padding: 0; margin: 0; } .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul ul, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul ul { padding: 0 0 0 20px; } .portfolio-filters-list.style-hidden .filters-apply-button, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .filters-apply-button { padding: 0 10px; margin: 0; width: 100%; } @media (min-width: 992px) { .portfolio-filters-list.style-hidden .filters-apply-button, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile, .style-standard-mobile) .filters-apply-button { padding: 0 30px; } } @media (max-width: 991px) { .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-outer { position: fixed; width: 100%; height: 100%; min-height: 100vh; left: 0; top: 0; z-index: -1; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-outer:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(33, 35, 49, 0.5); opacity: 0; transition: all 0.3s; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-outer.close-animation { z-index: 1001; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-outer.visible { display: block; z-index: 1001; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-outer.visible:before { opacity: 1; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-outer.visible .portfolio-close-filters { opacity: 1; transition: all 0.3s linear 0.3s; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-outer.visible .portfolio-filters-area { left: 0; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-outer:not(.close-animation, .visible) { left: -100%; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-outer .portfolio-filters-area { position: relative; float: left; left: -100%; top: 0; width: 350px; max-width: 75%; min-width: 250px; height: 100%; padding: 5px; flex-direction: column; flex-wrap: nowrap; background: var(--thegem-to-main-bg-color, #FFFFFF); transition: all 0.3s; } } @media (max-width: 991px) and (min-width: 992px) { .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-outer .portfolio-filters-area { width: 480px; } } @media (max-width: 991px) { .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-outer .portfolio-filters-area.shadowed { box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.05); } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable { padding: 20px 30px; height: 100%; overflow: auto; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar-track { background-color: transparent; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar { width: 4px; background-color: transparent; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar-thumb { background-color: #dfe5e8; border-radius: 2px; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item { padding: 25px 10px; margin: 0; width: 100%; max-width: 100%; } } @media (max-width: 991px) and (min-width: 992px) { .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item { padding: 25px 30px; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .widget-title { margin-bottom: 0; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .widget-title .widget-title-arrow { display: block; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list { left: 30px; top: calc(100% - 20px); width: calc(100% - 60px); } } @media (max-width: 991px) { .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item .widget-title { margin: 0 0 20px 0; cursor: default; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item .widget-title .widget-title-arrow { display: none; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item.portfolio-selected-filters { padding-top: 15px; order: 11; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul { padding: 0; margin: 0; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul ul { padding: 0 0 0 20px; } .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .filters-apply-button { padding: 0 10px; margin: 0; width: 100%; } } @media (max-width: 991px) and (min-width: 992px) { .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar, .style-standard) .filters-apply-button { padding: 0 30px; } } @media (min-width: 992px) { .portfolio-filters-list.single-filter.style-standard .portfolio-filter-item .widget-title { display: none; } .portfolio-filters-list.single-filter.style-standard .portfolio-filter-item .portfolio-filter-item-list ul { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portfolio-filters-list.single-filter.style-standard .portfolio-filter-item .portfolio-filter-item-list ul li { margin: 0 30px 13px 0; line-height: 1; } .portfolio-filters-list.single-filter.style-standard .portfolio-filter-item .portfolio-filter-item-list ul li a span.count { margin-left: 10px; } } .portfolio-filters-list .portfolio-close-filters { float: left; position: relative; top: 10px; left: -40px; color: #99a9b5; font-size: 30px; cursor: pointer; opacity: 0; transition: all 0.3s; } @media (min-width: 992px) { .portfolio-filters-list .portfolio-close-filters { color: #ffffff; top: 15px; left: 15px; padding: 5px; } .portfolio-filters-list .portfolio-close-filters:hover:after { -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 0.075; } } .portfolio-filters-list .portfolio-close-filters:before { content: "\e619"; font-style: normal; font-family: 'thegem-icons'; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; line-height: 1; display: block; transform: translate(-0.5px, -0.5px); } .portfolio-filters-list .portfolio-close-filters:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; background: #FFFFFF; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -moz-transform: scale(0.7); transform: scale(0.7); transition: transform 200ms cubic-bezier(0.345, 0.115, 0.135, 1.42), opacity 150ms ease-out; box-shadow: 0 4px 20px rgba(34, 34, 34, 0.15); opacity: 0; } .portfolio-filters-list .portfolio-filters-area .portfolio-filters-area-scrollable, .portfolio-filters-list .portfolio-filters-area .portfolio-filters-area-scrollable .widget-area { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; max-width: 100%; } .portfolio-filters-list .portfolio-filters-area h2 { width: 100%; text-transform: initial; padding: 0 10px 25px 10px; margin: 0; cursor: default; } @media (min-width: 992px) { .portfolio-filters-list .portfolio-filters-area h2 { padding: 0 25px 25px 25px; } } .portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list { overflow: auto; } .portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list::-webkit-scrollbar-track { background-color: transparent; } .portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list::-webkit-scrollbar { width: 4px; background-color: transparent; } .portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list::-webkit-scrollbar-thumb { background-color: #dfe5e8; border-radius: 2px; } .portfolio-filters-list .portfolio-filter-item ul { list-style: none; } .portfolio-filters-list .portfolio-filter-item ul li a { flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; color: inherit; word-break: break-word; } .portfolio-filters-list .portfolio-filter-item ul li a span.title { margin-right: auto; } .portfolio-filters-list .portfolio-filter-item ul li a span.color { flex: none; } .portfolio-filters-list .portfolio-filter-item ul li a span.count, .portfolio-filters-list .portfolio-filter-item ul li a .filters-collapsible-arrow { flex: none; margin-left: 20px; display: block; color: inherit; background-color: var(--styled-bg-color, #f0f3f2); font-size: var(--thegem-to-body-tiny-font-size, 14px); padding: 2px 8px; line-height: 1; border-radius: 11px; transition: background-color 0.3s; } @media (min-width: 992px) { .portfolio-filters-list .portfolio-filter-item ul li a span.count, .portfolio-filters-list .portfolio-filter-item ul li a .filters-collapsible-arrow { margin-left: 45px; } } .portfolio-filters-list .portfolio-filter-item ul li a .filters-collapsible-arrow { padding: 2px; margin-left: 6px; transform: translateY(0.1em); } .portfolio-filters-list .portfolio-filter-item ul li a .filters-collapsible-arrow:before { display: block; content: '\e602'; font-style: normal; font-family: "thegem-icons"; font-weight: normal; -webkit-font-smoothing: initial; } .portfolio-filters-list .portfolio-filter-item ul li a .filters-collapsible-arrow:hover { color: #FFFFFF; background-color: var(--thegem-to-widget-hover-link_color, #00BCD4); } .portfolio-filters-list .portfolio-filter-item ul li a:not(.collapsed) .filters-collapsible-arrow { transform: translateY(0.1em) rotate(180deg); color: #FFFFFF; background-color: var(--thegem-to-widget-hover-link_color, #00BCD4); } .portfolio-filters-list .portfolio-filter-item ul li a:not(.disable):hover span.count, .portfolio-filters-list .portfolio-filter-item ul li a:not(.disable):hover + span.count { color: #FFFFFF; background-color: var(--thegem-to-widget-hover-link_color, #00BCD4); } .portfolio-filters-list .portfolio-filter-item ul li a.active span.count { color: #FFFFFF; background-color: var(--thegem-to-widget-hover-link_color, #00BCD4); } .portfolio-filters-list .portfolio-filter-item ul li a.disable { opacity: 0.5; cursor: default; } .portfolio-filters-list .portfolio-filter-item ul li ul { padding: 0 0 0 20px; } .portfolio-filters-list .portfolio-filter-item .price-range-slider .slider-range { position: relative; border: none; height: 4px; width: 90%; margin: 20px auto 30px auto; z-index: 1 !important; } .portfolio-filters-list .portfolio-filter-item .price-range-slider .slider-range .ui-slider-range { position: absolute; top: 0; height: 100%; background: var(--thegem-to-widget-hover-link_color); z-index: 1; } .portfolio-filters-list .portfolio-filter-item .price-range-slider .slider-range .ui-slider-handle { position: absolute; width: 14px; height: 14px; top: 50%; transform: translate(-50%, -50%); border: none; border-radius: 50%; cursor: pointer; margin: 0; background: var(--thegem-to-widget-hover-link_color); z-index: 2; } .portfolio-filters-list .portfolio-filter-item .price-range-slider .slider-range .ui-slider-handle:focus { outline: none; } .portfolio-filters-list .portfolio-filter-item .price-range-slider .slider-range .ui-slider-handle + span:focus { outline: none; } .portfolio-filters-list .portfolio-filter-item .price-range-slider .slider-amount { padding: 0; } .portfolio-filters-list .portfolio-filter-item .price-range-slider .slider-amount .slider-amount-value { font-size: 1.1em; } .portfolio-filters-list .portfolio-filter-item.multiple ul li a, .portfolio-filters-list .portfolio-filter-item.woocommerce ul li a { position: relative; text-transform: inherit; font-weight: inherit; font-family: inherit; font-size: inherit; } .portfolio-filters-list .portfolio-filter-item.multiple ul li a:before, .portfolio-filters-list .portfolio-filter-item.woocommerce ul li a:before { color: currentColor; flex: none; margin-right: 0.2em; content: "\e646"; font-family: 'thegem-icons'; font-weight: normal; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; opacity: 0; } .portfolio-filters-list .portfolio-filter-item.multiple ul li a.active:before, .portfolio-filters-list .portfolio-filter-item.multiple ul li.chosen a:before, .portfolio-filters-list .portfolio-filter-item.woocommerce ul li a.active:before, .portfolio-filters-list .portfolio-filter-item.woocommerce ul li.chosen a:before { opacity: 1; } .portfolio-filters-list .portfolio-filter-item.single:not(.attribute-type-label) .portfolio-filter-item-list ul li a { position: relative; } .portfolio-filters-list .portfolio-filter-item.single:not(.attribute-type-label) .portfolio-filter-item-list ul li a span.check { flex: none; width: 14px; height: 14px; margin-right: 8px; border-width: 2px; border-style: solid; border-radius: 50%; box-sizing: border-box; transform: translateY(1px); } .portfolio-filters-list .portfolio-filter-item.single:not(.attribute-type-label) .portfolio-filter-item-list ul li a.active span.check { position: relative; border-color: currentColor; } .portfolio-filters-list .portfolio-filter-item.single:not(.attribute-type-label) .portfolio-filter-item-list ul li a.active span.check:after { content: ""; width: 6px; height: 6px; position: absolute; left: 2px; top: 2px; background-color: currentColor; border-radius: 50%; box-sizing: border-box; } .portfolio-filters-list .portfolio-filters-area .portfolio-search-filter:last-child { margin-bottom: 0; } .portfolio-filters-list .portfolio-filters-area .portfolio-search-filter input { width: 100%; box-sizing: border-box; } .portfolio-filters-list .portfolio-filters-area .portfolio-search-filter .portfolio-search-filter-button { position: absolute; right: 0; top: 0; width: 40px; height: 100%; } .portfolio-filters-list .filters-apply-button { border: none !important; } .portfolio-filters-list .filters-apply-button .gem-button { margin: 0; display: inline-flex; align-items: center; justify-content: center; line-height: 1; } .portfolio-filters-list .filters-apply-button .gem-button.gem-button-size-small { height: 38px; } .portfolio-filters-list .filters-apply-button .gem-button.gem-button-style-flat { border: 2px solid var(--thegem-to-widget-hover-link_color, #00BCD4); background-color: var(--thegem-to-widget-hover-link_color, #00BCD4); } .portfolio-filters-list .filters-apply-button .gem-button.gem-button-style-flat:hover { color: var(--thegem-to-widget-hover-link_color, #00BCD4); background: transparent; } .portfolio .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) .with-search-filter { display: none; } @media (min-width: 992px) { .portfolio .portfolio-filters-list:not([data-breakpoint]).style-standard .with-search-filter { display: none; } } .portfolio-sorting-select, .portfolio-filters-more { position: relative; width: fit-content; width: -webkit-fit-content; margin-left: auto; padding-bottom: 5px; margin-bottom: -5px; z-index: 5; } .portfolio-sorting-select div.portfolio-sorting-select-current, .portfolio-sorting-select .portfolio-filters-more-button, .portfolio-filters-more div.portfolio-sorting-select-current, .portfolio-filters-more .portfolio-filters-more-button { position: relative; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .portfolio-sorting-select div.portfolio-sorting-select-current .portfolio-sorting-select-current-arrow, .portfolio-sorting-select div.portfolio-sorting-select-current .portfolio-filters-more-button-arrow, .portfolio-sorting-select .portfolio-filters-more-button .portfolio-sorting-select-current-arrow, .portfolio-sorting-select .portfolio-filters-more-button .portfolio-filters-more-button-arrow, .portfolio-filters-more div.portfolio-sorting-select-current .portfolio-sorting-select-current-arrow, .portfolio-filters-more div.portfolio-sorting-select-current .portfolio-filters-more-button-arrow, .portfolio-filters-more .portfolio-filters-more-button .portfolio-sorting-select-current-arrow, .portfolio-filters-more .portfolio-filters-more-button .portfolio-filters-more-button-arrow { transition: all 0.3s; } .portfolio-sorting-select div.portfolio-sorting-select-current .portfolio-sorting-select-current-arrow:before, .portfolio-sorting-select div.portfolio-sorting-select-current .portfolio-filters-more-button-arrow:before, .portfolio-sorting-select .portfolio-filters-more-button .portfolio-sorting-select-current-arrow:before, .portfolio-sorting-select .portfolio-filters-more-button .portfolio-filters-more-button-arrow:before, .portfolio-filters-more div.portfolio-sorting-select-current .portfolio-sorting-select-current-arrow:before, .portfolio-filters-more div.portfolio-sorting-select-current .portfolio-filters-more-button-arrow:before, .portfolio-filters-more .portfolio-filters-more-button .portfolio-sorting-select-current-arrow:before, .portfolio-filters-more .portfolio-filters-more-button .portfolio-filters-more-button-arrow:before { display: block; content: '\e602'; font-style: normal; font-family: "thegem-icons"; font-weight: normal; -webkit-font-smoothing: initial; } @media (max-width: 500px) { .portfolio-sorting-select div.portfolio-sorting-select-current .portfolio-sorting-select-name .portfolio-sorting-select-name-by, .portfolio-sorting-select .portfolio-filters-more-button .portfolio-sorting-select-name .portfolio-sorting-select-name-by, .portfolio-filters-more div.portfolio-sorting-select-current .portfolio-sorting-select-name .portfolio-sorting-select-name-by, .portfolio-filters-more .portfolio-filters-more-button .portfolio-sorting-select-name .portfolio-sorting-select-name-by { display: none; } .portfolio-sorting-select div.portfolio-sorting-select-current .portfolio-sorting-select-name .portfolio-sorting-select-name-type, .portfolio-sorting-select .portfolio-filters-more-button .portfolio-sorting-select-name .portfolio-sorting-select-name-type, .portfolio-filters-more div.portfolio-sorting-select-current .portfolio-sorting-select-name .portfolio-sorting-select-name-type, .portfolio-filters-more .portfolio-filters-more-button .portfolio-sorting-select-name .portfolio-sorting-select-name-type { text-transform: capitalize; } } .portfolio-sorting-select div.portfolio-sorting-select-current, .portfolio-filters-more div.portfolio-sorting-select-current { font-size: 16px; line-height: 1; text-align: left; padding: 3px 11px 4px 15px; color: inherit; border: 1px solid currentColor; border-radius: 13px; } .portfolio-sorting-select ul, .portfolio-sorting-select .portfolio-filters-more-dropdown, .portfolio-filters-more ul, .portfolio-filters-more .portfolio-filters-more-dropdown { display: none; position: absolute; right: 0; top: 100%; list-style: none; margin: 0; padding: 30px; background-color: var(--thegem-to-main-bg-color, #FFFFFF); box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.05); z-index: 2; max-height: 500px; overflow: auto; } .portfolio-sorting-select ul::-webkit-scrollbar-track, .portfolio-sorting-select .portfolio-filters-more-dropdown::-webkit-scrollbar-track, .portfolio-filters-more ul::-webkit-scrollbar-track, .portfolio-filters-more .portfolio-filters-more-dropdown::-webkit-scrollbar-track { background-color: transparent; } .portfolio-sorting-select ul::-webkit-scrollbar, .portfolio-sorting-select .portfolio-filters-more-dropdown::-webkit-scrollbar, .portfolio-filters-more ul::-webkit-scrollbar, .portfolio-filters-more .portfolio-filters-more-dropdown::-webkit-scrollbar { width: 4px; background-color: transparent; } .portfolio-sorting-select ul::-webkit-scrollbar-thumb, .portfolio-sorting-select .portfolio-filters-more-dropdown::-webkit-scrollbar-thumb, .portfolio-filters-more ul::-webkit-scrollbar-thumb, .portfolio-filters-more .portfolio-filters-more-dropdown::-webkit-scrollbar-thumb { background-color: #dfe5e8; border-radius: 2px; } .portfolio-sorting-select ul li, .portfolio-sorting-select .portfolio-filters-more-dropdown li, .portfolio-filters-more ul li, .portfolio-filters-more .portfolio-filters-more-dropdown li { color: inherit; font-size: 16px; line-height: 1.2; } .portfolio-sorting-select ul li, .portfolio-sorting-select ul a, .portfolio-sorting-select .portfolio-filters-more-dropdown li, .portfolio-sorting-select .portfolio-filters-more-dropdown a, .portfolio-filters-more ul li, .portfolio-filters-more ul a, .portfolio-filters-more .portfolio-filters-more-dropdown li, .portfolio-filters-more .portfolio-filters-more-dropdown a { display: block; max-width: 170px; width: max-content; width: -webkit-max-content; text-align: left; margin: 0 !important; cursor: pointer; transition: all 0.3s; } @media (min-width: 992px) { .portfolio-sorting-select ul li, .portfolio-sorting-select ul a, .portfolio-sorting-select .portfolio-filters-more-dropdown li, .portfolio-sorting-select .portfolio-filters-more-dropdown a, .portfolio-filters-more ul li, .portfolio-filters-more ul a, .portfolio-filters-more .portfolio-filters-more-dropdown li, .portfolio-filters-more .portfolio-filters-more-dropdown a { max-width: 240px; } } .portfolio-sorting-select ul li:not(:last-child), .portfolio-sorting-select ul a:not(:last-child), .portfolio-sorting-select .portfolio-filters-more-dropdown li:not(:last-child), .portfolio-sorting-select .portfolio-filters-more-dropdown a:not(:last-child), .portfolio-filters-more ul li:not(:last-child), .portfolio-filters-more ul a:not(:last-child), .portfolio-filters-more .portfolio-filters-more-dropdown li:not(:last-child), .portfolio-filters-more .portfolio-filters-more-dropdown a:not(:last-child) { margin-bottom: 5px !important; } .portfolio-sorting-select .portfolio-filters-more-dropdown, .portfolio-filters-more .portfolio-filters-more-dropdown { left: 0; right: initial; } .portfolio-filters-more { display: inline-block; margin-left: 0; } .portfolio-sorting-select.active div.portfolio-sorting-select-current .portfolio-sorting-select-current-arrow, .portfolio-sorting-select.active .portfolio-filters-more-button .portfolio-filters-more-button-arrow, .portfolio-filters-more.active div.portfolio-sorting-select-current .portfolio-sorting-select-current-arrow, .portfolio-filters-more.active .portfolio-filters-more-button .portfolio-filters-more-button-arrow { transform: rotate(180deg); } .portfolio-sorting-select.active ul, .portfolio-sorting-select.active .portfolio-filters-more-dropdown, .portfolio-filters-more.active ul, .portfolio-filters-more.active .portfolio-filters-more-dropdown { display: block; } @media (min-width: 992px) { .portfolio-top-panel.sidebar-filter > .portfolio-selected-filters { display: none; } .portfolio-top-panel.sidebar-filter .portfolio-selected-filters .portfolio-selected-filter-item { margin: 0 10px 10px 0; } } @media (max-width: 999px) { .portfolio-top-panel.sidebar-filter .portfolio-top-panel-left .portfolio-selected-filters { display: none; } } #main.over-header { z-index: initial; } .portfolio.filters-opened .preloader-new { position: absolute; width: 100%; height: 100%; z-index: 4; } @media (max-width: 767px) { .portfolio.filters-opened .preloader-new { background-color: rgba(153, 169, 181, 0.7); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .portfolio.filters-opened .preloader-new .preloader-spin, .portfolio.filters-opened .preloader-new .preloader-spin-new { display: none; } @-webkit-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } } @media (max-width: 991px) { .with-filter-sidebar .filter-sidebar { margin-bottom: 20px; } .with-filter-sidebar .filter-sidebar.left { float: left; margin-bottom: 0; } } @media (min-width: 992px) { .with-filter-sidebar { display: flex; } .with-filter-sidebar .content { width: 75%; } .with-filter-sidebar .filter-sidebar { width: 25%; max-width: 350px; } .with-filter-sidebar .content { flex: 1; } } @media (min-width: 992px) { .panel-sidebar-position-right .with-filter-sidebar { flex-direction: row-reverse; } } @media (min-width: 992px) { .panel-sidebar-position-right .portfolio-filters-list.style-sidebar .portfolio-filters-outer:not(.without-padding) { padding-right: 0; padding-left: 45px; } } .portfolio-top-panel:not(.filter-type-default) { display: block; } .portfolio-top-panel:not(.filter-type-default):not(.extended-posts-filter) { margin: 0 0 20px; } .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; } .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left { min-width: initial; } .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.center .widget-area-wrap { margin-left: auto; margin-right: auto; } .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.center .portfolio-filters-extended { justify-content: center; } @media (min-width: 768px) { .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.center .portfolio-filters-list.single-filter[data-breakpoint].style-standard:not(.style-standard-mobile) .portfolio-filter-item .portfolio-filter-item-list ul { justify-content: center; } .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.center .portfolio-filters-list.single-filter[data-breakpoint].style-standard:not(.style-standard-mobile) .portfolio-filter-item .portfolio-filter-item-list ul li { margin: 0 15px 13px 15px; } } @media (min-width: 768px) and (min-width: 992px) { .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.center .portfolio-filters-list.single-filter:not([data-breakpoint]).style-standard .portfolio-filter-item .portfolio-filter-item-list ul { justify-content: center; } .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.center .portfolio-filters-list.single-filter:not([data-breakpoint]).style-standard .portfolio-filter-item .portfolio-filter-item-list ul li { margin: 0 15px 13px 15px; } } .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.right .widget-area-wrap { margin-left: auto; } .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.right .portfolio-filters-extended { justify-content: flex-end; } @media (min-width: 768px) { .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.right .portfolio-filters-list.single-filter[data-breakpoint].style-standard:not(.style-standard-mobile) .portfolio-filter-item .portfolio-filter-item-list ul { justify-content: flex-end; } .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.right .portfolio-filters-list.single-filter[data-breakpoint].style-standard:not(.style-standard-mobile):not(.has-right-panel) .portfolio-filter-item .portfolio-filter-item-list ul li { margin: 0 0 13px 30px; } } @media (min-width: 768px) and (min-width: 992px) { .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.right .portfolio-filters-list.single-filter:not([data-breakpoint]).style-standard .portfolio-filter-item .portfolio-filter-item-list ul { justify-content: flex-end; } .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.right .portfolio-filters-list.single-filter:not([data-breakpoint]).style-standard:not(.has-right-panel) .portfolio-filter-item .portfolio-filter-item-list ul li { margin: 0 0 13px 30px; } } .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.justify .portfolio-filters-extended { justify-content: space-between; } .with-filter-sidebar .portfolio-top-panel { display: block; } .with-filter-sidebar .portfolio-top-panel:not(.extended-posts-filter) { margin: 0 0 35px; } .portfolio-top-panel .portfolio-top-panel-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: right; flex: none; } @media (max-width: 930px) { .portfolio-top-panel .portfolio-top-panel-right > span { display: none; } } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style) { position: relative; padding-left: 5px; z-index: 5; } @media (max-width: 930px) { .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style):not(.mobile-visible) { display: none; } } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style) .portfolio-search-filter-form { display: none; position: absolute; top: 50%; right: 37px; transform: translateY(-50%); padding: 20px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style) .portfolio-search-filter-form.ajax-loading:before { content: ''; display: block; position: absolute; top: 50%; right: 40px; border: 2px solid #5f727f; border-top: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style) input { width: 220px; padding: 5px 18px; box-sizing: border-box; } @media (min-width: 768px) { .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style) input { width: 350px; } } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style).active .portfolio-search-filter-form { display: block; } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style) .portfolio-search-filter-button { display: block; position: relative; width: 32px; height: 32px; cursor: pointer; transition: all 0.3s; } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style) .portfolio-search-filter-button:before { font-size: 14px; } @media (max-width: 1024px) { .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style { position: relative; padding-left: 5px; z-index: 5; } } @media (max-width: 1024px) and (max-width: 930px) { .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style:not(.mobile-visible) { display: none; } } @media (max-width: 1024px) { .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-form { display: none; position: absolute; top: 50%; right: 37px; transform: translateY(-50%); padding: 20px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-form.ajax-loading:before { content: ''; display: block; position: absolute; top: 50%; right: 40px; border: 2px solid #5f727f; border-top: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style input { width: 220px; padding: 5px 18px; box-sizing: border-box; } } @media (max-width: 1024px) and (min-width: 768px) { .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style input { width: 350px; } } @media (max-width: 1024px) { .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style.active .portfolio-search-filter-form { display: block; } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button { display: block; position: relative; width: 32px; height: 32px; cursor: pointer; transition: all 0.3s; } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button:before { font-size: 14px; } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button, .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button:hover { color: inherit; background: transparent; } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button:before, .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button:hover:before { content: "\e612"; font-size: 22px; transform: translate(-50%, -50%); } } @media (min-width: 1025px) { .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style { margin: -6px 0 -6px 15px; } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-form { background: transparent; } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style input { background: transparent; border-radius: 0; color: inherit; border-bottom: 1px solid currentColor; padding-left: 33px; padding-right: 5px; } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button { display: block; position: absolute; left: 0; top: 0; width: 30px; height: 100%; margin: 0; color: inherit; background: transparent; cursor: pointer; } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button:before { content: "\e612"; font-size: 22px; transform: translate(-50%, -50%); } .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button:hover { color: inherit; background: transparent; } } .portfolio-search-filter { position: relative; } .portfolio-search-filter input[type="search"] { display: block; border: none; padding: 7px 33px 7px 18px; border-radius: 17px; line-height: 1; } .portfolio-search-filter input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: currentColor; opacity: 0.8; } .portfolio-search-filter input[type="search"]::-moz-placeholder { /* Firefox 19+ */ color: currentColor; opacity: 0.8; } .portfolio-search-filter input[type="search"]:-ms-input-placeholder { /* IE 10+ */ color: currentColor; opacity: 0.8; } .portfolio-search-filter input[type="search"]:-moz-placeholder { /* Firefox 18- */ color: currentColor; opacity: 0.8; } .portfolio-search-filter .portfolio-search-filter-button { position: relative; font-size: 0; letter-spacing: 0; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; cursor: pointer; } .portfolio-search-filter .portfolio-search-filter-button:before { content: "\e67b"; font-size: 16px; font-style: normal; font-family: "thegem-icons"; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotateY(180deg); } .portfolio-top-panel.extended-posts-filter { margin-bottom: 0; } .portfolio-top-panel.extended-posts-filter.hide-separator .portfolio-filters-list:is(.style-hidden, .style-sidebar) .portfolio-filter-item, .portfolio-top-panel.extended-posts-filter.hide-separator .portfolio-filters-list[data-breakpoint].style-standard-mobile .portfolio-filter-item { border: none; } @media (max-width: 991px) { .portfolio-top-panel.extended-posts-filter.hide-separator .portfolio-filters-list:not([data-breakpoint]).style-standard .portfolio-filter-item { border: none; } } .portfolio-top-panel .extended-posts-filter .portfolio-filters-list .portfolio-filter-item .portfolio-search-filter input, .extended-posts-sorting .portfolio-sorting-select div.portfolio-sorting-select-current { color: inherit; background: transparent; min-height: 38px; line-height: 1.1; border-radius: 3px; padding-left: 18px; padding-right: 12px; border: 1px solid var(--thegem-to-form-elements-border-color); } .extended-posts-sorting .portfolio-sorting-select { width: 200px; } .extended-posts-sorting .portfolio-sorting-select.active { z-index: 6; } .extended-posts-sorting .portfolio-sorting-select .portfolio-sorting-select-current { width: 100%; justify-content: space-between; } .extended-posts-sorting .portfolio-sorting-select ul { width: 100%; } .extended-posts-sorting .portfolio-sorting-select ul li { width: 100%; max-width: initial; } .extended-posts-sorting .portfolio-sorting-select.alignment-left { margin-left: 0; margin-right: auto; } .extended-posts-sorting .portfolio-sorting-select.alignment-center { margin-left: auto; margin-right: auto; } .extended-posts-sorting .portfolio-sorting-select.alignment-right { margin-left: auto; margin-right: 0; } .extended-posts-sorting .portfolio-sorting-select.alignment-justify { width: 100%; margin-left: 0; margin-right: 0; } /*# sourceMappingURL=thegem-portfolio-filters-list.css.map */