@charset "UTF-8";

* {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

@font-face {
    font-family: 'FSGLA';
    src: url('FSGLAA.woff2') format('woff2'),
        url('FSGLAA.woff') format('woff'),
        url('FSGLAA.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class*='select-']{display: none;}
#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

#read_more{display: none;}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
  text-align: center;
}

/*  COLUMN SETUP  */
.col {

	float:left;
	margin: 1% 0 1% 1.6%;
}
.col span{line-height: 2.5;}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}


/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}

.swal2-html-container{text-align: justify;}
.podebljaj{font-weight: 600;}
.podebljaj span{font-weight: normal;}

  .content ul.block-list {
    list-style: none;
    margin-left: 0;
}
  .block-list.is-left>li {
    text-align: left;
}
.block-list li {
    padding: 16px;
    background: #f5f5f5;
    margin-bottom: 0.25rem;
    width: 30%;
    margin-right: 0.25rem;
    display: inline-flex;               
  align-items: center;               
  justify-content: space-between;   
}

.column{display: inline-block; }
.has-tooltip-multiline {float: right;    height: 30px;
  border-radius: 100px;
  width: 30px;}

  @media only screen and (max-width: 1023px) {
    .block-list {text-align: center;}
    .block-list li {text-align: left;}
  }
  @media only screen and (max-width: 600px) {
    
    .block-list li {width: 45%;}

  }
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}
.gla{font-family: "FSGLA";}
.naslov{font-size: 4em; text-align:center;}

/* --- Tražilica pridjeva s natpisima --- */
.pridjevi-pretraga {
  margin-top: 20px;
  text-align: center;
}

.pridjevi-pretraga .field {
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.pridjevi-pretraga label.label-inline {
  font-weight: 600;
  margin-right: 6px;
  font-size: 1.1rem;
}

.pridjevi-pretraga .input,
.pridjevi-pretraga .select select,
.pridjevi-pretraga .button {
  height: 3rem;
  font-size: 1rem;
}

.pridjevi-pretraga .select {
  width: 230px;
}

.pridjevi-pretraga .input {
  width: 220px;
}

.pridjevi-pretraga .button {
  min-width: 160px;
}

.select:not(.is-multiple):not(.is-loading)::after{right: 1.8em;}
#adjective-results{margin-top: 50px;}
.button.is-link {float: right;}

#insertSoftSign {
  font-weight: bold;
  min-width: 40px;;
  text-align: center;
  padding: 0;
}

.control.has-icons-left .input{padding-left: 1em;}

/* --- Sticky footer layout --- */

/* 1️⃣ Osiguraj da cijela stranica zauzima visinu prozora */
html, body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

/* 2️⃣ Glavni sadržaj (npr. sve prije footera) neka se širi */
#myDiv {
  flex: 1 0 auto;
}

/* 3️⃣ Footer je na dnu, ali nije zalijepljen preko sadržaja */
footer.footer {
  flex-shrink: 0;
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  text-align: center;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  color: #555;
}

footer.footer strong {
  font-weight: 600;
  color: #333;
}