/*START test benefity*/
.benefit-item:nth-child(odd) {
    background-color: #ffbe01;
}
.benefits-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
  .benefit-item {
    flex-basis: calc(33.333% - 20px);
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    min-width: 250px;
  }
  .benefit-icon {
		padding-bottom: 10px;
  }
  .benefit-title {
    color: #000;
    font-size: 1.7em;
    margin: 10px 0;
    text-align: center;
  }
  .benefit-description {
    color: black;
    font-size: 1em;
    text-align: center;
  }
  @media (max-width: 960px) {
    .benefit-item {
      flex-basis: calc(50% - 20px);
    }
  }
  @media (max-width: 640px) {
    .benefit-item {
      flex-basis: 100%;
    }
  }

/*END test benefity*/

/*Filtr prace view*/
.views-exposed-form {
    display: flex;            /* Make the form a flex container */
    flex-wrap: wrap;          /* Allow items to wrap if they don't fit */
}

/* Ensure form items and the submit button take only as much width as they need */
.views-exposed-form .form-item, 
.views-exposed-form .form-actions {
    flex: 0 0 auto;
    margin: 0 10px;
    margin-bottom: 10px;
}

.views-exposed-form .form-actions {
    order: 3;
}

.btn, input[type="submit"]{
	border: unset;
	background: #002443;
	border-bottom: 2px solid #ffbe01;
	color: white;
}

.btn, input[type="submit"]:hover{
	background-color: #002443c7;
}

.btn, input[type="submit"]:nth-child(even) {
    background: white;
    color: #002443;
    font-weight: 600;
}

.btn, input[type="submit"]:nth-child(even):hover {
    background: #979797;
    color: #002443;
    font-weight: 600;
}

.views-exposed-form input, button, select, textarea {
	border: 1px solid #002443;
	border-radius: 4px;
}

label[for="edit-field-misto-prace-value"],
  label[for="edit-field-typ-prace-value"],
  label[for="edit-field-obor-value"]{
      display: none;
  }

/* END Filtr prace view*/


/* List of jobs view */
.views-element-container table {
	margin: 0px 0px 40px;	
}

.views-element-container table thead th {
    background-color: #002443;
    color: white;
}

#view-field-misto-prace-table-column a,
#view-field-typ-prace-table-column a {
    color: white;
}

th > a {
	color: white;
}

th > a:after {
	border-bottom: 5px solid transparent;
}

th.is-active > a {
	color: white;
}

thead > tr  {
	border-left: 3px solid #ffbe01;
}

.views-element-container table tbody tr a {
	color: black;
	font-size: large;
}

.views-element-container table tbody tr a:hover {
    opacity: 0.8;
}


/* END List of jobs view */


/*Motivace nahoře BLOK*/
.image-container {
  position: relative;
  width: 130vw;
  left: -23%;
  height: 300px; /* Adjust the height as needed */
  background-image: url('/sites/default/files/inline-images/aam-culture.jpg');
  background-size: cover;
  background-position: 50% 50%;
}

.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* Darker overlay with higher alpha value */
}

.text-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center; /* Align text in the middle */
}

.text-line {
  line-height: 1;
  opacity: 0.9;
  font-size: 6em;
  margin-bottom: auto;
  margin-top: auto;
  letter-spacing: 6px;
}

.text-line:nth-child(2) {
  opacity: 0.7; /* Adjust opacity for the second line */
  font-size: 1em;
}
/* Media queries for tablet and phone */
@media (max-width: 768px) {
  .text-line {
    font-size: 4em; /* Adjust font size for tablets */
    line-height: 1.2;
  }

  .text-line:nth-child(2) {
    font-size: 0.9em; /* Adjust font size for phones */
  }
  @media (max-width: 768px) {
  	.image-container {
  		height: 230px;
  	}
  }
}

/* END Motivace */

/* START filter table no result*/
.no-results-message {
  padding: 20px;
  background-color: #f2f2f2;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-top: 20px;
  font-style: italic;
  color: #333;
}

.no-results-message a{
  color: #ffbe01 !important;
  font-weight: bold;
}

.no-results-message a:hover {
  color: #f9d772 !important;
}
/* END filter table no result*/

/* START Student slides*/
.bubble-container {
  position: relative;
  width: 300px;
  height: 300px;
  margin: auto;
}

.bubble {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #f0f0f0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 100%;
  animation: slideIn 20s linear infinite;
  font-size: 18px;
  text-align: center;
  padding: 20px;
  opacity: 0; /* Start with the bubble being completely transparent */
}

@keyframes slideIn {
  0%, 25%, 100% { left: 100%; opacity: 0; } /* Bubble is hidden */
  5% { left: 50%; transform: translateX(-50%); opacity: 1; } /* Bubble is fully visible and centered */
  10% { left: 50%;}
  20% { left: 50%; opacity: 1; } /* Bubble starts moving out of visibility */
}

#bubble1 { animation-delay: 0s; }
#bubble2 { animation-delay: 5s; }
#bubble3 { animation-delay: 10s; }
#bubble4 { animation-delay: 15s; }