/******************
   1. General
 ****************/

body {
 
  font-family: "Calibri", "Open Sans", Arial, sans-serif;
  line-height: 1.4;
  font-size: 16px;
  font-weight: normal;
  height:100%;
  background-color: #f8fafc;
}

ul {
  list-style-type: none;
  padding: 0; 
  margin: 0;
}


nav {
 background-image: linear-gradient(15deg,  #245682 0%, #3071a9 35%, #428bca 60%, #6aa3d5 85%,  #92bce0 95%, #fff 100%);
 border-bottom: 2px solid #9b1521;
}

#page {
 min-height: 700px;
}

#app{
  min-height: 700px;
}

.lang {
  font-size: 12px;
}


/* fix for bootstrap dropdown - removes the carret */
.caret-off::before {
    display: none;
}
.caret-off::after {
    display: none;
}

.item-links {
  padding:25px;
  text-align:center;
  justify-content: center;
}

/* end Main */ 

/******************
   2. Navigation
 ****************/
.nav-link {
    /*font-family: "ArsenalFont";*/
    font-weight:bold;
    transition:all 500ms
    padding: 0 1px 2px 1px;
}
.nav-link:hover {

    border-bottom: 2px solid #245682;
    padding-bottom: 2px;
    /*color:#fff;*/

}

.nav-selected {

  border-bottom: 2px solid #245682;
  padding-bottom: 2px;

}


.nav-brand {
  max-height:30px;
}

.nav-logo {
  max-height:40px;
}

.nav-img { 
  height:14px; 
  width:14px;
  margin-bottom:1px;
  padding: 0 1px 2px 1px;
    
}

.nav-divider {
  display:block;
  padding: .5rem 1rem;
  color: rgba(255,255,255,.5);
  background-color: transparent;
}

.top-line {
    /*padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem;
    display:block;
    box-sizing: border-box;*/

}

.bottom-line {

}

/* end Navigation */


/******************
   3. Front page
 ****************/

.main-panel {
  background-color: #fff;
  padding-top: 30px;
  padding: 25px;

/*  -webkit-box-shadow: -9px 11px 8px 0px rgba(233,233,233,1);
-moz-box-shadow: -9px 11px 8px 0px rgba(233,233,233,1);
box-shadow: -9px 11px 8px 0px rgba(233,233,233,1);*/



}




.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  
  
  .post-link {
    /* position:relative;
     float:left; */
  }

  .post-links {
    align-items: center;
    display:flex;
    justify-content: center;
  }

  .aside{
    background-color: #fff;
    padding: 30px 20px 25px 20px;
    /*max-height: 500px;*/


  -webkit-box-shadow: -9px 11px 8px 0px rgba(233,233,233,1);
-moz-box-shadow: -9px 11px 8px 0px rgba(233,233,233,1);
box-shadow: -9px 11px 8px 0px rgba(233,233,233,1);

  }

  /* Aside */


.side-list li {
    list-style: none;
}

.side-list {
    padding: 15px 20px 15px;
}

.side-list ul {
    display: block;
}

.side-list ul li {
    padding:0 5px;
    display: block;
    margin-bottom: 5px;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.side-list ul li a {
    display: block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


  .side-text {
      font-size:12px;
  }

  #main-nav {
      
  }

  #cover {
    /* display:none; */
    justify-content: center;
  }

  #cover img {
    height:250px;
    width:450px;
  }

  #slider {

  }



/******************
   4. Footer
 ****************/
 footer {
  background-image: linear-gradient(#245682 0%, #3071a9 25%, #428bca 50%, #6aa3d5 75%,  #92bce0 95%);
  border-top: 2px solid #9b1521;
  border-bottom: 2px solid #9b1521;
  margin-top:35px;
  color: #fff;
 }

 .footer__row {
     padding:40px 0;
 }

 .footer__column {
    text-align: left;
    margin-bottom: 20px; 
 }

 .footer__title {
    display: block;
    /*text-align: center;*/
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 20px;
 }

 .footer__ul {

 }

 .footer__li {
    margin-bottom: 1em;
    /*padding-left: 1.5em;*/

 }

 .footer__link {
  
 }

.footer__quiq-links a {
   color: #fff;
}

.footer__logo {
  width: 150px !important;
}

.footer__bu-logo {
  height: 100px;
  width: 80px;
}

.footer-contact__info {
     margin-bottom: 10px;
}

.footer-contact__info i {
     font-size: 30px;
     border: 1px solid #fff;
     margin-top: 5px;
     height: 40px;
     padding: 5px;
 }

 .footer-contact__info {
     display: flex;
     align-content: center;
     text-align: left;
 }

 .footer-contact__text span {
     font-size: 18px;   
     font-weight: 800;
 }

 .footer-contact__text {
     padding:0 10px;
 }

 .footer__bottom {
     background: #171819;
     padding: 10px 0;
     color: #818181;
     font-size: 10px; 
 }
 
 .footer__copy-right {
      text-align: left;
      margin-bottom: 0;
 }

 .footer__nav {
     text-align: right;
 }

 .footer__nav a {
     font-size: 10px; 
     padding: 10px 5px;
     color: #fff;
 }

.sem-wrapper {
    margin: 0 auto;
    max-width: 1100px;
}

/* end Footer */





/******************
   5. About
 ****************/

.sem-members {
  /*background-image: linear-gradient(15deg, #174873 0%, #4f7fb2 60%, #8197b7 90%, #fff 100%);*/
  background-image: linear-gradient(15deg,  #245682 0%, #3071a9 60%, #428bca 90%, #fff 100%);
  border-bottom: 2px solid #9b1521;
  color: #fff;

}

.lab-img {
/*  height:400px;
  width:500px;*/
}


/* SEM PREZENTACIJA */

/* PILLS */
.h-gradient {
  background-image: linear-gradient(15deg,  #245682 0%, #3071a9 35%, #428bca 55%, #6aa3d5 75%,  #92bce0 95%, #fff 100%);
}

.v-gradient {
  background-image: linear-gradient(#245682 0%, #3071a9 55%, #428bca 85%, #6aa3d5 100%);
}

.blue-pill {
  border-radius: 10px;
  padding: 2px;
  color:#fff;
      -webkit-box-shadow: -9px 11px 8px 0px rgba(233,233,233,1);
  -moz-box-shadow: -9px 11px 8px 0px rgba(233,233,233,1);
  box-shadow: -9px 11px 8px 0px rgba(233,233,233,1);
}

.pill-header {
  padding-top: 15px;
  padding-left: 15px;
  text-transform: uppercase;
}

.pill-text {
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: normal;
}



.white-pill {
  background-color: #fff;
  border-radius: 10px;
  padding: 2px;
  /*padding-bottom: 10px;*/
  border: 2px solid #245682;

}

.pill-label {
  border-radius: 4px;
  width:65%;
  color:#fff;
  display: block;
  padding:2px 2px 2px 10px;
  /*padding-left: 5px;*/
}



.lab-section {
  border-radius: 5px;
  background-color: #fff;
  /*background-color:#fff5cc;*/
  padding: 25px; 

  -webkit-box-shadow: -9px 11px 8px 0px rgba(233,233,233,1);
-moz-box-shadow: -9px 11px 8px 0px rgba(233,233,233,1);
box-shadow: -9px 11px 8px 0px rgba(233,233,233,1);
}
/* dark: #343a40*/

.lab-header {
  color:#212529;
  padding: 5px;
}

.lab-text {
  color:#212529;
  padding: 5px;
  font-weight: normal;
}


/* CONTACT */



.contact__info i {
     font-size: 20px;
     color:#245682;
     border: 1px solid #245682;
     /*margin-top: 5px;*/
     /*height: 40px;*/
     padding: 7px;
 }

.gallery-link {

} 

 a.gallery-link {
    text-decoration: none;
    color:#fff;
    font-weight: bold;
 }




.vertical-link {
    height: 50px;
    padding: 15px;
    text-align: center;
    background-color: #fff;
}

#v-pills-tab {

}

.horizontal-link {


}



/* end About */






/******************
   6. Gallery
 ****************/

  


.gallery-items li {
    list-style: none;
}

.gallery-items {
    padding: 20px 30px 80px;
    border-radius: 6px;
    /*background-color: rgb(20, 110, 153);*/
}
.gallery-items ul {
    display: block;
}

.gallery-items ul li {
    padding:0 10px;
    display: block;
    margin-bottom: 15px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.gallery-items ul li a {
    display: block;
    /*color: #fff;*/
    /*text-decoration: none;*/
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    /*text-transform: uppercase;*/
}

.gallery-img a:hoover {
 
}





/******************
   7. MEDIA
 ****************/

  
  @media (min-width: 768px) {

    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }


    .main-panel {
        padding: 25px 30px 30px 30px;


        -webkit-box-shadow: -4px 4px 7px 1px rgba(233,233,233,1);
        -moz-box-shadow: -4px 4px 7px 1px rgba(233,233,233,1);
        box-shadow: -4px 4px 7px 1px rgba(233,233,233,1);

    }
      
    #slider {
       
    }

    #cover{
        display:none;
    }

    .single-post {
        left:10%;
    }

    .post-card {
        width:85%;
    }

    .post-img {
      width:100%;
      height:200px;
        
    }

    .post-cover {
      width:100%;
      height:250px;
    }


    #app{
      margin-top:55px;
    }

    .side-img {
      width:95px;
      height:100px;

      float:right;
    }


    .horizontal-link {
        display:none;
    }

    #h-pills-tab {
      display:none;    
    }

    .contact-section {
      font-size: 18px;
      /*font-weight: bold;*/
    }


      .lab-img {
        height:400px;
        width:500px;
      }


  }


  @media (max-width: 768px) {


    body {
     
      font-family: "Callibri", "ArsenalFont", "Open Sans", Arial, sans-serif;
      line-height: 1.4;
      font-size: 14px;
      font-weight: normal;
      height:100%;
      background-color: #f8fafc;
    }

    .navbar-toggler {
      margin-right:10px;
      padding: 0 5px 0 5px;

    }


    .nav-logo {
      display: none;
    }

     .nav-link {
          font-size: 14px;
          padding-top:5px;
          padding-bottom: 5px;
          transition:all 500ms
      }
      .nav-link:hover {
          color: #174873;
          border-bottom: 2px solid #174873;
      }


      .top-line {
        display:none;
      }


    .post-img {
      /*width:225px;*/
      height:200px;
        
    }

    .post-cover {
      /*width:225px;*/
      height:200px;
    }

    .gallery-sublink {
     justify-content: center;

    }


 
    #slider {
        display:none;
    }


    #nivo-slider {
       display: none;
    }


    #cover{
      justify-content: center;
    }


    .nav-divider {
      display:none;
      
    }

    .aside {
        margin-top:25px;
        /*border-top: 1px solid black;*/
        padding-top: 25px;
    }

    .side-text {
        margin-top:15px;
        padding-top: 5px;
    }



      /* Footer */

       .footer__title {
          /*padding-left: 10px;*/
       }


       .footer__copy-right {
          text-align: center;
          margin-bottom:10px;
       }


       .footer__nav {
           text-align: center;
       }

       .footer__nav a {
           font-size: 10px; 
           padding: 5px 10px;
           color: #fff;
       }

      .left-side {
          display:none;
      }



      .right-side {
        justify-content: flex-start;
      }


      .lab-img {
        height:auto;
        max-width:320px;"
      }


      .horizontal-link {
        
      }

      .vertical-link {
        display:none;
      }

      #v-pills-tab {
        display:none;
      }

       #h-pills-tab {
        display: block;
      }

      .h-pill-link {

        padding:0 10px;
        display: block;
        margin-bottom: 15px;
        text-align:center;        
        text-decoration: none;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
       
      }

      .lab-panel {
        min-width: 100%;
      }

      .post-card {
        min-width:100%;
      }


      #sem-map {
        margin-top:45px;
        margin-left:5px;
        margin-right:5px;

      }


      .container {
        padding-left: 10px;
        padding-right: 10px;
      }
  }