#capybara ul li.cp-job {
	background-color: #f1f1f1;
	    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 40px;
    list-style: none;
    width: 100%;
 -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
	}
	#capybara ul li.cp-job:hover {
background-color: #DEDEDE;	
 -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
	}
	#capybara ul li.cp-job .cp-job__link {
   padding: 37px 25px 29px 40px;
			text-decoration: none
} 	 
	#capybara ul li.cp-job .cp-job__name {
    font-family: "Youth", serif;
    color: #1a4c8c;
    line-height: 1.5;
	font-size: 1.5625em;
    font-weight: 500;
	text-decoration: none	
		
	}
		#capybara ul li.cp-job .cp-job__icons i {

	font-size: 1.5625em;
 
	}

			#capybara ul li.cp-job span
		
 {
	 font-weight: 500
}
	#capybara ul li.cp-job span.cp-job__teaser
		
 {
	 font-weight: 300
}

		

	
	#capybara ul li.cp-job:before {
		display: none
}
		
		
		
.cp-filter__item {
	position: relative;
    max-width: 300px;

    display: inline-block;

    margin: 0 0.5em 0.5em 0;
}
.cp-filter {
  position: relative;
  display: inline-block;
}

.cp-filter select {
  appearance: none; /* skryje defaultní šipku */
  -webkit-appearance: none;
  -moz-appearance: none;

  background-color: #fff;
  border: 1px solid #1a4c8c;
  border-radius: 25px;
  padding: 10px 40px 10px 15px;
  font-size: 1rem;
  color: #1a4c8c;
  cursor: pointer;
  transition: all 0.2s ease;

}

/* Vlastní šipka */
.cp-filter .cp-filter__item::after {
  content: "â–ľ";
  font-size: 1.4em;
  color: #1a4c8c;
  position: absolute;
      top: 70%;
    right: 10px;
  transform: translateY(-50%);
  pointer-events: none; /* klik zůstává na selectu */
}

/* Hover efekt */
.cp-filter select:hover {
  border-color: #2b6fc4;
  box-shadow: 0 2px 6px rgba(26, 76, 140, 0.2);
}

/* Focus efekt */
.cp-filter select:focus {
  outline: none;
  border-color: #2b6fc4;
  box-shadow: 0 0 0 3px rgba(26, 76, 140, 0.15);
}

/* Styl rozbaleného menu (funguje v Chrome, Edge) */
.cp-filter select option {
  background-color: #fff;
  color: #1a4c8c;
  padding: 10px;
}

.cp-filter select option:hover {
  background-color: #e8f0fa;
}

		
		.cp-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
			border: solid 1px rgba(212,212,212,1.00);
  border-radius: 25px;
  padding: 10px 20px 10px 20px; /* mĂ­sto vlevo pro ikonu */
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
			margin-right: 20px;
			text-decoration: none
}
		
				.cp-button .cp-button--back{

  background-color: #ffffff;
			border: solid 1px rgba(212,212,212,1.00);

  transition: all 0.2s ease;
			margin-right: 20px;
			text-decoration: none
}
		
.cp-filter	.cp-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #1a4c8c;
  color: #fff;
  border: none;
  border-radius: 25px;
  padding: 10px 20px 10px 40px; /* mĂ­sto vlevo pro ikonu */
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 5px rgba(26, 76, 140, 0.2);
}

/* Ikona lupy pomocĂ­ ::before */
.cp-filter .cp-button--submit::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translateY(-50%);
}

/* RukojeĹĄ lupy */
.cp-filter .cp-button--submit::after {
  content: "";
  position: absolute;
  left: 26px;
  top: 58%;
  width: 7px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}

/* Hover efekt */
.cp-filter .cp-button:hover {
  background-color: #2b6fc4;
  box-shadow: 0 3px 6px rgba(26, 76, 140, 0.3);
}

/* KliknutĂ­ */
.cp-filter .cp-button:active {
  transform: scale(0.97);
}

/* Focus */
.cp-filter .cp-button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(26, 76, 140, 0.25);
}
	.cp-filter {
    position: relative;
    border-bottom: solid 1px #DFDFDF;
    padding-bottom: 20px;
    width: 100%;
    display: inline-block;
}	
		
		.cp-detail__footer {
background-color: #f1f1f1;
    padding: 10px 10px 30px 20px;
}	
		.cp-detail__info
		{
			margin-bottom: 30px
}