/* ----------------------------- ALFA 2023 THEME ---------------------------*/

html{
  font-size:10px;
}
body{
  font-family:"Roboto", Arial, sans-serif;
  font-weight:300;
  line-height:1.3;
  font-size:1.8rem;
  color:#555;
}

.path-frontpage .a-section-left > .sect{
  order:-1;
}

#block-afrontabout-2 .row,
.sekcija-slika-tekst .content .row{
  max-width:1265px;
  margin:10rem auto;
}

.pagination li.disabled>span {
  background-color:#eee !important;
  border:1px solid #777
}

/* - - - COLORS - - - */
:root {
  --a-theme-1: #01894B;
  --a-theme-2: #369;
  --a-theme-3: #900;
  --a-theme-4: #fa5;
  --a-theme-5: #040;
  
  --a-t-p: #555;
  --a-t-a: #359;
  --a-t-a-h: #005;
  --a-t-w: #fff;
  --a-t-b: #000;
  --a-t-r: #900;
  --a-t-e: #eee;

  --a-t-trw: rgba(255,255,255,0.5);
  --a-t-trb: rgba(0,0,0,0.5);
  
  --a-t-menu: #777;
  --a-t-menu-h: #000;
  
  --a-h13: #359;
  --a-h46: #333;
  
  --a-bg-w: #fff;
  --a-bg-wl: #f8f8f8;/*ghost*/
  --a-bg-l: #f8f8f8;/*ghost*/
  --a-bg-wll: #fffafa;/*snow*/
  --a-bg-wi: #fffafa;/*ivory*/
  --a-bg-wd: #f5f5f5;/*smoke*/
  --a-bg-wb: #f5f5dc;/*beige*/
  --a-bg-wc: #fffdd0;/*cream*/
  --a-bg-d: #181A18;/*softBlack*/
  --a-bg-dl: #212121;/*charcoal*/
  --a-bg-dll: #3e393A;/*blackSheep*/
  --a-bg-dlll: #555;/*dark*/
  --a-bg-dbl: #000;/*black*/
  --a-bg-nlll: #eee;/*smokeGray*/
  --a-bg-nll: #d3d3d3;/*lightGray*/
  --a-bg-nl: #c0c0c0;/*silverGray*/
  --a-bg-n: #a9a9a9;/*gray*/
  --a-bg-nd: #808080;/*darkGray*/
  --a-bg-ndd: #676767;/*granite*/
  --a-bg-r: #b00020;
  --a-bg-rl: #c60000;/*marlboro*/
  --a-bg-rll: #ff2800;/*ferrari*/
  --a-bg-rlll: #fffaf5;
  --a-bg-rd: #900;
  --a-bg-rdd: #7b002c;/*bordeaux*/
  --a-bg-b: #3b5998;/*facebook*/
  --a-bg-bl: #0392ce;/*cerulean-blue*/
  --a-bg-bll: #3eb8d7;/*medical-blue*/
  --a-bg-blll: #e0ffff;/*LightCyanSky*/
  --a-bg-bdd: #136;
  --a-bg-bd: #34568B;/*pantone2020ClassicBlue*/
  --a-bg-bd2: #058;/*dolphin*/
  --a-bg-bg: #20b2aa;/*LightSeaGreen*/
  --a-bg-bgl: #00ffff;/*AquaCyan*/
  --a-bg-bgt: #40e0d0;/*turquoise*/
  --a-bg-g: #009a4e;/*italia*/
  --a-bg-gl: #01B636;
  --a-bg-gll: #00ff00;/*lime*/
  --a-bg-g-o: #6b8e23;/*olivedrab*/
  --a-bg-y: #fff200;
  --a-bg-y-d: #ffd700;/*gold*/
  --a-bg-y-dd: #cb9d06;/*ochre*/
  --a-bg-y-lll: #ffffe0;/*barely*/
  --a-bg-o: #f28500;/*tangerine*/
  --a-bg-o-l: #ffa500;/*orange*/
  --a-bg-o-s: #ffa07a;/*salmon*/
  --a-bg-o-d: #ff6f61;/*pantone2019LivingCoral*/
  --a-bg-br: #8b4513;/*brown*/
  --a-bg-brd: #800000;/*maroon*/


  --a-brd-w: #fff;
  --a-brd-l: #ddd;
  --a-brd-n: #999;
  --a-brd-d: #555;
  --a-brd-b: #359;

  --a-btn1-t: #555;
  --a-btn1-th: #000;
  --a-btn1-br: #999;
  --a-btn1-brh: #555;
  --a-btn1-bg: #fff;
  --a-btn1-bgh: #f8f8f8; 
  
  --a-field-label: #005;
  --a-label-border: #fa5;  




/* - - BS VARS - -  */

  --bs-default: #ccc;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-info: #0dcaf0;
  --bs-success: #198754;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-alert: #c60000;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
 
}





/* - BS TEXT COLORS - */

.a-text-theme-1 {
  color:var(--a-theme-1);
}

.a-text-theme-2 {
  color:var(--a-theme-2);
}

.a-text-theme-3 {
  color:var(--a-theme-3);
}

.a-text-theme-4 {
  color:var(--a-theme-4);
}

.a-text-theme-5 {
  color:var(--a-theme-5);
}

.text-white {
  color:#fff !important;
}
.text-white a {
  color:#ffa !important;
}
.text-black {
  color:#000 !important;
}

.text-black {
  color:#321 !important;
}

.text-primary {
  color: var(--bs-primary);
}
.text-info {
  color: var(--bs-info);
}
.text-success {
  color: var(--bs-success);
}
.text-warning {
  color: var(--bs-warning);
}
.text-danger {
  color: var(--bs-danger);
}
.text-alert {
  color: var(--a-bg-rl);
}





/* - BS BG COLORS - */

.a-bg-theme-1 {
  background-color:var(--a-theme-1);
}

.a-bg-theme-2 {
  background-color:var(--a-theme-2);
}

.a-bg-theme-3 {
  background-color:var(--a-theme-3);
}

.a-bg-theme-4 {
  background-color:var(--a-theme-4);
}

.a-bg-theme-5 {
  background-color:var(--a-theme-5);
}

.a-bg-bor-def-gray{
  background-color:#f5f5f5;
  border:1px solid #ddd;
  border-radius:5px;
  padding:2rem !important;
}

.a-bg-white {
  background-color:var(--a-bg-w);
}

.a-bg-white-d {
  background-color:var(--a-bg-wd);
}

.a-bg-white-l {
  background-color:var(--a-bg-wl);
}

.a-bg-trans-wll {
  background-color: #fff3;
}

.a-bg-trans-wl {
  background-color: #fff5;
}

.a-bg-trans-w {
  background-color: #fff8;
}

.a-bg-trans-wd {
  background-color: #fffb;
}

.a-bg-trans-wdd {
  background-color: #fffd;
}

.a-bg-trans-bll {
  background-color: #0003;
}

.a-bg-trans-bl {
  background-color: #0005;
}

.a-bg-trans-b {
  background-color: #0008;
}

.a-bg-trans-bd {
  background-color: #000b;
}

.a-bg-trans-bdd {
  background-color: #000d;
}

.a-bg-red {
  background-color:var(--a-bg-r);
}
.a-bg-red-l {
  background-color:var(--a-bg-rl);
}
.a-bg-red-d {
  background-color:var(--a-bg-rd);
}

.a-bg-blue {
  background-color:var(--a-bg-b) !important;
}

.a-bg-blue-d {
  background-color:var(--a-bg-bd) !important;
}

.a-bg-blue-l {
  background-color:var(--a-bg-bl) !important;
}

.a-bg-blue-ll {
  background-color:var(--a-bg-bll) !important;
}

.a-bg-blue-lll {
  background-color:var(--a-bg-blll) !important;
}

.a-bg-green {
  background-color:var(--a-bg-g);
}

.a-bg-green-l {
  background-color:var(--a-bg-gl);
}

.a-bg-green-ll {
  background-color:var(--a-bg-gll);
}

.a-bg-green-o {
  background-color:var(--a-bg-g-o);
}




.a-bg-black {
  background-color:#000;
}
.a-bg-gray {
  background-color: var(--a-bg-n);
}
.a-bg-gray-l {
  background-color: var(--a-bg-nl);
}
.a-bg-gray-ll {
  background-color: var(--a-bg-nll);
}
.a-bg-gray-lll {
  background-color: var(--a-bg-nlll);
}
.a-bg-gray-d {
  background-color: var(--a-bg-nd);
}
.a-bg-gray-dd {
  background-color: var(--a-bg-ndd);
}





/* - BASIC DATA - */

.pull-left{
  float:left !important;
}
.pull-right{
  float:right !important;
}

.a-comp-div{
  height:100%;
}
.a-comp-div img{
  width:auto;
  height:100%;
  object-fit:cover;
}

.comp-img h2,
.comp-txt h2,
.a-section-2 > .row > .field > article > h2,
.sect-3-vert .sekcija-2-nivo > h2,
.page-node-type-sekcija-2-nivo #main-content > .region-content > section > .block-title,
.page-node-type-sekcija .main-container .block-title,
.page-node-type-sect-3-vert .main-container .block-title,
.sekcija > .content > .field > .field__items > .field__item > article > h2,
.sekcija .field__label {
  display:none;
}


/* - - - MARGINS - - - */
.mb-0{margin-bottom:0 !important;}
.mb-1{margin-bottom:0.5rem !important;}
.mb-2{margin-bottom:1rem !important;}
.mb-3{margin-bottom:1.5rem !important;}
.mb-4{margin-bottom:2rem !important;}
.mb-5{margin-bottom:3rem !important;}


/* - PADDINGS - */

.p-0 {padding:0}
.p-1 {padding:.25rem}
.p-2 {padding:.5rem}
.p-3 {padding:1rem}
.p-4 {padding:1.5rem}
.p-5 {padding:2rem}
.p-6 {padding:3rem}
.p-7 {padding:5rem}
.p-8 {padding:10rem}
.p-9 {padding:20rem}

.pt-0 {padding-top:0}
.pt-1 {padding-top:.25rem}
.pt-2 {padding-top:.5rem}
.pt-3 {padding-top:1rem}
.pt-4 {padding-top:1.5rem}
.pt-5 {padding-top:2rem}
.pt-6 {padding-top:3rem}
.pt-7 {padding-top:5rem}
.pt-8 {padding-top:10rem}
.pt-9 {padding-top:20rem}

.pe-0 {padding-right:0}
.pe-1 {padding-right:.25rem}
.pe-2 {padding-right:.5rem}
.pe-3 {padding-right:1rem}
.pe-4 {padding-right:1.5rem}
.pe-5 {padding-right:2rem}
.pe-6 {padding-right:3rem}
.pe-7 {padding-right:5rem}
.pe-8 {padding-right:10rem}
.pe-9 {padding-right:20rem}

.pb-0 {padding-bottom:0}
.pb-1 {padding-bottom:.25rem}
.pb-2 {padding-bottom:.5rem}
.pb-3 {padding-bottom:1rem}
.pb-4 {padding-bottom:1.5rem}
.pb-5 {padding-bottom:2rem}
.pb-6 {padding-bottom:3rem}
.pb-7 {padding-bottom:5rem}
.pb-8 {padding-bottom:10rem}
.pb-9 {padding-bottom:20rem}

.ps-0 {padding-left:0}
.ps-1 {padding-left:.25rem}
.ps-2 {padding-left:.5rem}
.ps-3 {padding-left:1rem}
.ps-4 {padding-left:1.5rem}
.ps-5 {padding-left:2rem}
.ps-6 {padding-left:3rem}
.ps-7 {padding-left:5rem}
.ps-8 {padding-left:10rem}
.ps-9 {padding-left:20rem}





/*. -TEXT SIZES - */

.a-text-xs{
  font-size: 1rem;
}
.a-text-sm{
  font-size: 1.2rem;
}
.a-text-nm{
  font-size: 1.5rem;
}
.a-text-lg{
  font-size: 2rem;
}
.a-text-xl{
  font-size: 2.5rem;
}
.a-text-xxl{
  font-size: 3rem;
}
.a-text-xxxl{
  font-size: 5rem;
}

.a-text-xs .field--name-field-comp-txt-hdr{
  font-size: 1.5rem;
}
.a-text-sm .field--name-field-comp-txt-hdr{
  font-size: 2rem;
}
.a-text-nm .field--name-field-comp-txt-hdr{
  font-size: 2.5rem;
}
.a-text-lg .field--name-field-comp-txt-hdr{
  font-size: 3rem;
}
.a-text-xl .field--name-field-comp-txt-hdr{
  font-size: 4rem;
}
.a-text-xxl .field--name-field-comp-txt-hdr{
  font-size: 4.5rem;
}
.a-text-xxxl .field--name-field-comp-txt-hdr{
  font-size: 8rem;
}





/* - - - - - BORDER PROPERTY - - - - - */


/* - IMG Border property - */
.comp-img .a-border-solid img{
  border:1px solid;
}
.comp-img .a-border-dotted img{
  border:1px dotted;
}
.comp-img .a-border-dashed img{
  border:1px dashed;
}
.comp-img .a-border-double img{
  border:1px double;
}
.comp-img .a-border-ridge img{
  border:1px ridge;
}
.comp-img .a-border-thin img{
  border:1px solid #0003;
}

.comp-img .a-border-top-solid img{
  border-top:1px solid;
}
.comp-img .a-border-top-dotted img{
  border-top:1px dotted;
}
.comp-img .a-border-top-dashed img{
  border-top:1px dashed;
}
.comp-img .a-border-top-double img{
  border-top:1px double;
}
.comp-img .a-border-top-ridge img{
  border-top:1px ridge;
}
.comp-img .a-border-top-thin img{
  border-top:1px solid #0003;
}

.comp-img .a-border-end-solid img{
  border-inline-end:1px solid;
}
.comp-img .a-border-end-dotted img{
  border-inline-end:1px dotted;
}
.comp-img .a-border-end-dashed img{
  border-inline-end:1px dashed;
}
.comp-img .a-border-end-double img{
  border-inline-end:1px double;
}
.comp-img .a-border-end-ridge img{
  border-inline-end:1px ridge;
}
.comp-img .a-border-end-thin img{
  border-inline-end:1px solid #0003;
}


.comp-img .a-border-bottom-solid img{
  border-bottom:1px solid;
}
.comp-img .a-border-bottom-dotted img{
  border-bottom:1px dotted;
}
.comp-img .a-border-bottom-dashed img{
  border-bottom:1px dashed;
}
.comp-img .a-border-bottom-double img{
  border-bottom:1px double;
}
.comp-img .a-border-bottom-ridge img{
  border-bottom:1px ridge;
}
.comp-img .a-border-bottom-thin img{
  border-bottom:1px solid #0003;
}


.comp-img .a-border-start-solid img{
  border-inline-start:1px solid;
}
.comp-img .a-border-start-dotted img{
  border-inline-start:1px dotted;
}
.comp-img .a-border-start-dashed img{
  border-inline-start:1px dashed;
}
.comp-img .a-border-start-double img{
  border-inline-start:1px double;
}
.comp-img .a-border-start-ridge img{
  border-inline-start:1px ridge;
}
.comp-img .a-border-start-thin img{
  border-inline-start:1px solid #0003;
}



/* - TXT Border property - */
.comp-txt .a-border-solid{
  border:1px solid;
}
.comp-txt .a-border-dotted{
  border:1px dotted;
}
.comp-txt .a-border-dashed{
  border:1px dashed;
}
.comp-txt .a-border-double{
  border:1px double;
}
.comp-txt .a-border-ridge{
  border:1px ridge;
}
.comp-txt .a-border-thin{
  border:1px solid #0003;
}


.comp-txt .a-border-top-solid{
  border-top:1px solid;
}
.comp-txt .a-border-top-dotted{
  border-top:1px dotted;
}
.comp-txt .a-border-top-dashed{
  border-top:1px dashed;
}
.comp-txt .a-border-top-double{
  border-top:1px double;
}
.comp-txt .a-border-top-ridge{
  border-top:1px ridge;
}
.comp-txt .a-border-top-thin{
  border-top:1px solid #0003;
}


.comp-txt .a-border-end-solid{
  border-inline-end:1px solid;
}
.comp-txt .a-border-end-dotted{
  border-inline-end:1px dotted;
}
.comp-txt .a-border-end-dashed{
  border-inline-end:1px dashed;
}
.comp-txt .a-border-end-double{
  border-inline-end:1px double;
}
.comp-txt .a-border-end-ridge{
  border-inline-end:1px ridge;
}
.comp-txt .a-border-end-thin{
  border-inline-end:1px solid #0003;
}


.comp-txt .a-border-bottom-solid{
  border-bottom:1px solid;
}
.comp-txt .a-border-bottom-dotted{
  border-bottom:1px dotted;
}
.comp-txt .a-border-bottom-dashed{
  border-bottom:1px dashed;
}
.comp-txt .a-border-bottom-double{
  border-bottom:1px double;
}
.comp-txt .a-border-bottom-ridge{
  border-bottom:1px ridge;
}
.comp-txt .a-border-bottom-thin{
  border-bottom:1px solid #0003;
}


.comp-txt .a-border-start-solid{
  border-inline-start:1px solid;
}
.comp-txt .a-border-start-dotted{
  border-inline-start:1px dotted;
}
.comp-txt .a-border-start-dashed{
  border-inline-start:1px dashed;
}
.comp-txt .a-border-start-double{
  border-inline-start:1px double;
}
.comp-txt .a-border-start-ridge{
  border-inline-start:1px ridge;
}
.comp-txt .a-border-start-thin{
  border-inline-start:1px solid #0003;
}



/* - Border width - */
.comp-img .border-1 img{
  border-width:1px!important;
}
.comp-img .border-2 img{
  border-width:2px!important;
}
.comp-img .border-3 img{
  border-width:3px!important;
}
.comp-img .border-4 img{
  border-width:4px!important;
}
.comp-img .border-5 img{
  border-width:5px!important;
}
.comp-img .a-border-6 img{
  border-width:10px!important;
}
.comp-img .a-border-7 img{
  border-width:20px!important;
}


.comp-txt .border-1{
  border-width:1px!important;
}
.comp-txt .border-2{
  border-width:2px!important;
}
.comp-txt .border-3{
  border-width:3px!important;
}
.comp-txt .border-4{
  border-width:4px!important;
}
.comp-txt .border-5{
  border-width:5px!important;
}
.comp-txt .a-border-6{
  border-width:10px!important;
}
.comp-txt .a-border-7{
  border-width:20px!important;
}

/* - Border colors - */

.a-brd-clr-theme-1{
  border-color:var(--a-theme-1)!important;
}
.a-brd-clr-theme-2{
  border-color:var(--a-theme-2)!important;
}
.a-brd-clr-theme-3{
  border-color:var(--a-theme-3)!important;
}
.a-brd-clr-theme-4{
  border-color:var(--a-theme-4)!important;
}
.a-brd-clr-theme-5{
  border-color:var(--a-theme-5)!important;
}
.a-brd-clr-trans-w {
  border-color: #fff8;
}
.a-brd-clr-trans-b {
  border-color: #0008;
}
.a-brd-clr-white {
  border-color:var(--a-bg-w);
}
.a-brd-clr-white-l {
  border-color:var(--a-bg-wl);
}
.a-brd-clr-white-d {
  border-color:var(--a-bg-wd);
}
.a-brd-clr-black {
  border-color:#000;
}
.a-brd-clr-black-l {
  border-color:#000;
}
.a-brd-clr-black-d {
  border-color:#000;
}
.a-brd-clr-blue {
  border-color:var(--a-bg-b) !important;
}
.a-brd-clr-blue-l {
  border-color:var(--a-bg-bl) !important;
}
.a-brd-clr-blue-ll {
  border-color:var(--a-bg-bll) !important;
}
.a-brd-clr-blue-lll {
  border-color:var(--a-bg-blll) !important;
}
.a-brd-clr-red {
  border-color:var(--a-bg-r);
}
.a-brd-clr-red-l {
  border-color:var(--a-bg-rl);
}
.a-brd-clr-red-d {
  border-color:var(--a-bg-rd);
}
.a-brd-clr-green {
  border-color:var(--a-bg-g);
}
.a-brd-clr-green-l {
  border-color:var(--a-bg-gl);
}
.a-brd-clr-green-ll {
  border-color:var(--a-bg-gll);
}
.a-brd-clr-green-o {
  border-color:var(--a-bg-g-o);
}
.a-brd-clr-gray {
  border-color: var(--a-bg-n);
}
.a-brd-clr-gray-l {
  border-color: var(--a-bg-nl);
}
.a-brd-clr-gray-ll {
  border-color: var(--a-bg-nll);
}
.a-brd-clr-gray-lll {
  border-color: var(--a-bg-nlll);
}
.a-brd-clr-gray-d {
  border-color: var(--a-bg-nd);
}
.a-brd-clr-gray-dd {
  border-color: var(--a-bg-ndd);
}









/* - IMG Border color - */
.comp-img .a-brd-clr-theme-1 img{
  border-color:var(--a-theme-1)!important;
}
.comp-img .a-brd-clr-theme-2 img{
  border-color:var(--a-theme-2)!important;
}
.comp-img .a-brd-clr-theme-3 img{
  border-color:var(--a-theme-3)!important;
}
.comp-img .a-brd-clr-theme-4 img{
  border-color:var(--a-theme-4)!important;
}
.comp-img .a-brd-clr-theme-5 img{
  border-color:var(--a-theme-5)!important;
}

.comp-img .a-brd-clr-trans-w img {
  border-color: #fff8;
}
.comp-img .a-brd-clr-trans-b img {
  border-color: #0008;
}
.comp-img .a-brd-clr-white img {
  border-color:var(--a-bg-w);
}
.comp-img .a-brd-clr-white-l img {
  border-color:var(--a-bg-wl);
}
.comp-img .a-brd-clr-white-d img {
  border-color:var(--a-bg-wd);
}
.comp-img .a-brd-clr-black img {
  border-color:#000;
}
.comp-img .a-brd-clr-black-l img {
  border-color:#000;
}
.comp-img .a-brd-clr-black-d img {
  border-color:#000;
}
.comp-img .a-brd-clr-blue img {
  border-color:var(--a-bg-b) !important;
}
.comp-img .a-brd-clr-blue-l img {
  border-color:var(--a-bg-bl) !important;
}
.comp-img .a-brd-clr-blue-ll img {
  border-color:var(--a-bg-bll) !important;
}
.comp-img .a-brd-clr-blue-lll img {
  border-color:var(--a-bg-blll) !important;
}
.comp-img .a-brd-clr-red img {
  border-color:var(--a-bg-r);
}
.comp-img .a-brd-clr-red-l img {
  border-color:var(--a-bg-rl);
}
.comp-img .a-brd-clr-red-d img {
  border-color:var(--a-bg-rd);
}
.comp-img .a-brd-clr-green img {
  border-color:var(--a-bg-g);
}
.comp-img .a-brd-clr-green-l img {
  border-color:var(--a-bg-gl);
}
.comp-img .a-brd-clr-green-ll img {
  border-color:var(--a-bg-gll);
}
.comp-img .a-brd-clr-green-o img {
  border-color:var(--a-bg-g-o);
}
.comp-img .a-brd-clr-gray img {
  border-color: var(--a-bg-n);
}
.comp-img .a-brd-clr-gray-l img {
  border-color: var(--a-bg-nl);
}
.comp-img .a-brd-clr-gray-ll img {
  border-color: var(--a-bg-nll);
}
.comp-img .a-brd-clr-gray-lll img {
  border-color: var(--a-bg-nlll);
}
.comp-img .a-brd-clr-gray-d img {
  border-color: var(--a-bg-nd);
}
.comp-img .a-brd-clr-gray-dd img {
  border-color: var(--a-bg-ndd);
}


/* - - BORDER RADIUS - - */

/* - IMG Radius - */
.comp-img .a-border-round-3 img{
  border-radius:3px!important;
}
.comp-img .a-border-round-5 img{
  border-radius:5px!important;
}
.comp-img .a-border-round-10 img{
  border-radius:10px!important;
}
.comp-img .a-border-round-15 img{
  border-radius:15px!important;
}
.comp-img .a-border-round-20 img{
  border-radius:20px!important;
}
.comp-img .a-border-round-50 img{
  border-radius:50%!important;
}
.comp-img .a-border-round-100 img{
  border-radius:100%!important;
}


/* - TXT Radius - */
.comp-txt .a-border-round-3{
  border-radius:3px!important;
}
.comp-txt .a-border-round-5{
  border-radius:5px!important;
}
.comp-txt .a-border-round-10{
  border-radius:10px!important;
}
.comp-txt .a-border-round-15{
  border-radius:15px!important;
}
.comp-txt .a-border-round-20{
  border-radius:20px!important;
}
.comp-txt .a-border-round-50{
  border-radius:50%!important;
}
.comp-txt .a-border-round-100{
  border-radius:100%!important;
}





/*. -TEXT SHADOW - */

.a-text-shadow-1l {
  text-shadow:0 0 1px #0003;
}
.a-text-shadow-2l {
  text-shadow:0 0 2px #0003;
}
.a-text-shadow-3l {
  text-shadow:0 1px 3px #0003;
}
.a-text-shadow-5l {
  text-shadow:0 1px 5px #0003;
}
.a-text-shadow-10l {
  text-shadow:0 1px 10px #0003;
}
.a-text-shadow-20l {
  text-shadow:0 0px 20px #0003;
}
.a-text-shadow-30l {
  text-shadow:0 0px 30px #0003;
}
.a-text-shadow-50l {
  text-shadow:0 0px 50px #0003;
}

.a-text-shadow-1n {
  text-shadow:0 0 1px #0009;
}
.a-text-shadow-2n {
  text-shadow:0 0 2px #0009;
}
.a-text-shadow-3n {
  text-shadow:0 1px 3px #0009;
}
.a-text-shadow-5n {
  text-shadow:0 1px 5px #0009;
}
.a-text-shadow-10n {
  text-shadow:0 1px 10px #0009;
}
.a-text-shadow-20n {
  text-shadow:0 0px 20px #0009;
}
.a-text-shadow-30n {
  text-shadow:0 0px 30px #0009;
}
.a-text-shadow-50n {
  text-shadow:0 0px 50px #0009;
}

.a-text-shadow-1d {
  text-shadow:0 0 1px #000;
}
.a-text-shadow-2d {
  text-shadow:0 0 2px #000;
}
.a-text-shadow-3d {
  text-shadow:0 1px 3px #000;
}
.a-text-shadow-5d {
  text-shadow:0 1px 5px #000;
}
.a-text-shadow-10d {
  text-shadow:0 1px 10px #000;
}
.a-text-shadow-20d {
  text-shadow:0 0px 20px #000;
}
.a-text-shadow-30d {
  text-shadow:0 0px 30px #000;
}
.a-text-shadow-50d {
  text-shadow:0 0px 50px #000;
}





/* - BOX SHADOW - */

.a-box-shadow-1l {
  box-shadow:0 0 1px #0003;
}
.a-box-shadow-2l {
  box-shadow:0 0 2px #0003;
}
.a-box-shadow-3l {
  box-shadow:0 1px 3px #0003;
}
.a-box-shadow-5l {
  box-shadow:0 1px 5px #0003;
}
.a-box-shadow-10l {
  box-shadow:0 10px 10px -5px #0004;
}
.a-box-shadow-20l {
  box-shadow:0 20px 20px -10px #0004;
}
.a-box-shadow-30l {
  box-shadow:0 30px 30px -15px #0004;
}
.a-box-shadow-50l {
  box-shadow: 0 50px 50px -25px #0004;
}

.a-box-shadow-1n {
  box-shadow:0 0 1px #0009;
}
.a-box-shadow-2n {
  box-shadow:0 0 2px #0009;
}
.a-box-shadow-3n {
  box-shadow:0 1px 3px #0009;
}
.a-box-shadow-5n {
  box-shadow:0 1px 5px #0009;
}
.a-box-shadow-10n {
  box-shadow:0 10px 10px -5px #0009;
}
.a-box-shadow-20n {
  box-shadow:0 20px 20px -10px #0009;
}
.a-box-shadow-30n {
  box-shadow:0 30px 30px -15px #0009;
}
.a-box-shadow-50n {
  box-shadow: 0 50px 50px -25px #0009;
}

.a-box-shadow-1d {
  box-shadow:0 0 1px #000;
}
.a-box-shadow-2d {
  box-shadow:0 0 2px #000;
}
.a-box-shadow-3d {
  box-shadow:0 1px 3px #000;
}
.a-box-shadow-5d {
  box-shadow:0 1px 5px #000;
}
.a-box-shadow-10d {
  box-shadow:0 10px 10px -5px #000;
}
.a-box-shadow-20d {
  box-shadow:0 20px 20px -10px #000;
}
.a-box-shadow-30d {
  box-shadow:0 30px 30px -15px #000;
}
.a-box-shadow-50d {
  box-shadow: 0 50px 50px -25px #000;
}



/* - IMG SHADOW - */

.comp-img .a-box-shadow-3l,
.comp-img .a-box-shadow-5l,
.comp-img .a-box-shadow-10l,
.comp-img .a-box-shadow-20l,
.comp-img .a-box-shadow-30l,
.comp-img .a-box-shadow-50l{
  box-shadow:none;
}
.comp-img .a-box-shadow-3l img {
  box-shadow:1px 1px 3px #0003;
}
.comp-img .a-box-shadow-5l img {
  box-shadow:1px 1px 5px #0003;
}
.comp-img .a-box-shadow-10l img {
  box-shadow: 0px 10px 10px -5px #0004;
}
.comp-img .a-box-shadow-20l img {
  box-shadow: 0 20px 20px -10px #0004;
}
.comp-img .a-box-shadow-30l img {
  box-shadow: 0 30px 30px -15px #0004;
}
.comp-img .a-box-shadow-50l img {
  box-shadow: 0 50px 50px -25px #0004;
}

.comp-img .a-box-shadow-3n,
.comp-img .a-box-shadow-5n,
.comp-img .a-box-shadow-10n,
.comp-img .a-box-shadow-20n,
.comp-img .a-box-shadow-30n,
.comp-img .a-box-shadow-50n{
  box-shadow:none;
}
.comp-img .a-box-shadow-3n img {
  box-shadow:1px 1px 3px #0009;
}
.comp-img .a-box-shadow-5n img {
  box-shadow:1px 1px 5px #0009;
}
.comp-img .a-box-shadow-10n img {
  box-shadow: 0px 10px 10px -5px #0009;
}
.comp-img .a-box-shadow-20n img {
  box-shadow: 0 20px 20px -10px #0009;
}
.comp-img .a-box-shadow-30n img {
  box-shadow: 0 30px 30px -15px #0009;
}
.comp-img .a-box-shadow-50n img {
  box-shadow: 0 50px 50px -25px #0009;
}

.comp-img .a-box-shadow-3d,
.comp-img .a-box-shadow-5d,
.comp-img .a-box-shadow-10d,
.comp-img .a-box-shadow-20d,
.comp-img .a-box-shadow-30d,
.comp-img .a-box-shadow-50d{
  box-shadow:none;
}
.comp-img .a-box-shadow-3d img {
  box-shadow:1px 1px 3px #000;
}
.comp-img .a-box-shadow-5d img {
  box-shadow:1px 1px 5px #000;
}
.comp-img .a-box-shadow-10d img {
  box-shadow: 0px 10px 10px -5px #000;
}
.comp-img .a-box-shadow-20d img {
  box-shadow: 0 20px 20px -10px #000;
}
.comp-img .a-box-shadow-30d img {
  box-shadow: 0 30px 30px -15px #000;
}
.comp-img .a-box-shadow-50d img {
  box-shadow: 0 50px 50px -25px #000;
}



/* - - - FILTERS - - - */
/* - BLUR - */
.comp-img .a-filter-blur-1 img{
  filter:blur(1px);
}
.comp-img .a-filter-blur-2 img{
  filter:blur(2px);
}
.comp-img .a-filter-blur-3 img{
  filter:blur(3px);
}
.comp-img .a-filter-blur-4 img{
  filter:blur(4px);
}
.comp-img .a-filter-blur-5 img{
  filter:blur(5px);
}
/* - SATURATE - */
.comp-img .a-filter-saturate-1 img{
  filter:saturate(0);
}
.comp-img .a-filter-saturate-2 img{
  filter:saturate(0.2);
}
.comp-img .a-filter-saturate-3 img{
  filter:saturate(0.4);
}
.comp-img .a-filter-saturate-4 img{
  filter:saturate(0.6);
}
.comp-img .a-filter-saturate-5 img{
  filter:saturate(0.8);
}
/* - OPACITY - */
.comp-img .a-filter-opacity-1 img{
  filter:opacity(0.1);
}
.comp-img .a-filter-opacity-2 img{
  filter:opacity(0.2);
}
.comp-img .a-filter-opacity-3 img{
  filter:opacity(0.4);
}
.comp-img .a-filter-opacity-4 img{
  filter:opacity(0.6);
}
.comp-img .a-filter-opacity-5 img{
  filter:opacity(0.8);
}



.comp-img img:hover{
  filter: none !important;
  transition: all 0.5s ease-in-out;}



/* - Bootsrtap text css changes - */

.fs-1 {
    font-size: 5rem !important;
}

.fs-2 {
    font-size: 3rem !important;
}

.fs-1 {
    font-size: 5rem !important;
}

.fs-1 {
    font-size: 5rem !important;
}

.fw-bolder {
    font-weight: 900 !important;
}

.fst-oblique{
   font-style:oblique !important;
}

.lh-xlg {
   line-height:3 !important;
}

.text-justify{
  text-align:justify !important;
}

.text-justify-left{
  text-align:justify !important;
  text-align-last:left !important;
}








/* - BS Opacity - */

.opacity-10 {
  opacity: .10!important;
}

.opacity-85 {
  opacity: .85!important;
}







/* - ADMIN EDIT GENERAL - */
.user-logged-in .main-container article.full{
  position:unset;
}

.user-logged-in .dialog-off-canvas-main-canvas .navbar-container{
  margin-top:40px;
}
.user-logged-in .dialog-off-canvas-main-canvas .sticky .navbar-container{
  margin-top:0;
}




/* - ADMIN EDIT PRIMARY TABS - */
.user-logged-in .region-content .tabs {
  position: fixed;
  display: block;
  top: 30vh;
  left:0;
  max-width:100px;
  z-index: 5;
  background-color: unset;
}

.user-logged-in .region-content .tabs .nav-tabs{
  position:relative;
  left:-95%;
  background-color: #f5f5f5;
  box-shadow:0px 0px 10px #0008;
  transition: all 0.33s ease-in-out;
}

.user-logged-in .region-content .tabs:hover .nav-tabs{
  position:relative;
  left:0px;
}

.user-logged-in .region-content .tabs .nav-tabs li {
  width:100%;
  text-align:center;
  border-bottom:1px solid #ddd;
  border-right:3px solid var(--a-theme-4);
  margin:0;
}

.user-logged-in .region-content .tabs .nav-tabs li a{
  font-size:1.2rem;
  line-height:20px;
  padding:5px;
  margin:0;
}

.a-head .region-content .tabs--primary a{
  color:#555;
}

.a-head .region-content .tabs--primary li.active a,
.a-head .region-content .tabs--primary li:hover a{
  background-color:#fff;
  color:#000;
}



/* - - - ADMIN SAVE BLOCK - - - */

.user-logged-in .layout-region-node-footer__content #edit-footer:before{
  content:"i";
  position:absolute;
  top:0;
  left:-30px;
  background-color:var(--a-theme-4);
  width:30px;
  height:30px;
  line-height:30px;
  border-radius:15px 0 0 15px;
  box-shadow:0 0 10px #0003
}

.user-logged-in .layout-region-node-footer__content{
  position:fixed;
  padding: 0;
  top:100px;
  right:0;
  text-align:center;
  border:0;
  z-index: 10;
}

.user-logged-in .layout-region-node-footer__content > .form-wrapper{
  position: relative;
  border-left:3px solid var(--a-theme-4);
  right: -100px;
  transition:all 0.3s ease-in-out;
}

.user-logged-in .layout-region-node-footer__content:hover > .form-wrapper{
  right:0px;
}

.user-logged-in .layout-region-node-footer__content .form-item-status-value {
  width: 98px;
  padding:10px 0;
  border:1px solid #999;
  margin:0;
  background:#fff;
}

.user-logged-in .layout-region-node-footer__content .form-item-status-value .option{
  margin:0
}

.user-logged-in .layout-region-node-footer__content .form-item-status-value .form-checkbox {
  position: relative;
  width:20px;
  height:20px;
  top: 5px;
}

.user-logged-in .layout-region-node-footer__content .form-actions{
  margin:0;
}

.user-logged-in .layout-region-node-footer__content .form-actions > *{
  display:block;
  width: 100px;
  margin: -1px 0 0 0;
  padding:1rem;
  border:1px solid #999;
  border-radius:0;
  background-color:#070;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none !important;
  filter:saturate(0.2);
}

.user-logged-in .layout-region-node-footer__content #edit-preview{
  background-color:#24c;
}

.user-logged-in .layout-region-node-footer__content .form-actions a{
  background-color:#c00;
}

.user-logged-in .layout-region-node-footer__content .form-actions > *:hover{
  filter:none;
  background-image:none;
}








.user-logged-in.page-node-type-article #page-title-full-width-container #page-title h1.page-title span{
  margin-top:0;
}

.user-logged-in.page-node-type-article .main-container .field--name-field-kategorija-soopshtenie{
  top:340px
}

.user-logged-in.page-node-type-article .main-container .field--name-field-article-subtitle{
  top:380px  
}













/* - BACK TO TOP - */
#backtotop {
  width: 40px;
  height: 40px;
  bottom: 60px;
  border: 1px solid #999;
  border-radius: 50%;
  box-shadow: 0 0 10px #0003;
}








/* - GENERAL PAGE AND POST - */

.main-container{
  max-width:100%;
}











/* - - - FRONT PAGE - - - */
.path-frontpage .main-container > .row > .col-sm-12 {
  display:none;
}



/* - - - D24 POST LIST - - - */

.view-a-soopstenija{
  max-width:1265px;
  margin:5rem auto;
}

.page-node-type-strana-so-sekcii .view-a-soopstenija .grid__content,
.path-frontpage .view-a-soopstenija .grid__content {
  position:relative;
  border: 1px solid transparent;
  border-radius: 20px;
  box-shadow: 1px 1px 20px #0001;
  margin: 0 auto 5rem;
  width: 380px;
  height: 500px;
}

.page-node-type-strana-so-sekcii .view-a-soopstenija .grid__content img,
.path-frontpage .view-a-soopstenija .grid__content img {
  border-radius:20px 20px 0 0;
  filter: blur(0.3px) brightness(110%) contrast(120%);
  transition: all 0.3s ease-in-out;
}

.page-node-type-strana-so-sekcii .view-a-soopstenija .grid__content .media--image,
.path-frontpage .view-a-soopstenija .grid__content .media--image,
.page-node-type-strana-so-sekcii .view-a-soopstenija .grid__content img,
.path-frontpage .view-a-soopstenija .grid__content img{
  border-radius:20px 20px 0 0;
}


.view-a-soopstenija .grid__content .media--image:after {
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  box-shadow: inset 0px 0px 30px 1px #0003;
}

.page-node-type-strana-so-sekcii .view-a-soopstenija .grid__content .views-field-published-at-1,
.path-frontpage .view-a-soopstenija .grid__content .views-field-published-at-1 {
  position: absolute !important;
  top:0;
  right:0;
  font-size: 1.4rem !important;
  background-color: var(--a-theme-1) !important;
  color: #fff !important;
  padding: 5px 10px 3px 10px !important;
  border-radius:0 20px 0 20px;
  width: unset !important;
  height: unset !important;
  margin: 0 !important;
  line-height: unset !important;
}

.view-a-soopstenija .grid__content .views-field-title .field-content:before{
  display:block;
  position:absolute;
  left:0;
  content:"";
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 10px solid var(--a-theme-4);
}


.view-a-soopstenija .grid__content .views-field-title {
  display:block;
  height:55px !important;
  padding:0 !important;
  border-bottom:1px solid #ccc8;
}

.view-a-soopstenija .grid__content .views-field-title a {
  display: -webkit-box;
  padding:0.5rem 1rem;
  width:100%;
  height: 50px;
  font-size:1.8rem !important;
  font-weight: 300 !important;
  line-height:1.2 !important;
  color: #030 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.view-a-soopstenija .grid__content:hover .views-field-title a{
  color:#050;
}

.view-a-soopstenija .grid__content .views-field-title a:hover {
  text-decoration:none;
}

.view-a-soopstenija .grid__content .views-field-body .field-content {
  height: 170px !important;
  padding: 1.5rem !important;
  font-size:1.7rem;
  font-weight:300;
  line-height:1.3;
  color:#777;
  text-align:justify;
  margin-bottom:2rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.page-node-type-strana-so-sekcii .view-a-soopstenija .grid__content:hover,
.path-frontpage .view-a-soopstenija .grid__content:hover{
  border:1px solid var(--a-theme-1);
  box-shadow:0 0 5px #0002;
}

.blazy--view--a-soopstenija .views-field-field-image img{
  object-fit:cover;
}
.blazy--view--a-soopstenija .views-field-field-image {
  width:380px;
  height:250px;
  overflow: hidden;
}

.view-a-soopstenija .grid__content img {
  width:100%;
  height:250px;
  object-fit:cover;
}

.view-a-soopstenija .grid__content:hover img {
  filter: none;
  height:270px;
}

.view-a-soopstenija .grid__content:hover .views-field-body {
  color:#333;
}

.path-frontpage .grid .views-field-body .field-content{
  height: 125px;
   -webkit-line-clamp: 5;
}

.page-node-type-article .content .field--name-field-dokumenti{
    width:960px;
    max-width:100%;
    margin:0 auto;
    padding:2rem;
}

/* - Breadcrumb - */
.breadcrumb > .active {
  display:none;
}





/* - - - D24 STRANA SO SEKCII - - - */

.page-node-type-komisija .field--name-body,
.page-node-type-urbani-zaednici .field--name-body,
.page-node-type-strana-so-sekcii .field--name-body,
.page-node-type-strana-so-sekcii .field--name-field-body2{
  width:960px;
  max-width:100%;
  margin:5rem auto;
  text-align:justify;
  font-family:"Roboto", Arial, sans-serif;
  font-size:1.8rem;
  font-weight:300;
  color:#555;
}

.page-node-type-komisija .field--name-body a,
.page-node-type-urbani-zaednici .field--name-body a,
.page-node-type-strana-so-sekcii .field--name-body a,
.page-node-type-strana-so-sekcii .field--name-field-body2 a{
  color:var(--a-theme-3);
}

.page-node-type-komisija .field--name-body a:hover,
.page-node-type-urbani-zaednici .field--name-body a:hover,
.page-node-type-strana-so-sekcii .field--name-body a:hover,
.page-node-type-strana-so-sekcii .field--name-field-body2 a:hover{
  color:#000;
}

.page-node-type-komisija .content .field--name-body p+h3{
  margin-top:3rem;
  margin-bottom:1rem;
  font-size:2.5rem;
}

.a-hotlink{
  display:block;
  padding:100px 0;
  margin-top:-100px;
}
.a-tema{
  padding:50px 20px;
  border:1px solid #ccc;
  border-radius:10px;
}


/* - Lead text - */
.content .field--name-field-article-lead-text{
  font-size:2rem;
  font-weight:600;
  line-height:1.3;
  text-align:center;
  width:960px;
  max-width:100%;
  margin:50px auto;
}

/* - Header H3 - */

.page-node-type-komisija .content .field--name-body h3,
.page-node-type-strana-so-sekcii .content .field--name-body h3,
.page-node-type-strana-so-sekcii .content .field--name-field-body2 h3{
  color: #600;
  font-weight:400;
}

.page-node-type-komisija .content .field--name-body p+h3,
.page-node-type-strana-so-sekcii .content .field--name-body p+h3,
.page-node-type-strana-so-sekcii .content .field--name-field-body2 p+h3{
	margin-top:5rem;
	margin-bottom:2rem;
}

/*
.page-node-type-strana-so-sekcii .content .field--name-field-body2 h3{
  position:relative;
  display:block;
  width:fit-content;
  font-family: var(--a-heme-1);
  font-size:3rem;
  font-weight:400;
  color: var(--a-theme-3);
  text-shadow:1px 1px 0 #0005;
  padding:0 1rem;
  background-color:#fff;
  box-shadow:1px 1px 5px #0003
}
*/

.page-node-type-strana-so-sekcii .content .field--name-body h3::first-letter,
.page-node-type-strana-so-sekcii .content .field--name-field-body2 h3::first-letter {
  color: #000;
  font-size:1.5em;
  border-left:5px solid var(--a-theme-4);
  padding-left:1rem;
}



/* - LI Links - */
.page-node-type-strana-so-sekcii .field--name-field-body2 li{
  position: relative;
  display: inline-block;
  padding-left:30px;
  line-height:30px;
  width:100%;
  overflow: hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s ease-in-out;
}
.page-node-type-strana-so-sekcii .field--name-field-body2 li:before{
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  content: "\f054";
  font-size: 1rem;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  text-align: center;
  top: 50%;
  left: 0px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
  z-index: 1;
  background: var(--a-theme-1);
  color: #fff;
  border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%; 
}
.page-node-type-strana-so-sekcii .field--name-field-body2 li a{
  color: var(--a-theme-2);
  text-decoration:none !important;
}
.page-node-type-strana-so-sekcii .field--name-field-body2 li:hover a{
  color: #000 !important;
}
.page-node-type-strana-so-sekcii .field--name-field-body2 li:hover a{
  padding-left:5px;
  text-decoration:none !important;
  color: var(--a-theme-3);
  transition: all 0.3s ease-in-out;
}
.page-node-type-strana-so-sekcii .field--name-field-body2 li:hover::before{
  content: "\f324";
}










/* - - - - - ALFA COMPONENT IMAGE - - - - - */

.a-c-img,
.a-c-img img{
  max-width:100%;
  object-fit:cover;
}

.a-img-rounded img {
  border-radius:10px;
}

.a-img-circle {
  position: relative;
  padding-right: 0;
}

.a-img-circle::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.a-img-circle img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius:50%;
}

.a-img-polaroid img {
  width:30vw;
  height:30vw;
  max-width: 450px;
  max-height: 450px;
  object-fit: cover;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 30px #0005;
  padding: 10px 10px 50px 10px;
  background-color: #f8f8f8;
  transform: rotate(-20deg);
}

.a-img-polaroid2 img {
  border:1px solid #ccc;
  border-radius:3px;
  padding:3%;
  box-shadow:0px 0px 5px rgba(0,0,0,0.25);
}

.a-img-thumbnail img{
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
























/* - - - - - ALFA COMPONENT TEXT - - - - - */
.field--name-field-comp-txt-hdr,
.field--name-field-comp-txt-body h3{
  font-size:2rem;
  font-weight:600;
  color:#000;
}

















.page-node-type-strana-so-sekcii .field--name-field-dokumenti{
  width:960px;
  max-width:100%;
  margin:1rem auto;  
}
















/* - - - - - HEADERS AND MENUS - - - - - */




/* - - - TOP BAR - SECONDARY HEADER - - - */

#secondary-header {
  padding-top: 0;
  padding-bottom: 0;
  line-height: unset;
  background-color: #030;
  backdrop-filter: blur(5px);
  color: #eee;
  height: 30px;
  border-radius: 0 0 30px 30px;
  z-index: 4;
}

#secondary-header a {
  color: #eee !important;
}

#secondary-header a:hover,
#secondary-header a:focus {
  color: #fff !important;
  text-decoration:underline;
}

#secondary-header .region-secondary-header section{
  display:inline-block;
  max-width:50%;
}




/* - CONTACTS - */
#block-aheadercontactsmk {
    position: relative;
    color: #fff !important;
}

#block-aheadercontactsmk > div {
    display: inline-block;
    padding: 0 0 0 15px;
}

#block-aheadercontactsmk a {
    display: block;
    line-height: 1;
    height: 30px;
    font-size: 1.22rem;
    font-weight: 300;
    color: #fff !important;
    text-decoration: none !important;
    padding-top: 8px !important;
}

#block-aheadercontactsmk a:hover {
    background: #fff3;
}

#block-aheadercontactsmk a:before {
    display: inline-block;
    position: relative;
    top: 0px;
    left: -2px;
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    color: #fff;
}

#block-aheadercontactsmk .field--name-field-hd-top-cnt-tel a:before {
    content: "\f095";
}

#block-aheadercontactsmk .field--name-field-hd-top-cnt-eml a:before {
    content: "\f0e0";
}

#block-aheadercontactsmk .field--name-field-hd-top-cnt-adr a:before {
    content: "\f041";
}



/* - LANG - */
#secondary-header .block-language {
  float:right;
  clear: left;
}

#secondary-header .block-language .menu{
  list-style: none;
  list-style-image: none;
  margin:0;
  padding:0;
  padding-right: 15px;
}

#secondary-header .block-language .menu li {
  display:inline-block;
  list-style: none;
  list-style-image: none;
  padding: 0;
  float: none;
}

#secondary-header .block-language .menu li a {
  color:#fff !important;
  font-size: 1.5rem;
  font-weight:400;
  padding:0px 3px;
  margin-top:2px;
  border-left: 1px solid #fff;
  display:block;
  height:26px;
  line-height:26px;
  width: 44px;
  text-align: center;
  text-decoration: none !important;
}

#secondary-header .block-language .menu li a:hover {
  background:#fff;
  color:var(--a-theme-1) !important;
  transition: all 0.3s ease-in-out;
}

#secondary-header .block-language .menu li:nth-child(3) a{
  font-size:0;
  display:none;
}

#secondary-header .block-language .menu li:nth-child(3) a:before{
  content:"EN";
  font-size:1.5rem;
}
















/* - - -  HEADER - MENU - - - */

#secondary-header {
  position:relative;
}

.navbar{
  width: 100%;
  height: 130px;
  position: absolute;
  top: 0 !important;
  padding-top: 30px;
  z-index: 3;
  background-color: unset !important;
  border: none;
  background: linear-gradient(180deg,#000a 0%,#0005 50%,#0000 100%);
}

#navbar.affix{
  back-ground-color:#eee8;
  backdrop-filter:blur(10px);
  height: 100px;
  padding-top: 0;
}

.dialog-off-canvas-main-canvas #navbar.affix + .wrap-containers{
  margin-top: 0px !important;
}

#navbar .navbar-nav > li > a {
  font-family: var(--a-ffm1),sans-serif;
  color: #fff !important;
  text-transform: uppercase;
  padding: 25px 10px !important;
  font-size: 1.7rem !important;
  line-height: 1 !important;
  font-weight: 300;
  text-shadow: 1px 1px 0px #0008;
}

#navbar .navbar-nav > li > a:hover,
#navbar .navbar-nav > li > a:focus{
  color: #030 !important;
  text-shadow: 0 0 1px #fff3;
  transition:all 0.3s ease-in-out;
}

#navbar .navbar-nav .dropdown-menu a{
  color:#555;
}

#navbar .navbar-nav .dropdown-menu a:hover,
#navbar .navbar-nav .dropdown-menu a:focus{
  background-color: #f8f8f8;
  color:#030 !important;
}

#navbar .navbar-header .wrap-branding{
  width: 220px;
}

#navbar .navbar-header .wrap-branding .logo{
  display: inline-block;
  margin: 0px auto;
  padding-top: 2px;
}


#navbar .navbar-header #logo {
  height: 70px;
  max-height: unset;
  width: auto;
  margin: 0;
}

#navbar.sticky .navbar-header .wrap-branding .logo{
  line-height:100px;
}

.dxpr-theme-header .navbar-header .navbar-brand {
  display: inline-block !important;
  font-size: 1.8rem;
  font-weight:400;
  color:#fff;
  line-height:1;
  height: 70px;
  letter-spacing: unset;
  width: 150px;
  padding: 25px 0 !important;
  margin: 0px !important;
  text-decoration: none !important;
  text-shadow: 1px 1px 0px #000;
}

.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .navbar-brand{
  font-size: 1.8rem;
}

.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .wrap-branding .logo,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .wrap-branding .navbar-brand {
  padding-right: 15px;
}

.dialog-off-canvas-main-canvas > div {
  position:relative;
}

.wrap-containers{
  top:-30px;
}

.dialog-off-canvas-main-canvas > div > .wrap-containers{
  position: relative;
  width:100%;
  min-height: 100vh;
}



.path-node .dialog-off-canvas-main-canvas > div > .wrap-containers > .main-container{
  position:absolute;
}

.body--dxpr-theme-header-side .dxpr-theme-header--side.dxpr-theme-header--hover-border .menu a::before,
.dxpr-theme-header--top.dxpr-theme-header--hover-border .nav > li > a::before {
  background-color: var(--a-theme-1);
}

.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav .dropdown-menu li>a.dxpr-theme-megamenu__heading,
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav .dropdown-menu li>span.dxpr-theme-megamenu__heading{
  text-transform:uppercase;
  text-align:center;
  padding:1rem;
  font-size:2rem;
  font-weight:500;
  color:var(--a-theme-1) !important;
  border-bottom:1px solid var(--a-theme-2);
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav .dropdown-menu li>a,
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav .dropdown-menu li>span{
  display:block;
  font-size:1.5rem;
  font-weight:300;
  text-transform:none;
  color:#555;
  height:50px;
  vertical-align:middle;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
  max-width:100%;
  max-height:50px;
  padding:5px;
}

#block-abrzilinkovi .a-topbar-menu-links {
  min-height:500px;
  padding-top: 100px;
}


.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav .dropdown-menu > li > .dxpr-theme-megamenu > li > .dxpr-theme-megamenu > li a{
  font-size:1.4rem;
  color:#777;
  padding-left:2rem !important;
  height:30px
}


.menu.navbar-nav > .dropdown.expanded:nth-child(3) > .dropdown-menu > .dropdown{
  width:350px !important
}

























































/* - - - - - - - - - - FRONT PAGE SECTIONS - - - - - - - - - - */



















/* - - - SECTION TOPBAR MENU LINKS WITH ICON - - - */

.a-topbar-links {
  text-align:center;
  background-attachment: fixed !important;
  box-shadow: inset 0px 0px 50px 1px #0003;
}

.a-topbar-menu-links>.field__item {
  width:20%;
  display:inline-block;
  margin:1rem;
  max-width: 300px;
}

.a-topbar-menu-links .a-sec-menu-block {
  border:1px solid #999;
  border-bottom:3px solid var(--a-label-border);
  padding:20px;
  margin:50px 10px;
  box-shadow:0px 0px 10px rgba(0,0,0,.25);
  backdrop-filter: blur(15px);
}

.a-topbar-menu-links .a-sec-menu-block:hover {
  transform: translateY(-5px);
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}

.a-topbar-menu-links h2 {
  display:none;
}


/* - TOPBAR MENU TITLE - */
.field--name-field-sec-menu-block-title {
  text-transform:uppercase;
  color: var(--a-theme-1);
  font-size:2rem;
  padding:5px;
  margin-bottom:10px;
}

.field--name-field-sec-menu-block-title:after {
  content:"";
  width:150px;
  display:block;
  border-bottom: 3px dotted #ccc;
  margin:5px auto 0;
}



/* - TOPBAR MENU ICON - */

.a-sec-menu-block svg{
  width:50px;
}

.a-sec-menu-block .field--name-field-sec-link-ico {
  text-align:center;
  margin:0 auto;
  width:50px !important;
  height:50px !important;
  font-size:25px !important;
  margin-top: -45px;
  box-shadow:0 0 5px rgba(0,0,0,.5);
  padding-top:5px;
}

.a-sec-menu-block .fontawesome-icon svg {
  padding:15px 5px 0px !important;
}

.a-sec-menu-block .field--name-field-sec-link-ico{
  border:5px solid #fff;
  border-radius: 5px;}

.sekcija-meni-blok-so-ikona [class*="a-bg-trans-w"] .field--name-field-sec-link-ico{
  border:5px solid #eee;
}

.sekcija-meni-blok-so-ikona [class*="a-bg-trans-b"] .field--name-field-sec-link-ico{
  border:5px solid #eee;
}

.a-icon-brd-round {
  border-radius: 50% !important;
}

.a-sec-menu-block:hover .field--name-field-sec-link-ico {
  transition: all 0.5s ease-in-out;
  transform: rotate(15deg);
}


/* - TOPBAR MENU LINKS - */

.a-topbar-menu-links .a-sec-menu-block a{
  display:block;
  color:#555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom:1px dashed #ccc;
}

.a-topbar-menu-links .a-sec-menu-block li:hover a{
  color: #050;
  background-color:#7771;
  text-decoration:none;
}





/* - Home Icon - */

#navbar .navbar-nav > li:first-child {
  display: block;
  background:url(/sites/default/files/alfa/img/design/home30.png) no-repeat top center /cover;
  width: 20px;
  margin-top: 20px;
  height: 20px;
}

#navbar.sticky .navbar-nav > li:first-child {
  margin-top:25px;
}

#navbar .navbar-nav > li:first-child > a {
  font-size:0 !important;
  width: 30px;
  height: 30px;
  padding: 0 !important;
}



















/* - - - FRONT SLIDER 3 - - - */

.block-views-blocka-slider-block-2 {
  position:relative;
  width:100%;
  height:540px;
  background-color: var(--a-theme-4);
  background: url(/sites/default/files/alfa/img/pateka/pateki.jpg) no-repeat top center;
  background-attachment: fixed;
  background-size: cover;
}

.block-views-blocka-slider-block-2:before {
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 540px;
  background-color: #000a;
  z-index:10000000000;
    
}

.block-views-blocka-slider-block-2 .form-group{
  max-width:1265px;
  margin:0 auto;
}

.block-views-blocka-slider-block-2 .grid{
  position:relative;
  padding:0;
  border-right:1px solid var(--a-theme-4);
}

.block-views-blocka-slider-block-2 .grid,
.block-views-blocka-slider-block-2 .grid .media--ratio .media__element,
.block-views-blocka-slider-block-2 .grid .slide__caption,
.block-views-blocka-slider-block-2 .grid:hover .slide__caption a {
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
  
.block-views-blocka-slider-block-2 .grid .media,
.block-views-blocka-slider-block-2 .grid .media--ratio .media__element {
  height: 540px;
  padding:0 !important;
}

.block-views-blocka-slider-block-2 .grid .slide__caption {
  position:absolute;
  display:table;
  top:0;
  height:540px;
  padding:0;
  margin:0;
  width:100%;
  text-align:center;
  background-color:#0008;
}

.block-views-blocka-slider-block-2 .grid .slide__caption a{
  display:table-cell;
  width:100%;
  font-size:3rem;
  line-height:1.3;
  font-weight:bold;
  text-transform:uppercase;
  color:#ddd;
  visibility:hidden;
  text-shadow:1px 1px 3px #000;
  height:540px;
  text-decoration:none;
  vertical-align:middle;
}

.block-views-blocka-slider-block-2 .grid:hover .slide__caption {
  background-color:transparent;
}

.block-views-blocka-slider-block-2 .grid:hover .slide__caption a{
  text-decoration:none;
  color:#fff;
  visibility:visible;
}

.slick--view--a-slider--block-2 .slick__arrow {
  display:none;
}












/* - FRONT SLIDER ALARM - */
.block-views-blocka-slider-block-3 {
  text-align:center;
  background-color:#ef404a;
  color:#fff;
  border-bottom:1px solid #000;
  position:relative;
}

.block-views-blocka-slider-block-3:after {
    content: "";
    position: absolute;
    top: 25px;
    left: 10px;
    display: block;
    width: 100px;
    height: 90px;
    background: url(/sites/default/files/alfa/img/design/alarm_0_0.png) top center no-repeat;
    background-size: cover;
    z-index: 1;
    opacity: 0.33;
 
}

.block-views-blocka-slider-block-3 h2.block-title {
  color: #fff;
  font-weight: 600;
  font-size: 2rem;
  padding-top: 1rem;
  margin: 0;
}

.block-views-blocka-slider-block-3 .slide__caption a {
  color:#fff;
  margin-right:20px;
  text-transform:uppercase;
}

.block-views-blocka-slider-block-3 .views-field-published-at {
  color:#ff0;
  font-weight:normal;
}



/* - FRONT STRIPE LINKS - */

.block-views-block0-front-link-stripes-block-1{
  margin-bottom: 100px
}

.a-front-link-stripes{
  width:1260px;
  max-width:100%;
  margin:0 auto;
  text-align:center;
}
.a-front-link-stripes .views-row {
  position:relative;
  width:200px;
  height:500px;
  float:left;
  margin:5px;
  box-shadow:0 0 5px #0005
}

.a-front-link-stripes .views-row img{
  width:200px;
  height:500px;
  object-fit:cover;
}

.a-front-link-stripes .views-field-field-front-stripe-link .field-content {
  position:absolute;
  display:table;
  top:0;
  left:0;
  right:0;
  width:200px;
  height:500px;
  vertical-align:middle;
  z-index:1;
  background-color:#0003;
  backdrop-filter:blur(5px);
}

.a-front-link-stripes .views-field-field-front-stripe-link a {
  display:table-cell;
  vertical-align:middle;
  font-family:"Manrope", "Roboto", sans-serif;
  font-size:3rem;
  font-weight:600;
  text-transform:uppercase;
  text-decoration:none;
  color:#ccc;
  text-shadow:0 0 3px #000;
  transition:all 0.3s ease-in-out;
}

.a-front-link-stripes .views-row:hover .views-field-field-front-stripe-link .field-content {
  background-color: unset;
  backdrop-filter: unset;
  transition:all 0.3s ease-in-out;
}
.a-front-link-stripes .views-row:hover .views-field-field-front-stripe-link a {
  text-decoration:none;
  color:#fff;
}







/* - FRONT CTA PERSON - */

#block-aobrazovanie .left .a-gr-person .field--name-field-sec-cta-person-name {
    left: 150px;
    right: unset;
    background: #0005;
    backdrop-filter: blur(20px);
    padding: 10px 20px;
    border: 1px solid #333;
    border-radius: 3px;
    box-shadow: 0 0 20px #0005;
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    bottom: 0;
}

#block-aobrazovanie {
    margin-top: -100px;
    height: 440px;
}

#block-aobrazovanie .a-sec-bg,#block-aobrazovanie .a-sec-bg-clr-transp {
    height: 300px;
    padding: 0;
}

#block-aobrazovanie .a-sec-bg {
    top: 100px;
    margin: 0rem auto;
}

#block-aobrazovanie .a-gr-person {
    top: -100px;
    position: relative;
    margin:0;
}

#block-aobrazovanie .a-gr-person img {
    height: 400px;
    width:auto;
    position: relative;
}

#block-aobrazovanie .field--name-field-a-cta-person{
  font-size:2rem;
}

.a-sec-bg {
    width: 100%;
    position: relative;
    top: 20rem;
    height: 300px;
    background-size: cover !important;
    margin: 0rem auto 20rem;
}

.a-gr-person .field--name-field-sec-cta-person-name {
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 30px;
    background: #fffa;
    padding: 5px;
    border-radius: 10px
}

.a-gr-hdr-btn {
    margin-top: 100px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 5rem;
    font-weight: 500;
}

.a-gr-btns .field__item {
    display: inline-block;
    width: 40%;
}

.a-gr-btns .field--type-link a {
  display: block;
  width: 200px;
  font-size:2rem;
  color: #fff;
  text-decoration:none;
  border:1px solid #fff;
  border-radius: 5px;
  padding: 10px;
}

.a-gr-btns .field--type-link a:hover {
  background-color:#fff3;
  text-decoration:none;
}

#block-aobrazovanie .col-md-6.a-gr-hdr-btn {
    margin-top: 75px;
}

.a-cta-person-fields{
  max-width:1265px;
  margin:0 auto;
}






/* - FRONT BLOCK LINKS - */

#block-fronttransparentnost {
  width:100%;
  height:100px;
  margin:-40px 0 50px;
  padding:0;
}

#block-fronttransparentnost .a-topbar-blocks.container-fluid{
  max-width:1265px;
  margin:0 auto;
  text-align:center;
}

#block-fronttransparentnost .a-topbar-block > .field__item {
  width:200px;
  height:100px;
  float:left;
  margin:0 2px;
  background-color:#fff;
  border:1px solid #999;
  box-shadow:0 0 3px #0003 
}

#block-fronttransparentnost .a-topbar-block > .field__item h2{
  display:none;
}

#block-fronttransparentnost .sec-html-ico-btn,
#block-fronttransparentnost .sec-html-ico-btn .content,
#block-fronttransparentnost .sec-html-ico-btn .content > div{
  height:98px
}
#block-fronttransparentnost .sec-html-ico-btn .content > div{
  width:100%;
  display:block;
  text-align:center;
  position:relative;
}

#block-fronttransparentnost .sec-html-ico-btn .field--name-field-sekcija-blok-ikona{
  width:100%;
  height:50px;
  padding-top:10px;
  font-size:3rem;
  color:#050;
}

#block-fronttransparentnost .sec-html-ico-btn .field--name-body a{
  display:block;
  position:absolute;
  width:100%;
  height:100px;
  top:0;
  font-size:2rem;
  line-height:1.3;
  text-transform:uppercase;
  text-decoration:none;
  color:#777;
  padding-top:60px;
}

#block-fronttransparentnost .a-topbar-block > .field__item:hover{
  background-color:#f5f5f5;
  border-color:#050;
}

#block-fronttransparentnost .a-topbar-block > .field__item:hover .field--name-body a{
  color:#050;
  text-decoration:none;
}







/* - FRONT CTA LINE - */

.a-cta-line {
    position: relative;
}

.a-cta-line .container {
    display: table;
}

.a-cta-line .a-cta-line-txt,.a-cta-line .a-cta-line-btn {
    display: block;
}

.a-cta-line .a-cta-line-txt {
    font-weight: 600;
    text-transform: uppercase;
}

.a-cta-line .a-cta-line-btn {
    text-align: right;
}

.a-cta-line .a-cta-line-btn a {
    background-color: #fff;
    padding: 15px;
    font-size: 2rem;
    text-transform: uppercase;
    color: var(--a-theme-1);
    box-shadow: 0 0 10px #0008;
}

.a-cta-line .a-cta-line-btn a:hover {
    background-color: #eee;
    color: #050;
    text-decoration: none;
}

#block-turizammk {
    width: 100%;
}

.a-cta-line.a-bg-trans-b::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0008;
    z-index: 0;
}

.a-cta-line .container {
    display: block;
    width: 100%;
    max-width: 1265px;
    /* z-index: 0; */
    position: relative;
}

.a-cta-line .row {
    display: table;
    width: 100%;
}

.a-cta-line > .container > .row > div {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.a-cta-line-hdr {
    margin-top: 0;
    font-size: 3rem;
    font-weight: normal;
    padding: 1rem;
    border-left: 2px solid var(--a-theme-4);
    margin-bottom: 2rem;
    text-transform: uppercase;
    text-align: left;
}

.a-cta-line .a-cta-line-txt {
    width: 60%;
    font-family: "Roboto",sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    text-transform: unset;
}

.a-cta-line .a-cta-line-btn {
    height: unset;
    width: 100%;
}

.a-cta-line .a-cta-line-btn a {
    padding: 15px;
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: transparent;
    font-size: 2rem;
    text-transform: uppercase;
    text-decoration:none;
    color: #fff;
    box-shadow: 0 0 10px #0008;
    width: 200px;
}

.a-cta-line .a-cta-line-btn a:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f164";
    margin-right: 5px;

}

.a-cta-line-btn .field__item {
  display: inline-block;
  width:49%;
}

.a-cta-line .col-md-10 {
  width:67%;
}

.a-cta-line .col-md-2 {
  width:33%;
}

.a-cta-line .a-cta-line-btn.col-md-2{
  width:100%;
}

.a-cta-line .a-cta-line-btn .field__item:nth-child(2) a:before {
  content: "\e2dc";
}









/* - A FRONT CAROUSEL - */

.slick--view--a-view-carousel{
  height:300px;
  background-color:#eee;
  padding-top:65px;
  margin:50px 0
}

.slick--view--a-view-carousel .slick-list{
  max-width:1265px;
  margin:0 auto;
}

.slick--view--a-view-carousel .slick__slide{
  text-align: center;
  position:relative;
}

.slick--view--a-view-carousel .slick__slide .views-field-field-comp-imglink-img{
  display:block;
  width:300px;
  height:170px;
}

.slick--view--a-view-carousel .slick__slide .views-field-field-comp-imglink-img img{
  box-shadow:0 0 5px #0005;
}

.slick--view--a-view-carousel .slick__slide .views-field-field-comp-imglink-link {
  display:table;
  background-color:#0005;
  position:absolute;
  top:0;
  width:300px;
  height:170px;
  left: 0;
  right: 0;
  text-align: center;
}

.slick--view--a-view-carousel .slick__slide .views-field-field-comp-imglink-link a{
  display:table-cell;
  width:300px;
  height:170px;
  text-align:center;
  vertical-align:middle;
  font-size:2rem;
  font-weight:400;
  color:#fff !important;
  text-shadow:1px 1px #0005;
  padding:1rem;
  text-decoration:none;
}


.slick--view--a-view-carousel .slick__slide .views-field-field-comp-imglink-link{
  background-color: transparent !important;
}

.slick--view--a-view-carousel .slick__slide .views-field-field-comp-imglink-link a{
  color:transparent !important;
  font-size:0;
  transition:all 0.3s ease-in-out;
}

.slick--view--a-view-carousel .slick__slide:hover .views-field-field-comp-imglink-link a{
  background-color:#0008;
  color:#fff !important;
  font-size:2rem;
}











































/* - - - FOOTER - - - */

footer.container-fluid {
  padding:0;
}

footer.dxpr-theme-footer .footer-container{
  background: var(--a-theme-1) url("/sites/default/files/alfa/img/proekt-ulica-leninova.jpg") no-repeat center center /cover; 
  padding:0;
  margin:0;
}

footer.dxpr-theme-footer .footer-container .region-footer {
  display:block;
  width:100%;
  text-align:center;
  background-color:#700d
}

.a-footer.a-bg-theme-1 {
  background-color:transparent !important;
}

.a-footer {
  width:100%;
  height:300px;
  background:#9001;
  padding: 20px calc((100vw - 1320px)/2);
  border-top: 1px solid #900;
  max-height:100%;
  color:#fff;
}


.a-footer .a-footer-vertical-first,
.a-footer-menu .field__item{
  display:inline-block;
  float:left;
  width:25%;
  border-right:1px solid #0002;
  padding:5px 15px;
}

.a-footer a{
  color:#ccc;
  display:block;
  line-height:1.3;
  text-decoration:none;
}

.a-footer a:hover {
  background-color:transparent;
  color:#ff0 !important;
}
.a-footer .nav > li > a {
  padding: 5px;
}
.a-footer .nav > li > a:hover {
  background-color:transparent;
  color:#ff0
}

.a-footer .nav > li > a:before{
  display:none;
}


.a-footer-vertical-first {
  display:block;
  text-align:left;
  padding-left:3% !important;
}

.field--name-field-footer-logo {
  width: 100%;
  display:block;
}

.field--name-field-footer-naziv {
  font-size: 1.7rem;
  display: block;
  width: 100%;
  line-height: 1.3;
  margin-bottom:10px
}

.field--name-field-footer-adresa{
  font-size: 1.3rem;
  display: block;
}

.field--name-field-footer-telefon a{
  font-size: 1.5rem;
  display: block;
  color:#fff;
  font-weight:400;
}

.field--name-field-footer-email a{
  font-size: 1.5rem;
  display: block;
  color:#fff;
}

footer.dxpr-theme-footer {
  background-color: unset;
  color: unset;
  border-color: unset;
  padding: unset;   
}

footer .region-footer{
  padding:0;
  position: relative;
}



/* - - - COPYRIGHT - - - */

#block-footercopyright-2,
#block-socijalniikoni-3{
  position: absolute;
  clear: both;
  float: none;
}

#block-footercopyright-2 {
  left: 0;
  top:260px;
  width: 100%;
  height: 40px;
}

.a-footer-copyright {
  text-align:left;
  padding-left:calc((100vw - 1320px)/2);
  background-color:#0008;
  width:100%;
}

.a-footer-copyright .field--name-field-footer-logo,
.field--name-field-copyright-txt{
  display:  inline-block;
  line-height: 40px;
  width:  auto;
  vertical-align:  middle;
}
.a-footer-copyright img {
  height:20px;
  width:auto;
  margin-bottom:0px;
} 
.field--name-field-copyright-txt{
  color: var(--a-t-trw);
  font-size:1.5rem;
  padding: 0px 0px 0px 10px;
  margin-bottom:0px;
}

#block-socijalniikoni-3{
  text-align:right;
  right:0;
  bottom:2px;
  padding-right:calc((100vw - 1320px)/2);
}

#block-footercopyright-2,
#block-socijalniikoni-3 {
  display:inline-block;
}

#block-socijalniikoni-3 .a-social-icons .field__item {
  text-align: center;
  display:inline-block;
  margin: 5px 10px;
  padding-top: 6px;
  padding-left:1px;
  width: 35px;
  height: 35px;
  border: 1px solid var(--bs-secondary);
  border-radius: 50%;
}

#block-socijalniikoni-3 .fa-x-twitter{
  color:#fff !important;
}

#block-socijalniikoni-3 .fa-x-twitter:before {
    content: "\f099";
}










#backtotop {
  background-size:cover;
  width: 30px;
  height:30px;
}



.a-footer-menu {
    padding-top: 40px;
}














/* ------------------------------------- TEST BLOB -----------------------------------*/

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.path-frontpage .sekcija-slika-tekst > h2 {
  display:none;
}

/* -COMPONENT TEXT - */
.comp-txt h2 {
  display:none;
}

.sekcija-slika-tekst .row.form-group {
  margin: 3rem auto;
  max-width: unset;
}


/* - - - SECTION IMG OPTIONS - - - */
.strana-so-sekcii .col-md-12>div {
  text-align:center;
}

.strana-so-sekcii .pull-right.col-md-12>div {
  text-align:right;
}

.strana-so-sekcii .pull-left.col-md-12>div {
  text-align:left;
}

.a-img-blob1 img{
  position:relative;
  -webkit-mask-image: url(/sites/default/files/alfa/img/design/blob-1_0_0.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  z-index:1;
}
.a-img-blob1:before {
  position: absolute;
  width:100%;
  height:540px;
  top:5%;
  -webkit-mask-image: url(/sites/default/files/alfa/img/design/blob-1_0_0.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  transform: rotate(-15deg) translateX(-1%) translateY(-10%) scale(1.05) scaleX(-1) scaleY(-1);
}
.pull-right .a-img-blob1:before {
  transform: rotate(15deg) translateX(-1%) translateY(-10%) scale(1.05) scaleX(-1) scaleY(-1);
}
  
.a-img-blob2 img{
  position:relative;
  -webkit-mask-image: url(/sites/default/files/alfa/img/design/blob-2_0_0.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  z-index:1;
}
.a-img-blob2:before {
  position: absolute;
  width:100%;
  height:500px;
  -webkit-mask-image: url(/sites/default/files/alfa/img/design/blob-2_0_0.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  transform: rotate(-15deg) translateX(-1%) translateY(-10%) scale(1.05) scaleX(-1) scaleY(-1);
}
.pull-right .a-img-blob2:before {
  transform: rotate(15deg) translateX(-1%) translateY(-10%) scale(1.05) scaleX(-1) scaleY(-1);
}


.a-img-blob3 img{
  position:relative;
  -webkit-mask-image: url(/sites/default/files/alfa/img/design/blob-3_0_0.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  z-index:1;
}
.a-img-blob3:before {
  position: absolute;
  width:100%;
  height:500px;
  -webkit-mask-image: url(/sites/default/files/alfa/img/design/blob-3_0_0.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  transform: rotate(-15deg) translateX(-1%) translateY(-10%) scale(1.05) scaleX(-1) scaleY(-1);
}
.pull-right .a-img-blob3:before {
  transform: rotate(15deg) translateX(-1%) translateY(-10%) scale(1.05) scaleX(-1) scaleY(-1);
}


.a-blob-bg-gray-light:before {
  content:url(/sites/default/files/alfa/img/design/box-gray-light_0_0.png);
}
.a-blob-bg-gray-normal:before {
  content:url(/sites/default/files/alfa/img/design/box-gray-normal_0_0.png);
}
.a-blob-bg-gray-dark:before {
  content:url(/sites/default/files/alfa/img/design/box-gray-dark_0_0.png);
}
.a-blob-bg-black:before {
  content:url(/sites/default/files/alfa/img/design/box-black_0_0.png);
}
.a-blob-bg-yellow:before {
  content:url(/sites/default/files/alfa/img/design/box-yellow_0_0.png);
}
.a-blob-bg-orange:before {
  content:url(/sites/default/files/alfa/img/design/box-orange_0_0.png);
}
.a-blob-bg-theme-1:before {
  content:url(/sites/default/files/alfa/img/design/box-green-theme-1_0_0.png);
}
.a-blob-bg-theme-2:before {
  content:url(/sites/default/files/alfa/img/design/box-green-theme-2_0_0.png);
}
.a-blob-bg-theme-3:before {
  content:url(/sites/default/files/alfa/img/design/box-green-theme-3_0_0.png);
}
.a-blob-bg-theme-4:before {
  content:url(/sites/default/files/alfa/img/design/box-green-theme-4_0_0.png);
}



/* - SECTION PICTURE - */
.field--name-field-sekcija article h2,
.field--name-field-sekcija-slika-tekst article h2 {
  display:none;
}


.block-views-blocka-similar-terms-article-block-1 > h2,
.full .field--name-field-strana-video .field--label,
.full .field--name-field-dokumenti .field--label,
.a-post-gallery h3,
.page-node-type-organizacija .field--name-field-sec-hdr-title,
.page-node-type-strana-so-sekcii .field--name-field-sec-hdr-title,
.page-node-type-ciklus-studii .field--name-field-sec-hdr-title,
.field--name-field-strana-galerija .field--label,
.field--name-field-planirani-nabavki-na-esjn .field--label{
  display:block;
  font-size:2rem;
  font-weight: 400;
  line-height:2rem;
  text-decoration:none;
  color: var(--a-field-label) !important;
  pointer-events: none;
  text-decoration: none;
  clear:both;
  padding-top:5%;
  margin:0 auto;
  text-align:center;
  text-transform:uppercase;
}


.block-views-blocka-similar-terms-article-block-1 > h2:after,
.full .field--name-field-strana-video .field--label:after,
.full .field--name-field-dokumenti .field--label:after,
.a-post-gallery h3:after,
.page-node-type-organizacija .field--name-field-sec-hdr-title:after,
.page-node-type-strana-so-sekcii .field--name-field-sec-hdr-title:after,
.page-node-type-ciklus-studii .field--name-field-sec-hdr-title:after,
.field--name-field-strana-galerija .field--label:after,
.field--name-field-planirani-nabavki-na-esjn .field--label:after{
  top: 10px;
  position: relative;
  display: block;
  content: "";
  width: 100px;
  margin: 0 auto 30px;
  border-bottom: 10px dotted var(--a-label-border);
}

.a-bg-white-light {
  background-color:var(--a-bg-wl);
}

.a-sekcija-slika-border img {
  border:1px solid var(--a-brd-n);
}

.a-sekcija-slika-shadow img {
  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}



.field--name-field-sekcija .field--name-field-sekcija-slika img,
.field--name-field-sekcija-slika-tekst .field--name-field-sekcija-slika img {
  min-height: 400px;
  height:100%;
  object-fit: cover;
}

.field--name-field-sekcija .seci.a-img-circle img,
.field--name-field-sekcija-slika-tekst .seci.a-img-circle img {
  min-height:100%;
}

.sekcija-slika-tekst .a-gr-img.col-md-2,
.sekcija-slika-tekst .a-gr-img.col-md-4,
.sekcija-slika-tekst .a-gr-img.col-md-6,
.sekcija-slika-tekst .a-gr-img.col-md-8,
.sekcija-slika-tekst .a-gr-img.col-md-10,
.sekcija-slika-tekst .a-gr-img.col-md-12{
  padding:0;
  vertical-align: middle;
}

.sekcija-slika-tekst .a-gr-img .seci,
.sekcija-slika-tekst .a-gr-img .seci img{
  max-height: 100%;
  display: inline;
}


/* - - - SECTION TEXT - - - */
.field--name-field-sekcija .a-sekcija-slika-tekst>div,
.field--name-field-sekcija-slika-tekst .a-sekcija-slika-tekst>div{
  display:inline-block;
  width:50%;
  height:350px;
  padding:7% 1%;
  overflow:hidden;
}

.field--name-field-sekcija .field--name-field-sekcija-slika.a-sekcija-slika-levo,
.field--name-field-sekcija-slika-tekst .field--name-field-sekcija-slika.a-sekcija-slika-levo {
  vertical-align:top;
  float:left;
}

.field--name-field-sekcija .field--name-field-sekcija-slika.a-sekcija-slika-desno,
.field--name-field-sekcija-slika-tekst .field--name-field-sekcija-slika.a-sekcija-slika-desno {
  vertical-align:top;
  float:right;
}

.field--name-field-sekcija .field--name-body.a-sekcija-slika-levo,
.field--name-field-sekcija-slika-tekst .field--name-body.a-sekcija-slika-levo {
  vertical-align:top;
}

.field--name-field-sekcija .field--name-body p,
.field--name-field-sekcija-slika-tekst .field--name-body p{
  margin-top:-5px;
  text-align:justify;
  font-size:1.8rem;
  line-height:1.3;
}


blockquote p{
  color:#000;
  font-size:2rem;
  font-style: italic;
}

blockquote {
  padding: 20px;
  margin: 30px auto;
  border-left: 5px solid;
  box-shadow:1px 1px 5px rgba(0,0,0,.3);
}
blockquote::before {
  content: "\201C";
  font-family:sans-serif;
  display: block;
  font-size: 100px;
  line-height:10px;
  top: 15px;
  left:-20px;
  position: relative;
  color:#ddd;
}

.sekcija-slika-tekst .field--type-text-with-summary {
  padding:2vw;
}
.sekcija-slika-tekst .seci,
.sekcija-slika-tekst .sect{
  vertical-align: middle;
}

.sekcija-slika-tekst .field--type-text-with-summary h3 {
  margin-top:0;
  font-size:2rem;
  padding:1rem;
  border-left:unset;
  margin-bottom:2rem;
  font-weight:normal;
  text-align: left;
  background-color: unset;
  box-shadow: unset;
}

.sekcija-slika-tekst .sect.col-md-6 .field--type-text-with-summary,
.sekcija-slika-tekst .sect.col-md-6 .field--type-text-with-summary p,
.sekcija-slika-tekst .sect.col-md-6 .field--type-text-with-summary span,
.sekcija-slika-tekst .sect.col-md-6 .field--type-text-with-summary li{
  font-weight: 300;
}

.sekcija-slika-tekst .sect.col-md-6 .field--type-text-with-summary strong,
.sekcija-slika-tekst .sect.col-md-6 .field--type-text-with-summary p strong,
.sekcija-slika-tekst .sect.col-md-6 .field--type-text-with-summary span strong,
.sekcija-slika-tekst .sect.col-md-6 .field--type-text-with-summary li strong{
  font-weight: 400;
}

.field--name-field-sec-hdr-title+.field--type-text-with-summary {
  padding:0;
}

.field--name-field-sekcija>.field--item,
.field--name-field-sekcija-slika-tekst>.field--item {
  max-width:100%;
  vertical-align:middle;
}

.field--name-field-sekcija>.field--item,
.field--name-field-sekcija-slika-tekst>.field--item,
.field--name-field-sekcija .field--name-field-sec-hdr-title,
.page-node-type-strana-so-sekcii .field--name-field-sec-hdr-title:after {
  margin:0 auto;
}

.sech+.field {
  margin-top:3rem;
}

.field--name-field-sekcija .secp.col-md-6,
.field--name-field-sekcija-slika-tekst .secp.col-md-6,
.field--name-field-sekcija .sect.col-md-6,
.field--name-field-sekcija-slika-tekst .sect.col-md-6{
  display:table;
  height:100%;
  min-height:400px;
}

.seci.a-img-circle+.sect {
  min-height:unset;
}

.field--name-field-sekcija .secp .a-grafikoni,
.field--name-field-sekcija-slika-tekst .secp .a-grafikoni,
.field--name-field-sekcija .sect .field--type-text-with-summary,
.field--name-field-sekcija-slika-tekst .sect .field--type-text-with-summary {
  display:table-cell;
  width:100%;
  vertical-align:middle;
}

.pull-right.a-org-rak-vreme+.field--name-field-sekcija,
.pull-right.a-org-rak-vreme+.field--name-field-sekcija-slika-tekst {
  margin-top:400px;
}

.field--name-field-sekcija .field--name-field-sekcija-slika,
.field--name-field-sekcija-slika-tekst .field--name-field-sekcija-slika,
.field--name-field-sekcija .sect,
.field--name-field-sekcija-slika-tekst .sect {
  padding:0;
}

.sekcija-slika-tekst .seci,
.strana-so-sekcii .a-gr-img {
  position:relative;
}

.path-frontpage .strana-so-sekcii.full {
    min-height: 600px;
    margin: 100px auto;
}

































































/* - - - D24 PAGE WITH SECTIONS - - - */

/* - Header BG - */

.page-title-full-width-container {
  height:500px;
  border-bottom: 1px solid var(--a-theme-1);
}

.path-frontpage .a-topbar-links,
.page-title-full-width-container {
  background:none !important;
  background-image:none !important;
}

.a-topbar-links::after,
.page-title-full-width-container:after{
  content: '';
  position: absolute;
  inset: 0;
  background:none;
  background-image: url('/sites/default/files/alfa/img/pannel-centar.jpg');
  background-size: cover;
  background-position: -10vw -25vh;
  opacity: 0.05;
  z-index: -1;
}



/* - Header IMG - */
.region-content > .block-system-main-block > .full > .content > .a-strana-sekcii-grupa > .field--name-field-image,
.region-content > .block-system-main-block > .full > .content > .field--name-field-image {
  position: absolute;
  top:165px;
  right: calc((100vw - 1265px) / 2);
}

.region-content > .block-system-main-block > .full > .content > .a-strana-sekcii-grupa > .field--name-field-image img,
.region-content > .block-system-main-block > .full > .content > .field--name-field-image img {
  width:480px;
  height:270px;
  object-fit:cover;
  border:1px solid #eee;
  box-shadow:0 2px 8px -2px #0002;
  border-radius:1rem;
}

/* - Header Text - */

header#page-title {
  padding: 0;
}

#page-title-full-width-container #page-title h1.page-title{
  font-family:Arial, sans-serif;
  font-size: 3.3rem;
  font-weight:600;
  line-height: 1.1;
  color: #050;
  text-shadow: 1px 1px 0 #0003;
  height: 500px;
}

#page-title-full-width-container #page-title h1.page-title span{
  max-width: 750px;
  max-height: 110px;
  width: 100%;
  margin:0px 0 0;
  margin-left: calc((100vw - 1290px) / 2);
  padding-left: 8px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}



/* - Breadcrumb - */

.page-title-full-width-container .breadcrumb{
  background:#020;
  padding:5px 2rem;
  border-radius: 0;
  bottom:2rem;
  box-shadow: 0 0 4px #0008;
  min-width:350px;
  height:26px;
  top:474px;
}

.page-title-full-width-container .breadcrumb,
.page-title-full-width-container .breadcrumb li,
.page-title-full-width-container .breadcrumb a{
  font-size:1.3rem;
  font-weight:100;
  font-style:normal;
  color:#fff !important;
}

.page-title-full-width-container .breadcrumb li{
  font-weight:600;
  max-width:350px;
  text-overflow:ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display:inline-block;
}

.page-title-full-width-container .breadcrumb > li.active {
  display: none !important;
}

.page-title-full-width-container .breadcrumb a:hover{
  color:var(--a-theme-4) !important;
}



/* - Content header - */

.main-container h2.block-title {
  display:none;
}



/* - Content Category - */

.page-node-type-organizacija .main-container .field--name-field-org-edinica,
.page-node-type-staff .main-container .field--name-field-staff-funkcija,
.main-container .field--name-field-kategorija-strana,
.main-container .field--name-field-kategorija-soopshtenie{
  position: absolute;
  top: 160px;
  left: calc((100vw - 1280px) / 2);
}
.page-node-type-organizacija .main-container .field--name-field-org-edinica,
.page-node-type-staff .main-container .field--name-field-staff-funkcija,
.main-container .field--name-field-kategorija-strana,
.main-container .field--name-field-kategorija-soopshtenie .field__item{
  padding: 0 50px;
  color:var(--a-theme-4);
  font-size:2.5rem;
  text-transform:uppercase;
  font-weight:600;
  text-shadow: 0 0 1px #0008;
}
.page-node-type-organizacija .main-container .field--name-field-org-edinica:after,
.page-node-type-staff .main-container .field--name-field-staff-funkcija:after,
.main-container .field--name-field-kategorija-strana:after,
.main-container .field--name-field-kategorija-soopshtenie .field__item:after {
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 3px;
  background: var(--a-theme-4);
  position: absolute;
  top: 50%;
  left: 5px;
  z-index: 1;
}

.main-container .field--name-field-kategorija-soopshtenie .field__item,
.a-strana-sekcii-grupa.a-cat11 .field--name-field-kategorija-strana{
  display:none;
}

.main-container .field--name-field-kategorija-soopshtenie .field__item:first-child{
  display:block;
}



/* - Content Subtitle - */

.main-container .field--name-field-article-subtitle{
  display:-webkit-box;
  position:absolute;
  top: 360px;
  left: calc((100vw - 1275px) / 2);
  width: 600px;
  max-width:100%;
  height:75px;
  font-size:1.8rem;
  line-height:1.24;
  font-weight:300;
  padding:5px 10px;
  text-align:justify;
  background-color: #fff8;
  backdrop-filter:blur(10px);
  color: #888;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
  box-shadow:0 2px 8px -2px #0002;
  border-radius: 1rem;
}

.main-container .field--name-field-article-subtitle::before{
  position:absolute;
  display:block;
  content:"";
  top:0;
  left:0;
  width: 15px;
  height: 15px;
  border:1px solid var(--a-theme-4);
  border-width: 1px 0 0 1px;
  border-radius: 1rem 0 0 0;
}

.main-container .field--name-field-article-subtitle::after{
  position:absolute;
  display:block;
  content:"";
  bottom:0;
  right:0;
  width: 15px;
  height: 15px;
  border:1px solid var(--a-theme-4);
  border-width:0 1px 1px 0;
  border-radius: 0 0 1rem 0;
}



/* Content Date published at - */

.main-container .field--name-published-at{
  display:block;
  position:absolute;
  top:480px;
  left:46%;
  background-color:#fff;
  width:100px;
  box-shadow:0 0 10px #0008;
  color:#000;
  font-size:1.5rem;
  font-weight:bold;
  text-align:center;
  padding:1rem;
}












/* - Document Links - */

.view-a-dokumentacija,
.field--name-field-dokumenti-vrska{
  margin:10rem auto;
  padding: 10rem 5rem;
  background-color: #ffff;
  width: 960px;
  max-width: 100%;
  border: 1px solid #eee;
  border-radius:1rem;
  box-shadow: 0 2px 8px -2px #0002;
}

.view-a-dokumentacija .views-row,
.field--name-field-dokumenti-vrska .field__item{
  width:100%;
  height: 80px;
  padding: 0 15px;
  margin-bottom: 2rem;
  background-color: #f8f8f8;
  border: 1px solid #eee;
  border-radius: 1rem;
  transition: all 0.3s ease-in-out;
}

.view-a-dokumentacija .views-row a,
.field--name-field-dokumenti-vrska .field__item a{
  position: relative;
  display: inline-block;
  padding-left: 60px;
  line-height: 80px;
  width:100%;
  overflow: hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s ease-in-out;
  font-size: 2rem;
  font-weight: 400;
  text-decoration:none !important;
  color:#600
}

.view-a-dokumentacija .views-row span:before,
.field--name-field-dokumenti-vrska .field__item a:before{
  position: absolute;
  width: 40px;
  height: 40px;
  padding: 6px;
  line-height: 20px;
  content: "\f0c1";
  font-size: 15px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  text-align: center;
  top: 20px;
  left: 5px;
  z-index: 1;
  background: #fff;
  color: #600;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid #f5f5f5;
  outline: 1px solid #ddd;
  box-shadow: 1px 1px 6px #0002;
  transition: all 0.3s ease-in-out;
}

.view-a-dokumentacija .views-row span.file{
  background-position-x:17px;
  background-position-y:33px;
  position:relative;
  z-index:1;
  padding-left: 0;
}
.view-a-dokumentacija .views-row span:before{
  content: "";
  background:transparent;
  z-index:-5;
}

.view-a-dokumentacija .views-row:hover,
.field--name-field-dokumenti-vrska .field__item:hover{
  background-color:var(--a-theme-4)
}

.view-a-dokumentacija .views-row:hover a,
.field--name-field-dokumenti-vrska .field__item:hover a{
  padding-left:70px;
  color: #fff;
}

.field--name-field-dokumenti-vrska .field__item:hover a::before{
  content: "\f324";
  color:#600;
}

.view-a-dokumentacija .views-row a:focus,
.field--name-field-dokumenti-vrska .field__item a:focus{
  color:#600;
}

.view-a-dokumentacija .views-row:hover a:focus,
.field--name-field-dokumenti-vrska .field__item:hover a:focus{
  color:#fff;
}
















































/* - - - DESIGN24 POST-ARTICLE SINGLE - - - */

.page-node-type-article .main-container .field--name-published-at{
  display:block;
  position:absolute;
  left:46%;
  background-color:#fff;
  width:100px;
  box-shadow:0 0 5px #0002;
  color:#000;
  font-size:1.5rem;
  font-weight:bold;
  text-align:center;
  padding:1rem;
  border-radius:1rem;
}

.page-node-type-article .content .field--name-field-article-lead-text{
  font-size:2rem;
  font-weight:600;
  line-height:1.3;
  text-align:center;
  width:960px;
  margin:50px auto;
}



/* - Header H3 - */
.page-node-type-article .field--name-body h3,
.page-node-type-article .field--name-field-body2 h3{
  position:relative;
  display:block;
  width:fit-content;
  font-family: "Roboto", Arial, sans-serif;
  font-size:3rem;
  font-weight:400;
  color: var(--a-theme-3);
  text-shadow:1px 1px 0 #0005;
  padding:0 1rem;
  background-color:#fff;
  box-shadow:1px 1px 5px #0003
}

.page-node-type-article .field--name-body h3::first-letter,
.page-node-type-article .field--name-field-body2 h3::first-letter {
  color: #000;
  font-size:1.5em;
  border-left:5px solid var(--a-theme-1);
  padding-left:1rem;
}



/* - - - D24 POST MIDSECTION - - - */

.a-page-section > .field--name-field-sekcija-slika-tekst{
  padding:0;
}

/*.content .a-page-section{
  background:#f8f8f8 url(/sites/default/files/alfa/img/design/abstract-light-gray-dots.jpg) no-repeat center center / cover;
}*/

.content .a-midsection{
  width:100%;
  height:fit-content;
  margin:5rem auto 10rem;
  padding:5vh 0;
}

.content .a-midsection .row,
.content .a-midsection .row .field__item{
  max-width:1265px;
  margin:0 auto;
}


.content .midsection .row,
.content .a-midsection-img,
.content .a-midsection-img .field--name-field-article-midsection-img-1,
.content .a-midsection-img .field--name-field-article-midsection-img-1 .field__item {
  height:100%;
  width:100%;
  margin-bottom:0
}

.content .a-midsection > .row {
  height: 60vh;
  min-height: 400px;
}

.content .a-midsection-img{
  position:relative;
  z-index:0;
}

.content .a-midsection-img .field--name-field-article-midsection-img-1:before{
  display:block;
  position:absolute;
  top: 10%;
  left: 10%;
  width:75%;
  height: 80%;
  content:"";
  background-color:var(--a-theme-4);
  opacity:0.6;
  box-shadow:0 0 15px #0005;
  z-index: 1;
}


.content .a-midsection-img .field--name-field-article-midsection-img-1:after{
  display:block;
  position:absolute;
  top: 40%;
  left: 5%;
  width: 65%;
  height: 65%;
  content:"";
  background: url(/sites/default/files/alfa/img/design/raster-01.jpg) no-repeat center center / cover;
  opacity: 0.33;
  border-radius:50px 0;
  box-shadow:0 0 15px #0005;
  z-index: 0;
}

.content .a-midsection-img .field--name-field-article-midsection-img-1 .field__item:first-child:before{
  display:block;
  position:absolute;
  top: 0%;
  left: 33%;
  width: 60%;
  height: 100%;
  content:"";
  border:5px solid var(--a-theme-3);
  opacity: 0.5;
  z-index:1;
}

.content .a-midsection-img .field__item{
  width:100%;
  position:absolute;
  top:0;
  right:0;
}
.content .a-midsection-img .field__item:nth-child(1) img,
.content .a-midsection-img .field__item:nth-child(2) img,
.content .a-midsection-img .field__item:nth-child(3) img,
.content .a-midsection-img .field__item:nth-child(4) img{
  position:absolute;
  width: 45%;
  height:75%;
  object-fit:cover;
  border:5px solid #fff;
  border-radius: 5px;
  box-shadow:0 0 30px #0005;
  right:0;
  z-index:1;
}


.content .a-midsection-img.a-mid-img-2 .field__item:nth-child(1) img{
  width: 40%;
  height: 70%;
  top: 5%;
  right: 0;
  z-index:2;
}
.content .a-midsection-img.a-mid-img-3 .field__item:nth-child(1) img,
.content .a-midsection-img.a-mid-img-4 .field__item:nth-child(1) img{
  top: 10%;
}


.content .a-midsection-img.a-mid-img-2 .field__item:nth-child(2) img{
  width: 45%;
  height: 45%;
  top: 50%;
  left: 25%;
  z-index:2;
}
.content .a-midsection-img.a-mid-img-3 .field__item:nth-child(2) img,
.content .a-midsection-img.a-mid-img-4 .field__item:nth-child(2) img{
  width: 50%;
  height: 45%;
  top: 3%;
  left: 20%;
}

.content .a-midsection-img.a-mid-img-3 .field__item:nth-child(3) img,
.content .a-midsection-img.a-mid-img-4 .field__item:nth-child(3) img{
  width:480px;
  height:270px;
  top: 350px;
  left: 25px;
  z-index: 1;
}

.content .a-midsection-img.a-mid-img-3 .field__item:nth-child(3) img,
.content .a-midsection-img.a-mid-img-4 .field__item:nth-child(3) img{
  width:75%;
  height: 40%;
  top: 55%;
  left: 15%;
  z-index: 1;
}

.content .a-midsection-img.a-mid-img-4 .field__item:nth-child(4) img{
  width:40%;
  height: 40%;
  top: 30%;
  left: 0%;
  z-index: 1;
}

.content .a-midsection-txt{
  padding-top:100px;
  position:relative;
}

.content .a-midsection-txt:before{
  display:block;
  position:absolute;
  top: -4rem;
  right: 40px;
  width: 100px;
  height: 200px;
  content:"";
  background-color:#00000015;
}

.content .a-midsection-txt .field--name-field-a-hd-pre {
  position:relative;
  color:var(--a-theme-4);
  font-size:2.5rem;
  text-transform:uppercase;
  font-weight:600;
  text-shadow: 1px 1px 0 #0003;
  text-align:right;
  padding-right:50px;
  margin-bottom:1rem;
}

.content .a-midsection-txt .field--name-field-a-hd-pre:after {
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 3px;
  background: var(--a-theme-4);
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
}

.content .a-midsection-txt .field--name-field-a-hd{
  font-family: "Manrope", Arial, sans-serif;
  font-weight: 600;
  font-size: 3.3rem;
  color: #000;
  text-shadow: 0 0 3px #0005;
  text-align:right;
  margin-bottom:2rem;
  width: 600px;
  max-width:100%;
  height: 100%;
  max-height:90px;
  line-height: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.content .a-midsection-txt .field--name-field-a-hd::first-letter {
  color: var(--a-theme-1);
  font-size:1.5em;
}

.content .a-midsection-txt .field--name-field-a-hd-post{
  font-family: sans-serif;
  font-size:2.5rem;
  line-height: 1.3;
  font-weight: lighter;
  font-style: italic;
  text-align:justify;
}

.content .a-midsection .a-section-left .a-midsection-txt{
  order: -1;
}

.content .a-midsection .a-section-text .a-midsection-txt .field--name-field-a-hd{
  margin: 0;
}

.content .a-midsection .a-section-text .a-midsection-txt:before,
.content .a-midsection .a-section-left .a-midsection-txt:before{
  left: 40px;
  width: 100px;
  height: 185px;
}

.content .a-midsection .a-section-text .a-midsection-txt .field--name-field-a-hd-pre,
.content .a-midsection .a-section-left .a-midsection-txt .field--name-field-a-hd-pre {
  text-align:unset;
  padding-left:50px;
  margin-bottom:2rem;
}

.content .a-midsection .a-section-text .a-midsection-txt .field--name-field-a-hd-pre:after,
.content .a-midsection .a-section-left .a-midsection-txt .field--name-field-a-hd-pre:after {
  left: 0;
}

.content .a-section-text .a-midsection-txt .field--name-field-a-hd,
.content .a-section-left .a-midsection-txt .field--name-field-a-hd{
  text-align:left;
 }

/* - MIDSECTION BTN - */
.content .a-midsection .field--name-field-midsection-btn  {
  text-align:left;
  margin-top:5rem;
}

.content .a-midsection .a-section-right .field--name-field-midsection-btn  {
  text-align:right;
}

.content .a-midsection .field--name-field-midsection-btn a{
  display: inline-block;
  width: 150px;
  height:50px;
  line-height:50px;
  text-align:center;
  background: #fff;
  border:1px solid var(--a-theme-1);
  border-radius:5px;
  box-shadow: 0 0 5px #0003;
  margin: 0 50% 0 0;
  color: #555;
  text-decoration: none !important;
}

.content .a-midsection .a-section-right .field--name-field-midsection-btn a{
  margin: 0 0 0 50%;
}

.content .a-midsection .field--name-field-midsection-btn:hover a{
  background: #eee;
  color: #000;
  box-shadow: 0 0 1px #0003;
  font-weight: 400;
}

.a-midsection-text-area {
  max-width:960px;
  margin:0 auto;
  font-family:"Roboto", Arial, sans-serif;
  font-size:2rem;
  color:#333;
  text-align:justify;
}

.a-midsection-text-area .field--name-field-midsection-txt{
  padding:0;
}



/* - MIDSECTION BODY - */
.page-node-type-article .content .field--name-body,
.page-node-type-organizacija .content .field--name-body,
.page-node-type-article .content .field--name-field-body2,
.page-node-type-organizacija .field--name-field-body2{
  width:960px;
  max-width:100%;
  margin:0 auto 5rem;
  font-family:"Roboto", Arial, sans-serif;
  font-size:2rem;
  line-height:1.3;
  font-weight:300;
  text-align:justify;
  color:#333;
}




/* - MIDSECTION CORRECTIONS - */
.a-midsection .a-section-text {
  min-height:unset !important;
  height:fit-content !important;
}

.a-midsection .a-section-text .a-midsection-txt {
  padding-top: 0px;
}

.content .a-midsection.a-section-text{
  margin: 0 auto 100px;
  padding: 40px 0 0;
}




/* - D24 POST VIDEO - */
.a-post-video .field--name-field-media-oembed-video{
  width:960px;
  height:540px;
  position:relative;
  margin: 10rem auto;
  display: block;
  border:1px solid var(--a-theme-3);
  box-shadow:0 0 50px #0005;
}

.a-post-video .field--name-field-media-oembed-video:before{
  display:block;
  position:absolute;
  top:-50px;
  left:-50px;
  width:300px;
  height:300px;
  content:"";
  background-color: var(--a-theme-4);
  opacity:0.5;
  z-index:-1;
}

.a-post-video .field--name-field-media-oembed-video:after{
  display:block;
  position:absolute;
  top:380px;
  right:-50px;
  width:200px;
  height:200px;
  content:"";
  border:5px solid var(--a-theme-3);
  z-index:-1;
}

.a-post-video .field--name-field-media-oembed-video iframe{
  width:100%;
  height:100%;
}



/* - - - D24 POST GALLERY - - - */

.a-post-gallery{
  margin:10rem auto;
  padding:5rem 0;
  background:#f8f8f8 url(/sites/default/files/alfa/img/design/abstract-light-gray-dots.jpg) no-repeat top center / cover;
}

.content .field--name-field-strana-galerija{
  max-width:1265px;
  margin:0 auto;

}

.page-node-type-article .block-views-blocka-soopstenija-block-1 .block-title,
.content .field--name-field-strana-video .field__label,
.content .field--name-field-strana-galerija .field__label{
  font-size:3rem;
  text-transform:uppercase;
  color:var(--a-theme-4);
  background-color: #fff;
  text-align:center;
  margin: 0 auto;
  border: 5px solid var(--a-theme-3);
  border-width: 5px 0 0 5px;
  padding: 1rem 3rem;
  max-width: fit-content;
  box-shadow: 0 0 10px #0003;
  position:relative;
}
.page-node-type-article .block-views-blocka-soopstenija-block-1 .block-title:before,
.content .field--name-field-strana-video .field__label:before,
.content .field--name-field-strana-galerija .field__label:before{
  display: block;
  position: absolute;
  content: "";
  top: 15px;
  left: 20px;
  width: 100%;
  height: 100%;
  background: url(/sites/default/files/alfa/img/design/raster-01.jpg) no-repeat center center / cover;
  opacity: 0.5;
  z-index: -1;
}

.content .field--name-field-strana-galerija .field__item {
  width:33%;
  display:inline-block;
  text-align:center;
  padding:10px;
  overflow:hidden;
}

.a-post-gallery .item-list,
.content .field--name-field-strana-galerija .field__items {
  padding:5rem 1rem;
  display:block;
}

.a-post-gallery .blazy--field-strana-galerija img,
.content .field--name-field-strana-galerija img {
  width:480px;
  max-width:100%;
  height:270px;
  object-fit:cover;
  box-shadow:0 0 10px #0005;
  border:1px solid var(--a-theme-3);
  filter:blur(0px) saturate(0.05);
  transition:all 0.3s ease-in-out;
}

.a-post-gallery .blazy--field-strana-galerija img:hover,
.a-post-gallery .blazy--field-strana-galerija img:focus,
.content .field--name-field-strana-galerija img:hover,
.content .field--name-field-strana-galerija img:focus{
  box-shadow:0 0 3px #0005;
  border:1px solid #000;
  filter:saturate(0.8);
}

.a-post-gallery,
.blazy--field-strana-galerija{
  max-width:1265px;
  margin:0 auto;
}

.path-node .submitted {
  display:none;
}

.page-node-type-article .block-views-blocka-soopstenija-block-1 .block-title {
  display:block;
  margin-top:5rem;
}







/* - - - D24 POST NAVIGATION - - - */

.a-post-navigacija {
  width:100%;
  max-width: 1265px;
  height: 55px;
  display:block;
  margin:0 auto;
  padding: 10px 20px;
}

.a-post-navigacija > .prevnext-element{
  position:relative;
  width:160px;
  height:35px;
}

.a-post-navigacija > .prevnext-element:before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  display:block;
  width:160px;
  height:35px;
  background: url(/sites/default/files/alfa/img/design/arrow3rw.png) no-repeat right center /contain;
  z-index:-1
}

.a-post-navigacija > .prevnext-element:hover::before{
  background-color:unset;
}

.a-post-navigacija > .prevnext-element.previous:before{
  transform:scaleX(-1);
  right:unset;
  left:0;
}

.a-post-navigacija a{
  display:block;
  color:#555;
  width:160px;
  height:35px;
  text-transform:uppercase;
  text-decoration:none !important;
  padding: 6px 5px 5px 5px;
}

.a-post-navigacija > .previous{
  text-align:right;
  float:left;
}

.a-post-navigacija > .prevnext-element:hover a{
  color:#050;
}

.a-post-navigacija > .previous:hover{
  left:-5px;
}

.a-post-navigacija > .next{
  float:right;
}
.a-post-navigacija > .next:hover{
  right:-5px;
}










/* - - - D24 BLOB - - - */

.sekcija-slika-tekst .a-gr-img .seci,
.sekcija-slika-tekst .a-gr-img .seci img{
  display:block;
  height: 100%;
  min-height: 450px;
}

.a-img-blob1:after, .a-img-blob2:after, .a-img-blob3:after{
  position:absolute;
  width: 300px;
  height: 300px;
  border-radius:50%;
  content:"";
  background: transparent;
  left: 0;
  right: 0;
  top: 80px;
  margin: 0px auto;
  box-shadow: 1px 1px 50px 75px #0005;
}

.a-img-blob1:before {
  transform: rotate(-15deg) translateX(-1%) translateY(-5%) scale(1.05) scaleX(-1) scaleY(-1);
}

.a-img-blob2:before {
  transform: rotate(-15deg) translateX(-1%) translateY(-2%) scale(1.05) scaleX(-1) scaleY(-1);
}

.a-img-blob3:before {
  transform: rotate(-15deg) translateX(-2%) translateY(1%) scale(1.05) scaleX(-1) scaleY(-1);
}













/* - - - D24 Dokumentacija - - - */

.region-content .view-a-dokumentacija .dokumentacija.full,
.page-node-type-dokumentacija .region-content .dokumentacija.full > .content {
  max-width:960px;
  margin:0 auto;
}

.region-content .view-a-dokumentacija .dokumentacija.full > .content .field--name-body,
.page-node-type-dokumentacija .region-content .dokumentacija.full > .content .field--name-body{
  font-size:1.8rem;
  line-height:1.3;
  text-align:justify;
  margin:2rem auto 0;
}

.region-content .view-a-dokumentacija .dokumentacija.full > .content .field--name-field-doc-status,
.page-node-type-dokumentacija .region-content .dokumentacija.full > .content .field--name-field-doc-status{
  display:block;
  width:60px;
  height:60px;
  border:1px solid var(--a-theme-1);
  border-radius:50%;
  text-align:center;
  padding: 15px 0;
  line-height: 1;
  text-transform:uppercase;
  font-size:1.5rem;
  font-weight:600;
  margin:0 0 0 auto;
}

.region-content .view-a-dokumentacija .dokumentacija.full > .content .field--name-field-dokumenti a,
.page-node-type-dokumentacija .field--name-field-dokumenti a{
  display:block;
  font-size:2rem;
  font-weight:400;
  line-height:1.3;
  color:#555;
  text-decoration:none;
}

.region-content .view-a-dokumentacija .dokumentacija.full > .content .field--name-field-dokumenti a:hover,
.page-node-type-dokumentacija .field--name-field-dokumenti a:hover{
  color:var(--a-theme-1);
}


.region-content .view-a-dokumentacija .dokumentacija.full > .content .field--name-field-dokumenti-vrska,
.page-node-type-dokumentacija .field--name-field-dokumenti-vrska{
  margin:0;
  padding:2rem;
  background-color:unset;
  max-width:100%;
  border:unset;
  border-radius:unset;
  box-shadow:none;
} 

.region-content .view-a-dokumentacija .dokumentacija.full > .content .field--name-field-dokumenti-vrska .field__item a,
.page-node-type-dokumentacija .field--name-field-dokumenti-vrska .field__item a{
  position: relative;
  display: inline-block;
  padding-left:30px;
  line-height:30px;
  width:100%;
  overflow: hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s ease-in-out;
}

.region-content .view-a-dokumentacija .dokumentacija.full > .content .field--name-field-dokumenti-vrska .field__item a:before,
.page-node-type-dokumentacija .field--name-field-dokumenti-vrska .field__item a:before{
  content:"+";
}

.region-content .view-a-dokumentacija .dokumentacija.full > .content .field--name-field-article-subtitle{
  display:none;
}


.view-a-dokumentacija{
  max-width:1265px;
    margin:0 auto;
}

.view-a-dokumentacija .views-row{
  margin-bottom:5rem;
  border-bottom:1px solid #ddd;
}

.view-a-dokumentacija .views-row .dokumentacija .field--name-title{
  font-family:"Roboto", Arial, sans-serif;
  font-size:2.5rem;
  font-weight:400;
  color:#050;
  line-height: 1.3;
  display: block;
}

.view-a-dokumentacija .views-row .dokumentacija .field--name-field-dokumenti-vrska .field__item a:hover {
  padding-left: 35px !important;
  text-decoration: none !important;
  color: #030;
}





/* - - - D24 STAFF - - - */



/* - Header IMG - */
.page-node-type-staff .region-content > .block-system-main-block > .full > .content > .field--name-field-image {
  top:15vh;
}

.page-node-type-staff .region-content > .block-system-main-block > .full > .content > .field--name-field-image img {
  width:240px;
  height:320px;
}

.page-node-type-staff .a-staff-info {
  text-align:center;
}

.page-node-type-staff .field--name-field-ref-opis-rab-poz{
  max-width:960px;
  margin:1rem auto;
}

.a-staff-rabota .field--name-field-staff-opis-rabota .field__label{
  margin:0 1rem
}

.a-staff-rabota .field--name-field-staff-opis-rabota .field__item:before{
  display:none;
}
.a-staff-rabota .field--name-field-staff-opis-rabota .field__item p{
  padding:1rem;
}

.page-node-type-staff .field--name-field-ref-opis-rab-poz .field--name-title{
  display:block;
  font-family:"Roboto", Arial, sans-serif;
  font-size:3rem;
  font-weight:400;
  line-height:1.3;
  padding:3rem 0 2rem;
}

.opis-rabotna-edinica h2{
  display:none;
}

.page-node-type-staff .field--name-field-sektoroddelenie-staff{
  font-family:"Roboto", Arial, sans-serif;
  font-size:2rem;
  font-weight:600;
  line-height:1.3;
  text-transform:uppercase;
}

.page-node-type-staff .field--name-field-sektoroddelenie-staff,
.page-node-type-staff .field--name-field-staff-funkcija,
.page-node-type-staff .field--name-field-staff-telefon,
.page-node-type-staff .field--name-field-e-poshta{
  display:block;
  clear:both;
  float:none;
  width: fit-content;
  margin:0 auto;
}



/* - - - D24 STAFF ZAMENIK i CLENOVI - - - */
.page-node-type-organizacija .full .content .a-org-site .staff.teaser {
  display: block;
  width: 200px;
  height: 300px;
  text-align: center;
  margin: 10px auto;
}

.page-node-type-organizacija .full .content .a-org-site .staff.teaser h2 {
  display: block;
  position: relative;
  top: 210px;
  height: 0;
  width: 100%;
  margin: 0;
  line-height: 1;
  vertical-align: top;
  text-align: center;
}

.page-node-type-organizacija .full .content .a-org-site .staff.teaser h2 a {
  display: block;
  font-size: 1.5rem;
  line-height: 1.1;
  color: var(--a-theme-5);
}

.page-node-type-organizacija .full .content .a-org-site .staff.teaser .field--name-field-image img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border: 1px solid var(--a-theme-1);
  border-radius: 0 50% 0 50%;
    -webkit-border-radius: 0 50% 0 50%;
    -moz-border-radius: 0 50% 0 50%;
    -ms-border-radius: 0 50% 0 50%;
    -o-border-radius: 0 50% 0 50%;
  margin-bottom: 5px;
  box-shadow:0 0 5px #0003;
}

.page-node-type-organizacija .full .content .a-org-site .staff.teaser .field--name-field-staff-funkcija {
  margin-top: 45px;
  display: block;
  line-height: 1.1;
  font-size: 1.3rem;
}

.page-node-type-organizacija .full .content .a-org-site .a-org-clen>div>.field--item {
  display: inline-block;
  vertical-align: top;
  margin: 10px
}



/* -STAFF CV - */

.a-staff-rabota .field,
.a-staff-biografija .field {
  padding-bottom:3rem;
  border-bottom:1px solid #ddd;
}
.a-staff-rabota .field:last-child,
.a-staff-biografija .field:last-child {
  border-bottom:none;
}

.a-staff-rabota,
.a-staff-biografija {
  margin:1rem 0 5rem ;
  padding:20px;
  width:845px;
  max-width:100%;
  border:1px solid #ddd;
  border-radius:10px;
}

.a-staff-rabota .field--label,
.a-staff-biografija .field--label {
  font-size: 2rem;
  margin: 4rem 0 1rem 1rem;
  color: var(--a-h13);
}

.a-staff-rabota .field--item,
.a-staff-biografija .field--item {
  font-size:1.5rem;
  margin-bottom:1rem;
}

.a-staff-rabota .field--item:before,
.a-staff-biografija .field--item:before {
  position: relative;
  display: inline-block;
  line-height: 1;
  font-family: "Glyphicons Halflings";
  font-size: 0.8rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    content: "\e006";
  margin-right: 3px;
  top:-1px
}

.a-staff-biografija .field--label-hidden.field--item:first-child{
  font-weight:bold !important;
  background-color:#f8f8f8;
  padding:2rem;
  border:1px solid #ccc;
  border-radius: 10px 10px 0 0 
}

.a-staff-rabota .field--label-hidden.field--item:before,
.a-staff-biografija .field--label-hidden.field--item:before{
  display:none;
}

.a-staff-rabota h2 a {
  font-family: 'Roboto', arial, sans-serif;
  font-size: 2rem;
  margin: 4rem 0 1rem 1rem;
  color: var(--a-h13);
  pointer-events: none;
}





/* - - - A STAFF - - - */

.page-node-type-staff article.full .a-staff-info {
    display: block;
    height: auto;
    width: 680px;
    max-width: 100%;
    vertical-align: top;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #f5f5f5;
}

.page-node-type-staff article.full .field--name-field-sektoroddelenie-staff {
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #500
}

.page-node-type-staff article.full .field--name-field-zvanje-staff,.page-node-type-staff article.full .field--name-field-staff-funkcija .field__item {
    padding: 0 0 5px 15px;
}

.page-node-type-staff article.full .field--name-field-zvanje-staff:before,.page-node-type-staff article.full .field--name-field-staff-funkcija .field__item:before {
    content: "»";
    position: absolute;
    margin-left: -10px;
}

.page-node-type-staff .field--name-field-e-poshta {
    clear: both;
}

.page-node-type-staff article.full .field--name-field-aktivnost .field__item {
    padding-left: 5px;
}

.page-node-type-staff article.full .field--name-field-aktivnost .field__item:before {
    content: "+";
    display: block;
    float: left;
    padding-right: 5px;
}

.a-staff-rabota .field,.a-staff-biografija .field {
    padding-bottom: 3rem;
    border-bottom: 1px solid #ddd;
}

.a-staff-rabota .field:last-child,.a-staff-biografija .field:last-child {
    border-bottom: none;
}

.a-staff-rabota,.a-staff-biografija {
    margin: 1rem 0 5rem;
    padding: 20px;
    width: 845px;
    max-width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.a-staff-rabota .field__label,.a-staff-biografija .field__label {
    font-size: 2rem;
    margin: 4rem 0 1rem 1rem;
    color: var(--a-theme-5);
    font-weight: 400;
}

.a-staff-rabota .field__item,.a-staff-biografija .field__item {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.a-staff-rabota .field__item:before,.a-staff-biografija .field__item:before {
    position: relative;
    display: inline-block;
    line-height: 1;
    font-family: "Font Awesome 6 Pro";
    font-size: 0.8rem;
    font-weight:900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f005";
    margin-right: 3px;
    top: -1px
}

.a-staff-biografija .field--label-hidden.field__item:first-child {
    font-weight: 400 !important;
    background-color: #f8f8f8;
    padding: 2rem;
    border: 1px solid #ccc;
    border-radius: 10px 10px 0 0
}

.a-staff-rabota .field--label-hidden.field__item:before,.a-staff-biografija .field--label-hidden.field__item:before {
    display: none;
}

.a-staff-rabota h2 a {
    font-family: 'Roboto',arial,sans-serif;
    font-size: 2rem;
    margin: 4rem 0 1rem 1rem;
    color: var(--a-h13);
    pointer-events: none;
}

.page-node-type-staff .a-staff-info,
.page-node-type-staff .a-staff-rabota,
.page-node-type-staff .a-staff-biografija {
  width:100%;
  max-width:960px;
  margin:2rem  auto
  
}

/* - STAFF JAZIK - */

.a-staff-biografija .field--name-field-staff-majc{
  padding-bottom:1rem;
}

.a-staff-biografija .field--name-field-staff-majc .field__label {
  margin: 1rem 0 0 1rem;
}

.a-staff-biografija .field--name-field-staff-majc .field__item:before {
  display:none;
}

.a-staff-biografija .field--name-field-staff-majc .field__item {
  padding-top:1.5rem;
  text-transform:uppercase;
  font-weight:400;
}










/* - - - D24 Organization - - - */

.page-node-type-organizacija .main-container .a-org-desc-mang {
  max-width:1265px;
  margin:0 auto 5rem;
  min-height: 500px;
}

.page-node-type-organizacija .main-container .a-org-desc{
  width:80%;
  float:left;
  text-align:justify;
  padding-right:2rem;
}

.page-node-type-organizacija .main-container .a-org-rak-vreme {
  position:relative;
  display:block;
  margin-top:0;
  width:19%;
  border:1px solid var(--a-brd-b);
  border-radius:5px;
  background-color:#f5f5f5;
  text-align:center;
}

.page-node-type-organizacija .main-container .field--name-field-sekcija-slika-tekst{
  clear:both;
}

.page-node-type-organizacija .main-container .a-org-rak-vreme .staff.teaser .field--name-field-image {
  position: relative;
  top: -30px;
  right:0;
  left:0;
}

.page-node-type-organizacija .main-container .staff.teaser .field--name-field-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border: unset;
  box-shadow:unset;
  border-radius: 5px 5px 0 0;
}

.page-node-type-organizacija .main-container .field--name-field-org-rakovoditel .staff.teaser h2 {
  position: relative;
  top: 210px;
  height: 30px;
  width: 100%;
  margin: 0;
  vertical-align: top;
  text-align: center;
  display: block;
}

.page-node-type-organizacija .main-container .field--name-field-org-rakovoditel .staff.teaser h2 a{
  display:block;
  color:var(--a-theme-1);
  font-size:1.5rem;
  line-height: 1.3;
}


.page-node-type-organizacija .main-container .field--name-field-org-rabotno-vreme .field__label{
  font-size:1.3rem;
  font-weight:400;
  margin-top:1rem;
  text-transform:uppercase;
}

.page-node-type-organizacija .main-container .field--name-field-org-rabotno-vreme .field__item {
  font-size:1.3rem;
  font-weight:400;
}

.page-node-type-organizacija .main-container .a-org-rak-vreme .field--name-field-staff-telefon,
.page-node-type-organizacija .main-container .a-org-rak-vreme .field--name-field-e-poshta{
  font-size:1.5rem;
  font-weight:400;
  line-height:1.3;
}

.page-node-type-organizacija .main-container .sekcija-slika-tekst .row {
  max-width:1265px;
  margin:0 auto;
}

.page-node-type-organizacija .main-container .sekcija-slika-tekst .field--type-text-with-summary h3::first-letter{
  border:none;
  padding:0;
}

.page-node-type-organizacija .main-container .sekcija-slika-tekst .field--type-text-with-summary h3{
  border-left:5px solid var(--a-theme-4);
  padding-left:1rem
}


.page-node-type-article .field--name-body h3::first-letter,
.page-node-type-article .field--name-field-body2 h3::first-letter {
  color: #000;
  font-size:1.5em;
  border-left:5px solid var(--a-theme-4);
  padding-left:1rem;
}

.a-gr-slika-tekst > .row > div {
  margin-bottom:0;
}

.a-gr-slika-tekst .a-section-left .sect {
  order:-1;
}

.field--name-field-sekcija-slika-tekst .field__item {
  margin-bottom:5rem;
}



/* - ORG TABLE - */
.a-table-org td{
  font-size:1.5rem;
  color:#333;
}

.a-table-org td strong{
  font-size:2rem;
  font-weight:500;
  color:#000;
}

.a-table-org tr > td:nth-child(1){
  width:20%;
}
.a-table-org tr > td:nth-child(2){
  width:30%;
}
.a-table-org tr > td:nth-child(3){
  width:35%;
}
.a-table-org tr > td:nth-child(4){
  width:15%;
}




/* - - - D24 DOCUMENTATION BLOCK - - - */

.field--name-field-org-documentation{
  width:100%;
  max-width:960px;
  margin:5rem auto;
  padding:2rem;
  border:1px solid#ccc;
  border-radius:10px;
  box-shadow:0 0 5px #0002
}

.field--name-field-org-documentation > .field__label{
  font-size:3rem;
  font-weight:400;
  text-transform:uppercase;
  text-align:center;
  margin:0 auto 5rem;
  padding-bottom:1rem;
  border-bottom:1px solid var(--a-theme-1);
  width:fit-content;
}

.document-desc{
  padding-bottom:2rem;
  margin-bottom:2rem;
  border-bottom:1px solid #ccc;
}

.document-desc > h2,
.document-desc .field--name-field-dokumenti-vrska .field__label,
.document-desc .field--name-field-dokumenti .field__label{
  display:none;
}

.document-desc .field--name-field-document-desc-txt {
  font-size:2rem;
  font-weight:400;
  margin-bottom:2rem;
}

.document-desc .field--name-field-dokumenti{
  margin: 0 0 2rem;
  padding: 0 2rem;
}

.document-desc .field--name-field-dokumenti-vrska {
  margin: 0 0 2rem;
  padding: 0 4rem;
  background-color: unset;
  max-width: unset;
  border: unset;
  border-radius: unset;
  box-shadow: unset;
}















/* - - - D24 JAVNI NABAVKI - - - */
.field--name-field-planirani-nabavki-na-esjn .field__label {
  font-size:3rem;
  font-weight:400;
  text-transform:uppercase;
  text-align:center;
  margin:3rem auto;
}

.field--name-field-nabavki-izmeni-link a{
  padding:1rem;
  border:1px solid var(--a-theme-1);
  border-radius:5px;
  margin:2rem;
  text-decoration:none;
}











/* - - - D24 REPORTS VIEW LIST - - - */

.view-a-izvestai .view-content .views-row .teaser h2{
  display:none;
}

.view-a-izvestai .view-content{
  width:100%;
  max-width:1265px;
  margin:0 auto;
  text-align:center;
}

.view-a-izvestai .view-content .views-row{
  float:left;
  width:18%;
  height: 320px;
  margin:2.5rem 1rem;
  border:1px solid #ccc;
  border-radius:5px;
  box-shadow:0 0 3px #0003;
  position: relative;
}

.view-a-izvestai .view-content .views-row .teaser{
  margin:0
}

.view-a-izvestai .view-content .views-row .teaser img{
  width:100%;
  height: 250px;
  object-fit:cover;
  object-position: top;
  border-radius:5px 5px 0 0;
  border-bottom: 1px solid var(--a-theme-4);
}

.view-a-izvestai .view-content .views-row .teaser a{
  display:block;
  font-size:1.35rem;
  line-height:1.1;
  color:#555;
  text-align:justify;
  text-decoration:none;
  padding: 260px 1rem 0;
  height: 320px;
  position: absolute;
  inset: 0;
  word-break:break-all;
}

.view-a-izvestai .view-content .views-row:hover{
  border:1px solid #999;
}

.view-a-izvestai .view-content .views-row:hover .teaser a{
  color:var(--a-theme-1);
  text-decoration:none;
}

/* - BS5 ACCORDION - */
.a-acc-indikatori .accordion-button{
  font-size:2rem;
  color:#050;
  background-color:#f5f5f5;
  height:50px;
}



/* - PROJECT LIST - */

.view-a-proekti{
  max-width:960px;
  margin:0 auto;
}

.view-a-proekti .views-row{
  margin-bottom:2rem;
  padding:1rem;
  border-bottom:1px solid #ccc;
}

.view-a-proekti .views-row .project.teaser h2 {
  display:block;
  width:100%;
}
.view-a-proekti .views-row .project.teaser h2 a{
  display:block;
  font-size:2.5rem;
  line-height: 1.3;
  color:#040 !important
}

.view-a-proekti .views-row .project.teaser h2 a:hover{
  color:#000 !important;
}

.view-a-proekti .views-row:hover{
  background-color:#f5f5f5;
}

.view-a-proekti .views-row .project.teaser .content{
  display:block;
  width:100%;
  text-align:center;
}

.a-project-status-date > div{
  display:inline-block;
  width:24%;
  text-align:center;
  padding:1rem;
  border:1px solid #777;
  font-size:1.5rem;
}

.field--name-field-project-status{
  font-weight:bold;
}











/* - PROJECT SINGLE PAGE - */

.page-node-type-project .project.full{
  max-width:1265px;
  margin:0 auto;
  text-align:justify
}

.page-node-type-project .project.full .field{
  margin-bottom:2rem
}

.page-node-type-project .project.full .field__label{
  color:#040;
  font-weight:400;
}

.a-project-data {
  max-width:1265px;
  margin:2rem auto;
  text-align:center;
}

.a-project-data > div{
  display:inline-block;
  width:19%;
  border:1px solid #ccc;
}
  
  
  
  
  


/* - OGLASI LIST - */

.view-a-oglasi{
  max-width:960px;
  margin:0 auto;
}

.view-a-oglasi .view-content {
  border:1px solid #ccc;
}

.view-a-oglasi .view-filters .form-actions{
  clear:unset;
  display:inline-block;
  height: 100%;
}

.view-a-oglasi .view-filters .form-submit{
  background-color:#fff;
  width:80px;
  height:50px;
  color:#050;
  margin:24px 0 0;
  padding:0;
  font-size:1.5rem;
}

.view-a-oglasi .view-filters .form-submit:hover{
  background-color:#f5f5f5;
  color:#000;
}

.view-a-oglasi .view-filters .form-control {
  font-size:1.5rem !important;
  height:50px;
}





/* - OGLASI ARHIVA - */

.a-oglas-arhiva{
  max-width:960px;
  margin:5rem auto 0;
}

.a-oglas-arhiva h2{
  display:block;
  width:100%;
  text-align:center;
  font-weight:bold;
  text-transform:uppercase;
  font-size:3rem;
  color:#050;
  border-bottom:1px solid #600;
  padding-bottom:1rem;
}

.a-oglas-arhiva h3{
  font-size:2rem;
  color:#030;
  padding-bottom:1rem;
}

.a-oglas-arhiva ul{
  margin-top:1rem;
  padding-left:5rem;
}


/* - OGLAS SINGLE - */
.oglas.full {
  width:960px;
  margin:0 auto;
}

.oglas.full .a-oglas-full-data{
  width:100%;
  padding:1rem;
  text-align:center;
  margin:2rem 0;
}

.oglas.full .a-oglas-full-data > div{
  display:inline-block;
  width:24%;
  text-align:center;
  border:1px solid #ccc;
}

.oglas.full .a-oglas-full-data .field--name-field-oglas-sostojba .field__item{
  font-weight:bold;
  color:#060;
}

.oglas.full .field--name-field-dokumenti-vrska{
  margin:1rem;
} 






/* - INFO JAVEN ZBIRNO - */

.content .a-info-javen-spoiler-2 {
  border:1px solid #ccc;
  margin-bottom:5rem;
}

.content .a-info-javen-spoiler-2 h3 {
  border:none !important;
  font-size:2.5rem;
  width:100%;
  color: #050;
  text-shadow:none;
  padding:1rem;
  background-color:#f5f5f5;
}

.content .a-info-javen-spoiler-2 h4 {
  display:block;
  width:100%;
  text-align:center;
  font-weight:bold;
}

.content .a-info-javen-spoiler-2 ul{
  padding:2rem !important;
  width:80%;
  margin-left:2rem;
}

.a-info-javen-spoiler-1 h2 {
  font-size:1.85rem;
  text-transform:uppercase;
  text-align:center;
  margin:5rem auto 2rem
}




/* - FINANSII LIST - */

.main-container .block-views-blocka-finansii-block-1,
.main-container .block-views-blocka-finansii-block-2,
.main-container .block-views-blocka-finansii-block-3,
.main-container .block-views-blocka-finansii-block-4,
.main-container .block-views-blocka-finansii-block-5,
.main-container .block-views-blocka-finansii-block-6,
.main-container .block-views-blocka-finansii-block-7,
.main-container .block-views-blocka-finansii-block-8,
.main-container .block-views-blocka-finansii-block-9,
.main-container .block-views-blocka-finansii-block-10{
    width: 100%;
    max-width: 960px;
    margin: 5rem auto;
    padding: 2rem;
    border: 1px solid#ccc;
    border-radius: 10px;
    box-shadow: 0 0 5px #0002;
}

.main-container .block-views-blocka-finansii-block-1 h2.block-title,
.main-container .block-views-blocka-finansii-block-2 h2.block-title,
.main-container .block-views-blocka-finansii-block-3 h2.block-title,
.main-container .block-views-blocka-finansii-block-4 h2.block-title,
.main-container .block-views-blocka-finansii-block-5 h2.block-title,
.main-container .block-views-blocka-finansii-block-6 h2.block-title,
.main-container .block-views-blocka-finansii-block-7 h2.block-title{
    display: block;
    font-size: 3rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto 5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--a-theme-1);
    width: fit-content;
}

.main-container .block-views-blocka-finansii-block-1 .field--name-title,
.main-container .block-views-blocka-finansii-block-2 .field--name-title,
.main-container .block-views-blocka-finansii-block-3 .field--name-title,
.main-container .block-views-blocka-finansii-block-4 .field--name-title,
.main-container .block-views-blocka-finansii-block-5 .field--name-title,
.main-container .block-views-blocka-finansii-block-6 .field--name-title,
.main-container .block-views-blocka-finansii-block-7 .field--name-title{
    display: inline-block;
    width: 100%;
    height: 30px;
    padding-left: 30px;
    position: relative;
  font-size:2rem;
    line-height: 30px;
    color:#050;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.3s ease-in-out;
}

.main-container .block-views-blocka-finansii-block-1 .finansov-izveshtaj.teaser,
.main-container .block-views-blocka-finansii-block-1 .finansov-izveshtaj.teaser h2,
.main-container .block-views-blocka-finansii-block-2 .finansov-izveshtaj.teaser,
.main-container .block-views-blocka-finansii-block-2 .finansov-izveshtaj.teaser h2,
.main-container .block-views-blocka-finansii-block-3 .finansov-izveshtaj.teaser,
.main-container .block-views-blocka-finansii-block-3 .finansov-izveshtaj.teaser h2,
.main-container .block-views-blocka-finansii-block-4 .finansov-izveshtaj.teaser,
.main-container .block-views-blocka-finansii-block-4 .finansov-izveshtaj.teaser h2,
.main-container .block-views-blocka-finansii-block-5 .finansov-izveshtaj.teaser,
.main-container .block-views-blocka-finansii-block-5 .finansov-izveshtaj.teaser h2,
.main-container .block-views-blocka-finansii-block-6 .finansov-izveshtaj.teaser,
.main-container .block-views-blocka-finansii-block-6 .finansov-izveshtaj.teaser h2,
.main-container .block-views-blocka-finansii-block-7 .finansov-izveshtaj.teaser,
.main-container .block-views-blocka-finansii-block-7 .finansov-izveshtaj.teaser h2{
  margin:0;
}

.main-container .block-views-blocka-finansii-block-1 .field--name-title:before,
.main-container .block-views-blocka-finansii-block-2 .field--name-title:before,
.main-container .block-views-blocka-finansii-block-3 .field--name-title:before,
.main-container .block-views-blocka-finansii-block-4 .field--name-title:before,
.main-container .block-views-blocka-finansii-block-5 .field--name-title:before,
.main-container .block-views-blocka-finansii-block-6 .field--name-title:before,
.main-container .block-views-blocka-finansii-block-7 .field--name-title:before{
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  content: "\f054";
  font-size: 1rem;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  text-align: center;
  top: 50%;
  left: 0px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
  z-index: 1;
  background: var(--a-theme-1);
  color: #fff;
  border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%; 
}

.main-container .block-views-blocka-finansii-block-1 .field--name-title:hover,
.main-container .block-views-blocka-finansii-block-2 .field--name-title:hover,
.main-container .block-views-blocka-finansii-block-3 .field--name-title:hover,
.main-container .block-views-blocka-finansii-block-4 .field--name-title:hover,
.main-container .block-views-blocka-finansii-block-5 .field--name-title:hover,
.main-container .block-views-blocka-finansii-block-6 .field--name-title:hover,
.main-container .block-views-blocka-finansii-block-7 .field--name-title:hover{
  padding-left: 35px;
  text-decoration: none !important;
  color: var(--a-theme-3);
}

.main-container .block-views-blocka-finansii-block-1 .field--name-title:hover::before,
.main-container .block-views-blocka-finansii-block-2 .field--name-title:hover::before,
.main-container .block-views-blocka-finansii-block-3 .field--name-title:hover::before,
.main-container .block-views-blocka-finansii-block-4 .field--name-title:hover::before,
.main-container .block-views-blocka-finansii-block-5 .field--name-title:hover::before,
.main-container .block-views-blocka-finansii-block-6 .field--name-title:hover::before,
.main-container .block-views-blocka-finansii-block-7 .field--name-title:hover::before{
  content: "\f324";
}

.main-container .block-views-blocka-finansii-block-1 .a-block-finansii,
.main-container .block-views-blocka-finansii-block-2 .a-block-finansii,
.main-container .block-views-blocka-finansii-block-3 .a-block-finansii,
.main-container .block-views-blocka-finansii-block-4 .a-block-finansii,
.main-container .block-views-blocka-finansii-block-5 .a-block-finansii,
.main-container .block-views-blocka-finansii-block-6 .a-block-finansii,
.main-container .block-views-blocka-finansii-block-7 .a-block-finansii{
  padding: 0 4rem;
  margin-bottom:2rem;
}















/* - DOKUMENTACIJA STUDII LIST - */
.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii{
  width:1265px;
  max-width:100%;
  margin:0 auto;
}

.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii .views-row{
  margin-bottom:0rem;
  padding:4rem 0;
  border-bottom:1px solid #ddd;
}

.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii .views-row:hover{
  background-color:#f5f5f5;
}

.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii .views-row .views-field-title {
  width: 94%;
  display:inline-block;
  padding-left:1rem;
}

.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii .views-row .views-field-title a{
  display:block;
  font-size:1.9rem;
  font-weight:400;
  color:#333;
  padding-left:1rem;
}

.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii .views-row .views-field-title:before{
  content:"";
  display:block;
  width:5px;
  height:30px;
  border-left:3px solid var(--a-theme-4);
  position:absolute;
}

.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii .views-row .views-field-published-at {
  width: 6%;
  display:inline-block;
  right:1rem;
  position:relative;
}

.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii .views-row .views-field-published-at span{
  font-size:1.5rem;
  font-weight:400;
  color:#500;

}

.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii .views-row .views-field-field-document-desc-txt {
  width:80%;
  padding:1rem;
  font-size:1.6rem;
  color:#555;
}

.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii .views-row .views-field-field-dokumenti-vrska {
  width:80%;
  margin:2rem;
}

.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii .views-row .views-field-field-dokumenti-vrska a{
  font-size:1.6rem;
  color:#050;
  position: relative;
  display: inline-block;
  padding-left:30px;
  line-height:30px;
  width:100%;
  overflow: hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s ease-in-out;
}

.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii .views-row .views-field-field-dokumenti-vrska a:before{
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  content: "\f054";
  font-size: 1rem;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  text-align: center;
  top: 50%;
  left: 0px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
  z-index: 1;
  background: var(--a-theme-1);
  color: #fff;
  border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%; 
}

.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii .views-row .views-field-field-dokumenti-vrska a:hover{
  padding-left:35px;
  text-decoration:none !important;
  color: var(--a-theme-3);
}

.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii .views-row .views-field-field-dokumenti-vrska a:hover::before{
  content: "\f324";
}

.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii .views-row .views-field-field-dokumenti-vrska li{
  margin:0;
}

.page-node-type-strana-so-sekcii .view-a-dokumentacija-studii .views-row .views-field-field-dokumenti-vrska ul{
  list-style-type: none;
}




.page-node-type-document-desc .document-desc.full {
  width:1265px;
  max-width:100%;
  margin:0 auto;
  min-height:500px;
}





/* - MINISTRI - */

.view-a-staff{
  max-width:960px;
  margin:0 auto;
}

.view-a-staff .grid {
  text-align:center;
  margin-bottom:5rem
}

.view-a-staff .grid img{
  width:200px;
  height:265px;
  object-fit:cover;
  margin-bottom:1rem;
  box-shadow:0 0 15px #0002;
  border:1px solid #0002;
  border-radius:1rem;
}

.view-a-staff .grid .views-field-title a{
  font-size:1.8rem;
  font-weight:400;
  color:#050;
  text-decoration:none;
}

.view-a-staff .grid .views-field-field-article-subtitle {
  font-size:1.5rem;
}

.view-a-staff .views-field-field-e-poshta .field-content {
  font-size:1.1rem
}









/* - - - STAFF VRABOTENI 25 - - - */

#block-views-block-a-staff-block-3 .view-content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(28rem, 1fr));
    gap: 3rem;
}

#block-views-block-a-staff-block-3 .views-row:nth-of-type(1),
#block-views-block-a-staff-block-3 .views-row:nth-of-type(2) {
    grid-column: 1 / -1;
    max-width: 35rem;
    width: 100%;
    margin: 0 auto;
}

#block-views-block-a-staff-block-3 .view-content h3 {
    grid-column: 1 / -1;
    font-size: 2.6rem;
    font-weight: 700;
    color: #111;
    margin: 4rem 0 2rem 0;
    padding-bottom: 1.5rem;
    border-bottom: 0.3rem solid #900;
}

#block-views-block-a-staff-block-3 .view-content h3:first-child {
    margin-top: 1rem;
}

#block-views-block-a-staff-block-3 .views-row {
    background: #fff;
    border: 0.1rem solid #e1e4e8;
    border-radius: 0.8rem;
    box-shadow: 0 0.4rem 1.2rem rgba(0,0,0,0.06);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: left;
}

#block-views-block-a-staff-block-3 .views-row:hover {
    transform: translateY(-0.4rem);
    box-shadow: 0 0.8rem 1.6rem rgba(0,0,0,0.1);
}

#block-views-block-a-staff-block-3 .views-field-field-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background-color: #f4f4f4;
    flex-shrink: 0; 
}

#block-views-block-a-staff-block-3 .views-field-field-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}

#block-views-block-a-staff-block-3 .views-row:hover .views-field-field-image img {
    transform: scale(1.05);
}

#block-views-block-a-staff-block-3 .views-field-title {
    height: 6rem;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 700;
    color: #222;
    padding: 1rem 2rem 0 2rem;
    line-height: 1.2;
    overflow: hidden;
}

#block-views-block-a-staff-block-3 .views-field-title a {
    text-decoration: none;
    color: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#block-views-block-a-staff-block-3 .views-field-title a:hover {
    color: #900;
}

#block-views-block-a-staff-block-3 .views-field-field-staff-zvanje {
    height: 7rem;
    font-size: 1.4rem;
    color: #900;
    font-weight: 500;
    padding: 0.5rem 2rem 1rem 2rem;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#block-views-block-a-staff-block-3 .views-field-field-e-poshta {
    height: 5.5rem;
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    color: #555;
    padding: 0 2rem;
    word-break: break-all;
    text-decoration: none;
    background-color: #fcfcfc;
    border-top: 0.1rem solid #f0f0f0;
    line-height: 1.4;
    margin-top: auto; 
}

#block-views-block-a-staff-block-3 .views-field-field-e-poshta .field-content {
    position: relative;
    padding-left: 2.2rem;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#block-views-block-a-staff-block-3 .views-field-field-e-poshta .field-content::before {
    content: '✉';
    position: absolute;
    left: 0;
    top: 0;
    color: #900;
    font-size: 1.4rem;
}

#block-views-block-a-staff-block-3 .views-field-field-staff-zvanje:empty {
    height: 7rem;
    padding: 0;
}

#block-views-block-a-staff-block-3 .views-field-field-e-poshta .field-content:empty {
    padding: 0;
}

#block-views-block-a-staff-block-3 .views-field-field-e-poshta .field-content:empty::before {
    display: none;
}




/* - - - STAFF SINGLE - - - */
.page-node-type-staff .staff.full .content {
    display: grid;
    grid-template-columns: 30rem 1fr;
    /* KEY FIX: 
       We explicitly tell rows 2 and 3 (contact and work) to only be as tall as their content.
       The '1fr' last row absorbs all the extra height from the long biography.
    */
    grid-template-rows: min-content min-content min-content 1fr;
    gap: 1.5rem 4rem; /* Reduced row-gap to 1.5rem */
    align-items: start;
    grid-template-areas: 
        "photo title"
        "contact bio"
        "work bio"
        ". bio"; /* Bio spans down into this empty space */
}

/* --- Left Column: Contact Info --- */
.page-node-type-staff .a-staff-info {
    grid-area: contact;
    background-color: #f8f9fa;
    padding: 2.5rem;
    border-radius: 1.2rem;
    border: 1px solid #e1e4e8;
    margin-bottom: 0;
}

.page-node-type-staff .field--name-field-sektoroddelenie-staff {
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color: #666;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.page-node-type-staff .field--name-field-staff-funkcija {
    font-size: 2rem;
    color: #900;
    font-weight: 700;
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

.page-node-type-staff .field--name-field-staff-zvanje {
    font-size: 1.6rem;
    color: #333;
    margin-bottom: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
}

.page-node-type-staff .a-staff-info .field--label-inline {
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
}

.page-node-type-staff .a-staff-info .field__label {
    font-size: 1.2rem;
    color: #888;
    margin-bottom: 0.4rem;
}

.page-node-type-staff .a-staff-info .field__item a {
    font-size: 1.6rem;
    color: #111;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

.page-node-type-staff .a-staff-info .field__item a:hover {
    color: #900;
    text-decoration: underline;
}

/* --- Left Column: Work / Job Description --- */
.page-node-type-staff .a-staff-rabota {
    grid-area: work;
    margin-top: 0; /* Reset margin since it's in a grid flow now */
    padding: 0;
    border: none; /* Remove the separator line */
}

.page-node-type-staff .a-staff-rabota .field--name-field-staff-opis-rabota .field__label{
  display:none;
}
.page-node-type-staff .a-staff-rabota .field__label {
    font-size: 1.4rem;
    font-weight: 700;
    color: #111;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    border-bottom: 2px solid #900;
    display: inline-block;
    padding-bottom: 0.5rem;
}

/* Adjusting the inner text box for the narrower column */
.page-node-type-staff .a-staff-rabota .field__item p {
    font-size: 1.4rem;
    line-height: 1.6;
    color: #444;
    background: #fff;
    border: 1px solid #eee;
    padding: 1.5rem; /* Slightly reduced padding */
    border-radius: 0.8rem;
    margin-bottom: 1.5rem;
}

.page-node-type-staff .a-staff-rabota .field__item strong {
    color: #000;
    font-weight: 600;
    display: block; /* Make labels stack for better readability in narrow col */
    margin-top: 0.8rem;
}

.page-node-type-staff .a-staff-rabota .field__item strong:first-child {
    margin-top: 0;
}

.page-node-type-staff .a-staff-rabota ul {
    list-style: none;
    padding: 0;
    margin-top: 1rem;
}

.page-node-type-staff .a-staff-rabota ul li {
    margin-bottom: 0.8rem;
}

.page-node-type-staff .a-staff-rabota ul li a {
    display: block;
    padding: 1.2rem;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 0.6rem;
    color: #333;
    text-decoration: none;
    font-size: 1.3rem; /* Slightly smaller for sidebar */
    font-weight: 500;
    transition: all 0.2s;
    position: relative;
    padding-left: 1.5rem;
}

.page-node-type-staff .a-staff-rabota ul li a:before {
    content: '↓';
    font-weight: 800;
    color: #900;
    margin-right: 0.8rem;
}

.page-node-type-staff .a-staff-rabota ul li a:hover {
    border-color: #900;
    color: #900;
    background-color: #fff9f9;
    transform: translateY(-0.2rem);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
}

/* --- Right Column: Biography --- */
.page-node-type-staff .a-staff-biografija {
    grid-area: bio;
    font-family: system-ui, -apple-system, sans-serif;
}

.page-node-type-staff .a-staff-biografija .field--name-body p {
    font-size: 1.6rem;
    line-height: 1.8;
    color: #333;
    margin-bottom: 2rem;
}

.page-node-type-staff .field--name-field-staff-obrazovanie {
    margin-top: 3rem;
    background: #fff5f5;
    padding: 2rem;
    border-left: 0.4rem solid #900;
    border-radius: 0 0.8rem 0.8rem 0;
}

.page-node-type-staff .field--name-field-staff-obrazovanie .field__label {
    font-size: 1.3rem;
    font-weight: 700;
    color: #900;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.page-node-type-staff .field--name-field-staff-obrazovanie .field__item {
    font-size: 1.6rem;
    font-weight: 600;
    color: #111;
}














/* - DOZVOLI LIST - */

.view-a-dozvoli{
  width:960px;
  max-width:100%;
  margin:0 auto;
}
.view-a-dozvoli .views-row {
  margin-bottom:1rem;
}

.view-a-dozvoli .views-row a{
  font-size:2rem;
  font-weight:300;
  color:#555;
  transition:all 0.2s ease-in-out;
}

.view-a-dozvoli .views-row:hover a{
  color:#050;
  text-decoration:none;
  font-weight:400;
}




/* - DOZVOLI PAGE FULL - */
.page-node-type-licence .licence.full{
  width:960px;
  max-width:100%;
  margin:0 auto;
}

.page-node-type-licence .licence.full .field--name-body a{
  display:block;
  color:#050;
  padding:0 1rem;
}
.page-node-type-licence .licence.full .field--name-body h4{
  margin:3rem 0 1rem;
}

.page-node-type-licence .licence.full .field--name-body p{
  margin:3rem 0;
  border:1px solid #ddd;
  padding:1rem;
}

.page-node-type-licence .licence.full .field--name-field-dokumenti-vrska{
  max-width:100%;
}




/* - INDIKATORI LISTA - */

.main-container .block-views-blocka-indikatori-grupi-block-1{
  width:960px;
  max-width:100%;
  margin:100px auto
}

.main-container .block-views-blocka-indikatori-grupi-block-1 .block-title {
  display:block;
  font-size:3rem;
  color:#050;
  text-align:center;
  text-transform:uppercase;
}

.main-container .block-views-blocka-indikatori-grupi-block-1{
  margin:10rem auto;
  padding:5rem 2rem;
  background-color:#f8f8f8;
  border:1px solid #ccc;
  border-radius:5px;
  box-shadow:0 0 2px #0002;
} 
.main-container .block-views-blocka-indikatori-grupi-block-1 .field-content{
  width:100%;
  height:30px;
  padding-left:0;
  margin-bottom:1rem;
} 
.main-container .block-views-blocka-indikatori-grupi-block-1 .field-content a{
  position: relative;
  display: inline-block;
  color:#555;
  padding-left:30px;
  line-height:30px;
  width:100%;
  overflow: hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s ease-in-out;
}
.main-container .block-views-blocka-indikatori-grupi-block-1 .field-content a:before{
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  content: "\f054";
  font-size: 1rem;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  text-align: center;
  top: 50%;
  left: 0px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
  z-index: 1;
  background: var(--a-theme-1);
  color: #fff;
  border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%; 
}
.main-container .block-views-blocka-indikatori-grupi-block-1 .field-content a:hover{
  padding-left:35px;
  text-decoration:none !important;
  color: #050;
}
.main-container .block-views-blocka-indikatori-grupi-block-1 .field-content a:hover::before{
  content: "\f324";
}









/* - INDIKATORI PAGE FULL - */

.page-node-type-indikator .indikator.full {
  width:1265px;
  max-width:100%;
  margin:0 auto;
}

.page-node-type-indikator .indikator.full .field--name-field-ind-broj,
.page-node-type-indikator .indikator.full .field--name-field-ind-kod,
.page-node-type-indikator .indikator.full .field--name-field-ind-name{
  display:inline-block;
  font-size:3rem;
  font-weight:600;
  margin:1rem 0;
  padding:0;
}

.page-node-type-indikator .indikator.full .field--type-text-with-summary,
.page-node-type-indikator .indikator.full .field--type-text-long,
.page-node-type-indikator .indikator.full .field--name-field-ind-obvrska{
  width:100%;
  margin:5rem 0;
  border:1px solid #ddd;
  border-radius:20px;
}

.page-node-type-indikator .indikator.full .field__label {
  display:block;
  width:100%;
  background-color:#f5f5f5;
  height:55px;
  font-size:2rem;
  text-transform:uppercase;
  color:#050;
  padding:1.5rem 2.5rem;
  margin-bottom:1rem;
  border-radius:20px 20px 0 0;
}

.page-node-type-indikator .indikator.full .field__item {
  padding:2rem;
}









/* - INDIKATORI GRUPA TEMA - */

.page-node-type-ind-group .ind-group.full {
  width:960px;
  max-width:100%;
  margin:0 auto;
}

.page-node-type-ind-group .ind-group.full > .content > .field{
  margin-bottom:50px;
}

.page-node-type-ind-group .ind-group.full > .content > .field > .field__label{
  font-size:2rem;
  font-weight:400;
  text-transform:uppercase;
  margin-bottom:1rem;
}

.page-node-type-ind-group .ind-group.full > .content > .field > .field__items {
  padding:1rem;
}






/* - CONTACT PAGE - */

.a-contact-page {
  max-width:960px;
  margin:0 auto;
}

.a-contact-page > img {
  width:200px;
  height:auto;
}

.content .a-contact-page > h3 {
  position: unset;
  width: 100%;
  font-family: "Roboto",Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  color: #050;
  text-shadow: none;
  padding: 0;
  background-color: unset;
  box-shadow: none;
  border:none;
}

.content .field--name-body .a-contact-page h3::first-letter{
  color: unset;
  font-size: unset;
  border-left: unset;
  padding-left: unset;
}









/* - SEARCH - */

.body--dxpr-theme-nav-desktop .block-full-screen-search{
  margin-top: 15px;
  margin-right:10px;
}
.body--dxpr-theme-nav-desktop .block-full-screen-search .btn-link,
.body--dxpr-theme-nav-desktop .block-full-screen-search svg {
  fill: #fff;
  color:#fff;
  width:20px;
  height:auto;
}

.search-help-link{
  display:none;
}

.path-search #block-dxpr-theme-content {
  width:1265px;
  max-width:100%;
  margin:10rem auto;
}

.path-search #block-dxpr-theme-content h2{
  font-size:3rem;
  text-transform:uppercase;
  text-align:center;
  margin:5rem
}

.path-search #block-dxpr-theme-content .input-group{
  width:600px;
  max-width:90%;
  margin:0 auto;
}

.path-search #block-dxpr-theme-content .node_search-results h3{
  font-size:2rem;
  margin-top:3rem;
}

.full-screen-search-form .full-screen-search-form-input .search-query {
  font-size: 5rem;
}






/* - - - D24 TEST THEME 2 - - - */

.page-node-567 .page-title-full-width-container{
  background: #369 url(/sites/default/files/alfa/img/design/raster-18.jpg) no-repeat center center /cover;
}

/* - Header H3 - */
.page-node-567 .main-container .sekcija-slika-tekst .field--type-text-with-summary h3,
.page-node-567 .content .field--name-body h3,
.page-node-567 .content .field--name-field-body2 h3{
  font-family: "Roboto";
  color: #333;
  background-color:transparent;
  box-shadow:unset;
  border-left: unset;
  border-bottom:1px solid var(--a-theme-4);
  padding-left: 0;
}
.page-node-567 .content .field--name-body h3::first-letter,
.page-node-567 .content .field--name-field-body2 h3::first-letter {
  color: var(--a-theme-4);
}



/* - TEST FRONT ABOUT - */
.path-frontpage #block-afrontabout-2 {}

.path-frontpage #block-afrontabout-2 img {
  height:540px;
  width:960px;
  max-width:unset;
  object-fit:cover;
}

.path-frontpage #block-afrontabout-2 .field--name-field-sec-comp-txt{
  padding-top:150px;
}













/* - WP GALLERY - */
.page-node-type-article .field--name-body h3,
.page-node-type-article .field--name-field-body2 h3 {
  background-color: unset;
  box-shadow: unset;
  margin:5rem 0 2rem
}

.page-node-type-article .content .field--name-body .wp-block-image{
  text-align:center;
}

.page-node-type-article .content .field--name-body .wp-block-image img{
  width:480px;
  height:270px;
  object-fit:cover;
  box-shadow:0 0 30px #0002
}

.page-node-type-article .breadcrumb {
  display:none;
}

.a-ingal{
  margin:0 0 10rem;
}

.blocks-gallery-item,
.a-ingal-img{
  display:inline-block;
  width:32.7%;
  height:178px;
  margin:1px 1px 10px
}

.blocks-gallery-item img,
.a-ingal-img img{
  width:100%;
  height:178px;
  object-fit:cover;
  box-shadow:0 0 5px #0002;
  border:1px solid transparent;
}

.blocks-gallery-item img:hover,
.a-ingal-img img:hover{
  filter:brightness(.8) saturate(.5);
  box-shadow:unset;
  border-color:var(--a-theme-4);
  transition:all 0.3s ease-in-out;
}









.path-frontpage .view-a-soopstenija .grid:first-child .grid__content img{
  height:220px;
}








/* --- URBANI ZAEDNICI --- */
.page-node-type-urbani-zaednici {
    color: #333;
    line-height: 1.6;
    padding: 20px;
}

/* --- The Main Article Card --- */
.page-node-type-urbani-zaednici .urbani-zaednici {
    width:960px;
    max-width: 100%;
    margin: 2rem auto;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.page-node-type-urbani-zaednici .urbani-zaednici .content {
    padding: 3rem 4rem;
}

/* --- Helper for old float layouts --- */
.page-node-type-urbani-zaednici .clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* --- Streets List Section --- */
.page-node-type-urbani-zaednici .urbani-zaednici .field--name-body h3 {
    font-size: 3rem;
    color: var(--a-theme-1);
    margin-top: 0;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 3px solid var(--a-theme-1);
}

.page-node-type-urbani-zaednici .urbani-zaednici .field--name-body ol {
    list-style: none;
    padding-left: 0;
    margin: 0;
    counter-reset: street-counter;
}

.page-node-type-urbani-zaednici .urbani-zaednici .field--name-body li {
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 12px 18px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 2rem;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.page-node-type-urbani-zaednici .urbani-zaednici .field--name-body li:hover {
    background-color: var(--a-theme-4);
    color:#fff;
    transform: translateX(5px);
}

/* Custom number bubble for the streets */
.page-node-type-urbani-zaednici .urbani-zaednici .field--name-body li::before {
    content: counter(street-counter);
    counter-increment: street-counter;
    margin-right: 15px;
    font-weight: bold;
    font-size: 2rem;
    background-color: var(--a-theme-1);
    color: #ffffff;
    min-width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* --- Address & Contact Info Sections --- */
.page-node-type-urbani-zaednici .field--name-field-urb-zaednici-sediste,
.page-node-type-urbani-zaednici .field--name-field-org-rakovoditel {
    margin-top: 1.5rem;
    padding: 1rem 1.5rem;
    background-color: #fafcff;
    border-left: 5px solid var(--a-theme-1); /* Accent bar */
    border-radius: 0 8px 8px 0;
}

/* Override the 'inline' label style for a cleaner, stacked look */
.page-node-type-urbani-zaednici .field--label-inline .field__label,
.page-node-type-urbani-zaednici .field--label-inline .field__item {
    float: none;
    display: block;
    width: 100%;
}

.page-node-type-urbani-zaednici .field--name-field-urb-zaednici-sediste .field__label,
.page-node-type-urbani-zaednici .field--name-field-org-rakovoditel .field__label{
    font-weight: 600;
    font-size: 1.5rem;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.page-node-type-urbani-zaednici .field--name-field-urb-zaednici-sediste .field__item,
.page-node-type-urbani-zaednici .field--name-field-org-rakovoditel .field__item{
    font-size: 2rem;
    color: #222;
}


.page-node-type-urbani-zaednici .field--name-field-urb-zaednici-sediste .field__item a {
    color: #0056b3;
    text-decoration: none;
    font-weight: 600;
}

.page-node-type-urbani-zaednici .field--name-field-urb-zaednici-sediste .field__item a:hover {
    text-decoration: underline;
}

/* --- Footer Section --- */
.page-node-type-urbani-zaednici .submitted {
    background-color: #f9f9f9;
    border-top: 1px solid #eee;
    padding: 1rem 2rem;
    text-align: right;
    font-size: 0.85rem;
    color: #777;
}

/* Hiding author and submission */
.page-node-type-urbani-zaednici .submitted {
    display: none;
}







/* - - - KOMISII 25 - - - */

		.page-node-type-komisija .content .a-komisija {
			border: 1px solid #ccc;
			border-radius: 1rem;
			overflow: hidden;
			background-color: #fff;
			box-shadow: 0 0px 15px #0002 ;
			max-width: 960px; /* Само за демонстрација */
			margin: 5rem auto; /* Само за демонстрација */
		}

		/* --- Стилизирање на главниот текст (телото) --- */
		.page-node-type-komisija .content .a-komisija .field--name-body {
			padding: 0 3rem;
			line-height: 1.6;
		}

		.page-node-type-komisija .content .a-komisija .field--name-body h3 {
			margin-top: 5rem;
			margin-bottom: 2rem;
			font-size: 1.3em;
			color: #500;
			border-bottom: 2px solid #fa2;
			padding-bottom: 6px;
		}

		.page-node-type-komisija .content .a-komisija .field--name-body ul {
			margin-left: 20px;
			padding-left: 0;
		}
		
		.page-node-type-komisija .content .a-komisija .field--name-body li {
			margin-bottom: 8px;
		}


		.page-node-type-komisija .content .a-komisija .field--type-entity-reference-revisions {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			padding: 16px 25px;
			background-color: #fafafa;
			border-top: 1px solid #eee;
		}

		/* --- Стил за лабелата и вредноста --- */
		.page-node-type-komisija .content .a-komisija .field--type-entity-reference-revisions .field__label {
			font-weight: 300;
			color: #777;
			font-size: 0.8em;
		}
		
		.page-node-type-komisija .content .a-komisija .field--type-entity-reference-revisions .field__item,
		.page-node-type-komisija .content .a-komisija .field--type-entity-reference-revisions .field__items {
			color: #500;
		}


		/* --- Специфично за .field--label-inline (Претседател, Раководител) --- */
		.page-node-type-komisija .content .a-komisija .field--label-inline .field__label {
			flex-basis: 200px;
			flex-shrink: 0;
			margin-right: 15px;
			padding-top: 2px;
		}

		.page-node-type-komisija .content .a-komisija .field--label-inline .field__item {
			flex-grow: 1;
			flex-basis: 250px;
			font-size: 1.05em;
			font-weight: 500;
		}

		/* --- Специфично за .field--label-above (Членови на комисијата) --- */
		.page-node-type-komisija .content .a-komisija .field--label-above .field__label {
			flex-basis: 100%;
			margin-bottom: 12px;
		}

		.page-node-type-komisija .content .a-komisija .field--label-above .field__items {
			flex-basis: 100%;
			margin: 0;
			padding: 0;
			list-style-type: none;
			width: 100%;
		}

		.page-node-type-komisija .content .a-komisija .field--label-above .field__item {
			padding: 8px 12px;
			background-color: #ffffff; /* Бела позадина за секој член */
			border: 1px solid #eaeaea;
			border-radius: 4px;
			margin-bottom: 6px;
		}
		
		.page-node-type-komisija .content .a-komisija .field--label-above .field__item:last-child {
			margin-bottom: 0;
		}
		
		
		



/* - - -  Komisija 2 25 - - - */
section#block-views-block-a-komisii-block-1 {
    max-width: 960px;
    margin: 5rem auto;
}

#block-views-block-a-komisii-block-1 {
    background-color: transparent;
}

#block-views-block-a-komisii-block-1 .views-row article.komisija.teaser {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 8px;
    box-shadow: 0 2px 8px -2px #0002;
    margin-bottom: 2.4rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 250px;
}

#block-views-block-a-komisii-block-1 .views-row article.komisija.teaser:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
    border-color: #ccd0d5;
}

#block-views-block-a-komisii-block-1 article.komisija.teaser h2 {
    background-color: #f8f9fa;
    margin: 0;
    padding: 1.5rem 2rem;
    font-size: 2rem;
    border-bottom: 1px solid #eaeaea;
    font-weight: 400;
}

#block-views-block-a-komisii-block-1 article.komisija.teaser h2 a {
    text-decoration: none;
    color: #2c3e50;
    display: block;
}

#block-views-block-a-komisii-block-1 article.komisija.teaser h2 a:hover {
    color: #900;
}

#block-views-block-a-komisii-block-1 article.komisija.teaser .content {
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

#block-views-block-a-komisii-block-1 .field--name-field-komisija-pretsedatel,
#block-views-block-a-komisii-block-1 .field--name-field-komisija-rakovoditel {
    flex: 1 1 45%;
    min-width: 280px;
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f0f0;
}

#block-views-block-a-komisii-block-1 .field--label-inline .field__label {
    font-weight: 300;
    color: #555;
    font-size: 1.4rem;
    margin-right: 1rem;
    white-space: nowrap;
}

#block-views-block-a-komisii-block-1 .field--label-inline .field__item {
    font-weight: 600;
    color: #900;
    padding: 0.4rem 1rem;
    border-radius: 4px;
    font-size: 2rem;
}

#block-views-block-a-komisii-block-1 .field--name-field-komisija-clenovi {
    flex-basis: 100%;
    margin-top: 1rem;
    padding-top: 1.5rem;
    border-top: 1px dashed #ddd;
}

#block-views-block-a-komisii-block-1 .field--name-field-komisija-clenovi .field__label {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    color: #555;
    font-weight: 300;
}

#block-views-block-a-komisii-block-1 .field--name-field-komisija-clenovi .field__items {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

#block-views-block-a-komisii-block-1 .field--name-field-komisija-clenovi .field__item {
    background-color: #6001;
    color: #900;
    padding: 0.6rem 1.2rem;
    border-radius: 2rem;
    font-size: 1.3rem;
    border: 1px solid #6002;
    transition: background-color 0.2s;
}

#block-views-block-a-komisii-block-1 .field--name-field-komisija-clenovi .field__item:hover {
    background-color: #6002;
}

#block-views-block-a-komisii-block-1 article.komisija.teaser .content:empty {
    padding: 0;
    display: none;
}

















/* - TABLE TABELI BODY 25 - */

.a-strana-sekcii-grupa table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 2rem 0;
    font-family: system-ui, -apple-system, sans-serif;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0.8rem;
    overflow: hidden;
    box-shadow: 0 2px 8px -2px #0002;
}

.a-strana-sekcii-grupa table tbody tr:last-child td {
    border-bottom: none;
}

.a-strana-sekcii-grupa table td {
    padding: 1.6rem 2rem;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    font-size: 1.5rem;
    line-height: 1.6;
    color: #333;
}

.a-strana-sekcii-grupa table td:first-child {
    width: 30%;
    min-width: 20rem;
    background-color: #f8f9fa;
    border-right: 1px solid #eee;
    color: #111;
}

.a-strana-sekcii-grupa table td:first-child strong {
    font-weight: 400;
    color: #900;
    display: block;
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.a-strana-sekcii-grupa table td p {
    margin: 0 0 1.2rem 0;
}

.a-strana-sekcii-grupa table td p:last-child {
    margin-bottom: 0;
}

.a-strana-sekcii-grupa table td ul {
    margin: 1rem 0 1.5rem 2rem;
    padding: 0;
}

.a-strana-sekcii-grupa table td li {
    margin-bottom: 0.8rem;
    padding-left: 0.5rem;
}

.a-strana-sekcii-grupa table td a {
    color: #900;
    text-decoration: underline;
    text-underline-offset: 0.2rem;
    font-weight: 500;
}

.a-strana-sekcii-grupa table td a:hover {
    text-decoration: none;
    color: #000;
}












/*
 * ========================================
   FRONT ADS AND PAGE VIEW
 * ========================================
*/

/* 1. HOMEPAGE BLOCK WRAPPER STYLES */
#block-views-block-a-oglasi-block-2 {
    background-color: #f8f9fa;
    padding: 6.4rem 0;
    font-family: 'Roboto', sans-serif;
}

#block-views-block-a-oglasi-block-2 h2.block-title {
    font-size: 3rem;
    font-weight: 600;
    text-align: center;
    text-transform:uppercase;
    color: #333;
    margin-bottom: 3.2rem;
}

/* 2. UNIVERSAL ROW STYLES */
.view-a-oglasi .view-content {
    border: none;
}

.view-a-oglasi article.oglas.teaser {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    min-height: 60px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 1.2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.view-a-oglasi article.oglas.teaser:hover {
    background: #fafafa;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.view-a-oglasi article.oglas.teaser:hover h2 a {
    color: #900;
}

/* 3. CLICKABLE TITLE (60% width) */
.view-a-oglasi article.oglas.teaser h2 {
    flex-basis: 60%;
    order: 1;
    margin: 0;
    display: flex;
}

.view-a-oglasi article.oglas.teaser h2 a {
    flex-grow: 1; 
    display: block;
    line-height: 6rem;
    padding: 0 2.4rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: #555;
    text-decoration: none;
    transition: color 0.2s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 4. "display: contents" TRICK */
.view-a-oglasi article.oglas.teaser .content,
.view-a-oglasi article.oglas.teaser .a-oglas-full-data {
    display: contents;
}

/* 5. DATA FIELDS (10% width cells: Broj, Data, Rok) */
.view-a-oglasi .field--name-field-oglas-broj,
.view-a-oglasi .field--name-field-oglas-data,
.view-a-oglasi .field--name-field-oglas-rok {
    flex-basis: 10%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
    white-space: nowrap;
    overflow: hidden;
}

.view-a-oglasi .field--name-field-oglas-broj { order: 2; }
.view-a-oglasi .field--name-field-oglas-data { order: 3; }
.view-a-oglasi .field--name-field-oglas-rok { order: 4; }

/* 6. FIELD LABELS */
.view-a-oglasi .a-oglas-full-data .field__label {
    display: block;
    font-size: 1.0rem;
    font-weight: 400;
    color: #888;
    text-transform: uppercase;
    line-height: 1.2;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 7. FIELD VALUES */
.view-a-oglasi .a-oglas-full-data .field__item {
    font-size: 1.4rem;
    color: #300;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 8. STATUS BADGE (Last 10% cell) */
.view-a-oglasi .field--name-field-oglas-sostojba {
    flex-basis: 10%;
    flex-shrink: 0;
    order: 5;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    padding-right: 2.4rem;
}

.view-a-oglasi .field--name-field-oglas-sostojba .field__label {
    display: none;
}

.view-a-oglasi .field--name-field-oglas-sostojba .field__item {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.4rem 0.8rem 0.3rem;
    border-radius: 12px;
    color: #fff;
    display: inline-block;
}

.view-a-oglasi .Активен .field__item {
    background-color: #050;
}

.view-a-oglasi .Завршен .field__item {
    background-color: #600;
}

.view-a-oglasi .field--name-field-oglas-sostojba:not(.Активен):not(.Завршен) .field__item {
    background-color: #6c757d;
}



/* - SLUZBENI GLASNICI VIEW - */

#block-dxpr-theme-content {
    max-width: 96rem;
    margin: 5rem auto;
    padding: 0 2rem;
    font-family: system-ui, -apple-system, sans-serif;
    color: #333;
}

.field--name-field-article-subtitle {
    font-size: 1.4rem;
    color: #666;
    margin-bottom: 2rem;
    font-weight: 300;
}

.field--name-field-image img {
    width: 100%;
    height: auto;
    border-radius: 0.8rem;
    box-shadow: 0 1rem 2rem rgba(0,0,0,0.08);
    margin-bottom: 3rem;
}

.field--name-field-article-lead-text {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: #000;
    line-height: 1.4;
}

.field--name-body {
    font-size: 1.6rem;
    line-height: 1.8;
    color: #444;
}

#block-views-block-a-soopstenija-block-8 {
    max-width: 96rem;
    margin: 0 auto 6rem;
    padding: 0 2rem;
}

#block-views-block-a-soopstenija-block-8 h2.block-title {
    display: none;
}

#block-views-block-a-soopstenija-block-8 .view-content h3 {
    font-size: 2.4rem;
    color: #900;
    margin: 4rem 0 1.5rem;
    padding-bottom: 0.8rem;
    border-bottom: 0.2rem solid #eee;
    position: relative;
}

#block-views-block-a-soopstenija-block-8 .view-content h3::after {
    content: '';
    position: absolute;
    bottom: -0.2rem;
    left: 0;
    width: 6rem;
    height: 0.2rem;
    background-color: #900;
}

#block-views-block-a-soopstenija-block-8 .views-row {
    border-bottom: 0.1rem solid #f0f0f0;
    transition: all 0.2s ease;
}

#block-views-block-a-soopstenija-block-8 .views-row:last-child {
    border-bottom: none;
}

#block-views-block-a-soopstenija-block-8 .views-row:hover {
    background-color: #f9f9f9;
    transform: translateX(0.5rem);
}

#block-views-block-a-soopstenija-block-8 .views-field-field-dokumenti-vrska a {
    display: flex;
    align-items: center;
    padding: 1.6rem 1rem;
    text-decoration: none;
    color: #333;
    font-size: 1.6rem;
    font-weight: 500;
}

#block-views-block-a-soopstenija-block-8 .views-field-field-dokumenti-vrska a::before {
    content: '';
    display: inline-block;
    width: 2.4rem;
    height: 3rem;
    margin-right: 2.5rem;
    border: 0.2rem solid #900;
    border-radius: 0.3rem;
    background: 
        linear-gradient(135deg, transparent 0%, transparent 80%, #900 80%, #900 100%),
        linear-gradient(to bottom, transparent 0, transparent 0.6rem, #900 0.6rem, #900 0.8rem, transparent 0.8rem, transparent 1.2rem, #900 1.2rem, #900 1.4rem, transparent 1.4rem, transparent 1.8rem, #900 1.8rem, #900 2rem, transparent 2rem);
    background-size: 100% 100%, 1.2rem 100%;
    background-position: center, 0.6rem 0;
    background-repeat: no-repeat;
    opacity: 0.8;
    flex-shrink: 0;
}

#block-views-block-a-soopstenija-block-8 .views-field-field-dokumenti-vrska a:hover {
    color: #900;
}

nav.pager-nav {
    margin-top: 4rem;
    padding-top: 3rem;
    border-top: 0.1rem solid #eee;
}

ul.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.page-item .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 4.5rem;
    height: 4.5rem;
    padding: 0 1.2rem;
    border: 0.1rem solid #e0e0e0;
    border-radius: 0.4rem;
    background-color: #fff;
    color: #555;
    text-decoration: none;
    transition: all 0.2s;
    font-weight: 600;
    font-size: 1.4rem;
}

.page-item .page-link:hover {
    border-color: #900;
    color: #900;
    background-color: #fff5f5;
}

.page-item.is-active .page-link {
    background-color: #900;
    border-color: #900;
    color: #fff;
}

.page-item.disabled .page-link {
    background-color: transparent;
    border-color: transparent;
    color: #aaa;
    cursor: default;
}





/* --- CONTACT FORM --- */

.contact-form h3 {
  font-size:2.2rem;
}

.contact-form strong{
  font-weight:400;
}

/* 1. Main Form Container */
.html .contact-form {
  display: block;
  width: 900px;
  max-width: 100%;
  margin: 3rem auto 5rem;
  padding: 3rem;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  background-color: #f9f9f9;
  box-sizing: border-box;
}

/* 2. Grid Layout */
.html .contact-form .fieldset-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
}

/* This applies the grid to your FIRST form that has no fieldsets */
.html .contact-form form:not(:has(fieldset)) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
}

#contact-message-predlozi-problemi-form  .field--type-telephone{
  grid-column:unset;
}

/* 3. Fieldset and Legend Styling */
.html .contact-form fieldset {
  border: 1px solid #ddd;
  padding: 2rem;
  margin-bottom: 2.5rem;
  border-radius: 5px;
}

.html .contact-form legend {
  padding: 0 1rem;
  font-size: 2rem; /* 20px */
  color: #369; /* Theme color */
}

/* 4. Full-Width Grid Items */
.html .contact-form .field--type-string-long,
.html .contact-form .field--type-file,
.html .contact-form .field--type-datetime,
.html .contact-form .field--type-telephone,
.html .contact-form .form-actions,
.html .contact-form .fieldset-wrapper > .description {
  grid-column: 1 / -1;
}

/* 5. General Field and Label Styling */
.html .contact-form .form-item {
  margin: 0;
}

.html .contact-form label {
  font-size: 1.3rem; /* 13px */
  color: #333;
  padding: 0 0 0.8rem 0;
  display: block;
}

/* Target all common input types */
.html .contact-form input[type="text"],
.html .contact-form input[type="email"],
.html .contact-form input[type="tel"],
.html .contact-form input[type="date"],
.html .contact-form select,
.html .contact-form textarea {
  background: #fff;
  font-size: 1.6rem; /* 16px */
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}

/* 6. File Upload Field (Visuals) */
.html .contact-form .js-form-managed-file {
  display: flex;
  align-items: stretch;
}

.html .contact-form .js-form-managed-file .js-form-file {
  flex-grow: 1;
  margin-right: 10px;
  height: 40px;
  padding: 5px;
}

.html .contact-form .js-form-managed-file .js-form-submit {
  flex-shrink: 0;
  width: auto;
  height: 40px;
  margin: 0;
  padding: 0 15px;
}

/* 7. Multi-value Field ("Add More") */
.html .contact-form .field-multiple-table {
  width: 100%;
  border: none;
  border-collapse: collapse;
}

.html .contact-form .field-multiple-table th {
  padding: 0;
  border: none;
  background-color: transparent;
  text-align: left;
}

.html .contact-form .field-multiple-table th h4 {
  font-size: 1.6rem; /* Match label font size */
  color: #333; /* Match label color */
  padding: 0 0 0.8rem 0; /* Match label bottom padding */
  font-weight: normal; /* Override default bold */
  margin: 0; /* Remove default h4 margin */
}

.html .contact-form .tabledrag-handle,
.html .contact-form .tabledrag-toggle-weight-wrapper,
.html .contact-form .delta-order {
  display: none;
}

.html .contact-form .field-multiple-table td {
  padding: 0;
  border: none;
}

.html .contact-form .field-add-more-submit {
  display: block;
  font-size: 1.4rem; /* 14px */
  padding: 8px 15px;
  margin: 2rem auto 0;
  max-width: 270px;
  width: 100%;
  background-color: #369;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.html .contact-form .field-add-more-submit:hover {
  background-color: #00568c;
}

/* 8. Helper Descriptions (Visuals) */
.html .contact-form .description {
  display: block;
  font-size: 1.4rem; /* 14px */
  color: #666;
  margin-top: 8px;
  line-height: 1.4;
}

/* 9. Submit Button */
.html .contact-form .form-actions {
  text-align: center; /* Center the button within the actions wrapper */
}

.html .contact-form .form-actions .form-submit.btn-primary {
  display: inline-block;
  padding: 12px 30px;
  text-transform: uppercase;
  border-radius: 5px;
  margin: 2rem 0 0;
  font-size: 1.6rem; /* 16px */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  background-color: #369;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
}

.html .contact-form .form-actions .form-submit.btn-primary:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  background-color: #00568c;
  border: none;
}

/* 9.5 Date field */
.contact-form .field--type-datetime{
  margin-top:3rem;
}

.contact-form .field--type-datetime .label {
	font-weight:400;
}

/* --- 10. Mobile Responsiveness --- */
@media (max-width: 767px) {
  .html .contact-form {
    width: 100%;
    padding: 2rem 1.5rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
  }

  /* Change all grids to a single column */
  .html .contact-form form:not(:has(fieldset)),
  .html .contact-form .fieldset-wrapper {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  /* Limit file input width on mobile */
  .html .contact-form .js-form-managed-file .js-form-file { /* NEW RULE ADDED */
    max-width: 250px;
  }
}