/* Mobile */

@media (max-width: 1023px) {
    
    .hamburger-checkbox {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        clip: rect(0,0,0,0);
        border: 0;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }
    
    .hamburger-checkbox:focus-visible ~ .hamburger-label {
        outline: 5px auto Highlight;
        outline: 5px auto -webkit-focus-ring-color;
    }

    .hamburger-label {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 24px;
        cursor: pointer;
        z-index: 9999;
        background: #ddd;
    }

    .hamburger-label:before,
    .hamburger-label:after {
        background: #333;
        position: relative;
        content: "";
        display: block;
        margin: 6px auto;
        width: 20px;
        height: 2px;
    }

    .hamburger-label:before {
        margin-top: 14px;
    }

    .header-navigation {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        padding-top: 80px;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: #fff;
    }

    .header-navigation li {
        display: block;
        margin: 0 20px;
        padding: 0;
        height: auto;
        border-bottom: 1px solid #dadada;
    }

    .header-navigation li a {
        display: block;
        padding: 16px 0;
        color: #333;
        border: 0;
    }

    .header-navigation li a:hover {
        border: 0;
    }

    .hamburger-checkbox:checked ~ .hamburger-label {
        position: fixed;
    }

    .hamburger-checkbox:checked ~ .hamburger-label:before {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 4px;
    }

    .hamburger-checkbox:checked ~ .hamburger-label:after {
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: -4px;
    }

    .hamburger-checkbox:checked ~ .header-navigation {
        display: block;
    }

    .site-header {
        margin-bottom: 40px;
    }

    .site-header .unit-container,
    .site-content .unit-container,
    .site-footer .unit-container {
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }

    .site-content .content-main {
        float: none;
        width: auto;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .content-main .article-list .entry-wrapper {
        float: none;
        clear: none;
        width: auto;
    }

    .home .content-sidebar {
        display: none;
    }

    .site-footer {
        font-size: 14px;
    }

}