html,
body {
    background: red;
}

.main-container.container-fluid.js-quickedit-main-content {
    width: 100%;
}

div#sidebar_first_content {
    display: none;
}

div#content_block_content {
    width: 100%;
    padding: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0;
}

section.col-sm-12 {
    padding: 0;
}

.bx-wrapper {
    border: 0px;
    margin-bottom: 0;
}

.bx-viewport {
    height: 400px !important;
    background: #cedfef;
}

ul.top_slider_ul {
    width: 50%;
    margin-top: 3em;
    margin-left: 3em;
    color: #333;
    font-size: 1.3em;
}

img.three_columns_slider_image {
    min-width: 100%;
    height: 100%;
    object-fit: cover;
}

.three_columns_slider_image,
.zoom {
    transition: transform 1.5s;
    /* Animation */
}

.three_columns_slider_image:hover,
.zoom:hover {
    transform: scale(1.2);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/*three_columns_slider*/
.three_columns_slider {
    background: #edf3f9;
    padding: 4em 0;
    text-align: center;
}

.three_columns_slider_block {
    overflow: hidden;
    height: 100%;
}

.three_columns_slider_header {
    position: absolute;
    z-index: 9;
    background: #1b5878b3;
    color: white;
    min-height: 5em;
    bottom: 0;
    width: 100%;
    padding: 1em 1em 0.5em;
    font-size: 1.2em;
}

a.three_columns_slider_href {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    /* height: 100%; */
}

.half_space {
    width: 4%;
    display: inline-block;
}

.three_columns_cont-3 {
    width: 23%;
    display: inline-block;
    height: 17em;
}

.three_columns_control {
    margin-top: 3em;
    font-size: 3em;
    color: #ddd;
    display: inline-block;
    transition: all .3s;
    cursor: pointer;
}

.three_columns_control:hover {
    color: black;
}

.three_columns_control-left {
    float: left;
    margin-left: 1em;
}

.three_columns_control-right {
    float: right;
    margin-right: 1em;
}

/*three_columns_slider*/
.three_columns_slider_small_screen {
    background: #edf3f9;
    padding: 4em 0;
    text-align: center;
}

.three_columns_slider_block_small_screen {
    overflow: hidden;
}

.three_columns_slider_header_small_screen {
    position: absolute;
    z-index: 10;
    background: #1b5878b3;
    color: white;
    height: 5em;
    bottom: 0;
    width: 100%;
    /* text-align: center; */
    padding: 1em 1em;
    font-size: 1.2em;
}

a.three_columns_slider_href_small_screen {
    width: 100%;
    position: relative;
    display: block;
    /* height: 100%; */
}

.half_space_small_screen {
    width: 4%;
    display: inline-block;
}

.three_columns_cont-3_small_screen {
    width: 23%;
    display: inline-block;
}

.three_columns_control {
    margin-top: 3em;
    font-size: 3em;
    color: #ddd;
    display: inline-block;
    transition: all .3s;
    cursor: pointer;
}

.three_columns_control_small_screen:hover {
    color: black;
}

.three_columns_control-left_small_screen {
    float: left;
    margin-left: 1em;
}

.three_columns_control-right_small_screen {
    float: right;
    margin-right: 1em;
}

/*Novinky*/
/*
div#news_container_left_block {
    width: 78%;
    float: right;
}*/
h2.news_main_header {
    background: #255878;
    padding: 0.5em 1em;
    color: whitesmoke;
    font-size: 1.8em;
    margin-bottom: 0;
}

.aktualita {
    border: 1px solid #c9ddf0;
    padding: 0em 1em 0 1em;
    margin-bottom: 1em;
}

.aktualita {
    border: 1px solid #edf3f9;
    background: #edf3f9;
    /*border: 1px solid #cedfef;
    background: #cedfef;*/
}

.aktualita h3.title a {
    font-size: 0.9em;
    font-weight: 700;
    color: #255878;
}

.aktualita .changed p {
    color: red;
    font-size: 1em;
    text-align: left;
}

.aktualita a {
    text-decoration: none;
}

.aktualita .title {
    margin-top: 0.4em;
}

#front #block-activit-5 .aktualita .block-more-link {
    border-right: none;
    border-bottom: none;
    position: absolute;
    bottom: 0;
    right: 0;
}

.block-more-icon.pull-right {
    background: red;
    padding: 0.5em 0.7em;
    left: 0;
    color: white;
    /* float: right; */
}

#front #block-activit-5 .aktualita .block-more-link a:hover,
#front #block-activit-5 .aktualita .block-more-link a:active {
    background: #e1f0ff;
    text-decoration: none;
}

/*
.link_more-right {
    text-align: right;
    width: 100%;
    height: 26px;
    margin-top: 2em;
    margin-bottom: 1px;
}
*/
.link_more-right {
    display: none;
}

span.link_arrow-right {
    background: red;
    padding: 9px;
    color: white;
}

a.link_more-right_btn {
    text-decoration: none;
    color: #777;
    border: 1px solid #c9ddf0;
    padding: 0.6em 0 0.6em 1em;
}

span.link_arrow-right {
    background: red;
    padding: 9px;
    color: white;
    /* border: 1px solid #255878; */
    border-right: 0;
}

/*sections*/
h2.section_main_header {
    background: #50a299;
    padding: 0.5em 1em;
    color: whitesmoke;
    font-size: 1.8em;
    margin-bottom: 0;
}

/*
.section_container_right_block {
    width: 78%;
}*/
ul.section_menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.block_news_and_section li.expanded {
    padding: 1em 0;
    border: 1px solid #c9ddf0;
}

img.section_header_image {
    padding: 0 1em 0 1.4em;
    float: left;
}

.block_news_and_section .expanded > a {
    /*background: #ff000052;*/
    width: 100%;
    /* position: relative;*/
    display: inline-block;
    text-align: center;
    font-size: 1.6em;
    color: #3c73a2;
    font-weight: 600;
}

.expanded li.leaf {
    display: inline-block;
    padding: 0.4em 1em;
}

ul.section_leaf_menu {
    margin-left: 3em;
    text-align: left;
}

ul.section_leaf_menu a {
    color: #337ab7;
    font-size: 1.1em;
}

.aktualita .content {
    /* max-height: 5em;*/
    overflow: hidden;
    p{
        text-align: left;
    }
}

li.pager-current {
    border: 1px solid #caddf0;
    border-radius: 40px;
    display: inline-block;
    color: #184a69;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 35px;
    width: 35px;
    margin-left: 0.4em;
    background: #caddf061;
}

.menu.menu--main.nav.navbar-nav.left-menu {
    display: none;
}
.left-menu li,
div#hide_menu_btn {
    display: none
}

div#hide_menu_btn,
div#show_menu_btn {
    position: absolute;
    z-index: 1000;
    padding: 0.6em;
    color: #00000070;
    transition: all 0.5s;
    cursor: pointer;
}

.left-menu a.dropdown-toggle {
    font-size: 1em;
    padding: 0;
    margin: 0;
    text-align: center;
}

div#hide_menu_btn:hover,
div#show_menu_btn:hover {
    color: #000000;
}

ul.menu.left-menu.nav.navbar-nav {
    width: 16.5vw;
}

/*tree colums block*/
div#block_news-notice-section_cont {
    width: 92%;
    margin: 0 auto;
}

#block_notice,
#block_news,
#block_section {
    display: inline-block;
    vertical-align: top;
    top: 0;
    width: 31%;
    position: relative;
    margin: 1%;
}

h2.notices_main_header {
    background: #00bcd4;
    padding: 0.5em 1em;
    color: whitesmoke;
    font-size: 1.8em;
    margin-bottom: 0;
}

ul.notices_menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

div#block-footer .content p {
    text-align: center;
}

div#content_block_content:has(.three_columns_slider){
    margin-left: 0em !important;
}

.pager {
    text-align: center;
}

.pager li {
    display: inline-block;
    text-align: center;
}

#block_news {
    width: 63.5%;
}

#block_notice,
#block_news{
    float: left;
}
#block_section {
    float:right ;
    margin-right: 1.5em;
}

.section_item {
    padding: 0.58em 1em;
}

.section_item_link .section_item_image {
    width: 30px;
    border: none;
    border-radius: 0 !important;
}

#block_notice {
    margin-bottom: 0;
    padding-bottom: 0;
}

#block_section {
    margin-top: 0;
    padding-top: 0;
}

.section_menu {
    background: #edf3f9;
}

h2.section_main_header {
    margin-top: 0;
}

.section_item_title {
    color: #255878;
    font-size: 1.2em;
    vertical-align: middle;
    margin-left: 0.5em;
}

.pager-item {
    list-style: none;
}

.pager-item .pager-current,
.pager-item a,
.pager-item .pager-ellipsis,
.pager-item .pager-last.last {
    order: 1px solid #caddf0;
    border-radius: 40px;
    display: inline-block;
    color: #184a69;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 35px;
    width: 35px;
    text-decoration: none;
    text-align: center;
}

.pager-last.last a {
    text-decoration: none;
}

ul.menu.horne_menu {
    margin-bottom: 0;
}

.backbutton {
    display: none !important;
}

/*mqueries*/
@media screen and (max-width: 1000px) {

    /*prvy slider*/
    img.top_slider_image {
        opacity: 0.1;
    }

    ul.top_slider_ul {
        width: 84%;
    }

    .logo.navbar-btn.pull-left img {
        top: -57px;
    }

    .aktualita h3.title a {
        font-size: 0.6em;
    }

    .aktualita .changed p {
        font-size: 0.7em;
    }

    .aktualita .content p {
        font-size: 1.3em;
        margin-top: 0;
        margin-bottom: 0.5em;
        text-align: left;
    }

    .aktualita .content {
        font-size: 0.7em;
    }

    img.section_header_image {
        display: none;
    }

    ul.section_leaf_menu {
        margin-left: 1em !important;
        /* text-align: justify; */
        padding: 0;
    }

    .navbar {
        min-height: 0px;
    }

    .left-menu li {
        display: block;
    }
}

@media screen and (max-width: 800px) {
    ul.top_slider_ul {
        width: 94%;
        margin-top: 2em;
        margin-left: 0em;
    }

    ul.top_slider_ul li {
        font-size: 0.75em;
        margin-bottom: 1em;
    }

    .bx-viewport {
        height: auto !important;
    }

    img.top_slider_image {
        opacity: 0.2;
    }

    /*druhy slider*/
    .three_columns_slider {
        display: none;
    }

    /*for_mobile slider*/
    .for_mobile_slider {
        display: block;
    }

    #block_notice,
    #block_news,
    #block_section {
        width: 100%;
        position: relative;
        margin: 0%;
        margin-bottom: 3em;
    }


    /*mqueries  kopia z style*/
    @media screen and (max-width: 1000px) {
        .row.mainrow div.region.region-header {
            padding: 0.3em 0;
        }

        h1.page-header {
            margin-left: 1em;
        }

        div#sidebar_first_content {
            width: 0;
        }

        .logo.navbar-btn.pull-left img {
            z-index: 100;
        }

        nav:has(.left-menu) {
            width: 100%;
        }

        ul.menu.left-menu.nav.navbar-nav {
            position: absolute;
            width: 100%;
            border-right: 1px solid #e0e0e0;
            margin: 0 auto;
            text-align: center;
            z-index: 10;
            left: 0;
        }

        nav:has(.left-menu) > ul.menu > li > a,
        nav:has(.left-menu) > ul.menu > li > ul > li > a,
        nav:has(.left-menu) > ul.menu > li > ul > li > ul > li > a,
        nav:has(.left-menu) > ul.menu > li > ul > li > ul > li > ul > li > a {
            text-align: center;
            padding: 1em 0em;
        }
    }

    @media screen and (max-width: 770px) {
        .row.mainrow div.region.region-header {
            padding: 0.3em 0;
        }

        button.navbar-toggle {
            display: none;
        }

        .my-slider img {
            display: none;
        }

        .page-header {
            padding: auto !important;
        }

        /* .slide-link {
            margin-left: 1.9em;
            margin-top: 0.5em;
            display: inline-block;
            margin-bottom: 0.5em;
        } */

        .top_slider_ul {
            min-height: 13em;
        }

        #block_news-notice-section_cont {
            padding-top: 1em;
        }

        .top_slider_slide {
            height: 26em;
        }
    }

    @media screen and (max-width: 470px) {
        .top_slider {
            display: none;
        }

        #block_news-notice-section_cont {
            margin-top: 6em;
            padding-top: 2.5em;
        }

        .pager {
            padding: 0;
        }

        .backbutton {
            display: none;
        }

        .top_slider_ul {
            min-height: 13em;
        }
    }

    .my-slider {
        width: 100%;
        height: 490px;
        overflow: hidden;
        position: relative;
        background-color: white;
    }

    .x {
        position: relative;
        height: 500px;
        background-size: cover;
        background-position: right center;
        background-repeat: no-repeat;
        background-color: #cedfef;
    }

    .y {
        position: absolute;
        top: 50px;
        left: 50px;
        right: 50px;
        padding: 20px;
        width: 50%;
        font-size: 18px;
        line-height: 1.5;
        text-align: left;
    }

    .y li {
        margin-bottom: 10px;
    }

    .z {
        position: absolute;
        bottom: 0%;
        right: 50px;
        padding: 10px;
        text-align: center;
    }

}

/* CALENDAR */
h2.calendar_main_header {
    background: #0d3863;
    padding: 0.5em 1em;
    color: whitesmoke;
    font-size: 1.8em;
    margin-bottom: 0;
}
#calendar-obj {
    width: 100% !important;
    overflow: hidden;

    .bootstrap-calendar-weekday-row .text-warning {
      color: #0d3863 !important;
    }

    .js-weekdays {
      background-color: #cedfef;

      .js-day-name-short {
        color: #656363 !important;
      }
    }

    .js-weeks {
      .text-warning {
        color: #0d3863 !important;
      }

      .text-bg-primary {
        background-color: #0d3863 !important;
        color: #f7f7f7 !important;
      }

      .bootstrap-calendar-week{
        background-color: #cedfef;
        color: #656363 !important;
      }

      .bootstrap-calendar-day{
        div{
          font-size: 1.1em !important;
        }
      }

      .bootstrap-calendar-day:has(small.bg-danger){
        border-radius: 50% !important;
        overflow: hidden;
        background-color: #0d3863;
        color: #ffffff;
        border: 5px solid #ffffff !important;

        small.bg-danger{
          background-color: transparent !important;
          color: transparent !important;
        }

        div {
          font-weight: bold;
        }
      }

      .bootstrap-calendar-day:not(:has(small.bg-danger)){
        div {
          font-weight: normal;
        }
      }
    }

    .js-day-name {
        display: none;
      }
    /* .js-day-name:hover {
      cursor: pointer;
      background-color: #0d3863 !important;
      color: #f7f7f7 !important;
    } */

    .p-2.js-collapse{
      padding: 0 !important;
    }
  }

  #calendar-obj > div:first-child,
  #calendar-obj > div:nth-child(2) {
    background-color: #0d3863;
    color: #f7f7f7;
  }

  #calendar-obj > div:nth-child(2) a {
    color: #f7f7f7f7 !important;
  }

  #calendar-obj > div:nth-child(2) a:hover {
    color: #0d3863 !important;
    background-color: #f7f7f7;
  }
/* CALENDAR END */

#homepage-block-right-column {
    display: flex;
    flex-direction: column;
    margin: 1%;
    
    .homepage-block-right {
        width: 100%;
    }

    #block_calendar {
        display: flex;
        justify-content: center;
        .notices_container_right_block {
            width: 75%;
        }

        #calendar-obj .js-events.list-group.list-group-flush {
            display: none;
        }
        
        #calendar-obj > div.d-flex.flex-nowrap.align-items-center.js-weekdays.bootstrap-calendar-weekday-row > div,
        #calendar-obj > div.js-weeks > div > div.d-flex.justify-content-center.align-items-center.js-cal-row.bootstrap-calendar-week,
        #calendar-obj > div.js-weeks > div > div.position-relative.d-flex.justify-content-center.align-items-center.bootstrap-calendar-day {
            flex-grow: 1;
        }
        #calendar-obj > div.d-flex.flex-nowrap.align-items-center.js-weekdays.bootstrap-calendar-weekday-row > div:nth-child(1),
        #calendar-obj > div.js-weeks > div > div.d-flex.justify-content-center.align-items-center.js-cal-row.bootstrap-calendar-week:nth-child(1){
            flex-grow: 0;
        }
    }
}

@media (max-width: 1200px){
    #block_calendar >.notices_container_right_block {
        width: 100% !important;
    }
}

@media (max-width: 800px) {
    #block_news-notice-section_cont {
        display: flex;
        flex-direction: column;
    }
}