/*
tmave modra 273a82
zariva modra #0d6efd
oranzova ff6000
*/

body { 
	/*font-family: 'Open Sans Condensed', sans-serif;*/
	font-family: 'Dosis', sans-serif;
	font-size: 1.2rem;	
}
a:hover {color: #ff6000;}

h1 {font-family: 'Shadows Into Light Two', cursive; letter-spacing: 1px; color: #273a82; font-size: 3rem;}
h2 {font-family: 'Shadows Into Light Two', cursive; letter-spacing: 1px; color: #ff6000; font-size: 3rem;}
h3, h4, h5, h6 {color: #0d6efd; font-weight: bold; /*font-family: 'Shadows Into Light Two', cursive; letter-spacing: 1px;*/}


.darkBlue {color: #273a82;}
/*.radius50 {border-radius: 50px;}*/


.ramecek {
	position: relative;
	display: inline-block;
}
.ramecek img { /* optional, for responsiveness */
   display: block;
   max-width: 100%;
   height: auto;
}
.ramecek:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url(img/ramecekLightOrange/ramecek-left.svg), url(img/ramecekLightOrange/ramecek-right.svg), url(img/ramecekLightOrange/ramecek-top.svg), url(img/ramecekLightOrange/ramecek-bottom.svg);
	background-size: auto 100%, auto 100%, 100% auto, 100% auto;
	background-position: 0% center, 100% center, center 0%, center 100%;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
}


.hoverRamecek:hover {
	background-image: url(img/ramecekOrange/ramecek-left.svg), url(img/ramecekOrange/ramecek-right.svg), url(img/ramecekOrange/ramecek-top.svg), url(img/ramecekOrange/ramecek-bottom.svg);
	background-size: auto 100%, auto 100%, 100% auto, 100% auto;
	background-position: 0% center, 100% center, center 0%, center 100%;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
}


.krouzek {background-color: #fdecda;}
.krouzek:nth-child(odd) {background-color: #fdd9b2;}

.akce {background-color: #fdd9b2;}
.akce:nth-child(odd) {background-color: #fdecda;}
.akceOld {background-color: #eee; color: #555;}
.akceOld:nth-child(odd) {background-color: #f1f4f9;}
.akceOld h3 {color: #555;}


/*
.box1 {background-color: #ffcc95;}	.box1 i {color: #ffcc95;}
.box2 {background-color: #FF9914;}	.box2 i {color: #FF9914;}
.box3 {background-color: #98c0fb;}	.box3 i {color: #98c0fb;}
.box4 {background-color: #4e95fe; color: #fff;}	.box4 i {color: #4e95fe;}
*/

.boxy i {
	font-size: 1.8rem; 
	height: 45px; line-height: 45px; width: 45px;
	display: inline-block; text-align: center;
	border-radius: 50%;
	background-color: #fff;
	margin-right: 10px;
	vertical-align: middle;
}
.box1 i {color: #ffcc95;}
.box2 i {color: #FF9914;}
.box3 i {color: #98c0fb;}
.box4 i {color: #4e95fe;}




/*
.box1, .box2, .box3, .box4 {
	background: linear-gradient(153deg, rgba(253,236,218,1) 0%, rgba(253,217,178,1) 100%);
}
*/


/*#podmenu .nav-link {color: #000;}*/
#podmenu .nav-tabs .nav-item.show .nav-link, #podmenu .nav-tabs .nav-link.active {
    /*color: #0d6efd;*/
    color: #ff6000;
    background-color: #fff;
    border-color: #fff;

}
#podmenu .nav-tabs {
    border-bottom: 3px solid #fff;
    font-weight: bold;
}
#podmenu .nav-tabs .nav-link:focus, #podmenu .nav-tabs .nav-link:hover {
    border-color: transparent;
    background-color: #fff7ee;
}

/* podmenu dole pod kroužky */
#podmenu2 .nav-tabs .nav-item.show .nav-link, #podmenu2 .nav-tabs .nav-link.active {
    /*color: #0d6efd;*/
    color: #ff6000;
    background-color: #fff;
    border-color: #fff;
}
#podmenu2 .nav-tabs {
    /*border-top: 3px solid #fff;*/
    font-weight: bold;
    border-bottom: none;
}
#podmenu2 .nav-tabs .nav-link:focus, #podmenu2 .nav-tabs .nav-link:hover {
    border-color: transparent;
    background-color: #fff7ee;
}
#podmenu2 .nav-tabs .nav-link {
    margin-top: -1px;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    /*
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    */
}


/* --- HLAVICKA S LOGEM A MENU --- */
#hlavicka {
	z-index: 30; position: relative;
}


#menuHlavni.nav { font-size: 1.7rem; /*font-family: 'Shadows Into Light Two', cursive; letter-spacing: 1px;*/}

#menuHlavni .dropdown-toggle::after {
    display: none;
}

#menuHlavni .nav-link {
	background-image: url(img/btn-blue.svg); background-repeat: no-repeat; background-size: 100% 100%;
	/*color: #212529;*/
	color: #fff;
	background-color: transparent;
	transition: transform .2s, color .2s, background-image .2s;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 1px;
	/*
	text-transform: uppercase;
	letter-spacing: 2px;
	*/
	line-height: 3rem;
}
#menuHlavni .nav-link.domu  {background-image: url(img/btn-blue-square.svg);}

#menuHlavni .nav-link.active, #menuHlavni .show>.nav-link {
    color: #fff;
    background-color: transparent;
    /*background-image: url(img/menu-bg-aktivni.png); background-repeat: no-repeat; background-size: 100% 100%;*/
    background-image: url(img/btn-orange.svg); background-repeat: no-repeat; background-size: 100% 100%;
}
#menuHlavni .nav-link.domu.active, #menuHlavni .show>.nav-link.domu {background-image: url(img/btn-orange-square.svg);}

#menuHlavni .nav-link:focus, #menuHlavni .nav-link:hover {
    /*
    color: #0d6efd;
    background-image: url(img/menu-bg-hover-outline-4.svg); background-repeat: no-repeat; background-size: 100% 100%;
    */
    /*
    color: #fff;
    background-image: url(img/btn-orange.svg);
    */
    color: #fff;
    transform: scale(1.2);
}

#menuHlavni .dropdown-menu {
	background-image: url(img/podmenu-bg.png); background-repeat: no-repeat; background-size: 100% 100%; background-color: transparent;
	border: none;
	padding: 30px;
	color: #fff;
}
#menuHlavni .dropdown-item {color: #acc7fa; font-size: 1.3rem;}
#menuHlavni .dropdown-item:focus, .dropdown-item:hover {color: #fff; background-color: transparent;}



/* --- MOTIV --- */ 
#motiv {position: relative; /*margin-top: -50px;*/ overflow: hidden;}
#karusel {z-index: 10;}
img#vlna1 {position: absolute; top: 0; left: 0; width: 100%; z-index: 20; height: auto;}
img#vlna2 {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 20; height: auto;}
.carousel-control-next, .carousel-control-prev {opacity: 1;}
.carousel-control-next span, .carousel-control-prev span {background-color: #0d6efd; border-radius: 10px;}

#vlnaSvModra {width: 100%; vertical-align: bottom;}
#pruhModry {
	/* 
	background: #033072 url(img/vlna-slogan3.svg) no-repeat bottom;
	background-size: 100% auto; 
	*/
	background: #033072;
	text-align: center;
	padding: 5px 30px 10px 30px;
	background: #0575E6;  
	background: -webkit-linear-gradient(to top, #021B79, #0575E6); 
	background: linear-gradient(to top, #021B79, #0575E6); 
}
#slogan {
	color: #fff;  
	font-size: 3rem; 
	font-family: 'Shadows Into Light Two', cursive; 
	letter-spacing: 1px;
	/*font-family: Georgia, serif;*/
}

#hlavickaKontakt {font-size: 0.9em; line-height: 1.3; color: #033072;}
#hlavickaKontakt a {color: #033072; text-decoration: none;}
#hlavickaKontakt a:hover {text-decoration: underline;}

/* --- HP --- */
#hlavni {background-color: #fdecda;}

#uvod {/*position: relative; margin-top: 0px; overflow: hidden; */ background-color: #fdd9b2;}
img#vlna3 {/*position: absolute; top: 0; left: 0;*/ width: 100%; /*z-index: 20; height: auto;*/}

#paticka {background-color: #033072; color: #fff;}
img#vlna4 {width: 100%;}
#paticka h4 {color: #fdecda; font-family: 'Shadows Into Light Two', cursive; letter-spacing: 1px; font-weight: normal;}
#paticka a {color: #fdd9b2; text-decoration: none;}
#paticka a:hover {color: #fff;}

.zverejneno {font-size: 0.8rem; color: #555;}


/* --- IN  --- */
img#vlna1in {width: 100%; height: auto; vertical-align: top;}


/* --- TLACITKA --- */
.btn-orange {
    color: #fff;
    font-weight: bold;
    font-size: inherit;
    background-color: transparent;
    border-color: transparent;
    background-image: url(img/btn-orange.svg); background-repeat: no-repeat; background-size: 100% 100%;
    padding: 1rem 2rem;
    transition: transform .3s;
}
.btn-blue {
    color: #fff;
    font-weight: bold;
    font-size: inherit;
    background-color: transparent;
    border-color: transparent;
    background-image: url(img/btn-blue.svg); background-repeat: no-repeat; background-size: 100% 100%;
    padding: 1rem 2rem;
    transition: transform .3s;
}
.btn-dark-blue {
    color: #fff;
    font-weight: bold;
    font-size: inherit;
    background-color: transparent;
    border-color: transparent;
    background-image: url(img/btn-dark-blue.svg); background-repeat: no-repeat; background-size: 100% 100%;
    padding: 1rem 2rem;
    transition: transform .3s;
}
.btn-orange:hover, .btn-blue:hover, .btn-dark-blue:hover {color: #fff; transform: scale(1.1);}

.btn-grey {
	display: inline-block;
	margin-top: 10px; margin-bottom: 10px;
    color: #fff;
    font-weight: normal;
    font-size: inherit;
    background-color: transparent;
    border-color: transparent;
    background-image: url(img/btn-grey.svg); background-repeat: no-repeat; background-size: 100% 100%;
    padding: 1rem 2rem;
}

/* --- KALENDAR --- */
#kalendar {background: #fff; border-radius: 50px; text-align: center;}
#udalost {margin: 30px auto; text-align: left; width: 75%;}
#udalost a {color: #273a82;}


/*
.btn-outline-blue {
    background-image: url(img/btn-outline-blue-3.svg); background-repeat: no-repeat; background-size: 100% 100%;
    color: #0d6efd;
    border-color: transparent;
    font-size: inherit;
    font-weight: bold;
    padding: 10px 40px 10px 10px; 
}
*/


/*
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
}
.navbar-light .navbar-nav .nav-link {
    color: #1c56d9;
}
*/

.breadcrumbs {font-size: 0.9rem; color: #666;}
.breadcrumbs a {color: #666;}

.card {background-color: rgba(253,217,178,1); border: none; border-radius: 0;}
.card-img-overlay {background-color: rgba(253,217,178,0.85);}
a.aCard {text-decoration: none; color: #555;}
a.aCard:hover .card {background-color: #fdc991;}


/* video v galerii - přes celou šířku a automatická výška */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#galerieModal .modal-content {background: rgba(0,0,0,0.9); color: #fff; border-radius: 0;}
#galerieModal .modal-header {border-bottom: none;}
#galerieModal .close {
    font-size: 1.5rem;
    color: rgba(255,255,255,0.8);
    text-shadow: none;
    opacity: 1;
}
#galerieModal .carousel-caption {position: static;}

#kontakty i {color:  #ff6000;}
.vizitka {background-color: #fdd9b2; padding: 20px;}


/* responzivni google mapa  */
.map {
    position: relative;
}
/*
.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
*/
/* div přes google mapu, aby nedošlo k přibližování mapy při použití kolečka myši */
.map .overlay {
   background:transparent; 
   position: absolute;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100% !important; 
}

@media (max-width: 992px) {
	.boxy i {font-size: 1.2rem; height: 30px; line-height: 30px; width: 30px; margin-right: 5px;}
}
@media (max-width: 768px) {
	#slogan {font-size: 2rem;}
}
@media (max-width: 576px) {
	.boxy i {font-size: 1rem; height: 25px; line-height: 25px; width: 25px; margin-right: 3px;}
	.box1, .box2, .box3, .box4 {display: inline-block; margin-right: 10px;}
}