@charset "UTF-8";

.btn {
font-size: 16px;
line-height: 20px;
border-radius: 0 !important;
}
.btn:hover, .btn:active, .btn:focus {
text-decoration: none;
}
@media (max-width: 1200px) {
.btn {
font-size: 14px;
}
}
.btn.btn-filter {
background-color: #00873C;
box-sizing: border-box;
padding: 8px 20px;
width: 100%;
color: white;
font-weight: 600;
}
.btn.btn-filter:hover, .btn.btn-filter:active, .btn.btn-filter:focus {
background-color: #006D31;
}
.btn.btn-header {
display: flex;
max-width: 180px;
}
.btn.btn-green {
background-color: #00873C;
box-sizing: border-box;
padding: 13px 19px;
align-items: center;
gap: 10px;
color: white;
font-weight: 700;
}
.btn.btn-green div {
text-align: start;
}
.btn.btn-green i {
font-size: 32px;
}
.btn.btn-green:hover, .btn.btn-green:active, .btn.btn-green:focus {
background-color: white;
border: 1px solid #00873C;
color: #00873C;
}
.btn.btn-footer {
background-color: #00873C;
border: 1px solid white;
box-sizing: border-box;
padding: 13px 19px;
align-items: center;
gap: 10px;
color: white;
font-weight: 700;
}
.btn.btn-footer div {
text-align: start;
}
.btn.btn-footer i {
font-size: 17px;
}
.btn.btn-footer:hover, .btn.btn-footer:active, .btn.btn-footer:focus {
text-decoration: none;
background-color: white;
border: 1px solid #00873C;
color: #00873C;
}
.btn.btn-white {
background-color: white;
border: 1px solid #00873C;
box-sizing: border-box;
padding: 12px 27px;
color: #00873C;
font-weight: 700;
}
.btn.btn-white:hover, .btn.btn-white:active, .btn.btn-white:focus {
background-color: #00873C;
border: 1px solid white;
color: white;
}
.btn.btn-white i {
font-size: 22px;
padding-left: 10px;
}
.btn-search {
border: 0;
background-color: white;
padding: 0 0.75rem;
font-size: 19px;
}
.btn-search:hover, .btn-search:active, .btn-search:focus {
border: 0 !important;
background-color: white !important;
}
.cal-row .calendar-day {
width: 30px;
margin: auto;
padding: 5px;
background-color: white;
}
.cal-row .calendar-day-active {
cursor: pointer;
}
.cal-row .calendar-day-active:hover, .cal-row .calendar-day-active:active, .cal-row .calendar-day-active:focus {
background-color: rgba(0, 135, 60, 0.3);
}
.cal-row .calendar-active-button {
background-color: #00873C !important;
color: white;
}
#section-calendar {
color: white;
}
#section-calendar .calendar-box {
background-color: #00873C;
padding: 80px 0;
}
@media (max-width: 1200px) {
#section-calendar .calendar-box {
padding: 40px 0;
}
}
#section-calendar .calendar-events {
padding: 0 16px;
min-height: 317px;
}
@media (max-width: 1200px) {
#section-calendar .calendar-events {
min-height: fit-content;
}
}
#section-calendar .calendar-events-date {
font-size: 22px;
line-height: 30px;
padding-bottom: 15px;
}
#section-calendar .more-events {
font-size: 18px;
line-height: 25px;
margin-top: 20px;
}
@media (min-width: 1200px) {
#section-calendar .more-events {
margin-right: 0%;
margin-top: 15px;
}
}
#section-calendar lu li {
line-height: 22px;
padding-bottom: 10px;
}
#section-calendar lu li a {
vertical-align: middle;
}
#section-calendar lu li::marker {
font-size: 10px;
}
#section-calendar .calendar {
background: white;
color: #333333;
padding: 10px 10px 25px 10px;
}
#section-calendar .calendar .head {
display: flex;
webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#section-calendar .calendar .head button {
border: 0;
background-color: #00873C;
width: 30px;
height: 30px;
color: white;
}
#section-calendar .calendar .head button:hover, #section-calendar .calendar .head button:focus, #section-calendar .calendar .head button:active {
background-color: #006D31;
}
#section-calendar .calendar .cal-table {
width: 100%;
text-align: center;
}
#section-calendar .calendar .cal-table thead {
padding-left: 10px;
padding-right: 10px;
}
#section-calendar .calendar .cal-table tbody {
padding-left: 10px;
padding-right: 10px;
}
#section-calendar .calendar .calendar-today {
background-color: rgba(0, 135, 60, 0.3);
}
#section-calendar .calendar .cal-day {
font-weight: 600;
font-size: 20px;
}
#section-calendar .calendar .cal-date-in {
border-radius: 10px;
height: 30px;
width: 30px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
}
#section-calendar .calendar .cal-date-in.active {
background-color: green;
color: white;
font-weight: 600;
}
#section-calendar .calendar .cal-day-in {
border-radius: 10px;
height: 30px;
width: 30px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
}
.calendar-event {
padding: 10px;
}
.calendar-event:nth-child(2n+1) {
background-color: #F1F1F1;
}
.calendar-event:nth-child(2n+1) .calendar-event-head .calendar-date {
background-color: white;
}
.calendar-event-head {
padding-bottom: 5px;
}
.calendar-event-body {
font-size: 15px;
}
.calendar-name-title {
font-size: 20px;
font-weight: 600;
}
.calendar-date {
float: right;
background-color: #F1F1F1;
padding: 5px;
font-weight: 400;
font-size: 14px;
}
.loader-events {
position: absolute;
}
.position-loader-events {
width: 0;
position: relative;
top: 50%;
left: calc(50% - 15px);
}
.events-list-box {
overflow-y: scroll;
height: 130px;   }
.events-list-box::-webkit-scrollbar {
width: 10px;
}
.events-list-box::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 5px;
}
.events-list-box::-webkit-scrollbar-thumb {
background: white;
border-radius: 5px;
}
.events-list-box::-webkit-scrollbar-thumb:hover {
background: #e6e6e6;
}
#section-calendar {
margin-bottom: 80px;
}
@media (min-width: 1200px) {
#section-calendar {
margin-bottom: 80px;
}
} #footer-section {
padding-bottom: 20px;
}
.footer-ic {
background-color: #00873C;
color: white;
padding-top: 29px;
padding-bottom: 10px;
padding-right: 15px;
font-size: 14px;
}
.footer-ic .fab {
font-size: 32px;
}
.footer-ic a {
text-decoration: none;
}
.footer-ic a:hover {
color: white;
}
.footer-ic .icons {
padding-top: 10px;
padding-left: 30px;
}
@media (max-width: 992px) {
.footer-ic .icons {
padding-top: 35px;
padding-left: 0;
padding-right: 0;
}
}
.fa-youtube {
padding-left: 12px;
}
.footer-ic-end {
background-color: #006D31;
font-size: 12px;
color: white;
font-weight: 300;
text-align: right;
line-height: 16px;
padding-top: 10px;
padding-bottom: 10px;
}
@media (max-width: 992px) {
#footer-section .col-12 {
padding-bottom: 25px;
}
.footer-ic .fab {
font-size: 45px;
}
.footer-ic-end {
font-weight: 300;
font-size: 9px;
line-height: 12px;
text-align: center;
}
}
@media (max-width: 576px) {
.icons {
text-align: center;
padding-left: 0px !important;
padding-top: 25px !important;
}
}
@media (max-width: 992px) {
.icons {
padding-left: 0px !important;
}
}
.fab:hover, .fab:active, .fab:focus {
color: #e6e6e6;
} .footer-col {
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
padding-top: 16px;
padding-bottom: 16px;
height: 100%;
}
@media (max-width: 576px) {
.pre-footer-col:not(:last-child) .footer-col {
border-bottom: none;
}
}
.polylang_langswitcher {
margin-bottom: 0;
}
.mg-auto {
margin: auto;
}
.mtb-auto {
margin-top: auto;
margin-bottom: auto;
}
@media (max-width: 1199px) {
.d-mobile-none {
display: none !important;
}
}
@media (min-width: 1200px) {
.d-mobile-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.d-desktop-none {
display: none !important;
}
}
@media (min-width: 1200px) {
.d-desktop-block {
display: block !important;
}
}
.p-10 {
padding: 10px;
}
.pt-10 {
padding-top: 10px;
}
.pb-10 {
padding-bottom: 10px;
}
.p-15 {
padding: 15px;
}
.pt-15 {
padding-top: 15px;
}
.pt-20 {
padding-top: 20px;
}
.pb-20 {
padding-bottom: 20px;
}
.pt-30 {
padding-top: 30px;
}
.mt-10 {
margin-top: 10px;
}
.mt-20 {
margin-top: 20px;
}
@media (max-width: 1200px) {
.mt-80-mobile {
margin-top: 80px;
}
}
@media (max-width: 1200px) {
.mt-47-mobile {
margin-top: 47px;
}
}
.mb-20-desk {
margin-bottom: 20px;
}
@media (max-width: 1200px) {
.mb-20-desk {
margin-bottom: 10px;
}
}
@media (max-width: 992px) {
.lg-py-2 {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
}
.input-search:-webkit-autofill,
.input-search:-webkit-autofill:hover,
.input-search:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
transition: background-color 5000s ease-in-out 0s;
}
.input-search {
border: 0 !important;
}
@media (max-width: 1200px) {
.input-search {
margin-right: 20px;
}
}
.line-4-only {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.pb-content-section {
padding-bottom: 20px;
}
.polylang_langswitcher {
padding-top: 15px;
padding-left: 0;
}
#lang_choice_1 {
width: 150px;
background-color: transparent;
border: white solid 1px;
padding: 12px;
color: white;
font-weight: 700;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjE5NjEzIDcuNDExMDJMMC4yNTYwODMgMi40NzA5OEMtMC4wODUzNjEgMi4xMjk1MyAtMC4wODUzNjEgMS41Nzc0MSAwLjI1NjA4MyAxLjIzOTZMMS4wNzcgMC40MTg2ODFDMS40MTg0NSAwLjA3NzIzNjYgMS45NzA1NyAwLjA3NzIzNjYgMi4zMDgzOCAwLjQxODY4MUw1LjgxIDMuOTIwM0w5LjMxMTYyIDAuNDE4NjgxQzkuNjUzMDYgMC4wNzcyMzY2IDEwLjIwNTIgMC4wNzcyMzY2IDEwLjU0MyAwLjQxODY4MUwxMS4zNjM5IDEuMjM5NkMxMS43MDU0IDEuNTgxMDQgMTEuNzA1NCAyLjEzMzE3IDExLjM2MzkgMi40NzA5OEw2LjQyMzg3IDcuNDExMDJDNi4wODk2OSA3Ljc1MjQ3IDUuNTM3NTcgNy43NTI0NyA1LjE5NjEzIDcuNDExMDJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
background-repeat: no-repeat, repeat;
background-position: right 10px top 50%, 0 0;
background-size: 0.65em auto, 100%;
text-transform: uppercase;
}
#lang_choice_1 option {
color: black;
}
#header-top {
padding-top: 34px;
padding-bottom: 34px;
position: relative;
background-color: #00873C;
}
#header-top .header-logo-line {
border-left: 3px solid black;
height: 70px;
}
#header-top .header-logo {
display: flex;
flex-direction: row;
gap: 10px;
}
#header-top .logo-img-box {
height: 51px;
width: auto;
margin-top: auto;
margin-bottom: auto;
}
#header-top .logo-img {
height: 100%;
width: auto;
}
#header-top .header-logo-title {
display: flex;
flex-direction: column;
justify-content: center;
color: white;
}
#header-top .header-logo-name {
font-style: normal;
font-weight: bold;
font-size: 23px;
line-height: 37px;
}
#header-top .header-logo-city {
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
#header-top .header-button {
margin-top: auto;
margin-bottom: auto;
}
#header-top .header-logo-mobile-title {
font-size: 16px;
line-height: 22px;
align-items: center;
color: white;
}
@media (min-width: 768px) {
#header-top .header-logo-mobile-title {
font-size: 19px;
}
}
.header-image {
width: 100%;
max-height: 290px;
object-fit: cover;
}
.header-image-box {
background: url(//ic.ustinadorlici.cz/wp-content/themes/icuo-template/images/header-image.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
height: 290px;
}
.navbar-ic {
background-color: #00873C;
}
@media (max-width: 1200px) {
.navbar-ic {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
}
.navbar-collapse {
position: relative;
}
@media (max-width: 1200px) {
.navbar-collapse {
max-height: calc(100vh - 5em);
overflow-y: auto;
}
} #nav-menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: space-around;
}
.nav-item a,
.nav-item button.submenu-toggle {
display: block;
padding: 0 10px;
text-decoration: none;
background: transparent;
border: none;
cursor: pointer;
font-family: inherit;
width: 100%;
font-size: 24px;
font-weight: 700;
line-height: 28px;
text-align: left;
color: #FFF;
}
@media (max-width: 1200px) {
.nav-item a,
.nav-item button.submenu-toggle {
font-size: 16px !important;
line-height: 20px;
padding: 12px 0;
}
}
.nav-item a:hover {
text-decoration: none;
color: white;
}
.nav-item a, .nav-item button.submenu-toggle {
border-left: 4px solid #00873C;
transition: all 0.6s ease;
}
@media (max-width: 1200px) {
.nav-item a, .nav-item button.submenu-toggle {
border: none;
}
}
.submenu a:hover,
.submenu button.submenu-toggle:hover {
border-left: 4px solid #00873C !important;
}
@media (max-width: 1200px) {
.submenu a:hover,
.submenu button.submenu-toggle:hover {
border: none;
}
}
.nav-item.show > button,
.nav-item > a:hover,
.nav-item > button.submenu-toggle:hover {
border-left: 4px solid black;
color: black;
transition: all 0.6s ease;
}
@media (max-width: 1200px) {
.nav-item.show > button,
.nav-item > a:hover,
.nav-item > button.submenu-toggle:hover {
border: none;
}
} .submenu {
width: 100%;
list-style: none;
padding: 0;
margin: 0;
position: absolute;
top: 100%;
left: 0;
min-width: 200px;
z-index: 1000;
background-color: #00873C;
gap: 1rem;
display: none;
font-size: 24px;
line-height: 24px;
}
@media (max-width: 1200px) {
.submenu {
flex-direction: column;
}
}
.submenu ul {
padding-left: 0;
}
.submenu li {
border-bottom: 2px solid #FFF;
list-style: none;
}
.submenu li:first-child {
border-top: 2px solid #FFF;
}
.submenu li:last-child {
border-bottom: none;
}
@media (min-width: 1200px) {
.submenu li:last-child {
height: 40px;
}
}
@media (max-width: 1200px) {
.submenu li:last-child::after {
content: "";
display: block;
height: 15px; }
}
.submenu li a {
padding: 12px 0;
color: white;
text-decoration: none;
}
@media (max-width: 1200px) {
.submenu li a {
border-top: none;
border-bottom: none;
font-weight: 400;
padding-top: 5px;
padding-bottom: 5px;
font-size: 16px !important;
line-height: 20px;
}
} .submenu .has-submenu > .submenu {
top: 0;
left: 100%;
}
@media (max-width: 1200px) {
#nav-menu {
flex-direction: column;
align-items: flex-start;
}
.nav-item {
width: 100%;
border-top: 2px solid white;
}
.nav-item:last-child {
border-bottom: 2px solid white;
}
.submenu {
position: static;
width: 100%;
}
.submenu li {
border: none !important;
}
}
.submenu-column {
flex: 1; }
.pre-submenu {
display: none;
} #hamburger-menu-button {
border: none;
}
#hamburger-menu-button .btn-menu-text {
font-size: 14px;
color: white;
}
#hamburger-menu-button:focus {
box-shadow: none;
}
#hamburger-menu-button .btn-menu-line {
background-color: #fff;
width: 25px;
display: block;
height: 3px;
margin-top: 7px;
}
#hamburger-menu-button .btn-menu-line:last-child {
margin-bottom: 7px;
}
#hamburger-menu-button .btn-menu {
background-color: transparent;
margin: 15px 0px;
}
.header-logo-mobile-line {
height: 43px;
padding-right: 8px;
}
.header-logo-mobile-title {
font-size: 16px;
line-height: 22px; align-items: center;
color: white;
}
@media (min-width: 768px) {
.header-logo-mobile-title {
font-size: 19px;
}
}
.logo-mobile-box {
margin: auto;
padding-right: 8px;
}
@media (max-width: 370px) {
.logo-title-mobile-long {
display: none;
}
}
@media (min-width: 370px) {
.logo-title-mobile-short {
display: none;
}
}
.lightgreen-bg {
background-color: #B2D8B2;
} .search-form {
margin: auto;
padding: 20px;
background-color: #00873C;
position: absolute;
right: 0px;
top: 60px;
transition: all 0.5s ease-in-out;
width: 300px;
top: 50px;
z-index: 1000;
}
.search-form i {
padding: 0px;
}
.fa-times {
font-size: 20px;
}
.full-search-submit {
border: 0px solid;
border-radius: 0.5rem;
background-color: transparent;
height: auto;
font-weight: 400;
font-size: 20px;
margin-left: 10px;
margin-right: 5px;
}
.input-group-append {
margin: auto;
}
#show_search {
margin: auto;
text-align: center;
}
@media (max-width: 1200px) {
#show_search {
display: none;
}
#search_form_div {
display: block !important;
position: relative;
top: 0;
right: 0;
left: 0px;
width: 40%;
margin: auto;
padding-bottom: 15px;
}
}
@media (max-width: 768px) {
#search_form_div {
width: 100% !important;
}
}
#quick-homepage-menu {
padding-top: 50px;
}
#quick-homepage-menu .menu-boxes .menu-box {
flex-basis: auto;
text-align: center;
border: 7px solid #00873C;
padding: 52px 15px;
width: 252px;
max-width: 100%;
min-height: 235px;
height: 235px;
background-color: white;
}
#quick-homepage-menu .menu-boxes .menu-box.active-box {
padding: 15px 15px 20px;
height: 100%;
margin-bottom: -100%;
}
#quick-homepage-menu .menu-boxes .menu-box.active-box .homepage-box-image {
height: 30px;
}
#quick-homepage-menu .menu-boxes .menu-box.active-box .box-links {
display: flex;
flex-wrap: wrap;
column-gap: 10px;
justify-content: center;
flex-direction: column;
}
#quick-homepage-menu .menu-boxes .menu-box.active-box .box-links a {
font-weight: 500;
}
#quick-homepage-menu .menu-boxes .menu-box.active-box .menu-box-text {
padding-bottom: 15px;
}
#quick-homepage-menu .menu-boxes .menu-box .homepage-box-image {
height: 70px;
}
#quick-homepage-menu .menu-boxes .menu-box .menu-box-text {
padding-top: 7px;
color: #00873c;
font-size: 23px;
font-weight: 700;
text-transform: uppercase;
}
#quick-homepage-menu .menu-boxes .menu-box .box-links {
display: none;
}
#quick-homepage-menu .menu-boxes .ico-homepage-0 {
position: relative;
left: 11px;
}
#quick-homepage-menu .owl-nav {
position: absolute;
top: 90px;
display: flex;
width: 100%;
justify-content: space-between;
color: #00873c;
height: 0;
}
#quick-homepage-menu .owl-item {
text-align: -webkit-center;
}
#quick-homepage-menu .owl-prev {
font-size: 40px;
}
#quick-homepage-menu .owl-next {
font-size: 40px;
}
#quick-homepage-menu .owl-stage-outer {
overflow: visible;
}
.fs-18 {
font-size: 18px;
}
.category-title {
font-size: 20px;
padding-bottom: 10px;
}
.category-post-box {
box-shadow: 4px 7px 15px rgba(0, 0, 0, 0.25);
height: 100%;
position: relative;
}
.blind-friendly-nav {
position: absolute;
top: 0;
left: 0;
margin-left: -10000px;
background: #fff;
color: #000;
padding: 10px;
z-index: 0;
}
a.blind-friendly-nav:active, a.blind-friendly-nav:focus {
z-index: 1000;
margin-left: 0;
}
.ou-title-box {
display: flex;
margin-bottom: 10px;
}
.ou-title-box img {
height: 55px;
padding-left: 10px;
align-self: center;
}
#uo-popup {
position: fixed;
background-color: #2c9f5e;
color: white;
bottom: 25px;
right: 25px;
box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.33);
border-radius: 15px;
z-index: 10000;
max-width: 300px;
}
.a-popup {
color: white;
}
.a-popup:active, .a-popup:hover, .a-popup:focus {
color: white;
}
.popup-close-box i {
font-size: 40px;
}
.popup-close-box {
display: flex;
flex-direction: row;
align-items: center;
padding: 10px;
width: 80px;
height: 80px;
justify-content: center;
border-radius: 15px;
}
.uo-popup-close-btn {
text-align: right;
position: absolute;
right: 15px;
top: 15px;
}
.uo-popup-close-btn a {
color: white;
}
.uo-popup-close-btn a:active, .uo-popup-close-btn a:hover, .uo-popup-close-btn a:focus {
color: white;
}
.uo-popup-content {
font-size: 15px;
color: white;
}
.uo-popup-content a {
color: white;
text-decoration: underline;
}
.uo-popup-content a:active, .uo-popup-content a:hover, .uo-popup-content a:focus {
color: white;
}
.uo-popup-content p {
margin-bottom: 0;
}
.popup-open-box {
padding: 25px;
width: 300px;
}
#show_search_button {
width: 25px;
padding: 0;
cursor: pointer;
color: white;
}
#show_search_button .fa-times {
font-size: 20px;
}
#show_search_button .fa-search {
font-size: 20px;
}
.input-search {
border-radius: 0;
}
.uo-template {
width: 100%;
height: 200px;
z-index: -100;
position: absolute;
}
.box-box {
width: 100%;
padding-top: 100%; position: relative; }
.box-box:hover .box-image, .box-box:active .box-image, .box-box:focus .box-image {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
transition: 0.3s filter linear;
}
.box-box:hover .box-image .box-dark, .box-box:active .box-image .box-dark, .box-box:focus .box-image .box-dark {
opacity: 1;
transition: opacity 0.3s linear;
}
.box-dark {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
}
.box-image {
background-image: url(//ic.ustinadorlici.cz/wp-content/themes/icuo-template/images/box-example.jpg);
width: 100%;
height: 100%;
position: absolute;
top: 0;
background-size: cover;
}
.box-text {
position: absolute;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
width: 100%;
padding: 10px;
font-weight: 600;
font-size: 30px;
color: white;
}
@media (max-width: 992px) {
.box-text {
font-size: 22px;
}
}
@media (max-width: 576px) {
.box-text {
font-size: 19px;
}
}
.box-box:hover .box-text, .box-box:active .box-text, .box-box:focus .box-text {
display: block;
}
.quick-info-box {
background-color: white;
margin-top: 30px;
margin-bottom: 80px;
}
@media (max-width: 1200px) {
.quick-info-box {
margin-bottom: 40px;
}
}
.quick-info-box .hours {
padding-left: 10px;
}
.quick-icon {
font-size: 30px;
display: inline-block;
border: 2px solid white;
padding: 15px;
color: white;
}
@media (min-width: 992px) {
.quick-icon {
color: #00873C;
border: 2px solid #00873C;
}
}
.info-box-text {
display: flex;
flex-direction: column;
justify-content: center;
color: white;
width: 180px;
}
@media (min-width: 992px) {
.info-box-text {
color: black;
align-items: center;
width: auto;
}
}
@media (max-width: 1200px) {
.info-box-bold {
font-weight: 600;
}
}
.a-infobox {
text-decoration: none;
}
.quick-box {
box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 15px;
padding: 10px 0;
background-color: #00873C;
}
.quick-box:hover, .quick-box:focus, .quick-box:active {
border-radius: 15px;
background-color: #006D31;
}
@media (min-width: 992px) {
.quick-box:hover, .quick-box:focus, .quick-box:active {
background-color: #00873C;
}
.quick-box:hover.qb-first, .quick-box:focus.qb-first, .quick-box:active.qb-first {
border-radius: 15px 0 0 15px;
}
.quick-box:hover.qb-second, .quick-box:focus.qb-second, .quick-box:active.qb-second {
border-radius: 0;
}
.quick-box:hover.qb-last, .quick-box:focus.qb-last, .quick-box:active.qb-last {
border-radius: 0px 15px 15px 0px;
}
}
.quick-box:hover .ico-circle .quick-icon, .quick-box:focus .ico-circle .quick-icon, .quick-box:active .ico-circle .quick-icon {
color: white;
border: 2px solid white;
}
.quick-box:hover .info-box-text, .quick-box:focus .info-box-text, .quick-box:active .info-box-text {
color: white;
}
@media (min-width: 992px) {
.quick-box {
background-color: white;
box-shadow: 0 0 0 #ffffff;
padding: 0;
}
}
.ico-circle {
margin-top: auto;
margin-bottom: auto;
}
.img-ou {
height: 100%;
}
.news {
display: flex;
}
@media (max-width: 992px) {
.news {
flex-flow: column;
padding-bottom: 40px;
}
}
.news a {
color: #333333;
font-size: 16px;
text-decoration: none;
width: 100%;
}
.news .read_more {
bottom: 10px;
text-align: right;
position: absolute;
right: 15px;
color: #00873C;
}
.news .news_shadow {
box-shadow: 4px 7px 15px rgba(0, 0, 0, 0.25);
height: 100%;
position: relative;
}
.news .news_shadow:hover .read_more, .news .news_shadow:focus .read_more, .news .news_shadow:active .read_more {
text-decoration: underline;
}
@media (min-width: 768px) and (max-width: 992px) {
.news .news_shadow {
display: flex;
}
}
.news h3 {
font-size: 24px;
color: #00873C;
font-weight: bold;
line-height: 33px;
}
.news .date {
display: none;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 19px;
}
.news .text {
font-weight: normal;
font-size: 16px;
line-height: 22px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
.news img {
width: 100%;
padding-bottom: 26px;
height: 300px;
object-fit: cover;
}
.news .in_text {
padding: 15px;
padding-bottom: 20px;
margin-bottom: 25px;
}
.news .green_line {
border-left: 2px solid #00873C;
padding: 10px 0px 10px 10px;
}
@media (min-width: 768px) and (max-width: 992px) {
.news .ic-image {
max-width: 250px;
min-width: 33%;
width: 33%;
}
.news .ic-image img {
height: 100%;
padding: 0;
object-fit: cover;
}
}
.no_bottom_padding {
padding-bottom: 0px !important;
}
.cont_padding {
padding-bottom: 80px;
}
.text_2_rows, .text_5_rows {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.text_1_rows {
-webkit-line-clamp: 1;
}
.text_2_rows {
-webkit-line-clamp: 2;
}
.text_4_rows {
-webkit-line-clamp: 4;
}
.text_5_rows {
-webkit-line-clamp: 5;
}
.i_want_more {
padding: 40px 0;
text-align: center;
}
.text-bold {
font-weight: bold !important;
} .hp_tiles .tiles {
row-gap: 12px;
}
.hp_tiles .tiles .pretile {
display: flex;
align-items: center;
justify-content: center;
max-width: fit-content;
}
@media (max-width: 576px) {
.hp_tiles .tiles .pretile {
max-width: 100%;
}
}
.hp_tiles .tiles .pretile .tile {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 200px;
height: 200px;
background-color: #00873C;
transition: background-color 0.5s ease;
font-size: 24px;
font-weight: 700;
line-height: 28px;
text-align: center;
color: #FFF;
text-decoration: none;
}
.hp_tiles .tiles .pretile .tile img {
width: 100px;
height: 80px;
}
.hp_tiles .tiles .pretile .tile .tile_title {
padding-top: 16px;
padding-left: 5px;
padding-right: 5px;
}
.hp_tiles .tiles .pretile .tile:hover {
text-decoration: none;
background-color: #006D31;
}
@media (max-width: 768px) {
.hp_tiles .tiles .pretile .tile {
font-size: 20px;
line-height: 24px;
width: 160px;
height: 160px;
padding: 14px;
}
.hp_tiles .tiles .pretile .tile img {
max-width: 70px;
max-height: 64px;
}
}
@media (max-width: 576px) {
.hp_tiles .tiles .pretile .tile {
width: 100%;
flex-direction: row;
height: fit-content;
}
.hp_tiles .tiles .pretile .tile img {
width: 59px;
height: 58px;
margin: 16px 24px;
}
.hp_tiles .tiles .pretile .tile .tile_title {
width: inherit;
text-align: left;
padding-top: 0;
font-size: 20px;
line-height: 24px;
}
}
.hp_tiles .tiles .pretile .tile.sluzby img {
width: 130px;
}
@media (max-width: 768px) {
.events-box {
padding-top: 40px;
}
} .hp_grid, #eventslist {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
max-height: fit-content;
}
@media (max-width: 1200px) {
.hp_grid, #eventslist {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.hp_grid, #eventslist {
gap: 16px;
}
}
@media (max-width: 576px) {
.hp_grid, #eventslist {
grid-template-columns: 1fr; grid-template-rows: auto; }
}
.hp_grid .hp_grid_item, #eventslist .hp_grid_item {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
text-decoration: none;
}
.hp_grid .hp_grid_item .hp_grid_item_leftcol, #eventslist .hp_grid_item .hp_grid_item_leftcol {
padding-right: 24px;
}
.hp_grid .hp_grid_item .hp_grid_item_rightcol, #eventslist .hp_grid_item .hp_grid_item_rightcol {
height: 100%;
border-top: 2px solid #00873C;
border-bottom: 2px solid #00873C;
display: flex;
flex-direction: column;
justify-content: center;
}
.hp_grid .hp_grid_item .hp_grid_item_rightcol .hp_grid_title, #eventslist .hp_grid_item .hp_grid_item_rightcol .hp_grid_title {
font-size: 24px;
font-weight: 700;
line-height: 28px;
text-align: left;
color: #6F6E6E;
transition: color 0.5s ease;
margin-bottom: 16px;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.hp_grid .hp_grid_item .hp_grid_item_rightcol .hp_grid_date, #eventslist .hp_grid_item .hp_grid_item_rightcol .hp_grid_date {
font-size: 16px;
font-weight: 700;
line-height: 20px;
text-align: left;
color: #6F6E6E;
}
.hp_grid .hp_grid_item img, #eventslist .hp_grid_item img {
max-width: 200px;
max-height: 200px;
width: 200px;
height: 200px;
padding-top: 1px;
padding-bottom: 1px;
object-fit: cover;
}
.fs-18 {
font-size: 18px;
}
.category-title {
font-size: 20px;
padding-bottom: 10px;
}
.category-post-box {
box-shadow: 4px 7px 15px rgba(0, 0, 0, 0.25);
height: 100%;
position: relative;
}
.blind-friendly-nav {
position: absolute;
top: 0;
left: 0;
margin-left: -10000px;
background: #fff;
color: #000;
padding: 10px;
z-index: 0;
}
a.blind-friendly-nav:active, a.blind-friendly-nav:focus {
z-index: 1000;
margin-left: 0;
}
.ou-title-box {
display: flex;
margin-bottom: 10px;
}
.ou-title-box img {
height: 55px;
padding-left: 10px;
align-self: center;
}
#uo-popup {
position: fixed;
background-color: #2c9f5e;
color: white;
bottom: 25px;
right: 25px;
box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.33);
border-radius: 15px;
z-index: 10000;
max-width: 300px;
}
.a-popup {
color: white;
}
.a-popup:active, .a-popup:hover, .a-popup:focus {
color: white;
}
.popup-close-box i {
font-size: 40px;
}
.popup-close-box {
display: flex;
flex-direction: row;
align-items: center;
padding: 10px;
width: 80px;
height: 80px;
justify-content: center;
border-radius: 15px;
}
.uo-popup-close-btn {
text-align: right;
position: absolute;
right: 15px;
top: 15px;
}
.uo-popup-close-btn a {
color: white;
}
.uo-popup-close-btn a:active, .uo-popup-close-btn a:hover, .uo-popup-close-btn a:focus {
color: white;
}
.uo-popup-content {
font-size: 15px;
color: white;
}
.uo-popup-content a {
color: white;
text-decoration: underline;
}
.uo-popup-content a:active, .uo-popup-content a:hover, .uo-popup-content a:focus {
color: white;
}
.uo-popup-content p {
margin-bottom: 0;
}
.popup-open-box {
padding: 25px;
width: 300px;
}
.bottom_padding {
padding-bottom: 80px;
}
@media (max-width: 1200px) {
.bottom_padding {
padding-bottom: 40px;
}
}
.bottom_margin {
margin-bottom: 80px;
}
@media (max-width: 1200px) {
.bottom_margin {
margin-bottom: 40px;
}
}
.top_margin {
margin-top: 80px;
}
@media (max-width: 1200px) {
.top_margin {
margin-top: 40px;
}
} .page-header .page-header-title {
color: #006D31;
padding-bottom: 0;
margin-bottom: 0;
}
@media (max-width: 1200px) {
.page-header {
padding-top: 70px;
}
} .breadcrumb {
padding-left: 0 !important;
padding-top: 40px !important;
}
@media (max-width: 768px) {
.breadcrumb {
padding-top: 16px !important;
}
}
.breadcrumb ol {
display: flex;
justify-content: center;
align-items: center;
}
.breadcrumb, .breadcrumb a {
color: #00873C;
font-size: 16px;
font-weight: 700;
line-height: 20px;
}
@media (max-width: 768px) {
.breadcrumb, .breadcrumb a {
font-size: 12px;
line-height: 16px;
}
}
.breadcrumb > span {
padding-left: 8px;
padding-right: 8px;
}
.breadcrumb > span:first-child {
padding-left: 0;
}
.breadcrumb a:hover {
text-decoration: none;
}  .cont_padding_cat {
padding-bottom: 20px !important;
}
.post {
padding-bottom: 20px;
}
.post-title {
text-align: center;
}
.post-background {
background-color: #f6f6f6;
}
.post-content {
margin-top: 30px;
margin-bottom: 20px;
padding-left: 50px;
padding-right: 50px;
position: relative;
}
.post-header {
margin-bottom: 20px;
}
.post-header-date {
color: #333333;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 19px;
}
.hr-vertical {
border-left: 2px solid #00873C;
height: auto;
left: 40px;
top: 0px;
}
.a-post-link {
color: #00873C;
text-decoration: none;
}
.a-post-link:hover {
color: #00873C;
}
.h2-post-title {
font-weight: bold;
margin-bottom: 0px;
}
.post-img {
height: 240px;
width: 100%;
object-fit: cover;
}
.header-container {
padding-top: 30px;
}
#pagination {
padding-bottom: 10px;
}
#pagination a {
color: #00873C;
text-decoration: none;
}
@media (max-width: 1200px) {
.header-container {
padding-top: 0px;
}
}  .single_page {
padding-bottom: 0;
}
.single_page h1 {
font-size: 48px;
font-weight: 300;
}
.sp_date {
display: none;
color: rgba(0, 0, 0, 0.5);
font-size: 16px;
padding-bottom: 15px;
}
.sp_date i {
padding-right: 10px;
}
@media (max-width: 992px) {
.single_page h1 {
font-size: 40px;
}
} a {
color: #00873C;
text-decoration: none;
}
a:hover, a:focus, a:active {
text-decoration: underline;
color: #00873C;
}
a.a-logo {
text-decoration: none;
}
a.a-logo:hover, a.a-logo:focus, a.a-logo:active {
text-decoration: none;
}
.green-background a {
color: white;
text-decoration: none;
}
.green-background a:hover, .green-background a:focus, .green-background a:active {
text-decoration: underline;
color: white;
}
.green-background a.a-logo {
text-decoration: none;
}
.green-background a.a-logo:hover, .green-background a.a-logo:focus, .green-background a.a-logo:active {
text-decoration: none;
}
h1 {
font-size: 48px;
font-weight: 700;
line-height: 65px;
color: #333333;
padding-top: 20px;
margin-bottom: 15px;
}
@media (max-width: 992px) {
h1 {
line-height: 46px;
padding-top: 15px;
text-align: left;
}
}
h1.h1-ou {
font-weight: 300;
}
h1.h1-ou:after {
content: url(//ic.ustinadorlici.cz/wp-content/themes/icuo-template/images/h-ou-logo.png);
position: relative;
padding-left: 3px;
}
h1.h1-ou-title {
font-size: 48px;
align-self: center;
margin: 0;
color: #333333;
padding: 0;
}
@media (max-width: 1200px) {
.page-header-title {
padding-top: 15px;
font-size: 28px;
line-height: 35px;
}
}
.h2-ou-title.hp {
font-weight: 600;
padding-bottom: 24px;
font-size: 42px;
line-height: 57px;
}
@media (max-width: 992px) {
.h2-ou-title.hp {
font-size: 28px;
line-height: 35px;
}
}
h2 {
font-size: 36px;
font-weight: 300;
}
h2.h2-ou-title {
font-size: 34px;
align-self: center;
margin: 0;
color: #006D31;
}
h2.h2-ou {
font-size: 48px;
line-height: 65px;
font-weight: 300;
margin: 0;
color: #333333;
}
h2.h2-ou {
font-size: 48px;
line-height: 65px;
font-weight: 300;
}
h2.h2-ou-2 {
font-size: 48px;
line-height: 65px;
font-weight: 300;
}
h2.h2-ou-2:after {
content: url(//ic.ustinadorlici.cz/wp-content/themes/icuo-template/images/ou-nadpis.png);
position: relative;
left: -10px;
filter: invert(31%) sepia(83%) saturate(6882%) hue-rotate(150deg) brightness(96%) contrast(102%);
}
h2.h2-calendar {
font-style: normal;
font-weight: 600;
font-size: 42px;
line-height: 57px;
margin-bottom: 10px;
}
@media (max-width: 992px) {
h2.h2-calendar {
font-size: 28px;
line-height: 35px;
}
}
h2.h2-footer {
font-size: 16px;
font-weight: 600;
margin-bottom: 2px;
}
h2.h2-post-title {
font-size: 1.5rem;
font-weight: bold;
}
@media (max-width: 992px) {
h2.h2-footer {
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
}
@media (max-width: 992px) {
.footer-li {
font-size: 14px;
font-weight: 400;
line-height: 23.1px;
}
}
li a {
display: inline;
}
@font-face {
font-family: Zeppelin31;
src: url(//ic.ustinadorlici.cz/wp-content/themes/icuo-template/assets/fonts/Zeppelin31/Zeppelin31-Bold.woff) format("woff");
font-weight: 700;
}
@font-face {
font-family: Zeppelin31;
src: url(//ic.ustinadorlici.cz/wp-content/themes/icuo-template/assets/fonts/Zeppelin31/Zeppelin31-Bold.woff) format("woff");
font-weight: 600;
}
@font-face {
font-family: Zeppelin31;
src: url(//ic.ustinadorlici.cz/wp-content/themes/icuo-template/assets/fonts/Zeppelin31/Zeppelin31.woff) format("woff");
font-weight: 400;
}
@font-face {
font-family: Zeppelin31;
src: url(//ic.ustinadorlici.cz/wp-content/themes/icuo-template/assets/fonts/Zeppelin31/Zeppelin31.woff) format("woff");
font-weight: 300;
}
body {
font-family: "Zeppelin31", sans-serif !important;
font-size: 16px;
color: #333333;
font-weight: 400;
max-width: 100vw;
overflow-x: hidden; } .p_404 {
padding-top: 50px;
padding-bottom: 50px;
}
.page_404 .quick-info-box {
padding: 50px;
text-align: center;
}
.page_404 .header-button {
padding-top: 50px;
} img {
height: 100%;
}
.wp-block-image {
width: fit-content;
}
.wp-block-image figcaption {
text-align: center;
}
.unclickable {
pointer-events: none;
}