@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i&subset=latin-ext');
@font-face{font-family:"Mirador";src:url('../../font/mirador.woff') format('woff');}
@media (min-width: 971px) {.container{max-width: 970px;}}

    :root {
    --primary: #312782; /* ondrášovská modrá */
    --blue: #1e90ff;
    --white: #ffffff;
    --light: #ccc;
    --secondary: #545454;
    --dark: #1E1916;
    --navbar:#212529;
    --navbarlight:#6a6e73;
}

body {font:normal 1.9ch/1.5em 'Open Sans',sans-serif;}
h2 {font-weight:normal; text-transform:uppercase; margin:0;}
h4{font-size:1.2em;font-weight:bolder;margin:0;}
/*h4{font-size:18px;font-weight:normal;margin:0;}
h5{font-size:15px;font-weight:normal;margin:0;}*/
h1, .h1 , h2, .h2, .repertoar-main h3 {font-family:'Mirador', Arial; line-height:1.3em;padding-bottom:0.6em;}
#program h1 {color: var(--white) !important;text-shadow:0px 0px 5x var(--primary);}
h1 {padding-top: 1em;}
.repertoar-main h3 {font-size: 1.4em;}
.kariera h2 {font-size: 1.25em;text-transform:none;font-family: 'Open Sans',sans-serif;font-weight: bolder;}
.kariera h3 {font-size: 1em;font-weight:bolder;} 
/*small{font-size:16px;}*/




/*    body .container {color: var(--primary);}*/
    .footer div {color: var(--light);}




   .aktuality-item {
    transition: .5s;
}

/*** Spinner ***/
    #spinner {
        opacity: 0;
        visibility: hidden;
        transition: opacity .5s ease-out, visibility 0s linear .5s;
        z-index: 99999;
    }

    #spinner.show {
        transition: opacity .5s ease-out, visibility 0s linear 0s;
        visibility: visible;
        opacity: 1;
    }









/*** Header ***/
    .header-carousel .owl-carousel-inner {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        background: rgba(0, 0, 0, .25);
        }

    @media (max-width: 768px) {
        .header-carousel .owl-carousel-item {
            position: relative;
            min-height: 600px;
        }

        .header-carousel .owl-carousel-item img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .header-carousel .owl-carousel-item p {
            /*font-size: 16px !important;*/
        }
    }

/*    .header-carousel .owl-nav {
        position: relative;
        width: 80px;
        height: 80px;
        margin: -40px auto 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header-carousel .owl-nav::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #FFFFFF;
        transform: rotate(45deg);
    }

    .header-carousel .owl-nav .owl-prev,
    .header-carousel .owl-nav .owl-next {
        position: relative;
        font-size: 40px;
        color: var(--primary);
        transition: .5s;
        z-index: 1;
    }

    .header-carousel .owl-nav .owl-prev:hover,
    .header-carousel .owl-nav .owl-next:hover {
        color: var(--dark);
    }*/

    .page-header {/*
        margin-bottom: 6rem;
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/carousel-1.jpg) center center no-repeat;
        background-size: cover;*/
    }

    .breadcrumb-item+.breadcrumb-item::before {
        color: var(--light);
    }


/*** Fotky členů ***/
  .repertoar-header img, .foto img {width:280px; height:280px; object-fit: cover; object-position: center;}
  .jmeno, .repertoar-header, .logo {text-align: center;}
  .repertoar-header img, .foto div.col {max-width:290px;}
  .jmeno h5 {margin:0px; font-size:1em;font-weight:bolder;}
  .jmeno span {font-style:italic;font-size:small;}


/*** Loga sponzoring ***/
    .logo img {object-position: center;}
    .logo div.col {min-width:240px;}
    .logo span {font-style:italic;font-size:small;}


.repertoar-header span {text-decoration: none; color: var(--primary); font-size:normal;}
.kontakty a, .repertoar-header a {text-decoration: none; color: var(--primary);}

.titulka .carousel-item {height: 450px;}
.titulka .carousel-item img {position: absolute; object-fit: cover; min-height: 450px;}
.repertoar-header img, .foto img {box-shadow: 3px 3px 20px 0px var(--navbarlight);}


.header-carousel .owl-nav, .repertoar .owl-nav, .o-souboru .owl-nav, .historie .owl-nav {position: absolute; top: 50%; width: 100%; display: flex; transform: translateY(-50%); justify-content:space-between; font-size:50px; color: var(--light);}
.header-carousel .owl-prev, .header-carousel .owl-next, .repertoar .owl-prev, .repertoar .owl-next, .o-souboru .owl-prev, .o-souboru .owl-next, .historie .owl-prev, .historie .owl-next {padding: 50px; transition: .5s; z-index: 1;}
.header-carousel .owl-prev:hover, .repertoar .owl-prev:hover, .o-souboru .owl-prev:hover, .historie .owl-prev:hover {color:var(--white); text-shadow: -7px 0px 5px var(--white);}
.header-carousel .owl-next:hover, .repertoar .owl-next:hover, .o-souboru .owl-next:hover, .historie .owl-next:hover {color:var(--white); text-shadow: 7px 0px 5px var(--white);}
.header-carousel .owl-prev, .repertoar .owl-prev, .o-souboru .owl-prev, .historie .owl-prev {left: 0;}
.header-carousel .owl-next, .repertoar .owl-next, .o-souboru .owl-next, .historie .owl-next {right: 0;}

.repertoar .owl-carousel-item {height: 500px;}
.o-souboru .owl-carousel-item, .historie .owl-carousel-item {height: 650px;}
.repertoar .owl-carousel-item img {position: absolute; object-fit: cover; min-height: 500px; margin:0; padding: 0;}
.o-souboru .owl-carousel-item img, .historie .owl-carousel-item img {position: absolute; object-fit: cover; min-height: 650px;}
.historie .container, .o-souboru .container {color: var(--white); text-shadow: 0px 0px 5px var(--primary);}
.prekryvny-text {visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp; margin-bottom:20px;}
.repertoar span {font-weight:bolder;font-size: 1.15em; }





.carousel-container {position: relative; height: 500px; background-color:var(--navbar);}

.prekryvny-nadpis h2 {
    color: var(--white);
    display: block;
    position: absolute;
    top: 350px;
    left: calc(30% - 100px);
    z-index: 100;
    font-family: 'Mirador',Arial;
    font-size: 40px;
    line-height: 1em;
    text-transform: none;
    -moz-text-shadow: 0px 0px 8px #222;
    -webkit-text-shadow: 0px 0px 8px #222;
    -ms-text-shadow: 0px 0px 8px #222;
    text-shadow: 0px 0px 8px #222;
}


.prekryvny-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    display: block;
    background-color: rgba(49,39,130,.3);
    }

@media (min-width: 1281px) and (max-width: 1920px) {.prekryvny-text{left:150px; right: 150px;}}


#program {
    background: #342D80 url('../../img/program/program.webp') 50% 0% no-repeat;
    background-attachment: scroll;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-repeat: repeat;
    color: white;
}

.fixed2-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.mt-6 {margin-top: 80px;}

.ke-stazeni {
    padding: .2em 0 0.2em 80px;
    margin: 0 0 20px 0;
    background: url(../../img/general/tech_cond_ico.png) 0% 0.6em no-repeat;
    -ms-background-size: 60px;
    -moz-background-size: 60px;
    -webkit-background-size: 60px;
    background-size: 60px;
    min-height: 100px;
}

.ke-stazeni a {font-weight:bolder;}

/******* Kalendar ***************/
  @keyframes pruhlednost {
    from {opacity: 1;top: 100px;}
    to {opacity: 0.4;top: 0px;}
  }

  .kalendar_polozka .kal_left span {display:block;}
  .kalendar_polozka {color: var(--white);}
  .kalendar_polozka a {text-decoration: none; font-weight:bolder; color: var(--white);}
  div.kalendar_polozka {background-color:rgba(0,0,0,.4);font-size:.8em;box-shadow: 3px 3px 15px 5px var(--primary);}
  .kalendar_nadpis{text-transform:uppercase;font-weight: bolder;}
  .kalendar_soukroma {animation-name: pruhlednost; animation-duration: 1s; animation-fill-mode: forwards;position:relative;}
  /*.kalendar_soukroma {opacity: .4;}*/
  .kalendar_popis {font-style: italic;}
  .kalendar_polozka .date {font-weight: bolder;}

/******* Downloads ***************/
  .downloads a {text-decoration:none;color:var(--primary);}
  .downloads a:hover {text-decoration:underline; }
  .downloads h3 {padding-bottom:5px; border-bottom: 2px solid var(--primary);}
  .aktuality ul, .repertoar-main ul, .downloads ul {list-style: square;}


/************* výčet typu description ********************/
dl {margin: 0; padding: 0; padding-left: 10px;}
dt {font-weight: bolder; display: inline;margin-left: -10px; }
dd {margin-left:5px; display: inline;line-height: 1.5;}
dd:after {content: ""; display: block;}
/*dl::first-line {text-indent:-20px;}*/