@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,500,700&subset=latin-ext');

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	line-height: 1.7em;
	color: #000; font-size: 14px;
}
h1, h2 {
	color: #000;
	font-weight: 500;
	line-height: 1.3em;
	font-size: 2em;
	margin-top: 0;
	margin-bottom: 1em;
}
.page-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 0;
}
.region-content .page-header {
	margin:  0   0 1em 0
}
@media (max-width: 767px) {
.page-header {
	padding-bottom: 0;
	margin: 20px 0 0;border-bottom: 0;
}
}
h3 {
	color: #000;
  	font-weight: 500;
	font-size: 1.25em;
    line-height:1.45em
}
h3:first-child {
	margin-top: 0
}
.bs-region--left h3, .region.region-sidebar-first h3 {
	color: #fff;
	margin-top: 0
}
h4 {
	color: #000;
	font-weight: 500;
	font-size: 20px;
	margin: 2em 0 1em
}
h5 {
	color: #000;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 22px
}
h6 {
	color: #000;
	font-weight: 300;
	font-size: 1.5rem;
	line-height: 1.4em
}
b, strong {
	font-weight: 500;
}
/* links */
.field.field--type-text-long a:link, .field.field--type-text-long a:visited {
	color: #0080c9;
/* dark blue */
	text-decoration: underline
}
.field.field--type-text-long a:hover, .field.field--type-text-long a:focus {
	/*color: #3E92C2;
light blue*/
	color: white;
	background-color:  #00508f;
	text-decoration: none
}
a:active {
	color: black;
	text-decoration: underline
}
h3 a:link, h3 a:visited {
  color: #000
}
h3 a:hover {

}
.file {
	margin-top: 2em
}
.file>span {
	background: transparent;

	border: 0;
}
.file>span:last-child, .file>span:first-child {
	border: 0;
}
.file {
	font-size: 1em;   font-weight:300
}
.file-icon {
	font-size: 150%;
	padding: .25em 0.5em 0.25em 0;
	text-align: left;
}
.file-size {
	display: none
}
.form-control {
	height: 30px;
	padding: 3px 6px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
}
.btn {
	padding:5px 8px;
	margin-bottom: 0;
	font-size: 1em;   color:white;
	background-color: #0080c9;
	border: 1px solid #0080c9;
	border-radius: 0px;
}

.btn:hover {
color:white;
	background-color: #083676;
}

.btn.icon-only  {
    font-size: 14px;
    padding: 4px 8px;
}
@media screen and (min-width: 768px) {
.navbar.container {
	max-width: 100%;

}
}

#block-views-block-plagat span.file-link a  {
color:white;

}

#block-views-block-plagat span.file-link a:hover  {
color:#3E92C2;

}
/* header */

@media (min-width: 768px) {
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	margin-right: -15px;
	margin-left: -15px;
}
}

#block-wjazz-prepinacjazykov {
	margin-top:1em; margin-bottom: 2em;
	text-align: left;
}
#block-wjazz-prepinacjazykov li {
	display: inline;
}
#block-wjazz-prepinacjazykov a {
	background-color: #0080c9 ;
	color: white;    font-weight:300;
	padding: 10px;
	margin: 0 ; text-transform: uppercase
}  
#block-wjazz-prepinacjazykov a:hover  {
	background-color: #016ba7;
	color: white;    font-weight:300;
	text-decoration: none
}
 #block-wjazz-prepinacjazykov a.is-active {
	background-color: #00508f;
	color: white;    font-weight:500;
	text-decoration: none
}




#block-wjazz-facebook   {
	float: none;    clear: both;
	text-align: right;
}

#block-wjazz-facebook a  {
	width: 30px;height:30px;overflow:hidden ;
    display: inline-block ; text-align: center;padding-top:2px	
}
#block-wjazz-facebook a:hover  {
background-color: #efefef;
}  

@media (max-width: 767px) {
#block-wjazz-prepinacjazykov, #block-wjazz-facebook {

    float: right;   clear:none ;

}

#block-wjazz-prepinacjazykov {

position:relative; top:-10px

}
#rightnav {

    width:100%;

}
}
@media (max-width: 490px) {
.navbar .logo {
width: 300px; height:auto

}
}


/* menu */

.navbar-toggle {                
    background-color: #0080c9;  margin-top:3em;
    border: 1px solid transparent;
    border-radius: 0;padding: 9px 9px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background-color:    #00508f; 

}

.navbar-default {
	background-color: transparent;
	border: 0
}
@media (max-width: 767px) {
.navbar-nav > li {
	float: none;
	background-color: #fefefe;
	display: block;
	font-size: 1.5rem;
}


.navbar-default .navbar-nav > li > a {
    color: #000;
}


.navbar-default .navbar-nav > li > a {
	padding-top:   8px;
	padding-bottom: 8px;
	line-height: 1em
}
.navbar-default .navbar-nav > li a:hover, .navbar-default .navbar-nav > li a:focus {
	background-color: rgba(0, 0, 0, 0.8);    color: white
}

.navbar-default .navbar-nav a.skonly:lang(en)  {
display:none
}
}
@media (min-width: 768px) {
 #rightnav {
float:right
}

div#navbar-collapse {
margin:10px 0 0 30px  ;float: left; width:45%
}
 ul.navbar-nav {

}
.navbar-nav > li > a {
	padding: 5px;
	display: block;
	line-height: 1em;
	float: none;  
}
ul.navbar-nav  li {
	margin: auto;  width:30%
}
#block-wjazz-main-menu a:link, #block-wjazz-main-menu a:visited {
	line-height: 1.2em;
	color: #000;
	text-decoration: none
}
#block-wjazz-main-menu a:focus, #block-wjazz-main-menu a:hover {
	background-color: transparent;
	color: #3E92C2
}
#block-wjazz-main-menu a.blue:hover {
	background-color: transparent;
	color: #000
}
}

 @media (min-width:960px) and (max-width: 1023px)  {

 div#navbar-collapse {
 width:40%
}
ul.navbar-nav  li {
	margin: auto;  width:50%
}

}

 @media (min-width:761px) and (max-width: 959px)  {

 div#navbar-collapse {
 width:100% ;margin: 10px 0 0 0
}
ul.navbar-nav  li {
	margin: auto;  width:20%
} #rightnav {

    float: none;
    position: absolute; right:20px; top:20px

}
}

#block-wjazz-main-menu a.is-active {
	background-color: transparent; font-weight:500;
	color: #0080c9
}

#block-facebook   a {
	margin-left: 15px;
	background: #3E92C2 url('facebook-32.png') no-repeat center center;
	width: 38px;
	height: 38px;
	display: block;
	text-indent: 999em;
	overflow: hidden
}


#block-wjazz-main-menu a.skonly:lang(en)  {
display:none
}
/* layout */

.navbar .logo {

    padding-left: 15px;

}
a.logo img    {
width:390px ;height: 130px
}

@media (min-width: 768px) and (max-width: 1199px)  {
.container {
    width: 97%;
}
}
@media screen and (min-width: 1200px) {
.navbar.container {
	max-width: 1140px;
	padding-left:0; padding-right:15px
}
 .node--type-page.node--view-mode-full .bs-region--right {
width:55%
}

}
@media (min-width: 768px) {

.col-sm-2.sidebar, .col-sm-7.main, .col-sm-pull-3.main, .col-sm-6.main {
	padding-right: 0;
	padding-left: 0
}
.col-sm-3.sidebar1, .col-sm-3.sidebar2 {
	padding-left: 0;
	padding-right: 0px
}
body.page-node-type-press   .col-sm-3.sidebar1,  body.page-node-type-novinka   .col-sm-3.sidebar1 {
	padding-left: 0;
	padding-right: 15px
}
body.page-node-type-novinka .col-sm-6.main, body.page-node-type-press .col-sm-6.main {
	padding-left: 0;
	padding-right: 15px
}

body.page-node-type-uvodna-stranka .main {
	padding-right: 15px;
	padding-left: 15px
}
}
@media (min-width: 768px) {
.navbar-header {
	float: left;
}


}
.navbar-brand {
	display: none
}
.bs-region--right, #block-jazz-views-block-press , #block-jazz-views-block-novinky, .node--view-mode-full .bs-region--main, body.path-search .col-sm-9.col-sm-pull-3, body.path-taxonomy .col-sm-9.col-sm-pull-3,
body.page-node-type-uvodna-stranka .main,body.path-taxonomy .col-sm-9.main {
	background-color: rgba(255, 255, 255, 0.8);
	padding:  2em
}

body.page-node-type-partneri .col-sm-9.main 
{
	background-color: rgba(255, 255, 255, 0.8);
	padding: 0 2em 2em 2em
}

body.page-node-type-uvodna-stranka .node--view-mode-full .bs-region--main {
	background-color: transparent;
	padding:  0
}

body.page-node-type-uvodna-stranka .col-sm-6.main {
	background-color: rgba(255, 255, 255, 0.8);
	padding:  2em
}
#block-views-block-archiv, body.page-node-type-partneri .col-sm-9.col-sm-pull-3 {
	background-color: rgba(255, 255, 255, 0.8);
	padding:  2em
}

.node--type-page.node--view-mode-full  .bs-region--left , body.page-node-type-partneri .node--view-mode-full .bs-region--main,
.node--type-stranka-archiv.node--view-mode-full  .bs-region--left ,
.node.node--type-webform .bs-region--left{
	padding: 0;
	background-color: transparent
}




.region.region-sidebar-first h1.page-header {
	color: #fff;
	margin-top: 0
}

.field-name-field-fotky a.colorbox {
	float: left;
	margin: 0 3px 3px 0
}

@media (max-width: 480px) {
.field-name-field-fotky a.colorbox {
	float: left;   width:45%;
	margin: 0 3px 3px 0
}
}
.field.field-name-field-fotky:after {
	clear: both;
	display: table;
	content: " ";
}
.node--type-interpret.node--view-mode-teaser {
	margin-bottom: 2em
}
.node--type-interpret.node--view-mode-teaser .field-name-node-link {
	margin: 5px 0 1em 0; text-transform:uppercase
}
.node--type-interpret.node--view-mode-teaser .field-name-field-den-vystupenia {
	line-height: 1.6em;
	font-size: 18px;
	margin-top: -0.4em;
	font-weight: 700;
}

@media (max-width: 480px) {
.node--type-interpret.node--view-mode-teaser .move {
margin-top:-4em
}
.node--type-interpret.node--view-mode-teaser .field-name-field-den-vystupenia  {
background-color:white;    display: inline-block;padding:2px;line-height:14px
}

a.logo img    {
width:100% ;height: auto
}
}

@media (min-width: 481px) {
.node--type-interpret.node--view-mode-teaser .move {
padding-left:0
}
#block-views-block-plagat div {
  text-align:right; padding-left:5%
}

#block-views-block-plagat div.mapa {
  text-align:left; padding-left:0
}
}
.views-field.views-field-field-mapa  {
  margin-top:2em
}
@media (max-width: 480px) {
body.path-frontpage .col-sm-3.sidebar1   {
 display:none
}
}
/* search and forms */

body.path-search h2    {
margin-top:2em
}
body.path-search ol li    {
margin-bottom:2em; margin-top:2em
}

.views-exposed-form   label {	
	font-weight: 500;       font-size:1em
 }
.views-exposed-form .select-wrapper {

    margin: 0 5px;

}
 
 @media (min-width: 481px)  {
.views-exposed-form .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
}
/* partneri */
.node.node--type-partneri.node--view-mode-full .field--name-field-text {
	padding: 0 2em
}
#block-wjazz-views-block-partneri div.logo >img, #block-wjazz-views-block-partneri a {
	width: 120px;
	height: 90px;
	display: block;
	float: left;
	background-color: white;
	margin: 5px;
	padding: 5px;
	line-height: 70px;
	text-align: center;
}
#block-wjazz-views-block-partneri {
	margin-top:3em
}
#block-wjazz-views-block-partneri h4, #block-wjazz-views-block-hlavni-partneri h4 {
	text-align: left;
	font-size: 16px;
	margin-left: 10px;
	margin-top: 0em;
	clear: both;
	padding-top: 2em;
}
#block-views-block-partneri a img.img-responsive {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	display: inline-block
}
#block-wjazz-views-block-hlavni-partneri a img.img-responsive {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	display: inline-block
}
#block-wjazz-views-block-hlavni-partneri a img.img-responsive {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	display: inline-block
}
#block-wjazz-views-block-hlavni-partneri a {
	width: 200px;
	height: 90px;
	display: block;
	float: left;
	background-color: white;
	margin: 5px;
	padding: 5px;
	line-height: 70px;
	text-align: center;
}

.floating img, .floating a {
	display: block;
	float: left;
	background-color: white;
	margin: 5px;
	/*padding: 5px;*/
}


/* front page */


.region-sidebar-first h1   {
color:white
}

#block-views-posledny-rocnik    h2   {
color:#0080c9;font-size:4em; margin:10px 0 0 0;font-weight:300
}
 
#block-wjazz-views-block-novinky-home  .views-row  {
margin-bottom:2em
}
#block-wjazz-views-block-novinky-home  .view-footer {
margin:1em 0 2em 0  ; font-size:1em   ;text-decoration:underline
}


#block-views-block-novinky-block-4 {
margin-bottom:25px ;margin-top:0;border-bottom:2px solid black;
padding-bottom: 1em
}

#block-views-block-novinky-block-4 div.row-novinka {
margin: 0 0 1em 0
}

#block-views-block-novinky-block-4 h3 {
margin-top: 0
}


body.page-node-type-uvodna-stranka .field-name-field-slideshow  {
margin: 0 15px 2em 15px
}

body.page-node-type-uvodna-stranka .carousel.fade .item .carousel-caption {
    background-color: transparent;    
    padding-left:0
}

body.page-node-type-uvodna-stranka .carousel.fade .item .carousel-caption h3{
    background-color: transparent;    
	font-weight: 300;       font-size:1em

}

body.page-node-type-uvodna-stranka .carousel.fade .item {
    padding-bottom: 30px;
}

body.page-node-type-uvodna-stranka .field--name-field-text  {
   margin:0 15px 30px;

}

.view.view-slideshow.view-id-slideshow    {
  /* min-height: 300px; width: auto*/
}

.view-id-archiv .view-content h2{
	margin-top: 1em;margin-bottom:5px;clear: both;
}



#block-views-posledny-rocnik .view-content h3 {
background-color: #0080c9; color: white; padding: 0.5em 1em;
    font-size:21px; font-weight:300; margin-bottom:0;margin:1em   0;clear: both;

}
#block-views-posledny-rocnik  p a:link,#block-views-posledny-rocnik p  a:visited  {
 color: #000; padding: 0.5em;   clear:both; display:block ;margin: 0 0 2em

}


/* footer */
.footer {
	margin-top: 0;

	border-top: 0;
}
.region-footer .block {
	display: inline-block;
	float: right ;	padding: 15px;
}
#block-snif {
	margin:10px 20px 0 40px; color: #666
}
#block-snif a{
	 color: #666
}

#block-wjazz-search {
	width: 30%;
	float: left
}
@media (max-width: 767px) {
#block-wjazz-search {
	width: 50%;
	float: left
}
}

@media (max-width: 959px) {
#block-wjazz-spotify {
display:none
}
#block-spotifydole {
clear:both;
display:block;
width:100%
}
}

@media (min-width: 960px) {
#block-spotifydole {
display:none
}
}

/*interpret */

.node--type-interpret.node--view-mode-teaser h3   {
margin-top:1em

}

.node--type-interpret.node--view-mode-full .field-name-field-krajina a, 
.node--type-interpret.node--view-mode-full .field-name-field-rocnik {
	display: inline-block;
	margin-right: 1em
}

.node--type-interpret.node--view-mode-full .field-name-field-krajina {
	display: inline-block;

}

.node--type-interpret.node--view-mode-full .bs-region--top-right   {
	background-color: #def4ff ;padding:2em    ;

}

.node--type-interpret.node--view-mode-full .field--name-field-vystupujuci p   {
	margin: 0 ;

}

.node--type-interpret.node--view-mode-full .bs-region--top-right h3   {
	margin: 2em 0 0.5em 0

}
 @media (min-width: 768px) {
  .row.row-eq-height {
    display: flex;
    flex-wrap: wrap;
    margin-bottom:3em
  }
}
h6.uvod {
	color: #000;
	font-weight: 300;
	font-size:17px;
	line-height: 1.5em      ;
    margin-bottom:1em
}
.field--name-field-linka {
	font-weight: 400;
	margin: 1em 0;
}
.node--type-interpret.node--view-mode-full .field--name-field-text {
	margin-bottom: 2em
}

.field-name-field-video   {
	margin: 0 0 1em 0;
}
.field-name-field-fotogaleria a {
	margin: 0 5px 5px;
	display: inline-block
}
 @media (max-width: 767px) {
.node--type-interpret.node--view-mode-full.row  {
	margin-left:15px; margin-right:15px

}

}

/* newsletter */
 #block-contactblock {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 2em;margin-left:-15px;
}

 @media (min-width: 768px){
 #block-contactblock {
width:50%; margin-left:-15px; float: right
}
}
/* press a novinky */
.node--type-novinka.node--view-mode-teaser, .node--type-press.node--view-mode-teaser {
	margin-bottom: 2em
}
#block-views-block-novinky-block-2 .views-row, #block-views-block-press-block-2 .views-row {
	margin: 1em 0
}
#block-views-block-novinky-block-2 .views-row a, #block-views-block-press-block-2 .views-row  a {
	color: #ccc
}

.node--type-novinka.node--view-mode-full .field-name-field-datum-novinky  {
margin: 1em 0 2em
}


.node--type-novinka.node--view-mode-teaser .field--name-node-link a   {
margin: 1em 0 2em ;font-weight: 500;display: inline-block
}


#block-wjazz-views-block-novinky-home .row {
	margin: 0 0 1em 0  ;padding: 0 2em 0 0
}

#block-wjazz-views-block-novinky-home h5 {
	margin-top:0
}
 @media (max-width: 768px){
#block-wjazz-views-block-novinky-home .row {

    padding: 0;

}
}

/* carousel*/
.carousel.fade {
	opacity: 1;
}
.carousel.fade .item {
	transition: opacity ease-out .7s;
	left: 0;
	opacity: 0;
	padding-bottom: 40px;
/* hide all slides */
	top: 0;
	position: absolute;
	width: 100%;
	display: block;
}
.carousel.fade .item:first-child {
	top: auto;
	opacity: 1;
/* show first slide */
	position: relative;
}
.carousel.fade .item.active {
	opacity: 1;
}
.carousel.fade .item .carousel-caption {
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	z-index: 10;
	right: 0;
	padding-top: 12px;
	padding-bottom: 0;
	padding-left: 5px;
	text-align: left;
	text-shadow: none;
}
.carousel.fade .item.active .carousel-caption {
	opacity: 1;
}
.carousel.fade .item .carousel-caption h3{
font-size:1em; font-weight:300
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #000;
  text-align: center;
  text-shadow: 0;
  background-color: transparent;
}
.carousel-control.left {
  background-image: none;
  filter: inherit;
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: none;
  filter: inherit;
}
   .carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-size: 20px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left:-20px
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -20px;
  }


}






/* archiv */

.view-id-archiv .view-content h2{
	margin-top: 1em;margin-bottom:5px;clear: both;
}



.view-id-archiv .view-content h3 {
background-color: #0080c9; color: white; padding: 0.5em 1em;
    font-size:21px; font-weight:300; margin-bottom:0;margin:1em   0;clear: both;

}
.view-archiv.view-id-archiv  p a:link,.view-archiv.view-id-archiv p  a:visited  {
 color: #000; padding: 0.5em 1em;   clear:both; display:block ;margin: 0 0 2em

}