/*
Theme Name: Educare DC
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.video-overlay .elementor-custom-embed-image-overlay:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    height: 100%;
    border-radius: 12px;
    transition: all 0.3s linear; background: rgba(181, 9, 56, 0);
}
.video-overlay:hover .elementor-custom-embed-image-overlay:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    height: 100%;
    background: rgba(181, 9, 56, 0.5);
    transition: all 0.3s linear;
    border-radius: 12px;
}

.video-overlay .elementor-custom-embed-play {
    z-index: 4;
}

.video-overlay .eicon-play {
    font-size: 0;
}

.video-overlay .eicon-play:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M11.5 0 23 20H0Z' transform='translate(20) rotate(90)' fill='%23b50938'/%3E%3C/svg%3E");
    padding: 40px;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.8);
    background-position: center center;
    border-radius: 50%;
    background-size: 20%;
    transition: all 0.3s;
}
.video-overlay:hover .eicon-play:before {
    box-shadow:  0 0 0 10px rgba(255,255,255,0.4);
}

/* Video Gallery */
.video-slider-overlay .swiper-wrapper a {
    height: 160px;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 6px #00000029
}
.video-slider-overlay .swiper-wrapper .added-video-title {
    font-size: 18px;
    color: #B50938;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
    line-height: 1.1;
}
.video-slider-overlay  .elementor-swiper-button-prev {
    left: -30px !important;
    top: 40%;
}
.video-slider-overlay  .elementor-swiper-button-next {
    right: -30px !important;
    top: 40%;
}

.video-slider-overlay .swiper-slide .elementor-carousel-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    height: 100%;
    border-radius: 12px;
    transition: all 0.3s linear;
    background: rgba(181, 9, 56, 0);
}
.video-slider-overlay .swiper-slide:hover .elementor-carousel-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    height: 100%;
    background: rgba(181, 9, 56, 0.5);
    transition: all 0.3s linear;
    border-radius: 12px;
}

.video-slider-overlay .elementor-custom-embed-play {
    z-index: 4;
}

.video-slider-overlay .eicon-play {
    font-size: 0;
}

.video-slider-overlay .eicon-play:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M11.5 0 23 20H0Z' transform='translate(20) rotate(90)' fill='%23b50938'/%3E%3C/svg%3E");
    padding: 20px;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.8);
    background-position: center center;
    border-radius: 50px;
    background-size: 20%;
    transition: all 0.3s;
}
.video-slider-overlay .swiper-slide:hover .eicon-play:before {
    box-shadow:  0 0 0 5px rgba(255,255,255,0.4);
}

/* Photo Gallery Loop */
.photo-gallery-post-loop {
    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 7%);
    border-radius: 12px;
}

.photo-gallery-post-loop:hover .elementor-heading-title,
.photo-gallery-post-loop:hover .elementor-icon-list-text {
    color: #fff !important;
}
.photo-gallery-post-loop:hover .elementor-button {
    background-color: #fff !important;
    color: #B50938 !important;
}
.photo-gallery-post-loop:hover .elementor-button .elementor-button-text:after {
    filter: brightness(0) saturate(100%) invert(12%) sepia(79%) saturate(4937%) hue-rotate(335deg) brightness(87%) contrast(101%)  !important;
}
/* Loop Image */
.photo-gallery-loop-image img {
    box-shadow: 0px 0px 6px 3px rgb(0 0 0 / 15%);
}
/* Loop Button */
.photo-gallery-loop-button .elementor-button .elementor-button-text:after {
    content: '';
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='Layer 2' id='Layer_2'%3E%3Cpath d='M22 9a1 1 0 0 0 0 1.42l4.6 4.6H3.06a1 1 0 1 0 0 2H26.58L22 21.59A1 1 0 0 0 22 23a1 1 0 0 0 1.41 0l6.36-6.36a.88.88 0 0 0 0-1.27L23.42 9A1 1 0 0 0 22 9Z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    padding: 8px 10px;
    margin-left: 10px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(18%) hue-rotate(279deg) brightness(105%) contrast(104%);
}

/* Gallery Single Page */
.single-photo-gallery .page-header.centered-page-header {
    display: none;
}
.single-photo-gallery #main #content-wrap {
    padding-top: 80px;
}
.gallery-overlay {
    margin-bottom: 10px;
}
.gallery-overlay .gallery-item img {
    box-shadow: 0px 3px 6px #00000029;
}
.gallery-overlay .gallery-item {
    position: relative;
}
.gallery-overlay .gallery-item a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border-radius: 12px;
    transition: all 0.3s linear; background: rgba(181, 9, 56, 0);
    right: 35px;
    bottom: 35px

}
.gallery-overlay .gallery-item a:hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(181, 9, 56, 0.5);
    transition: all 0.3s linear;
    border-radius: 12px;
    right: 35px;
    bottom: 35px;
}
.gallery-overlay .gallery-item a:hover:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66.559' height='66.559' viewBox='0 0 66.559 66.559'%3E%3Cg id='Icon_feather-zoom-in' data-name='Icon feather-zoom-in' transform='translate(-2 -2)'%3E%3Cpath id='Path_4' data-name='Path 4' d='M58.3 31.4A26.9 26.9 0 1 1 31.4 4.5 26.9 26.9 0 0 1 58.3 31.4Z' transform='translate(0 0)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3Cpath id='Path_5' data-name='Path 5' d='M39.6 39.6 24.975 24.975' transform='translate(25.422 25.422)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3Cpath id='Path_6' data-name='Path 6' d='M16.5 12V32.175' transform='translate(14.9 9.312)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3Cpath id='Path_7' data-name='Path 7' d='M12 16.5H32.175' transform='translate(9.312 14.9)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.3s linear;
    border-radius: 12px;
    right: 35px;
    bottom: 35px;
    z-index: 3;
    transition: all 0.3s;
}

.gallery-overlay .gallery-item figcaption {
    display: none;
}

.gallery-overlay .gallery {
    max-height: 545px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1000px) {
    .gallery-overlay .gallery {
        max-height: 1200px;
    }
}

.gallery-overlay .gallery:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);
    height: 50px;
    width: 100%;
    left: 0;
    right: 0;
}

#view-more-custom-js {
    display: none;
}

.custom-video-titles {
    display: none;
}

.equal-height-boxes .e-loop-item .elementor-section-wrap,
.equal-height-boxes .e-loop-item .elementor-section-wrap .photo-gallery-post-loop,
.ecs-posts .ecs-post-loop.photo-gallery .elementor.photo-gallery,
.ecs-posts .ecs-post-loop.photo-gallery .elementor.photo-gallery .elementor-section-wrap,
.ecs-posts .ecs-post-loop.photo-gallery .elementor.photo-gallery .elementor-section-wrap .elementor-section {
    height: 100%;
}