body {font-family: 'Open Sans', sans-serif; font-weight: 300;}
h1, h2, h3, h4 {font-family: 'Open Sans', sans-serif; color: #000;}
h1 {color: #0a9628; font-weight: 700}
h2 {color: #0a9628; font-weight: 600; font-size: 2rem;}
h3 {color: #0a9628; font-weight: 400;}
h5 {color: #0a9628; font-size: 1rem; font-weight: 600;}

.is-dropdown-submenu {min-width: 300px;}

a, a:visited, a:focus { color: #0a9628; text-decoration: none; font-weight: 400;}
.breadcrumbs a {color: #555; text-decoration: none;}
a:hover, .breadcrumbs a:hover { color: #000;}
.green {color: #0a9628;}
.red {color: #cb256c;}
.gray { color: #abacaf;}
.clear { clear:both;}
hr {
    height: 1px; width: 100%;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 2rem;
}
.button {
	 margin: 0.4rem 0;
	 font-size: 1.1rem;
	 line-height: 1.0;
   border: 1px solid transparent;
   background-color: #0a9628;
   color: #FFF;
}
a.button { color: #FFF;}
.button:hover, .button:focus { background-color: #666; color: #FFF;}

ul { margin-left: 0;}
ul li {padding: 0 0 0.5rem 2.0rem; list-style: none; background: url(../images/sipka-on.png) no-repeat 0 10px;}
ul.accordion li {padding: 0; background: none;}
a.accordion-title {border: 0; font-weight: 400; font-size: 1.2rem; color: #fff; background: silver; display: block; text-align: center; margin-bottom: 0.5rem;}
a.accordion-title:hover {background: #0a9628;}
.is-active a.accordion-title {background: #0a9628;}
.is-active a.accordion-title:hover {background: silver;}
div.accordion-content {border: 0;}
.datum {font-size: 0.8rem; background: #0a9628; padding: 3px 5px; color: #fff; display: inline-block;}
.anotace2 {font-size: 0.8rem; background: silver; padding: 3px 5px; color: #000; margin-bottom: 0.1rem; display: inline-block;}
ul.bullet-off li {padding: 0 0 0.5rem 2.0rem; list-style: none; background: url(../images/sipka-off.png) no-repeat 0 8px;}
ul.seznam1, ul.seznam2 {padding: 0 0 0 1rem;}
ul.seznam3 {padding: 0 0 0 1.5rem;}
ul.seznam1 li {padding: 0 0 0.5rem 0.5rem;list-style: square; background: none;}
ul.seznam2 li {padding: 0 0 0.5rem 0.5rem;list-style: disc; background: none;}
ul.seznam3 li {padding: 0 0 0.5rem 1rem;list-style: none; background: url(../images/carka-li.png) no-repeat 0 10px;}

p.small strong {font-weight: 600;}

/*Vizual -----------------------------------------------------*/
#logo-row .input-group { margin-top: 3rem;}

/*Vizual -----------------------------------------------------*/
#vizual { margin-bottom: 2rem;}
#vizual img { width: 100%;}

/*homeboxes -----------------------------------------------------*/
#homebox .callout { margin: 2rem 0; padding-bottom: 2rem; border: 1px solid #bfbfbf; border-radius: 10px;}
#homebox-bottom .callout { margin: 2rem 0 4rem; border: 1px solid #f5f6f7; background: #f5f6f7; border-radius: 10px;}
#homebox .far, #homebox .fas {color: #555;}
#homebox #cislo {background: url(../images/bg-cislo.jpg) center bottom no-repeat; background-size: cover; position: relative;}
#cislo .cislo {font-weight: 700; color: #0a8c32; font-size: 3rem; display: block; padding: 0; margin: 0; line-height: 1; margin-top: 2rem;}
#cislo .cislo2 {font-weight: 700; color: #0a8c32; font-size: 1.5rem; display: block; line-height: 1; margin-bottom: 0.5rem;}
#cislo .anotace {margin-bottom: 2rem;}
#homebox .text-right {position: absolute; bottom: 1rem; right: 1rem;}

.anketa p { margin-bottom: 0.2rem; line-height: 1.2;}
.progress {height: 1.2rem;}
.progress.primary .progress-meter {background-color: #0a9628;}

/*news -----------------------------------------------------*/
#news { padding: 1rem 0 2rem;}
#news .small { font-size: 90%; margin: 1.5rem 0 0;}
#news h3 { margin-bottom: 0;}

/*Obsah -----------------------------------------------------*/
#content {border-top: 8px solid #eee; padding-top: 2rem;}
.breadcrumbs li { background: none; padding-left: 0; }
.card img { width: auto;max-width: none;}
.date { font-size: 90%; margin: 1.5rem 0 0; color: #999;}

/*Footer -----------------------------------------------------*/
#footer { color:#000; background:#f5f6f7; border-top: 8px solid #0a9628; padding: 2rem 0 4rem; font-size: 0.9rem; margin-top: 2rem;}
#footer a {color: #000;}
#footer a:hover {color: #0a9628;}
#footer h4 {font-weight: 600;}
.copy { color:#b5b7b8; margin-top: 3rem; padding-bottom: 1rem; border-bottom: 1px solid #ccc;}
@media print, screen and (min-width: 40em) {
  .copy { border: none;}
}

#top {
    display: block;
    width: 60px;
    height: 60px;
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: url(../images/top.png) no-repeat;
    opacity: 0.9;
    display: none;
}


/*FORMS -----------------------------------------------------*/
[type='text'], textarea { color: #FFF; background: #646464; border: none; }
textarea { min-height: 150px; }
[type='text']:focus, textarea:focus { color: #FFF; background: #818181; border: none; }

.input-group-rounded .input-group-field {
  border-radius: 30px 0 0 30px;
  padding-left: 1rem;
}
.input-group-rounded .input-group-button .button {
  border-radius: 0 30px 30px 0;
  font-size: 0.8rem;
}
#search { margin-top: 3rem;}

/*-------- MENU --- */
#navigation { background: #FFF; }
.is-stuck #navigation { border-bottom: 1px solid #eee;}
.logo {width: 514px;}

.is-stuck .logo {width: 300px; height: 71px; transition: transform 0.6s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.is-stuck #search {margin-top: 1.5rem;}
.is-stuck #what {height: 2rem; font-size: 0.8rem;}

#menu a {font-weight: 300;}
.menu li { background: none; padding: 0; font-size: 1.3rem;}
.menu li.is-dropdown-submenu-parent { position: relative; padding-right: 1rem;}
.dropdown.menu > li > a.home {padding: 0.7rem 1rem 0.7rem 0rem;}
.dropdown .is-dropdown-submenu a {padding: 0.5rem 1rem;}
.dropdown .is-dropdown-submenu a:hover { color: #0a9628; }
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  padding-right: 1rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border: 0;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-rendering: auto;
  content: "\f107";
  display: inline-block;
  margin-top: -10px;
  color: #eee;
}
a.lang { padding: 0 0 0 1rem;}
a.contact i {padding-top: 0px; }

.menu.align-center li .submenu li a { padding-right: 3rem;}

.menu .vertical {background: #b5b7b8; }
.menu.vertical li {font-size: 1rem;}
.menu.vertical li a:hover {color: #000;}
.menu.vertical.accordion-menu { margin-top: 4rem;}
.menu.vertical.accordion-menu a { color: #FFF; font-size: 1rem;font-weight: 300;}
.menu.vertical.accordion-menu a.lang { border-top: 1px solid #808080;border-bottom: 1px solid #808080; margin-top:2rem;}

.off-canvas.is-open { background: #333;}