/*
Theme Name: RubyTapas 2.0
Description: RubyTapas.com theme based on Baseline by Array
Author: avdi
Template: baseline
Version: 2.19.1
Tags: tapas, ruby

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

pre {
	max-height: 30em; /* vertical scrollbar */
}

.episode-intro {
	font-size: 1.2em;
}

.avdis-intro {
	font-style: italic;
}

.episode-video-wrapper {
	margin-bottom: 0;
}

.more-bg .more-link,
.episode-number {
    margin: 1rem 0;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.episode-codename {
    margin-top: 1.5rem;
    color: #66727D;
    font-size: 2rem;
    font-weight: 300;
    font-style: italic;
}
.single .episode-number {
	font-size: 1.5rem;
    margin: 1.5rem 0;
    color: #66727D;
}

.featured-posts .episode-number {
    margin: 0 0 5px 0;
    font-size: 12px;
    color: #66727D;
}

.featured-posts .entry-title a {
	border-bottom: solid 2px transparent;
    transition: .1s ease-in-out;
}

.featured-posts .entry-title a:hover {
	border-bottom-color: #C9D4D8;
}

.featured-nav {
    padding: 5px 5px 5px 10%;
    border-bottom: solid 1px #c5bcbc;
}

.featured-nav .prev {
    margin-right: 3px;
}

.featured-nav .arrow-link {
    /* background: #2c3e50; */
}

.video-action-wrapper {
    padding: 3rem 0;
}
.video-action-wrapper ul {
    padding: 0;
    margin: 0;
    font-size: 1.5rem;
}
.video-action-wrapper ul li {
   display: inline-block;
   margin-right: 10px;
}
#video-action-link {
    border-bottom: none;
}
/* v5 only 

html.fontawesome-i2svg-complete #video-action-link {
    opacity: 1;
    transition: .1s ease-in-out;
} */

/* Transcript */

body.post-template-template_episode .su-spoiler {
    margin: 0;
    padding: 0;
    border-top: 1px solid #ddd;
}
body.post-template-template_episode .su-spoiler .su-spoiler-icon {
    top: 3rem;
    color: #66727D;
}
body.post-template-template_episode .su-spoiler .su-spoiler-title {
    opacity: 0;
    padding: 3rem 0 3rem 27px;
}
html.fontawesome-i2svg-complete body.post-template-template_episode .su-spoiler .su-spoiler-title {
    opacity: 1;
    transition: .1s ease-in-out;
}
body.post-template-template_episode .su-spoiler-style-default > .su-spoiler-content {
    border: 1px solid #ddd;
    margin: 0;
    padding: 1.5rem;
}
body.post-template-template_episode .su-spoiler-closed .su-spoiler-content {
    padding: 0;
}
body.post-template-template_episode .su-spoiler-style-default > .su-spoiler-content .video-script {
    padding: 1rem;
}

.author_bio_section {
    font-size: 16px;
    color: #66727D;
    border-top: solid 1px #eee;
    padding: 3rem 0;
    text-align: left;
}
.episode_endnotes {
    font-size: 16px;
    color: #66727D;
    border-top: solid 1px #eee;
    padding: 3rem 0;
    text-align: left;
}
.episode_endnotes h3 {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 15px;
    color: #283037;
    font-weight: bold;
}
.episode_endnotes li {
    margin-bottom: 5px;
}
.author_name {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 15px;
    color: #283037;
    font-weight: bold;
}



.author_image {
    flex: 0 0 40px;
    margin-right: 20px;
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    height: 40px;
    width: 40px;
}
.author_details {
    display: flex;
}
.author_desc {
    flex: 0 1 auto;
}

.author_links {
    margin-top: 10px;
    border-bottom: none;
}

/* Author archive page */

body.author .author_links .author-posts,
body.author .author_name {
    display: none;
}

body.author .author_bio_section {
    border-top: none;
}

body.author .author_image {
    flex: 0 0 64px;
    height: 64px;
    width: 64px;
}

/* Custom unauth message */
.custom-mepr-unauthorized-message .sue-icon-panel {
    padding: 2rem;
}

.custom-mepr-unauthorized-message .sue-icon-panel-head {
    text-align: center; 
}

.custom-mepr-unauthorized-message label {
    display: block;
}

.custom-mepr-unauthorized-message .login-username input,
.custom-mepr-unauthorized-message .login-password input {
    width: 100%;
}

body.page-template-template_all-episodes.page #content .post .container {
    padding-bottom: 1rem;
}
.container.post-list {padding-bottom: 6%;}

.error404 #content .container {
    background-color: #fff;
    margin-top: -10%;
    position: relative;
    padding-top: 4%;
}

.visually-hidden { 
    /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.tapas_intro, .tapas_teaser {
    font-style: italic;
}

.single-video-download a:hover {
    text-decoration: none;
    border-bottom: none;
    opacity: 0.6;
}

/**
 * Media queries
 */

@media only screen and (max-width: 600px) {
    .error404 #content .container {
        margin-top: 0;
        max-width: 100%;
    }
}