.weather-fullwidth {
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;

    left: 50% !important;
    right: 50% !important;

    margin-left: -50vw !important;
    margin-right: -50vw !important;

    padding: 0 !important;
}

.weather-fullwidth {
    position: relative !important;
    width: 100vw !important;
    max-width: none !important;

    left: calc(50% - 50vw) !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
}





/* Sprječava horizontalni scrollbar zbog 100vw */
html,
body {
    overflow-x: clip;
}

/* Mobitel */
@media (max-width: 767px) {
    .windy-fullwidth {
        height: 70vh;
        min-height: 500px;
    }
}



.windy-section,
.windy-section .container,
.windy-section .container-fluid,
.windy-section .row,
.windy-section [class*="col-"] {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.windy-section iframe {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.windy-section + section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}



/* CIJELA WINDY SEKCIJA */
.windy-section {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* Astroid row/column */
.windy-section .row,
.windy-section [class*="col-"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Joomla/Astroid wrapperi modula */
.windy-section .moduletable,
.windy-section .module,
.windy-section .mod-custom,
.windy-section .astroid-module-position {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* Windy */
.windy-section iframe {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    vertical-align: bottom !important;
}

/* Makni eventualne prazne paragrafe koje Joomla editor ubaci */
.windy-section p {
    margin: 0 !important;
    padding: 0 !important;
}

/* Sljedeća sekcija (footer) */
.windy-section + section,
.windy-section + .astroid-section {
    margin-top: 0 !important;
}



/* WINDY - bez ikakvog prostora ispod */
#windy-section,
#windy-section > div,
#windy-section .container,
#windy-section .container-fluid,
#windy-section .row,
#windy-section [class*="col-"],
#windy-section .moduletable,
#windy-section .module,
#windy-section .mod-custom {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#windy-section iframe {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* FOOTER - zalijepi ga uz Windy */
#footer-zone {
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative;
    z-index: 2;
}




/*

.fixed-logo-module {
    position: fixed !important;
    left: 0px !important;
    top: 20% !important;
    transform: translateY(-50%) !important;
    z-index: 99999 !important;
    width: auto !important;
}

.fixed-logo-module img {
    width: 300px;
    height: auto;
    display: block;
}

.fixed-logo-link .logo-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.fixed-logo-link:hover .logo-hover {
    opacity: 1;
}

*/

/* STICKY LOGO */
.fixed-logo-link {
    position: fixed !important;
    left: 0px !important;
    top: 20% !important;
    transform: translateY(-50%);
    z-index: 999999 !important;

    display: block !important;
    width: auto !important;

    visibility: visible !important;
    opacity: 1 !important;

    pointer-events: auto !important;
    touch-action: manipulation;
}

/* obje slike */
.fixed-logo-link img {
    display: block !important;
    width: 100% !important;
    height: auto !important;

    pointer-events: none !important;
}

/* normalna slika */
.fixed-logo-link .logo-normal {
    position: relative;
    opacity: 1 !important;
    visibility: visible !important;
}

/* hover slika */
.fixed-logo-link .logo-hover {
    position: absolute;
    left: 0;
    top: 0;

    opacity: 0 !important;
    visibility: visible !important;
}

/* HOVER SAMO NA RAČUNALU */
@media (hover: hover) and (pointer: fine) {

    .fixed-logo-link .logo-normal,
    .fixed-logo-link .logo-hover {
        transition: opacity 0s ease;
    }

    .fixed-logo-link:hover .logo-normal {
        opacity: 0 !important;
    }

    .fixed-logo-link:hover .logo-hover {
        opacity: 1 !important;
    }
}

/* MOBITEL - samo prva slika */
@media (hover: none), (pointer: coarse) {

    .fixed-logo-link .logo-normal {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .fixed-logo-link .logo-hover {
        display: none !important;
    }
}








.module-logo-link {
    position: relative;
    display: inline-block;
}

.module-logo-link img {
    display: block;
    width: 100%;
    height: auto;
}

.module-logo-normal {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.module-logo-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.module-logo-link:hover .module-logo-normal {
    opacity: 0;
}

.module-logo-link:hover .module-logo-hover {
    opacity: 1;
}

.module-logo-link {
    position: relative;
    display: block;
    width: 200px;
    margin: 0 auto;
}




.icon-with-badge {
    position: relative;
    display: inline-block;
}

.icon-badge {
    position: absolute;
    top: 20px;
    right: 0px;

    background: #e60000;
    color: white;

    font-size: 10px;
    font-weight: 700;
    line-height: 1;

    padding: 4px 6px;
    border-radius: 10px;

    z-index: 10;
}



.item-page .page-header h1,
.com-content-article .page-header h1,
.article-title,
.article-title h1 {
    font-family: "Dosis", Arial, Helvetica, sans-serif !important;
    font-size: 2.5rem !important;
    font-weight: 300 !important;
    line-height: 1.3em !important;
    letter-spacing: 0 !important;
    text-transform: inherit !important;
}



.mobile-only {
    display: none !important;
}

@media (max-width: 991.98px) {
    .mobile-only {
        display: block !important;
    }
}