:root {

	/*FONT SIZE*/	

  /* Osnovna velikost */
  --basic-size: 1.375rem; /* 22px */

  /* Enotno razmerje (1 enota = 1px glede na osnovo 22px) */
  --ratio: 0.04545455;     /* 1 / 22 */

  /* Manjše velikosti */
  --font-14: calc(var(--basic-size) * 14 * var(--ratio));
  --font-16: calc(var(--basic-size) * 16 * var(--ratio));
  --font-17: calc(var(--basic-size) * 17 * var(--ratio));
  --font-18: calc(var(--basic-size) * 18 * var(--ratio));
  --font-20: calc(var(--basic-size) * 20 * var(--ratio));
  /* Osnovna velikost */
  --font-22: var(--basic-size);
  /* Večje velikosti */
  --font-30: calc(var(--basic-size) * 30 * var(--ratio));
  --font-44: calc(var(--basic-size) * 44 * var(--ratio));
  --font-70: calc(var(--basic-size) * 70 * var(--ratio));
	

	/*main*/
	--main-bg-color:#f8f8f8;
	--main-text-color:#000;
    --font-family:'Plus Jakarta Sans', sans-serif;
    --lightgray-bg-color: #f5f5f5; /*v uporabi ??*/
	--gray-bg-color: #e7e7e7; 
    --white-bg:#fff;

    /*button*/
	--button-bg: #11348a;
	--button-text:#fff;


	--main-border-color:#333;

	--icon-color:#333;
	--custom-border-color:transparent;

	/*menu*/
	/*--menu-bg-color:#9b0a52;*/
	--menu-text-color:#fff;
	--menu-border-color:transparent;
	--menu-active-bg-color:#fff;
	--menu-active-text-color:#d8282a;


	/*other text ????????*/
	--title-color:#000;
	--black-color:#000; /*v uporabi*/
	--white-color:#fff;
	--text-on-color-bg:#fff; 
	--light-gray-color:#68737d; /*v uporabi*/

}

/* -------------------- tag styles --------------------*/
html{font-size:100%;}
html,body{margin:0;padding:0;height:100%;border:none;}
body{background-color: var(--main-bg-color); font-weight:500; font-family: var(--font-family); font-size:var(--font-22); color:var(--main-text-color);}
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: top; padding:0px;}
img {border: 0px;}
form{margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6, .row > h1, .row > h2, .row > h3, .row > h4, .row > h5, .row > h6 {margin:0px; padding:0;font-weight:500;}
h1, .row > h1{font-size:var(--font-70); text-align:left; margin-bottom:70px;}
h2, .row > h2{font-size:var(--font-70); text-align:center; margin-bottom:70px;}
h3, .row > h3{font-size:var(--font-44); margin:50px 0;}
a:focus,input:focus {/*outline: none;*/ outline-color: #719ECE;}
a{text-decoration:none;}


/* -------------------- standard styles --------------------*/
.b {font-weight: bold;}
.i {font-style: italic;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.pa {position: absolute;}
.pr {position: relative;}

.fl {float: left;}
.fr {float: right;}
.cl {clear: left;}
.cr {clear: right;}

.ls25 {letter-spacing: 0.025em;}

section,article,nav,header,footer{display:block;}

/*.container{border:1px solid green; }
.row{border:1px solid blue;}*/

.no-gutter{
    padding-right:0;
	padding-left:0;
}
.row.no-gutter{
	margin-right:0;
	margin-left:0;
}
.no-gutter-left {
    padding-left:0;
}
.no-gutter-right {
    padding-right:0;
}

/* -------------------------------------------------------------------------------------------*/
.fai::before{font-family:"Font Awesome 6 Free"; border-bottom:none; margin-right:10px; font-weight:900; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; transition:all 0.8s ease 0s; transform:translate(0px,0px);}
.fabi::before{font-family:"Font Awesome 6 Brands"; border-bottom:none; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; transition:all 0.8s ease 0s; transform:translate(0px,0px);}



/*SLICK SLIDER*/
/*general styles for slick dots and arrows*/
.slick-prev {left: -25px;  z-index: 99; }
.slick-next {right: -25px; z-index: 99; }
/* položaj pik */
.slick-dots { bottom: -60px; }
/* posamezna pika */
.slick-dots li { width: 12px; height: 12px; margin: 0 6px; }
.slick-dots li button { width: 12px; height: 12px; padding: 0; position: relative; }
/* notranja pika */
.slick-dots li button::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--gray-border); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 1; }
/* aktivna notranja pika */
.slick-dots li.slick-active button:before { background: var(--main-logo-color); width: 7px; height:7px;}
/* zunanji obroč */
.slick-dots li.slick-active button:after { content: ""; width: 18px; height: 18px; border: 2px solid var(--main-logo-color); border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }


/* -------------------------------------------------------------------------------------------*/
/*HEADER*/
section.header {height:70px;}
section.header .row{height:70px;}

/* ==========================================================================
   STICKY HEADER ANIMACIJA & STILI
   ========================================================================== */

/* Osnovno stanje glave - pripravimo prehod (transition) */
section.header {
    position: relative;
    width: 100%;
    z-index: 9999;
    
    /* Mehko animiramo viĹĄino, senci in ozadje */
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); 
}

/* Stanje, ko uporabnik scrolla navzdol (aktivira jQuery) */
section.header.sticky {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    height: 70px !important; /* ZmanjĹĄamo viĹĄino iz 170px na 140px za kompaktnejĹĄi meni */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* NeĹžna senca pod glavo */
    animation: slideDown 0.4s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

/* Prilagoditev logotipa in elementov znotraj sticky stanja, da se lepo pomanjĹĄajo */
section.header.sticky .navbar {
    height: 70px !important;
}
section.header.sticky .navbar-brand img {
   /* height: 105px;*/ /* Logotip se neĹžno pomanjĹĄa */
    width: auto;
    transition: height 0.4s ease;
}
section.header.sticky .navbar-nav {
    bottom: 35px; /* Poravnamo navigacijske linke na desni glede na novo viĹĄino */
}

/* Ključne sličice za gladek učinek "pustitve" menija od zgoraj */
@keyframes slideDown {
    from {
        transform: translateY(-20%);
    }
    to {
        transform: translateY(0);
    }
}

/* Prepreči preskok vsebine navzgor */
section.header.sticky + main, 
section.header.sticky + section {
    padding-top: 70px; /* Enako višini tvoje originalne glave */
}



/* ==========================================================================
   1. SPLOŠNI / SKUPNI STILI (Osnova in reset)
   ========================================================================== */
.custom-navbar {padding:15px; position: sticky;top: 0; z-index:1000;}
.navbar-brand {font-weight:700; font-size:var(--font-30); text-decoration: none;}
.custom-nav-links {list-style:none; margin:0; padding:0; display: flex;}
.custom-nav-links a {color: var(--main-text-color); font-size:var(--font-17); text-decoration: none; font-weight: 500; transition: opacity 0.2s ease;}
.custom-nav-links a:hover {opacity: 0.7;}
.lang-btn {color: var(--main-text-color); text-decoration: none; background-color: var(--gray-bg-color); font-weight: 500;}



/*BANNER*/
.banner{padding:60px 0 60px;}
.banner img{border-radius:30px;}
.banner h1{font-size:var(--font-70); margin:40px 0;}
.banner p{font-size:var(--font-30); font-weight:500;}
.banner p{font-size:var(--font-30); padding-right:40px;}
.banner .more{display:inline-block; background-color:var(--button-bg); color:var(--button-text); font-size:var(--font-22); padding: 10px 35px; border-radius:30px; border:none; margin-top:20px;} 
.banner .more:hover{text-decoration:none;}

/*TEXTBLOCK*/
.textblock{padding:60px 0 120px;}
.textblock .txt{padding:0 140px; background: transparent url(../images/bck_circle.png) no-repeat 0 100px;}
.textblock .txt img{}

/*IMAGETBLOCK*/
.imageblock{width:100%;}
.imageblock .container{width:100%; max-width:100%;}

.imageblock img{width:100%; border-radius:60px; height:500px;}

/**FIELDS*/
.fields{padding:120px 0;}
.fields .icon{width:200px; height:200px; background-color:var(--white-bg); border-radius:50%; margin:0 auto;}
.fields .icon.icon1{background: var(--white-bg) url(../images/icon1.jpg) no-repeat center center;}
.fields .icon.icon2{background: var(--white-bg) url(../images/icon2.jpg) no-repeat center center;}
.fields .icon.icon3{background: var(--white-bg) url(../images/icon3.jpg) no-repeat center center;}
.fields .icon.icon4{background: var(--white-bg) url(../images/icon4.jpg) no-repeat center center;}
.fields p{text-align:center; font-weight:bold; font-size:var(--font-18); padding:50px 70px 0 70px;}

/*IMAGE & TEXT BLOCK*/
.imagetextblock, .textimageblock{padding:80px 0;}
.imagetextblock img, .textimageblock img{border-radius:30px;}
.imagetextblock h3, .textimageblock h3{margin-top:80px;}

/*PARTNERS*/
.partners{padding:180px 0;}
.partners a{display:block; width:100%; height:155px; background-color:var(--white-bg); border-radius:10px; margin-bottom:40px;}

/*NEWS*/
.news{}
.news .container{width:100%; max-width:100%; padding:90px 0; background-color:var(--white-bg);}
.news .row{width:1320px; max-width:1320px;}
.news .row a{padding-left:0; color:var(--main-text-color);}
.news h3{margin-top:0;}
.news h4{font-size:var(--font-30);}
.news p.date{font-size:var(--font-22); margin-top:20px;}
/*lbox*/
.news .lbox .text {  position: relative; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);  border-radius: 5px;  max-width: 970px;  overflow-y: scroll;  color:var(--main-text-color);}
.news .lbox .text p{font-size:var(--font-16); }
.news .lbox .text p.date{font-size:var(--font-14); margin-top:0px;}
.news .lbox .text h4{font-size:var(--font-30); margin-bottom:20px;}
.news .lbox .text > a.close {background-image: none;display: block;position: absolute;top: 5px; right: 5px;width: 28px;  height: 28px;  background-color: transparent;}
.news .lbox .text > a.close::before { content:"\f00d";color: #ccc;}

/*SPONSORS*/
.sponsors{padding:180px 0;}
.sponsors a{display:block; width:100%; height:155px; background-color:var(--white-bg); border-radius:10px; margin-bottom:40px;}
.sponsors .disclaimer p{font-size:var(--font-14); text-align:center;}

/*FOOTER*/
footer{width:100%; max-width:100%; padding:140px 0; background-color:var(--white-bg);}
footer .container{}
footer .row{width:1320px; max-width:1320px;}
footer p a,footer a{color:var(--main-text-color);}

/*FOOT*/
section.foot{padding-bottom:60px;}
section.foot .address{padding-right:40px;}
section.foot .contacts{}
section.foot p{margin-bottom:10px; font-size:var(--font-20);}
section.foot p.phone::before{content:"\f095";}
section.foot p.email::before{content:"\f0e0";}

/*SMALLFOOT*/
section.smallfoot{height:60px;}
section.smallfoot .row{padding-top:30px; border-top:1px solid #dfdfdf;}
section.smallfoot p{}
section.smallfoot .copy{padding-left:0;}
section.smallfoot .prod{padding-right:0;}