/* Add here all your CSS customizations */

/* Cookies Bar */

.es-cookies-bar-wrapper {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.6);
}

.es-cookies-bar {
  background-color: #fff;
  position: fixed;
  bottom: 0;
  z-index: 10;
  padding: 20px 30px 10px 30px;
  padding-bottom: 10px;
  width: 100%;
}

.es-cookies-bar .btn-row {
  margin-bottom: 20px;
}
.es-cookies-bar .btn-row a {
  display: inline-block;
  padding: 7px 12px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 10px;
}
.es-cookies-bar .btn-row a:hover {
  text-decoration: none;
}
.es-cookies-bar .btn-row .primary,
.es-cookies-bar .btn-row .secondary:hover {
  background-color: #2d529f;
  color: #fff;
  border: 2px solid #2d529f;
  margin-right: 20px;
}
.es-cookies-bar .btn-row .secondary {
  background-color: #fff;
  color: #2d529f;
  border: 2px solid #2d529f;
}

/* Cookies Modal */

.es-modal-wrapper {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.6);
}

.es-modal-wrapper.active {
  display: block;
}

.es-modal-wrapper .modal {
  display: block;
  background-color: #fff;
  width: 100%;
  max-width: 700px;
  max-height: 90vh;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: auto;
  padding: 30px;
}
.es-modal-wrapper .modal .radio-row {
  margin-top: 10px;
}

.es-modal-wrapper .modal strong,
.es-modal-wrapper .modal label {
  color: #000;
}

.es-modal-wrapper .modal .btn-row {
  margin-top: 20px;
}
.es-modal-wrapper .modal .btn-row a {
  display: inline-block;
  padding: 7px 12px;
  text-transform: uppercase;
  font-weight: 700;
  background-color: #2d529f;
  color: #fff;
  border: 2px solid #2d529f;
  margin-right: 20px;
  margin-top: 10px;
}
.es-modal-wrapper .modal .btn-row a:hover {
  text-decoration: none;
}

@media screen and (max-width: 200px) {
  .es-cookies-bar {
    height: 100%;
    overflow: auto;
  }
}
@media screen and (max-width: 400px) {
  .es-modal-wrapper .modal {
    height: 100% !important;
    max-height: 100% !important;
    padding: 15px !important;
  }
}

/* Styly pro video v článcích a HP*/
.es-video {
  width: 100%;
  height: auto;
}

/* Posunutí modrých boxů na HP dolů */
.section-custom-medical {
  margin-top: 25px;
}

/* Skytí banneru s fotografiemi */
.forcefullwidth_wrapper_tp_banner {
  display: none;
}

.es-mobile-float h4.es-mobile-float-title {
    display: none;
}

@media (max-width: 991px) {
    .es-mobile-float {
        background-color: transparent;
        width: fit-content;
        cursor: pointer;
        position: fixed;
        z-index: 2000;
        bottom: 0px;
        right: 0px;
        padding-right: 15px;
        padding-bottom: 15px;
    }

        .es-mobile-float h4:not(.es-mobile-float-title) {
            display: none;
        }

        .es-mobile-float h4.es-mobile-float-title {
            display: flex;
            padding: 10px;
            color: white;
            justify-content: center;
            margin-bottom: 0 !important;
            font-size: 14px !important;
            background-color: #008fe2;
            order: 3;
            margin-left: auto;
        }

        .es-mobile-float ul,
        .es-mobile-float button {
            display: none;
        }

        .es-mobile-float.open {
            display: flex;
            flex-direction: column;
            gap: 16px;
            background-color: white;
        }

            .es-mobile-float.open ul {
                background-color: white;
                display: grid;
                grid-template-columns: 1fr;
                order: 1;
                margin-bottom: 0 !important;
                height: auto;
                max-height: 100vh;
                overflow-y: auto;
            }

            .es-mobile-float.open button {
                display: flex;
                justify-content: center;
                order: 2;
                background-color: white;
                color: #008fe2;
                border: 2px solid #008fe2;
                width: 120px;
                padding: 10px;
                margin-left: auto;
            }

    .comments:not(.reply) > li {
        border-left: 0 !important;
        padding: 0 !important;
    }
}

@media (max-width: 767px) {
    .page-header {
        padding: 30px 0 !important;
    }

        .page-header .breadcrumb {
            margin-bottom: 5px;
        }
}