/* styles for post content - articles, stories, news, videos, quotes, podcasts */

/* --- global post styles --- */

body { background: #ffffff; }

.post-content-container { position: relative; }
.published-date { color: #98938E; }

/* author byline */
.author-byline { margin-bottom: 1.5rem; padding-right: 10px; }
.author-byline h4 { margin-bottom: 0; font-size: 1rem; line-height: normal; font-weight: 900; }
.author-byline h4 a { font-weight: 900; }
.author-byline p { margin-bottom: 0; font-size: 1rem; line-height: normal; }
.author-byline .thumbnail-container { margin-right: 10px; }
.author-byline span { font-style: italic; }

/* social media icons */
.social-media a { font-size: 24px; margin-bottom: 15px; line-height: normal; color: #2b3575; }
.social-media a:hover { color: #6ccdb3; }

.post-content-container .social-media { position: absolute; right: 24px; width: 24px; }
.post-content-container .social-media ul { list-style-type: none; margin-left: 0; margin-bottom: 0; }
.post-content-container .social-media ul li { margin-bottom: 5px; text-align: center; }
.post-content-container .social-media .mobile-social { display: none; }
.post-content-container .social-media .mobile-social .share-btn { width: 70px; height: 70px; border-radius: 50%; font-size: 36px; line-height: 70px; background: #2e3674; color: #ffffff; z-index: 100; text-align: center; }
.post-content-container .social-media .mobile-social::before { display: none; position: absolute; content: ""; bottom: -69px; height: 0; border-top: 35px solid #ffffff; border-left: 35px solid transparent; border-right: 35px solid transparent; border-bottom: 35px solid transparent; z-index: 11; right: 20px; }

/* category topics */
.topics-heading { font-size: 14px; line-height: 18px; }
.category-topics { margin-top: 1.75rem; }
.category-topics p { margin-bottom: 5px; }
.category-topics a.category-topic-link { display: inline-block; background-color: rgb(232, 228, 224); background-color: rgba(232, 228, 224, 1); border-radius: 50px; font-size: 14px; font-weight: 600; color: #3D3935; padding: 4px 12px 5px 12px; margin-right: 6px; margin-bottom: 3px; }
.category-topics a.category-topic-link:hover { text-decoration: none !important; background-color: #2a836b; color: #ffffff; }

/* tags */
.post-tags { border-top: 1px solid #cccccc; margin: 10px 0; clear: both; }
.post-tags ul { margin-left: 0; margin-top: 10px; list-style-type: none; }
.post-tags ul li { display: inline-block; margin-right: 5px; margin-bottom: 2px; position: relative; padding-left: 20px; color: #98938E; }
.post-tags ul li a { color: #98938E; font-size: 14px; }
.post-tags ul li a:hover { color: #007DB3; }
.post-tags ul li::before { position: absolute; content: ""; left: 5px; top: 10px; width: 4px; height: 4px; border-radius: 50%; background: #98938E; }
.post-tags ul li:first-child::before, .post-tags ul li:nth-child(2)::before { display: none; }
.post-tags ul li:first-child { padding-left: 0; }
.post-tags ul li:nth-child(2) { padding-left: 5px; }

.about-author { margin-top: 100px; margin-bottom: 20px; }
.about-author h5 { font-size: 24px; margin-bottom: 1rem; }
.about-author p { margin-bottom: 0px; }
.about-author a { font-weight: 900; }
.about-author .title { font-style: italic; }
.about-author .fa-external-link-alt { margin-left: 10px; }
.about-author .author-details { margin-left: 10px; }
.about-author .author-description { border-bottom: 1px dotted #e8e4e0; padding: 20px 0; margin-bottom: 10px; }
.about-author .author-social { margin-top: 5px; }
.about-author .author-social a { color: #2b3575; font-size: 18px; margin-right: 15px; }
.about-author .author-social a:hover { color: #6ccdb3; }
.about-author .author-social a.shop-link { font-size: 14px; color: #007DB3; }
.about-author .author-social a.shop-link:hover { color: #007DB3; }

.post-description { margin: 40px 0 15px; }
.post-description img { float: left; margin-right: 10px; margin-bottom: 4px; }
.post-author-container .title { font-style: normal; }

.post-content-container blockquote {
    background-image: url(../images/blockquote-background.gif);
    background-size: 778px auto;
    background-repeat: no-repeat;
    background-color: #F8F7F0;
    padding: 40px 35px 40px 35px;
    border-left: 10px solid #F1E6B2;
    display: inline-block;
    width: 415px;
    clear: both;
    float: left;
    font: italic 28px/41px 'Libre Baskerville';
    margin: 20px 50px 20px -80px;
}

.post-content-container blockquote p { font: italic 31px/41px 'Libre Baskerville'; font-weight: 500; color: #3d3935; }


/* --- end of global post styles --- */
/* --------------------------------- */



/* --- post specific template styles --- */

/* article template */
.article-post-container { max-width: 1090px; margin: 6vh auto 0 auto; }

/* podcast template */
.podcast-post-container { max-width: 1090px; margin: 6vh auto 0 auto; }
.podcast-post-container .published-date { display: block; margin-bottom: 15px; }
.podcast-post-container .post-author-container { margin: 100px 0; }
.podcast-post-container .podcast-subscriber-modal { /*max-height: inherit !important; */ position: absolute; top: 0; width: 100%; }
.podcast-post-container .podcast-subscriber-modal .podcast-show-notes-form { border: 1px solid #000; background: #ffffff; z-index: 100; width: 100%; max-width: 450px; margin: 0 auto; padding: 50px 50px 30px 50px; }
.podcast-post-container .podcast-subscriber-modal .mc4wp-form { margin-top: 50px; }
.podcast-show-notes-form .cell { position: relative; margin-bottom: 20px; }
.podcast-show-notes-form .button { width: 100%; margin-bottom: 0; }
.podcast-show-notes-form .button .fa-arrow-right { display: none; }
.podcast-show-notes-form ._error { color: red; font-size: 14px; }
.podcast-subscriber-modal .mc4wp-success { display: none; }

h4.show-notes-heading { font-weight: 700; margin-bottom: 1rem; }
.show-notes-container { width: 100%; height: auto; }
.show-notes-container.lock { height: 651px; background-image: url('../images/podcast-show-notes-placeholder.jpg'); background-size: cover; background-repeat: no-repeat; background-position: left; }
.show-notes-container.lock .show-notes-content { display: none; }
.show-notes-container { margin-bottom: 0px; position: relative; max-width: 726px; }

/* video template */
.video-post-container { padding: 0 35px; max-width: 975px; margin: 0 auto; }
.video-post-container .social-media { right: 0px; }
.video-post-container .social-media .video-playlist { margin-bottom: 25px; }
.video-post-container .social-media #add-to-playlist { position: relative; margin-bottom: 10px; }
.video-post-container .social-media #add-to-playlist span.plus { font-size: 1rem; line-height: .5rem; position: absolute; right: -2px; bottom: 1px; background: #ffffff; padding-left: 2px; }

.video-template { max-width: 835px; margin: 6vh auto 0 auto; }
.video-template .video-player-container { margin-bottom: 6vh; }
.video-template .premium-video { position: relative; height: 469px; background: #000000; }
.video-template .premium-video img { width: 100%; }
.video-template .premium-video .poster-container { height: 100%; }
.video-template .premium-login { width: 100%; max-width: 400px; z-index: 6; padding: 40px 40px 0 40px; background: #ffffff; position: absolute; top: 10px; left: 0; right: 0; bottom: 10px; margin: auto; }
.video-template .premium-login .cell { position: relative; }
.video-template .premium-login .button { width: 100%; margin: 10px 0 0 0; }
.video-template .premium-login input[type="email"] { margin-bottom: 20px; }
.video-template .premium-login input[type="password"],
.video-template .premium-login input[type="text"]{ margin-bottom: 10px; }
.video-template .premium-login .return-message { margin-top: 0px; }
.video-template .premium-login .loading-spinner { margin-top: 0; }

/* stories template */
.stories-post-container { margin: 6vh auto 0 auto; }
.stories-post-container .published-date { display: block; margin-bottom: 15px; }
.stories-post-container .sidebar-container { margin-top: 40px; }
.stories-post-container .sidebar-content { max-width: 250px; float: right; }
.stories-post-container .post-description ol { margin-left: 0; }
.stories-post-container .story-post-universal-modules { margin: 0; }
.stories-post-container .story-post-universal-modules .donate-module { padding: 50px 0 75px 0; }

.sidebar-social-media { border-bottom: 1px dotted #cccccc; padding-bottom: 20px; }
.sidebar-social-media ul { list-style-type: none; margin-left: 0; margin-bottom: 0; }
.sidebar-social-media ul li { display: inline-block; margin-bottom: 5px; }
.sidebar-social-media a { font-size: 24px; margin-bottom: 15px; line-height: normal; color: #2b3575; }
.sidebar-social-media a:hover { color: #6ccdb3; }
.stories-post-container .social-media { position: relative; width: auto; right: inherit; }
.stories-post-container .social-media ul li { text-align: left; }

/* quote template */
.quote-post-container { max-width: 900px; margin: 0 auto; }
.quote-template { max-width: 735px; margin: 6vh auto 0 auto; padding: 0 35px; }
.quote-template .quote-image { margin-top: 5px; }
.quote-template img { height: auto; }
.quote-template .post-description { padding: 0 40px; position: relative; }
.quote-template .post-description h1::before { content: "\f10d"; font-family: FontAwesome; color: #d0d0d0; font-size: 26px; left: 0; top: -22px; position: absolute; }
.quote-template .post-description h1::after { content: "\f10e"; font-family: FontAwesome; color: #d0d0d0; font-size: 26px; right: 0; top: -22px; position: absolute; }
.quote-template .post-description h1 p { margin-bottom: .5rem; }
.quote-template .post-description p.quote-author { font-weight: 900; }
.quote-post-container .social-media { right: 0px; }


/* comments form and login/register modal */
.comment-login-modal { background-color: #ffffff; padding: 30px; color: #3d3935; }
.comment-login-modal .field-container { position: relative; margin-bottom: 20px; }
.comment-login-modal .field-container label { font-size: 14px; }
.comment-login-modal .wca-form p strong { font-size: 18px; }
.comment-login-modal form { margin-top: 20px; }
.reveal.comment-login-modal { max-width: 28rem; }
.comment-login-modal .comment-register-container { display: none; }
.comment-login-modal .button { margin-bottom: 0.5rem; width: 100%; }
.comment-login-modal .loading-spinner { margin-bottom: 15px; }
.comment-login-modal .close-button { display: none; }
.comment-login-modal .return-message { margin-bottom: 20px; }

.comments-container { max-width: 800px; margin-top: 80px; margin-bottom: 90px; }
.comments-container .comment-submit-container { border-radius: 0 0 8px 8px; }
.comments-container .comment-submit-container .button { margin-bottom: 0; width: 250px; border-radius: 0 0 8px 0; }
.comments-container .comment-submit-container .submit-field-left { border-left: 1px solid #cacaca; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; border-radius: 0 0 0 8px; background-color: #f2f2f2; }
.comments-container a { font-weight: 700; }
.comments-container .awaiting-moderation { color: #2A836B; margin-top: 50px; }
.comments-container h5.discussion { margin-top: 40px; margin-bottom: 0; padding-bottom: 15px; border-bottom: 1px dotted #E8E4E0; }
.comment-reply-title { font-weight: normal; }
.comment-notes-before { font-size: 18px; }
.comment-notes-before .comment-count { font-size: 22px; }
.comment-notes-before .discussion-policy a { font-size: 15px; }
.comment-form-attachment { display: none; }
textarea#comment { margin-top: 10px; margin-bottom: 0; border-radius: 8px 8px 0 0; resize: none; border-bottom: 0; padding: 20px; border-color: #cacaca; }

.discussion-policy-modal { padding: 40px; }
.discussion-policy-modal ul li { margin-bottom: 10px; }

/* comments and replies */
.commentlist { margin-top: 25px; }
.commentlist li:not(.depth-1) { margin-left: 52px; margin-top: 30px; }
.commentlist .comment { padding: 0; }
.commentlist .comment-notes-before { display: none; }
.commentlist .comment-avatar { width: 42px; margin-right: 10px; position: relative; }
.commentlist .comment-avatar img { border: 4px solid #009CDE; }
.commentlist .comment-avatar .down-arrow { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #009CDE; position: absolute; bottom: -4px; left: 4px; }
.commentlist .comment-avatar-spacer { width: 42px; margin-right: 10px; }
.commentlist .comment-reply-link { float: none; }
.commentlist .comment-content { font-size: 15px; line-height: 22px; padding-bottom: 15px; }
.commentlist .comment-content p { font-size: 15px; line-height: 22px; margin-bottom: 0; }
.commentlist .comment-respond { margin-left: 52px; margin-bottom: 20px; }
.commentlist .comment-header { line-height: 40px; font-weight: 700; color: #3d3935; font-size: 18px; }
.commentlist .comment-time { line-height: 40px; font-weight: 700; color: #bebab5; font-size: 14px; text-transform: uppercase; }
.commentlist .comment-reply-title #cancel-comment-reply-link { font-size: 14px; font-weight: normal; color: #3d3935; }
.commentlist .comment-reply, .commentlist .comment-report { border-bottom: 1px solid #E8E4E0; padding-bottom: 22px; }
.commentlist .comment-reply a { color: #3d3935; font-weight: normal; font-size: 14px; }
.commentlist .comment-report a { color: #bebab5; font-weight: normal; font-size: 14px; }
.commentlist .comment-reply a:hover, .commentlist .comment-reply a:focus, .commentlist .comment-report a:hover, .commentlist .comment-report a:focus { color: #3d3935; }
.comment-navigation { margin-top: 20px; }
.comment-navigation .nav-links { text-align: center; }


.international-content-loader { width: 100%; height: 100%; padding: 200px 0; text-align: center; background: rgba(0,0,0,.7); color: #ffffff; position: absolute; z-index: 101; }
.international-content-loader .fa-spin { -webkit-animation: fa-spin 1.5s infinite linear; animation: fa-spin 1.5s infinite linear; }


/* 1300px */
@media (max-width: 81.25em) {
    .stories-post-container blockquote {
        margin: 20px 40px 20px 0px;
    }
}

/* tablet: 640px - 900px */
@media (min-width: 40em) and (max-width: 56.25em) {
    .stories-post-container .post-content-copy { padding-right: 20px; }
    .stories-post-container blockquote { width: 60%; padding: 25px 15px 10px 20px; margin: 0 20px 10px 0; }
    .post-content-container blockquote p { font: italic 28px/38px 'Libre Baskerville'; }
}

/* 640px - 790px */
@media (min-width: 40em) and (max-width: 49.375em) {
    .stories-post-container blockquote { width: 100%; }
    .article-post-container blockquote { margin: 20px 30px 10px -80px; padding: 25px 15px 10px 20px; }
}

/* mobile */
@media (max-width: 39.9375em) {
    .post-content-container .social-media { width: 100%; right: 0; }
    .post-content-container .social-media .mobile-social { display: block; position: fixed; bottom: 125px; width: 70px; height: 70px; right: 0px; z-index: 100; }
    .post-content-container .social-media .mobile-social .share-btn { display: block; }
    .post-content-container .social-media .mobile-social.show::before { display: block; }
    .post-content-container .social-media .social-media-sticky-container { display: none; position: fixed; bottom: 125px; width: 100%; left: 0; background: #ffffff; text-align: left; z-index: 100; max-height: inherit !important; }
    .post-content-container .social-media .social-media-sticky-container.show { display: block; }
    .post-content-container .social-media ul { padding: 36px 0; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
    .post-content-container .social-media ul li { flex: 1 1 0px; -webkit-box-flex: 0; -webkit-flex: 1 1 0px; width: auto; }
    .post-content-container .social-media a { font-size: 50px; }
    .post-content-container .social-media .sticky.is-anchored.is-at-bottom { top: inherit !important; }

    .stories-post-container .sidebar-social-media { padding-bottom: 0; border: 0; }
    .stories-post-container .social-media ul li { text-align: center; }

    .video-post-container { padding: 0; }
    .video-post-container .social-media .video-playlist { margin-bottom: 5px; }
    .video-post-container .social-media #add-to-playlist span.plus { font-size: 2rem; bottom: 4px; padding-left: 4px; }
    .video-template .premium-login { padding-top: 30px;}
    .video-template .premium-login p { line-height: 20px; }
    .video-template .premium-login .small-6 { font-size: 12px; }

    .quote-template { padding: 0; }

    .post-content-container blockquote { width: 100%; margin: 0 20px 10px 0; padding: 25px 15px 10px 20px; }
    .post-content-container blockquote p { font: italic 28px/38px 'Libre Baskerville'; }

    .reveal.comment-login-modal { max-width: 100%; }
    .comment-login-modal .close-button { display: block; }

    /* .author-byline{width: 100%;} */

}