/* styles for chrudim dnes (c) michal@prolidi.cz */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap');

@font-face { font-family: 'Acumin Pro SC'; src: url('acuminprosemicond-regular.otf') format("opentype"); }
@font-face { font-family: 'Acumin Pro EC'; src: url('acuminproextracond-regular.otf') format("opentype"); }

@font-face { font-family: 'Futura CL'; src: url('font/Futura-CondensedLight.otf') format("opentype"); }
@font-face { font-family: 'Futura L'; src: url('font/Futura Light font.ttf') format("opentype"); }

@font-face{font-family:futura-pt;src:url(https://use.typekit.net/af/309dfe/000000000000000000010091/27/l?subset_id=1&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/309dfe/000000000000000000010091/27/d?subset_id=1&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/309dfe/000000000000000000010091/27/a?subset_id=1&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:futura-pt;src:url(https://use.typekit.net/af/eb729a/000000000000000000010092/27/l?subset_id=1&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/eb729a/000000000000000000010092/27/d?subset_id=1&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/eb729a/000000000000000000010092/27/a?subset_id=1&fvd=i7&v=3) format("opentype");font-weight:700;font-style:italic;font-stretch:normal;font-display:auto;}@font-face{font-family:futura-pt;src:url(https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?subset_id=1&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/9b05f3/000000000000000000013365/27/d?subset_id=1&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/9b05f3/000000000000000000013365/27/a?subset_id=1&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:futura-pt;src:url(https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/l?subset_id=1&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/d?subset_id=1&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/a?subset_id=1&fvd=i4&v=3) format("opentype");font-weight:400;font-style:italic;font-stretch:normal;font-display:auto;}

html { font-size: 1em; font-family: "futura-pt","Futura PT","Futura T OT","Futura","Helvetica",sans-serif; }
body { font-family: "futura-pt","Futura PT","Futura T OT","Futura","Helvetica",sans-serif; font-size: 1.2em; line-height: 1.5; background: #FFF; color: #000; padding: 0; margin: 0; font-style: italic; }
input[type=button] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
a { color: #000; transition: all 0.1s ease-in-out; text-decoration: none; }
/* a:hover { color: #d91c3c !important; text-decoration: none; } */
a:hover, a:focus, .link:hover, .link:focus { color: #6A6A6A; }
a:active, .link:active { color: #6A6A6A;}
.red { color: #6A6A6A; }
.green { color: green; }
h1 { font-family: "futura-pt","Futura PT","Futura T OT","Futura","Helvetica",sans-serif; margin-top: 1rem; margin-bottom: 1rem; text-transform: uppercase; font-style: italic; }

/* bootstrap changes */
.btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { background-color: #6A6A6A; border-color: #6A6A6A; }
.btn, .btn-outline-success { background-color: #FFF; border-color: #000; color: #000; }
.btn-outline-success:hover, .btn:hover { color: #000; border-color: #000; background-color: #6A6A6A; }
.bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.card { overflow: hidden; color: #000; background-color: transparent; transition: all 0.1s ease-in-out; text-decoration: none; border: 0; }
.card img { width: 100%; transition: transform 1.0s ease-in-out; }
.card:hover img { transform: scale(1.05); }
.card-body { height: 200px; overflow: hidden; text-align: center; }
.card:hover { /* box-shadow: 2px 2px 10px #FFF; */ color: #6A6A6A; /* border-color: #6A6A6A; */ }
.card-text input[type=image] { opacity: 0.7; }
.card-text input[type=image]:hover { opacity: 1; }
.nav-link { text-transform: uppercase; font-weight: bold; color: #000 !important; font-size: 1.2em; font-style: normal; }
.nav-link:hover { color: #6A6A6A !important; }
nav .btn, nav .btn-outline-success { background-color: #FFF; border-color: #FFF; color: #000; text-transform: uppercase; font-weight: bold; font-size: 1.3em; }
nav .btn-outline-success:hover { background-color: #FFF; border-color: #6A6A6A; color: #6A6A6A; }
nav .form-control { background-color: #888; color: #000; border-radius: 0; border: 0; height: 33px; margin-top: 5px; }
nav .form-control::placeholder { color: #555; }
.navbar-brand img { margin-right: 20px; height: 40px; filter: invert(1); }

/* main styles */
header, footer { padding: 0 4% !important; }
header nav { background-color: #FFF; }
main { margin-top: 80px; }
main > .container { max-width: 100% !important; padding: 0 4% !important; }
h4 { font-family: 'Futura L', 'Acumin Pro EC', sans-serif; overflow: hidden; text-align: center; text-transform: uppercase; font-size: 2em; margin: 20px 0 40px 0 !important; }
h4:before, h4:after { background-color: #6A6A6A; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 10%; }
h4:before { right: 0.5em; margin-left: -50%; }
h4:after { left: 0.5em; margin-right: -50%; }

hr { opacity: 1; width: 75%; margin: 20px auto; }

.banner { margin-bottom: 20px; }
.banner img { width: 100%; }
.kupto { position: absolute; bottom: 10px; left: 0; right:0; margin-left: auto; margin-right: auto; width: 50%; }
.btn-spot { position: absolute; bottom: 10px; left: 10px; height: 38px; }
.btnh { opacity: 0.8; transition: all 0.1s ease-in-out; }
.btnh:hover { opacity: 1; }

.tituly {
/*background: #555; */
padding: 25px;
background-image: url(/img/bg-green.png);
background-size: cover;
background-repeat: round;
background-blend-mode: darken;
}

.tituly>* { padding-left: 5px; padding-right: 5px;}
.tituly .card-title { max-height: 100px; overflow: hidden; font-size: 1em; }
.tituly hr { background-color: #6A6A6A; width: 50%; }

.titul { text-align: center;}
.titul-banner { width:100%; max-width: 600px; height: auto; }
.titul-text { width: 100%; margin: 0 auto; max-width: 800px; }
.titul img { width: 90%; }
.titul iframe { width: 90%; }

.novinka { text-align: center;}
.novinka-banner { width:100%; max-width: 800px; height: auto; }
.novinka-text { width: 100%; margin: 0 auto; max-width: 800px; }
.novinka img { width: 90%; }
.novinka iframe { width: 90%; }

.koncerty { padding: 25px; /* background: #222; background-image: url(/img/bg-concerts.jpg); background-position: center;*/ }
.koncerty .btn, .koncerty .btn-outline-success { background-color: transparent; border-color: #6A6A6A; color: #000; padding: 0.2rem 0.5rem; }
.koncerty .btn:hover, .koncerty .btn-outline-success:hover { color: #6A6A6A; }
.koncerty .row:nth-child(even) { background-color: rgba(0,0,0,0.2); }

.kapely .card-body { height: 100px; }

.kapela { text-align: center;}
.kapela-banner { width:100%; /* height: 250px; object-fit: cover; */ max-width: 800px; }
.kapela-hlavni { width: 100%; margin: 0 auto; max-width: 800px; }
.kapela-social a { opacity: 0.5; margin: 5px; }
.kapela-social a:hover { opacity: 1; }
.kapela-social img { width: 30px; filter: invert(1); }
.kapela-text img { width: 90%; }
.kapela-text iframe { width: 90%; }
.kapela .row { justify-content: center;}
.kapela h1 { border-bottom: 1px solid #DDD; margin-bottom: 15px; padding-bottom: 10px;}
.kapela .videa .card-body { height: 100px; }

.social img { height: 30px; margin-top:5px; margin-left:10px; opacity:0.5; }
.social img:hover { opacity: 1; }

footer { margin-top: 4%; }
footer img { width: 20px; opacity: 0.5; margin-top:5px; filter: invert(1); }
footer img:hover { opacity: 1; }
footer .f-c { text-align: center; }
footer .f-r { text-align: right; }

/* media specific styles */
@media (min-width: 768px) {
 .bd-placeholder-img-lg { font-size: 3.5rem; }
}

@media (max-width: 767px) {
 .card-body { height: auto; }
 .card-body h5 { font-size: 100%; }
 .card-body .small { font-size: 80%; }
 /* .novinky .card-body, .videa .card-body { position: absolute; bottom: 0px; margin: 0 auto; background: #000; opacity: 0.6; width: 100%; color: #FFF; } */
 .tituly .card-title { font-size: 1em !important; }
 .tituly { padding: 20px 5px; }
 .tituly .card-body { height: 200px; }
 h4 { font-size: 1.2em; }
 h4:before, h4:after { width: 20%; }
 footer .f-c, footer .f-l, footer .f-r { text-align: center; }
 footer img { width: 30px; }
}


.kontakt { display: flex; }
.kontakt h2 { padding-top: 20px; }
.kontakt .pul { float:left; width:50%; position: relative; }
.kontakt img.left { float:left;padding:10px;width:50%; }
.kontakt img.right { float:right;padding:10px;width:50%; }
.kontakt .kuche { width:100%;position:absolute;bottom:0; }
@media (max-width: 999px) {
.kontakt { display: block; }
.kontakt .pul { width:100%; }
.kontakt img.left, .kontakt img.right { width:50%; }
.kontakt .kuche { position: initial; }
}
@media (max-width: 699px) {
.kontakt { font-size: 15px !important; }
.kontakt h2 { padding-top: 10px; font-size: 15px; }
.kontakt img.dlouhy { width: 60%; }
.kontakt img.left, .kontakt img.right { padding:5px; }
}
@media (max-width: 360px) {
.kontakt { font-size: 13px !important; }
.kontakt h2 { padding-top: 5px; }
.kontakt img.left, .kontakt img.right { padding:3px; }
}