/* RESET */


:root {
  
    --inter: 100;
    --inter-light: 300;
    --inter-regular: 400;
    --inter-medium-light: 450;
    --inter-medium: 500;
    --inter-medium-bold: 550;
    --inter-bold: 700;
    --inter-black: 900;
    
    --main-weight: var(--inter-regular);
}


     body {
         display:flex; 
           flex-direction:column; 
     }      

     body, html { height:100%;}

     html, body, div, section, ul, li {
        color: #444;
        /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
        font-family: 'Inter', sans-serif;
        font-size: 1rem;
        line-height: 1.2;
        margin:0;
        padding:0;
     }

    
     a {
         text-decoration:none;
     }

     body { background-color:#fafafa; }
     
     em { font-weight: normal; }
     
     footer {
         background-color:#fff; 
         margin-top:auto;
     }
     
     h3 { 
         color: rgb(31, 106, 196); 
         font-size: 1rem; 
         margin-bottom: 10px;
     }
     h3:not(:first-of-type) {
         margin-top: 18px;
     }
     

    h4 { 
        margin:0; 
        padding:0;
    }
     
     
    dl {
        display: grid;
          grid-template-columns: max-content 1fr;
          gap: 2px 20px;
          align-items: start;
        margin:0 ;
    }

    dt {
        margin: 0;
        min-width: 160px;
        white-space: nowrap;
    }

    dd {
        color: #444;
        font-weight: var(--inter-medium-light); 
        line-height: 1.2;
        /*font-weight: bold;*/
        margin: 0; 
    }
     
    li { list-style-type:none; }
    
 /* end RESET */


 
 
 
 .scrollMarginTop {
     scroll-margin-top: 170px;
 }
 @media(max-width:800px){
     
    .scrollMarginTop {
        scroll-margin-top: 100px;
    }
 }
 
 
 
 .el-broder-1 {
     border: solid 1px #ddd; 
     padding:4px 8px;
 }


 .period {
     display:inline-block;
     width:150px;
 }
 
 
 
 /* HEAD */
 
.ppg-head {
   background-color:#fff;  
   margin:auto;
   margin-top:0;
   position:fixed;
     top:0;
   width:100vw; 
   z-index: 11;
}

.ppg-head__first-row {
   align-items:center;
   display:flex;
   justify-content:space-between;
   margin:auto;
   max-width:1100px;
   padding:20px 0px;
}

#fsb-logo { 
   background-position: left center;
   background-repeat:no-repeat;
   background-size: contain;
   height:60px;
   width:420px;
}
@media only screen and ( max-width:1150px ) {

   #fsb-logo {
       margin: 0 0 0 30px;
   }
}


#lang-cont {
   align-items:center;
   background-color: #dadad5;
   display:flex; 
   justify-content:center;    
   margin: 0;   
   margin-right:0px;
   padding: 10px;  
   text-align:center;
}
@media(max-width:1140px) {
    #lang-cont { margin-right:10px;}
}
    #lang-cont a {
        color:#444;
        font-weight: bold;
    }

    #lang-cont:hover  {
        background-color: #eaeaea;
    }
    #lang-cont:hover a {
        color:rgb(31, 106, 196);
    }

    
    
@media(max-width:600px) {

    .ppg-head__first-row { 
        text-align:center;
    }

    #fsb-logo {
       /*background-image:url('../img/fsb_logo_i_znak.svg');*/
       /*background-size: 160px auto;*/
       /*background-position: left center;*/
       margin-right: 20px;
    } 
}

 /* */
 
 
 
 
/* MAIN CONTETN*/ 

/*     ul.ppg-lnavig-0 {
        padding-bottom:0;
        padding-top:0;
     }

     ul.ppg-lnavig-1 {
       margin-left: 12px; 
       padding-top:8px;
     }

     .ppg-lnavig-1 li {
          color: #1f6ac4;
          font-size:0.86rem;
          font-weight: normal;
          padding: 5px 0;
      }

      .ppg-lnavig__el--active {
      }*/


      .main-col2 {
      }

      .main-col2 div h2 {
          margin-top: 12px;
      }

      .main-col2 div:first-child h2 {
          margin-top: 0;
      }
      @media only screen and ( max-width:500px ) {
            .main-col2 div:first-child h2 { margin-top: 30px; }
      }


      .main-content--content { margin: 16px 8px;}
      
    .ppg-cont {
        display:flex; 
        flex-grow:1;
        align-items: stretch;
        /* flex-wrap:wrap; */
        margin:0 auto; 
        max-width:1140px;
        width: 100%;
/*        padding: 0 10px; */
    }

    .main-content--cont {
       background-color: #fff;        
       flex-grow:1; 
       margin-top:20px; 
/*       padding: 0 6px;*/
    }
    
    .main-content--cont h2 {
        background-color: rgb(218, 218, 213);
        border-left-color: rgb(31, 106, 196);
        border-left-style: solid;
        border-left-width: 6px;
        border-radius: 2px;
        color: rgb(31, 106, 196);
        font-family: Helvetica, Arial, sans-serif;
        font-size: 17.6px;
        font-weight: 700;      
        
        padding: 6px 20px;
    }
    
  
    .main-content--cont li {
       /*border: solid 1px rgb(221, 221, 221);*/
       margin: 14px 0;
/*       padding: 4px 8px;*/
    }
        .main-content--cont li p {
            margin: 0;
            text-align: justify;
        }
        .main-content--cont li h1 {
            font-size: 1rem;
            font-weight: var(--inter-medium-bold);
            margin:0;
            padding: 0;
        }
        
    .main-content--cont p {
       /*border: solid 1px rgb(221, 221, 221);*/
       margin: 0;
       margin-bottom: 6px;
       padding: 0 ;
    }
    
    
    
    .ppg-profile-photo {
        background-color: #fff;
        vertical-align:top;
    }

        .ppg-profile-photo img {
            margin: 20px;
            max-width:160px; 
        } 

    .ppg-basic-info {
        background-color: #fff; 
        flex-grow:1; 
        padding: 0px 20px 0 20px;
    }



     .cv-list {
        
     }

     .cv-list li {
         margin: 6px 0;
     }


     
     @media only screen and ( max-width:600px ) {

         .ppg-profile-photo {
             display:none;
         }

     } 


    .cv-list__heading {
        vertical-align:top;
    }

    .main-col2 {
        display:flex; 
        flex-direction:column;
        max-width:840px;
        padding-top:0;
    }


    .basic-info {
        display:flex;
    }

    .profile-photo-mobile {
        display:none; 
        text-align:center; 
        margin:20px 0;
    }


    @media only screen and ( max-width:600px ) {

        .cv-list {
            text-align: center;
        }

        .cv-list__heading {
            font-size:2rem;
            margin: 12px auto 0 auto;
        }

        .cv-list__title {
            font-style:italic;
        }


        .cv-list li {
            padding: 2px 0;
        }

        .profile-photo-mobile {
            display:block; 
            padding: 20px 0;
        } 

    }     
     
/* */




/* LIJEVA NAVIGACIJA */

    .ppg-lnavig {
        background-color:#fff;   
        border: solid 1px #ccc; /* #1f6ac4;  */   
        margin: 20px;         
        padding: 20px;   
        position:relative;                         
        width:190px;           
       /*  position: -webkit-sticky; Safari 
        position: sticky;
        top: 20px;       */     
    }


        .ppg-lnavig ul {
            padding: 18px 0;
        }

        .ppg-lnavig li {
            font-size:0.95rem;
            font-weight:600;
            padding: 6px 8px;
        }

            .ppg-lnavig li a { 
                color: #666;
                color: #1f6ac4; 
            }

            .ppg-lnavig li a:hover {
                text-decoration:underline;
            }


    @media only screen and ( max-width:800px ) {

        .ppg-lnavig {
            display:none;
        }
    }

/* */