File: /home/clinicamaciel/www/wp-content/plugins/vc-extensions-bundle/videocover/css/style.css
.cq-videocover{
/*cursor: pointer;*/
position: relative;
}
.cq-videocover-img.square{
border-radius: 0;
}
.cq-videocover-img.roundsmall{
border-radius: 8px;
}
.cq-videocover-img.roundlarge{
border-radius: 16px;
}
.cq-videocover-img.ellipse{
border-radius: 50%;
}
.cq-videocover-lightbox{
border: none;
outline: none;
}
.fs-lightbox-video{
border: none;
outline: none;
}
.cq-videocover-iconcontainer{
position: absolute;
margin: 0;
width: 64px;
height: 64px;
/*border-radius: 50%;*/
/*border-radius: 16px;*/
background: rgba(0, 0, 0, .7);
box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}
.cq-videocover-iconcontainer.icon-center{
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.cq-videocover-iconcontainer.icon-top-left{
top: 0;
left: 0;
-webkit-transform: translateX(32px) translateY(-50%);
-moz-transform: translateX(32px) translateY(-50%);
transform: translateX(32px) translateY(-50%);
}
.cq-videocover-iconcontainer.icon-top-center{
top: 0;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.cq-videocover-iconcontainer.icon-top-right{
top: 0;
right: 0;
-webkit-transform: translateX(-32px) translateY(-50%);
-moz-transform: translateX(-32px) translateY(-50%);
transform: translateX(-32px) translateY(-50%);
}
.cq-videocover-iconcontainer.icon-left-top{
top: 0;
left: 0;
-webkit-transform: translateX(-50%) translateY(32px);
-moz-transform: translateX(-50%) translateY(32px);
transform: translateX(-50%) translateY(32px);
}
.cq-videocover-iconcontainer.icon-left-center{
top: 50%;
left: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.cq-videocover-iconcontainer.icon-left-bottom{
bottom: 0;
left: 0;
-webkit-transform: translateX(-50%) translateY(-32px);
-moz-transform: translateX(-50%) translateY(-32px);
transform: translateX(-50%) translateY(-32px);
}
.cq-videocover-iconcontainer.icon-right-top{
top: 0;
right: 0;
-webkit-transform: translateX(50%) translateY(32px);
-moz-transform: translateX(50%) translateY(32px);
transform: translateX(50%) translateY(32px);
}
.cq-videocover-iconcontainer.icon-right-center{
top: 50%;
right: 0;
-webkit-transform: translateX(50%) translateY(-50%);
-moz-transform: translateX(50%) translateY(-50%);
transform: translateX(50%) translateY(-50%);
}
.cq-videocover-iconcontainer.icon-right-bottom{
bottom: 0;
right: 0;
-webkit-transform: translateX(50%) translateY(-32px);
-moz-transform: translateX(50%) translateY(-32px);
transform: translateX(50%) translateY(-32px);
}
.cq-videocover-iconcontainer.icon-bottom-left{
bottom: 0;
left: 0;
-webkit-transform: translateX(32px) translateY(50%);
-moz-transform: translateX(32px) translateY(50%);
transform: translateX(32px) translateY(50%);
}
.cq-videocover-iconcontainer.icon-bottom-center{
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) translateY(50%);
-moz-transform: translateX(-50%) translateY(50%);
transform: translateX(-50%) translateY(50%);
}
.cq-videocover-iconcontainer.icon-bottom-right{
bottom: 0;
right: 0;
-webkit-transform: translateX(-32px) translateY(50%);
-moz-transform: translateX(-32px) translateY(50%);
transform: translateX(-32px) translateY(50%);
}
.cq-videocover-iconcontainer .cq-videocover-icon{
display: inline-block;
width: 100%;
text-align: center;
color: #fff;
padding: 0;
border-radius: 4px;
margin: 0 auto;
padding: 0;
font-size: 2em;
line-height: 64px;
}
.cq-videocover-label{
display: inline-block;
width: 100%;
text-align: center;
color: #fff;
padding: 0;
border-radius: 4px;
margin: 0 auto;
padding: 0;
font-size: 1em;
line-height: 64px;
}
.cq-videocover-iconcontainer.circle{
border-radius: 50%;
/*line-height: 64px;*/
}
.cq-videocover-iconcontainer.roundsmall{
border-radius: 8px;
/*line-height: 64px;*/
}
.cq-videocover-iconcontainer.roundlarge{
border-radius: 16px;
/*line-height: 64px;*/
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}