.elementor-22 .elementor-element.elementor-element-32930b8{--display:flex;--min-height:100vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22 .elementor-element.elementor-element-253b967 .elementor-repeater-item-418773f .swiper-slide-bg{background-color:var( --e-global-color-66d8c73 );background-image:url(https://amea.ba/wp-content/uploads/2025/09/amea-promo-1.jpg);background-size:cover;}.elementor-22 .elementor-element.elementor-element-253b967 .elementor-repeater-item-418773f .elementor-background-overlay{background-color:#0000004F;}.elementor-22 .elementor-element.elementor-element-253b967 .swiper-slide{transition-duration:calc(5000ms*1.2);height:100vh;}.elementor-22 .elementor-element.elementor-element-253b967 .elementor-slide-button{background-color:var( --e-global-color-secondary );color:#FFFFFF;border-color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-253b967 .elementor-slide-button:hover{background-color:var( --e-global-color-66d8c73 );color:var( --e-global-color-primary );border-color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-253b967{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-253b967 .swiper-slide-contents{max-width:100%;}.elementor-22 .elementor-element.elementor-element-253b967 .swiper-slide-inner{text-align:center;}.elementor-22 .elementor-element.elementor-element-253b967 .elementor-slide-heading{font-family:"Instrument Sans", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;line-height:55px;}.elementor-22 .elementor-element.elementor-element-47981be{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-47981be:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-47981be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fff418 );}.elementor-22 .elementor-element.elementor-element-000290d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-1312559 .elementor-heading-title{font-family:var( --e-global-typography-4aceb21-font-family ), Sans-serif;font-size:var( --e-global-typography-4aceb21-font-size );font-weight:var( --e-global-typography-4aceb21-font-weight );text-transform:var( --e-global-typography-4aceb21-text-transform );line-height:var( --e-global-typography-4aceb21-line-height );letter-spacing:var( --e-global-typography-4aceb21-letter-spacing );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-22 .elementor-element.elementor-element-e557be6{--display:flex;}.elementor-22 .elementor-element.elementor-element-b8126e1{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-b8126e1 .swiper-slide > .elementor-element{height:100%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22 .elementor-element.elementor-element-ecc7d2f .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-a5ce535{--display:flex;}.elementor-22 .elementor-element.elementor-element-3fb35ef{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-3fb35ef .swiper-slide > .elementor-element{height:100%;}.elementor-22 .elementor-element.elementor-element-c37cb2b .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-ae3f30b{--display:flex;}.elementor-22 .elementor-element.elementor-element-4e0cb40{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-4e0cb40 .swiper-slide > .elementor-element{height:100%;}.elementor-22 .elementor-element.elementor-element-5d3f7b7 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-d45f26a{--display:flex;}.elementor-22 .elementor-element.elementor-element-2ef6a70{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-2ef6a70 .swiper-slide > .elementor-element{height:100%;}.elementor-22 .elementor-element.elementor-element-ac86eea .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-28b5b61{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:50px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:var( --e-global-typography-a10f8a0-font-size );--n-tabs-title-color:var( --e-global-color-primary );--n-tabs-title-color-active:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-28b5b61 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-5fff418 );}.elementor-22 .elementor-element.elementor-element-28b5b61.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-5fff418 );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-28b5b61.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-22 .elementor-element.elementor-element-28b5b61.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-5fff418 );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-28b5b61.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-5fff418 );}.elementor-22 .elementor-element.elementor-element-28b5b61.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-a10f8a0-font-family ), Sans-serif;font-weight:var( --e-global-typography-a10f8a0-font-weight );text-transform:var( --e-global-typography-a10f8a0-text-transform );line-height:var( --e-global-typography-a10f8a0-line-height );}.elementor-22 .elementor-element.elementor-element-28b5b61 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-bba07e3{--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;--padding-top:20px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-bba07e3:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-bba07e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fff418 );}.elementor-22 .elementor-element.elementor-element-7147828{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-43afff1{--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;--justify-content:flex-end;--overlay-opacity:0.2;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-22 .elementor-element.elementor-element-43afff1:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-43afff1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amea.ba/wp-content/uploads/2025/09/ASTRAL-absolute-brusena-koza-cizmice-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-43afff1::before, .elementor-22 .elementor-element.elementor-element-43afff1 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-43afff1 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-43afff1 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-43afff1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-43afff1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-bff7066{--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;--align-items:flex-start;}.elementor-22 .elementor-element.elementor-element-fd5443b .elementor-heading-title{font-family:var( --e-global-typography-b21c26e-font-family ), Sans-serif;font-size:var( --e-global-typography-b21c26e-font-size );font-weight:var( --e-global-typography-b21c26e-font-weight );text-transform:var( --e-global-typography-b21c26e-text-transform );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-895a070{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-895a070 .elementor-heading-title{font-family:var( --e-global-typography-1eb2da8-font-family ), Sans-serif;font-size:var( --e-global-typography-1eb2da8-font-size );font-weight:var( --e-global-typography-1eb2da8-font-weight );color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-d6442f6{--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;--justify-content:flex-end;--overlay-opacity:0.2;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-22 .elementor-element.elementor-element-d6442f6:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-d6442f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amea.ba/wp-content/uploads/2025/09/CAMILIA-crne-kozne-cizmice-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-d6442f6::before, .elementor-22 .elementor-element.elementor-element-d6442f6 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-d6442f6 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-d6442f6 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-d6442f6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-d6442f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-36d8c4a{--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;--align-items:flex-start;}.elementor-22 .elementor-element.elementor-element-92c2bce .elementor-heading-title{font-family:var( --e-global-typography-b21c26e-font-family ), Sans-serif;font-size:var( --e-global-typography-b21c26e-font-size );font-weight:var( --e-global-typography-b21c26e-font-weight );text-transform:var( --e-global-typography-b21c26e-text-transform );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-db5f87d{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-db5f87d .elementor-heading-title{font-family:var( --e-global-typography-1eb2da8-font-family ), Sans-serif;font-size:var( --e-global-typography-1eb2da8-font-size );font-weight:var( --e-global-typography-1eb2da8-font-weight );color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-d92bd78{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-4aedaf1{--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;--justify-content:flex-end;--overlay-opacity:0.2;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-22 .elementor-element.elementor-element-4aedaf1:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-4aedaf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amea.ba/wp-content/uploads/2025/09/LISA-crne-lakovane-cipele-na-petu-4.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-4aedaf1::before, .elementor-22 .elementor-element.elementor-element-4aedaf1 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-4aedaf1 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-4aedaf1 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-4aedaf1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-4aedaf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-6737dbe{--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;--align-items:flex-start;}.elementor-22 .elementor-element.elementor-element-ce2769c .elementor-heading-title{font-family:var( --e-global-typography-b21c26e-font-family ), Sans-serif;font-size:var( --e-global-typography-b21c26e-font-size );font-weight:var( --e-global-typography-b21c26e-font-weight );text-transform:var( --e-global-typography-b21c26e-text-transform );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-bf09c92{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-bf09c92 .elementor-heading-title{font-family:var( --e-global-typography-1eb2da8-font-family ), Sans-serif;font-size:var( --e-global-typography-1eb2da8-font-size );font-weight:var( --e-global-typography-1eb2da8-font-weight );color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-a4e5781{--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;--justify-content:flex-end;--overlay-opacity:0.2;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-22 .elementor-element.elementor-element-a4e5781:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-a4e5781 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amea.ba/wp-content/uploads/2025/09/MARTINA-smedje-kroko-patike-5.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-a4e5781::before, .elementor-22 .elementor-element.elementor-element-a4e5781 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-a4e5781 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-a4e5781 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-a4e5781 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-a4e5781 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-c751000{--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;--align-items:flex-start;}.elementor-22 .elementor-element.elementor-element-f3fc4b2 .elementor-heading-title{font-family:var( --e-global-typography-b21c26e-font-family ), Sans-serif;font-size:var( --e-global-typography-b21c26e-font-size );font-weight:var( --e-global-typography-b21c26e-font-weight );text-transform:var( --e-global-typography-b21c26e-text-transform );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-a06742e{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-a06742e .elementor-heading-title{font-family:var( --e-global-typography-1eb2da8-font-family ), Sans-serif;font-size:var( --e-global-typography-1eb2da8-font-size );font-weight:var( --e-global-typography-1eb2da8-font-weight );color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-55ad513{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-b72b2ec{--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;--justify-content:flex-end;--overlay-opacity:0.2;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-22 .elementor-element.elementor-element-b72b2ec:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-b72b2ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amea.ba/wp-content/uploads/2025/09/NELLA-crne-kozne-cizmice-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-b72b2ec::before, .elementor-22 .elementor-element.elementor-element-b72b2ec > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-b72b2ec > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-b72b2ec > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-b72b2ec > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-b72b2ec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-4cdcdb5{--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;--align-items:flex-start;}.elementor-22 .elementor-element.elementor-element-a758dab .elementor-heading-title{font-family:var( --e-global-typography-b21c26e-font-family ), Sans-serif;font-size:var( --e-global-typography-b21c26e-font-size );font-weight:var( --e-global-typography-b21c26e-font-weight );text-transform:var( --e-global-typography-b21c26e-text-transform );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-7403c12{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-7403c12 .elementor-heading-title{font-family:var( --e-global-typography-1eb2da8-font-family ), Sans-serif;font-size:var( --e-global-typography-1eb2da8-font-size );font-weight:var( --e-global-typography-1eb2da8-font-weight );color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-cb737ed{--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;--justify-content:flex-end;--overlay-opacity:0.2;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-22 .elementor-element.elementor-element-cb737ed:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-cb737ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amea.ba/wp-content/uploads/2025/09/NEW-WESTERN-camel-kozne-cizme-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-cb737ed::before, .elementor-22 .elementor-element.elementor-element-cb737ed > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-cb737ed > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-cb737ed > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-cb737ed > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-cb737ed > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-7e22696{--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;--align-items:flex-start;}.elementor-22 .elementor-element.elementor-element-e0a7c4a .elementor-heading-title{font-family:var( --e-global-typography-b21c26e-font-family ), Sans-serif;font-size:var( --e-global-typography-b21c26e-font-size );font-weight:var( --e-global-typography-b21c26e-font-weight );text-transform:var( --e-global-typography-b21c26e-text-transform );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-d6e0cae{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-d6e0cae .elementor-heading-title{font-family:var( --e-global-typography-1eb2da8-font-family ), Sans-serif;font-size:var( --e-global-typography-1eb2da8-font-size );font-weight:var( --e-global-typography-1eb2da8-font-weight );color:var( --e-global-color-66d8c73 );}.elementor-22 .elementor-element.elementor-element-795bf1a{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-795bf1a:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-795bf1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fff418 );}.elementor-22 .elementor-element.elementor-element-ad2f801{--swiper-slides-to-display:1;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-ad2f801 .swiper-slide > .elementor-element{height:100%;}.elementor-22 .elementor-element.elementor-element-33f4e8d{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-33f4e8d:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-33f4e8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fff418 );}.elementor-22 .elementor-element.elementor-element-f926534{text-align:center;}.elementor-22 .elementor-element.elementor-element-f926534 .elementor-heading-title{font-family:var( --e-global-typography-679076f-font-family ), Sans-serif;font-size:var( --e-global-typography-679076f-font-size );font-weight:var( --e-global-typography-679076f-font-weight );text-transform:var( --e-global-typography-679076f-text-transform );line-height:var( --e-global-typography-679076f-line-height );}.elementor-22 .elementor-element.elementor-element-57363ba{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-57363ba .swiper-slide > .elementor-element{height:100%;}.elementor-22 .elementor-element.elementor-element-220084e{--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;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-220084e:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-220084e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fff418 );}.elementor-22 .elementor-element.elementor-element-e7bc160{text-align:center;}.elementor-22 .elementor-element.elementor-element-e7bc160 .elementor-heading-title{font-family:var( --e-global-typography-4aceb21-font-family ), Sans-serif;font-size:var( --e-global-typography-4aceb21-font-size );font-weight:var( --e-global-typography-4aceb21-font-weight );text-transform:var( --e-global-typography-4aceb21-text-transform );line-height:var( --e-global-typography-4aceb21-line-height );letter-spacing:var( --e-global-typography-4aceb21-letter-spacing );}.elementor-22 .elementor-element.elementor-element-63de6da{text-align:center;}.elementor-22 .elementor-element.elementor-element-63de6da .elementor-heading-title{font-family:var( --e-global-typography-679076f-font-family ), Sans-serif;font-size:var( --e-global-typography-679076f-font-size );font-weight:var( --e-global-typography-679076f-font-weight );text-transform:var( --e-global-typography-679076f-text-transform );line-height:var( --e-global-typography-679076f-line-height );}.elementor-22 .elementor-element.elementor-element-5d485a2{width:var( --container-widget-width, 1260px );max-width:1260px;--container-widget-width:1260px;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-43afff1{--width:50%;}.elementor-22 .elementor-element.elementor-element-d6442f6{--width:50%;}.elementor-22 .elementor-element.elementor-element-4aedaf1{--width:50%;}.elementor-22 .elementor-element.elementor-element-a4e5781{--width:50%;}.elementor-22 .elementor-element.elementor-element-b72b2ec{--width:50%;}.elementor-22 .elementor-element.elementor-element-cb737ed{--width:50%;}}@media(max-width:1024px){.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22 .elementor-element.elementor-element-1312559 .elementor-heading-title{font-size:var( --e-global-typography-4aceb21-font-size );line-height:var( --e-global-typography-4aceb21-line-height );letter-spacing:var( --e-global-typography-4aceb21-letter-spacing );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22 .elementor-element.elementor-element-b8126e1{--swiper-slides-to-display:2;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22 .elementor-element.elementor-element-3fb35ef{--swiper-slides-to-display:2;}.elementor-22 .elementor-element.elementor-element-4e0cb40{--swiper-slides-to-display:2;}.elementor-22 .elementor-element.elementor-element-2ef6a70{--swiper-slides-to-display:2;}.elementor-22 .elementor-element.elementor-element-28b5b61{--n-tabs-title-font-size:var( --e-global-typography-a10f8a0-font-size );}.elementor-22 .elementor-element.elementor-element-28b5b61.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-a10f8a0-line-height );}.elementor-22 .elementor-element.elementor-element-43afff1{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-bff7066{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-22 .elementor-element.elementor-element-fd5443b .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-22 .elementor-element.elementor-element-895a070 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-22 .elementor-element.elementor-element-d6442f6{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-36d8c4a{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-22 .elementor-element.elementor-element-92c2bce .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-22 .elementor-element.elementor-element-db5f87d .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-22 .elementor-element.elementor-element-4aedaf1{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-6737dbe{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-22 .elementor-element.elementor-element-ce2769c .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-22 .elementor-element.elementor-element-bf09c92 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-22 .elementor-element.elementor-element-a4e5781{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-c751000{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-22 .elementor-element.elementor-element-f3fc4b2 .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-22 .elementor-element.elementor-element-a06742e .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-22 .elementor-element.elementor-element-b72b2ec{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-4cdcdb5{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-22 .elementor-element.elementor-element-a758dab .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-22 .elementor-element.elementor-element-7403c12 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-22 .elementor-element.elementor-element-cb737ed{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-7e22696{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-22 .elementor-element.elementor-element-e0a7c4a .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-22 .elementor-element.elementor-element-d6e0cae .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-22 .elementor-element.elementor-element-ad2f801{--swiper-slides-to-display:2;}.elementor-22 .elementor-element.elementor-element-f926534 .elementor-heading-title{font-size:var( --e-global-typography-679076f-font-size );line-height:var( --e-global-typography-679076f-line-height );}.elementor-22 .elementor-element.elementor-element-57363ba{--swiper-slides-to-display:2;}.elementor-22 .elementor-element.elementor-element-e7bc160 .elementor-heading-title{font-size:var( --e-global-typography-4aceb21-font-size );line-height:var( --e-global-typography-4aceb21-line-height );letter-spacing:var( --e-global-typography-4aceb21-letter-spacing );}.elementor-22 .elementor-element.elementor-element-63de6da .elementor-heading-title{font-size:var( --e-global-typography-679076f-font-size );line-height:var( --e-global-typography-679076f-line-height );}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-32930b8{--min-height:90vh;}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22 .elementor-element.elementor-element-253b967 .elementor-slide-heading{font-size:34px;line-height:40px;}.elementor-22 .elementor-element.elementor-element-000290d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-1312559 .elementor-heading-title{font-size:var( --e-global-typography-4aceb21-font-size );line-height:var( --e-global-typography-4aceb21-line-height );letter-spacing:var( --e-global-typography-4aceb21-letter-spacing );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22 .elementor-element.elementor-element-b8126e1{--swiper-slides-to-display:1;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-22 .elementor-element.elementor-element-3fb35ef{--swiper-slides-to-display:1;}.elementor-22 .elementor-element.elementor-element-4e0cb40{--swiper-slides-to-display:1;}.elementor-22 .elementor-element.elementor-element-2ef6a70{--swiper-slides-to-display:1;}.elementor-22 .elementor-element.elementor-element-28b5b61{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-font-size:var( --e-global-typography-a10f8a0-font-size );}.elementor-22 .elementor-element.elementor-element-28b5b61.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-a10f8a0-line-height );}.elementor-22 .elementor-element.elementor-element-fd5443b .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-22 .elementor-element.elementor-element-895a070 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-22 .elementor-element.elementor-element-92c2bce .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-22 .elementor-element.elementor-element-db5f87d .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-22 .elementor-element.elementor-element-ce2769c .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-22 .elementor-element.elementor-element-bf09c92 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-22 .elementor-element.elementor-element-f3fc4b2 .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-22 .elementor-element.elementor-element-a06742e .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-22 .elementor-element.elementor-element-a758dab .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-22 .elementor-element.elementor-element-7403c12 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-22 .elementor-element.elementor-element-e0a7c4a .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-22 .elementor-element.elementor-element-d6e0cae .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-22 .elementor-element.elementor-element-ad2f801{--swiper-slides-to-display:1;}.elementor-22 .elementor-element.elementor-element-f926534 .elementor-heading-title{font-size:var( --e-global-typography-679076f-font-size );line-height:var( --e-global-typography-679076f-line-height );}.elementor-22 .elementor-element.elementor-element-57363ba{--swiper-slides-to-display:1;}.elementor-22 .elementor-element.elementor-element-e7bc160 .elementor-heading-title{font-size:var( --e-global-typography-4aceb21-font-size );line-height:var( --e-global-typography-4aceb21-line-height );letter-spacing:var( --e-global-typography-4aceb21-letter-spacing );}.elementor-22 .elementor-element.elementor-element-63de6da .elementor-heading-title{font-size:var( --e-global-typography-679076f-font-size );line-height:var( --e-global-typography-679076f-line-height );}}/* Start custom CSS for loop-carousel, class: .elementor-element-b8126e1 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc7d2f *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3fb35ef *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c37cb2b *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-4e0cb40 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5d3f7b7 *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-2ef6a70 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ac86eea *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-b8126e1 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc7d2f *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3fb35ef *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c37cb2b *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-4e0cb40 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5d3f7b7 *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-2ef6a70 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ac86eea *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-b8126e1 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc7d2f *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3fb35ef *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c37cb2b *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-4e0cb40 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5d3f7b7 *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-2ef6a70 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ac86eea *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-b8126e1 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc7d2f *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3fb35ef *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c37cb2b *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-4e0cb40 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5d3f7b7 *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-2ef6a70 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ac86eea *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-b8126e1 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ecc7d2f *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3fb35ef *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c37cb2b *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-4e0cb40 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5d3f7b7 *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-2ef6a70 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ac86eea *//* AMEA Button Hover Effect */ .amea-button .elementor-button { position: relative; overflow: hidden; border: 1px solid var(--e-global-color-primary); background: var(--e-global-color-primary); transition: background 0.5s ease; z-index: 1; } /* Create sliding background effect */ .amea-button .elementor-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--e-global-color-primary); transition: transform 0.5s ease; z-index: -1; } /* Text color transition */ .amea-button .elementor-button .elementor-button-text { position: relative; z-index: 2; transition: color 0.5s ease; color: white; /* Assuming white text initially */ } /* Hover states */ .amea-button .elementor-button:hover { background: transparent; } .amea-button .elementor-button:hover::before { transform: translateX(100%); } .amea-button .elementor-button:hover .elementor-button-text { color: #000; } /* Ensure the border stays visible */ .amea-button .elementor-button:hover { border-color: var(--e-global-color-primary); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-43afff1 */.home-box { aspect-ratio: 3 / 4 !important; } /* METHOD 1: BACKGROUND SIZE ANIMATION */ /* Best for Elementor containers with background images set in the Style panel */ .home-box { position: relative; overflow: hidden; transition: all 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* For containers with background set in Elementor */ .home-box[data-settings*="background_background"] { background-size: 100% 100% !important; background-position: center center !important; transition: background-size 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .home-box:hover { background-size: 118% 118% !important; } /* Ensure content stays above background */ .home-box > .e-con, .home-box .elementor-widget { position: relative; z-index: 2; } /* Add subtle overlay */ .home-box::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); transition: opacity 0.5s ease; z-index: 1; pointer-events: none; } .home-box:hover::after { opacity: 0.7; } /* Smooth transition for all child elements */ .home-box * { transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d6442f6 */.home-box { aspect-ratio: 3 / 4 !important; } /* METHOD 1: BACKGROUND SIZE ANIMATION */ /* Best for Elementor containers with background images set in the Style panel */ .home-box { position: relative; overflow: hidden; transition: all 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* For containers with background set in Elementor */ .home-box[data-settings*="background_background"] { background-size: 100% 100% !important; background-position: center center !important; transition: background-size 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .home-box:hover { background-size: 118% 118% !important; } /* Ensure content stays above background */ .home-box > .e-con, .home-box .elementor-widget { position: relative; z-index: 2; } /* Add subtle overlay */ .home-box::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); transition: opacity 0.5s ease; z-index: 1; pointer-events: none; } .home-box:hover::after { opacity: 0.7; } /* Smooth transition for all child elements */ .home-box * { transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4aedaf1 */.home-box { aspect-ratio: 3 / 4 !important; } /* METHOD 1: BACKGROUND SIZE ANIMATION */ /* Best for Elementor containers with background images set in the Style panel */ .home-box { position: relative; overflow: hidden; transition: all 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* For containers with background set in Elementor */ .home-box[data-settings*="background_background"] { background-size: 100% 100% !important; background-position: center center !important; transition: background-size 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .home-box:hover { background-size: 118% 118% !important; } /* Ensure content stays above background */ .home-box > .e-con, .home-box .elementor-widget { position: relative; z-index: 2; } /* Add subtle overlay */ .home-box::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); transition: opacity 0.5s ease; z-index: 1; pointer-events: none; } .home-box:hover::after { opacity: 0.7; } /* Smooth transition for all child elements */ .home-box * { transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4e5781 */.home-box { aspect-ratio: 3 / 4 !important; } /* METHOD 1: BACKGROUND SIZE ANIMATION */ /* Best for Elementor containers with background images set in the Style panel */ .home-box { position: relative; overflow: hidden; transition: all 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* For containers with background set in Elementor */ .home-box[data-settings*="background_background"] { background-size: 100% 100% !important; background-position: center center !important; transition: background-size 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .home-box:hover { background-size: 118% 118% !important; } /* Ensure content stays above background */ .home-box > .e-con, .home-box .elementor-widget { position: relative; z-index: 2; } /* Add subtle overlay */ .home-box::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); transition: opacity 0.5s ease; z-index: 1; pointer-events: none; } .home-box:hover::after { opacity: 0.7; } /* Smooth transition for all child elements */ .home-box * { transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b72b2ec */.home-box { aspect-ratio: 3 / 4 !important; } /* METHOD 1: BACKGROUND SIZE ANIMATION */ /* Best for Elementor containers with background images set in the Style panel */ .home-box { position: relative; overflow: hidden; transition: all 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* For containers with background set in Elementor */ .home-box[data-settings*="background_background"] { background-size: 100% 100% !important; background-position: center center !important; transition: background-size 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .home-box:hover { background-size: 118% 118% !important; } /* Ensure content stays above background */ .home-box > .e-con, .home-box .elementor-widget { position: relative; z-index: 2; } /* Add subtle overlay */ .home-box::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); transition: opacity 0.5s ease; z-index: 1; pointer-events: none; } .home-box:hover::after { opacity: 0.7; } /* Smooth transition for all child elements */ .home-box * { transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cb737ed */.home-box { aspect-ratio: 3 / 4 !important; } /* METHOD 1: BACKGROUND SIZE ANIMATION */ /* Best for Elementor containers with background images set in the Style panel */ .home-box { position: relative; overflow: hidden; transition: all 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* For containers with background set in Elementor */ .home-box[data-settings*="background_background"] { background-size: 100% 100% !important; background-position: center center !important; transition: background-size 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .home-box:hover { background-size: 118% 118% !important; } /* Ensure content stays above background */ .home-box > .e-con, .home-box .elementor-widget { position: relative; z-index: 2; } /* Add subtle overlay */ .home-box::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); transition: opacity 0.5s ease; z-index: 1; pointer-events: none; } .home-box:hover::after { opacity: 0.7; } /* Smooth transition for all child elements */ .home-box * { transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-ad2f801 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-57363ba *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */