:root{--border-radius:0;--border-radius2x:4px;--default:#3F383D;--primary:#DD9D0E;--primary-100:#c58c0c;--primary-200:#b9830c;--primary-300:#ad7b0b;--primary--100:#f0ac14;--primary--200:#f1b020;--primary--300:#f2b52c;--primary-rgba-0:#dd9d0e00;--primary-rgba-10:#dd9d0e1a;--primary-rgba-20:#dd9d0e33;--primary-rgba-30:#dd9d0e4d;--primary-rgba-40:#dd9d0e66;--primary-rgba-50:#dd9d0e80;--primary-rgba-60:#dd9d0e99;--primary-rgba-70:#dd9d0eb3;--primary-rgba-80:#dd9d0ecc;--primary-rgba-90:#dd9d0ee6;--secondary:#764315;--secondary-100:#603711;--secondary-200:#56310f;--secondary-300:#4b2a0d;--secondary--100:#8c4f19;--secondary--200:#96551b;--secondary--300:#a15c1d;--secondary-rgba-0:#76431500;--secondary-rgba-10:#7643151a;--secondary-rgba-20:#76431533;--secondary-rgba-30:#7643154d;--secondary-rgba-40:#76431566;--secondary-rgba-50:#76431580;--secondary-rgba-60:#76431599;--secondary-rgba-70:#764315b3;--secondary-rgba-80:#764315cc;--secondary-rgba-90:#764315e6;--tertiary:#efebe6;--tertiary-100:#e5dfd6;--tertiary-200:#e0d8cf;--tertiary-300:#dbd2c7;--tertiary--100:#f9f7f6;--tertiary--200:#fefefd;--tertiary--300:#fff;--tertiary-rgba-0:#efebe600;--tertiary-rgba-10:#efebe61a;--tertiary-rgba-20:#efebe633;--tertiary-rgba-30:#efebe64d;--tertiary-rgba-40:#efebe666;--tertiary-rgba-50:#efebe680;--tertiary-rgba-60:#efebe699;--tertiary-rgba-70:#efebe6b3;--tertiary-rgba-80:#efebe6cc;--tertiary-rgba-90:#efebe6e6;--quaternary:#37343a;--quaternary-100:#2a282d;--quaternary-200:#242226;--quaternary-300:#1e1c1f;--quaternary--100:#444047;--quaternary--200:#4a464e;--quaternary--300:#514c55;--quaternary-rgba-0:#37343a00;--quaternary-rgba-10:#37343a1a;--quaternary-rgba-20:#37343a33;--quaternary-rgba-30:#37343a4d;--quaternary-rgba-40:#37343a66;--quaternary-rgba-50:#37343a80;--quaternary-rgba-60:#37343a99;--quaternary-rgba-70:#37343ab3;--quaternary-rgba-80:#37343acc;--quaternary-rgba-90:#37343ae6;--dark:#212529;--dark-100:#16181b;--dark-200:#101214;--dark-300:#0a0c0d;--dark--100:#2c3237;--dark--200:#32383e;--dark--300:#383f45;--dark-rgba-0:#21252900;--dark-rgba-10:#2125291a;--dark-rgba-20:#21252933;--dark-rgba-30:#2125294d;--dark-rgba-40:#21252966;--dark-rgba-50:#21252980;--dark-rgba-60:#21252999;--dark-rgba-70:#212529b3;--dark-rgba-80:#212529cc;--dark-rgba-90:#212529e6;--light:#FFF;--light-100:#f2f2f2;--light-200:#ececec;--light-300:#e6e6e6;--light--100:#fff;--light--200:#fff;--light--300:#fff;--light-rgba-0:#fff0;--light-rgba-10:#ffffff1a;--light-rgba-20:#fff3;--light-rgba-30:#ffffff4d;--light-rgba-40:#fff6;--light-rgba-50:#ffffff80;--light-rgba-60:#fff9;--light-rgba-70:#ffffffb3;--light-rgba-80:#fffc;--light-rgba-90:#ffffffe6;--primary-inverse:#FFF;--secondary-inverse:#FFF;--tertiary-inverse:#777;--quaternary-inverse:#FFF;--dark-inverse:#FFF;--light-inverse:#777;--grey:#969696;--grey-100:#f4f4f4;--grey-200:#eaeaea;--grey-300:#e5e5e5;--grey-400:#e0e0e0;--grey-500:#dbdbdb;--grey-600:#cecece;--grey-700:#c1c1c1;--grey-800:#a8a8a8;--grey-900:#8e8e8e;--grey-1000:#757575}.less-error-message ul,.less-error-message li{list-style-type:none;padding:4px 0;margin:0}.less-error-message label{font-size:12px;margin-right:15px;padding:4px 0;color:#c77}.less-error-message pre{color:#d66;padding:4px 0;margin:0;display:inline-block}.less-error-message pre.line{color:red}.less-error-message h3{font-size:20px;font-weight:700;padding:15px 0 5px;margin:0}.less-error-message a{color:#10a}.less-error-message .error{color:red;font-weight:700;padding-bottom:2px;border-bottom:1px dashed red}

html {  font-size: 16px; font-weight: 400;  font-style: normal;}
body, html {  position: relative;  overflow-x: hidden;}
body{letter-spacing: normal;font-size: 16px;}
p {font-style: normal;}
  
h1, h2, h3, h4, h5, h6 { font-optical-sizing: auto;  font-style: normal;color: var(--primary)}
h1{font-size:2.25rem;line-height:1.1;margin-top:0;margin-bottom:.5rem}h2{font-size:1.75rem;line-height:1.2;margin-top:1rem;margin-bottom:.5rem}h3{font-size:1.5rem;line-height:1.3;margin-top:1rem;margin-bottom:.5rem}h4{font-size:1.25rem;line-height:1.35;margin-top:1rem;margin-bottom:.5rem}h5{font-size:1.125rem;line-height:1.4;margin-top:1rem;margin-bottom:.5rem}h6{font-size:1rem;line-height:1.5;margin-top:1rem;margin-bottom:.5rem}

a:hover { text-decoration: none; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: var(--secondary) ;}
a {-webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: var(--primary);}

.make-relative {position: relative}
.clear{clear:both;height:0}.clear10{clear:both;height:10px}.clear15{clear:both;height:15px}.clear20{clear:both;height:20px}.clear30{clear:both;height:30px}.clear40{clear:both;height:40px}.clear50{clear:both;height:50px}.clear60{clear:both;height:60px}
section.section {background: transparent;}
.card-body {color: var(--default);}

.project-card { transition: transform .25s ease, box-shadow .25s ease; }
.project-card:hover { transform: translateY(-4px); box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.10); }

.hero-title{color:var(--primary);font-size:3rem;font-weight:600;line-height:1.2}
.hero-title span{display:block;color:#fff;font-size:2rem;font-weight:500;line-height:1.2}
.hero-subtitle,.hero-subtitle p{color:#fff;font-size:1.25rem;font-weight:300;opacity:.9;line-height:1.6;text-shadow:0 1px 6px #00000080}
.bg-tertiary .counter label{font-size:1.1rem;font-weight:600;color:var(--dark);letter-spacing:.5px;margin-top:.5rem;display:block}
.hero-fit{height:315px;object-fit:cover;object-position:center}
.object-fit-cover{object-fit:cover;object-position:center}
.news-card{transition:transform .2s ease,box-shadow .2s ease}
.news-card:hover{transform:translateY(-2px);box-shadow:0 .75rem 1.25rem #0000001a}
.news-card .fs-5{font-size:1.25rem}
.news-card .text-1{font-size:.75rem}
.category-card{transition:transform .2s ease,box-shadow .2s ease}
.category-card:hover{transform:translateY(-2px);box-shadow:0 .75rem 1.25rem #0000001a}
.category-card .card-body{display:flex;align-items:center;justify-content:center;text-align:center;min-height:100px}

.jury-carousel .card { transition: transform .2s ease, box-shadow .2s ease; }
.jury-carousel .card:hover { transform: translateY(-4px); }
.jury-card .jury-overlay{  position:absolute; inset:0;  background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.65) 100%);}
.jury-carousel .owl-dots { margin-top: .75rem; }

@media (min-width: 992px){
  .jury-carousel .owl-stage-outer { padding: .25rem 0; }
}

.galerija-detaljna .masonry-item {margin-bottom: 15px;  width: 24% !important;}

.sponsors-carousel .owl-item > div,.sponsors-carousel .owl-item > a{display:flex;align-items:center;justify-content:center;height:120px;padding:8px 12px}
.sponsors-carousel a{display:flex;align-items:center;justify-content:center;height:100%}
.sponsors-carousel img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;object-position:center;display:block}
.sponsors-carousel .owl-stage-outer{padding:6px 0}
.sponsors-carousel .owl-item > div:hover,.sponsors-carousel .owl-item > a:hover{transform:translateY(-2px);cursor:pointer}

.page-header-background {background-image: url( https://suncokret.klubselo.hr/slike/page-header-background.jpg )}
.page-header h1 {color: var(--primary);}
.page-header.page-header-modern.page-header-background {    padding: 100px 0px 100px 0px;	 background-size: cover;  background-position: center center;}
.page-header-modern p {color: var(--light) !important;}
.page-header-background {background-image: url( https://suncokret.klubselo.hr/slike/page-header-background.jpg )}
#footer .social-icon a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;transition:all .3s ease}
#footer .social-icon a:hover{background-color:#fff;color:#000;text-decoration:none}

/* ===================== FF PRIJAVA – MODERNI SKIN ===================== */
#ff-prijava.ff-form{--ff-radius:var(--border-radius2x,4px);--ff-border:var(--grey-300,#e5e5e5);--ff-border-strong:var(--grey-400,#e0e0e0);--ff-muted:var(--grey-900,#8e8e8e);--ff-text:var(--default,#3F383D);--ff-bg:var(--tertiary--300,#fff);--ff-card:var(--tertiary,#efebe6);--ff-accent:var(--primary,#DD9D0E);--ff-accent-100:var(--primary-100,#c58c0c);--ff-accent-rg10:var(--primary-rgba-10,#dd9d0e1a);--ff-accent-rg20:var(--primary-rgba-20,#dd9d0e33);--ff-accent-rg30:var(--primary-rgba-30,#dd9d0e4d);--ff-dark:var(--quaternary,#37343a);color:var(--ff-text);background:var(--ff-bg);border:1px solid #0000000a;border-radius:calc(var(--ff-radius) + 4px);box-shadow:0 10px 30px #0000000f;padding:1.25rem}
@media (min-width: 768px) {
#ff-prijava.ff-form{padding:2rem}
}
#ff-prijava h3{font-weight:800;letter-spacing:-.01em;margin:0 0 1rem;color:var(--ff-dark)}
#ff-prijava h4{position:relative;margin:1.75rem 0 .75rem;font-weight:700;font-size:1.05rem;color:var(--secondary,#764315)}
#ff-prijava h4::after{content:"";display:block;height:2px;width:64px;margin-top:.5rem;background:linear-gradient(90deg,var(--ff-accent),var(--ff-accent-100));border-radius:2px}
#ff-prijava .form-label{display:inline-block;margin:.2rem 0 .35rem;font-weight:600;font-size:.92rem;color:var(--ff-muted);display:none}
#ff-prijava .form-control,#ff-prijava select.form-control{border-radius:var(--ff-radius);border:1px solid var(--ff-border);background-color:var(--ff-bg);color:var(--ff-text);padding:.8rem 1rem;line-height:1.35;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease;box-shadow:0 1px 0 #00000005 inset}
#ff-prijava .form-control:hover,#ff-prijava select.form-control:hover{border-color:var(--ff-border-strong)}
#ff-prijava .form-control:focus,#ff-prijava select.form-control:focus{outline:none;border-color:var(--ff-accent);box-shadow:0 0 0 .25rem var(--ff-accent-rg20)}
#ff-prijava .form-control::placeholder{color:var(--grey-800,#a8a8a8);opacity:.95}
#ff-prijava .form-control:focus::placeholder{opacity:.55}
#ff-prijava textarea.form-control{min-height:7.5rem;resize:vertical;padding-top:.9rem}
#ff-prijava select.form-control:not([multiple]){appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath fill='%23DD9D0E' d='M3.2 5.5L8 10.3 12.8 5.5l.7.7L8 11.7 2.5 6.2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;background-size:14px 14px;padding-right:2.25rem}
#ff-prijava select[multiple].form-control{min-height:8rem;padding-top:.6rem}
#ff-prijava select[multiple].form-control option{padding:.5rem .6rem;border-radius:calc(var(--ff-radius) - 2px)}
#ff-prijava select[multiple].form-control option:checked{background:var(--ff-accent-rg10);color:var(--ff-text)}
#ff-prijava .form-control.is-valid{border-color:var(--primary--200,#f1b020);box-shadow:0 0 0 .2rem var(--primary-rgba-10)}
#ff-prijava .form-control.is-invalid{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354526}
#ff-prijava .form-check-input{width:1.05rem;height:1.05rem;margin-top:.3rem;border-radius:calc(var(--ff-radius) - 2px);border:1px solid var(--ff-border);accent-color:var(--ff-accent);box-shadow:none;transition:transform .08s ease,border-color .18s ease}
#ff-prijava .form-check-input:focus{outline:none;box-shadow:0 0 0 .2rem var(--ff-accent-rg20);border-color:var(--ff-accent)}
#ff-prijava .form-check-input:active{transform:scale(.96)}
#ff-prijava .form-check-label{color:var(--ff-text);font-size:.98rem}
#ff-prijava .form-check{padding-left:1.6rem}
#ff-prijava .form-check .form-check-input{margin-left:0;margin-right:15px}
#ff-prijava label[for="form-input-vrsta_registracije"] + .form-check{margin-top:.25rem}
#ff-prijava label[for="form-input-vrsta_registracije"]{margin-top:.75rem}
#ff-prijava label[for="form-input-vrsta_registracije"] ~ .form-check{background:linear-gradient(180deg,var(--tertiary--300,#fff),var(--tertiary,#efebe6));border:1px dashed var(--ff-border);border-radius:var(--ff-radius);padding:.6rem .75rem}
#ff-prijava label[for="form-input-vrsta_registracije"] ~ .form-check + .form-check{border-top:none;border-radius:0 0 var(--ff-radius) var(--ff-radius)}
#ff-prijava [name="korisnik_potpore_pitanje"] ~ .form-check,#ff-prijava [name="poljoprivredni_proizvodac_pitanje"] ~ .form-check{padding:.4rem .5rem;border-radius:calc(var(--ff-radius) - 2px)}
#ff-prijava .ff-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
#ff-prijava .btn{border-radius:var(--ff-radius);font-weight:700;letter-spacing:.2px;padding:.8rem 1.1rem;transition:transform .06s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}
#ff-prijava .btn-success{background:var(--ff-accent);border-color:var(--ff-accent-100);color:var(--primary-inverse,#fff);box-shadow:0 10px 20px var(--ff-accent-rg20)}
#ff-prijava .btn-success:hover{background:var(--primary--100,#f0ac14);border-color:var(--primary--200,#f1b020);transform:translateY(-1px);box-shadow:0 12px 22px var(--ff-accent-rg30)}
#ff-prijava .btn-default{background:var(--grey-100,#f4f4f4);border-color:var(--grey-300,#e5e5e5);color:var(--ff-text)}
#ff-prijava .btn-default:hover{background:var(--grey-200,#eaeaea)}
#ff-prijava .btn[disabled]{position:relative;opacity:.85;pointer-events:none}
#ff-prijava .btn[disabled]::after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(45deg,var(--light-rgba-40,#fff6) 0 10px,transparent 10px 20px)}
#ff-prijava .clear30{height:0;margin:.25rem 0 0}
#ff-prijava [aria-hidden="true"][tabindex="-1"],#ff-prijava a[id^="6d1ef0-form-"]{display:none!important}
#ff-prijava a{color:var(--ff-accent);text-decoration:none}
#ff-prijava a:hover{text-decoration:underline}
#ff-prijava label + div:has(+ .form-control){position:relative;margin:.75rem 0 0;padding:1rem 1rem 1rem 2.75rem;background:var(--tertiary,#efebe6);color:var(--default,#3F383D);border:1px solid var(--grey-300,#e5e5e5);border-left:6px solid var(--primary,#DD9D0E);border-radius:var(--border-radius2x,4px) var(--border-radius2x,4px) 0 0;box-shadow:0 8px 20px var(--primary-rgba-10,#dd9d0e1a)}
#ff-prijava label + div:has(+ .form-control)::before{content:"NAPOMENA";position:absolute;top:-.7rem;left:.85rem;font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--secondary-inverse,#fff);background:var(--secondary,#764315);border:1px solid var(--secondary-100,#603711);border-radius:999px;padding:.2rem .55rem;box-shadow:0 2px 6px var(--dark-rgba-10,#2125291a)}
#ff-prijava label + div:has(+ .form-control)::after{content:"";position:absolute;top:1rem;left:.85rem;width:20px;height:20px;background-repeat:no-repeat;background-size:20px 20px;opacity:.95;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23DD9D0E' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2Zm0 4a1.25 1.25 0 1 1-1.25 1.25A1.25 1.25 0 0 1 12 6Zm1.5 12h-3v-1.5h1.25V11.5H10V10h3v6.5H13.5Z'/%3E%3C/svg%3E")}
#ff-prijava label + div:has(+ .form-control){font-size:.9rem;line-height:1.55}
#ff-prijava label + div:has(+ .form-control) strong{color:var(--secondary,#764315)}
#ff-prijava label + div + .form-control{margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important;border-top-color:transparent!important}
#ff-prijava label + div + .form-control:focus{box-shadow:0 0 0 .25rem var(--primary-rgba-20,#dd9d0e33);border-color:var(--primary,#DD9D0E)}
#ff-prijava label + div + textarea.form-control{min-height:9rem;padding-top:1rem}
#ff-prijava label + div + input.form-control{height:calc(3.25rem + 2px);line-height:1.25}
#ff-prijava label + div:has(+ .form-control) ul{margin:.5rem 0 0 1.1rem}
#ff-prijava label + div:has(+ .form-control) li{margin:.15rem 0}
@media (min-width: 992px) {
#ff-prijava .form-control.mb-3{margin-bottom:1rem!important}
}
html:has(#ff-prijava){scroll-behavior:smooth}
#ff-prijava .form-control::placeholder,#ff-prijava select.form-control::placeholder,#ff-prijava textarea.form-control::placeholder{color:var(--ff-text);opacity:1}

/*RESPONSIVE*/
@media (max-width: 1981px) {}
@media (max-width: 1921px) {}
@media (max-width: 1681px) {}
@media (max-width: 1600px) {}
@media (max-width: 1440px) {}
@media (max-width: 1367px) {}
@media (max-width: 1281px) {}
@media (max-width: 1266px) {}
@media (max-width: 1199px) {}	
@media (max-width: 1025px) {}
@media (min-width: 992px) and (min-width: 1200px) {
  #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
    padding: 0 1.3rem;
  }
}

@media (max-width: 991px) {
	#header .header-btn-collapse-nav {background: transparent;}	
	#header .header-btn-collapse-nav:focus,	#header .header-btn-collapse-nav:active {outline: none !important;box-shadow: none;}	
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {background-color: var(--primary);}
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: var(--primary);}
	
	.sticky-header-active .hamburger-inner, 
	.sticky-header-active .hamburger-inner::before, 
	.sticky-header-active .hamburger-inner::after {background-color: var(--primary);}

	.sticky-header-active .hamburger.is-active .hamburger-inner, 
	.sticky-header-active .hamburger.is-active .hamburger-inner::before, 
	.sticky-header-active .hamburger.is-active .hamburger-inner::after {background-color: var(--primary);}		
	.dropdown-item.active, .dropdown-item:active {text-decoration: none;  background-color: var(--secondary);}
}

@media (max-width: 801px) {}
@media (max-width: 769px) {}	
@media (max-width: 737px) {}
@media (max-width: 668px) {}	
@media (max-width: 601px) {
	.sponsors-carousel .owl-item > div, .sponsors-carousel .owl-item > a {height: 90px;}
}

/*iPhone 5 landscape width: 568px*/
@media (max-width: 569px) {}	
@media (max-width: 481px) {}	
@media (max-width: 416px) {}
@media (max-width: 376px) {}
@media (max-width: 321px) {}
@media (max-width: 241px) {}