@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
b, strong {font-weight: 700;}

.main h1, .main h2, .main h3, .main h4, .main h5, .main h6{color:#02145a; font-weight: 700; font-family: 'Playfair Display', serif;}
.main a{color:#02145a;}
.main a:hover{color:#3377f8;}


/* CORPORATE DESIGN
-------------------------------------------------- */ 
.ci-color1{color:#02145a !important;}
.ci-color1:hover,.ci-color1h:hover{color:#02145a !important;}
.ci-bg-color{background-color: #02145a !important; color:#fff;}
.ci-bg-color1{background-color: #02145a !important;}
.ci-bg-color1:hover{background-color: #02145a !important;}
.ci-btn-color1{background-color: #02145a !important; border:none !important; margin:30px 0; border-radius: 0; font-weight: 300; font-size: 1.1rem; color:#fff !important;}
.ci-btn-color1:hover{background-color: #3377f8 !important; color:#fff !important;}

.ci-color2{color:#eef7fd !important;}
.ci-color2:hover,.ci-color2h:hover{color:#eef7fd !important;}
.ci-bg-color2{background-color: #eef7fd !important; color:#000;}
.ci-bg-color2 .neco{}
.ci-bg-color2:hover{background-color: #eef7fd !important;}
.ci-btn-color2{background-color: #eef7fd !important; border:none !important; margin:30px 0; border-radius: 0; font-weight: 300; font-size: 1.1rem; color:#fff !important;}
.ci-btn-color2:hover{background-color: #eef7fd !important; color:#fff !important;}

.bg-footer{background:#151515; color:#fff;}
.sign-text{ font-size: 0.9rem; padding-top:5px;}
.sign-text a{color:#0bb8aa;}
.sign-text a:hover{color:#0bb8aa;}
.logo-merope{height: 40px!important;}


.row, .container, .container-fluid, .menu-top-logo{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

body {
  	color: #8b8b8b;
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
    font-weight: 300;
    line-height: 1.6;
	-webkit-transform: translateZ(0);
	background: #fff;
}


/**/
.obsah-stranky img{padding:10px;}
/**/


.header-row-top{height: 60px; color:#02145a; font-weight: 700; font-size:1.6rem; font-family: 'Playfair Display', serif; text-align: right; padding-top:13px;}
.menu-top-logo{width:220px; position: absolute; top: 26px;}
@media (max-width: 992px) {
	.header-row-top{height: 50px; font-size:1.2rem; text-align: center;}
	.menu-top-logo{width:150px; position: absolute; top: 64px;}
}
@media (max-width: 768px) {
	.header-row-top{height: 0px; font-size: 0px; margin:0; padding:0;}
	.menu-top-logo{width:145px;  position: absolute; top: 17px;}
}


.nadpis{font-size:2.8rem; padding-bottom: 20px; margin-bottom:20px; color:#02145a; font-weight: 700; font-family: 'Playfair Display', serif; text-align: center; width: 100%;}
.nadpis_decor{background:url('../img/nadpis-decor.png') bottom center no-repeat;}


.btn-pill{
	padding: 10px 20px;
    border-radius: 40px;}


/***********************************/
/* Úřední hodiny*/
/***********************************/
.uredni-hodiny-nadpis{font-size:20px; color:#fff; line-height: 40px;}
.uredni-hodiny{font-size:40px; color:#fff; font-weight: bold; line-height: 30px;}
/***********************************/

/* REVÍRY
----------------------------------------------------*/
.container_reviry{background:url('../img/bg-reviry.jpg') center center no-repeat;
  	min-width: 100%;
  	min-height: 300px;
	background-size:cover;}
.container_reviry .nadpis{text-align: center; color: #fff;}
.reviry{text-align: center;}
.reviry .col-md-auto{text-align:center; margin-bottom:30px; }
.reviry a, .reviry a:hover{font-size:1.4rem; color:#fff; font-family: 'Playfair Display', serif;}
.revir-img{text-align: center; width:175px; margin-bottom:15px;}
.reviry a .img-thumbnail{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.reviry a:hover .img-thumbnail{padding:.03rem; background:#eef7fd;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}

/* KONTAKTY
----------------------------------------------------*/
.kontakty h1{font-size:2.4rem; margin-bottom: 40px; color:#02145a; font-weight: 700; font-family: 'Playfair Display', serif;}

/* RYBÁŘI
----------------------------------------------------*/
.container-rybari {background-color:#eef7fd;}
.container-rybari .nadpis{text-align: left; }
.container-rybari .rybari_cont{position: relative;}
.rybari_ryba{position: absolute; top:-120px;}

@media (max-width: 766px) {
	.rybari_ryba{width:200px; top:-160px; right: 20px;}
}

/* UBYTOVÁNÍ
----------------------------------------------------*/
.ubytovani_img{background:url('../img/ubytovani50.jpg') no-repeat center center; min-height: 500px;
	background-size:cover;
	}
.ubytovani_cont{text-align:right;}
.ubytovani_cont .nadpis{text-align: right;}

@media (max-width: 766px) {
	.ubytovani_img{background:none;}
	.ubytovani_bg{background:url('../img/ubytovani.jpg') no-repeat center center; background-size:cover; min-height: 300px; margin-top:50px;}
}

/* NEWS
-------------------------------------------------- */ 
.news-h2 a{color:#02145a; font-weight: 700; font-family: 'Playfair Display', serif; font-size:1.7rem;}
.news-h2 a:hover{color:#02145a!important;}
.news-datum{font-size:0.75rem;}

@media (max-width: 766px) {
	.new-img{margin-top:40px; margin-bottom:15px;}
}


/* MAIN OBSAH
-------------------------------------------------- */ 
.main-obsah img{max-width:100%; height: auto!important; padding:0 10px;}
.main-obsah h1,.main-obsah h2,.main-obsah h3,.main-obsah h4,.main-obsah h5,.main-obsah h6,.main-obsah h7{}
.main img{max-width:100%; height: auto;}
/* LAYOUT
-------------------------------------------------- */ 





/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 4rem;
  z-index: 10;
	
}
.carousel-caption h5{
	color:#fff; font-weight: 700; font-family: 'Playfair Display', serif; font-size:3rem;}

.carousel-caption h5, .carousel-caption p{ text-shadow: 0 0 6px #000;}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 36rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 36rem;
}




/* CAROUSEL */
.carousel-item{height: 500px;}
.carousel-item-img01 {
	background:url('../img/carousel/slider01a.jpg') center center no-repeat;
  	min-height: 100%;
	min-width: 100%;
	background-size:cover;
}
.carousel-item-img02 {
	background:url('../img/carousel/slider02a.jpg') center center no-repeat;
  	min-height: 100%;
	min-width: 100%;
	background-size:cover;
}

.carousel-item-img03 {
	background:url('../img/carousel/slider03a.jpg') center center no-repeat;
  	min-height: 100%;
	min-width: 100%;
	background-size:cover;
}

.carousel-item-img04 {
	background:url('../img/carousel/slider04a.jpg') center center no-repeat;
  	min-height: 100%;
	min-width: 100%;
	background-size:cover;
}

.carousel-item-img05 {
	background:url('../img/carousel/slider05a.jpg') center center no-repeat;
  	min-height: 100%;
	min-width: 100%;
	background-size:cover;
}



/* MENU
-------------------------------------------------- */
/*.navbar-collapse{margin-top:69px;}

.hp-menu .navbar-light .navbar-nav .nav-link{color:#8b8b8b; font-weight: 500; text-transform: uppercase; font-size:0.9rem;}
.navbar-light .navbar-nav .nav-link{color:#183650; font-weight: 500;}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#02145a;}


@media (max-width: 992px) {
	.navbar-collapse{margin-top:20px; background:#fff; padding:10px 20px 10px 20px; }
}
@media (max-width: 766px) {
	.navbar-collapse{margin-top:0px; background:#fff; padding:10px 20px 10px 20px; }
}

.dropdown-item{padding:2px 20px;}
.dropdown-item:focus, .dropdown-item:hover{background-color:#eef7fd; color:#02145a;}

*/

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


.sm-display{display:none;}

@media (max-width: 768px) {
	.sm-display{display:inline;}
	}
@media (max-width: 576px) {
	.sm-center{text-align: center !important;}

	}





/*2023*/
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: #fff;
  transition: all 0.5s;
  z-index: 997;
  height: 86px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header.fixed-top {
  height: 70px;
}

#header .logo {
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "Poppins", sans-serif;
}

#header .logo a {
  color: #222222;
}

#header .logo a span {
  color: #106eea;
}

#header .logo img {
  max-height: 40px;
}

.scrolled-offset {
  margin-top: 70px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar>ul>li {
  white-space: nowrap;
  padding: 10px 5px 10px 5px;

}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3px;
  font-size: 15px;
  font-weight: 600;
  color: #222222;
  white-space: nowrap;
  transition: 0.3s;
  position: relative;	margin: 0px 5px 0px 0px;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar>ul>li>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -6px;
  left: 0;
  background-color: #106eea;
  visibility: hidden;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
}

.navbar a:hover:before,
.navbar li:hover>a:before,
.navbar .active:before {
  visibility: visible;
  width: 100%;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #106eea;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 28px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 6px 20px;
  font-weight: 400;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #106eea;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #222222;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(9, 9, 9, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #222222;
}

.navbar-mobile>ul>li {
  padding: 0;
}

.navbar-mobile a:hover:before,
.navbar-mobile li:hover>a:before,
.navbar-mobile .active:before {
  visibility: hidden;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #106eea;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #106eea;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}


.menubg{background:#02145a; border-radius: 4px;}
.menupolozka{color:#fff!important;}
/*.menupolozka:hover{color:#fff!important;}

.menubg:hover{background:#0b1f6b; border-radius: 4px;}

.menubg .nav-link:hover{color:#fff!important;}
.navbar .dropdown ul a{color:#000!important;}*/