/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 87px;
  background-color: #6a3800;
  background-image: linear-gradient(to right, #623202, #613103);
  color: #fff;
  font-family: "Fira Sans", sans-serif;
}
.nocarousel {margin-top: 40px;}

a {color: #fbaa1d;}
a:hover {color: #fbaa1d;}

strong{color: #fbaa1b;}

p.error, div.error{border-radius:.5em; padding:15px; margin-bottom: 15px;}
p.error.fail, div.error.fail {color: #D8000C; background-color: #FFD2D2;}
p.error.success, div.error.success {color: #4F8A10;background-color: #DFF2BF;}
label.error {color: #D8000C; font-weight:normal; margin-left:10px; margin-top: 5px; margin-bottom: 10px;}

.modal-title {color: #fbaa1b;}
.ekko-lightbox-nav-overlay a span{color: #fbaa1b;}

.oranzova {color: #fbaa1b;}
.socials-shares {overflow: auto; margin: auto; width: auto; margin: 20px 0; text-align: center;}
.socials-shares a{display: inline-block; background-position: left center; background-repeat: no-repeat; height: 40px; line-height: 40px; font-size: 16px; color: #fff; margin-right: 5px; padding: 0 20px;}
.socials-shares a:hover {text-decoration: none; background-color: #fbaa1b;}
.socials-shares a i {font-size: 25px; vertical-align: middle;}
.share-facebook {background-color: #3b5998;}
.share-twitter {background-color: #00aced; }


.navbar-dark {height: 87px; background-image: url(../design/prekryv_menu.svg); font-size: 16px;/*16pt*/ font-weight: 500; letter-spacing: 1.2px; background-color:#653302;  }
.navbar-dark .nav-item.active .nav-link {color: #fbaa1d; text-decoration: underline;}
.navbar-dark .navbar-nav .nav-link {color: #be6725; text-transform: uppercase; text-align: center;}
.navbar-brand img {height: 70px; padding: 0;}

.navbar-collapse.show {background-color: #663304;}
.navbar-collapse.show .navbar-nav .nav-item {border-bottom: 1px solid #fff; padding: 10px 0;}

.Collage{margin-bottom: 1rem;padding: 10px; margin-left: -10px; margin-right: -10px;}
.fotorama{margin-bottom: 1rem;}
.Collage img{vertical-align:bottom;} /*margin-bottom: 10px !important;*/

footer {min-height: 204px; background-image: linear-gradient(#2a1705, #321c06); padding-top: 30px; color: #a0551b; text-transform: uppercase; font-size: 14px;}
footer strong {font-size: 18px;}
footer img {max-height: 120px; margin: auto; display: block;}
footer i {color: #fbaa1b;}
footer a {color: #a0551b;}
footer a:hover {color: #a0551b; text-decoration: underline;}

.btn {text-transform: uppercase; background-image: linear-gradient(#fba91c, #e89609); font-size: 14px; color: #000; letter-spacing: 0.25em;}
.btn:hover {background-image: linear-gradient(#e89609, #fba91c);}


.nav-tabs .nav-link {background-color: #e0c5aa; border-bottom: 1px solid #dee2e6;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-image: linear-gradient(#fba91c, #e89609); color: #fff; text-decoration: none; border-bottom: none;}

.btn-secondary {background-color: #fbaa1b; border-color: #fbaa1b; box-shadow:1px 1px 2px #000; color: #000;}
.btn-secondary:hover {border-color: #fbaa1b; }
.btn-outline-secondary {border-color: #fbaa1b; box-shadow:1px 1px 2px #000; color: #fff; background-image: none;}
.btn-outline-secondary:hover {border-color: #fbaa1b;}				

/*mc login*/
.mc_embed_signup{background-image: url(../design/newsletter.svg); background-position:center center; background-color:#e0c5aa;  background-size:cover; clear:left; color: #000; max-width: 855px; padding: 30px;margin: 30px auto; }
.mc_embed_signup h2 {color: #663304;}
.mc_embed_signup a {color: #000; text-decoration: underline;}
.form-control:focus{box-shadow:0 0 0 .2rem rgba(251,169,27,.55);}
/*mc login*/

h1 {font-weight: bold; color: #fbaa1b; font-weight:900; font-style: italic; font-size: 36px; /*36pt;*/ text-transform: uppercase;}
h2 {font-weight: 900; font-size:30px; /*30pt;*/ color: #fbaa1b;}
h3 {font-weight: 700; font-size:24px; /*30pt;*/ color: #fbaa1b;}
h1 img{width: 100%;margin-bottom: 20px;}

.carousel {max-width: 1600px; margin: auto; margin-bottom: 60px; position: relative;}
.carousel-caption { z-index: 10;  max-width: 475px;  top: 5%;}
.carousel-caption h1 {font-weight: bold; color: #fbaa1b; font-weight:900; font-style: italic; font-size: 36px; /*36pt;*/ text-transform: uppercase; text-shadow: 3px 3px 15px black;}
.carousel-caption p {font-weight: 500; font-size: 18px; /*18pt;*/ margin-bottom:55px; text-shadow: 1px 1px 1px black;}
.carousel-caption p .btn{text-shadow: none;}

.carousel-item { height: 500px;}
.carousel-item > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  /*
  top: 0;
  left: 0;
  right: 0;
  height: 500px;
  margin: 0 auto;
  */
  max-height: 100%;
  z-index: -100;
  display: block;
}
.carousel-indicators .active{background-color: #fbaa1b;}

.zubatice {background-image: url(../design/ozub_zub.svg); background-repeat: repeat-x; background-position: top center; height: 5px; z-index: 10; position: absolute; top: 0px; left: 0px; width: 100%;}

/* MARKETING CONTENT
-------------------------------------------------- */

.marketing div {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {font-weight: 900; font-size:30px; /*30pt;*/ color: #fbaa1b;}

.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
.marketing div {margin-bottom:60px; }
.marketing div div {background-position: top center; background-repeat: no-repeat; padding-top: 150px; }
.marketing div div p:first-of-type{min-height: 250px; text-align: justify; font-size: 18px; /*18pt;*/}
#skupinove-kurzy {background-image:url(../design/icon_skupiny.svg);}
#individualni-kurzy {background-image:url(../design/icon_individual.svg);}
#kempy {background-image:url(../design/icon_kemp.svg);}
#teambuilding {background-image:url(../design/icon_team.svg);}
#prednasky {background-image:url(../design/icon_prednaska.svg);}
#pruvodcovstvi {background-image:url(../design/icon_guide.svg);}
#shuttle-vozik {background-image:url(../design/icon_vozik.svg);}
#vylety {background-image:url(../design/icon_vylety.svg);}

.kurz { }
.kurz a {display: block; position: relative; overflow: hidden; text-align: justify; color: #e0c5aa; font-size: 16px; margin-bottom: 30px; box-shadow: 1px 1px 2px #000; background-image: linear-gradient(to bottom, #623202, #613103);}
.kurz a:hover {text-decoration: none;}
.kurz a strong {font-size: 22px; display: block; text-align: center; font-weight: 900; color: #fbaa1b; padding: 20px; padding-bottom: 0px; line-height: 1.2; min-height: 73px;}
.kurz-prekryv {position: absolute; right: -20px; top: -20px; width: 100px; transform: rotate(-15deg);transition: transform 600ms;}

.kurz a:hover .kurz-prekryv {transform: rotate(360deg);}

.kurz span.popisek {display: block; padding: 20px; min-height: 100px;}
.kurz span.termin {display: block; border-top:1px solid #3e1b00; border-bottom:1px solid #3e1b00; text-align: center; color: #fff; font-size: 22px; font-weight: 900; line-height: 35px; }
.kurz span.datum {display: inline-block; width: 50%;}
.kurz span.cas {display: inline-block; width: 50%; border-left:1px solid #3e1b00;}
.kurz span.pocetmist {display: block; text-align: center; font-size: 14px; padding: 10px;}

.kurzkemppred {}
.kurzkemppred a{color: #000; font-weight: bold; text-decoration: underline;}
.kurzkemppred h1{color: #6a3800;}
.kurzkemppred h2{color: #6a3800; font-size: 20px; font-style: italic;}
.kurzkemppred strong{color: #000;}

.reference .featurette-heading { font-size: 25px;}
.reference img { height: 230px; /*border-radius: 50%;*/}
.reference img.svg-clipped {-webkit-clip-path: url(#svgPath); clip-path: url(#svgPath); height: 230px;}
.reference .datum {display: block; border-bottom:1px solid #3e1b00; font-size: 14px; line-height: 25px; }

/* Featurettes
------------------------- */

.o-nas, .kurzkemppred {
	background-color: #e0c5aa;
	background-image: url(../design/prekryv_onas.svg);	background-position: bottom right; background-repeat: no-repeat; 
	color: #000; overflow: auto; padding-bottom: 75px;
}
.featurette {padding-bottom: 50px;}

.prz {text-align:center;  overflow: hidden; margin-top: -75px;}
.prouzek  {white-space: nowrap; }
.prouzek img  {display: inline; margin: auto;}

h2.featurette-top-heading  {color: #6a3800; font-size:30px; /*30pt;*/ max-width: 450px; font-weight: 900; padding: 40px 0;}
h2.featurette-heading {color: #6a3800; font-size:22px; /*22pt;*/ font-weight:bold; font-style: italic; text-transform: uppercase;}

.lead {font-size: 19px;/*14px;*/}

.connectus-top-heading  {font-weight: 900; font-size:30px; /*30pt;*/ color: #fbaa1b; padding-top: 40px;}
.connectus-text  {color: #e0c5aa; font-style: italic; font-weight:400 !important; font-size: 19px; /*18pt;*/}

div.social-draw {text-align: center; margin: 60px 0;}
div.social-draw div {vertical-align:top; text-align:center; line-height: 2.5; font-weight: bold;}
div.social-draw div a img {transition: transform .2s;}
div.social-draw div a img:hover {transform: scale(1.15);}

.spojsesnami {background-image: url(../design/ozub_zub_nahoru.svg); background-repeat: repeat-x; background-position: bottom center; }

table.kosik {width: 100%;}
table.kosik tr td:first-child {width: 40%;}
table.kosik tr:hover {background-color: #e0c5aa; }
table.kosik tr:hover a{color: #6a3800;; }

.zboziparametry {font-size: 12px;}
.zboziparametry img {width: 114px; margin: 0px 2px 2px 0;}


table.shuttle {width: 100%; margin-bottom: 30px;}
table.shuttle tr:nth-of-type(even) {background-color:#ffb771;}
table.shuttle td {padding: 3px 5px;}
table.shuttle tr td:first-child {width: 40%;}
table.shuttle tr:first-of-type, table.shuttle tr:hover {background-color:#6a3800; color: #fbaa1b;}
 

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 440px) {
  /*.carousel, .carousel-inner, .carousel-item {height: 200px !important;}
  */
  .carousel-caption h1 {font-size: 30px !important;}
  .carousel-caption p {font-size: 16px;}
}

@media (max-width: 640px) {
  /*.carousel, .carousel-inner, .carousel-item {height: 200px !important;}
  .carousel-caption h1 {font-size: 20px !important;}
  .carousel-caption p {font-size: 12px;}
  */
  .carousel-caption p .btn {padding: 0.2rem 0.3rem; font-size: 12px; letter-spacing: 0.1rem;}
  .col-md-4.text-center {margin-bottom: 30px;}
}

@media (max-width: 768px) {
  /*.carousel, .carousel-inner, .carousel-item {height: 240px;}
  .carousel-caption h1 {font-size: 25px;}*/
}
@media (max-width: 992px) {
  /*.carousel, .carousel-inner, .carousel-item {height: 310px;}
  .carousel-caption h1 {font-size: 30px;}*/
  .carousel-caption {max-width: 100%;}
}

@media (max-width: 1140px) {
  .carousel, .carousel-inner, .carousel-item {height: 420px; /*356px;*/}
}