/**=====================Background Color Styles============================**/
.IT-dark-blue-bg {
  background-color: #302e60;
}

.IT-mid-blue-bg {
  background-color: #0038e0;
}

.IT-blue-bg {
  background-color: #3c65db;
}

.IT-light-blue-bg {
  background-color: #7892d6;
}

.IT-light-blue-bg:hover {
  background-color: #7893d67a;
}

.IT-lilight-blue-bg {
  background-color: #aec2f4;
}

.IT-light-grey-bg {
  background-color: #e9e9e9;
}

.IT-lilight-orange-bg {
  background-color: #ffd2b0;
}

.IT-light-orange-bg {
  background-color: #f79850;
}

.IT-orange-bg {
  background-color: #f57200;
}

.IT-mid-orange-bg {
  background-color: #b65602;
}

.IT-dark-orange-bg {
  background-color: #632004;
}

/**=====================Color Styles============================**/
.IT-dark-blue-color {
  color: #302e60;
}

.IT-mid-blue-color {
  color: #0038e0;
}

.IT-blue-color {
  color: #3c65db;
}

.IT-light-blue-color {
  color: #7892d6;
}

.IT-light-grey-color {
  color: #e9e9e9;
}

.IT-light-orange-color {
  color: #f79850;
}

.IT-orange-color {
  color: #f57200;
}

.IT-mid-orange-color {
  color: #b65602;
}

.IT-dark-orange-color {
  color: #632004;
}

/**=====================Link Styles============================**/
/*damit Wordpress Links nicht in blau sind!*/
a {
  color: #0d34e2;
}

.badge-light a {
  color: #62719f
}


a:hover {
  color: #959595;
  text-decoration: none;
}

.IT-blue-bg a {
  color: #e9e9e9;
}

.IT-light-blue-bg a {
  color: #0003a6;
}

.IT-light-blue-bg a:hover {
  color: #62719f;
}

.IT-light-orange-bg a:hover {
  color: #b65602;
}

.IT-light-orange-bg a {
  color: #693100;
}


/**=====================Card Styles============================**/
.card-header:first-child {
  border-radius: 20px 20px 0 0;
}

.card-footer:last-child {
  border-radius: 0 0 20px 20px;
}

/**=====================Image Crop Styles============================**/
/*https://www.digitalocean.com/community/tutorials/css-cropping-images-object-fit*/
.frontpageimg img {
  object-fit: cover;
  opacity: 0.1;
}


/**=====================Frontpage Styles============================**/
/*https://alvarotrigo.com/blog/css-text-animations/
https://www.tutorialrepublic.com/faq/how-to-position-text-over-an-image-using-css.php*/
.frontpageimg .word {
  margin: auto;
  text-align: center;
  color: rgb(62, 14, 124);
  font-size: 25px;
  font-weight: bold;
}

@media only screen and (max-width: 1300px) {
  .frontpageimg .word {
    font-size: 20px;
  }
}

/**=====================CMD Styles============================**/
.card .cmd {
  font-family: 'Courier New', Courier, monospace;
}

.cmd img {
  width: 1em;
}

/**=====================Bootstrap customization============================**/
.carousel-caption {
  top: 15%;
  left: 0%;
  right: 0%;
}

/**=====================Changeable Text Styles============================**/
/*https://dev.to/walternascimentobarroso/typewriter-effect-with-css-and-js-eob*/
#typewriter::after {
  content: '|';
  margin-left: 5px;
  animation: blink 0.7s infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/**=====================Search Styles============================**/
.search_result {
  position: absolute;
  width: auto;
  background: rgb(240, 232, 255);
  overflow-y: auto;
  display: none;
  z-index: 100;

  border: 3px;
  border-style: solid;
  border-color: #816ba2;

  /*This is relative to the navbar now*/
  left: 30px;
  right: 30px;
  top: 70px;
}

.search_result li {
  list-style-type: none;
}

.search_result .search_result_empty {
  border-color: #f57200;
  background: #ffd2b0;
}

/**=====================Wisechat Popup Styles============================**/
/* Popup container - can be anything you want */
.popupchat {
  position: absolute;
  width: auto;
  overflow-y: auto;
  z-index: 50;


  border: 3px;
  border-style: solid;
  border-color: #1175a0;
  border-radius: 5px;

  /*This is relative to the navbar now*/
  left: 30px;
  right: 30px;
  top: 70px;
}

.popupclose {
  position: absolute;
  width: auto;
  overflow-y: auto;
  z-index: 60;
  /*This is relative to the navbar now*/
  left: 30px;
  right: 30px;
  top: 70px;
}


/**=====================Nav, Login, Profile, Logout Icons Styles============================**/

.headericon {
  width: 25px !important;
  height: 25px !important;
  margin: 5px !important;
  border-radius: 0% !important
}

.headericon.profile {
  border-radius: 100% !important
}

.icon-grid.menu-icon {
  width: 25px;
  margin-right: 10px;
}

.popovericons {
  position: fixed;
  width: auto;
  overflow-y: auto;
  z-index: 50;

  background-color: #ffffff;

  border: 2px;
  border-radius: 3px;
  border-style: solid;
  border-color:#7892d6;

  right: 20px;
  top: 70px;
}



/**=====================Tag Cloud Styles============================**/
.cloudtag:hover {
  opacity: 60%;
}

.cloudtag a {
  color: #302e60
}