/**
 * Styly pro výpis soutěží.
 */

.competitions-archive  .card-image-link {
  display: block;
  
  overflow: hidden;
  background-color: #eee;
 
}
.card-image-link img, .competition-featured-image img {
   aspect-ratio: 16 / 9;
}

.card-image-link, .card-image-link img, .field__item img {
    border-radius: 10px;
    
}

.competitions-archive  .card-image-link img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ořízne obrázek, aby se vešel, místo aby ho deformoval */
  
}

.row-flex {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #191838;
}

.competition-box, .competition-detail {
    width: 48%;
}

.competition-detail {
   background: #ebecf0; 
   border-radius: 10px;
   padding: 20px;
    
}

.competition-detail-kviz {
   
   width: 100%;
    
}



#start-quiz-btn, .button {
   font-weight: 400!important; 
}

.quiz-timer {
    
}

.vysledky-info {
    
}

#start-quiz-btn:hover {
    background: #35f19a;
    color:#191838;
    border-color:#35f19a; 
}

.quiz-question-text {
    font-size: 20px;
    font-weight: bold;
}

.number-otazka {
    background: #2fef9b;
    padding: 10px;
    border-radius: 10px;
    color:#121131;
}

button.quiz-option:hover {
   background:#ebecf0;  
}


.mt-auto{
    background: #ebecf0; 
    margin: 10px 0px;
    border-radius: 10px;
    padding: 10px;
}



.mt-auto img{
  width: 25px;  
  margin-right: 15px;
}

h3.card-title {
    margin: 10px 0px !important;
    text-decoration: none;
}

.badge {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap; 
   align-items: center;
   vertical-align: central;
}



.mt-auto-kviz{
    background: #ddebfe; 
    margin: 10px 0px;
    border-radius: 10px;
    padding: 10px;
    display: inline-flex;
}

span.mt-auto-kviz img {
    width: 20px !important;
    margin-right: 10px;
}

.mt-auto-kviz strong {
    margin: 0px 5px;
    
}

.quiz-welcome {
   background: #ddebfe;  
   border-radius: 10px;
   padding: 10px;
}

.quiz-welcome h2{
   text-align: center; 
}

.kviz-info{
  text-align: center; 
  
  
}

#start-quiz-btn {
    width: 160px;
    margin: 15px auto;
    display: block;
}

.alert-box {
   background: #35f19a;  
   border-radius: 10px;
   padding: 10px;  
   color:#191838;
   margin: 15px 0px;
   font-weight: 700;
}

.alert-info {
   background: #e6194b;  
   border-radius: 10px;
   padding: 10px;  
   color:#fff;
   margin: 15px 0px;
   font-weight: 700; 
}







@media (max-width: 767px){
  .competition-box {
    width: 100%;
 
   }

   .mt-auto-kviz {
      text-align: center;
   }
}