/* general formatting */

@media (min-width: 768px) {
    .container-small {
        width: 300px;
    }
    .container-large {
        width: 970px;
    }
}
@media (min-width: 992px) {
    .container-small {
        width: 500px;
    }
    .container-large {
        width: 1170px;
    }
}
@media (min-width: 1200px) {
    .container-small {
        width: 700px;
    }
    .container-large {
        width: 1500px;
    }
}

.container-small, .container-large {
    max-width: 100%;
}

/* navbar */

body {
    margin-top: 5rem;
}

/* timeline */

.onionr-post-focus-separator {
    width: 100%;
    
    padding: 1rem;
    padding-left: 0;
    padding-right: 0;
}

.onionr-post {
    padding: 1rem;
    margin-bottom: 1rem;

    cursor: pointer;

    width: 100%;
}

.onionr-post-user-name {
    display: inline;
}

.onionr-post-user-id:before { content: "("; }
.onionr-post-user-id:after { content: ")"; }

.onionr-post-content {
    word-wrap: break-word;
}

.onionr-post-user-icon {
    border-radius: 100%;
    width: 100%;
}

.onionr-post-creator {
    padding: 1rem;
    margin-bottom: 1rem;

    width: 100%;
}

.onionr-post-creator-user-name {
    display: inline;
}

.onionr-post-creator-user-id:before { content: "("; }
.onionr-post-creator-user-id:after { content: ")"; }

.onionr-post-creator-content {
    word-wrap: break-word;
    width: 100%;
}

.onionr-post-creator-user-icon {
    border-radius: 100%;
    width: 100%;
}

.onionr-post-creator-create {
    width: 100%;
    text-align: center;
}

.h-divider {
    margin: 5px 15px;
    height: 1px;
    width: 100%;
}

/* profile */

.onionr-profile-user-icon {
    border-radius: 100%;
    width: 100%;
    margin-bottom: 1rem;
}

.onionr-profile-username {
    text-align: center;
}

.onionr-profile-save {
    width: 100%;
}