/*======================================================================*\
|| #################################################################### ||
|| # Package - YJMediaSlider                                            ||
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla.com                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
.yjmediaslider {
    display:block;
    position:relative;
    height:300px;
    max-width:100%;
    overflow:hidden;
    padding:0;
    margin:0 auto;
}
.yjmediaslider .slide:after,
.yjmediaslider:after {
    content:"";
    display:table;
    clear:both;
}
.yjmediaslider.loading {
    background-image:url(../images/loading.gif);
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#000;
}
.yjmediaslider .slide {
    display:block;
    position:relative;
    visibility:hidden;/* hide all slides on first run */
    width:100%;
}
.yjmediaslider .slide img.poster {
    width:100%;
    max-width:100%;
    z-index:1;
}


.yjmediaslider .slide .slide-details {
    display:block;
    position:absolute;
    color:#FFF;
    text-shadow: 1px 1px #000000;
}
.yjmediaslider .slide .slide-details .slide-title {
    font-size:28px;
    color:#FFF;
    border-bottom:1px #FFF solid;
    padding-bottom:15px;
    margin-bottom:15px;
}
/* gbi_edit position text for slide 1
    overloads ysj module
*/

.yjmediaslider .slide:first-child .slide-details {
    width: 30%!important;
    bottom: 6%!important;
    left: 65%!important;
}

/* gbi_edit - dark text for bright background */
.yjmediaslider .slide:first-child .slide-details .slide-title,
.yjmediaslider .slide:first-child .slide-details .description {
    color:#2D2935;
    border-bottom:1px #2D2935 solid;
    text-shadow: 0px 1px 1px rgba(255,255,255,.5)!important;
}
.yjmediaslider .slide:first-child .slide-details .description {
    border-bottom: 0;
}
.yjmediaslider .slide .slide-details .slide-title .slide-tags {
    display:block;
    clear:both;
    font-size:14px;
    font-weight:normal;
    margin-top:10px;
}
.yjmediaslider .slide .slide-details .slide-title .slide-tags a {
    color:#FFF;
    text-decoration:none;
}
.yjmediaslider .slide .slide-details .description {
    font-size:14px;
    margin:0px;
    padding:0px;
}
.yjmediaslider .slide .slide-details .buttons {
    display:block;
    margin-top:30px;
}
.yjmediaslider .slide .slide-details .buttons .play-video {
    background-color:#2eaff7;
    padding:10px;
    text-transform:uppercase;
    color:#FFF;
    text-decoration:none;
    text-shadow:none;
    border-radius:5px;
    margin-right:10px;
}
.yjmediaslider .slide .slide-details .buttons .read-more {
    background-color:#FFF;
    padding:10px;
    text-transform:uppercase;
    color:#000;
    text-decoration:none;
    text-shadow:none;
    border-radius:5px;
}
.yjmediaslider div.main-nav {
    display:block;
    position:absolute;
    left:30px;
    bottom:30px;
    z-index:1800;
}
.yjmediaout.singleslide div.main-nav{
    display:none;
}
/* CSS class attached to main nav container when video is visible; allows reposition of navigation on video */
.yjmediaslider div.main-nav.video_on {
    bottom:50%;
    width:98%;
    left:1%;
}
.yjmediaslider a.next {
    display:block;
    position:relative;
    float:right;
    width:24px;
    height:24px;
    text-indent:-4200px;
    background-image:url(../images/next.png);
}
.yjmediaslider a.prev {
    display:block;
    position:relative;
    float:left;
    width:24px;
    height:24px;
    text-indent:-4200px;
    background-image:url(../images/back.png);
    margin-right:10px;
}
.yjmediaout.singleslide div.main-nav.video_on {
    display:block;
    top:10px;
}
.yjmediaout.singleslide a.next{
    display:none;
}
.yjmediaout.singleslide a.prev {
    background-image:url(../images/stop.png);

}
.yjmediaslider .video-player {
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    z-index:1600;
    top:0;
    left:0;
    background-color:#000;
    background-image:url(../images/loading.gif);
    background-position:center center;
    background-repeat:no-repeat;
}
.yjmediaslider .video-player iframe {
    width:100%;
    height:100%;
    max-width:100%;
}
/*Individual navigation*/
.yjmediaout {
    display:block;
    position:relative;
}
.yjmediaout:after {
    content:"";
    display:table;
    clear:both;
}
.yjmediaout.secondnav {
    padding-bottom:40px;
}
.yjmediaout .secondary-nav {
    display:block;
    width:100%;
    height:16px;
    clear:both;
    position:absolute;
    bottom:15px;
    z-index:1700;
}
.yjmediaout .secondary-nav ul {
    list-style-type:none;
    margin:0;
    padding:0px;
    float:none;
    height:12px;
    display:block;
    text-align:center;
}
.yjmediaout .secondary-nav ul li {
    display:inline-block;
    float:none;
    margin:0;
    padding:0;
    background:none;
    margin-right:5px;
}
.yjmediaout .secondary-nav ul li a {
    text-indent:-5000px;
    display:block;
    position:relative;
    width:12px;
    height:12px;
    overflow:hidden;
    background:#000;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.yjmediaout .secondary-nav ul li a:hover,
 .yjmediaout .secondary-nav ul li a.current {
    background:#2eaff7;
}
div.yjsquare.yjmslider,
div.yjsquare.yjmslider div.yjsquare_in {
    margin:0!important;
    padding:0!important;
}
@media screen and (max-width: 780px) {
.yjmediaslider .slide .slide-details {
    width:95%!important;
    margin:0 10px!important;
    left:0!important;
}
.yjmediaslider .slide .slide-details .slide-title {
    font-size:22px;
}
.yjmediaslider div.main-nav {
    display:block;
    position:absolute;
    left:auto;
    right:10px;
    bottom:auto;
    top:10px;
}
.yjmediaslider .slide .slide-details .buttons .play-video,
.yjmediaslider .slide .slide-details .buttons .read-more {
    font-size:10px;
    padding:5px;
}
}
@media screen and (max-width: 620px) {
.yjmediaslider .slide .slide-details .description {
    display:none;
}
.yjmediaslider .slide .slide-details .slide-title {
    font-size:22px;
    border-bottom:none;
    padding-bottom:0;
    margin-bottom:15px;
}
}
.dim_lights {
    background: #000;
    position:fixed;
    display: none;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    z-index:1500;
}