@charset "UTF-8";

.block-editor {

    font-size: 1.6rem;

    h1 {
        margin-top: 20px;
        font-size: 2.8rem;
    }

    h2 {
        margin-top: 20px;
        font-size: 2.2rem;
    }

    h3 {
        margin-top: 20px;
        font-size: 2rem;
    }

    h4 {
        margin-top: 20px;
        font-size: 1.8rem;
    }

    h5 {
        margin-top: 20px;
        font-size: 1.6rem;
    }

    h6 {
        margin-top: 20px;
        font-size: 1.4rem;
    }

    p {
        margin-top: 20px;
    }

    ul {
        margin-top: 20px;
    }

    li {
        margin: 10px 0 0 20px;
    }

    li ul {
        margin-top: 0px;
    }
    
    a {
        text-decoration: underline;
    }
    .wp-block-quote p {
        margin-top: 20px;
        padding: 10px;
        background-color: #f2f2f2;
        border-radius: 10px;
    }

    .wp-block-button, 
    .wp-block-table,
    .wp-block-cover,
    .wp-block-buttons,
    .wp-block-gallery {
        margin-top: 20px;
    }
    
    .wp-block-button a {
        transition: background-color 0.2s;

        &:hover {
            color: #fff;
            text-decoration: none;
            background-color: #666;
        }
    }

    .wp-block-image {
        margin-top:20px;
    }

}

.block-editor > *:first-child {
    margin-top: 0;
}

/*sidebar-widget*/
.sidebar-widget {

    font-size: 1.6rem;

    h1 {
        margin-top: 20px;
        font-size: 2.4rem;
    }

    h2 {
        margin-top: 20px;
        font-size: 2rem;
    }

    h3 {
        margin-top: 20px;
        font-size: 1.8rem;
    }

    h4 {
        margin-top: 20px;
        font-size: 1.6rem;
    }

    h5 {
        margin-top: 20px;
        font-size: 1.6rem;
    }

    h6 {
        margin-top: 20px;
        font-size: 1.6rem;
    }

    p {
        margin-top: 20px;
    }

    ul {
        margin-top: 20px;
    }

    li li {
        margin: 10px 0 0 20px;
        list-style: disc;
    }
    
    a {
        text-decoration: underline;
    }
    .wp-block-quote p {
        margin-top: 20px;
        padding: 10px;
        background-color: #f2f2f2;
        border-radius: 10px;
    }

    .wp-block-button, 
    .wp-block-table,
    .wp-block-cover,
    .wp-block-buttons,
    .wp-block-gallery {
        margin-top: 20px;
    }
    
    .wp-block-button a {
        transition: background-color 0.2s;

        &:hover {
            color: #fff;
            text-decoration: none;
            background-color: #666;
        }
    }

    .wp-block-image {
        margin-top:20px;
    }

}
.sidebar-widget > li:first-child h2 { margin-top: 0; }
.block-editor > *:first-child {
    margin-top: 0;
}