/*
Theme Name: Okna Mare
Theme URI: https://www.oknamare.si/
Template: hello-elementor
Author: Weblux
Author URI: https://www.weblux.si/
Description: Theme for company website, Oknamare d.o.o.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1737806628
Updated: 2025-01-25 12:03:48

*/

.storitve img {
	filter: grayscale(100%);
	border-radius:4px !important;
}
.storitve:hover img{
    filter: none;
}
.storitve:hover h2 {
    color:#fff;
}
.storitve:hover p {
    color:#fff;
}
.storitve:hover {
    background-color:#383A3C;
}
.storitve .gumb {
    visibility: hidden !important;
}

.storitve:hover .gumb {
    visibility: visible !important;
}
.ikone .elementor-icon-box-title {
    transition: transform 0.3s ease; /* Gladek prehod za dvig in vračanje */
}

.ikone:hover .elementor-icon-box-title {
    transform: translateY(-8px); /* Dvigne element za 5px ob hoverju */
}
.elementor-icon.elementor-animation-grow {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Senca spodaj */
}
 /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}
 .scrolling-header {
    opacity: 0 !important;
    visibility: hidden !important; /* Skrije element, ne da bi ga odstranil */
    height: 0 !important; /* Poskrbi, da element ne zavzema višine */
    overflow: hidden !important; /* Skrije morebitno vsebino */
    transition: opacity 0.25s ease-out, visibility 0.25s ease-out, height 0.25s ease-out !important;
}

.elementor-sticky--effects.scrolling-header {
    opacity: 1 !important;
    visibility: visible !important; /* Element postane viden */
    height: auto !important; /* Povrne višino */
	z-index:99;
}
nav.rank-math-breadcrumb {
    font-family: 'Montserrat';
}
nav.rank-math-breadcrumb a {
    color: #0E538C;
}
.elementor-field-subgroup {
    display: flex;
    gap: 15px; /* Razmik med polji */
    align-items: center; /* Poravnava po višini */
    flex-wrap: wrap; /* Če ni dovolj prostora, se prelomi v novo vrstico */
}

.elementor-field-option {
    display: flex;
    align-items: center;
    gap:5px; /* Razmik med checkboxom in labelom */
}
.cky-notice-des a {
    color: #0db1f0 !important;
}
button.cky-btn.cky-btn-reject {
    border-radius: 4px !important;
}
button.cky-btn.cky-btn-reject {
    padding: 10px;
	font-size: 14px;
}
button.cky-btn.cky-btn-accept {
    padding: 10px;
	font-size: 14px;
}
button.cky-btn.cky-btn-preferences {
    padding: 10px;
	font-size: 14px;
}