@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mukta&display=swap');

a {
  color: #000000;
}
a:hover {
  color: #000000;  
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.px-6 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}
#top {
  padding: 10px 0px;
  line-height: 2.8rem;
  text-align: right;
}
#logo {
  font-size: 2.4rem;
  font-family: 'Mukta', sans-serif;
}
#logo img {
  height: 50px;
}
#top span {
  font-family: 'Oswald', sans-serif;
  font-size: 1.1rem;
}
.fb_color {
  color: #015098;
}
#top i {
  font-size: 1.5rem;
} 
h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 3.3em;
  margin-top: 10px;
  margin-bottom: 35px;
}
h2::after {
  height: 7px;
  width: 300px;
  background-color: #c41b0f;
  display: block;
  content: ' ';
  margin: 5px auto 0px;
  border-radius: 0.5rem;
}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.text_red {
  color: #C41B0F;
}
.btn_red {
  background-color: #C41B0F;
  color: #ffffff;
  bottom: -15px;
  position: absolute;
  left: 15px;
  right: 15px;
  width: calc(100% - 30px);
  text-transform: uppercase;
  padding: 8px 12px;
  font-size: 16px;
}
.btn_red:hover, .btn_red:active, .btn_red:focus {
  background-color: #a80e06;
  color: #ffffff;
  text-transform: uppercase;
}
.bg_nastupni_mista, .bg_termin {
  background-color:  rgb(25,235,84,0.2);
}
.bg_termin {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.text_green a {
  color: #04721c;
}
#kontakt {
  background-color: #2B2A29;
  color: #eee;
}
#kontakt h2 {
  color: #eee;
}
#kontakt .row {
  padding-top: 35px;
}
#kontakt img {
  margin-right: 15px;
}
#kontakt a {
  color: #fff;
}
#footer {
  background-color: #1c1b17;
}
#zajezdy_tagy {
  text-align: center;
  font-size: 0.625rem;
  margin-bottom: 15px;
}
.zajezdy_item_container {
  /*transition: all 0.1s ease;*/
}
.btn_tag {
  display: inline-block;
  border: 1px solid #A80E06;
  color: #A80E06;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 4px;
  text-transform: uppercase;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}
.btn_tag_active, .btn_tag:hover, .btn_tag:active, .btn_tag:focus {
  background-color: #A80E06;
  color: #ffffff; 
  text-decoration: none; 
} 
.text_dark_gray {
  color: #666;
}
#copyright {
  /*padding: 13px 0px;*/
  color: #aaa;
  font-size: 0.75em;
  text-transform: uppercase;
  line-height: 4;
  text-align: center;
}
h3 {
  margin-top: 0px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 1.2em;
}
.zajezdy_item {
  border: 2px solid #eee;
  min-height: 400px;
  margin-bottom: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
}
.zajezdy_item_body {
  padding: 15px;
  flex: 1 1 auto;
  position: relative;
}
.zajezdy_item_img {
  margin-top: -2px;
  margin-left: -2px;
  margin-right: -2px;
  width: calc(100% + 4px);
  /*width: 100%;*/
  height: auto;
}
.sleva_img {
  width: 200px !important;
  position: absolute;
  top: -20px;
  right: 20px;  
}
.zajezdy_item h3 {
  margin: 5px 0px 10px;
  color: #C41B0F;
  text-align: center;
  font-family: 'Oswald', sans-serif;
  font-size: 1.5rem;
  min-height: 58px;
}
.zajezdy_item table {
  /*margin-bottom : 15px;*/
  margin-bottom : 180px;
}
.zajezdy_item td {
  vertical-align: top;
  padding-right: 15px;
  padding-bottom: 3px;
  padding-top: 3px;
}
.zajezdy_item_popis {
  /*margin-bottom : 88px;*/
  font-size: 0.9rem;
  text-align: justify;
  color: #888;
  height: 90px;
  overflow: hidden;
  position: absolute;
  bottom: 88px;
  padding-right: 15px;
}
.hellip {
  position: absolute;
  background-color: #fff;
  padding-left: 5px;
  bottom: 4px;
  right: 0px;
}
.zajezdy_item_cena {
  text-align: right;
  /*margin-bottom: 21px;*/
  position: absolute;
  bottom: 40px;
  right: 15px;
}
.zajezdy_item_cena_puvodni {
  text-decoration: line-through;
  color: #666;
}
.zajezdy_item_cena strong {
  font-size: 1.5rem;
}
.reference_item {
  margin-bottom: 30px
}
.reference_item_text {
  font-style: italic;
  text-align: justify;
  margin-bottom: 10px;
}
.reference_item_jmeno {
  font-weight: bold;
  font-size: 2.5rem;
  text-align: right;
}
.reference_item_mesto {
  text-align: right;
  margin-top: -5px;
  color: #888;
}
.detail_cena strong {
  font-size: 2rem;
}
#zajezd h2 {
  color: #c41b0f;
}
#zajezd h2::after {
  background-color: #000;
}
#zajezd h3 {
  font-size: 1.5rem;
  font-weight: bold;
}
#objednavka_item h3 {
  color: #C41B0F;
  font-family: 'Oswald', sans-serif;
  font-size: 1.5rem;
}
#zajezdModal, #objednavka_osoby th {
  font-family: 'Oswald', sans-serif;
}


/* Large devices - screen-lg (šíøka mensi než 1200px) */
@media (max-width: 1199px) {
  

}


/* Medium devices - screen-md (šíøka mensi než 992px) */
@media (max-width: 991px) {

.px-6 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

}

/* Small devices - screen-sm (šíøka mensi než 768px) */
@media (max-width: 767px) { 

#top {
  text-align: center;
}
.bg_termin {
  width: 100%;
}
h2 {
  font-size: 2.5rem;
}
h2::after {
  height: 4px;
}
.zajezdy_item h3 {
  min-height: inherit;
}

}


/* Extra small devices - screen-xs (šíøka mensi než 576px) */
@media (max-width: 575px) { 

#top span {
  font-size: 1rem;
}

}

@media (max-width: 450px) { 

#logo {
  font-size: 2.0rem;
}


}
