/*

    NORMALIZE 
    Utility Classes
    HEADER
        HEADER & NAVIG
        MOBILE FIRST

    MAIN CAROUSEL
    BIG INFO BOX
    TRUNCATE TEXT
    RECT BOXES
    FOOT
    FORM
    MISC
    RECT WITH NEWS LIST - heading and date
    CONTACT
    PROJECT
    PUBLIKACIJE LISTA
    RECURSIVE-IMG-HEDING-LIST
    TAB SIMPLE
    TIMELINE
    KLASIFICIRAJ

*/





/*  Utility Classes  */

    .clearfix {
       *zoom: 1;
     }
     .clearfix:before, 
     .clearfix:after {
       content: '';
       display: table;
     }
     .clearfix:after {
       clear: both;
     }

/* end Utility Classes  */




/* za TinyMCE */
        
    figure.align-center {
        text-align:center;
    }
    
    figure.image img {
        max-width: 100%;
    } 
        
/* za TinyMCE */





/* HEADER */

    /*  HEADER & NAVIG  */
    
        .header {
            max-width: 1400px;
            margin: auto;
        }
    
      /*  MOBILE FIRST  */
        
        .head__nav {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            padding: 14px 0;
        }


        .head__nav-cont1 {   
            display: flex;
            justify-content: space-between;
            padding:24px 0 0 0;
        }        


        .head__nav-cont2 {
            display:flex;
            justify-content: space-between;
            margin: 14px 0 0 0;
        }
              
    
        .head__logo-acg {
            background-image : url('../img/acg_logo_s.svg');
            background-repeat: no-repeat;
            background-size  : contain;
            background-position: left center;
            min-width:200px;    
                /* width:50%; */
        }
        
        .head__logo-acg--1200 {
            background-image : url('../img/acg_logo_s.svg');
            background-repeat: no-repeat;
            background-size  : contain;
            background-position: left center;
            min-width:120px;    
                /* width:50%; */
        }
        
        
                
        .head__logo-fsb-icon {
            background-image: url('../img/fsb_logo_znak_blue.svg');
            background-repeat: no-repeat;
            background-origin: content-box;
            background-size: contain;
            background-position: right center;  
            box-sizing: border-box;
            height:80px;
            min-width:140px;
            padding: 12px 0;
        }
       
        .head__logo-fsb-full {
            background-repeat: no-repeat;
            background-size  : auto;
            background-position: left center;
            display:none;
            height:80px;
            width:300px; 
        }
        
        .head__lang {
           background-color: #f0f0f0;
           display:inline-block;
           font-weight: bold;
           margin-top:10px;
           padding: 6px 16px;
           vertical-align: middle;
        }
        
        
        .head__mm-cont1 {
            
        }
        
        .head__mm-cont2 {    
            background-color: pink;
            position: relative;
        }
        
        .head__mm {
            background-color: #fff;
            box-sizing: border-box;
            display:none;    
            z-index: 1111;
            margin-right: 14px;
            padding: 0px 0;  /* 50px */
        }
        
        #head__mm-cbx {
            display:none;
        }
        
        
            .head__mm li {  
                box-sizing: border-box;               
                margin    : 0;
                padding   : 8px 16px;
                text-align: center
            }
           
                .head__mm li a {  
                    color:#777;
                    font-size: 0.85rem; /* 0.85rem; */
                    font-weight:400;
                }
                .head__mm li a:hover {
                    border-bottom: solid 3px #207abe;
                    color: #444;
                }
             
        .head__mm-el--selected {
            border-bottom: solid 3px #207abe;
        }
        
        .head__mm-toggle {
            background-image:url("../img/nav-mob-grey80.svg");
            background-repeat:no-repeat;
            display:inline-block;
            height:44px; 
            width: 44px;
        }
        
        #head__mm-cbx:checked + label {   
            background-image:url("../img/nav-mob-close-grey80.svg");
        }
        
        #head__mm-cbx:checked + label + .head__mm {
            display:block;
            /*left:-94vw; */
            position:absolute;
            width:100vw;
            right:-14px;
            /*transform:translate(-89vw, 100px); */
        }
        
      /* end MOBILE FIRST */
        
      
              
        .head__logo-fsb-med {
            background-image   : url("../img/fsb_logo_med.png"); 
              background-size  : contain; 
              background-repeat: no-repeat; 
            display: none;
            margin : 6px 0 0 40px;
            width  : 200px; 
            height : 40px;  
        }

        
        .head__logo-znak {
            background-image   : url("../img/fsb_logo_znak_blue.svg"); 
              background-size  : contain; 
              background-repeat: no-repeat; 
            display: none;
            margin : 6px 0 0 40px;
            width  : 200px; 
            height : 40px;  
        }
        
        
        .head__logo-cont {
            margin : 0 0 0 24px;  
            display:flex; 
   
        }
      
        
        
        
      @media  only screen and ( max-width:1480px ) {
          
           .head__nav-cont2 {
              align-items:flex-start;
              justify-content:flex-end;   
           }
          
           .head__mm-cont1 {
              margin: 0 24px 0 24px;
           }     
           
           .head__logo-and-lang {
               margin-left: auto;
           }
      }
      
      
      @media  only screen and ( max-width:1280px ) {
      
          .head__nav-cont1 {
              display:none;
          }
      
          .head__logo-acg--1200 {
              display: block;
          }
          
          .head__lang {
              margin-top: 0;
          }
          
          .head__mm-toggle {
              margin-bottom: -6px;
          }
          
          .head__logo-fsb-full-for-med {
              
              /*display: auto;*/
          }
          
          .head__mm {
              padding: 50px 0;
          }
          
          .head__mm li a {
              font-size: 1rem;
          }
          
      }
      
      
      
      @media  only screen and ( max-width:800px ) {
          
          .head__logo-fsb-full-for-med { display: none; }
          
          .head__logo-fsb-med   { display: inline-block; margin-left: 24px; }
           
          .head__logo-cont      { margin-left: 12px; }
          
          .head__logo-and-lang  { margin-right: 0; }
          
          .head__mm-toggle-cont { margin-right: 12px; }         
      }
           
      
      @media  only screen and ( max-width:600px ) {
          
          .head__nav           { padding-top: 0; }
          
          .head__logo-fsb-med  { display: none; }
          
          .head__logo-znak     { display: inline-block; margin: 10px 0 0 16px; width: 40px; }
                 
          .head__lang          { padding: 5px 16px; }
      }
      
      
      /*  media MIN WIDTH 800px  */     
        @media  only screen and ( min-width:1280px ) {
            
            .head__logo-and-lang{
                margin-left:auto;
            }     
            .head__logo-fsb-icon {
                display: none;
            }
          
            .head__logo-fsb-full {
                display:inline-block;
            }
        
            .head__lang {
                color:#444;
                margin: 0 0 0 130px;
            }
            .head__lang:visited {
                color:#444;
            }
            
            .head__nav-cont2 { 
                flex-direction: column;
                margin:0;
            }
            
            .head__mm-cont1 {
                align-items: center;
                display:flex;
                justify-content: flex-end;
            }
            
            .head__logo-acg--1200 {
                display: none;
            }
            
            .head__mm-toggle {
                display: none;
            }
            
            .head__logo-fsb-full-for-med {
                display: none;    
            }
            
            .head__nav {
                flex-direction: row;
                justify-content:space-between;
            }
            
            .head__mm {
               display:flex;   
            }    
    
      }
      
    /*  end HEADER & NAVIG  */
  
  
/* end HEADER */





/*  MAIN CAROUSEL  */ 
    
    #homepage-main-carousel {
        height:600px;        
        max-width:100%;          
        margin:auto;
        overflow:hidden; 
        position: relative;
    }


        .homepage-main-carousel__slide {
            height:600px; 
            background-size: cover;
            background-repeat:no-repeat;
        }


        .homepage-main-carousel__overlay {
            background-color:rgba(0, 0, 0, 0.3); /* 1f6ac4 */
            box-sizing:border-box;
            border-radius: 8px;
            color:#fff;
            display:block;
            height:360px; 
            margin: 120px auto;
            padding: 0px 0px;
            width:70%;
              max-width:800px;
              min-width: 320px;
        }


            .homepage-main-carousel__overlay h1 { 
                /* font-size: 2.8rem;
                 font-weight: 800;   */
            }

            .homepage-main-carousel__overlay span { 
                /* display:block;
                 font-size: 1.4rem;
                 font-weight: 800;
                 margin: 10px 0;  */
            }

            .homepage-main-carousel__overlay span:first-of-type,
            .homepage-main-carousel__overlay span:last-of-type {
                font-weight: 600;
            }
            
/*  end MAIN CAROUSEL  */  




/*  BIG INFO BOX  */  

    .bigInfoBoxCont {
        background-color: #fbfbfb;
        box-sizing: border-box;
        display:flex; 
          flex-grow:1;
          justify-content: space-around;
        margin:auto; 
        max-width: 1400px;
        padding: 24px 0;   
    }

    .bigInfoBox {
        background-color: #f1f3f2; /* #edebe7  #f8f8f8; */
        box-sizing: border-box;                    /* STAVI DA JE TO DEFAULT */
        border-radius: 1%;
        display:flex;
          flex-direction: column;
        margin: 0 24px;
        padding: 28px;
    }


        .bigInfoBox h1 {
            color: #444;
            font-size: 1.3rem;
            font-weight: bold;        
            margin: 0 0 14px 0;    
        }
        .bigInfoBox h2 a {
            color: #444;
            font-size:1rem;
            font-weight: 600;
            line-height: 1.45;
            margin:14px 0 0 0;
        }

        .bigInfoBox p {
            color: #444;
            font-size:1rem;
        }
        
/*  end BIG INFO BOX  */




/* TRUNCATE TEXT */

    /* styles for '...' */ 
    .block-with-text {
        
      /* hide text if it more than N lines  */
      overflow: hidden;
      
      /* for set '...' in absolute position */
      position: relative; 
      
      /* use this value to count block height */
      line-height: 1.2em;
      
      /* max-height = line-height (1.2) * lines max number (3) */
      max-height: 2.4em; 
      
      /* fix problem when last visible word doesn't adjoin right side  */
      text-align: justify;  
      /* place for '...' */
      margin-right: -1em;
      padding-right: 1em;
    }
    
    /* create the ... */
    .block-with-text:before {
      /* points in the end */
      content: '...';
      /* absolute position */
      position: absolute;
      /* set position to right bottom corner of block */
      right: 0;
      bottom: 0;
    }
    
    /* hide ... if we have text, which is less than or equal to max lines */
    .block-with-text:after {
      /* points in the end */
      content: '';
      /* absolute position */
      position: absolute;
      /* set position to right bottom corner of text */
      right: 0;
      /* set width and height */
      width: 1em;
      height: 1em;
      margin-top: 0.2em;
      /* bg color = bg color under block */
      background: #f1f3f2;
    }

/* end TRUNCATE TEXT */




/* RECT BOXES */
 
    .rect-boxes {
        background-color: #fbfbfb;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        margin: 50px auto;
        max-width: 100%;
    }


        .rect-boxes__news {
            background-color: #f1f3f2; /* #f8f8f8   #f8f7f2 #f9ec96     */
            border: solid 1px #f1eff1;
            border-radius: 6px;
            box-sizing: border-box;
            display:flex;
            flex-direction: column;
            flex-shrink: 0;
            margin: 24px 0 24px 0;         
            width: 300px;
            overflow:hidden;
            position:relative;
        }        
            .rect-boxes__news .imgCont {
                background-repeat: no-repeat;
                background-size: cover;
                max-height: 200px;
                min-height: 200px; 
                width: 300px;
            }

            .rect-boxes__news  h1 {
                color: #005eb8;
                font-size:1.2rem;
                font-weight: 600;
                line-height: 1.2;
                margin: 12px 24px 12px 24px;   
                /* max-height: 140px; */
                overflow: hidden;
                text-align:left; 
            }
            
          
            .rect-boxes__abstract {          
                color: #444;
                font-size:1rem;
                font-weight:400;                
                margin: 12px 24px;
                /* min-height: 40px;
                margin: 12px 24px 24px 24px;                   
                overflow:hidden; */
            }
        
            .rect-boxes__link {
                color:#888;
                display:block;
                font-size:0.85rem;
                font-weight:400;
                margin: auto 24px 24px 0; 
                text-align:right; 
            }
                .rect-boxes__link a {
                    color:#888; 
                    cursor:pointer;
                    font-size:0.85rem;
                    font-style:italic; 
                    font-weight:400;
                }
            
            .rect-boxes__link:visited {          
                color:#888;
            }
            .rect-boxes__link:hover {          
                color:#005eb8;
                text-decoration: underline;
            }
            
            .rect-boxes__date {
                color: #888;
                font-size:0.85rem;
                font-style: italic;
                font-weight:400;      
                margin: auto 24px 24px 24px;       
                text-align: right;
            }           
            
            
            
/*            
            .rect-boxes__news  p {
                color: #444;
                font-size:1rem;
                font-weight:400;      
                margin: 24px;                   
                height: 120px;           
            }            
*/
/*            .read-more {
                color: #6456a4;
                cursor:pointer;
                display:block;
                font-size:0.85rem;
                font-weight:400;      
                margin: 24px;                
                text-align:right;
            }            
            
            .read-more:hover {
                text-decoration: underline;
            }
*/            
/* end RECT BOXES */




/*  FOOT  */    
    
    .foot {
        background-color: #444;
        margin:50px 0 0 0;
        width: 100%;
    }
    
    
    .foot-cont {
        box-sizing: border-box;
        color: #fff;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        position: relative;
    }

    
    .foot-cont__el {
        background-color:#666;
        box-sizing: border-box;
        border-radius: 1%;
        flex-grow: 1;
        flex-shrink: 1;
        margin: 14px;
        padding: 14px;
    }
/*
style='padding:24px; width: 200px;'
style='width:390px; margin: 0 44px;'
style='width:600px; margin:0; '
*/
    
    .foot-cont__el:nth-child(1) {
        display:none;
        margin: 14px;
    }


    
    .foot-cont__el h2 {
        font-size: 1.1rem;
    }
   
    .footer-nav {
        margin: 20px 0 0 20px;
    }
    
    .footer-nav li {
        margin: 0 0 6px 0;
    }

    .footer-nav li:last-child {
        margin: 26px 0 0 0;    
    }
    
    
    .footer-nav a {
        color: #fff;
    }
  
    
    
    .foot-cont__list-with-images {
        font-size: 1rem;
    }


    .foot-cont__list-with-images li {
         align-items: center;
         display:flex;
         flex-direction: column;
         margin: 20px 0;
         text-align: center;
    }

    .foot-cont__list-with-images li div {
        margin: 0 0 14px 0;
    }
    
    .foot-cont__list-with-images_icon img {
         height: 50px;
    }


    
    .acompl-list {
        text-align: center;
        
    }  
    
        .acompl-list dt {
            font-size: 1rem;
            font-weight: bold;
            margin: 14px 0 0 0;
        }  
          
        .acompl-list dd {
            font-size: 2rem;
            font-weight: bold;
        
        }  

        
        .foot-cont__top-shorcut {
            background-color: #000; 
            background-image: url("../icons/top.svg"); 
            background-repeat: no-repeat;
            background-size: contain; 
            background-origin: content-box;
            background-position: 0px 5px;
            display:inline-block; 
            height:30px;
            opacity: 0.4;
            position:absolute; 
            padding:7px; 
            right:0; 
            top:0; 
            width:30px;                  
        }
        
        
        
        
        @media only screen and ( min-width:800px ) {
            
            .foot-cont {
                flex-wrap: nowrap;
                justify-content: space-between;
                margin: auto;
                max-width: 1400px;
            }
            
            .foot-cont__el:nth-child(1),
            .foot-cont__el:nth-child(2) {
                display:initial; 
            }

                .foot-cont__list-with-images li {    
                    flex-direction: row;
                    text-align: left;
                }    
                
                .foot-cont__list-with-images li img {
                    width: 60px;
                    padding: 0 22px;
                }
                .foot-cont__list-with-images li:nth-child(1) img {
                    width: 80px;
                    padding: 0 14px;
                }
                
                .foot-cont__list-with-images li div {

                }    
                
    }
        
/*  end FOOT  */ 




/* FORM */

    .input-basic {
        background-color: transparent;
        border: solid 1px #aaa;
        box-sizing: border-box;
        margin: 10px 0 0 0;
        padding: 4px 8px;
        width:100%;
    }     

    .input-basic-godina {
        padding: 0 8px;
    }
/* end FORM */




/* MISC */

    .underline {
        border-bottom: solid 4px #1f6ac4;
    }

    .expand-after::after {
        content: "\25BC";   
    }
    
    
    .info,
    .info-err,
    .info-ok {
        border: 2px solid #aaa;
        border-radius: 4px;
        display: flex;
           align-items: center;
           justify-content: center;
        font-size: 1.6rem;
        font-weight: bold;
        margin: 24px auto;
        max-width: 600px;
        padding: 24px;
    }
    
    .info i,
    .info-err i,
    .info-ok i {
        font-size: 3.4rem;
        margin: 0 30px 0 0;
    }
    
    .info-err {
         border: 2px solid #CD5D7D;
         color: #CD5D7D;
    }
    .info-ok {
         border: 2px solid #70AF85;
         color: #70AF85;
    }
    
    
/* end MISC */




/* RECT WITH NEWS LIST - heading and date */

    .list-news {}
    
    .list-news__date {
        color:#888;
        font-size: 0.85rem;
        font-style:italic; 
        text-align:right;
    }

/* RECT WITH NEWS LIST */








/* CONTACT */  
        
    .text-big {
        font-size:1.4rem;
        margin:0;
    }
    
    .bold {
        font-weight: bold;
    }
       
/* end CONTACT */



/*  POST DETAILS */
    
    .post-cont {
        display: border-box;
        flex-grow:1;
        min-width: 98%;
        max-width: 100%;
        overflow: hidden;
    }    

        .post__h1 {
            margin:0 0 12px 0;  
            min-width:100%;
        }    
        
        .post__h2 {
            margin:40px 0 20px 0px;
        }    

        .post__abstract {
            background-color: #fafafa; 
            margin:0 0 12px 0;
            width:96%; 
        }    

        .post__img-main {
            float:left; 
            margin: 0 24px 24px 0; 
            max-width:500px;  
            width:100%; 
        }

        .post__content {
            background-color: #fafafa; 
            display: inline-block; 
            margin: 4px 0 0 0; 
            width: 100%; 
        }
        
        
        @media  only screen and ( max-width: 1260px ) {
        
            .post-info-boxes__cont {
                justify-content: space-around;
            }

        }
    
    
    @media  only screen and ( max-width: 800px ) {
        
        .post__img-main {
            display: block;
            float: none;
            margin : 12px auto;
        }
    }
        
        
/* end POST DETAILS */



/* POST INFO BOXES LIST */

    .post-info-boxes__cont {
        display:flex; 
        flex-wrap:wrap; 
            justify-content: space-between; 
        max-width:1320px; 
        margin:auto;
    }  

/* end POST INFO BOXES LIST */
    
    
    
/* PROJECT */

    .project-column {
        background-color: #fafafa; 
        box-sizing: border-box;
        margin: 0 0px 0 0;
        max-width: 48%; 
        min-width:340px;
        padding:30px;
    }

    .project-column__heading {
        color:#444;
        display:block; 
        font-weight: bold; 
        font-size:1.4rem;
        margin: 0 0 30px 0; 
    }
       
    
    @media  only screen and ( max-width: 1000px ) {
        
        .project-column {
            margin: 20px auto;
            max-width: 100%; 
            padding: 0;
        } 
        
    }

    @media  only screen and ( max-width: 700px ) {
        
        .project-column {
            padding: 0;
        } 
        
    }
    
/* kraj PROJECT */




/* PUBLIKACIJE LISTA */

    .publikacije-lista__autori {
        color:#888;
        display:block; 
        font-size: 0.85rem;
        font-style:italic;        
    }
    
    
    
    
    
    
    .pub-list {
        margin: 0 30px;
    }
        
      .pub-list__li {
          margin: 10px 0 0px 0;   
      }
      
        .pub-list__article {
            display:flex;
              align-items: stretch;
              flex-wrap: no-wrap;
              justify-content: space-between;
            font-size: 0.9rem;
            /*margin: 0 30px;*/
        }
        
            .pub-list__icon {
                color: #aaa;
                padding: 8px 20px;
            }

            .pub-list__authors {
                /*background-color: #eee;*/
                border-bottom: solid 1px #efefef;
                border-radius:4px;
                margin: 0 10px 0 0;
                max-width: 260px;
                min-width: 260px;
                overflow: hidden;
                padding: 6px 0px 12px 0;
                font-style: italic;
            }
    
            .pub-list__heading {
                /*background-color: #eee;*/
                border-bottom: solid 1px #efefef;
                border-radius: 4px;
                flex-grow: 1;
        
                font-size: 0.9rem;
                font-weight: normal;
                line-height: 1.5;
                margin: 0 10px 0 0;
                /* max-width: 42%;
                min-width: 42%; */
                padding: 6px 20px 12px 20px;
            }
            
            .pub-list__source {
                /*background-color: #eee;*/
                border-bottom: solid 1px #efefef;
                border-radius:4px;
                font-style: italic;
                max-width: 360px;
                min-width: 360px;              
                padding: 6px 20px 12px 20px;
            }
          
            
    @media  only screen and ( max-width: 1000px ) {

            .pub-list__authors {
                max-width: 160px;
                min-width: 160px;
                padding: 6px 0px 12px 0px;
            }
            
            .pub-list__source {
                max-width: 180px;
                min-width: 180px;
                padding: 6px 0px 12px 0px;
            }
    
    }        
    
    @media  only screen and ( max-width: 700px ) {
        
        .pub-list__article {
            flex-wrap: wrap;
            justify-content: flex-start;
        }
        
            .pub-list__icon {
                padding: 2px 12px 0 0;
            }

            .pub-list__authors {
                border-bottom: none;
                flex-grow: 1;
                max-width: 70%;
                padding: 0 0 12px 0;
            }

            .pub-list__heading {
                border:none;
                margin: 0 0 0 30px;
                padding:0 0 12px 0;
            }

            .pub-list__source {           
                flex-grow: 1;
                max-width: 100%;
                padding: 0 0 12px 30px;
                width: 100%;
            }

    }
    
            
            
/* kraj PUBLIKACIJE LISTA */




/* RECURSIVE-IMG-HEDING-LIST  */
.recursive-img-heding-list h1 {
    font-size:1.2rem; 
    font-weight:600; 
    margin:10px 0; 
    text-align:center;
}

.recursive-img-heding-list h2 {  
    font-size:1rem; 
    font-weight:600;
}


.recursive-img-heding-list li {    
    list-style-type: disc;
    margin: 0 0 0 20px;
}

    .recursive-img-heding-list li a {    
        color:#444;
        font-weight:600;
    }
    .recursive-img-heding-list li a:hover {    
        color:#207abe;
    }




/* TAB SIMPLE*/

    .tab-simple { 
        background-color:#fff;
        border: none; 
        border-left: solid 1px #ddd;            
        border-right: solid 1px #ddd; 
        border-top:none;
        box-sizing: border-box;
        display: block;
        padding: 20px; 
    }
 
    #tab-simple__cont {
        background-color:transparent;
        border-bottom: solid 1px #ddd;    
        width:100%;
    }
    
    #tab-simple__nav {
        background-color: transparent;
        border-bottom: solid 1px #ddd;
    }
    
    .tab-simple__el {
        background-color: #ddd;
        border-left: solid 1px #bbb;            
        border-right: solid 1px #bbb;
        display:inline-block; 
        font-size: 0.85rem;
        padding: 12px 24px;
    }
    
    .tab-simple__el--active {
        background-color: #fff;
        border: solid 1px #ddd;            
        border-bottom: solid 1px #fff;
        box-sizing: border-box;
        color:#000;
        font-size:1rem;
        font-weight: bold;
        margin-bottom: -1px;
    }
    
/* end TAB SIMPLE*/




/* TIMELINE */

    .events-cont,
    .events-cont--future,
    .project-cont {
        margin: auto;
        max-width:800px;
        padding: 20px 0;
    }
    
    
    .events-timeline-el,
    .events-timeline-el--future,
    .project-timeline-el {
        display:flex;
        margin: 0 0 30px 0;
    }
  
    
    .events-timeline-el__s1,
    .events-timeline-el__s1--future {        
        font-size: 0.85rem;
        font-style: italic;
        margin: 2px 10px 0 0;
        text-align:right;
    }
    
    .project-timeline-el__s1, 
    .project-timeline-el__s1--future {
       min-width: 100px;
    }        
            
    .events-timeline-el__s1, 
    .events-timeline-el__s1--future {
        text-align:left;
        min-width: 82px;
        max-width: 82px;
    }
    
    
    .events-timeline-el__s2, 
    .events-timeline-el__s2--future, 
    .project-timeline-el__s2 {  
        align-items: center;
        display:flex;
        flex-direction: column;
        margin: 0 10px 0 0;
    }
    
        .events-timeline-el__point,
        .events-timeline-el__point--future,
        .project-timeline-el__point {
            background-color: #666;
            border-radius: 8px;
            height: 16px;
            margin: 4px 0 10px 0;
            width:16px;
        }

        .events-timeline-el__point--future {
            background-color: #005eb8;
        }
        
        .events-timeline-el__line,
        .events-timeline-el__line--future,
        .project-timeline-el__line  {
            background-color: #aaa;
            flex-grow: 1;
            margin: 0 0 2px 0;
            width:6px;
        }   
     
        .events-timeline-el__line--future {
            background-color: #005eb8;
        }
        
        
    .events-timeline-el__s3, 
    .events-timeline-el__s3--future, 
    .project-timeline-el__s3 {    
      
    }
    
        .events-timeline-el__naziv,
        .events-timeline-el__naziv--future,
        .events-timeline-el__naziv--link,
        .project-timeline-el__naziv,
        .project-timeline-el__naziv--link {
            color:#444;
            display:block;
            font-weight: bold;
        }
        
        .events-timeline-el__naziv--link:visited,
        .project-timeline-el__naziv--link:visited {
            color:#444;
        }
        .events-timeline-el__naziv--link:hover,
        .project-timeline-el__naziv--link:hover {
            color:#207abe;
        }
        
        .events-timeline-el__sazetak, 
        .events-timeline-el__sazetak--future, 
        .project-timeline-el__sazetak {
            color: #666;
            font-size: 0.85rem;
        }

/* kraj TIMELINE */




/*  KLASIFICIRAJ !!!!!!!!!!!!!! */

    .spacing-standard {
        padding:14px;
    }

    .news-list h2 {
        font-weight: 600;
        font-size: 0.9rem;
    }


    .news-list span {
        text-align:right;
        display:block; 
    }


    .greyItalicText {
        color:#888;
        display:block; 
        font-size: 0.8rem;
        font-style:italic; 
        margin:6px 0;
    }

    
    
    .publication-list__type {
        margin: 0 40px 0 0;
     }    
    
     
     
     
     
     
     
     
     
     
/*  end KLASIFICIRAJ !!!!!!!!!!!!!! */