div.chm-gallery-tab-pane { background-color: #000; }
div.yt-center { text-align: center; margin-bottom: 12px; }
ol.atchm-olist { list-style-type: decimal; list-style-position: inside; }

.aligncenter { margin: 6px auto 12px !important; }
.alignleft { float: left; margin: 6px 24px 12px 0 !important; }
.alignright { float: right; margin: 6px 0 12px 24px !important; }

/* UNIVERSAL ------------------------------------------------------------------- */
.block { display: block; }
.inline-block { display: inline-block; }

span.to-upper-case { text-transform: uppercase; }

.atchm-border-top { border-top: 1px solid #e2e2e2; }
.atchm-border-bottom { border-bottom: 1px solid #e2e2e2; }

.atchm-caption { display: block; box-sizing: content-box; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; height: auto; line-height: 1.42857; max-width: 100%; padding: 4px !important; transition: all 0.2s ease-in-out 0s; margin: 0 auto 12px; overflow: hidden; }
.atchm-caption img { max-height: 400px; width: 100%; }
.atchm-caption p { display: block; margin: 4px 0 8px; padding: 8px; border-top: 1px solid #DDDDDD; font-style: normal; color: #333333; font-size:11px; line-height:16px; }

/* POST META INFO -------------------------------------------------------------- */
.atchm-meta { display: block; margin-bottom: 24px; overflow: hidden; color:#8F9194; font-size: .9em; }
.atchm-meta a { color: #8F9194; }
.atchm-meta a:hover { color: #555555; text-decoration: none; }
.atchm-meta .mee { display: block; float: right; }
.atchm-meta .home { display: block; float: right; }
.atchm-meta .author { display: block; float: left; margin-right: 24px; }
.atchm-meta .date { display: block; float: left; margin-right: 24px; }
.atchm-meta .posted-date { display: block; float: left; margin-right: 24px; }
.atchm-meta .posted-in { display: block; float: left; margin-right: 24px; }
.atchm-meta .comments-count { display: block; float: left; margin-right: 24px; }

/* HOME PAGE CAROUSEL ---------------------------------------------------------- */
.carousel-indicators li { background-color: rgba(255, 255, 255, 1.0); border: 1px solid #444444; border-radius: 12px; margin: 2px; width: 12px; height: 12px; }
.carousel-indicators li.active { background-color: rgba(255, 255, 255, 1.0); border: 1px solid #555555; border-radius: 16px; margin: 2px 1px; margin-bottom: 0px; width: 16px; height: 16px; }
.atchm-carousel-caption { background-color: rgba(0, 0, 0, 0.45); position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 12px 7.5% 42px 7.5%; }
.atchm-carousel-caption a { color: #ffffff; font-size: 1.24em; line-height: 1.48em; }

/* AUTHORS PAGE --------------------------------------------------------------- */
#atchm-authors-posts .atchm-author { padding: 24px 24px; }
#atchm-authors-posts .info { display: block; margin-left: 24px; }
#atchm-authors-posts .post { padding: 6px 12px; }
#atchm-authors-posts .post a.title { color: #222222; }
#atchm-authors-posts .post a.title:hover { color: #000000; text-decoration: none; }
#atchm-authors-posts .post a.title h3 { margin-bottom: 3px !important; }
#atchm-authors-posts .atchm-meta { margin-bottom: 0px; }
#atchm-authors-posts .atchm-author .more { display: block; float: right; margin-top: 12px; text-align: right; }
#atchm-authors-posts .atchm-author figure { min-height: 149px; min-width: 149px; }

/* POST LISTINGS --------------------------------------------------------------- */
#atchm-list-posts { padding: 0px; }
#atchm-list-posts .post { padding: 12px 12px; }
#atchm-list-posts .post:last-child { padding-bottom: 0px !important; border-bottom: none !important; }
#atchm-list-posts .post figure { min-height: 160px; }
#atchm-list-posts .info { display: block; margin-left: 24px; }
#atchm-list-posts .info a.title { color: #222222; }
#atchm-list-posts .info a.title:hover { color: #000000; text-decoration: none; }
#atchm-list-posts .info a.title h3 { margin-bottom: 3px !important; }
#atchm-list-posts .atchm-meta { margin-bottom: 12px; }
#atchm-list-posts .more { display: block; float: right; margin-top: 12px; text-align: right; }

/* POST LISTINGS PAGINATION ---------------------------------------------------- */
div.atchm-pagination { display: block; margin-top: 24px; width: 100%px; height: 24px; text-align: center; }
div.atchm-pagination ol.atchm-paginate { display: block; padding: 0px !important; width: 100%; height: 24px; text-align: center; }
div.atchm-pagination ol.atchm-paginate li { display: inline-block; height: 24px; list-style: none outside none; width: 36px; margin: 0px 2px; }
div.atchm-pagination ol.atchm-paginate li:first-child { display: none; }
div.atchm-pagination ol.atchm-paginate li span.current { display: block; height: 24px; line-height: 24px; width: 36px; border: 1px solid #428bca;  color: #428bca; }
div.atchm-pagination ol.atchm-paginate li a.page, div.atchm-pagination ol.atchm-paginate li a.prev, div.atchm-pagination ol.atchm-paginate li a.next { display: block; height: 24px; line-height: 24px; width: 36px; border-radius: 3px; border: 1px solid #999999;  cursor: pointer; color: #999999; }
div.atchm-pagination ol.atchm-paginate li a.page:hover { border: 1px solid #428bca;  cursor: pointer; color: #428bca; text-decoration: none; }

/* RELATED ARTICLES ------------------------------------------------------------ */
#atchm-related-articles { padding: 36px 0px; margin-bottom: 0px; }
#atchm-related-articles a { color: #333333; }
#atchm-related-articles a:hover { color: #000000; text-decoration: none; }
#atchm-related-articles .info { display: block; margin-left: 12px; margin-bottom: 12px; }
#atchm-related-articles .article .title { margin-bottom: 8px; font-size: 1em; line-height: 1.15em; }
#atchm-related-articles .article .date { font-size: .8em; line-height: .9em; color: #999999; }

#atchm-about-author { padding: 36px 0px; }
#atchm-about-author .info { display: block; margin-left: 24px; }
#atchm-about-author .more { display: block; float: right; text-align: right; }

/* BLOG HOMEPAGE --------------------------------------------------------------- */
#atchm-featured-posts { min-width: 100%; min-height: 350px; }

/* FEATURED CATEGORIES --------------------------------------------------------- */
#atchm-featured-categories .featured-articles { padding: 12px 12px; }
#atchm-featured-categories .main-article figure { position: relative; min-width: 330px; min-height: 240px; }
#atchm-featured-categories .main-article div.title { position: absolute; bottom: 21px; left: 5px; right: 5px; background-color: rgba(0, 0, 0, 0.5); display: block; font-size: 1.14em; line-height: 1.24em; padding: 12px 18px; z-index:100; }
#atchm-featured-categories .main-article div.title a { color: #FFFFFF; }
#atchm-featured-categories .article { margin: 0px 0px 12px 24px; }
#atchm-featured-categories .article .info { margin: 0px 0px 0px 12px; }
#atchm-featured-categories .article .info .title { margin-bottom: 6px; font-size: 1em; line-height: 1.1em; color: #333333; }
#atchm-featured-categories .article .info .title:hover { color: #000000; font-weight: 400; text-decoration: none; }
#atchm-featured-categories .article .info .date,
#atchm-featured-categories .article .info .posted-date,
#atchm-featured-categories .article .info .posted-in,
#atchm-featured-categories .article .info .comments-count { display: block; float: left; margin-right: 24px; color:#8F9194; font-size: .9em; }
#atchm-featured-categories .article .info .date a,
#atchm-featured-categories .article .info .posted-date a,
#atchm-featured-categories .article .info .posted-in a,
#atchm-featured-categories .article .info .comments-count a { color:#8F9194; }
#atchm-featured-categories .featured-articles .more { display: block; float: right; margin-top: 12px; text-align: right; }

/* ARCHIVES PAGE --------------------------------------------------------------- */
#atchm-archives-posts .atchm-archive { padding: 24px 0px; }
#atchm-archives-posts .post { padding: 6px 12px; }
#atchm-archives-posts .post a.title { color: #222222; }
#atchm-archives-posts .post a.title:hover { color: #000000; text-decoration: none; }
#atchm-archives-posts .post a.title h3 { margin-bottom: 3px !important; }
#atchm-archives-posts .atchm-meta { margin-bottom: 0px; }
#atchm-archives-posts .atchm-archive .more { display: block; float: right; margin-top: 12px; text-align: right; }

/* lazyload youtube: https://webdesign.tutsplus.com/tutorials/how-to-lazy-load-embedded-youtube-videos--cms-26743 */
.wrapper {
    max-width: 684px;
    margin: 0 auto;
    padding: 0;
}

.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img, .youtube .play-button {
    cursor: pointer;
}
.youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before {
    position: absolute;
}
.youtube .play-button, .youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.atchm-caption audio, .atchm-caption video { width: 100% }

/* p.media-caption { text-align: center !important; } */

div.podcast-episode {
    margin: 20px 0 30px;
}
div.podcast-episode figure {
    min-height: 158px;
}

a.button {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    text-decoration: none;
    color: #000;
}
a.button:hover {
    background-color: #dbeef7;
}

div.featured-podcast-episode {
    margin-bottom: 20px;
}
span.podcast-title {
    display: block;
    font-size: 1.7rem;
    color: #444;
    margin-bottom: 5px;
}
span.podcast-title a {
    text-decoration: none;
    color: #444;
}
div.podcast-meta {
    display: block;
    font-size: 1rem;
    color: #999;
    margin-bottom: 7px;
}
div.podcast-meta a {
    text-decoration: none;
    color: #999;
}
div.podcast-meta a:hover {
    color: #555;
}
div.podcast-meta span {
    margin-right: 30px;
}
div.podcast-meta span.fixed-width {
    display: inline-block;
    width: 150px;
}

div.podcast-download {
    margin-top: 15px;
}
div.podcast-download a {
    text-decoration: none;
}
h2 {
    margin-top: 50px;
}

div.external-btns {
    margin-bottom: 20px;
}
a.dllink {
    padding: 11px;
    border: 1px solid #999;
    border-radius: 5px;
    box-sizing: border-box;
    color: #444;
    height: 45px;
}
a.dllink:hover {
    text-decoration: none;
}

/* Override main gallery style */
.chm-gallery-nav-bottom-v2 {
    float: none;
    margin-bottom: 1em;
}

div.center {
    text-align: center;
}

.atchm-video-caption {
    font-size: 0.9em;
    color: #5b5b5b;
    margin-top: -40px;
    padding: 20px 10px 1px;
    background-color: #efefef;
    margin-bottom: 2em;
}

.atchm-vimeo-caption {
    font-size: 0.9em;
    color: #5b5b5b;
    margin: -3em 0 2em;
    padding: 20px 10px 1px;
    background-color: #efefef;
    width: 640px;
}

/*Podcast icon*/
.podcasat-icon {
    border: solid 1px #f26522; 
    border-radius: 10px; 
    padding: 11px 7px 15px 0px; 
    display:inline;
}

.rss-icon {
    position:relative; 
    color: #f26522; 
    margin:2px auto auto 7px; 
    vertical-align: middle;
    font-size: 28px;
}


.podcast-icon-text {
    display:inline-block; 
    position:relative; 
    top: 9px; 
    line-height: 1.2em;
}

.podcast-icon-top-text {
    font-size:.8em; 
    display:inline; 
    color: #aaa;
}

.podcast-icon-bottom-text {
    position:relative; 
    font-size:1.2em;
    color: #222;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
}