.elementor-1484 .elementor-element.elementor-element-08c87a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-f00b6cb );--border-color:var( --e-global-color-f00b6cb );--border-radius:0px 0px 0px 0px;--padding-top:5px;--padding-bottom:5px;--padding-left:10px;--padding-right:10px;}.elementor-1484 .elementor-element.elementor-element-08c87a1:not(.elementor-motion-effects-element-type-background), .elementor-1484 .elementor-element.elementor-element-08c87a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f00b6cb );}.elementor-1484 .elementor-element.elementor-element-29c9843{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-1484 .elementor-element.elementor-element-5411558{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1484 .elementor-element.elementor-element-4cba012{width:var( --container-widget-width, 2% );max-width:2%;--container-widget-width:2%;--container-widget-flex-grow:0;}.elementor-1484 .elementor-element.elementor-element-4cba012 img{border-radius:6px 6px 6px 6px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1484 .elementor-element.elementor-element-084b26b > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-1484 .elementor-element.elementor-element-084b26b.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1484 .elementor-element.elementor-element-084b26b .elementor-icon-wrapper{text-align:start;}.elementor-1484 .elementor-element.elementor-element-084b26b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1484 .elementor-element.elementor-element-084b26b.elementor-view-framed .elementor-icon, .elementor-1484 .elementor-element.elementor-element-084b26b.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1484 .elementor-element.elementor-element-084b26b.elementor-view-framed .elementor-icon, .elementor-1484 .elementor-element.elementor-element-084b26b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1484 .elementor-element.elementor-element-084b26b .elementor-icon{font-size:40px;}.elementor-1484 .elementor-element.elementor-element-084b26b .elementor-icon svg{height:40px;}.elementor-1484 .elementor-element.elementor-element-4baf9a1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-1484 .elementor-element.elementor-element-08c87a1{--padding-top:5px;--padding-bottom:5px;--padding-left:20px;--padding-right:20px;}.elementor-1484 .elementor-element.elementor-element-5411558{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1484 .elementor-element.elementor-element-4cba012{--container-widget-width:3%;--container-widget-flex-grow:0;width:var( --container-widget-width, 3% );max-width:3%;}}@media(max-width:767px){.elementor-1484 .elementor-element.elementor-element-08c87a1{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-1484 .elementor-element.elementor-element-29c9843{--justify-content:space-between;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1484 .elementor-element.elementor-element-5411558{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1484 .elementor-element.elementor-element-4cba012{--container-widget-width:6%;--container-widget-flex-grow:0;width:var( --container-widget-width, 6% );max-width:6%;}.elementor-1484 .elementor-element.elementor-element-084b26b .elementor-icon{font-size:35px;}.elementor-1484 .elementor-element.elementor-element-084b26b .elementor-icon svg{height:35px;}}/* Start custom CSS for html, class: .elementor-element-4baf9a1 *//* Defs */ @property --angle-1 { syntax: ""; inherits: false; initial-value: -75deg; } @property --angle-2 { syntax: ""; inherits: false; initial-value: -45deg; } :root { --global--size: clamp(2rem, 4vw, 5rem) !important; --anim--hover-time: 400ms !important; --anim--hover-ease: cubic-bezier(0.25, 1, 0.5, 1) !important; } /* Button Wrap Container */ .button-wrap { position: relative !important; z-index: 2 !important; border-radius: 999vw !important; background: transparent !important; pointer-events: none !important; transition: all var(--anim--hover-time) var(--anim--hover-ease) !important; } .elementor-1484 .elementor-element.elementor-element-4baf9a1 button { --border-width: clamp(1px, 0.0625em, 4px) !important; all: unset !important; cursor: pointer !important; position: relative !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; pointer-events: auto !important; z-index: 3 !important; background: linear-gradient( -75deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05) ) !important; border-radius: 999vw !important; box-shadow: inset 0 0.125em 0.125em rgba(0, 0, 0, 0.05), inset 0 -0.125em 0.125em rgba(255, 255, 255, 0.5), 0 0.25em 0.125em -0.125em rgba(0, 0, 0, 0.2), 0 0 0.1em 0.25em inset rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(255, 255, 255, 1) !important; backdrop-filter: blur(clamp(1px, 0.125em, 4px)) !important; -webkit-backdrop-filter: blur(clamp(1px, 0.125em, 4px)) !important; -moz-backdrop-filter: blur(clamp(1px, 0.125em, 4px)) !important; -ms-backdrop-filter: blur(clamp(1px, 0.125em, 4px)) !important; transition: all var(--anim--hover-time) var(--anim--hover-ease) !important; } .elementor-1484 .elementor-element.elementor-element-4baf9a1 button:hover { transform: scale(0.975) !important; backdrop-filter: blur(0.01em) !important; -webkit-backdrop-filter: blur(0.01em) !important; -moz-backdrop-filter: blur(0.01em) !important; -ms-backdrop-filter: blur(0.01em) !important; box-shadow: inset 0 0.125em 0.125em rgba(0, 0, 0, 0.05), inset 0 -0.125em 0.125em rgba(255, 255, 255, 0.5), 0 0.15em 0.05em -0.1em rgba(0, 0, 0, 0.25), 0 0 0.05em 0.1em inset rgba(255, 255, 255, 0.5), 0 0 0 0 rgba(255, 255, 255, 1) !important; } /* Button Text */ .elementor-1484 .elementor-element.elementor-element-4baf9a1 button span { position: relative !important; display: block !important; user-select: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; letter-spacing: -0.05em !important; font-weight: bold !important; font-family: 'maneli' !important ; font-size: 18px !important; margin-bottom: -5px !important ; color: black ; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; transition: all var(--anim--hover-time) var(--anim--hover-ease) !important; padding-inline: 1.5em !important; padding-block: 0.3em !important; } /* 544px and smaller screen sizes */ @media (max-width:544px){ .elementor-1484 .elementor-element.elementor-element-4baf9a1 button span{ font-size:14px !important; } } .elementor-1484 .elementor-element.elementor-element-4baf9a1 button:hover span { text-shadow: 0.025em 0.025em 0.025em rgba(0, 0, 0, 0.12) !important; } /* Text Effect */ .elementor-1484 .elementor-element.elementor-element-4baf9a1 button span::after { content: "" !important; display: block !important; position: absolute !important; z-index: 1 !important; width: calc(100% - var(--border-width)) !important; top: calc(0% + var(--border-width) / 2) !important; left: calc(0% + var(--border-width) / 2) !important; box-sizing: border-box !important; border-radius: 999vw !important; overflow: clip !important; background: linear-gradient( var(--angle-2), rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 40% 50%, rgba(255, 255, 255, 0) 55% ) !important; z-index: 3 !important; mix-blend-mode: screen !important; pointer-events: none !important; background-size: 200% 200% !important; background-position: 0% 50% !important; background-repeat: no-repeat !important; transition: background-position calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease), --angle-2 calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease) !important; } .elementor-1484 .elementor-element.elementor-element-4baf9a1 button:hover span::after { background-position: 25% 50% !important; } .elementor-1484 .elementor-element.elementor-element-4baf9a1 button:active span::after { background-position: 50% 15% !important; --angle-2: -15deg !important; } /* Touch Devices */ @media (hover: none) and (pointer: coarse) { .elementor-1484 .elementor-element.elementor-element-4baf9a1 button span::after, .elementor-1484 .elementor-element.elementor-element-4baf9a1 button:active span::after { --angle-2: -45deg !important; } } /* ========== BUTTON OUTLINE ========== */ .elementor-1484 .elementor-element.elementor-element-4baf9a1 button::after { content: "" !important; position: absolute !important; z-index: 1 !important; inset: 0 !important; border-radius: 999vw !important; width: calc(100% + var(--border-width)) !important; height: calc(100% + var(--border-width)) !important; top: calc(0% - var(--border-width) / 2) !important; left: calc(0% - var(--border-width) / 2) !important; padding: var(--border-width) !important; box-sizing: border-box !important; background: conic-gradient( from var(--angle-1) at 50% 50%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 5% 40%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 60% 95%, rgba(0, 0, 0, 0.5) ), linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)) !important; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important; mask-composite: exclude !important; transition: all var(--anim--hover-time) var(--anim--hover-ease), --angle-1 500ms ease !important; box-shadow: inset 0 0 0 calc(var(--border-width) / 2) rgba(255, 255, 255, 0.5) !important; } .elementor-1484 .elementor-element.elementor-element-4baf9a1 button:hover::after { --angle-1: -125deg !important; } .elementor-1484 .elementor-element.elementor-element-4baf9a1 button:active::after { --angle-1: -75deg !important; } @media (hover: none) and (pointer: coarse) { .elementor-1484 .elementor-element.elementor-element-4baf9a1 button::after, button:hover::after, button:active::after { --angle-1: -75deg !important; } } /* Shadow Hover */ .button-wrap:has(button:hover) .button-shadow { filter: blur(clamp(2px, 0.0625em, 6px)) !important; -webkit-filter: blur(clamp(2px, 0.0625em, 6px)) !important; -moz-filter: blur(clamp(2px, 0.0625em, 6px)) !important; -ms-filter: blur(clamp(2px, 0.0625em, 6px)) !important; transition: filter var(--anim--hover-time) var(--anim--hover-ease) !important; } .button-wrap:has(button:hover) .button-shadow::after { top: calc(var(--shadow-cuttoff-fix) - 0.875em) !important; opacity: 1 !important; } /* Rotation */ .button-wrap:has(button:active) { transform: rotate3d(1, 0, 0, 25deg) !important; } .button-wrap:has(button:active) button { box-shadow: inset 0 0.125em 0.125em rgba(0, 0, 0, 0.05), inset 0 -0.125em 0.125em rgba(255, 255, 255, 0.5), 0 0.125em 0.125em -0.125em rgba(0, 0, 0, 0.2), 0 0 0.1em 0.25em inset rgba(255, 255, 255, 0.2), 0 0.225em 0.05em 0 rgba(0, 0, 0, 0.05), 0 0.25em 0 0 rgba(255, 255, 255, 0.75), inset 0 0.25em 0.05em 0 rgba(0, 0, 0, 0.15) !important; } .button-wrap:has(button:active) .button-shadow { filter: blur(clamp(2px, 0.125em, 12px)) !important; -webkit-filter: blur(clamp(2px, 0.125em, 12px)) !important; -moz-filter: blur(clamp(2px, 0.125em, 12px)) !important; -ms-filter: blur(clamp(2px, 0.125em, 12px)) !important; } .button-wrap:has(button:active) .button-shadow::after { top: calc(var(--shadow-cuttoff-fix) - 0.5em) !important; opacity: 0.75 !important; } .button-wrap:has(button:active) span { text-shadow: 0.025em 0.25em 0.05em rgba(0, 0, 0, 0.12) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-08c87a1 */.elementor-1484 .elementor-element.elementor-element-08c87a1 { backdrop-filter: blur(15px) }/* End custom CSS */ /* Start custom CSS *//* Division */ .jet-listing-grid__slider .jet-listing-grid__items > div{ border-bottom-right-radius:8px; border-bottom-left-radius:8px; border-top-right-radius:8px; border-top-left-radius:8px; } /* Woocommerce price amount */ .jet-listing-grid__items del .woocommerce-Price-amount{ color:#bcbcbc; font-size:12px; } /* Del */ .jet-listing-grid__items div del{ text-decoration:none; } /* Woocommerce price currency symbol */ .jet-listing-grid__items div .woocommerce-Price-currencySymbol{ font-size:10px; } /* Input */ .e-search-form .e-search-input-wrapper input[type=search]{ background-color:rgba(255,255,255,0.17); border-style:none; min-height:4px; text-align:center; } /* Input */ .entry-content .elementor .elementor-element .e-con-inner .elementor-element .elementor-element .elementor-widget-search .elementor-widget-container .e-search .e-search-form .e-search-input-wrapper input[type=search]{ height:45px !important; }/* End custom CSS */