File "video-min.css"

Full Path: /home/fineflavourcocoa/public_html/wp-content/plugins/gyan-elements/addons/css/widgets/video-min.css
File size: 7.79 KB
MIME-type: text/plain
Charset: utf-8

.gyan-aspect-ratio-4_3 .gyan-video-container{padding-bottom:75%}.gyan-aspect-ratio-16_9 .gyan-video-container{padding-bottom:56.25%}.gyan-aspect-ratio-3_2 .gyan-video-container{padding-bottom:66.6666%}.gyan-video-container{position:relative;height:0;overflow:hidden;max-width:100%;background:#000;cursor:pointer;z-index:1;-webkit-transition:.2s all;transition:.2s all}.gyan-video-container:before{content:'';z-index:2;height:100%;width:100%;position:absolute;top:0;left:0}.gyan-video-container img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;cursor:pointer;-webkit-transition:.2s all;transition:.2s all}.gyan-video-play-icon{left:50%;top:50%;position:absolute;cursor:pointer;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;-webkit-transition:text-shadow ease .2s,color ease .2s;transition:text-shadow ease .2s,color ease .2s;z-index:4}.gyan-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:0 0}.gyan-video-container:active .gyan-animation-sink,.gyan-video-container:focus .gyan-animation-sink,.gyan-video-container:hover .gyan-animation-sink{top:-webkit-calc(50% + 8px);top:calc(50% + 8px)}.gyan-video-container .gyan-animation-sink{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:top;transition-property:top;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.gyan-video-container .gyan-animation-grow{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.gyan-video-container:hover .gyan-video-play-icon.gyan-animation-grow{-webkit-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}.gyan-video-container .gyan-animation-float{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:top;transition-property:top;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.gyan-video-container:active .gyan-animation-float,.gyan-video-container:focus .gyan-animation-float,.gyan-video-container:hover .gyan-animation-float{top:-webkit-calc(50% - 8px);top:calc(50% - 8px)}.gyan-video-container:active .gyan-animation-wobble-vertical,.gyan-video-container:focus .gyan-animation-wobble-vertical,.gyan-video-container:hover .gyan-animation-wobble-vertical{-webkit-animation-name:gyan-wobble-vertical;animation-name:gyan-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.gyan-video-play-icon{-webkit-transition:opacity .25s cubic-bezier(0,0,.2,1);transition:opacity .25s cubic-bezier(0,0,.2,1)}@-webkit-keyframes gyan-wobble-vertical{16.65%{top:-webkit-calc(50% + 8px);top:calc(50% + 8px)}33.3%{top:-webkit-calc(50% - 6px);top:calc(50% - 6px)}49.95%{top:-webkit-calc(50% + 4px);top:calc(50% + 4px)}66.6%{top:-webkit-calc(50% - 2px);top:calc(50% - 2px)}83.25%{top:-webkit-calc(50% + 1px);top:calc(50% + 1px)}100%{top:50%}}@keyframes gyan-wobble-vertical{16.65%{top:-webkit-calc(50% + 8px);top:calc(50% + 8px)}33.3%{top:-webkit-calc(50% - 6px);top:calc(50% - 6px)}49.95%{top:-webkit-calc(50% + 4px);top:calc(50% + 4px)}66.6%{top:-webkit-calc(50% - 2px);top:calc(50% - 2px)}83.25%{top:-webkit-calc(50% + 1px);top:calc(50% + 1px)}100%{top:50%}}.gyan-video-vimeo-icon-bg{-webkit-transition:fill .1s cubic-bezier(.4,0,1,1),fill-opacity .1s cubic-bezier(.4,0,1,1);transition:fill .1s cubic-bezier(.4,0,1,1),fill-opacity .1s cubic-bezier(.4,0,1,1);fill:rgba(23,34,35,.75)}.gyan-video-container:hover .gyan-video-vimeo-icon-bg{-webkit-transition:fill .1s cubic-bezier(0,0,.2,1),fill-opacity .1s cubic-bezier(0,0,.2,1);transition:fill .1s cubic-bezier(0,0,.2,1),fill-opacity .1s cubic-bezier(0,0,.2,1);fill:#00adef}.gyan-video-container:hover .gyan-video-play-icon .gyan-video-vimeo-icon-bg{-webkit-transition:fill .1s cubic-bezier(0,0,.2,1),fill-opacity .1s cubic-bezier(0,0,.2,1);transition:fill .1s cubic-bezier(0,0,.2,1),fill-opacity .1s cubic-bezier(0,0,.2,1);fill:#00adef;fill-opacity:1}.gyan-video-vimeo-wrap{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;z-index:2;margin:10px;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;margin-right:4.6em}.gyan-video-vimeo-portrait{width:60px;height:60px;background:rgba(23,35,34,.75);margin-right:1px;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;-moz-box-flex:1;flex:1 0 auto;padding:0}.gyan-video-vimeo-portrait img{width:50px;height:50px;margin:5px;padding:0;border:0;-webkit-border-radius:50%;border-radius:50%}.gyan-video-vimeo-byline{font-size:1.2em!important;font-weight:400;color:#fff;margin-top:.1em;padding:.2em .5em;background:rgba(23,35,34,.75);text-transform:none;line-height:normal;letter-spacing:normal}.gyan-video-vimeo-headers{font-size:10px}.gyan-video-vimeo-title{max-width:100%;font-size:2em!important;font-weight:700;margin:0;padding:.1em .2em;background:rgba(23,35,34,.75);display:inline-block;text-transform:none;line-height:normal;letter-spacing:normal}.gyan-video-container .gyan-video-vimeo-byline a,.gyan-video-container .gyan-video-vimeo-byline a:hover,.gyan-video-container .gyan-video-vimeo-title a,.gyan-video-container .gyan-video-vimeo-title a:hover .gyan-video-container .gyan-video-vimeo-byline{color:#fff}.gyan-video-youtube-icon-bg{-webkit-transition:fill .1s cubic-bezier(.4,0,1,1),fill-opacity .1s cubic-bezier(.4,0,1,1);transition:fill .1s cubic-bezier(.4,0,1,1),fill-opacity .1s cubic-bezier(.4,0,1,1);fill:#1f1f1f}.gyan-video-container:hover .gyan-video-youtube-icon-bg{-webkit-transition:fill .1s cubic-bezier(0,0,.2,1),fill-opacity .1s cubic-bezier(0,0,.2,1);transition:fill .1s cubic-bezier(0,0,.2,1),fill-opacity .1s cubic-bezier(0,0,.2,1);fill:#cc181e}.gyan-video-container:hover .gyan-video-play-icon .gyan-video-youtube-icon-bg{-webkit-transition:fill .1s cubic-bezier(0,0,.2,1),fill-opacity .1s cubic-bezier(0,0,.2,1);transition:fill .1s cubic-bezier(0,0,.2,1),fill-opacity .1s cubic-bezier(0,0,.2,1);fill:#cc181e;fill-opacity:1}.gyan-video-subscribe-bar-content{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.gyan-video-subscribe-bar{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 10px;margin-bottom:20px}.gyan-video-subscribe-bar-prefix{margin-right:10px}.gyan-subscribe-responsive-desktop .gyan-video-subscribe-bar{display:block;text-align:center}.gyan-subscribe-responsive-desktop .gyan-video-subscribe-bar-prefix{margin-right:0;margin-bottom:8px}.gyan-subscribe-responsive-desktop .gyan-video-subscribe-bar-content{display:block}@media only screen and (max-width:1024px){.gyan-subscribe-responsive-tablet .gyan-video-subscribe-bar{display:block;text-align:center}.gyan-subscribe-responsive-tablet .gyan-video-subscribe-bar-prefix{margin-right:0;margin-bottom:8px}.gyan-subscribe-responsive-tablet .gyan-video-subscribe-bar-content{display:block}}@media only screen and (max-width:767px){.gyan-subscribe-responsive-mobile .gyan-video-subscribe-bar{display:block;text-align:center}.gyan-subscribe-responsive-mobile .gyan-video-subscribe-bar-prefix{margin-right:0;margin-bottom:8px}.gyan-subscribe-responsive-mobile .gyan-video-subscribe-bar-content{display:block}}