/* Theme Name:Video Version:1.0.7 */
/**** Reset *****/
html,body{font-family:'Lato',sans-serif;font-weight: 300;font-size:14px;border:0;color:#FFF}
body,img,p,h1,h2,h3,h4,h5,ul,ol,li,form,blockquote{margin:0;padding:0}
p{line-height:18px;padding:10px 0}
h1,h2,h3,h4,h5{padding:10px 0}
ul,ol{list-style:none;padding:10px 0}
small{font-size:11px}
code{background:#222}
a{color:#a8bc70;text-decoration:none}
a:hover{text-decoration:none}
a img{border:none}
blockquote p{padding:5px 0}
.desc {font-size:16px}
/* Black Top Menu */
#wrap{height:60px;background-color:#000;width:100%}
/* Top */
#top{width:1050px;margin:0 auto;position:relative}
/* Content */
#content{width:960px;margin:0 auto;padding:0}
* html #content{height:550px}
#main{width:460px}
#main div{zoom:1}
sup {border-radius:2px;background-color:#FA5858;color:#FAFAFA;padding:2px;font-family:monospace;font-weight:300}
.notify{border-radius:2px;background-color:#FA5858;color:#FAFAFA;padding:2px;font-family:monospace;font-weight:300}
img .video {border-radius:2px}
.aligncenter{margin:10px auto 20px auto;display:block}
.alignleft{margin:10px 20px 8px 0;float:left}
.alignright{margin:10px 0px 8px 20px;float:right}
.col-left{float:left;margin:4px}
.col-right{float:right}
.more_entries{width:100%;font-size:12px;font-weight:bold;padding:5px 0}
.wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.replace, .br{display:block;font-size:1%;line-height:0;text-align:left;text-indent:-10000px}
.fix{clear:both;height:1px;margin:-1px 0 0;overflow:hidden}
.fl{float:left}
.fr{float:right}
.ac{text-align:center}
.ar{text-align:right}
img.centered{display:block;margin-left:auto;margin-right:auto}
/* Top Navigation */
#top-nav{position: fixed; top: 0;left: 100;z-index: 1000; padding-top:10px;text-transform:uppercase;height:50px;background-color:rgba(0,0,0,.9);width:100%;border-bottom-left-radius:1em}
#top-nav a{font-size:14px;font-weight:700;color:#FFF}
#top-nav a:hover{text-decoration:underline}
#top-nav ul{padding:0}
#top-nav .col-left{margin-left:-6px}
/* Navigation */
#nav, #nav ul{padding:0;margin:0;list-style:none;line-height:1;z-index:100}
#nav a{margin:1px;display:block;line-height:28px;padding:5px 12px;z-index:100;color:#fff}
#nav a:hover, #nav .current_page_item a, #nav .current-cat a{margin:1px;color:#000;background:#fff;border-radius:3px;text-decoration:none}
#nav .current_page_item ul li a:hover{color:#000;background:#fff}
#nav .current_page_item ul li a{color:#fff;background:#000}
#nav li{float:left}
#nav li ul{position:absolute;width:170px;left:-999em}
#nav li ul li{margin:1px;background:url(images/bg-nav.png) repeat !important;background:#000;border-radius:3px}
#nav li ul li a{margin:1px;line-height:25px;width:160px}
#nav li ul ul{margin:-35px 0 0 184px}
#nav li ul ul li a{line-height:25px}
#nav li ul li ul li a{	}
#nav li:hover ul, #nav li.sfhover ul{left:auto}
#nav li:hover ul ul, #nav li.sfhover ul ul{left:-999em}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{left:auto}

.dashicons {margin-top:2px;text-decoration:none}
.dashicons:hover {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
#nav .dashicons-unlock::before, .dashicons-admin-settings::before{color:rgba(204,153,0,1)!important;}
#nav .dashicons-upload::before, .dashicons-video-alt::before{color:rgba(61,197,242,1)!important;}
#nav .dashicons-admin-network::before, .dashicons-admin-settings::before{color:rgba(204,153,0,1)!important;}
#nav li:hover, #nav li.hover{position:static} /* IE7 Fix */
form#topSearch{background:#333;border:1px solid #999;border-radius:3px;width:178px;height:32px;position:absolute;top:13px;right:-33px}
form#topSearch p.fields input{color:#fff;font-size:14px;font-weight:bold;width:130px;background:none;overflow:hidden;border:none;position:absolute;top:5px;left:10px}
form#topSearch p.fields button{background:url(images/ico-search.png) no-repeat;width:21px;height:21px;border:none;position:absolute;top:5px;right:10px;cursor:pointer}
.searchfloatleft {float:left;position:relative;top:-8px;left:182px}
#header{width:100%;height:60px;clear:both;position:relative;#margin-bottom:25px}
#header h1{display:none}
/* Section headers */
#main h3.title-featured{width:218px}
#archive h3.title-recent{width:167px}
#archive h3.title-archives{background:url(images/h3-archives.png) no-repeat top left;width:216px;height:34px}
#archive h3.title-archives-text{padding:0 0 18px;font-size:30px}
/* Featured */
#main .featured{background-color:rgba(0,0,0,.4);;padding:10px 20px;position:relative;min-height:22px;border-radius:4px;margin-bottom:20px}
#main .featured h2 a{letter-spacing:-1px;color:#fff;font-size:24px;float:left}
#main .featured h3{padding:0;float:left}
#main .featured h3 a{letter-spacing:-1px;color:#fff;font-size:18px}
#main .featured .video{background:#404040;padding:10px;border-radius:3px;margin-top:10px}
#main .featured .ratings{float:right}
#main .featured .watch{background:#999;border-radius:2px;width:93px;height:31px;float:right}
#main .featured .watch a{color:#fff;text-decoration:none;text-transform:lowercase;font-weight:bold;font-size:11px;padding:7px;line-height:29px}
/* Recent Video Boxes */
.home #archive{width:473px}
#archive{width:960px}
#archive .box2,#sidebar .box2{width:230px;float:left;margin:0 13px 5px 0;padding:0px}
#archive .box2.last{margin-right:0px}
#archive .box2 .post, #sidebar .box2 .post{border-radius:4px;background-color:rgba(0,0,0,.2);padding:7px 15px;height:260px;margin-bottom:15px}
#archive .box2 .post:hover, #sidebar .box2 .post:hover {background-color:rgba(0,0,0,.15);margin-top:-1px;opacity:1;-webkit-box-shadow:0px 0px 5px rgba(255,255,255,0.8);-moz-box-shadow:0px 0px 5px rgba(255,255,255,0.8);box-shadow:0px 0px 5px rgba(255,255,255,0.8)}
#archive .box2 h3,#sidebar .box2 h3{padding:5px 0 0}
#archive .box2 h3 a, #sidebar .box2 h3 a{font-weight:normal;color:#fff;font-size:19px}
#archive .box2 .post-details,#sidebar .box2 .post-details{font-size:14px;color:#999}
#archive .box2 .post-details a,#sidebar .box2 .post-details a{font-size:16px;color:#76967e}
#archive .box2 .thumbnail, #sidebar .box2 .thumbnail{background-color:rgba(0,0,0,.2);margin-top:10px;padding:10px;border-radius:15px}
#archive .box2 .info,#sidebar .box2 .info{height:30px}
#archive .box2 .ratings,#sidebar .box2 .ratings{margin:9px 0 0;width:100px}
#archive .box2 .comment a, #sidebar .box2 .comment a{background:transparent url(images/comment.png) no-repeat scroll 0 0;font-family:arial;color:#295933;display:block;font-size:10px;height:21px;margin:7px 3px 0 0;padding:3px 1px 0;text-align:center;text-decoration:none;width:23px}
#archive .box2 p{line-height:16px;padding:2px 0 5px 0}
/* PageNavi */
.Nav {clear:both;float:right;font-size:16px}
.Nav .on, .Nav a:hover {background-color:rgba(0,0,0,.7)}
.Nav a:hover {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);opacity:1;-webkit-box-shadow:0px 0px 3px rgba(255,255,255,0.8);-moz-box-shadow:0px 0px 3px rgba(255,255,255,0.8);box-shadow:0px 0px 3px rgba(255,255,255,0.8)}
.Nav a, .Nav .on{background-color:rgba(0,0,0,.2);color:#fff;display:block;float:left;padding:7px 11px;margin-left:4px;border-radius:2px}
.Nav .on{background-color:rgba(0,0,0,.5);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
/* Main Content (style) */
#main a{text-decoration:underline}
#main a:hover{text-decoration:none}
#main h2, #main h3{font-weight:normal}
#main h2{font-size:24px;padding-top:0}
#main h3{font-size:18px}
#main h4{font-size:12px}
#main ol, #main ul{line-height:18px}
#main ul{padding-left:50px}
#main ul li{list-style:circle;padding:3px 0}
#main ol{padding-left:57px}
#main ol li{list-style:decimal;padding:3px 0}
#main blockquote{background:url(images/box2-bg.png) repeat top left;border-left:2px solid #222;color:#fff;font-style:italic;margin:5px auto 5px;padding:10px 20px;width:90%}
/* Main Content (post) */
#main.single{width:700px;margin:0;padding:0px}
#main.single .post{background-color:rgba(0,0,0,.2);padding:10px 20px}
#main.single .box3 .post-details{font-size:11px;color:#76967e}
#main.single .video{background-color:rgba(0,0,0,.2);margin:10px 0 20px;padding:10px;border-radius:4px}
#main .post{padding:0 5px 15px}
#main .post-title{width:100%;position:relative}
#main .post-title h2, #main .post-title p.post-details, #main .post-title h3{padding-right:50px}
#main h2 a, #main h3 a{color:#FFF;text-decoration:none}
#main h2 a:hover, #main h3 a:hover{text-decoration:underline}
#main p.post-details{line-height:18px;margin-top:-10px;position:relative}
#main p.post-details a{text-decoration:none}
#main p.post-details a:hover{text-decoration:underline}
#main p.post-details{color:#76967E;font-size:13px;padding:0 0px 0 1px}
/* Main Content (post>single) */
#main p.tags{clear:both}
#main .page h2{padding-top:5px}
/* Comments */
#comments h3{font-size:20px;font-weight:normal;padding:10px 0 0px 0}
#comments h3.comm{padding:10px 0 20px 0}
#comments #comments_wrap{padding:0;position:relative;margin-top:20px}
#comments .comment a{text-decoration:underline}
#comments .comment a:hover{text-decoration:none}
#comments .comment small{font-size:10px;margin-top:-2px}
#comments .comment span.reply{float:right;padding:3px 3px 0;font-size:11px}
#comments .comment span.reply a{text-decoration:none;color:#aaa}
#comments ul.children{margin:10px 0 0 25px;padding:0}
#comments .navigation .alignright, #comments .navigation .alignleft{margin:0}
#comments .navigation a{color:#fff;border:solid 1px #DEDEDE;padding:5px 9px;margin-left:4px;font-weight:bold;border-radius:2px;text-decoration:none}
#comments .commentlist{padding:0}
#comments .commentlist #respond #form_wrap{padding:0 0 25px;margin:0;border:0;width:auto}
#comments ol.commentlist li {background-color:rgba(0,0,0,.2);list-style-type:none;border-radius:34px;margin:0 0 10px;padding:18px 20px;position:relative}
#comments ol.commentlist li:hover {background-color:rgba(0,0,0,.15)}
#comments ol.commentlist .bypostauthor{background-color:rgba(0,0,0,.4)}
#comments ol.commentlist .bypostauthor:hover{background-color:rgba(0,0,0,.35)}
#comments ol.commentlist li img.avatar{float:right}
#comments ol.commentlist li ul li{margin:10px 0 0}
#comments ol.commentlist .comment-meta a{color:#76967E;padding-bottom:5px}
#comments ol.commentlist .children{margin:0}
#respond p.submit input{padding:5px 10px;cursor:pointer;font-weight:bold}
#respond ol{padding:20px 0 0;list-style-type:none}
#respond ol li{list-style-type:none}
.cancel-comment-reply{padding:10px 0}
ol.commentlist #respond{margin-top:10px}
#respond textarea, #respond input{border:0px;background:url(images/box2-bg.png) repeat;padding:7px;color:#fff;display:none;visibility:hidden;border-radius:6px}
/* Sidebar */
#sidebar{width:230px;overflow:hidden}
#sidebar h3{font-weight:bold;background:none;padding:0px;font-size:16px}
#sidebar ul{clear:both}
#sidebar ul li a{display:block}
#sidebar a:hover, #sidebar .current-cat a, #sidebar li.active a{color:#000}
/* Sidebar (block) */
#sidebar .block{width:230px;overflow:hidden}
#sidebar li{background:url(images/dot.png) repeat-x bottom left;line-height:18px;overflow:hidden;padding:10px 0 10px}
#sidebar ul ul{padding:0;margin:3px 0 0 0;border:0}
#sidebar ul ul li{border:0;padding:0 0 3px 15px;background:none}
/* Bottom */
#bottom-tile{margin-top:25px;font-size:1px}
#bottom-out{background:#000;width:100%;padding-top:3px}
#bottom{margin:0 auto;font-size:11px;color:#fff}
#bottom a{color:#fff}
#bottom a:hover{text-decoration:underline}
/* Footer */
#footer-out{background:#fff;width:100%;padding:15px 0 14px 0}
#footer{width:80%;margin:0 auto;font-size:11px;color:#222}
#footer .col-right img{vertical-align:middle}
#footer .col-right span{display:none}
/* Misc */ 
#star_container{position:relative;right:35px}
.star{position:absolute;height:32px;width:32px}
.bold{font-weight:bold;font-size:14px;color:#fff;text-decoration:none;text-transform:uppercase}
.highlight_row:hover{background-color:rgba(0,0,0,.2)}
.photo{border-radius:3px;float:left;margin-right:10px}
a.footer_button, a.footer_button:link, a.footer_button:visited, a.footer_button:active, footer_button a {background-color:#999;color:#fff;font-size:32px;border-radius:4px;padding:5px 9px;margin-left:8px}
a.footer_button:hover {background-color:#ccc;color:#fff}
.count {float:right;background-color:rgb(0, 131, 179);padding:2px 4px;border-radius:2px;color:#f2f2f2;display:inline;margin:2px;margin-bottom:5px;font-weight:700}
.count_views {background-color:rgb(0, 153, 204);font-weight:600}
a.reveal {display:none;float:right;margin-right:100px;font-weight:bold}
.comment_countContainer {position:relative;float:right;padding-right:10px;top:-2px}
.comment_countContent {position:absolute;top:4px;color:#595959;font-weight:900;padding:3px;font-size:12.5px}
.kissfist {position:relative;float:right;padding-right:14px;top:-1px}
.kissfistCount {left:1px;width:30px;position:absolute;top:12.5px;color:#000;font-family:Arial;font-weight:900;font-size:13.5px}
.star_countContainer{position:relative;float:right;padding-right:8px;top:-2.5px}
.star_countContent {position:absolute;top:6.5px;color:#333;font-weight:900;padding:3px;font-size:11.5px}
/* ---------->>> thickbox  <<<------------------------------------------------------*/
#TB_window{font:12px "Lucida Grande", Verdana, Arial, sans-serif;color:#333}
#TB_secondLine{font:10px "Lucida Grande", Verdana, Arial, sans-serif;color:#666}
#TB_window a:link, #TB_window a:visited, #TB_window a:active, #TB_window a:focus {color:#666}
#TB_window a:hover{color:#000}
#TB_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%}
.TB_overlayBG{background-color:rgba(0,0,0,.4)}
#TB_window{position:fixed;background:#fff;z-index:102;color:#000;display:none;text-align:left;top:50%;left:50%;border:1px solid #555;border-radius:10px;box-shadow:rgba(0,0,0,1) 0 4px 30px}
#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right}
#TB_closeAjaxWindow{padding:6px 10px 0;text-align:right;float:right}
#TB_ajaxWindowTitle{float:left;padding:6px 10px 0}
#TB_title{background-color:#e8e8e8;height:27px;border-radius:5px; 5px 0px 0px}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em}
#TB_ajaxContent.TB_modal{padding:15px}
#TB_ajaxContent p{padding:5px 0px 5px 0px}
#TB_load{display:none;visibility:hidden;}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px}
#trending, #subscribe{font-size:16px;border-radius: 25px;background-color:#303030;padding:3px 10px;color:#fff;text-decoration:none;border: 1px solid #ccc;margin-left:7px}

/* Base Modal (hidden by default) */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 9999;
  }
  
  /* When modal is targeted via anchor (#modal1) */
  .modal:target {
    opacity: 1;
    pointer-events: auto;
  }
  
  /* Modal box */
  .modal-content {
    position: relative;
    background: #fff;
    color: #000;
    max-width: 700px;
    margin: 10% auto;
    padding: 20px 30px;
    border-radius: 10px;
    box-shadow: 0 4px 25px rgba(0,0,0,0.5);
  }
  
  /* Close button */
  .modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    text-decoration: none;
    font-size: 28px;
    font-weight: bold;
    color: #333;
  }
  
  .modal-close:hover {
    color: #000;
  }
  
  /* Optional styling for the trigger link */
  .open-modal {
    display: inline-block;
    padding: 10px 15px;
    background: #000;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
  }
  .shortcut-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    backdrop-filter: blur(4px);
  }
  .shortcut-modal.active {
    display: flex;
    animation: fadeIn 0.25s ease;
  }
  .shortcut-content {
    background: #fff;
    color: #111;
    padding: 22px 28px;
    border-radius: 12px;
    max-width: 500px;
    width: 90%;
    box-shadow: 0 10px 35px rgba(0,0,0,0.3);
    font-family: system-ui, sans-serif;
    position: relative;
  }
  .shortcut-content h2 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 1.3rem;
    text-align: center;
  }
  .shortcut-content table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
  }
  .shortcut-content td {
    padding: 6px 8px;
    vertical-align: top;
  }
  .shortcut-content kbd {
    background: #eee;
    border-radius: 4px;
    padding: 2px 6px;
    border: 1px solid #ccc;
    font-family: monospace;
    font-size: 0.9em;
  }
  .shortcut-close {
    position: absolute;
    top: 8px;
    right: 10px;
    border: none;
    background: transparent;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
  }
  .shortcut-close:hover {
    color: #b00;
  }
  @keyframes fadeIn {
    from {opacity: 0;} to {opacity: 1;}
  }