/**
 * CSS used for Tumblr - Ice Cream theme v1.13
 */
body {
    margin: 0
}

.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.square {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.top-bar {
    height: 3.6rem;
    position: fixed;
    width: 100%;
    z-index: 9;
    transition: background .5s ease-in-out
}

.move-left .top-bar {
    background-color: transparent
}

#right-off-canvas {
    z-index: 8
}

.right-off-canvas-toggle {
    position: relative;
    display: inline-block;
    float: right
}

.post-date,
.post-note-count {
    float: left
}

.top-title {
    margin: 0;
    line-height: 4.6rem;
    font-size: 1.8rem
}

.footer-avatar,
.top-avatar {
    margin: auto;
    position: relative;
    display: table;
    text-align: center
}

.footer-avatar img,
.top-avatar img {
    margin: .25rem;
    width: 78%
}

.top-bar button {
    border: none;
    position: relative;
    padding: 0;
    height: 2.6rem;
    width: 2.6rem;
    font-family: sans-serif;
    margin: .5rem
}

.top-social {
    margin: 1rem 0 0;
    position: relative;
    text-align: center;
    font-size: .8rem;
}

.top-social li {
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px
}

button:active,
button:focus,
button:hover {
    outline: 0
}

button span {
    display: block
}

.lines-button {
    transition: .3s;
    -webkit-border-radius: .57143rem;
    -moz-border-radius: .57143rem;
    border-radius: .57143rem
}

.lines {
    border-radius: .28571rem;
    transition: .3s;
    position: relative;
    margin-bottom: 3px
}

.lines,
.lines:after,
.lines:before {
    display: inline-block;
    width: 2rem;
    height: 1px;
    -webkit-border-radius: .28571rem;
    -moz-border-radius: .28571rem
}

.lines:before {
    top: .7rem
}

.lines:after {
    top: -.7rem
}

.lines:after,
.lines:before {
    border-radius: .28571rem;
    transition: .3s;
    position: absolute;
    left: 0;
    -webkit-transform-origin: .28571rem center;
    -moz-transform-origin: .28571rem center;
    -ms-transform-origin: .28571rem center;
    -o-transform-origin: .28571rem center;
    transform-origin: .28571rem center
}

.lines-button.x2 .lines {
    transition: background .3s .5s ease
}

.lines-button.close {
    -webkit-transform: scale3d(.8, .8, .8);
    -moz-transform: scale3d(.8, .8, .8);
    -ms-transform: scale3d(.8, .8, .8);
    -o-transform: scale3d(.8, .8, .8);
    transform: scale3d(.8, .8, .8)
}

.lines-button.x2.close .lines {
    transition: background .3s 0s ease;
    background: 0 0
}

.move-left .right-off-canvas-toggle {
    right: -4.5em
}

.bg-cover,
.footer-bg-cover,
.tagegories ul li div {
    background-position: center center;
    background-size: cover
}

.lines-button.x2.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    -o-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg)
}

.lines-button.x2 .lines:after,
.lines-button.x2 .lines:before {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: top .3s .6s ease, -webkit-transform .3s ease;
    transition: top .3s .6s ease, -moz-transform .3s ease;
    transition: top .3s .6s ease, -ms-transform .3s ease;
    transition: top .3s .6s ease, -o-transform .3s ease;
    transition: top .3s .6s ease, transform .3s ease
}

.lines-button.x2.close .lines:after,
.lines-button.x2.close .lines:before {
    transition: top .3s ease, -webkit-transform .3s .5s ease;
    transition: top .3s ease, -moz-transform .3s .5s ease;
    transition: top .3s ease, -ms-transform .3s .5s ease;
    transition: top .3s ease, -o-transform .3s .5s ease;
    transition: top .3s ease, transform .3s .5s ease;
    top: 0;
    width: 2rem
}

.lines-button.x2.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    -o-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg)
}

.move-left>.inner-wrap {
    position: fixed
}

.mast-title,
.top-title a {
    text-transform: uppercase;
    font-size: 3rem;
    letter-spacing: .5rem;
	line-height: 3.4rem;
}

#masthead,
.bg-cover,
.bg-tint,
.move-left>.inner-wrap {
    height: 100vh
}

.off-canvas-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.right-off-canvas-menu .sidebar-item {
    display: inline
}

.menu-content {
    padding: 2rem;
    position: relative;
    min-height: 100%
}

.menu-avatar {
    margin-bottom: 25px
}

.menu-follow {
    margin-bottom: 15px;
    display: inline-block
}

.menu-follow,
.menu-items li a {
    text-transform: uppercase;
    letter-spacing: .125rem;
    font-size: .8rem;
    padding: .2rem;
    position: relative;
	display: inline-block
}

.item-slider {
    width: 1em;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    transition: width .125s ease-in-out
}

a:hover .item-slider {
    width: 100%
}

.menu-items li:last-child .item-slider {
    width: 0
}

.menu-divider {
    width: 15%;
    height: 2px;
    margin: 0 auto 25px
}

.menu-items li {
    margin-bottom: 12.5px
}

.bg-cover,
.bg-tint {
    width: 100%;
    position: absolute
}

#masthead {
    position: relative;
    z-index: 2
}

#mast-scroll {
    position: absolute;
    bottom: 5px;
    font-size: 2rem;
    height: 3.6rem;
    width: 3.6rem;
    left: 0;
    right: 0;
    margin: auto
}

.mast-container {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%
}

.mast-box,
.mast-title,
.mast-wrapper,
.tagegories ul li {
    position: relative
}

.mast-wrapper {
    display: table-cell
}

.post-colophon img,
.post-colophon p,
.tagegories ul li p {
    display: inline-block
}

.mast-title {
    width: 80%
}

.description-wrapper {
    width: 100%;
    overflow: hidden;
    padding: 5em 15% 12em
}

.description-wrapper,
.mast-title {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

.mast-description {
    margin: 0 auto;
	letter-spacing: .15rem;
    font-style: italic;
    font-family: raleway;
	font-weight: 200;
	font-size: .7rem;
	line-height: 1.2rem;
}

@keyframes first-fade {
    .1%,
    0% {
        opacity: 0
    }
    35%,
    5% {
        opacity: 1
    }
    100%,
    40% {
        opacity: 0
    }
}

@-webkit-keyframes first-fade {
    .1%,
    0% {
        opacity: 0
    }
    35%,
    5% {
        opacity: 1
    }
    100%,
    40% {
        opacity: 0
    }
}

@-moz-keyframes first-fade {
    .1%,
    0% {
        opacity: 0
    }
    35%,
    5% {
        opacity: 1
    }
    100%,
    40% {
        opacity: 0
    }
}

@-o-keyframes first-fade {
    .1%,
    0% {
        opacity: 0
    }
    35%,
    5% {
        opacity: 1
    }
    100%,
    40% {
        opacity: 0
    }
}

@keyframes second-flip {
    0%,
    35% {
        transform: translateY(-100%)
    }
    40%,
    95% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(100%)
    }
}

@-webkit-keyframes second-flip {
    0%,
    35% {
        -webkit-transform: translateY(-100%)
    }
    40%,
    95% {
        -webkit-transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(100%)
    }
}

@-moz-keyframes second-flip {
    0%,
    35% {
        -moz-transform: translateY(-100%)
    }
    40%,
    95% {
        -moz-transform: translateY(0)
    }
    100% {
        -moz-transform: translateY(100%)
    }
}

@-o-keyframes second-flip {
    0%,
    35% {
        -o-transform: translateY(-100%)
    }
    40%,
    95% {
        -o-transform: translateY(0)
    }
    100% {
        -o-transform: translateY(100%)
    }
}

.h-first-fade {
    -webkit-animation: first-fade 10s ease-in-out infinite;
    -moz-animation: first-fade 10s ease-in-out infinite;
    -o-animation: first-fade 10s ease-in-out infinite;
    animation: first-fade 10s ease-in-out infinite
}

.h-second-flip {
    -webkit-animation: second-flip 10s ease-in-out infinite;
    -moz-animation: second-flip 10s ease-in-out infinite;
    -o-animation: second-flip 10s ease-in-out infinite;
    animation: second-flip 10s ease-in-out infinite
}

.tagegories {
    width: 100%;
    margin-bottom: 3.2vh
}

.tagegories ul {
    margin-bottom: 0;
    overflow: hidden
}

.tagegories ul,
.tagegories ul li,
.tagegories ul li div {
    width: inherit
}

.tagegories ul li {
    margin-bottom: 2vh;
    overflow: hidden;
    border-radius: 5px
}

.tagegories ul li:last-child {
    margin-bottom: 0
}

.tagegories ul li div {
    height: 27vw;
    border-radius: 5px;
    opacity: .7
}

.answer-avatar,
.asker-avatar,
.post-colophon img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.tagegories ul li .tag-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.tagegories ul li p {
    padding: .25rem .7rem;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
    font-size: 85%;
    letter-spacing: .125rem
}

.tagegories ul li a {
    position: absolute;
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 1
}

.content-area {
    margin-top: -8em;
    padding: 0 1em
}

.post {
    margin-bottom: 6.4vh
}

.post-date {
    margin-right: .5rem
}

.post-date p {
    margin-bottom: 0
}

.post-colophon p {
    margin-bottom: .75rem
}

.post-colophon a {
    font-weight: 700
}

.post-colophon img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 5px!important
}

.post.photo .post-colophon img {
    margin-bottom: 0
}

.post-divider {
    height: 1px;
    width: 100%;
    margin: 0 auto 1.25rem
}

.post.text .post-tags {
	margin-top: 1em;
}

.post-tags p {
    text-align: left;
    margin: 0
}

.entry-content {
    text-align: center;
    margin-bottom: .3em
}

.entry-content p {
    font-size: .9rem
}

.entry-content .title-link,
.photo-wrapper,
.post-media.audio,
.post-media.photoset .lightbox,
.post.text figure,
.rm-break {
    text-align: center
}

.like-button,
.more-share,
.reblog-button,
.see-post {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle
}

.entry-content .title-link,
.visit-link a {
    display: block
}

.entry-content .title-link {
    font-weight: 700;
    letter-spacing: .2rem;
    font-size: 1.5rem;
	line-height: 1.9rem
}

.content-wrapper > blockquote,
.post.photo .entry-content > blockquote {
	width: 70%;
    margin: 0 auto 1.25rem;
}

blockquote hr {
	display: none
}

blockquote p {
	line-height: 1.4rem !important;
    margin: 0 !important;
    font-style: italic;
	padding: 0 1.25rem 0 1.1875rem !important;
}

blockquote p, blockquote p a {
	color: #777 !important;
}

blockquote figure {
	margin: 0 !important;
	padding: 1em 0
}

.post.quote .title-link,
.post.quote cite {
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0
}

.post.quote .title-link {
    font-weight: 400;
    font-size: 1.4rem;
	line-height: 1.9rem;
    word-spacing: .05rem;
}

.post.quote .entry-content {
    padding: 1.8em
}

.post.quote cite {
    font-size: .9rem;
	line-height: 1.3rem;
}

.post-meta {
    overflow: hidden
}

.post-date,
.post-note-count,
.post-share {
    padding: .3em 0
}

.post-share,
.previous-post {
    float: right
}

.more-share i,
.see-post i {
    font-size: 1rem
}

.reblog-button {
    height: 24px
}

.like_button,
.reblog-button a {
    position: relative;
    top: 1px
}

.like_button iframe {
	height: 16px !important;
}

.post-date p,
.post-note-count p {
    margin: 0;
    line-height: 1.6rem
}

.post.text {
    background-color: transparent!important
}

.post.text .entry-content,
.post.text .post-meta {
    border: 2px solid #000
}

.post.link .title-wrapper,
.post.text .entry-content {
    padding: 1em
}

.post.link .title-wrapper {
    margin-bottom: .1rem;
    min-height: 20vh;
    display: table;
    width: 100%
}

.post.link .title-wrapper h2 {
    display: table-cell;
    vertical-align: middle
}

.post .post-meta {
    padding: 0 .4em
}

.post.chat .entry-content,
.post.chat .post-tags {
    padding: .7em!important
}

.post.chat .chat-wrapper,
.post.chat .post-tags a {
    color: #fff
}

.post.chat .post-tags {
	padding-bottom: 0 !important
}

.post.chat .post-tags p {
    margin-bottom: 0
}

.post-chat b,
.post-chat p,
.post.chat .title-link {
    font-family: 'Playfair Display', serif
}

.post.chat .title-link {
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 1.5em
}

.post-chat {
	margin-bottom: 0;
    padding-bottom: 1.5em;
}

.post-answer h2,
.post-asker h2 {
    text-transform: uppercase;
    font-size: 1rem;
    display: table;
    margin: 0 auto 1em;
    padding: .2em .6em
}


.post-entry .entry-content,
.post-media.photo,
.post-media.photoset {
    padding-bottom: .4em!important
}

.post.photo .entry-content {
  padding: 1em;
}

.post-media.photo .photo-wrapper,
.post-media.photoset .photo-wrapper {
    position: relative
}

.post-media.photo .entry-content,
.post-media.photoset .photo-caption {
    position: absolute;
    background: 0 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.post-media.photo .entry-content p,
.post-media.photo .post-tags a,
.post-media.photo .rm-break a {
    color: #fff;
    margin: 0
}

.post-media.photo .post-tags {
    position: absolute;
    left: .5em;
    bottom: .2em;
    display: none
}

.post-media.audio {
    position: relative;
    padding-bottom: 100%;
    margin-bottom: 1.25rem
}

.post-media.audio iframe {
    position: absolute;
    height: 100%;
    left: 0;
    width: 100%
}

.post-tags {
    display: none!important
}

.post.text figure {
    margin: 0 auto 1.25rem
}

.photo-wrapper {
    margin: 0
}

.html_photoset {
    margin: auto;
    max-width: 700px
}

.photo-wrapper img {
    width: 100%
}

.photo-wrapper a {
    background-repeat: no-repeat
}

.post.photo .photo-wrapper > a {
    width: 100%;
    display: block;
    background-size: cover;
    background-position: center center;
    color: #fff
}

#load-more,
#load-more a,
.back-to-top,
.chat-wrapper span {
    display: inline-block
}

#load-more a {
	margin-left: 35.3px;
}

.post.quote .entry-content p {
    text-align: right
}

.rm-break {
    text-decoration: underline;
    text-align: center;
    margin-bottom: .5em;
    text-transform: lowercase
}

.rm-break a,
.post-tags p a {
	font-size: .8rem;
}

.post.audio .title-link,
.post.link .title-link,
.post.link .visit-link p b {
    text-transform: uppercase
}

.post-media.video iframe,
.post.text .entry-content p iframe {
    width: 100%;
    height: 52vw
}

.post-media.audio iframe,
.post-media.video iframe {
    margin-bottom: 1.25rem!important
}

.post.quote .entry-content .post-tags p {
    text-align: left
}

.post-media.video iframe.vine-embed {
    height: -webkit-calc(100vw - 2em);
    height: -moz-calc(100vw - 2em);
    height: calc(100vw - 2em)
}

.post-media.video .instagram-media {
    height: -webkit-calc(100vw - 2em + 75px);
    height: -moz-calc(100vw - 2em + 75px);
    height: calc(100vw - 2em + 75px)
}

.post-media.video .instagram-media>div>div {
    margin-top: 0!important
}

.post .content-wrapper {
    padding: 0 1em
}

.post.link .entry-content {
    padding-bottom: 0!important
}

.visit-link {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    padding: 1.5rem 1rem
}

.visit-link h5 {
	margin-bottom: 0;
}

.visit-link .link-url {
	font-size: .9rem
}

#likes {
    text-align: left
}

#results-wrapper,
#searchModal .search-container,
#searchModal input,
.blog-footer,
.mfp-title,
.more-share-container,
.notes,
.pagi-container,
.post.answer,
.sidebar-item,
.sidebar-title {
    text-align: center
}

.post.link .title-wrapper p,
.visit-link p {
    margin: 0
}

.visit-link p {
    font-size: 1rem;
    font-weight: 700
}

.link-arrow {
    font-size: 3em;
    line-height: 1rem
}

.chat-wrapper span {
    margin-bottom: .25rem;
    padding: .37rem 1rem
}

.chat-wrapper h2,
.post-chat li p {
    margin: 0
}

.answer-avatar,
.asker-avatar {
    border-radius: 50%;
    margin-bottom: .75rem
}

.post-answer {
    padding: 1.25rem 2.5rem 2.5rem
}

.post-asker {
    padding: 2.5rem 2.5rem 1.25rem
}

.post-answer p,
.post-asker p {
    margin: 0
}

.search_query:after,
.tag:after {
    content: close-quote
}

.search_query:before,
.tag:before {
    content: open-quote
}

#results-wrapper {
    padding-top: 2em
}

.content-area.single {
    margin-left: 0;
    padding-top: 11.5em
}

.content-area.single .post-entry,
.single-pagination {
    margin-bottom: 3.5rem
}

.notes {
    margin-left: 0
}

.post-notes .notes img.avatar {
    margin: 0 10px 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.post-notes .notes {
    font-size: 85%
}

.post-notes .notes .note {
    line-height: 1.4rem;
    margin-bottom: 0.8rem;
	font-size: .8rem
}

.fb-comments span {
    margin-bottom: 2.5rem
}

.back-to-top {
    margin-left: 25px
}

#load-more p {
    margin: 0
}

.pagi-container a {
    position: relative;
    margin-bottom: 6.4vh
}

.sidebar-item {
    margin-bottom: 6.4vh;
    padding-bottom: .5rem
}

.sidebar-item dl,
.sidebar-item ol,
.sidebar-item p,
.sidebar-item ul {
    font-size: 80%
}

.sidebar-title {
    padding: .5rem 0;
    margin-top: 5rem;
    position: relative
}

.side-social li,
.sidebar-title:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.side-follow,
.sidebar-title a,
.sidebar-title p {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .1rem;
	font-size: 1.1rem;
	font-family: Garamond, serif;
}

.sidebar-title i {
    margin-right: 5px
}

.about-img {
    margin-bottom: .5rem !important
}

.about-content p {
    margin: 0
}

.about-content .about-title {
    margin-bottom: .25rem
}

.side-bar ul.side-social {
    font-size: 100%;
    margin: 0
}

.side-bar iframe {
    max-width: 100%!important
}

.side-social li {
    display: inline-block;
    width: 1.7rem;
    height: 1.7rem;
    margin: 7.5px;
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	border: 1px solid;
}

.side-social li a {
    display: block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: 1px;
    margin-top: 3px
}

.side-follow {
    font-weight: 400
}

.side-follow a {
    display: block;
    padding: 1rem;
    font-weight: 300;
    letter-spacing: .125rem;
    background-color: #e00;
    border: 2px solid #e00;
	-webkit-transition: transform .3s ease-in-out;
	-moz-transition: transform .3s ease-in-out;
	-ms-transition: transform .3s ease-in-out;
	-o-transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out
}

.side-follow a:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.sidebar-item.banner {
    background-color: transparent
}

#instagram-feed {
    overflow: hidden;
    margin-bottom: 0
}

#instagram-feed li {
    width: 50%;
    float: left;
    margin-bottom: 0
}

#likes {
    margin: 0 .25rem
}

#likes .like_post {
    list-style: none;
    max-width: 100%;
    margin-bottom: 1.25rem;
    text-align: center
}

#likes .like_photo, .like_video .like_video_thumbnail, #likes .like_post p {
	margin-bottom: .7rem;
}

#likes .like_post blockquote p {
	line-height: 1rem !important;
}

#likes iframe {
    width: 100%
}

.right-off-canvas-menu #likes iframe.soundcloud_audio_player {
    height: 250px
}

#searchModal .close-reveal-modal,
.share.reveal-modal .close-reveal-modal {
    top: 45px;
    right: 25px
}

.reveal-modal {
    position: fixed;
    top: 0!important
}

.cross-ico {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 11.5px 0
}

.cross-ico:before {
    content: '';
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.cross-ico,
.cross-ico:before {
    display: block;
    width: 25px;
    height: 2px;
    background-color: #fff
}

.pagi-container {
	margin-top: 3em;
    margin-bottom: 1em;
}

.blog-footer {
    clear: both;
    position: relative
}

.blog-footer .top {
    position: relative;
    padding: 2em 0
}

.blog-footer .bottom {
    color: #000;
	padding-bottom: .5em;
}

.footer-bg-cover,
.footer-bg-tint {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0
}

.footer-bg-tint {
    z-index: -1
}

.footer-bg-cover {
    opacity: .2
}

.footer-message {
    display: block;
    padding-top: 1.25rem;
    margin-bottom: 0
}

.footer-avatar,
.mfp-close .cross-ico {
    display: inline-block
}

.copyright {
    padding: 0 0 .6125rem;
    margin-bottom: 0
}

.creation {
    margin-bottom: 0;
    padding-top: .7rem
}

.copyright,
.creation {
    font-size: 11px
}

#searchModal .search-container,
.more-share-container {
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#searchModal,
.share.reveal-modal {
    background-color: rgba(0, 0, 0, .8)
}

#searchModal input {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #000;
    width: 80%;
    font-size: 1rem
}

#searchModal button {
    position: absolute;
    background-color: transparent;
    border: 0;
    color: #000;
    margin-left: -20px;
    font-size: .8rem
}

#searchModal .search-container,
.more-share-container {
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
    width: 95%;
    margin: auto!important;
    padding: 100px 25px
}

.more-share-container li {
    display: inline-block;
    margin: 10px 0
}

.more-share-container li img {
    max-width: 80%
}

.mfp-container button i {
    font-size: 2.6rem
}

.mfp-container button i,
.mfp-counter,
.mfp-title {
    color: #1b1b1b
}

.mfp-close .cross-ico,
.mfp-close .cross-ico:before {
    background-color: #1b1b1b
}

.mfp-container .mfp-arrow.mfp-arrow-left i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    padding-bottom: 3px
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid transparent
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid transparent
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    border-right: 27px solid transparent
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid transparent
}

.mfp-bg {
    opacity: .9;
    filter: alpha(opacity=90)
}

.mfp-arrow,
.mfp-close {
    opacity: 1
}

.mfp-title {
    font-weight: 400;
    padding: 1rem 2rem !important;
    font-size: .8rem;
    line-height: 1.3rem !important;
}

.mfp-bottom-bar {
	position: relative !important;
}

.mfp-counter {
	position: relative !important;
    text-align: center;
}

.mfp-figure:after {
	background: transparent !important;
}

.single .post-divider {
    height: 2px;
    width: 15%;
    max-width: 50px
}

.single .post-media.photo {
    padding-bottom: .8em!important
}

.single .post-media.video iframe.vine-embed {
    height: -webkit-calc(96vw - 2em);
    height: -moz-calc(96vw - 2em);
    height: calc(96vw - 2em)
}

.single .post-media.video .instagram-media {
    height: -webkit-calc(96vw - 2em + 75px);
    height: -moz-calc(96vw - 2em + 75px);
    height: calc(96vw - 2em + 75px)
}

.single .post .post-entry.panorama,
.single .post.answer .post-entry,
.single .post.audio .title-link,
.single .post.chat .post-entry,
.single .post.link .title-link,
.single .post.quote .post-entry {
    padding-top: 1em
}

.single .post .entry-content > blockquote,
.single .post .post-media.photoset .entry-content p,
.single .post .post-media.photoset .lightbox p,
.single .post.link .entry-content p {
    padding: 0 1em
}

.single .post-media.photoset {
	padding-bottom: 1rem !important;
}

.single .post .post-media.photoset .lightbox p {
    margin-top: .8rem;
    margin-bottom: .8rem
}

.single .post .post-media.photoset .lightbox p b {
	font-weight: 400;
	font-style: italic
}

.single .post.quote .entry-content blockquote {
    padding: 0
}

.single .post.video .post-entry {
	padding-bottom: 0 !important
}

.single .post.video .instagram-media {
    border-radius: 0!important;
    box-shadow: none!important
}

.single .post.audio .entry-content > h2,
.single .post.audio .entry-content > p {
	padding: 0 1em
}

.single .post.text .post-entry {
	display: table;
	width: 100%
}

.single .post.text .entry-content ul {
	width: 55%;
    margin: 0 auto 2em;
}

.single .post.text .entry-content ul li {
	margin-bottom: .6rem;
    line-height: 1.2rem;
}

.single .post .post-meta {
    padding: 0
}

.single-pagination a {
    position: relative;
    padding: .2rem
}

.single-pagination {
	display: inline-block;
    width: 100%;
}

.single-pagination .next-post {
	float: left;
}

.single .post blockquote p {
	font-size: .8rem
}

.single .post .entry-content > blockquote {
	width: 88%;
	margin: 0 auto 1.25rem
}

.single .post .post-date p {
	font-size: .8rem;
	padding-left: 0 !important
}

.single .post {
    width: 100%
}

.single .post.text .entry-content,
.single .post.text .post-meta {
    border: 0
}

.single .post-meta {
    border-top: 2px solid #eee!important;
    margin-bottom: 0
}

.single .entry-content {
    padding-bottom: 0!important
}

.single .post-tags,
.post.chat .post-tags {
    display: block!important;
    margin-bottom: 1em;
    padding-left: 0 !important;
    padding-right: 0 !important 
}

.single .post.answer .post-tags,
.single .post.audio .post-tags,
.single .post.video .post-tags,
.single .post.answer .post-meta,
.single .post.video .post-meta,
.single .post.audio .post-meta,
.single .post.link .post-meta {
	padding: 0 1em !important
}

.single .post.link .post-tags {
    padding-top: 1em
}

.single .post.link .visit-link {
	width: 90%;
    margin-bottom: 1em;
}

@media only screen and (min-width:40.063em) {
    .mast-description {
		font-size: .8rem;
		line-height: 1.3rem;
	}
	
	.post-date,
    .post-share,
    .top-title {
        display: inline-block!important
    }
    p {
        font-size: .8rem
    }
    .post-media.video,
    .post-meta {
        text-align: center
    }
    .top-bar {
        height: 4.6rem
    }
    .top-bar button {
        height: 3.6rem;
        width: 3.6rem
    }
    .right-off-canvas-menu {
        width: 25rem;
        -ms-transform: translate(100%, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    .move-left>.inner-wrap {
        -ms-transform: translate(-25rem, 0);
        -webkit-transform: translate3d(-25rem, 0, 0);
        -moz-transform: translate3d(-25rem, 0, 0);
        -ms-transform: translate3d(-25rem, 0, 0);
        -o-transform: translate3d(-25rem, 0, 0);
        transform: translate3d(-25rem, 0, 0)
    }
    .menu-follow {
        font-size: 1.4rem
    }
    .content-area {
        padding: 0 1%
    }
    .post {
        margin-bottom: 0;
        width: 49%
    }
    .post-entry {
        padding: 3%
    }
    .post-date,
    .post-share {
        width: 50%
    }
    .post-share {
        float: none;
        text-align: right
    }
    .post-date {
        margin: 0
    }
    .post-date p {
        margin: 0;
        text-align: left;
		font-size: .8rem
    }
    .visit-link a {
        padding: 1.25rem
    }
    .post.chat .title-link {
        padding-top: .5em;
        font-size: 1.5rem
    }
    .post-media.video iframe.vine-embed {
        height: -webkit-calc(51.5vw - 6.4vh);
        height: -moz-calc(51.5vw - 6.4vh);
        height: calc(51.5vw - 6.4vh);
        max-height: 700px;
        max-width: 700px
    }
    .post-media.video .instagram-media {
        height: -webkit-calc(46.7vw - 6.4vh + 75px);
        height: -moz-calc(46.7vw - 6.4vh + 75px);
        height: calc(46.7vw - 6.4vh + 75px);
        max-height: 776px;
        max-width: 700px
    }
    .post-media.video iframe,
    .post.text .entry-content p iframe {
        width: 100%;
        height: 26vw
    }
    .post-media.video .instagram-media,
    .post-media.video iframe.vine-embed {
        margin: 0 auto 1.25rem!important
    }
    .post.audio iframe.bandcamp_audio_player,
    .post.audio iframe.soundcloud_audio_player,
    .post.audio iframe.spotify_audio_player {
        width: 100%
    }
    .side-bar {
        margin: 0 20%
    }
    .tagegories ul li {
        margin-bottom: 2vh;
        width: 100%;
        opacity: 1
    }
    .tagegories ul li:first-child {
        margin-right: 3.2vh
    }
    .tagegories ul li div {
        height: 22vw
    }
    #searchModal .search-container,
    .more-share-container {
        padding: 100px 50px
    }
    #searchModal .close-reveal-modal,
    .share.reveal-modal .close-reveal-modal {
        top: 50px;
        right: 50px
    }
    .html_photoset iframe {
        max-width: 700px
    }
    img.mfp-img {
        max-height: 95vh!important
    }
    .copyright,
    .creation {
        display: inline
    }
    .creation {
        margin-right: 1.1em
    }
    .content-area.single {
        padding-top: 12em
    }
    #results-wrapper {
        padding-top: 3em
    }
    .single .post-entry {
        padding: 3% 3% 0
    }
	.single .entry-content p {
		font-size: 1rem
	}
	.single .entry-content .title-link {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.single .post blockquote p {
		font-size: 1rem;
		line-height: 1.6rem !important
	}
	.single .post.text .entry-content ul li {
		line-height: 1.5rem;
	}
    .single .post-tags {
        padding: 0 1em
    }
    .single .post .post-meta {
        padding: .4em
    }
	.single .post-answer p, .single .post-asker p {
		margin-bottom: 1.25rem;
	}
    .single .post .post-entry.panorama,
    .single .post-notes,
    .single .post.answer .post-entry,
    .single .post.chat .post-entry,
    .single .post.quote .post-entry {
        padding-top: 2.5em
    }
    .single .post-date p {
        text-align: left !important;
        padding-left: 0!important
    }
    .single-pagination .next-post {
        float: left
    }
    .single .post-media.video iframe,
    .single .post.text .entry-content p iframe {
        height: 50vw
    }
	
	.single-pagination,
	.single .post-notes,
	.single .post-comments {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
		display: table;
	}
}

@media only screen and (min-width:64.063em) {
    .top-bar {
        width: auto;
        right: 0
    }
	.mast-description {
		font-size: .9rem;
		line-height: 1.4rem;
	}
    .content-area,
    .photo-wrapper,
    main {
        overflow: hidden
    }
    .move-left .right-off-canvas-toggle {
        margin-right: -100%;
        right: 0
    }
    .side-follow a,
    .visit-link a,
    .visit-link h5,
    .visit-link p {
        transition: all .25s ease-in-out
    }
    .side-follow a:hover,
    .visit-link a:hover {
        background-color: transparent
    }
    a {
        transition: opacity .25s ease-in-out
    }
    .tagegories ul li:hover div,
    a:hover {
        opacity: .5
    }
    .tagegories ul li div {
        transition: all .25s ease-in-out
    }
    .tagegories ul li:hover div {
        opacity: .5;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    #tumblr_lightbox a:hover,
    .post.photo a:hover,
    a.no-op:hover {
        opacity: 1
    }
    .tagegories ul li:hover .tag-container {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
    .photo-wrapper a {
        background: 0 0!important
    }
    .photo-wrapper img {
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }
    .post-media.photo .entry-content,
    .post-media.photoset .photo-caption {
        position: absolute!important
    }
    body {
        margin: 0
    }
    #searchModal .search-container,
    .more-share-container {
        width: 60%
    }
    .more-share-container li img {
        max-width: 100%
    }
    .more-share-container li {
        margin: 10px
    }
    main {
        position: relative
    }
    .post {
        padding: .5% 0;
        width: 32.33%;
        -webkit-perspective: 1300px;
        perspective: 1300px
    }
    .pagi-container {
        position: absolute;
        bottom: -6.4vh;
        width: 100%;
        padding-right: 0
    }
    .content-area {
        width: 100%;
        float: left;
        padding: 2.5% 0;
        margin-left: 1.5%;
		margin-top: -11em
    }
    .post-share,
    .side-bar {
        float: right
    }
    .side-bar {
        width: 30%;
        padding-right: 10vw;
        padding-top: 2.5%;
        margin: 0
    }
    .content-area,
    .side-bar {
        clear: none
    }
    .post-date,
    .post-note-count,
    .post-share {
        width: auto;
        letter-spacing: .1rem
    }
    .post-date {
        margin-right: .4em
    }
    .post-date p,
    .post-note-count p {
        font-size: .65em
    }
    .post-media.video iframe,
    .post.text .entry-content p iframe {
        height: 17vw
    }
    .post-media.video iframe.vine-embed {
        height: 30.1vw
    }
    .more-share i,
    .see-post i {
        font-size: .9rem
    }
    .like_toggle {
        width: .78em
    }
	.reblog_button, .like_button iframe {
		display: table;
	}
    .reblog-button svg {
        width: 85%!important
    }
	.like_button {
		top: 0
	}
    .like-button,
    .more-share,
    .reblog-button,
    .see-post {
        margin-left: .25em
    }
    .rm-break {
        text-align: right
    }
    #infscr-loading,
    .single .entry-content,
    .single .post-tags p {
        text-align: left
    }
    .rm-break a {
        font-size: .8em
    }
    .post-media.photo .rm-break {
        position: absolute!important;
        bottom: 1em;
        right: 1.5em
    }
    .post-media.photo .rm-break a {
        font-size: .8rem
    }
    .post-media.photo {
        position: relative
    }
    .post-media.photoset {
        padding-bottom: 0!important
    }
    .post-media.panorama .photo-wrapper>a {
        z-index: 9;
        position: relative
    }
    .post-media.photo .entry-content,
    .post-media.photo .rm-break,
    .post-media.photoset .photo-caption {
        opacity: 0
    }
    .post-media.photo:hover img,
    .post-media.photoset:hover img {
        opacity: .4
    }
    .post-media.photo:hover .entry-content,
    .post-media.photo:hover .rm-break,
    .post-media.photoset:hover .photo-caption {
        opacity: 1
    }
	.post-media.photoset .photo-caption,
	.post-media.photo .entry-content p {
		font-size: .8rem;
		line-height: 1.3rem;
		padding: 1rem 4.5rem;
	}
    .post-media.video .instagram-media {
        height: -webkit-calc(30.8vw + 75px);
        height: -moz-calc(30.8vw + 75px);
        height: calc(30.8vw + 75px)
    }
    #infscr-loading {
        padding-top: 10px;
        padding-bottom: 5px;
        position: absolute;
        top: 100%;
        width: 100%;
        margin-top: -35px
    }
    .blog-footer i.fa,
    .side-bar i.fa {
        font-size: .82rem
    }
    #likes .like_post {
        max-width: 250px
    }
    .tagegories ul li div {
        height: 23vh
    }
    .top-title a {
        padding: .2rem;
        position: relative
    }
    .animateblock {
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        opacity: 0
    }
    .animateblock.d2 {
        -webkit-transition: all .5s ease-in-out .2s;
        -moz-transition: all .5s ease-in-out .2s;
        -ms-transition: all .5s ease-in-out .2s;
        -o-transition: all .5s ease-in-out .2s;
        transition: all .5s ease-in-out .2s
    }
    .animateblock.d3 {
        -webkit-transition: all .5s ease-in-out .4s;
        -moz-transition: all .5s ease-in-out .4s;
        -ms-transition: all .5s ease-in-out .4s;
        -o-transition: all .5s ease-in-out .4s;
        transition: all .5s ease-in-out .4s
    }
    .animated {
        opacity: 1
    }
    .animateblock.btm {
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
        transform: translateY(200px);
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -o-transition: all .5s linear;
        transition: all .5s linear
    }
    .animateblock.animated,
    .animateblock.btm.animated {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    article.animateblock.animated {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        -webkit-animation: popUp .8s ease-in forwards;
        animation: popUp .8s ease-in forwards
    }
    @-webkit-keyframes popUp {
        70% {
            -webkit-transform: scale(1.1);
            opacity: .8;
            -webkit-animation-timing-function: ease-out
        }
        100% {
            -webkit-transform: scale(1);
            opacity: 1
        }
    }
    @keyframes popUp {
        70% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            opacity: .8;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }
    }
    .about-img {
        display: block;
        margin: auto
    }
    .single.content-area {
        width: 80%;
        float: none;
        margin: auto!important;
        padding-top: 5em
    }
    .single .post.answer .entry-content,
    .single .post.link .entry-content {
        text-align: center
    }
	.single .post.text .entry-content ul {
		width: 100%;
		list-style-position: inside;
	}
    .single .post .entry-content blockquote,
    .single .post .post-media.photoset .entry-content p,
    .single .post-tags,
    .single .post.link .entry-content p,
    .single .post.photo .entry-content p {
        padding: 0
    }
    .single .post-media.video iframe,
    .single .post.text .entry-content p iframe {
        height: 42vw
    }
    .single .post-media.audio {
        padding-bottom: 50%;
        width: 50%;
        margin-left: 25%
    }
    .single .chat-wrapper,
    .single .post.quote .entry-content>h2,
    .single .post.quote .entry-content>p {
        width: 85%;
        margin: auto
    }
    .single .post.photo .entry-content blockquote p {
        padding-left: 2em
    }
    .single .post-date p,
    .single .post-note-count p {
        font-size: .9em
    }
	
	.single-pagination, .single .post-notes, .single .post-comments {
		width: 100%;
	}
}