/*
Theme Name: Anima Child
Theme URI: http://www.cryoutcreations.eu/wordpress-themes/anima
Description: A child theme of Anima theme.
Author: Cryout Creations
Author URI: http://www.cryoutcreations.eu
Template: anima
Version: 0.1.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, flexible-header, custom-menu, featured-image-header, featured-images, front-page-post-form, full-width-template, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, photography
Text Domain: anima-child
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Element
    ## Table
# Customization
    ## Miscellaneous
    ## Season schedule
--------------------------------------------------------------*/

/* Element */
/*--------------------------------------------------------------
## Table
--------------------------------------------------------------*/

.season-preview-schedule,
.season-preview-short,
.season-preview-movie
{
    width: 100%;
}

.season-preview-schedule {
    font-size: .80rem;
}

/* Customization */
/*--------------------------------------------------------------
## Miscellaneous
--------------------------------------------------------------*/

.main th,
.main td {
    padding: .25em;
}

article.hentry {
    padding: .5em;
    box-shadow: none;
}

#content-masonry article.hentry {
    margin-right: 2%;
    margin-left: 2%;
}

.anima-magazine-one #content-masonry article.hentry {
    width: 96%;
}

.anima-magazine-two #content-masonry article.hentry {
    width: 46%;
}

.anima-magazine-three #content-masonry article.hentry {
    width: 29.33333333%;
}

.iskendaris-background,
.season-schedule .iskendaris-background,
.iskendaris_bg {
    background-color: #f90;
}

/*--------------------------------------------------------------
# Season schedule
--------------------------------------------------------------*/

@media screen and (min-width: 37.5em) {

    .season-schedule {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-template-areas: "sunday monday tuesday wednesday thursday friday saturday";
    }

}

.season-schedule-sunday {
    grid-area: sunday;
}

.season-schedule-monday {
    grid-area: monday;
}

.season-schedule-tuesday {
    grid-area: tuesday;
}

.season-schedule-wednesday {
    grid-area: wednesday;
}

.season-schedule-thursday {
    grid-area: thursday;
}

.season-schedule-friday {
    grid-area: friday;
}

.season-schedule-saturday {
    grid-area: saturday;
}

.season-schedule article header h1 {
    background-color: #007ede;
    border: 1px solid #ccc;
    color: #fff;
    font-size: 1rem;
    text-align: center;
}

.season-schedule article p {
    background-color: #e8e8e8;
    border: 1px solid #ccc;
    font-size: 1rem;
    margin: 0.25em;
    padding: 0.25rem;
}

/* Season schedule background color for each user */
.divine-background,
.season-schedule .divine-background,
.divine_bg {
    background-color: #c5e2ff;
}

.kiiragi-background,
.season-schedule .kiiragi-background,
.kiiragi_bg {
    background-color: #fcfd5f;
}

.prooof-background,
.season-schedule .prooof-background,
.prooof_bg {
    background-color: #ffbe38;
}

.takaii-background,
.season-schedule .takaii-background,
.takaii_bg {
    background-color: #c5b9fc;
}

.enzo-background,
.season-schedule .enzo-background,
.enzo_bg {
    background-color: #9bffb0;
}

.unlisted-background,
.season-schedule .unlisted-background,
.unlisted_bg {
    background-color: #51e072;
}

.verdant-background,
.season-schedule .verdant-background,
.verdant_bg {
    background-color: #67d0ff;
}

.stilts-background,
.season-schedule .stilts-background,
.stilts_bg {
    background-color: #91c8cc;
}

.stereoman-background,
.season-schedule .stereoman-background,
.stereoman_bg {
    background-color: #ff8080;
}

.zanibas-background,
.season-schedule .zanibas-background,
.zanibas_bg {
    background-color: #c2fd2f;
}

.cherrie-background,
.season-schedule .cherrie-background,
.cherrie_bg {
    background-color: #f5a6ea;
}

.bakamochi-background,
.season-schedule .bakamochi-background,
.bakamochi_bg {
    background-color: #b987c9;
}

.moomba-background,
.season-schedule .moomba-background,
.moomba_bg {
    background-color: #c96;
}

.zephyr-background,
.season-schedule .zephyr-background,
.zephyr_bg {
    background-color: #ffff80;
}

.asobi-background,
.season-schedule .asobi-background,
.asobi_bg {
    background-color: #f96;
}

.seishun-background,
.season-schedule .seishun-background,
.seishun_bg {
    background-color: #0ff;
}

.kairi-background,
.season-schedule .kairi-background,
.kairi_bg {
    background-color: #3cb371;
}

.passerby-background,
.season-schedule .passerby-background,
.passerby_bg {
    background-color: #ff8282;
}

.samu-background,
.season-schedule .samu-background,
.samu_bg {
    background-color: #ffd16e;
}

.jig-background,
.season-schedule .jig-background,
.jig_bg {
    background-color: #c96;
}

.pancakes-background,
.season-schedule .pancakes-background,
.pancakes_bg {
    background-color: #b5b56e;
}

.zaiden-background,
.season-schedule .zaiden-background,
.zaiden_bg {
    background-color: #b1bfcf;
}

.choya-background,
.season-schedule .choya-background,
.choya_bg {
    background-color: #adff2f;
}

.misssimplice-background,
.season-schedule .misssimplice-background,
.misssimplice_bg {
    background-color: #fe0;
}

.stars-background,
.season-schedule .stars-background,
.stars_bg {
    background-color: #00bfff;
}

.fjfreeman-background,
.season-schedule .fjfreeman-background,
.fjfreeman_bg {
    background-color: #ffc5c5;
}

.princessusagi-background,
.season-schedule .princessusagi-background,
.princessusagi_bg {
    background-color: #e8a4f3;
}

.gabie-background,
.season-schedule .gabie-background,
.gabie_bg {
    background-color: #df7e55;
}

.taseenhijazi-background,
.season-schedule .taseenhijazi-background,
.taseenhijazi_bg {
    background-color: #66ccff;
}

.guest-background,
.season-schedule .guest-background,
.guest_bg {
    background-color: #ecd672;
}

.gray-background,
.season-schedule .gray-background,
.gray_bg {
    background-color: #e8e8e8;
}

.red-background,
.season-schedule .red-background,
.red_bg {
    background-color: #ff9e9e;
}

/* Legend */
.season-schedule-legend {
    display: flex;
    flex-wrap: wrap;
}

.season-schedule-legend > div {
    font-size: 0.75em;
    margin: 0.1em;
    width: 10em;
}

.season-schedule-legend > div span {
    border: 0.1em solid #ccc;
    display: inline-block;
    font-weight: bold;
    margin-right: 0.25em;
    padding-top: 0.25em;
    text-align: center;
    width: 2em;
}

/*--------------------------------------------------------------
# Best of anime
--------------------------------------------------------------*/

.best-of-anime-title {
    text-align: center;
    margin-bottom: 1rem;
}

.best-of-anime-summary {
    background-color: #f6f6f6;
    padding: 1rem;
}

@media screen and (min-width: 37.5em) {

    .best-of-anime-3-column {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "image text text";
    }

    .best-of-anime-2-column {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "left right";
    }

}

.best-of-anime-1-3 {
    grid-area: image;
    text-align: center;
}

.best-of-anime-2-3 {
    grid-area: text;
}

.best-of-anime-1-2-left {
    grid-area: left;
    padding: 1rem;
}

.best-of-anime-1-2-right {
    grid-area: right;
    padding: 1rem;
}

.best-of-anime-image,
.best-of-anime-text {
    padding: 1rem;
}

/*--------------------------------------------------------------
# Miscellaneous
--------------------------------------------------------------*/

.text-red {
    color: #f00;
}

.text-center {
    text-align: center;
}

.width-50 {
    width: 50%