@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Abyssinica+SIL&display=swap');
.sticky-top {
/*	display: center; inline;  */
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
    background: rgba(70, 70,70, .4);  
   }
.container-search {
  
  justify-content: right;
}
.carousel-item {
 /* opacity: .2; 
  border-radius: 25px;
  border: 2px solid #73AD21;*/
  padding: 5px; 
}

.carousel-caption {
   color:white;
}
.container-header {
  background-color: #f0f0f0;
  background-image: none;
 
}


.flex-container > div { 
  background-color:<?php echo $bannercolor; ?>
  /*  margin: 10px;  */
    padding: 0px;
    text-align: center; 
    color: white;
    text-shadow: 2px 2px 4px black; 

}
.voc { 
  border-radius: 25px;
  background-color: #f0f0ff;
     margin: 10px;
    padding: 0px;
    text-align: center; 
   border-radius: 25px;
   border: 2px solid #2121FD;*/
  }

.menu-horizontal {
   justify-content: center;
   color: white;
}

@media (max-width: 800px) {
     .flex-container {
     flex-direction: column;
  }
}


h1 {
    color: #ff5733; 
}

.container-banner .banner-overlay {
  height: 50vh; /* Sets height to 50% of the screen */
  }

.own {
  --cassiopeia-color-primary: #2F9C95; 
  --cassiopeia-color-hover: #174F4B;
  --cassiopeia-color-link: white;
  --link-color: #ffffff; 
  /*font-size: 1.0em; */
  text-shadow: 2px 2px 4px black;
     padding: 0;
   }