@charset "UTF-8";

*.btn:focus,
.form-control:focus {
    box-shadow: none !important;
}

.search-bar {
    max-width: 300px;
    margin: 20px 0;
}

.search-bar .input-group {
    border: 1px #97C0DF solid;
    border-radius: 10px;
}

.search-bar .input-group .form-control {
    border: none;
    border-radius: 10px;
    height: 40px;
}

.search-icon-text {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 0;
    padding-left: 10px;
    color: #0066B5;
    font-size: 22px;
    border-radius: 10px;
}

.search-icon-text i {
    margin-right: 5px;
}

.seed-video-list .seed-video-card .seed-photo-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    position: relative;
}

.seed-video-list .seed-video-card:hover .seed-photo-img {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    background-color: rgb(55 78 95 / 30%);
    background-blend-mode: multiply;
    transition: all 0.3s ease-in;
}

.seed-video-list .seed-video-card .seed-photo-img:before {
    content: "";
    display: block;
    padding-bottom: 56%;
}

.seed-video-list .seed-video-card {
    position: relative;
    background-color: #F8FCFF;
    border: 1px #8BC6F3 solid;
    padding: 3px;
    border-radius: 5px;
    margin-bottom: 40px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.seed-video-list .seed-video-card .overflow-hidden {
    position: relative;
}

.seed-video-list .seed-video-card .overflow-hidden::before {
    content: '';
    background-image: url(/assets/template/5c15661161f9d6d3f76443acc7e4714c/img/video-icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 58px;
    height: 58px;
    display: block;
    z-index: 1;
    opacity: 0.9;
    transition: all 0.3s ease-in-out;
}

.seed-video-list .seed-video-card:hover .overflow-hidden::before {
    background-image: url(/assets/template/5c15661161f9d6d3f76443acc7e4714c/img/video-hover-icon.png);
    transition: all 0.3s ease-in-out;
    width: 63px;
    height: 63px;
    opacity: 1;
}


.seed-video-list .seed-video-card .seed-video-info {
    background-color: aliceblue;
    z-index: 1;
    position: relative;
}

.seed-video-list .seed-video-card:hover .seed-video-info {
    background-color: rgb(242 242 242);
}

.seed-video-list .seed-video-card .seed-video-info .name {
    font-size: 18px;
    text-decoration: none;
    height: 54px;
    overflow: hidden;
    font-weight: 400;
    color: #0066B5;
    text-align: center;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.seed-video-list .seed-video-card:hover {
    background-color: rgb(242 242 242);
}

.seed-video-list .seed-video-card:hover .seed-video-info .name {
    color: #004293;
}