/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Module list style */
.ro_content_module_list {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    padding: 0;
}

.ro_content_module_list_item {
    width: 100%;
    background-color: var(--e-global-color-text);
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    height: 600px;
}

/* Module container style */
.ro_content_module_list_item .block_container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    max-height: 600px;
    position: relative;
}

/* Module image style */
.ro_content_module_list_item .post-image {
    height: 600px;
}

.ro_content_module_list_item:hover .post-image img {
    transform: scale(1.1);
    transition: 0.5s;
}

.ro_content_module_list_item .post-image img {
    top: 0;
    position: absolute;
    object-fit: cover;
    display: block;
    left: 0px;
    width: 100%;
    z-index: 1;
    transition: 0.5s;
}


/* Module title style */
.ro_content_module_list_item .block-title {
    margin: 0;
}

/* Module post-entry style */
.ro_content_module_list_item .post-entry {
    padding: 20px;
    z-index: 2;
    background-color: var(--e-global-color-text);
    position: absolute;
    width: 100%;
}

/* Filter style */
.content_module_filter .facetwp-display-value {
    padding-left: 5px;
}

.content_module_filter .facetwp-checkbox {
    background: url('../img/rocm-filter-empty.png') 0 50% no-repeat;
    background-size: 20px 20px;
    position: relative;
}

.content_module_filter .facetwp-checkbox.checked {
    background: url('../img/rocm-filter-checked.png') 0 50% no-repeat;
    background-size: 20px 20px;
}

.content_module_filter .facetwp-counter {
    position: absolute;
    right: 0;
}

/*Video layout*/
.ro_content_module_videos .post-image {
    transition: 0.5s;
}

.ro_content_module_videos .post-image:hover {
    transform: scale(1.1);
}

.ro_content_module_videos .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.ro_content_module_videos .post-entry {
    color: #fff;
    background: transparent linear-gradient(180deg, #07161F00 0%, #07161FCC 100%) 0% 0% no-repeat padding-box;
}

.ro_content_module_videos .block-title a {
    color: #fff;
}

.ro_content_module_videos .block-title a:hover {
    color: #fff;
    text-decoration: none;
}

/* Tablet layout */
@media (max-width: 1140px) {
    .ro_content_module_list {
        grid-template-columns: 1fr 1fr;
    }
}

/* Mobile layout */
@media (max-width: 650px) {
    .ro_content_module_list {
        grid-template-columns: 1fr;
    }
}