File "lcivideo.css"
Full Path: /var/www/lionsclub/assets/frontend/css/lcivideo.css
File size: 1.86 KB
MIME-type: text/plain
Charset: utf-8
/* video css start */
.pagination>li>a, .pagination>li>span { border-radius: 50% !important;margin: 0 5px;}
.video-head{
padding: 70px 10px;
}
/* .video-head .card{
background:#FFF;
margin:40px auto;
border: 1px solid #dfd3d3;
border-radius: 5px;
height: 400px;
transition: 0.2s;
}
.video-head .card:hover{
background: #F9C910;
transition: 0.2s;
box-shadow: 0px 0px 8px 5px #bedaf1;
color:#005398
} */
.card {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
max-width:355px;
max-height: 315px;
margin-bottom: 65px;
}
.card iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-head .card-body{
padding: 0px 20px;
top: 315px;
position: relative;
background: #FFF;
margin: 40px auto;
border: 1px solid #dfd3d3;
border-top: none;
border-radius: 2px;
height: 90px;
transition: 0.2s;
}
.video-head .card-body:hover{
background: #F9C910;
transition: 0.2s;
box-shadow: 1px 6px 11px 3px #bedaf1;
color:#005398
}
.video-head .card-title {
font-size: 17px;
font-family: 'poppins';
padding-top: 20px;
}
.card-body {
background: hsl(250deg, 100%, 40%);
border-radius: 6px;
clip-path: polygon(20px 0px, 100% 0px, 100% 100%, 0% 100%, 0% 20px);
padding: 16px 40px;
transition: clip-path 500ms;
}
.card-body:after {
content: '';
position: absolute;
top: 0;
left: 0;
background: hsl(252deg, 100%, 60%);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
border-radius: 0 0 6px 0;
transition: transform 500ms;
}
.card-body:hover {
clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%, 0% 0px);
}
.card-body:hover:after {
transform: translate(-100%, -100%);
}
.col-md-5 ,.col-md-7{
/* background: white; */
/* padding-top: 20px; */
/* box-shadow: 0px 0px 5px 3px #c4def5; */
}