/* POST CONTAINER */
#post-canvas {
    display: block;
    margin: 0 auto;
    /* width: 1848px; */
}

/* ADJUSTED POSTS */
.six-posts-adjusted,
.five-posts-adjusted,
.four-posts-adjusted,
.three-posts-adjusted,
.two-posts-adjusted,
.one-posts-adjusted {
    width: 86.5%;
    float: right;
    margin: 0 5% !important;
}
.six-posts-adjusted {
    width: 86.5%;
}
.five-posts-adjusted {
    width: 90%;
}
.four-posts-adjusted {
    width: 90%;
}
.three-posts-adjusted {
    width: 90%;
}
.two-posts-adjusted {
    width: 90%;
}
.one-posts-adjusted {
    width: 90%;
}

.six-posts-adjusted .post-container,
.five-posts-adjusted .post-container,
.four-posts-adjusted .post-container,
.three-posts-adjusted .post-container,
.two-posts-adjusted .post-container,
.one-posts-adjusted .post-container {
    float: left;
    box-sizing: border-box;
    margin: 3px;
}
.six-posts-adjusted .post-container {
    width: calc(16% - 6px);
}
.five-posts-adjusted .post-container {
    width: calc(20% - 6px);
}
.four-posts-adjusted .post-container {
    width: calc(25% - 6px);
}
.three-posts-adjusted .post-container {
    width: calc(33% - 6px);
}
.two-posts-adjusted .post-container {
    width: calc(50% - 6px);
}
.one-posts-adjusted .post-container {
    width: calc(100% - 6px);
}

/* POST SETTINGS*/
.post-container {
    margin: 3px;
}
.post-container,
.post-container iframe:not(.like_toggle),
.post-container img:not(.post-ask-img) {
    width: 300px;
    position: relative;
    /* border-radius: 3px; */
}
.tumblr_video_container {
    width: 300px !important;
}
.post-container img:not(.post-ask-img) {
    height: auto;
    width: 100%;
}
.post-container .post-ask-img {
    width: 30px !important;
}
.tumblr_video_iframe {
    margin-bottom: -4px !important;
}
.flickr-embed-frame,
.spotify_audio_player,
.post-img,
.photoset {
    margin-bottom: -4px !important;
}
.tumblr_video_container {
    height: auto !important;
}

/* SINGLE POST SETTINGS*/
.single-post .post-container {
    margin: 3px;
}
.single-post .post-container,
.single-post .post-container iframe:not(.like_toggle),
.single-post .post-container img:not(.post-ask-img),
.six-posts-adjusted .post-container img:not(.post-ask-img),
.six-posts-adjusted .post-container iframe:not(.like_toggle),
.five-posts-adjusted .post-container img:not(.post-ask-img),
.five-posts-adjusted .post-container iframe:not(.like_toggle),
.four-posts-adjusted .post-container img:not(.post-ask-img),
.four-posts-adjusted .post-container iframe:not(.like_toggle),
.three-posts-adjusted .post-container img:not(.post-ask-img),
.three-posts-adjusted .post-container iframe:not(.like_toggle),
.two-posts-adjusted .post-container img:not(.post-ask-img),
.two-posts-adjusted .post-container iframe:not(.like_toggle),
.one-posts-adjusted .post-container img:not(.post-ask-img),
.one-posts-adjusted .post-container iframe:not(.like_toggle) {
    width: 100%;
    position: relative;
    /* border-radius: 3px; */
}
.single-post iframe {
    width: 100% !important;
    max-width: 100% !important;
}
.single-post .tumblr_video_container {
    width: 100% !important;
}
.single-post .post-container img:not(.post-ask-img) {
    height: auto;
}
.single-post .post-container .post-ask-img {
    width: 30px !important;
}
.single-post .tumblr_video_iframe {
    margin-bottom: -4px !important;
}
.single-post .flickr-embed-frame,
.single-post .spotify_audio_player,
.single-post .post-img,
.single-post .photoset {
    margin-bottom: -4px !important;
}
.single-post .tumblr_video_container {
    height: auto !important;
}

/* LIKE / REBLOG BUTTONS */
.like-block {
    position: relative;
    height: 0;
}
.like_button {
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}

/* POST HEADER */
.post-header {
    font-size: 13px;
    user-select: none;
}
.post-header {
    width: 100%;
    display: table;
}
.post-header-left {
    float: left;
}
.post-header-right {
    float: right;
    margin-bottom: -8px;
    margin-top: -4px !important;
}
.post-header-left > ul 
.post-header-right > ul {
    list-style: none;
}
.post-header-left > ul > li,
.post-header-right > ul > li {
    padding: 8px 5px 8px 5px;
    display: inline-block;
}
.post-reblog-from-icon {
    width: 24px !important;
    height: auto;
}
.post-reblog-from {
    vertical-align: 8px;
    margin: 0 5px;
    display: inline-block;
}

/* POST HEADER OPTIONS */
/* date to left */
.date-to-left .post-header-left {
    float: left;
}
.date-to-left .post-header-right {
    float: right;
}
/* date to right */
.date-to-right .post-header-left {
    float: right;
}
.date-to-right .post-header-right {
    float: left;
}
/* all to left */
.all-to-left .post-header-left {
    float: left;
}
.all-to-left .post-header-right {
    float: left;
}
/* all to right */
.all-to-right .post-header-left {
    float: right;
}
.all-to-right .post-header-right {
    float: right;
}

/* POST */
.post-container {
    font-size: 14px;
    word-wrap: break-word;
    overflow: hidden;
}
.post-container blockquote {
    margin-left: 5px;
}
.post-content ul,
.post-content ol {
    margin-left: 20px;
    padding: 5px;
}
.post-name-img {
    display: flex;
    width: 100%;
    line-height: 60px;
}
.post-content a {
    text-decoration: none;
    position: relative;
    transition: .2s;
}
.post-content a:hover {
    text-decoration: underline;
}

/* TAGS */
.post-tags-container {
    width: 100%;
    font-size: 12px;
}
.post-tags-container a {
    display: inline-block;
    padding: 3px;
    text-decoration: none;
}

/* PHOTO POST LOGO */
.photo-post-logo {
    height: auto;
    position: absolute !important;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0;
    transition: .2s;
}

/* POST FOOTER */
.post-footer {
    display: table;
    width: 100%;
    user-select: none;
}
.post-footer-left > ul,
.post-footer-right > ul {
    list-style: none;
}
.post-footer-left > ul > li,
.post-footer-right > ul > li {
    padding: 8px 5px 5px 5px;
    display: inline-block;
}
.trident-view-photo,
.perma-page {
    cursor: pointer;
    font-size: 18px;
}
.post-footer a {
    text-decoration: none;
    transition: .2s;
}
.trident-post-notes {
    /* vertical-align: -2px; */
    font-size: 12px !important;
    font-weight: bold;
}

/* POST FOOTER OPTIONS */
/* like & reblog to left */
.post-footer-right {
    float: right;
}
.post-footer-left {
    float: left;
}
/* like & reblog to right*/
.like-reblog-right .post-footer-right {
    float: left;
}
.like-reblog-right .post-footer-left {
    float: right;
}
/* all on left */
.all-to-left .post-footer-right,
.all-to-left .post-footer-left {
    float: left;
}
/* all on right */
.all-to-right .post-footer-right,
.all-to-right .post-footer-left {
    float: right;
}

/* POST TYPES */
/* CHAT POST */
.chat-line,
.post-content p,
.post-content span,
.post-ask-img {
    margin: 15px;
}
.post-content span {
    display: contents;
}

/* ANSWER POSTS */
.post-question {
    padding: 5px;
    width: calc(100% - 20px);
    margin: 0 auto;
    position: relative;
    display: block;
}

/* PHOTO POST TEXTURE OPTIONS */
.squares-standard,
.rings-tiled-standard,
.rings-tiled-descending,
.lines-vertical,
.lines-sloped-right,
.circles-standard,
.circles-large,
.checkers {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: .2s;
}

.squares-standard {
    background-image: url("https://dl.dropbox.com/s/u04smzc85uwwcas/squares-standard.svg");
}
.rings-tiled-standard {
    background-image: url("https://dl.dropbox.com/s/cdbvsmk0arcc9t2/rings-tiled-standard.svg");
}
.rings-tiled-descending {
    background-image: url("https://dl.dropbox.com/s/olueltrcaqv8r38/rings-tiled-descending.svg");
}
.lines-vertical {
    background-image: url("https://dl.dropbox.com/s/vqs50kfk0vfei55/lines-vertical.svg");
}
.lines-sloped-right {
    background-image: url("https://dl.dropbox.com/s/hdvmrddx9gp7gdm/lines-slope-right.svg");
}
.circles-standard {
    background-image: url("https://dl.dropbox.com/s/bnbwtntpqxn6jrn/circles-standard.svg");
}
.circles-large {
    background-image: url("https://dl.dropbox.com/s/a9wcb2gtam13397/circles-large.svg");
}
.checkers {
    background-image: url("https://dl.dropbox.com/s/u5qdsf5bhacl0h2/checkers.svg");
}