/*
 Theme Name:   Godios. Child Theme
 Theme URI:    https://godios.simmon.design/
 Description:  Godios Child Theme
 Author:       Simmon
 Author URI:   https://simmon.design/
 Template:     godios
 Version:      1.0.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Grid-Layout, Two-Columns, Left-Sidebar, Right-Sidebar, Accessibility-Ready, Custom-Background, Custom-Colors,Custom-Header, Custom-Menu, Editor-Style, Featured-Image-Header, Featured-Images, Sticky-Post, Theme-Options, Threaded-Comments, Blog
 Text Domain:  godios-child
*/@charset "UTF-8";

/* これより下に子テーマ用CSSをお書き下さい。 */

/* ヘッダー > ライター紹介リンク
------------------------------ */
#topbar-writer {
    position: absolute;
    right: 120px;
    top: 30px;
}
#topbar-writer a {
    font-size: 1.3rem;
}
@media (max-width: 56.25em) {
    #topbar-writer {
        top: 18px;
    }
}
@media (max-width: 37.5em) {
    #topbar-writer {
        right: 60px;
    }
}

/* swiper
------------------------------ */
.swiper-slide .swiper-author {
    background: linear-gradient(175deg, rgba(0,0,0,0.5), transparent);
    padding: 13px 16px;
    color: #fff;
}
.swiper-slide .swiper-author p {
    margin: 0;
}
.swiper-slide .swiper-author-title {
    font-size: 1.2rem;
}
.swiper-slide .swiper-author-name {
    display: flex;
    align-items: center;
    margin-top: 5px;
    font-size: 1.6rem;
}
.swiper-slide .swiper-author-img {
    width: 30px;
    margin: 0 5px 0 0;
    border-radius: 50%;
    overflow: hidden;
}
.swiper-slide .swiper-author-img img {
    max-width: 100%;
}

/* サイドバー > 人気記事ランキング
------------------------------ */
#side li::before {
    display: none;
}
.widget-wrap ul>li {
    display: flex;
}
.widget-wrap ul > li > a:nth-of-type(1) {
    flex-shrink: 0;
    margin-right: 10px;
}
.widget-wrap ul > li > a:nth-of-type(2) {
    font-size: 90%;
    line-height: 1.5;
}

/* ライター一覧
------------------------------ */
#writers {
    display: flex;
    flex-wrap: wrap;
}
#writers .writer-profile {
    background: #fff;
    width: calc((100% - 10px) / 3);
    margin: 0 0 0 5px;
    padding: 2em 1em;
    text-align: center;
}
#writers .writer-profile:nth-of-type(3n-2) {
    margin-left: 0;
}
#writers .writer-profile:nth-of-type(n+4) {
    margin-top: 5px;
}
#writers .writer-profile .eyecatch,
#writers .writer-profile .eyecatch img {
    margin: 0;
}
#writers .writer-profile .avatar {
    width: 150px;
    height: auto;
    margin: 0;
}
#writers .writer-profile .profiletxt {
    margin-top: 1.5em;
    word-break: break-all;
}
#writers .writer-profile .profiletxt a {
    color: #d988a8;
}
#writers .writer-profile .profiletxt a:hover {
    color: #ffc6d0;
}
#writers .writer-profile .profiletxt .description {
    margin-top: 1.5em;
    text-align: left;
}
#writers .writer-profile .profiletxt .name {
    font-size: 1.4em;
}
#writers .writer-profile .profiletxt .button a {
    display: block;
    background: #d988a8;
    border-radius: 200px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    margin-top: 1.5em;
    padding: 0.5em 1em;
    color: #fff;
}
#writers .writer-profile .profiletxt .button a:hover {
    box-shadow: none;
}
@media (max-width: 71em) {
    #writers .writer-profile {
        width: 100%;
        margin: 0;
    }
    #writers .writer-profile:nth-of-type(n+2) {
        margin-top: 5px;
    }
    #writers .writer-profile .avatar {
        width: 80px;
    }
    #writers .writer-profile .profiletxt .button a {
        padding: 1em;
    }
}