/*html { font-size: 15px; }*/
/*body { font-size: 1.3em; } !* =14px *!!*/
/*h1   { font-size: 2.4em; } !* =24px *!*/

:root {
  --bs-forecolor: #002560; /* kolor pierwszoplanowy */
  --bs-headercolor: #002864; /* kolor pierwszoplanowy naglowka */
  --bs-highlightcolor: none; /* kolor elementow wyroznionych - a:hover */
  --bs-backcolor: white;
  --bs-font-size: 16px;
  transition-duration: 0.1s;
  transition-timing-function: linear;
}

#logoImg{

}

#main-header{

}

#navbarNavDropdown{

}

.gallery-title{
  font-size: 2em;

}

.carousel-caption {
  position: absolute;
  right: 45%;
  bottom: 1.5em;
  left: 5%;
  padding-top: 1em;
  padding-bottom: 2.5em;
  color: #fff;
  text-align: left;
}

.carousel-caption a{
  color: aqua;
}


#e-learning{
  background-image: url("../img/e-learning2.png");
  background-color: #eceeee;
  /*width: 340px; !* You must set a specified height *!*/
  background-position: right; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

#eduroam{
  background-image: url("../img/eduroam.png");
  background-color: #eceeee; /* Used if the image is unavailable */
  background-position: right; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  min-height: 100px;
}
#menu{
  padding-left: 10px;
}

#menu a{
  /*color: #dddddd;*/
  font-weight: bold;
  font-size: 1em;

}

#menu a:hover{
  text-decoration: underline;
}

#footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(2,2,2,0.5);
  color: white;
  text-align: center;

}

.fontUp{

}

.pdf_icon {
  width: 32px;
  margin: 0rem 1.5em;
}


.blog-post-title{
/*  padding-top:2em;*/
}

.blog-post{

}

.blog-post-meta{
  font-size: smaller;
}


.page-footer{
  background-color: var(--bs-forecolor);
  color: var(--bs-backcolor);
}

.page-footer a{
  font-size: small;
  background-color: var(--bs-forecolor);
  color: var(--bs-backcolor);
}

a {
  /* color: #0d6efd; */
  /* color: var(--bs-forecolor); */
  text-decoration: none;
  color: rgb(173, 66, 0);
  font-weight: normal;
  /* font-size: 1.2em; */
}

a:hover {
  /*color: #024dbc;*/
  /*font-weight: bolder;*/
  /*color: var(--bs-highlightcolor);*/
  text-decoration-color: #b21f2d;
  text-decoration: underline;

}



.standard-bg{
  background-color: var(--bs-backcolor);
}

.inwert-bg{
  background-color: var(--bs-backcolor);
}

.bs-text{
  color: var(--bs-forecolor);
  font-size: var(--bs-font-size);
}




.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-backcolor);
  background-color: var(--bs-forecolor);
  font-size: var(--bs-font-size);

}

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-backcolor);
  text-decoration: none;
  background-color: var(--bs-forecolor);
  font-size: var(--bs-font-size);

}


/*.dropdown-item.disabled, .dropdown-item:disabled {*/
/*  color: #6c757d;*/
/*  pointer-events: none;*/
/*  background-color: transparent;*/
/*}*/

/*.dropdown-menu.show {*/
/*  display: block;*/
/*}*/

.navbar-dark .navbar-nav .nav-link{
  background-color: var(--bs-forecolor);
  /*font-size: var(--bs-font-size);*/
  color: var(--bs-backcolor);
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(var(--bs-forecolor), 0.55);
}

.navbar-nav li {
    margin: 0;
    padding: 0 8px;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(var(--bs-forecolor), 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(var(--bs-forecolor), 0.25);
}

.card {
  background: none;
}

.menu-bar{
  background-color: #797979;
  background-color: var(--bs-forecolor);
  font-size: var(--bs-font-size);
  color: var(--bs-backcolor);
}


.menu-bar  a{
  color: var(--bs-backcolor);
  font-weight: normal;
  font-size: var(--bs-font-size);
}

.menu-bar  a:hover{
  color:var(--bs-highlightcolor);
  font-weight: normal;
  font-size: var(--bs-font-size);
}


@media (min-width: 400px) {
  root {
    font-size: 0.8em;
  }
  .display-6 {
    font-size: 0.9em;
  }
}

@media (min-width: 576px) {
  root {
    font-size: 1em;
  }

  .display-6 {
    font-size: 1.2em;
  }
}

@media (min-width: 768px) {
  root {
    font-size: 1.2em;
  }
  .display-6 {
    font-size: 1.2em;
  }
}

@media (min-width: 992px) {
  root {
    font-size: 1.4em;
  }
  .display-6 {
    font-size: 1.4em;
  }
}

@media (min-width: 1200px) {
  root {
    font-size: 1.6em;
  }
  .display-6 {
    font-size: 2.0em;
  }
}

@media (min-width: 1400px) {
  root {
    font-size: 1.8em;
  }
  .display-6 {
    font-size: 2.0em;
  }


}

.card-text a {
  font-size: 12px;
}

/**/


/*.my-header {position: fixed; width: 100%; height: 100px; padding-top: 1%; transition: all 0.4s ease;}*/
/*.my-header img {width: 100%;}*/
/*.my-header .logo {float: left; margin: 0;}*/
/*.my-header.small {height: 80px; background: #1e7e34;}*/
/*.my-header.small .logo img{width: 80%; transition-duration: 0.2s; transition-timing-function: linear;}*/


/*.my-header { height:11em;transition-duration: 0.2s; transition-timing-function: linear;}*/
/*.my-header.small #logoImg{width: 100%; transition-duration: 0.4s; transition-timing-function: linear;}*/
/*.my-header.small #main-header{font-size: 2.3em; transition-duration: 0.4s; transition-timing-function: linear;}*/



/*.my-header.small { height:7em; transition-duration: 0.4s; transition-timing-function: linear;}*/
/*.my-header.small #logoImg{width: 70%; transition-duration: 0.4s; transition-timing-function: linear;}*/
/*.my-header.small #main-header{font-size: 1.4em; transition-duration: 0.2s; transition-timing-function: linear;}*/

/*.navbar{transition-duration: 0.2s; transition-timing-function: linear;}*/
/*.navbar.small{padding:0px; transition-duration: 0.2s; transition-timing-function: linear;}*/


.my-header { height:11em; }
.my-header.small #logoImg{width: 100%; }
.my-header.small #main-header{font-size: 2.3em;  }



.my-header.small { height:7em;  }
.my-header.small #logoImg{width: 50%; padding:0px; }
.my-header.small #main-header{font-size: 1.4em; }

.navbar{transition-duration: 0.2s;}
.navbar.small{padding:0px; transition-duration: 0.2s;  }

ul li {
    margin-left: 30px;
}