/*
Theme Name: STUH
Theme URI: http://www.centar-mcs.hr/it-usluge/web-usluge/web-dizajn
Description: Web stranica
Author: Centar MCS
Author URI: http://www.centar-mcs.hr
Version: 1.0
License: GNU General Public License
License URI:
Tags:
Text Domain: stuh
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@400;600&display=swap');

/* primary color: #4d93e9 | secondary color: #17449e */

/* MAIN */
html {height:100%;font-size:15px}
body {font-family:'Poppins', sans-serif;font-size:15px;line-height:1.6; height:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smoothing: antialiased;color: #2c292a;}
.wrapper {min-height:100%;margin:0;position:relative;display:flex;flex-direction:column}
.content-wrapper {padding:0 2%;width:80%;max-width:1920px;margin:0 auto;min-height:100%}
.clear:before,.clear:after {clear:both;content:"";display:table}
#main {flex: auto;}
.main-content {padding:50px 0;}
#sidebar {background-color:#eee}
h1 {font-size:30px;color:#050203;margin:0 0 30px}
h2 {font-size:26px;color:#131011;margin:15px 0 30px}
h3 {font-size:22px;color:#131011;margin:0 0 20px}
h4 {font-size:17px;color:#2c292a;margin:0 0 20px}
h1,h2,h3,h4 {font-family: 'Poppins', sans-serif;font-weight: 600;}
p,ol,ul {margin:0 0 12px}
p,li {color:#2c292a;font-weight:normal;text-shadow:-1px -1px 1px rgba(72,72,72,0.08)}
a {text-decoration:none;color:#060608;transition:0.31s ease-in 0s all}
a:hover {color:#17449e;transition:0.31s ease-in 0s all}
a:active,a:focus {outline:none}
.button-container{text-align:center}
button{font-family:'Poppins', sans-serif;display:inline-block;background: #17449e;color: #fff;cursor: pointer;height: 38px;line-height: 34px;padding: 0 16px;border: 2px solid #17449e;font-weight: normal;letter-spacing: 0.5px;transition: 0.31s ease-in 0s all;}
button:hover{background: #4d93e9;color:#fff;border: 2px solid #17449e;transition: 0.31s ease-in 0s all;}
.button{display:inline-block;height: 38px;line-height: 34px;padding:0 16px;background-color:#17449e;color:#fff;cursor:pointer;border:2px solid #17449e;font-weight: normal;letter-spacing: 0.5px;transition:0.31s ease-in 0s all}
.button:hover{background: #4d93e9;color:#fff;border: 2px solid #17449e;transition: 0.31s ease-in 0s all;}
.button:after{display:none}
b{font-weight:bold}
img{max-width:100%;height:auto}
table{border-collapse: collapse;}
th,td{padding:5px 10px;text-align: center;}
th{background-color:#efefef;color:#222}
td{color:#484848}
ul{list-style:none}
ol{list-style:decimal}
ol li{margin:0 0 5px 15px}
.list li{margin:0 0 5px 25px}
.list li:before{content: "\2022";display: inline-block;margin: 0 10px 0 -10px;font-weight: bold;color: #17449e;font-size:17px;line-height:18px}
.list .list{margin:0 0 0 25px;list-style:circle}
.hidden{display:none}
*{box-sizing:border-box}
iframe {max-width:100%}
[class*="icon-"]:before,[class*="icon-"] + span,[class*="icon-"] + a{vertical-align:middle}
input[type=checkbox] + span {vertical-align:middle}
.main-content p a,.main-content li.list a,.cms-content li a,.link-effect {display:inline-block;color:#17449e;}
.main-content p a:after,.main-content li.list a:after,.cms-content li a:after,.link-effect:after {display: block;content: '';width: 0;height: 0;color: #181818;border-bottom: 1px solid #fff;transition: 0.31s ease-in 0s all;margin: 0 auto -2px;}
.main-content p a:hover:after,.main-content li.list a:hover:after,.cms-content li a:hover:after,.link-effect:hover:after {width: 100%;border-bottom: 1px solid #17449e;}
input[type=number]:-webkit-inner-spin-button,input[type=number]:-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
input[type='number'] {-moz-appearance: textfield;}
hr {border-top: 1px #ccc solid;clear:both;height:0;margin:20px auto}
.separator-fade {background-image:linear-gradient(to right, rgba(230, 230, 230, 0), rgba(230, 230, 230, 1), rgba(230, 230, 230, 0));border:none;height:2px;margin:15px auto;border-radius:100%;box-shadow:0 0px 1px 0px #060608}
label.error,#g-recaptcha-error{color:#a72c32;margin:3px 0 0;font-weight: bold;font-size:14px;border: 0; box-shadow: unset;}
body.mobile-menu-open{overflow:hidden}
.bold{font-weight:bold}
.italic{font-style:italic}
.notice{color:#17449e}
.main-post {
  display: grid;
  grid-template-columns: 2fr 300px;
  gap: 40px;
  align-items: start;
}

/* LAYOUT */
.row{margin:0 -2%}
.col-3{float:left;width:25%;padding:0 2%}
.col-4{float:left;width:33.333333%;padding:0 2%}
.col-6{float:left;width:50%;padding:0 2%}
.col-8{float:left;width:66.666666%;padding:0 2%}
.col-12{padding:0 2%}
.col-3-with-border{float:left;width:21%;padding:20px;margin:0 2% 4%;border:1px solid #131011}
.col-4-with-border{float:left;width:29.333333%;padding:20px;margin:0 2% 4%;border:1px solid #131011}
.col-6-with-border{float:left;width:46%;padding:20px;margin:0 2% 4%;border:1px solid #131011}
.col-8-with-border{float:left;width:62.666666%;padding:20px;margin:0 2% 4%;border:1px solid #131011}
.col-12-with-border{width:96%;padding:20px;margin:0 2% 4%;border:1px solid #131011}
.flex-row{margin:0 -2%;display:flex;flex-direction:row;flex-wrap:wrap}
.flex-col-2-4{width:20%;flex:0 0 20%;padding:0 2%}
.flex-col-3{width:25%;flex:0 0 25%;padding:0 2%}
.flex-col-4{width:33.333333%;flex:0 0 33.333333%;padding:0 2%}
.flex-col-6{width:50%;flex:0 0 50%;padding:0 2%}
.flex-col-8{width:66.666666%;flex:0 0 66.666666%;padding:0 2%}
.flex-col-12{width:100%;flex:0 0 100%;padding:0 2%}
.flex-col-3-with-border{width:21%;flex:0 1 21%;padding:20px;margin:0 2% 4%;border:1px solid #004785}
.flex-col-4-with-border{width:29.333333%;flex:0 1 29.333333%;padding:20px;margin:0 2% 4%;border:1px solid #004785}
.flex-col-6-with-border{width:46%;flex:0 1 46%;padding:20px;margin:0 2% 4%;border:1px solid #004785}
.flex-col-8-with-border{width:62.666666%;flex:0 1 62.666666%;padding:20px;margin:0 2% 4%;border:1px solid #004785}
.flex-col-12-with-border{width:96%;flex:0 1 96%;padding:20px;margin:0 2% 4%;border:1px solid #004785}
/* Alternativni način prikaza kada sadržaj unutra nema paddinga već svaki pod-element ima svoj padding kako bi se mogli koristiti različiti backroundi po elementu */
.flex-col-3-with-border-alt{width:21%;flex:0 1 21%;margin:0 2% 4%;border:1px solid #004785}
.flex-col-4-with-border-alt{width:29.333333%;flex:0 1 29.333333%;margin:0 2% 4%;border:1px solid #004785}
.flex-col-6-with-border-alt{width:46%;flex:0 1 46%;margin:0 2% 4%;border:1px solid #004785}
.flex-col-8-with-border-alt{width:62.666666%;flex:0 1 62.666666%;margin:0 2% 4%;border:1px solid #004785}
.flex-col-12-with-border-alt{width:96%;flex:0 1 96%;margin:0 2% 4%;border:1px solid #004785}

@media screen and (max-width: 768px) {
  .flex-col-4-with-border {
    width: 100%;
    flex: 0 1 100%;
    margin: 0 0 20px 0;
  }
}

/* HEADER */
header{display:block;background-color:#fff;padding:0;position:relative;flex:none}
.header-top{color:#444;padding: 10px 0;background-color:#4d93e9;}
.header-top a:hover {color:#17449e}
.header-contact{font-size: 13px;margin:0;float:left;line-height:32px;}
.header-contact li{float:left;margin: 0 15px 0 0;color:#fff}
.header-contact icon{color:#17449e;margin: 0 7px 0 0;color:#fff}
.header-contact li a{color:#fff}
.header-contact li a:hover{color:#17449e}
.header-widget{float:right;font-size: 13px;line-height:32px}
.header-widget ul{margin:0}
.header-widget ul li{display:inline-block;margin-left:20px}
.header-widget ul li img{margin-right:5px;}
.header-widget ul li span{vertical-align:middle}
.header-widget .wpml-ls-link{color:#fff}
.header-social{float: right;line-height: 32px;}
.header-social a{color:#fff}
.header-social a:hover{color:#17449e}
.header-search{float:right;margin-right:15px}
#searchform{position:relative;width:300px}
#searchform #s{border:none;font-size:14px}
.header-search .icon-search{position: absolute;top: 0;right: 0;height:35px;width:35px;line-height:34px;font-size:20px;background-color:#fff;cursor:pointer;text-align:center;transition:0.31s ease-in-out 0s all}
.header-search .icon-search:hover{background-color:#17449e;color:#fff;transition:0.31s ease-in-out 0s all}
.header-middle{margin:0 0 15px}
.slogan{display:inline-block;vertical-align:middle;margin:0 25px 0 0;font-size:14px}
.header-bottom {padding:15px 0;background-color: #004065;transition:0.31s ease-in-out 0s all}
.home .header-bottom{background:transparent}
.home .header-bottom.sticky{background-color: #004065;}
.home header {position: absolute;top: 0;left: 0;width: 100%;background: transparent;z-index: 10;}
.header-bottom-container{display:flex;align-items:center}
.header-bottom.sticky {position:fixed;z-index:100;width:100%;top:0;text-align:left;border-bottom: 2px solid #17449e;box-shadow: 0 0 3px #dedede;padding:5px 0;margin:0}
.header-bottom.sticky .menu a {color:#fff;}
.header-bottom.sticky .logo img{max-height:33px}
.logo-container{flex:1 1 auto}
.logo{}
.logo img{height:52px}
.logo h1,.logo strong{font-weight: bold;color:#060608;margin: 0 0 0 7px;font-size: 20px;display:inline;vertical-align: middle;}

/* MENU */
.menu-bar{}
#menu .menu{padding: 0; margin: 0;}
#menu .menu > li {display:inline-block;vertical-align:middle;transition:0.31s ease-in-out 0s all}
#menu .menu > li > a {color:#fff;padding: 7px 17px;text-align: center;font-size: 17px;font-weight: bold;}
#menu .menu > li > a:after{content:"";display:block;margin:0 auto;border-bottom:3px solid #4d93e9;width:0%;transition:0.31s ease-in-out 0s all}
#menu .menu > li.menu-item-has-children > a{padding:7px 5px 7px 17px}
#menu .menu a {display:inline-block;vertical-align:middle;line-height: 35px;}
#menu .menu .current_page_item,#menu .menu .current-menu-ancestor,#menu .menu > .menu-item-has-children:hover{color: #fff;background-color:#006994;}
#menu .menu .current_page_item > a,#menu .menu .current-menu-ancestor > a,#menu .menu > .menu-item-has-children:hover > a{color: #fff;}
#menu .menu .current_page_item > a:after,#menu .menu > li:hover > a:after{width:100%;transition:0.31s ease-in-out 0s all}
#menu .menu-item-has-children{position:relative}
#menu .menu-item-has-children > a:after{display:inline-block;vertical-align:middle;font-family: "cmcs-icon-set" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\50";margin:0 0 3px 5px;transition:0.31s ease-in-out 0s all}
#menu .menu-item-has-children > a:hover:after{transition:0.31s ease-in-out 0s all}
#menu .menu-item-has-children > .sub-menu{position:absolute;left:-10px;z-index:1000;width: 280px;background-color: rgba(23, 68, 158, 0.9);padding: 20px;margin:0;text-align: left;border-top: 1px solid #5198b7;visibility:hidden;opacity:0;transition:0.31s ease-in-out 0.2s all}
#menu .menu-item-has-children:hover > .sub-menu {visibility: visible;opacity: 1;}
#menu .sub-menu > li > a{display:inline-block;}
#menu .sub-menu > li > a:after{display: block;content: '';width: 0;height: 0;color: #181818;border-bottom: 2px solid #4d93e9;transition: 0.31s ease-in 0s all;margin: 0 auto -2px;}
#menu .sub-menu > li:hover > a:after{width: 100%;border-bottom: 2px solid #fff;}
#menu .sub-menu .current_page_item > a,.sub-menu > li > a{color: #fff;}
#menu .sub-menu-trigger{display:inline;cursor:pointer;font-size:15px;color:#17449e;padding:0 5px}
#menu .sub-menu .sub-menu-trigger{color:#fff;float:right;position:relative;top:4px;transform: rotate(0deg);transition:0.31s ease-in-out 0s all}
#menu .sub-menu > li:hover .sub-menu-trigger{transform: rotate(-90deg);transition:0.31s ease-in-out 0s all}
#menu .sub-menu > li{position:relative;display:block}
#menu .sub-menu li a{font-size:15px}
#menu .sub-menu .sub-menu{left: calc(100% + 20px);top:-21px;background-color: rgba(41, 111, 197, 0.9);}
.fixed-menu{margin:0 auto;list-style:none;display:table;background:#fff}
.fixed-menu li{float:left;margin:0;padding:20px 25px;background:#eee;font-weight:bold;opacity:0.8;transition:0.31s ease-in 0s all;box-shadow:0 0 1px #181818 inset;border:1px solid #181818}
.fixed-menu li:hover{opacity:1;background:#ddd;transition:0.31s ease-in 0s all}
.mobile-menu-trigger{display:none}

/* MEGA MENU - EXPANDED MENU */
.expanded.menu-item-has-children{position:static}
.expanded.menu-item-has-children > .sub-menu{width: 100%;left:0;}
.expanded.menu-item-has-children > .sub-menu > li > a{font-weight:bold}
.expanded.menu-item-has-children > .sub-menu > li > .sub-menu{position:static;padding: 0;width: auto;margin:0}
.expanded.menu-item-has-children:hover > .sub-menu > li > .sub-menu{visibility: visible;opacity: 1;}
.expanded.menu-item-has-children > .sub-menu .menu-item-has-children > a:after{display:none}
.expanded.menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu > li > a{display:inline-block;}
.expanded.menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu > li > a:after{display: block;content: '';width: 0;height: 0;color: #181818;border-bottom: 1px solid #17449e;transition: 0.31s ease-in 0s all;margin: 0 auto -2px;}
.expanded.menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu > li > a:hover:after{width: 100%;border-bottom: 1px solid #fff;}
.expanded.menu-item-has-children > .sub-menu > .current-menu-ancestor > a{background-color:inherit}

/* FOOTER */
footer {display:block;flex:none;width:100%;background-color: #17449e;}
.footer-top {text-align: center;padding: 0 15px}
.footer-top .logo{padding: 20px 30px 15px;margin:0;border-radius: 100px;background: #fff;}
.footer-top h4{font-size: 16px;color:#fff;text-align: center;margin: 0 0 15px;}
.footer-top a {color: #fff;}
.footer-top a:hover{color: #17449e;}
.footer-top p {display: inline-block;margin-right: 10px;font-size: 14px;color:#fff;text-align: center;margin: 0;}
.footer-top icon {color: #fff;}
.footer-bottom{padding: 25px 20px;border-top: 1px solid #fff;}
.footer-menu{text-align:center}
.footer-menu li{display:inline-block;margin:0 10px}
.footer-menu li a{color:#fff;font-weight:bold;font-size:14px}
.footer-menu li a:after{display: block;content: '';width: 0;height: 0;color: #181818;border-bottom: 1px solid #17449e;transition: 0.31s ease-in 0s all;margin: 0 auto -2px;}
.footer-menu li a:hover:after{width: 100%;border-bottom: 1px solid #fff;}
.footer-contact{text-align:center}
.footer-contact li{display:inline-block;margin:0 10px;color:#fff;font-size:14px}
.footer-contact li a{color:inherit}
.footer-contact icon{margin-right:5px}
.copyright {text-align:center;margin:0 0 7px;color:#fff;font-size: 13px;}
.design {text-align:center;color:#fff;}
.design a {opacity:0.15}
.design a:hover {opacity:1}
.design img{width:40px}
.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border{border-top-color:#17449e !important}
.tooltipster-sidetip.tooltipster-punk .tooltipster-box{border-bottom:4px solid #17449e !important}
.to-top {position: fixed; font-size: 146.66%;line-height: 33px;text-align: center;width: 40px;height:40px;bottom: 40px;right: -40px;background-color:#2E7594;color: #fff;cursor: pointer;transition: 0.6s ease 0s all;visibility:hidden;z-index:50;opacity:0;border-radius: 50px;}
.to-top.to-top-vidljiv {visibility: visible;opacity: 0.8;right: 40px;transition: 0.6s ease 0s all;}
.to-top.to-top-vidljiv:hover{opacity: 1;}
.to-top .icon-angle-up::before {color: #fff;font-size: 160%;}
#cookie-notice {position: fixed;bottom: 20px;right: 20px;width: 320px;background-color: #fff;padding: 20px;z-index: 10;border-radius: 10px;border:1px solid #17449e}
#cookie-description{margin:0 0 10px}

/* NASLOVNICA - HOME */
#esi-fond{margin:0 0 30px}
.esi-fond{display:flex;align-items:center;flex-wrap:wrap;justify-content: center;margin:0 -1%}
.esi-fond li{padding:0 1%;flex:0 1 auto}
.esi-fond li img{max-height:67px}
.esi-fond li:last-child{flex:1 1 339px}
.homepage h1{text-align: center;text-transform: uppercase;margin: 20px 0 40px;text-shadow: 0px 1px 1px #bbb;font-size:266.66%}
.homepage h2{font-size:30px;text-transform:uppercase;margin:0 0 50px;padding:0 20px;display:inline-block;border-radius:7px;background-color:#17449e;color:#fff}
.section-container .main-content{padding:75px 0;position:relative}
.section-container.gray{position:relative;}
.section-container.gray:before{background-color:#f6f6f8;position:absolute;top:0;bottom:0;left:0;right:0;transform: skewY(-3deg);content:""}
.section-container.blue{position:relative;}
.section-container.blue:before{background-color: #4d93e9;position:absolute;top:0;bottom:0;left:0;right:0;transform: skewY(-3deg);content:""}
.izdvojeni-proizvodi .item{padding:0 25px}
.izdvojeni-proizvodi h3{margin:0;display: block;background-color: #4d93e9;padding: 3px 15px;font-size:133.33%;font-weight:normal}
.izdvojeni-proizvodi h3 a{color:#fff}
.izdvojene-usluge .item{padding:0 25px}
.izdvojene-usluge h3{margin:0;display: block;background-color: #17449e;padding: 3px 15px;font-size:133.33%;font-weight:normal}
.izdvojene-usluge h3 a{color:#fff}
.vijeti-info-container{display:flex;flex-direction:row;margin:0 0 0 -2%}
.vijesti-container{flex:1 0 75%;float:left;width:75%;padding:0 2%}
.vijesti-list li{float:left;width:33.333%;padding:0 2%}
.item-date{font-style:italic;text-align:center;font-size:14px;margin:0 0 5px;border-bottom:1px solid #2c292a}
.item-date icon{margin:0 5px 0 0}
.item-description{margin:0 0 20px}
.homepage .slick-prev,.homepage .slick-next{top:calc(50% - 37.5px)}
.homepage .slick-prev:before, .homepage .slick-next:before{font-size:75px}
.homepage .gray .slick-prev:before, .homepage .gray .slick-next:before{color:#17449e;}
.homepage .blue .slick-prev:before, .homepage .blue .slick-next:before{color:#fff;}
.homepage .slick-prev{left:-75px}
.homepage .slick-next{right:-75px}

/* NOVOSTI - POSTS */
#nav-single {margin:0 0 20px}
.nav-previous,.nav-next {display:inline-block;padding:2px 8px;background-color:#17449e;}
.nav-previous a,.nav-next a {color:#fff}
.nav-previous a:hover,.nav-next a:hover {color:#222}
.nav-previous {margin:20px 20px 0 0}
.post-item h2{font-size:173.33%;margin:0 0 20px}
.post-item .date{font-weight:bold;font-style:italic;margin:0 0 10px}

/* KONTAKT */
#kontakt-i-lokacija{margin:0 0 40px}
#kontakt-forma input{border-top: 0;border-left: 0;border-right: 0;background-color: #fff;}
.upit-container label{margin:0 0 8px}
#toggle-uvjeti-kontaktiranja{text-decoration: underline;cursor: pointer;}
#uvjeti-kontaktiranja{display: none;padding: 15px;font-size:15px;border:2px solid #4d93e9;background-color:#fcfcfc;margin-top: 12px;}
.form-submit{margin-top:15px}
.form-submit button{height:45px;width:130px;padding:0;letter-spacing:1px;font-weight:bold}
#contact-success,#contact-failure{font-size:160%;display:none;text-align: center;}
#contact-success img, #contact-failure img {display: block;margin: 10px auto;}
.g-map{width: 100%;height: 500px;border: #ccc solid 1px;}
.g-map img{max-width: inherit !important;}

/* SEARCH RESULTS */
.search-results-list h2{font-size:22px;margin: 0 0 15px;}
.post-date {text-align: center;border-bottom: 1px solid #060606;color:#17449e;margin:0 0 7px}

/* WP PAGE NAVI */
.wp-pagenavi {display: block;text-align: right;margin:0 0 15px}
.wp-pagenavi .pages{color: #999;border: 0;float: left;padding: 8px 10px;display:none}
.wp-pagenavi a,.wp-pagenavi span.current {border: 2px solid #17449e;display: inline-block;margin-right: 7px;text-transform: uppercase;padding: 5px 10px;font-size: 14px;border-radius: 3px;}
.wp-pagenavi a:hover{color:#fff;background-color: #17449e;}
.wp-pagenavi span.current {border: 2px solid #ddd;cursor: default;}

/* ANIMATIONS */
.animated {-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);opacity:0;}
.animation_started.animated {-webkit-animation-duration: .8s;-webkit-animation-delay: .2s;-webkit-animation-timing-function: ease-in-out;-webkit-animation-fill-mode: both;animation-duration: .8s;animation-delay: .2s;animation-timing-function: ease-in-out;animation-fill-mode: both;opacity:1;}
.fadein-lez {-webkit-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.highlight {animation: highlight 0.3s;}
.highlight-positive {animation: highlight-positive 0.3s;}
.highlight-negative {animation: highlight-negative 0.3s;}
@keyframes sk-cubeGridScaleDelay {
	0%, 70%, 100% {transform: scale3D(1, 1, 1);}
	35% {transform: scale3D(0, 0, 1);} 
}
@keyframes highlight {
    0% {background-color: #17449e;}
    100% {background-color: none;}
}
@keyframes highlight-positive {
    0% {background-color: #1eba45;}
    100% {background-color: none;}
}
@keyframes highlight-negative {
    0% {background-color: #cd0000;}
    100% {background-color: none;}
}
@keyframes slideInFromLeft {
  0% {transform: translateX(-100%);}
  100% {transform: translateX(0);}
}

/* FORMS */
select,input[type="text"],input[type="email"]{height:35px}
input[type="text"],input[type="email"]{padding:0 10px;background-color:#fff;border:2px solid #4d93e9;font-family:'Poppins', sans-serif;font-size:15px;width:100%}
select{border:2px solid #4d93e9;padding:0 10px;}
textarea{min-width:100%;width: 100%;max-width: 100%;background-color: #fff;border: 2px solid #4d93e9;padding: 5px 10px;box-shadow: 0 0 3px #fff inset;font-family:'Poppins', sans-serif;font-size: 15px;height:200px;min-height:200px;max-height:500px;overflow:auto}
label{color:#414141;cursor:default;display:inline-block;font-size:15px}
input:focus, textarea:focus{outline:none;}
input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus{border-bottom:3px solid #17449e}
input[type="text"], input[type="email"], textarea, select, input[type="file"]{display:block;}
select:disabled,input:disabled {color:#777 !important;box-shadow:none !important}
input[type="checkbox"]{margin:0 15px 0 5px;vertical-align:middle}
select:focus,input:focus{outline:none}
.input-row{margin:0 -2%}
.input-field{margin:0 0 30px}
.g-recaptcha.error{border: solid 2px #a72c32;padding: .2em;display: inline-block;}
.g-recaptcha-error{color:#a72c32;font-weight:bold}
input[type="text"].error, input[type="email"].error{border: 2px solid #a72c32; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);}
.required{color:#a72c32;margin-right:8px}
input[type="file"]{opacity:0;height:0}
.file-upload{display:inline-block;height: 38px;line-height: 34px;padding:0 16px;background-color:#17449e;color:#fff;cursor:pointer;border:2px solid #17449e;font-weight: normal;letter-spacing: 0.5px;transition:0.31s ease-in 0s all}
#uploaded-file{display: inline-block;margin: 0 0 0 15px;font-size: 15px;}
.upload-specifics{font-size: 85%;margin: 3px 0 0 0;}
.field-heading{font-size:15px}
.input-error{color:#a72c32;margin:3px 0 0;font-weight: bold;font-size:14px;}

/* SIDEBAR */
.sidebar {
  background: #f9f9f9;
  padding: 20px;
  border-left: 1px solid #ddd;
}

.sidebar h3 {
  margin-top: 0;
  font-size: 20px;
  color: #004065;
}

/* OWL */
.owl-theme .owl-nav [class*="owl-"]:hover {background-color:#477ec1}

/* SLICK */
.slick-list{position: relative;overflow: hidden;display: block;margin: 0;padding: 0;}
.slick-slide {cursor:pointer}
.slick-prev:before, .slick-next:before{font-family: 'cmcs-icon-set';font-size: 40px;line-height: 1;opacity: 0.75;color: #17449e;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transition: 0.27s ease-in 0s all;}
.slick-prev:before{content: '\7e';visibility: hidden;}
.slick-next:before{content: '\e006';visibility: hidden;}
.slick-prev:hover, .slick-next:hover {border: 0;}

/* GENERAL */
.v-align {vertical-align:middle}
.bold {font-weight:bold}
.f-right {float:right}
.f-left {float:left}
.image-container{margin:0 0 25px}
.image-container.f-left{margin:0 30px 25px 0}

/* CMS */
.heading-cover{background-color:#17449e;padding:10px 0}
.heading-cover h1{color: #fff;margin:0}
.cms-content ul li{margin:0 0 5px 25px}
.cms-content ul li:before{content: "\2022";display: inline-block;margin: 0 10px 0 -10px;font-weight: bold;color: #17449e;font-size:17px;line-height:18px}
#o-nama-gallery{margin-top:50px}
#o-nama-gallery .slick-slide{margin:0 20px}
.otgs-development-site-front-end{display:none}
.hero-0{background: #fff url('/wp-content/themes/stuh/images/zagreb_square.jpg') center / cover no-repeat;}
.hero-1{background: #fff url('/wp-content/themes/stuh/images/rivers_croatia.jpg') center / cover no-repeat;}
.hero-2{background: #fff url('/wp-content/themes/stuh/images/dalmatia_croatia.jpg') center / cover no-repeat;}
.hero-3{background: #fff url('/wp-content/themes/stuh/images/sunset_croatia.jpg') center / cover no-repeat;}
.hero-mini .heading-container {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .hero-mini .heading-container h1 {
    font-size: 32px;
  }
}

@media screen and (max-width: 480px) {
  .hero-mini .heading-container h1 {
    font-size: 24px;
  }
}

.hero-mini h1 {
  font-size: 3rem;
  margin: 0;
  color: #ffffff;
  text-shadow:1.3px -0.7px #000
}

/*MENU MOBILE*/

/* Mobile click toggle */
@media (max-width: 991px) {
  #menu .menu-item-has-children.open > .sub-menu {
    visibility: visible;
    opacity: 1;
  }

  .sub-menu-trigger {
    display: inline-block;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .menu-item-has-children.open .sub-menu-trigger {
    transform: rotate(180deg);
  }
  
  .menu-item-has-children .sub-menu {
    display: none;
  }

  .menu-item-has-children.open .sub-menu {
    display: block;
  }

  .sub-menu-trigger {
    cursor: pointer;
    padding: 10px;
  }
}

/*ICONS*/
.icon img {
  max-width: 50px;
  max-height: 50px;
  display: block;
  margin: 0 auto; /* center the icon if needed */
}

/* DATEPIKER */
input[type="date"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px 12px;
  border-radius: 4px;
  font-size: 16px;
  width: 100%;
  color: #333;
  transition: border 0.3s ease, box-shadow 0.3s ease;
}

input[type="date"]:focus {
  border-color: #004065;
  box-shadow: 0 0 5px rgba(0, 64, 101, 0.3);
  outline: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background-color: #004065;
  color: white;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
}


/* PAGINATION */
.pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
  flex-wrap: wrap;
}

.pagination .page-numbers {
  padding: 8px 12px;
  border: 1px solid #004065;
  color: #004065;
  border-radius: 4px;
  text-decoration: none;
  transition: background 0.3s;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
  background-color: #004065;
  color: #fff;
}


/* SHORTCODES */

/* TABS */
.tabs {font-size:0;margin: 0}
.tabs-content {padding: 20px;margin: -2px 0 0;overflow: hidden;border:2px solid #ccc}
.tab {display: inline-block;border: 2px solid #ccc;line-height: 50px;padding: 0 15px;font-size: 15px;text-transform: uppercase;cursor:pointer;color:#181818;transition:0.31s ease-in 0s all;margin: -2px -2px 0 0;}
.tab icon {float:right;display: none;}
.tab.active {background-color: #17449e;color: #fff;}
.tab:not(.active):hover {background-color:#393f4d;color:#fff;transition:0.31s ease-in 0s all}

/* LOADER */
#loader {position:fixed;z-index:2;height:100%;width:100%;left:0;top:0;background-color:rgba(0,0,0,0.5);z-index:1000}
.loader {text-align:center}
.loader a {display:inline-block;padding:3px 10px;border:1px solid #17449e}
.sk-cube-grid {width: 40px;height: 40px;margin: 0px auto;position:relative;z-index:1;top:calc(50% - 20px)}
.sk-cube-grid .sk-cube {width: 33%;height: 33%;background-color: #17449e;color:#db0000;float: left;-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
.sk-cube-grid .sk-cube1,.sk-cube-grid .sk-cube5,.sk-cube-grid .sk-cube9 {animation-delay: 0.1s;}
.sk-cube-grid .sk-cube2,.sk-cube-grid .sk-cube6 {animation-delay: 0.15s;}
.sk-cube-grid .sk-cube3 {animation-delay: 0.2s;}
.sk-cube-grid .sk-cube4,.sk-cube-grid .sk-cube8 {animation-delay: 0.05s;}
.sk-cube-grid .sk-cube7 {animation-delay: 0s;}

/* GALLERIES Standard gallery - 1 item without thumbnails, Product gallery - 1 item with thumbnails */
.standard-gallery{text-align:center;clear:both}
.standard-gallery h2{font-size: 186.66%;text-transform: uppercase;margin: 0 0 50px;padding: 0 20px;display: inline-block;border-radius: 7px;background-color: #17449e;color: #fff;}
.standard-gallery .slider{width:600px;max-width:100%;margin:0 auto}
.standard-gallery .slick-prev{left:-80px}
.standard-gallery .slick-next{right:-80px}
.standard-gallery .slick-prev:before,.standard-gallery .slick-next:before{font-size:80px}
.product-gallery{float:left;width:40%;padding-right:2%}
.product-gallery .slider{margin:0 0 30px}
.product-gallery .slider img{max-height:400px}
.product-gallery .slick-prev{left:-20px}
.product-gallery .slick-next{right:-20px}
.product-gallery .slick-prev,.product-gallery .slick-next{top:calc(50% - 30px)}
.product-gallery .slick-prev:before,.product-gallery .slick-next:before{font-size:60px;visibility:visible;color:#17449e}
.product-gallery .thumbnails.slick-slider{padding:0 30px}
.product-gallery .thumbnails .item{margin:0 5px}
.product-gallery .thumbnails img{max-height:100px}

/* PRODUCT LIST */
#categories{margin:0 0 50px}
.image-gallery img {max-height:550px}
.product-list li h2{margin:0 0 20px;font-size:133.33%}
.product-list .product-image{margin:0 0 20px;overflow:hidden}
.product-list .product-image img{transform: scale(1);transition:0.31s ease-in 0s all}
.product-list .product-image img:hover{transform: scale(1.1);transition:0.31s ease-in 0s all}

/* SINGLE PRODUCT */
.single-product{margin:0 0 50px}
.product-description{float:left;width:60%;padding-left:2%}
.product-description ul li{margin:0 0 5px 25px}
.product-description ul li:before{content: "\2022";display: inline-block;margin: 0 10px 0 -10px;font-weight: bold;color: #17449e;font-size:17px;line-height:18px}
.opis-proizvoda{margin:0 0 25px}
#product-inquiry{display:none;border:1px solid #2c292a;box-shadow:0 0 3px #ddd}
.product-form-container{padding:25px;}
#product-inquiry h2{text-align:center;margin-top:0;background: #17449e;color: #fff;padding: 5px 0;}
#dostavni-podaci{display:none}
#product-form textarea{min-height:150px;height:150px}

/* SERVICES LIST */
.service-list li h2{margin: 0 0 20px;font-size: 133.33%;}
.service-list .service-image{margin:0 0 20px;overflow:hidden}
.service-list .service-image img{transform: scale(1);transition:0.31s ease-in 0s all}
.service-list .service-image img:hover{transform: scale(1.1);transition:0.31s ease-in 0s all}

/* SINGLE SERVICE */
#service-inquiry{display:none;border:1px solid #2c292a;box-shadow:0 0 3px #ddd}
#service-inquiry h2{text-align:center;margin-top:0;background: #17449e;color: #fff;padding: 5px 0;}

/* MODAL */
body.modal-open{overflow:hidden}
#modal{display:none;position: fixed;top:0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.25);z-index: 100;}
.modal-wrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;}
.modal-container{background-color: #fff;padding: 25px;position: absolute;max-width:80%;max-height:80%;overflow:auto;box-shadow: 0 0 3px #989898;}
#modal-closer{position: absolute;top: 0;right: 0;padding: 10px;cursor:pointer;}
#modal-closer .icon-close:before{display:block;transition: 0.31s ease-in 0s all;}
#modal-closer .icon-close:before:hover{transform: scale(1.2) rotate(360deg);transition: 0.31s ease-in 0s all;}

/* MEDIA QUERIES */
@media only screen and (max-width:1449px) {
.header-bottom.sticky .menu-bar{margin:0}
}
@media only screen and (min-width:1200px) and (max-width:1449px) {
}
@media only screen and (min-width:960px) and (max-width:1199px) {
}
@media only screen and (min-width:480px) and (max-width:1499px) {
}
@media only screen and (max-width:1199px) {
.header-top{text-align:center}
.header-contact{float:none;margin:0 0 10px}
.header-contact li{float:none;display:inline-block}
.header-widget{float:none;display:inline-block;vertical-align:middle}
.web-accessibility{float:none;display:inline-block;vertical-align:middle;margin:0 0 0 15px}
.web-accessibility .icon-web-accessibility{margin:0}
.header-bottom.sticky .logo img{max-height: 37px;}
.mobile-menu-trigger{display:block;float:right;cursor:pointer;padding:13px 0;}
.mobile-menu-trigger.active{position:fixed;right:12%;top:0;z-index:10000}
.header-bottom.sticky .mobile-menu-trigger{padding:0}
.menu-bars {width: 30px;height: 3px;background-color: #444;margin: 7px 0;transition: 0.31s ease-out 0s all;}
.header-bottom.sticky .menu-bars{width: 30px;height: 3px;margin: 7px 0;transition: 0.31s ease-out 0s all;}
.mobile-menu-trigger.active .menu-bars{background-color: #fff;}
.bar1 {margin-top:0}
.bar3 {margin-bottom:0}
.active .bar1 {transform: rotate(-45deg) translate(-7px, 8px);}
.active .bar2 {opacity: 0;}
.active .bar3 {transform: rotate(45deg) translate(-6px, -7px);}
.menu-bar{display: none;}
.menu-bar.menu-open{display: block;position: fixed;top: 0;left: 0;width: 100%;margin: 0;height: 100%;background: #17449e;overflow:auto;z-index: 1000;}
header #menu{text-align:center}
header .menu {display: inline-block;width: 720px;max-width:100%;margin:50px 0 0;}
header .menu li {display:block;float: none;}
header .menu li:last-child, .sub-menu li:last-child{border:0}
header .menu li a{display:inline-block;color:#fff;border:0;background:transparent;margin:0 5px}
header .menu-item-has-children > .sub-menu{display:none;visibility:visible;opacity:1;position:static;text-align:inherit;width:auto;transition: none}
.header-bottom.sticky .menu-item-has-children > ul {border-top: 1px solid #fff;}
.header-bottom.sticky .menu-logo{display: block;text-align:left}
.menu .sub-menu li{display:block;width:100%}
.menu .sub-menu li a{padding: 10px;}
.menu .sub-menu li:last-child {border: 0;}
.expanded.menu-item-has-children > .sub-menu{width:auto}
.sub-menu-trigger{display: inline-block;}
header .menu-item-has-children > a:after{display:none}
.slick-next:before,.slick-prev:before{visibility:visible !important}
.vijesti-list li{width:100%;float:none;margin: 0 0 40px;}
.vijesti-list li h3{text-align:center}
.vijesti-list .item-link-container{text-align:center}
.category-list{text-align:center}
.category{width:auto;max-width:600px;float:none;margin:0 auto 35px}
.post-item{width:46%}
.image-container.f-left{float:none;margin:0 0 30px}
}
@media only screen and (min-width:960px) and (max-width:1199px) {
.product-list li:nth-child(3n+1){clear:both}
.product-list .product.col-3-with-border{width:29.333%}
}
@media only screen and (min-width:768px) and (max-width:1199px) {
.post-item:nth-child(2n+1){clear:both}
}
@media only screen and (min-width:480px) and (max-width:1199px) {
}
@media only screen and (min-width:960px) {
.esi-fond li:nth-child(4){flex:0 1 145px}
}
@media only screen and (min-width:1200px) {
header .menu-item-has-children:hover > .sub-menu{visibility:visible;opacity:1;transition:0.31s ease-in-out 0.2s all}
.product-list li:nth-child(4n+1){clear:both}
.post-item:nth-child(3n+1){clear:both}
}
@media only screen and (max-width:959px) {
.content-wrapper{width:90%}
.mobile-menu-trigger.active{right:6%}
.kontakt-info{width: 100%;float: none;margin:0 0 35px}
#g-map{width: 100%;float: none;}
.kontakt-forma-container {margin: 40px 0;width: 100%;float: none;}
.homepage .slick-prev,.homepage .slick-next{top:calc(50% - 37.5px)}
.homepage .slick-prev:before, .homepage .slick-next:before{font-size:60px}
.homepage .slick-prev{left:-45px}
.homepage .slick-next{right:-45px}
.service-list .service.col-3-with-border{width:46%;}
.homepage h1{font-size:30px}
}
@media only screen and (min-width:768px) and (max-width:959px) {
.esi-fond li{flex:0 1 20%}
}
@media only screen and (min-width:480px) and (max-width:959px) {
.product-list li:nth-child(2n+1){clear:both}
.product-list .product.col-3-with-border{width:46%}
}
@media only screen and (min-width:768px) {
}
@media only screen and (max-width:767px){
.mobile-menu-open .header-bottom {overflow:auto}
.esi-fond li{flex: 0 1 50%;margin: 0 0 20px;text-align: center;}
.footer-contact li{margin:10px}
.product-gallery,.product-description{float:none;width:auto;padding:0;margin:0 0 35px}
.input-field.col-4{width:100%;}
.post-item{width:auto;float:none;padding:35px 0}
.g-map{height:400px}
.standard-gallery .slick-list{width:80%;margin:0 auto}
.standard-gallery .slick-prev{left:-10%}
.standard-gallery .slick-next{right:-10%}
}
@media only screen and (min-width:480px) and (max-width:767px) {
}
@media only screen and (max-width:479px) {
.g-recaptcha {transform: scale(0.77);transform-origin: 0 0;}
.heading-cover h1 {font-size: 133.33%;}
.input-section {float: none;width: 100%;padding: 2% 0;}
.header-bottom{margin:15px 0 25px}
.header-bottom .menu-logo{position:relative;text-align:left}
.slogan{position: absolute;bottom: -20px;left: 0;}
.header-bottom.sticky .slogan{display:none}
.homepage .slick-prev{left:-32px}
.homepage .slick-next{right:-32px}
.to-top{bottom:30px}
.to-top.to-top-vidljiv{right:30px}
.product-list .product.col-3-with-border,.service-list .service.col-3-with-border{width:auto;float:none;margin:0 2% 35px}
#kontakt-forma .input-field.col-6{width:100%;float:none}
.standard-gallery .slick-prev:before, .standard-gallery .slick-next:before{font-size:55px}
.homepage h1{font-size:26px;margin:0 0 40px}
}

/*Izgled boxa i responsive prikaz*/
.flex-col-4-with-border-responsive {
  width: 23%; 
  padding: 20px;
  margin: 10px 0; 
  border: 1px solid #004785;
  box-sizing: border-box;
  background: #fff;
}

@media only screen and (max-width: 1024px) {
  .flex-col-4-with-border-responsive {
    width: 48%;
  }
}

@media only screen and (max-width: 600px) {
  .flex-col-4-with-border-responsive {
    width: 100%;
  }
}

.flex-row-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -10px; 
}




/* Hero carousel */
.hero-slider {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.slider-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  z-index: 0;
  transform: scale(1);
  transition: opacity 1s ease-in-out, transform 10s ease;
}

.slide.active {
  opacity: 1;
  z-index: 1;
  transform: scale(1.1);
}

.hero-logo-overlay {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  z-index: 2;
}
.hero-logo-overlay img {
  max-width: 250px;
  height: auto;
}


/* Transparentan header na hero */
body.front-page .site-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent;
  z-index: 10;
}

/* === NOVOSTI FEATURED === */
.novosti {
  background: #fff;
  padding: 60px 20px;
}

.novosti-grid {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
}
.novost-item.featured {
  flex: 1;
  border: 1px solid #004065;
  background: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.novost-item.featured img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
}
.novost-meta {
  padding: 15px;
}
.novost-meta .datum {
  font-size: 14px;
  color: #888;
  margin-bottom: 5px;
  display: block;
}
.novost-meta h3 {
  font-size: 18px;
  margin: 10px 0;
}
.novost-meta p {
  font-size: 15px;
  color: #555;
}
.novost-meta .btn {
  display: inline-block;
  margin-top: 10px;
  background: #f8b400;
  color: #000;
  padding: 8px 14px;
  border-radius: 4px;
  text-decoration: none;
}

/* === SMALL NOVOSTI === */
.novosti-grid-small {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 768px) {
  .novosti-grid-small {
    grid-template-columns: 1fr;
  }
}
.novost-small {
  background: #fff;
  border: 1px solid #ddd;
  transition: 0.3s;
}
.novost-small:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.novost-small-inner {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  color: inherit;
}
.small-thumb img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.small-meta {
  padding: 10px;
}
.small-meta h3 {
  font-size: 1em;
  margin: 5px 0;
  color: #004065;
}
.small-meta .datum {
  font-size: 0.85em;
  color: #777;
}



/* === KOLEKTIVNI UGOVORI === */
.ugovori {
  background: #fff;
  padding: 60px 20px;
}
.ugovori .container {
  max-width: 1000px;
  margin: 0 auto;
}

.ugovori-button {
  text-align: center;
  margin-top: 30px;
}
.ugovori-button .btn {
  padding: 10px 20px;
  background: #004f99;
  color: white;
  text-decoration: none;
  border-radius: 4px;
}

.filter-form {
  margin-bottom: 30px;
}
.filter-form label {
  margin-right: 10px;
}
.filter-form select {
  padding: 5px;
  font-size: 16px;
}

/* === UGOVORI === */

.ugovori-list {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
}

.ugovori-list li {
  margin-bottom: 10px;
}

.ugovori-list a {
  color: #004065;
  text-decoration: none;
  font-weight: bold;
}

.ugovori-list a:hover {
  text-decoration: underline;
}


.pagination {
  margin-top: 40px;
  text-align: center;
}



/* === DJELATNICI === */

.djelatnici {
  margin-top: 40px;
}
.djelatnici-lista {
  list-style: none;
  padding: 0;
}
.djelatnik {
  margin-bottom: 20px;
  padding: 15px;
  background: #f7f7f7;
  border: 1px solid #ddd;
}
.djelatnik h3 {
  margin-bottom: 10px;
}
.djelatnik .info {
  white-space: pre-line;
}

.featured-image img,
.acf-image img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

body.archive .archive-thumbnail {
  max-width: 300px;
  height: 250px;
  object-fit: cover;
  display: block;
}


/*GALEB*/

.galeb-section {
  background: #fff;
  padding: 60px 20px;
}

.galeb-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto;
}

.galeb-list {
  flex: 1;
  min-width: 300px;
  max-width: 450px;
}

.galeb-list h2 {
  font-size: 36px;
  color: #004065;
  margin-bottom: 10px;
}

.galeb-list .podnaslov {
  color: #888;
  margin-bottom: 20px;
}

.galeb-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.galeb-list li {
  margin-bottom: 10px;
  font-size: 16px;
}

.galeb-list a {
  color: #0073aa;
  text-decoration: none;
  margin-left: 8px;
}

.galeb-list a:hover {
  text-decoration: underline;
}

.galeb-cover {
  flex: 1;
  min-width: 300px;
  max-width: 400px;
  text-align: center;
}

.galeb-cover img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}

/*FOOTER*/

.footer-top {
  background: linear-gradient(to right, #1c3f30, #2e8250);
  color: white;
  padding: 20px 0;
}

.footer-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  text-align: left;
}
.footer-column {
  flex: 1;
  min-width: 250px;
  margin: 20px 0;
}

.footer-column h3,
.footer-column h4 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: left;
}

.footer-column p {
  font-size: 14px;
  margin: 5px 0;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin-top: 10px;
}

.footer-links li {
  margin: 6px 0;
}

.footer-links a {
  color: white;
  text-decoration: none;
  font-size: 14px;
}

.footer-links a:hover {
  text-decoration: underline;
}

.social-icons {
  margin-top: 10px;
}

.social-icons a {
  color: white;
  font-size: 20px;
  margin: 0 8px;
  display: inline-block;
}

/*Blokovi*/

.info-blocks {
  padding: 60px 20px;
  background: #f5f5f5;
  border: 1px solid #004065;
  text-align: center;
  transition: box-shadow 0.3s ease;
}
.blocks-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr); 
  gap: 20px;
}

@media screen and (max-width: 1024px) {
  .blocks-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}


@media screen and (max-width: 600px) {
  .blocks-grid {
    grid-template-columns: 1fr;
  }
} */


.info-block:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.info-block .icon {
  margin-bottom: 15px;
  color: #f8b400;
}
.info-block h3 {
  color: #f8b400;
  font-size: 20px;
  margin-bottom: 10px;
}
.info-block p {
  font-size: 15px;
  color: #777;
}
.poll-form {
  margin-top: 10px;
}
.btn-blue {
  background-color: #4e73df;
  color: white;
  padding: 6px 12px;
  border: none;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
  border-radius: 25px;
}
.btn-green {
  background-color: #1cc88a;
  color: white;
  padding: 6px 12px;
  border: none;
  display: inline-block;
  text-decoration: none;
  margin-top: 10px;
  border-radius: 25px;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.additional-images {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.additional-images img {
  width: calc(33.333% - 10px);
  object-fit: cover;
}
@media (max-width: 768px) {
  .additional-images img {
    width: 100%;
  }
}


.post-share-wrap { margin-top: 20px; padding-top: 12px; border-top: 1px solid #eee; }
.fb-share-button {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:10px 14px; border-radius:6px; text-decoration:none;
  font-weight:600; background:#1877F2; color:#fff;
}
.fb-share-button:hover { background:#166fe0; color:#fff; }
.fb-icon { font-family: Arial, sans-serif; font-weight: bold; }