.ytc_description {color:#bbb;font-size:10px;margin-left:20px;margin-right:20px}
.ytc_title.ytc_title_below{color:#bbb!important;font-size:14px;text-align:center}
.youtube_channel.responsive .ytc_video_container {   
 width: 30%!important;  box-shadow: -5px 50px 69px 5px rgba(0,0,0, .51);   margin-left:10px;   margin-right:10px;  border-radius:5px!important;}
.youtube_channel .ytc_thumb>span:before {
    content: " ";    display: block;    width: 84px;    height: 59px;    background-image: url(../img/yt_play.png);    
    background-position: top center;    background-repeat: no-repeat;  background-color: transparent;  opacity: .5;    position: absolute;top: 50%;    left: 50%;    padding: 0 !important;    margin-left: -42px;    margin-top: -30px;    cursor: pointer;  transform: scale(.45);} 

/******************************************************************************/

#main-content {
    background-color: transparent;
}

.et_pb_section {
    background-color:transparent;
}

/***************************************************************/
/*******************Advent Calendar 2017 - 7 &amp; 13********************/
/*******Custom Single Post Layout &amp; Styling for Archive Pages********/
/***************************By Divi Soup*****************************/


/******************************************************************************/
/***Post Content***/
/******************************************************************************/

/*Add margin below the featured image on single posts*/
.single .et_pb_post .et_post_meta_wrapper img {
    margin-bottom: 20px;
}

/*Reduce the post meta font size on archive pages*/
.archive .post-meta,
.search .post-meta {
    font-size: 12px !important;
    padding-bottom: 5px !important;
}

/******************************************************************************/
/*Add margin to the post meta elements and prevent breaking*/
/******************************************************************************/

.single .author,
.archive .author,
.search .author,
.single .published,
.archive .published,
.search .published,
.single .post-meta a[rel~="category"],
.archive .post-meta a[rel~="category"],
.search .post-meta a[rel~="category"],
.single .comments-number,
.archive .comments-number,
.search .comments-number {
    display: inline-block;
    margin: 0 15px 0 20px;
}

/******************************************************************************/
/*Style the post meta icons*/
/******************************************************************************/

.single .author a:before,
.archive .author a:before,
.search .author a:before,
.single .published:before,
.archive .published:before,
.search .published:before,
.single .post-meta a[rel~="category"]:before,
.archive .post-meta a[rel~="category"]:before,
.search .post-meta a[rel~="category"]:before,
.single .comments-number a:before,
.archive .comments-number a:before,
.search .comments-number a:before {
    font-family: 'ETModules';
    color: #ff0000;
    margin-right: 5px;
    margin-left: -20px;
}

/******************************************************************************/
/*Add the post meta icons*/
/******************************************************************************/
.single .author a:before,
.archive .author a:before,
.search .author a:before {
    content: '\e08a';
}

.single .published:before,
.archive .published:before,
.search .published:before {
    content: '\e023';
}
.single .post-meta a[rel~="category"]:before,
.archive .post-meta a[rel~="category"]:before,
.search .post-meta a[rel~="category"]:before {
    content: '\e07c';
}
 
.single .comments-number a:before,
.archive .comments-number a:before,
.search .comments-number a:before {
    content: '\77';
}
 
/*Make the first letter a drop cap*/
.single .et_pb_post .entry-content:first-letter {
    color: #ff0000;
    float: left;
    font-size: 1.75em;
    margin: .2em .05em 0 -.06em;
}

/******************************************************************************/
/***Sidebar***/
/******************************************************************************/

/*Remove the dividing line*/
@media all and (min-width: 981px) {
    .single #main-content .container:before,
    .archive #main-content .container:before,
    .search #main-content .container:before {
        display: none;
    }
}

/******************************************************************************/
/*Style the sidebar links*/
/******************************************************************************/

#sidebar .et_pb_widget a {
    color: #333;
    font-weight: 300;
    border-left: 5px solid #f5f5f5;
    padding-left: 10px;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

/*Style the sidebar links on hover*/
#sidebar .et_pb_widget a:hover {
    border-color: #ff0000;
    background: #f5f5f5;
    margin-left: 10px;
}

/*Style the search box*/
#sidebar .widget_search input#s,
#sidebar .widget_search input#searchsubmit {
    border-radius: 0;
}
#sidebar .widget_search input#s {
    border: 5px solid #f5f5f5;
}

/*Hide the search button*/
#sidebar .widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    z-index: 1;
}

/*Add the magnifying glass icon*/
#sidebar .widget_search #searchform:after {
    content: '\55';
    font-family: 'ETModules';
    position: absolute;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #ff0000;
    right: 10px;
    top: 10px;
}

/******************************************************************************/
/***Author Box***/
/******************************************************************************/

/*Set the border and spacing*/
.single .ds-author-bio-section {
    border: 5px solid #f5f5f5;
    padding: 15px;
    margin-top: 20px;
}

/*Style the author name*/
.single .ds-author-name {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
}

/*Add padding for the author description*/
.single p.ds-author-details {
    padding-bottom: 1.2em;
}

/*Position the author avatar*/
.single .ds-author-details img {
    float: left;
    margin: 7px 10px 10px 0;
}

/*Style the links*/
.single .ds-author-links a {
    color: #ff0000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

/******************************************************************************/
/***Single Post navigation***/
/******************************************************************************/
/*Next/previous post nav*/
/******************************************************************************/

/*Navigation sizing*/
.single #ds-single-post-nav {
    margin: 0px 0;
    display: inline-block;
    width: 100%;
}

/*Post title styling*/
.single #ds-single-post-nav h2 {
    margin-top: 15px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.1em;
}

/******************************************************************************/
/*Align the prev post nav*/
/******************************************************************************/

.single span.ds-single-nav-previous {
    width: 47.5%;
    margin-right: 15%;
    float: left;
}

/*Align the next post nav*/
.single span.ds-single-nav-next {
    display: block;
    text-align: right;
    }

/*Prev/next post nav button styling*/
.single span.ds-single-nav-previous a[rel~="prev"],
.single span.ds-single-nav-next a[rel~="next"] {
    color: #fff;
    background: #ff0000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    padding: .7em 1em !important;
    border: 2px solid #ff0000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius:10px;
  	box-shadow: -5px 5px 10px 5px rgba(0, 0, 0, 0.47);
}

/*Prev/next post nav button hover styling*/
.single span.ds-single-nav-previous a[rel~="prev"]:hover,
.single span.ds-single-nav-next a[rel~="next"]:hover {
    color: #ff0000;
    background: #fff;
}

/*Prev/next arrows size*/
.single .ds-meta-nav {
    font-size: 18px;
}

/*Reduce post nav button size on mobile*/
@media all and (max-width: 479px) {
    .single span.ds-single-nav-previous a[rel~="prev"],
    .single span.ds-single-nav-next a[rel~="next"] {
        font-size: 10px;
        padding: .7em .75em !important;
    }
}
/******************************************************************************/
/***Related posts***/
/******************************************************************************/

/*Hide the default title and meta*/
.single .ds-related-posts .post-meta,
.single .ds-related-posts .entry-title {
    display: none;
}

/*Set the display and margin*/
.single .ds-related-posts {
    display: inline-block;
    margin-top: 30px;
}

/*Remove padding*/
.single #left-area .ds-related-posts ul {
    padding-left: 0;
}

/*Style the post title*/
.single .ds-related-content h4 {
    line-height: 1.2em;
    text-transform: uppercase;
    font-size: 14px;
}

/*Set post width and margin*/
.single .ds-related-list {
    list-style-type: none;
    width: 30%;
    float: left;
    margin-right: 5%;
}

/*Remove margin from last post*/
.single .ds-related-list:last-child {
    margin-right: 0;
}
@media all and (max-width: 600px) {
    .single .ds-related-list {
        width: 100%;
    }
    .single .ds-related-content h4 {
        margin-bottom: 20px;
    }
}
/******************************************************************************/
/*Purple bars*/
/******************************************************************************/

/*Style the titles*/
.single h4.ds-related-posts-header,
.single #respond h3,
.single h1#comments,
#sidebar h4.widgettitle {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    z-index: 1;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

/*Add the left and right bars*/
.single h4.ds-related-posts-header:before,
.single h4.ds-related-posts-header:after,
.single #respond h3 span:before,
.single #respond h3 span:after,
.single h1#comments:before,
.single h1#comments:after,
#sidebar h4.widgettitle:before,
#sidebar h4.widgettitle:after {
    position: absolute;
    top: 30%;
    overflow: hidden;
    width: 50%;
    height: 5px;
    content: '\a0';
    background-color: #ff0000;
}
.single h4.ds-related-posts-header:before,
.single #respond h3 span:before,
.single h1#comments:before,
#sidebar h4.widgettitle:before {
    margin-left: -52%;
}
.single h4.ds-related-posts-header:after,
.single #respond h3 span:after,
.single h1#comments:after,
#sidebar h4.widgettitle:after {
    margin-left: 2%;
}

/***Archive pages***/
/******************************************************************************/
/***Three columns for posts***/
/******************************************************************************/

/*Set the post width and margin for three columns and add the border*/

.archive .et_pb_post,
.search .et_pb_post {
    width: 30%;
    float: left;
    margin-right: 5%;
    border: 0px;
}

/*Remove margin from every third post*/

@media all and (min-width: 1280px) {
    .archive .et_pb_post:nth-child(3n),
    .search .et_pb_post:nth-child(3n) {
        margin-right: 0;
    }
}

/******************************************************************************/
*Set to two columns on tablets &amp; smaller laptops */
/******************************************************************************/

@media all and (max-width: 1279px) {
    .archive .et_pb_post,
    .search .et_pb_post {
        width: 47.5%;
        margin-right: 5%;
    }
    /*Remove margin from every second post*/
    .archive .et_pb_post:nth-child(2n),
    .search .et_pb_post:nth-child(2n) {
        margin-right: 0;
    }
}

/******************************************************************************/
/*Set to a single column on smaller screens*/
/******************************************************************************/

@media all and (max-width: 767px) {
    .archive .et_pb_post,
    .search .et_pb_post {
        width: 100%;
        margin-right: 0;
    }
}

/******************************************************************************/
/*Add padding to the posts*/
/******************************************************************************/

.archive .et_pb_post,
.search .et_pb_post {
    padding-left: 5px;
    padding-right: 5px;
}

/*Remove padding on featured image with negative margin*/

.archive .et_pb_post .ds-archive-featured,
.search .et_pb_post .ds-archive-featured {
    /*** margin: 0 -15px 15px -15px; ***/
  margin:0;
}

/*Style the read more link and post nav*/
.archive a.more-link,
.search a.more-link {
    display: block;
    width: 7.2em;
}
.archive a.more-link,
.search a.more-link,
.archive .pagination a,
.search .pagination a {
    color: #fff;
    background: #ff0000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: .3em .5em !important;
    border: 2px solid #ff0000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.archive a.more-link:hover,
.search a.more-link:hover,
.archive .pagination a:hover,
.search .pagination a:hover {
    color: #ff0000;
    background: #fff;
}

/*Add bottom margin to the pagination*/

.archive .pagination,
.search .pagination {
    margin-bottom: 40px;
}

/*Add padding to the post title on mobile*/

@media all and (max-width: 479px) {
    .archive .et_pb_post .entry-title,
    .search .et_pb_post .entry-title {
        padding-bottom: 10px;
    }
}

/*******************Advent Calendar 2017 - 7 &amp; 13********************/
/****                       End                                 *****/
/***************************By Divi Soup*****************************/

.ds-author-bio-section {display:none}

.archive { width: 99%; }

.archive .et_pb_post, .search .et_pb_post {
    padding-top: 10px;
    box-shadow: -11px 11px 20px 4px rgba(0, 0, 0, 0.5);
    background:rgba(0, 0, 0, 0.5);
    width: 30;
    margin-right: 5%;
    border:0px!important;
    min-height:450px
}

.archive  h2  {    font-size:85%;    line-height:1.1em;margin-top:-20px}
.archive .post-meta  { margin-bottom:10px;line-height:1.2em!important; padding:0px}
.archive a.more-link, .search a.more-link, .archive .pagination a, .search .pagination a {
    background: rgba(0,0,0,.5);
    border: 1px solid #ff1;
    border-radius: 10px;
}


.ds-related-image img{border:0px solid;
border-radius:15px;box-shadow: -11px 11px 20px 4px rgba(0, 0, 0, 0.5); }

.ds-related-content {border:0px solid;margin-top:-40px;}

.cb_p6_patreon_button {border:0px solid;margin:0 auto;width:200px;}
.cb_p6_patreon_button img {border:0px solid;margin:0 auto;width:200px;
border-radius:15px;box-shadow: -11px 11px 20px 4px rgba(0, 0, 0, 0.5);
}
.single h4.ds-related-posts-header, .single #respond h3, 
.single h1#comments, #sidebar h4.widgettitle 
{
    font-size: 18px;
    text-transform:uppercase;
    margin-bottom: 0px;
}
/******************************************************************************/

.ds-related-list .viewcounts 
{
    color:#ff1!important;
    font-weight:normal;
    font-size:10px;
    text-transform: uppercase;
    line-height:0em;    height:0px;float:left;
    margin:0;padding:0px;
    margin-top:-20px;margin-left:5%;
position:relative;
        z-index:9999;
}

.viewcounts_archive .viewcounts 
{
    color:#ff1!important;
    font-weight:normal;
    font-size:11px;
    text-transform: uppercase;
    line-height:0em;    height:11px;;
    margin:0;padding:0px;
    margin-top:7px;
    margin-left:5%;
    position:relative;
    z-index:9999;
}

.viewcounts_single_top .viewcounts
{
    color:#ff0000!important;
    font-weight:bold;
    font-size:14px;
    text-transform: uppercase;
    line-height:0em;    height:0px;float:right;
    margin:0;padding:0px;
    margin-top:10px;margin-right:5%
}

/******************************************************************************/

.archive_excerpt {line-height:1.2em;font-size:11px}

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}

#et-single-post-ad-wrap{
border:0px solid;
;margin:0 auto;width:100%;text-align:center
}

.yotu-videos.yotu-mode-grid .yotu-video-description { color: #fefefe!important; background:transparent!important}
h3.yotu-video-title {color: #fff!important; font-size:20px!important;font-weight:bold!important}
.yotu-playlist.yotuwp { color: #fefefe!important; background:transparent!important;box-shadow:10px 10px 10px rgba(0,0,0,.415)}

ul li h3.yotu-video-title   {color:#ff1!important;font-weight:bold!important;font-size:20px!important }
.yotu-video-description     {color:#fff!important;font-weight:bold!important;line-height:1em!important;height:140px!important;padding-bottom:20px!important}
ul li .yotu-video           {border:3px solid #000!important;padding:5px;border-radius:5px;box-shadow:-5px 1px 30px 5px rgba(0,0,0,.5);overflow:auto;background:rgba(0,0,0,.71) }
.yotu-pagination {color:#ff1!important;font-weight:bold;font-size:16px!important}
.yotu-player .yotu-video-placeholder {border-radius:5px;box-shadow:-5px 1px 30px 5px rgba(0,0,0,.5);overflow:auto;background:rgba(0,0,0,.71)!important}
.yotu-pagination.yotu-pager_layout-default.yotu-pagination-bottom {background:rgba(0,0,0,.71)!important;padding-bottom:10px!important;border-radius:10px!important;}
.yotu-pagination-next.yotu-button-prs.yotu-button-prs-1,
.yotu-pagination-prev.yotu-button-prs.yotu-button-prs-1 {color:#000000!important;font-weight:bold!important}




