/* Custom styles for Czechspace */

.wp-block-query > ul > li.wp-block-post.csp_event {
    color: #fff;
    background: var(--wp--preset--color--primary);
    padding: 1.5rem;
    transition: all 330ms;
}
@media (min-width: 600px) {
    .wp-block-query > ul > li.wp-block-post.csp_event {
        width: calc(50% - 3.625em) !important;
    }
}
.wp-block-query > ul > li.wp-block-post.csp_event > .wp-block-post-title a {
    color: #fff;
    text-decoration: none;
}

@media (min-width: 1080px) {
    .desk-two-thirds {
        width: 66%;
    }
    .desk-one-third {
        width: 33%;
    }
    .desk-one-quarter {
        width: 24.5%;
    }
}

.subject-title .title {
    color: #000;
}

.single-csp_subject .gallery {
    background: #eee;
    padding-top: 2em;
    padding-bottom: 1em;
    margin-top: 3em !important;
    margin-bottom: 3em !important;
}

.map-responsive {
    overflow:hidden;
    padding-bottom:100%;
    position:relative;
    height:0;
}
.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 720px) {
    .form-filter-item {
        max-width: 147px;
    }
}

form.wpfrm-csp-register-form section.catalog-section > p.col:nth-child(-n+10) {
    margin-bottom: 0;
}
form.wpfrm-csp-register-form section.catalog-section div.wp-editor-wrap.tmce-active {
    padding-left: 1.5rem;
    margin-bottom: 3em;
}

.wpfrm-csp-register-form.submitting {
    position: relative;
}
.wpfrm-csp-register-form.submitting::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(2 50 113 / 30%);
}