@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"); /* ikony */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap'); /* stredni */
@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@100;200;300;400;500&display=swap'); /* uzke */
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

/* uvodni stranka */
@media (max-width: 768px) {
  .video-start {
    display: none;
  }

  .video-start-background {
    background: url('../images/video_bg.webp') center center / cover no-repeat;
  }
}

.video-start { /* This is to make the video appear behind everything else */
  position: fixed;
  z-index: -1000; /* Z-Index is -1000 just to be safe */
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}
.video-start-background {
  /* doplnit fotku na pozadi pod video */
}
.content-start { /* This is for the content */
  /*position: fixed;*/
  z-index: 1; /* This can be set to any number greater than -1000. */
  /*bottom: 0;*/
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

/* PISMA */
.extrafont {
    font-family: 'Alumni Sans', sans-serif;
    color: inherit;
    /*text-transform: uppercase;*/
    font-weight: 300;
    /*letter-spacing: 1px;*/
}
.extrafont2 {
    font-family: 'Source Sans Pro', sans-serif;
    color: inherit;
    /*text-transform: uppercase;*/
    font-weight: 300;
}

.extrafont3 {
    font-family: 'Great Vibes', sans-serif;
    color: inherit;
    font-weight: 400;
}
.text-shadow-01 {
  text-shadow: 0 0.15rem 0.5rem rgba(0,0,0,1);
}

/* KARUSEL */
.carousel-caption {
    padding-bottom: 0rem;
}

/* IKONY */
.bi-facebook {
    color: #1877f2;
}
.bi-youtube {
    color: #ff0000;
}

/* OBECNE FUNKCE */
.text-justify {
    text-align: justify;
}
label {
    /*color: #737373;
    font-weight: bold;
    text-transform: uppercase;*/
}
body {
    /*
    background-attachment: scroll;
    background-image: url(../storage/bg/bg001.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    */
}
.nostartpages {
    background-attachment: scroll;
    background-image: url(../images/bg_split.png);
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100% auto;
}

/* NADPISY */
h1 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 4em;
    margin-top: 0em;
    margin-bottom: 0.5em;
    padding-top: 0.7em;
    /*transform: rotate(-10deg);*/
    /*
    text-align: left;
    font-weight: 300;
    line-height: 1.5rem;
    padding-left: 0.5rem;
    border-left-width: 0.7rem;
    border-left-style: solid;
    border-left-color: #F00;
    */
}

/* TOPMENU */
@media (min-width: 992px) {  /* odpovídá navbar-expand-lg */
    .navbar .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0rem; /* zarovnání pod položku */
        padding-top: 0.2rem;
        /*background-color: transparent;*/
        border-top: 0.3em solid transparent;
               
    }
}
@media (max-width: 991.98px) {
    .topmenu .nav-link {
        padding-left:1rem;
        padding-right:1rem;
    }
    .topmenu .dropdown-item {
        padding-left:2rem;
        padding-right:2rem;
    }
}
.topmenu.nav-item {
	transition: 300ms;
}
.topmenu.nav-item {
	background-color:#FF9999;
    margin-left:0.2rem;
    margin-right:0.2rem;
}
.topmenu.nav-item:hover {
	background-color:#FF8181; /* FFB2B2 */
}
.topmenu a {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.topmenu a:hover {
	/*color:#000000 !important;*/
}
.topmenu .dropdown-menu {
	border-radius:0rem;
	background-color: #FF9999; /*transparent;*/
	border:none;
    /*
    margin-top: 0rem;
	background-attachment: scroll;
	background-image: url('images/dropdownmenuarrow.png');
	background-repeat: no-repeat;
	background-position: left top;
    */
}
.topmenu a.dropdown-item {
    color: #000000 !important;
}
.topmenu a.dropdown-item:hover {
    color: #000000 !important;
    background-color: #FF8181; /* FFB2B2 */
}
.topmenu .dropdown.show > .dropdown-toggle {
  color: #000000 !important;
}
.topmenu .dropdown-toggle:focus {
  color: #000000 !important;
}

/* TLACITKA */
.button-lng1 {
     font-size: 0.9em;
     color: black;
     background-color: #FF9999;
     padding: 0.4em;
     margin-top: 0em;
     margin-right: 0.2em;
     margin-bottom: 0em;
     margin-left: 0.2em;
     text-decoration: none;
     border-left-style: none;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
}
.button-lng {
     margin-top: 0em;
     margin-right: 0.2em;
     margin-bottom: 0em;
     margin-left: 0.2em;
}
.button-lng:hover {
     color: white;
     background-color: #FF9999;
     border-color: white; 
}
.btn-primary {
     background-color: #ff0000;
     border-left-style: none;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
 }
.btn-primary:hover {
    background-color: #A80303FF !important;
}
.btn-secondary {
    background-color: #4b4b4b;
    border-left-style: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
}
.btn-secondary:hover {
    background-color: red !important;
}
.btn-outline-secondary {
    border: 0.1em solid #cccccc;
}
.btn-outline-secondary:hover {
    background-color: #FF9999 !important;
    /*border: 0.1em solid #cccccc;*/
}

/* NAVIGACNI MENU */


/* ZKRATKY - IKONY */
.zkratky a {
	font-size: 1.3rem;
	color: #666666;
	text-decoration: none;
    font-family: 'Alumni Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
}
.zkratky a:hover {
	color: #CC0000;
	text-decoration: none;
}
.zkratky .d-flex {
    background-color: #f3f3f3;
}

/* KARTY AKTUALIT */
a.card {
    font-size: 1rem;
    color: #666666;
    text-decoration: none;
    /*text-align: justify;*/
}
.card-body {
    background-color: rgb(255, 255, 255) !important;
    border-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(255, 0, 0, 0)) 1;
    border-style: solid;
    border-width: 1px;
}
.card-footer {
    background-color: rgb(255, 255, 255) !important;
    border-top-style: none;
}
h5.card-title {
    font-size: 1.5rem;
    font-family: 'Alumni Sans', sans-serif;
    color: inherit;
    /*text-transform: uppercase;*/
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /*
    white-space: pre-line;
    overflow: hidden;
    text-overflow: ellipsis;
    */
    height: 3.2rem;
}
.card-text {
    text-align: justify;
	/*
	display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	*/
}
a.card:hover {
    /*color: #ff0000;
    text-decoration: underline;*/
}

/* EFEKTY */
.efekt-1 {
    overflow: hidden;
}
.efekt-1 img {
    transition: all .4s linear;
    transform: scale(1);
}
.efekt-1:hover img {
    transform: scale(1.1);
    filter: grayscale(100%);
}
.efekt-2 {
    overflow: hidden;
}
.efekt-2 img, .efekt-2 div {
    transition: all .6s linear;
}
.efekt-2:hover img, .efekt-2:hover div {
    transform: rotateY(360deg);
}
.efekt-3 {
    overflow: visible;
}
.efekt-3 div {
    transition: all .2s linear;
    transform: scale(1);
}
.efekt-3:hover div {
    transform: scale(1.2);
}

/* STITKY */
.stitek1 {
    color: #000000;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0.3em;
    /*border: 0.1em solid #999;*/
    line-height: 0.8rem;
}

/* FORMS */
.form-control {
    appearance: auto;
}

/* ZAPATI */
footer {
    background-color: #4b4b4b;
}
.zapatinadpis {
    font-size: 1.5rem;
    line-height: 1rem;
    color: #e1e1e1;
    padding-left: 0.5rem;
    border-left-width: 0.5rem;
    border-left-style: solid;
    border-left-color: #F00;
}
footer ul {
    padding-left: 0rem;
}
footer li {
    color: #e1e1e1;
    border-left-width: 0.5rem;
    border-left-style: solid;
    border-left-color: #b0b0b0;
    list-style-type: none;
    padding-left: 0.5rem;
    line-height: 1em;
    margin-bottom: 0.5rem;
}
footer a {
     font-size: 1rem;
     color: #e1e1e1;
     text-decoration: none;
}
footer a:hover {
color: rgb(255, 255, 255);
text-decoration: underline;
}