| Server IP : 54.36.91.62 / Your IP :
216.73.216.178 [
Web Server : Apache System : Linux webm002.cluster127.gra.hosting.ovh.net 5.15.167-ovh-vps-grsec-zfs-classid #1 SMP Tue Sep 17 08:14:20 UTC 2024 x86_64 User : eticmes ( 123698) PHP Version : 7.4.33 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/eticmes/www/wp-content/plugins/yotuwp-easy-youtube-embed/assets/css/ |
Upload File : |
.yotu-playlist {
display: block;
clear: both;
width: 100%;
padding: 30px 0;
position: relative;
}
.yotu-videos{
float: left;
width: 100%;
padding: 20px 0 0;
position: relative;
}
.yotu-videos li > a{
display: inline-block;
text-decoration: none;
color: #767676;
float: left;
width: 100%;
position: relative;
border: none!important;
}
.yotu-videos a:hover{
text-decoration: none;
opacity: 1;
}
.yotu-videos ul{
list-style: none;
padding: 0;
margin:0;
width: 100%;
text-align: center;
position: relative;
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
display: flex;
flex-wrap: wrap;
}
.yotu-videos .yotu-video h3{
font-size: 14px;
font-weight: 500;
line-height: 1em!important;
color: #795548;
text-decoration: none;
padding: 5px 0;
margin: 10px 0 0px;
width: 100%;
display: block;
z-index: 10;
}
.yotu-videos a:hover h3{
text-decoration: underline;
}
.yotu-videos .yotu-video-description{
font-size: 12px;
line-height: 1.4em;
width: 100%;
margin-bottom: 0!important;;
margin-top: 6px;
}
.yotu-videos a:hover .yotu-video-description{
text-decoration: none;
}
/**image**/
body .yotu-videos .yotu-video .yotu-video-thumb{
padding: 0;
margin: 0;
border: none;
clear: both;
display: block;
max-width: 100%;
width: 100%;
max-height: none;
}
.yotu-video-thumb-wrp{
display: -webkit-flex; /* Safari */
display: flex;
width: 100%;
position: relative;
}
.yotu-hide{
display: none!important;
}
.yotu-video-thumb-wrp::before{
position: absolute;
content: "";
}
.yotu-video-thumb-wrp::after{
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
background: url(../images/square-play.png) no-repeat 50% 50%;
width: 18%;
height: 0;
padding-top: 75%;
background-size: contain;
zoom: 0;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 150ms ease-in-out;
-moz-transition: opacity 150ms ease-in-out;
-ms-transition: opacity 150ms ease-in-out;
-o-transition: opacity 150ms ease-in-out;
transition: opacity 150ms ease-in-out;
}
.yotu-videos a.yotu-video:hover .yotu-video-thumb-wrp::after,
.yotu-videos a.yotu-video:hover .yotu-video-thumb-wrp::before{
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
z-index: 10;
}
/**pagination**/
.yotu-playlist .yotu-pagination{
width: 100%;
text-align: center;
font-size: 12px;
color: #767676;
padding: 15px 0 0;
display: inline-block;
}
.yotu-playlist .yotu-pagination span {
display: inline-block;
display: inline-block;
line-height: 15px;
}
/*.yotu-playlist .yotu-pagination a{
background: #f8f8f8;
color: #333;
font-weight: 500;
margin: 0 7px;
height: 28px;
border: solid 1px #d3d3d3;
padding: 0 10px;
outline: 0;
font-size: 11px;
text-decoration: none;
white-space: nowrap;
word-wrap: normal;
line-height: 28px;
vertical-align: middle;
cursor: pointer;
border-radius: 2px;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
position: relative;
}*/
.yotu-playlist.yotu-limit-min .yotu-pagination-prev{
display: none;
}
.yotu-playlist.yotu-limit-max .yotu-pagination-next{
display: none;
}
.yotu-playlist .yotu-pagination-more{
position: relative;
}
.yotu-playlist .yotu-pagination a::after{
display: none;
font-family: "yotu" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 26px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\65";
-webkit-animation-name: yotuspin;
-webkit-animation-duration: 1000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: yotuspin;
-moz-animation-duration: 1000ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: yotuspin;
-ms-animation-duration: 1000ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: yotuspin;
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
width: 26px;
height: 26px;
font-size: 26px;
position: absolute;
right: -32px;
}
.yotu-playlist .yotu-pagination .yotu-pagination-prev::after{
left: -32px;
right: autol
}
.yotu-playlist .yotu-pagination a.yotu-active::after{
display: inline-block;
}
/***GRID MODE**/
.yotu-videos li{
float: left;
list-style: none!important;
margin-bottom: 20px;
margin-left: 0!important;
padding: 0!important;
text-align: left;
}
.yotu-column-1 li{
width: 100%;
margin-right: 0;
}
.yotu-column-3 li{
width: 32.66%;
margin-right: 1%!important;
}
.yotu-column-3 li:nth-child(3n){
margin-right: 0!important;
}
.yotu-column-2 li{
width: 49%;
margin-right: 2%!important;
}
.yotu-column-2 li:nth-child(2n){
margin-right: 0!important;
}
.yotu-column-4 li{
width: 24.2507%;
margin-right: 1%!important;
}
.yotu-column-4 li:nth-child(4n){
margin-right: 0!important;
}
.yotu-column-5 li{
width: 19.2%;
margin-right: 1%!important;
}
.yotu-column-5 li:nth-child(5n){
margin-right: 0!important;
}
.yotu-column-6 li{
width: 15.83%;
margin-right: 1%!important;
}
.yotu-column-6 li:nth-child(6n){
margin-right: 0!important;
}
.yotu-videos.yotu-mode-grid h3{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: break-word;
position: relative;
display: block;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-bottom: 10px!important;
}
.yotu-videos.yotu-mode-grid .yotu-video-description{
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
height: 4.5em;
position: relative;
display: -webkit-box;
-webkit-box-orient: vertical;
margin-bottom: 0;
line-height:1.5em;
color: #484848;
}
/*LIST*/
.yotu-videos.yotu-mode-list li{
width: 100%;
}
body .yotu-videos.yotu-mode-list .yotu-video-thumb-wrp{
float: left;
margin-right: 20px;
width: 30%;
}
.yotu-videos.yotu-mode-list .yotu-video h3{
margin-top: 0!important;
padding-top: 0!important;
margin-bottom: 8px!important;
clear: none!important;
height: auto!important;
}
/**MIX**/
body .yotu-videos.yotu-mode-mix .yotu-video .yotu-video-thumb-wrp{
width: 40%;
margin-right: 10px;
float: left;
}
.yotu-videos.yotu-mode-mix .yotu-video h3{
width: auto;
margin-top: 0!important;
padding-top: 0!important;
margin-bottom: 8px!important;
clear: none!important;
padding-bottom: 0;
margin-bottom: 0!important;
overflow: initial;
white-space: normal;
line-height: 1.5!important;
}
.yotu-videos.yotu-mode-mix .yotu-video-description{
width: auto;
}
/**align**/
.yotu-left{
text-align: left;
float: left;
}
.yotu-right{
text-align: right;
float: rightt;
}
/**player**/
.yotu-playlist .yotu-wrapper-player{
margin: 0 auto;
text-align: center;
width: 600px;
}
.yotu-player-full .yotu-wrapper-player{
width: 100%;
}
.yotu-player {
position: relative;
padding-bottom: 56.25% !important; /* 16:9 */
height: 0;
box-shadow: 2px 2px 3px 0 rgba(10,10,10,.35);
}
.yotu-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none!important;
padding: 0;
margin: 0;
}
.yotu-playing-description{
text-align: left;
}
/**Lightbox**/
.yotu-lightbox {
display: none;
position: fixed;
z-index: 999999999;
font-size: 14px;
color: #3a3a3a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.yotu-lightbox .yotu-lightbox-overlay {
position: fixed;
z-index: 1;
background: rgba(0,0,0,.95);
height: 100%;
width: 100%;
top: 0;
left: 0
}
.yotu-lightbox .yotu-lightbox-body {
position: absolute;
top: 20%;
left: 50%;
z-index: 2;
max-height: 100vh;
transform: translateX(-50%) translateY(-20%);
-ms-transform: translateX(-50%) translateY(-20%);
-o-transform: translateX(-50%) translateY(-20%);
-moz-transform: translateX(-50%) translateY(-20%);
-webkit-transform: translateX(-50%) translateY(-20%);
border-radius: 4px;
}
.yotu-lightbox-content{
max-height: calc(100vh - 60px);
padding: auto 20px;
width: 800px;
height: inherit;
box-sizing: border-box;
min-height: 300px;
overflow-y: auto;
overflow-x: hidden;
}
.yotu-lightbox-close{
position: absolute;
top: 20px;
right: 20px;
z-index: 99999;
width: 30px;
height: 30px;
color: #9E9E9E;
font-size: 30px;
display: block;
cursor: pointer;
text-decoration: none!important;
}
.yotu-lightbox-more, .yotu-lightbox-more:focus{
position: absolute;
top: -60px;
right: 1%;
z-index: 9999999999;
width: 40px;
height: 40px;
max-height: 40px;
color: #696969;
font-size: 40px;
line-height: 40px;
display: block;
cursor: pointer;
margin-left: -20px;
outline: initial!important;
text-decoration: none;
}
.yotu-lightbox-more span{
max-height: 40px;
display: block;
}
.yotu-lightbox-close:hover, .yotu-lightbox-more:hover{
color: #fff;
text-decoration: none;
}
.yotu-loading{
-webkit-animation-name: yotuspin;
-webkit-animation-duration: 1000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: yotuspin;
-moz-animation-duration: 1000ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: yotuspin;
-ms-animation-duration: 1000ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: yotuspin;
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.yotu-playing {
text-align: left;
font-weight: 500;
font-size: 15px;
color: #795548;
padding: 5px 0;
}
.yotu-lightbox-content .yotu-playing{
color: #fff;
}
.yotu-lightbox .yotu-playing{
display: none;
}
.yotu-lightbox.yotu-show-title .yotu-playing{
display: block;
}
.yotu-thumbnails-wrp{
width: 100%;
padding: 0 20px;
box-sizing: border-box;
position: absolute!important;
bottom: 20px;
z-index: 99;
zoom: 0;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 150ms ease-in-out;
-moz-transition: opacity 150ms ease-in-out;
-ms-transition: opacity 150ms ease-in-out;
-o-transition: opacity 150ms ease-in-out;
transition: opacity 150ms ease-in-out;
}
.yotu-thumbnails-wrp.yotu-active{
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.yotu-playlist .yotu-thumbnails{
width: 100%;
display: none!important;
}
.yotu-lightbox.yotu-has-thumbs .yotu-thumbnails-wrp{
display: block;
}
.yotu-thumbnails img{
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
-webkit-transition: opacity 150ms ease-in-out;
-moz-transition: opacity 150ms ease-in-out;
-ms-transition: opacity 150ms ease-in-out;
-o-transition: opacity 150ms ease-in-out;
transition: opacity 150ms ease-in-out;
cursor: pointer;
border: none;
}
.yotu-thumbnails .owl-item:hover img{
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.yotu-thumbnails .owl-prev,
.yotu-thumbnails .owl-next,
.yotu-mode-carousel .owl-prev,
.yotu-mode-carousel .owl-next
{
position: absolute;
top: 50%;
left: -10px;
text-indent: -9999px;
white-space: nowrap;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
width: 60px;
height: 60px;
overflow: hidden;
text-align: center;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 200ms ease-in-out;
-moz-transition: opacity 200ms ease-in-out;
-ms-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
}
.yotu-thumbnails-wrp:hover .owl-prev,
.yotu-thumbnails-wrp:hover .owl-next,
.yotu-mode-carousel:hover .owl-prev,
.yotu-mode-carousel:hover .owl-next
{
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.yotu-thumbnails .owl-next,
.yotu-mode-carousel .owl-next{
left: auto;
right: -10px;
}
.yotu-thumbnails .owl-prev:before,
.yotu-mode-carousel .owl-prev:before{
content: "\62";
}
.yotu-thumbnails .owl-next:before,
.yotu-mode-carousel .owl-next:before{
content: "\63";
}
.yotu-thumbnails .owl-prev:before,
.yotu-thumbnails .owl-next:before,
.yotu-mode-carousel .owl-prev:before,
.yotu-mode-carousel .owl-next:before{
font-family: "yotu" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 60px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
color: #fff;
text-indent:0;
font-size: 60px;
text-align: center;
}
.yotu-videos.yotu-mode-carousel .owl-nav .disabled{
display: none!important;
}
/*loadding*/
.yt_bubbling {
text-align: center;
width: 86px;
height: 47px;
margin: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.yt_bubbling span {
display: inline-block;
vertical-align: middle;
width: 9px;
height: 9px;
margin: 24px 2px;
background: rgba(220,71,46,0.97);
border-radius: 47px;
-o-border-radius: 47px;
-ms-border-radius: 47px;
-webkit-border-radius: 47px;
-moz-border-radius: 47px;
animation: yt_bubbling 0.905s infinite alternate;
-o-animation: yt_bubbling 0.905s infinite alternate;
-ms-animation: yt_bubbling 0.905s infinite alternate;
-webkit-animation: yt_bubbling 0.905s infinite alternate;
-moz-animation: yt_bubbling 0.905s infinite alternate;
}
.yt_bubbling .yt_bubbling_1 {
animation-delay: 0s;
-o-animation-delay: 0s;
-ms-animation-delay: 0s;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
}
.yt_bubbling .yt_bubbling_2 {
animation-delay: 0.2695s;
-o-animation-delay: 0.2695s;
-ms-animation-delay: 0.2695s;
-webkit-animation-delay: 0.2695s;
-moz-animation-delay: 0.2695s;
}
.yt_bubbling .yt_bubbling_3 {
animation-delay: 0.549s;
-o-animation-delay: 0.549s;
-ms-animation-delay: 0.549s;
-webkit-animation-delay: 0.549s;
-moz-animation-delay: 0.549s;
}
.yotu-playlist-single .yotu-videos{
display: none;
}
.yotu-copyright, .yotu-copyright a{
font-size: 9px;
font-family: Tahoma;
color: rgba(0,0,0,0.1);
text-align: right;
}
.yotu-lightbox .yotu-copyright, .yotu-lightbox .yotu-copyright a{
color: rgba(255, 255, 255, 0.57);
}
.yotu-lightbox .yotu-copyright{
position: absolute;
bottom: 2px;
right: 10px;
white-space: nowrap;
z-index: 99999;
}
.yotu-thumb-169 .yotu-video-thumb-wrp>div{
padding-bottom: 55.7%!important;
overflow: hidden;
position: relative;
}
.yotu-thumb-169 .yotu-video-thumb-wrp img{
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.yotu-thumb-43 .yotu-video-thumb-wrp>div{
padding-bottom: 74%!important;
overflow: hidden;
position: relative;
}
.yotu-thumb-43 .yotu-video-thumb-wrp img{
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
/**buttons**/
.yotu-button-prs{
font-weight: 500;
margin: 0 7px;
border: solid 1px #d3d3d3;
padding: 0 15px;
outline: 0;
font-weight: 500!important;
font-size: 11px;
text-decoration: none;
white-space: nowrap;
word-wrap: normal;
line-height: 28px;
vertical-align: middle;
cursor: pointer;
border-radius: 4px;
position: relative;
display: inline-block;
background: #f8f8f8;
color: #272727;
}
.yotu-button-prs:hover, .yotu-button-prs:focus{
color: #272727;
outline: none;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
background-color: #fff;
text-decoration: none;
}
.yotu-button-prs-1{
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}
.yotu-button-prs-2{
border-radius: 0px;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}
.yotu-button-prs-3{
background: #fff;
border-radius: 25px;
color: #272727;
padding: 4px 20px;
}
.yotu-button-prs-3:hover, .yotu-button-prs-3:focus{
color: #333;
box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.15);
}
.yotu-button-prs-4{
border-radius: 100px;
color: #333;
border: none;
box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.11);
padding: 4px 20px;
height: auto;
}
.yotu-button-prs-4:hover, .yotu-button-prs-4:focus {
color: #444;
background-color: #fefefe;
box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.15);
}
/** pager layout */
.yotu-pager_layout-bothside a.yotu-pagination-prev,
.yotu-pager_layout-bothside_no_text a.yotu-pagination-prev{
float: left;
}
.yotu-pager_layout-bothside a.yotu-pagination-next,
.yotu-pager_layout-bothside_no_text a.yotu-pagination-next{
float: right;
}
.yotu-pager_layout-bothside_no_text span,
.yotu-pager_layout-center_no_text span{
display: none!important;
}
@keyframes yt_bubbling {
0% {
width: 9px;
height: 9px;
transform: translateY(0);
}
100% {
width: 23px;
height: 23px;
transform: translateY(-20px);
}
}
@-o-keyframes yt_bubbling {
0% {
width: 9px;
height: 9px;
-o-transform: translateY(0);
}
100% {
width: 23px;
height: 23px;
-o-transform: translateY(-20px);
}
}
@-ms-keyframes yt_bubbling {
0% {
width: 9px;
height: 9px;
-ms-transform: translateY(0);
}
100% {
width: 23px;
height: 23px;
-ms-transform: translateY(-20px);
}
}
@-webkit-keyframes yt_bubbling {
0% {
width: 9px;
height: 9px;
-webkit-transform: translateY(0);
}
100% {
width: 23px;
height: 23px;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes yt_bubbling {
0% {
width: 9px;
height: 9px;
-moz-transform: translateY(0);
}
100% {
width: 23px;
height: 23px;
-moz-transform: translateY(-20px);
}
}
.yt_loading{
position: absolute;
width: 100%;
height: 100%;
display: block;
background: rgba(255,255,255, 0.5);
}
.yotu-thumbnails.owl-carousel .owl-item{
border-radius: 2px;
overflow: hidden;
}
.yotu-thumb-169.yotu-thumbnails.owl-carousel .owl-item img {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.yotu-thumb-169 .yotu-video-thumb-wrp>div, .yotu-thumb-169.yotu-thumbnails.owl-carousel .owl-item>div {
padding-bottom: 55.7%!important;
overflow: hidden;
position: relative;
width: 100%;
}
.yotu-thumb-43.yotu-thumbnails.owl-carousel .owl-item img {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.yotu-thumb-43 .yotu-video-thumb-wrp>div, .yotu-thumb-43.yotu-thumbnails.owl-carousel .owl-item>div {
padding-bottom: 74%!important;
overflow: hidden;
position: relative;
width: 100%;
}
a.yotu-lightbox-func{
position: absolute;
top: 50%;
left: -80px;
-ms-transform: translateY(-50%); /* IE 9 */
-webkit-transform: translateY(-50%); /* Safari */
transform: translateY(-50%);
font-size: 80px;
width: 80px;
height: 80px;
zoom: 0;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 150ms ease-in-out;
-moz-transition: opacity 150ms ease-in-out;
-ms-transition: opacity 150ms ease-in-out;
-o-transition: opacity 150ms ease-in-out;
transition: opacity 150ms ease-in-out;
color: #9E9E9E;
text-decoration: none!important;
}
.yotu-lightbox-body:hover a.yotu-lightbox-func{
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
a.yotu-lightbox-func[data-func=next]{
left: auto;
right: -80px;
}
a.yotu-lightbox-func span{
display: block;
}
.yotu-first.yotu-last{
display: inline-block;
float: none;
}
.yotu-player-mode-large .yotu-first.yotu-last{
display: none;
}
.yotu-mode-carousel .owl-carousel.owl-loaded li{
width: 100%;
margin-bottom: 0;
}
.yotu-mode-carousel .yotu-pagination{
margin-top: 30px;
display: inline-block;
}
.yotu-search-action{
background: #0073aa;
line-height: 36px;
height: 36px;
padding: 0px 16px;
font-size: 12px;
margin-top: 1px;
}
/** Presets **/
body .yotu-videos.yotu-preset .yotu-video-description{
display: none;
}
/*Gplus*/
body .yotu-videos.yotu-preset-gplus .yotu-video-title,
body [data-showdesc=off] .yotu-videos.yotu-preset-gplus h3.yotu-video-title{
position: absolute;
height: inherit;
line-height: 12px!important;
width: auto;
max-width: calc(100% - 6%);
bottom: 0;
left: 0;
display: -webkit-box;
background-color: rgba(0,0,0,0.54);
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 6px;
margin: 3%!important;
color: #fff;
font-size: 13px;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-decoration: none;
box-sizing: border-box;
float: none;
display: inline-block;
}
body .yotu-videos.yotu-preset-gplus .yotu-video-thumb-wrp::before{
display: none;
}
body .yotu-videos.yotu-preset-gplus.yotuwp-meta-inside h3.yotu-video-title{
bottom: 14px;
}
/**abnb*/
body .yotu-videos.yotu-preset-abnb .yotu-video-thumb-wrp div{
border-radius: 3px!important;
overflow: hidden;
}
body .yotu-videos.yotu-preset-abnb .yotu-video-title{
color: #484848 !important;
font-weight: 700 !important;
font-size: 17px;
line-height: 24px!important;
padding-top: 8px;
text-decoration: none;
margin: 0 0 10px!important;
padding-bottom: 0;
}
body .yotu-videos.yotu-preset-abnb .yotu-video-description{
display: block;
margin: 0!important;
height: 3.2em;
font-size: 15px;
line-height: : 18px;
color: #484848 !important;
}
body .yotu-videos.yotu-preset-abnb li{
margin-bottom: 30px;
}
body .yotu-videos.yotu-preset-abnb.yotuwp-meta-after_title .yotuwp-video-meta,
body .yotu-videos.yotu-preset-abnb.yotuwp-meta-before_link .yotuwp-video-meta,
body .yotu-videos.yotu-preset-abnb.yotuwp-meta-after_link .yotuwp-video-meta{
padding-left: 0px;
padding-right: 0px;
}
/**Effects*/
[class^="ytef-"]:hover, [class*="ytef-"]:hover{
z-index: 10;
}
.ytef-grow {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.ytef-grow:hover, .ytef-grow:focus, .ytef-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/* Shadow Radial */
.ytef-shadow-radial {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0)!important;
position: relative;
}
.ytef-shadow-radial:before, .ytef-shadow-radial:after {
pointer-events: none;
position: absolute;
content: '';
left: 0;
width: 100%;
box-sizing: border-box;
background-repeat: no-repeat;
height: 5px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.ytef-shadow-radial:before {
bottom: 100%;
background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.ytef-shadow-radial:after {
top: 100%;
background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.ytef-shadow-radial:hover:before, .ytef-shadow-radial:focus:before, .ytef-shadow-radial:active:before, .ytef-shadow-radial:hover:after, .ytef-shadow-radial:focus:after, .ytef-shadow-radial:active:after {
opacity: 1;
}
/* Float */
.ytef-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.ytef-float:hover, .ytef-float:focus, .ytef-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.ytef-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.ytef-rotate:hover, .ytef-rotate:focus, .ytef-rotate:active {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
/*Responsive*/
@media only screen and (min-width: 1000px) and (max-width: 1169px){
body .yotu-mode-grid li, .yotu-mode-mix li,
body .yotu-mode-grid[class*=' yotu-column-'] li,
body .yotu-mode-grid[class^='yotu-column-'] li{
width: 48%!important;
margin-right: 4%!important;
}
body .yotu-mode-grid li:nth-child(2n), .yotu-mode-mix li:nth-child(2n){
margin-right: 0!important;
}
}
@media only screen and (max-width: 999px){
.yotu-wrapper-player{
width: 100%!important;
max-width: 100%!important;
margin: 0 auto;
}
.yotu-lightbox-content{
width: calc(100vh - 60px);
max-width: calc(100vw - 40px);
}
body .yotu-lightbox .yotu-lightbox-body{
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 999px){
body .yotu-mode-grid li, .yotu-mode-mix li,
body .yotu-mode-grid[class*=' yotu-column-'] li,
body .yotu-mode-grid[class^='yotu-column-'] li{
width: 48%!important;
margin-right: 4%!important;
}
body .yotu-mode-grid li:nth-child(2n), .yotu-mode-mix li:nth-child(2n){
margin-right: 0!important;
}
body .yotu-videos.yotu-mode-list .yotu-video-thumb-wrp{
width: 40%;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
body .yotu-mode-grid li, body .yotu-mode-grid[class*=' yotu-column-'] li,
body .yotu-mode-grid[class^='yotu-column-'] li{
width: 48%!important;
margin-right: 4%!important;
}
body .yotu-mode-grid li:nth-child(2n){
margin-right: 0!important;
}
body .yotu-mode-mix.yotu-mode-grid li{
width: 100%!important;
margin-right: 0!important;
}
.yotu-lightbox-content{
width: 80vw;
min-height: 100px;
}
.yotu-lightbox-close{
right: 10px;
font-size: 30px;
top: 10px;
width: 30px;
height: 30px;
}
body .yotu-videos.yotu-mode-list .yotu-video-thumb-wrp{
width: 30%;
}
}
@media only screen and (max-width: 479px){
body .yotu-videos li{
width: 100%!important;
margin-right: 0!important;
}
body .yotu-videos.yotu-mode-list .yotu-video-thumb{
width: 100%!important;
margin-right: 0!important;
margin-bottom: 10px;
}
.yotu-lightbox-content{
width: calc(100vw - 30px);
min-height: 100px;
}
.yotu-lightbox-close{
right: 10px;
font-size: 30px;
top: 20px;
width: 30px;
height: 30px;
}
body .yotu-videos.yotu-mode-list .yotu-video-thumb-wrp{
width: 40%;
}
}
@-moz-keyframes yotuspin {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes yotuspin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@keyframes yotuspin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
body [data-showdesc="off"] .yotu-videos h3.yotu-video-title{
margin-bottom: 0!important;
}