/*
Theme Name: OnePiece
Author: Naufal SERRAJ
Description: Simple and fast Bootstrap 5 based
Version: 0.1
Requires PHP: 5.4
Requires at least: 4.0
Tested up to: 6.6
License: MIT
License URI: https://opensource.org/licenses/MIT
*/

body {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
}

@media (min-width: 1000px) {
    body>main {
        width: 67%;
        float: left;
    }

    #near-content-widgets {
        width: 30%;
        float: right;
    }
}

#before-content-widgets,
#after-content-widgets,
body>footer,
#footer-widgets {
    clear: both;
}

#footer-widgets>div,
#before-content-widgets>div,
#after-content-widgets>div {
    display: inline-block;
    vertical-align: top;
}

#logo img {
    max-width: 300px;
    width: auto;
    height: auto;
}

article>header {
    margin-bottom: 10px;
}

article time {
    font-size: 11px;
    color: grey;
}


body>footer {
    margin-top: 50px;
}

#near-content-widgets,
body>footer {
    background-color: rgb(250, 250, 250);
    padding: 10px;
}

#copyright {
    text-align: center;
}

body,
a {
    color: black;
}

h1 {
    font-size: 27px;
    margin-bottom: 0px;
}

h2 {
    font-size: 24px;
}

h2 {
    font-size: 21px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 15px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 9px;
}