/*--------------------------*/
/*       CSS Stylesheet     */
/*  (C) 2014 www.rosea.io   */
/*--------------------------*/
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: none; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

a { text-decoration: none; }

.outline { position: absolute; clip: rect(0px 0px 0px 0px); *clip: rect 0 0 0 0; }

input, textarea, button { outline: none; }

mark { background: none; color: inherit; }

strong, b { font-weight: 700; }

del, strike { text-decoration: line-through; color: #333333; }

pre { margin-top: 20px; margin-bottom: 20px; padding: 20px 10px 20px 40px; border-radius: 4px; background: #F4F4F4; font-family: "Courier New", Courier, monospace; font-weight: normal; font-size: 14px; line-height: 24px; color: #000; }
pre strong, pre b { font-weight: 700; }

.post-main-content blockquote, .post-main-content q { padding: 20px 30px; margin: 20px 0; font-size: 14px; line-height: 1.5; color: #000; background-color: #fff; -webkit-box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.1); border-radius: 3px; }
.post-main-content blockquote h2, .post-main-content blockquote h3, .post-main-content blockquote h4, .post-main-content blockquote h5, .post-main-content blockquote h6, .post-main-content q h2, .post-main-content q h3, .post-main-content q h4, .post-main-content q h5, .post-main-content q h6 { font-size: 18px; }
.post-main-content a { color: inherit; text-decoration: underline; }
.post-main-content a:hover { opacity: 0.6; }
.post-main-content h1, .post-main-content h2, .post-main-content h3, .post-main-content h4, .post-main-content h5, .post-main-content h6 { margin: 0 0 10px 0; font-family: "Montserrat", sans-serif; }
.post-main-content p { margin-bottom: 10px; }
.post-main-content p:last-of-type { margin-bottom: 0; }
.post-main-content h1 { font-size: 24px; }
.post-main-content h2 { font-size: 18px; }
.post-main-content h3 { font-size: 16px; }
.post-main-content h4 { font-size: 14px; font-weight: 700; }
.post-main-content h5 { font-size: 12px; font-weight: 700; }
.post-main-content ul, .post-main-content ol { margin: 10px 0 10px 40px; }
.post-main-content ul { list-style: disc; }
.post-main-content ol { list-style-type: decimal; }
.post-main-content img { display: block; width: calc(100% + 80px); height: auto; margin: 20px -40px; }
.post-main-content .answer_form_container iframe { width: 100%; margin: 20px auto 0; }

::-webkit-selection { color: #fff; background-color: #000; }

::-moz-selection { color: #fff; background-color: #000; }

::selection { color: #fff; background-color: #000; }

a { -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }

.effect-sadie .format-photo-caption::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: rgba(0, 0, 0, 0.7); content: ''; opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); will-change: opacity; will-change: transform; }

.effect-sadie .format-photo-caption::before { -webkit-transition: opacity 0.95s, -webkit-transform 0.15s; transition: opacity 0.95s, transform 0.15s; }

.effect-sadie .format-photo-icons, .effect-sadie .expand, .effect-sadie .buy-item { -webkit-transition: opacity 0.45s, -webkit-transform 0.65s; transition: opacity 0.45s, transform 0.65s; }

.effect-sadie .format-photo-caption .post-date, .effect-sadie .format-photo-caption .post-notes { padding: 1.5em; margin: 0; width: 100%; position: absolute; left: 0; z-index: 2; opacity: 0; -webkit-transition: opacity 0.45s, -webkit-transform 0.55s; transition: opacity 0.45s, transform 0.55s; }

.effect-sadie .format-photo-caption .post-date { top: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }

.effect-sadie .format-photo-caption .post-notes { bottom: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }

.effect-sadie .format-photo-icons, .effect-sadie .expand, .effect-sadie .buy-item { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }

.effect-sadie:hover .format-photo-caption::before, .effect-sadie:hover .format-photo-caption .post-date, .effect-sadie:hover .format-photo-caption .post-notes, .effect-sadie:hover .format-photo-icons, .effect-sadie:hover .expand, .effect-sadie:hover .buy-item { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.effect-sadie:hover .expand, .effect-sadie:hover .buy-item { -webkit-transition-delay: 0.35s; /* Safari */ transition-delay: 0.35s; }

.effect-sadie:hover .format-photo-caption .post-notes { -webkit-transition-delay: 0.40s; /* Safari */ transition-delay: 0.40s; }

.effect-sadie:hover .format-photo-caption .post-date { -webkit-transition-delay: 0.50s; /* Safari */ transition-delay: 0.50s; }

.post-main-content a, .sidebar .instagram #instagram li img:hover, .sidebar .dribbble .shotList li img:hover, .sidebar .flickr ul li img:hover, .sidebar .latestTweet .tweetContent a:hover, .sidebar .latestTweet .userLink:hover, .header .main-nav ul li a, .header .tag-menu ul li a, .search-form input[type='text'], .read_more_container a, .share-buttons li .fa, .share-field, .share-field li, .pagination a, .pagination-fixed .pagination-next, .pagination-fixed .pagination-prev { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { background-color: #F4F4F4; font-size: 14px; line-height: 1.6; color: #000; }

.content { display: block; }

.center-content, .content { width: 1690px; margin: 0 auto; }
.page-permalink .center-content, .page-permalink .content { width: 700px; }

.top-heading { margin-bottom: 60px; font-family: "Courier New", Courier, monospace; font-size: 40px; font-weight: 700; line-height: 1; text-align: center; }

.top-text { margin-top: 20px; font-family: "Courier New", Courier, monospace; font-size: 14px; font-weight: normal; text-align: center; }

/* Preloader */
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 1001; }

#status { width: 200px; height: 200px; position: absolute; left: 50%; /* centers the loading animation horizontally one the screen */ top: 50%; /* centers the loading animation vertically one the screen */ background-image: url("data:image/gif;base64,R0lGODlhKwALAPEAAP///93d3e3t7d3d3SH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAKwALAAACMoSOCMuW2diD88UKG95W88uF4DaGWFmhZid93pq+pwxnLUnXh8ou+sSz+T64oCAyTBUAACH5BAkKAAAALAAAAAArAAsAAAI9xI4IyyAPYWOxmoTHrHzzmGHe94xkmJifyqFKQ0pwLLgHa82xrekkDrIBZRQab1jyfY7KTtPimixiUsevAAAh+QQJCgAAACwAAAAAKwALAAACPYSOCMswD2FjqZpqW9xv4g8KE7d54XmMpNSgqLoOpgvC60xjNonnyc7p+VKamKw1zDCMR8rp8pksYlKorgAAIfkECQoAAAAsAAAAACsACwAAAkCEjgjLltnYmJS6Bxt+sfq5ZUyoNJ9HHlEqdCfFrqn7DrE2m7Wdj/2y45FkQ13t5itKdshFExC8YCLOEBX6AhQAADsAAAAAAAAAAAA="); /* path to your loading animation */ background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; /* is width and height divided by two */ }

.circle { border-radius: 100%; }

.square { border-radius: 4px; }

.hamburger-menu { width: 80px; height: 80px; position: absolute; top: calc(50% - 40px); right: 0; z-index: 101; font-size: 0; line-height: 0; color: #000; cursor: pointer; border: 0; background-color: transparent; }
.hamburger-menu svg { width: 40px; }

.sidebar { visibility: hidden; opacity: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.92); font-weight: normal; position: fixed; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; z-index: 1001; opacity: 0; will-change: opacity; -webkit-transition: visibility 0s, opacity 0.3s ease-in-out; -moz-transition: visibility 0s, opacity 0.3s ease-in-out; -ms-transition: visibility 0s, opacity 0.3s ease-in-out; -o-transition: visibility 0s, opacity 0.3s ease-in-out; transition: visibility 0s, opacity 0.3s ease-in-out; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; }
.sidebar .sidebar-content { padding: 10% 6%; margin: 0 auto; width: calc(100% + 15px); height: 100%; overflow: auto; }
.sidebar .sidebar-content .sidebar-col-1, .sidebar .sidebar-content .sidebar-col-2 { margin: 0; display: inline-block; vertical-align: top; }
.sidebar .sidebar-content .sidebar-col-1 { width: 21%; }
.sidebar .sidebar-content .sidebar-col-2 { width: 57%; padding: 0 7%; }
.sidebar .sidebar-content h3 { margin-bottom: 20px; font-size: 14px; font-weight: 700; color: #fff; }
.sidebar .sidebar-content .main-nav, .sidebar .sidebar-content .tag-nav { font-weight: normal; }
.sidebar .sidebar-content .main-nav a, .sidebar .sidebar-content .tag-nav a { color: #9d9d9d; }
.sidebar .sidebar-content .main-nav a:hover, .sidebar .sidebar-content .tag-nav a:hover { color: #fff; }
.sidebar .sidebar-content .main-nav { font-size: 16px; font-weight: 700; line-height: 2; }
.sidebar .sidebar-content .tag-nav { font-size: 14px; line-height: 26px; }
.sidebar .sidebar-content .social-nav { margin-top: 20px; margin-bottom: 40px; font-size: 23px; }
.sidebar .sidebar-content .social-nav li { display: inline-block; margin-right: 10px; }
.sidebar .sidebar-content .social-nav li:last-child { margin-right: 0; }
.sidebar .sidebar-content .social-nav li a { color: #9d9d9d; }
.sidebar .sidebar-content .social-nav li a:hover { color: #fff; }
.sidebar.opened { visibility: visible; opacity: 1; }
.sidebar .dibbble, .sidebar .instagram, .sidebar .flickrBox { margin-top: 40px; }
.sidebar .instagram #instagram li { display: inline-block; margin: 0 10px 8px 0; width: 30%; }
.sidebar .instagram #instagram li:nth-child(3n) { margin-right: 0 !important; }
.sidebar .instagram #instagram li img { width: 100%; height: auto; border-radius: 2px; }
.sidebar .instagram #instagram li img:hover { opacity: 0.6; }
.sidebar .dribbble .shotList li { margin: 0 10px 8px 0; width: 30%; display: inline-block; }
.sidebar .dribbble .shotList li:nth-child(3n) { margin-right: 0; }
.sidebar .dribbble .shotList li img { width: 100%; height: auto; border-radius: 2px; }
.sidebar .dribbble .shotList li img:hover { opacity: 0.6; }
.sidebar .flickr .flickrHeader a { font-size: 12px; text-decoration: none; color: #fff; }
.sidebar .flickr ul li { margin: 0 10px 8px 0; width: 30%; max-height: 66px; overflow: hidden; display: inline-block; }
.sidebar .flickr ul li:nth-child(3n) { margin-right: 0; }
.sidebar .flickr ul li img { width: 100%; height: auto; border-radius: 2px; }
.sidebar .flickr ul li img:hover { opacity: 0.6; }
.sidebar .latestTweet { margin-top: 40px; margin-bottom: 40px; text-align: left; }
.sidebar .latestTweet .tweetContent { color: #9d9d9d; font-size: 14px; line-height: 22px; }
.sidebar .latestTweet .tweetContent a { color: #fff; }
.sidebar .latestTweet .tweetContent a:hover { color: #3cf; }
.sidebar .latestTweet .tweetDate { margin-top: 10px; display: block; color: #9d9d9d; font-size: 12px; }
.sidebar .latestTweet .userLink { color: #fff; font-size: 12px; }
.sidebar .latestTweet .userLink:hover { color: #3cf; }
.sidebar .latestTweet .wrapper { width: 100% !important; margin-top: 0; }
.sidebar .sidebar-close { width: 80px; height: 80px; position: fixed; top: 60px; right: 50px; z-index: 101; font-size: 0; line-height: 0; color: #000; cursor: pointer; border: 0; background-color: transparent; }
.sidebar .sidebar-close svg { width: 40px; fill: #fff; }
.sidebar .author { margin-bottom: 40px; }
.sidebar .author .avatar { width: 90px; margin-bottom: 20px; }
.sidebar .author .author-name { margin-bottom: 5px; font-size: 18px; line-height: 36px; font-weight: 700; color: #fff; }
.sidebar .author .author-desc { font-size: 16px; line-height: 24px; font-weight: normal; color: #9d9d9d; }
.sidebar .search-form { margin: 45px 0 25px 0; position: relative; }
.sidebar .search-form .fa { position: absolute; top: 13px; left: 15px; color: #fff; }
.sidebar .search-form input[type='text'] { width: 100%; height: 42px; padding: 0 10px 0 50px; margin: 0; border-radius: 4px; border: none; background-color: #1e1e1e; font-size: 13px; font-weight: normal; line-height: 42px; color: #ffffff; }

@media only screen and (max-width: 1180px) { .sidebar .sidebar-content .sidebar-col-1 { width: 26%; }
  .sidebar .sidebar-content .sidebar-col-2 { width: 47%; } }
@media only screen and (max-width: 979px) { .sidebar .sidebar-content { width: 100vw; height: 100%; margin: 0 auto; padding: 10% 6%; }
  .sidebar .sidebar-content .sidebar-col-1, .sidebar .sidebar-content .sidebar-col-2 { display: block; width: 100%; padding: 0; }
  .sidebar .sidebar-close { right: 6%; }
  .sidebar .wrapper { margin-top: 0; margin-bottom: 0; } }
@media only screen and (max-width: 612px) { .sidebar .sidebar-close { top: 58px; right: 20px; width: 54px; height: 54px; } }
.header { padding-top: 60px; padding-bottom: 60px; text-align: center; }
.header .logo { display: inline-block; max-width: 400px; font-family: "Courier New", Courier, monospace; font-weight: 700; font-size: 32px; line-height: 50px; color: #000; }
.header .logo img { width: 100%; }
.header .page-desc { font-family: "Courier New", Courier, monospace; font-size: 14px; line-height: 16px; color: #404040; }
.header .main-nav ul li, .header .tag-nav ul li { display: inline-block; margin-right: 40px; line-height: 2; }
.header .main-nav ul li:last-child, .header .tag-nav ul li:last-child { margin-right: 0; }
.header .main-nav { margin-top: 60px; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: normal; }
.header .main-nav ul li { margin-bottom: 10px; }
.header .main-nav ul li a { padding-bottom: 10px; color: #000; border-bottom: 2px solid transparent; }
.header .main-nav ul li a:hover { border-bottom: 2px solid #000; }
.header .tag-menu { margin-top: 20px; font-family: "Courier New", Courier, monospace; font-size: 12px; font-weight: normal; }
.header .tag-menu ul li { display: inline-block; margin-right: 30px; }
.header .tag-menu ul li:last-child { margin-right: 0; }
.header .tag-menu ul li a { color: #000; }
.header .tag-menu ul li a:before { content: '#'; font-size: 12px; }
.header .tag-menu ul li a:hover { opacity: 0.7; }

.header-top { width: 100%; position: relative; }

.search-form { display: inline-block; }
.search-form input[type='text'] { width: 80%; padding: 10px; margin-left: 20px; border-radius: 4px; border: none; background-color: #fff; font-size: 12px; font-weight: 700; color: #000; }
.search-form input[type='text']:hover, .search-form input[type='text']:focus { -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); }

.header-search { position: absolute; left: 0; top: calc(50% - 31px); }

.read_more_container { margin-top: 20px; font-family: "Courier New", Courier, monospace; font-weight: 700; font-size: 14px; color: #b9b9b9; letter-spacing: 2px; text-transform: uppercase; }
.read_more_container a { color: inherit; text-decoration: none; }

.footer { padding: 60px 0; text-align: center; }
.footer p { font-family: "Courier New", Courier, monospace; font-size: 12px; line-height: 20px; color: #000; }
.footer p strong { font-size: 14px; }
.footer .author { margin-top: 20px; }
.footer .author a { font-weight: 700; color: inherit; }
.footer .author a:hover { text-decoration: underline; }

.post { margin-bottom: 30px; margin-right: 30px; width: 400px; border-radius: 4px; border: 10px solid #fff; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); }
.page-permalink .post { width: 100%; margin: 0; }
.post .post-title { margin-bottom: 20px; font-family: "Courier New", Courier, monospace; font-weight: 700; font-size: 24px; line-height: 1.5; }
.post .post-title a { color: inherit; }

[data-tags~="featured"] { width: 830px; }

.format-photo .format-photo-caption { width: 100%; position: absolute; top: 0; bottom: 0; }
.format-photo .format-photo-container { position: relative; }
.format-photo .format-photo-container a { display: block; }
.format-photo .format-photo-container .format-photo-image { display: block; width: 100%; }

.format-photoset .post-head { margin-top: 20px; }
.format-photoset .photo-container { width: 100%; }
.format-photoset .photo-container img { width: 100%; height: auto; }
.format-photoset .post-content { padding: 0 40px 0 40px; }
.format-photoset .post-content .post-tags { margin: 0; }
.format-photoset .post-share { padding: 20px 40px; margin: 0; }

.format-photo .post-date, .format-photo .post-notes { color: #fff; text-transform: uppercase; }
.format-photo .post-content { margin: 40px 0; padding: 0 40px; }
.format-photo .post-footer .post-tags { margin-top: 40px; }
.format-photo .post-share { display: none; }

.page-permalink .format-photo, .page-permalink .format-photoset { background-color: #F3F3F3; }
.format-photo .format-photo-caption, .format-photoset .format-photo-caption { text-align: center; }
.format-photo .format-photo-icons, .format-photoset .format-photo-icons { width: 110px; height: 30px; position: absolute; top: calc(50% - 15px); left: calc(50% - 55px); z-index: 2; }
.format-photo .format-photo-icons li, .format-photoset .format-photo-icons li { display: inline-block; margin-right: 20px; line-height: 0; vertical-align: middle; }
.format-photo .format-photo-icons li:last-child, .format-photoset .format-photo-icons li:last-child { margin-right: 0; }
.format-photo .format-photo-icons li.show-photo a, .format-photo .format-photo-icons li .share-button .fa-share, .format-photoset .format-photo-icons li.show-photo a, .format-photoset .format-photo-icons li .share-button .fa-share { color: #fff; font-size: 21px; }
.format-photo .format-photo-icons .share-field, .format-photoset .format-photo-icons .share-field { bottom: 19px; left: 68px; }
.format-photo .expand, .format-photo .buy-item, .format-photoset .expand, .format-photoset .buy-item { position: absolute; bottom: 15px; z-index: 2; font-size: 17px; color: #fff; }
.format-photo .expand, .format-photoset .expand { right: 25px; }
.format-photo .buy-item, .format-photoset .buy-item { left: 25px; }
.format-photo .post-head, .format-photoset .post-head { padding: 0 40px; color: rgba(0, 0, 0, 0.2); }
.format-photo .post-footer, .format-photoset .post-footer { padding: 0 40px; }
.format-photo .post-footer .post-tags, .format-photoset .post-footer .post-tags { margin: 40px 0; }
.format-photo .post-footer .disqus, .format-photoset .post-footer .disqus { margin: 40px 0; }
.format-photo .post-footer .disqus, .format-photoset .post-footer .disqus { margin-bottom: 40px; }
.format-photo .post-footer .post-notes-list, .format-photoset .post-footer .post-notes-list { padding-bottom: 40px; }

.format-text { padding: 40px; background-color: #F3F3F3; }
.format-text .post-head { color: rgba(0, 0, 0, 0.2); }

.format-link { padding: 40px; background-color: #E4EBFC; }
.format-link .post-external-link { padding-bottom: 10px; letter-spacing: 5px; text-transform: uppercase; border-bottom: 1px solid #6E99A2; }
.format-link .post-external-link, .format-link .post-head, .format-link .post-footer, .format-link .read_more_container { color: #637ec0; }
.format-link .post-external-link { margin-bottom: 20px; display: block; font-family: "Courier New", Courier, monospace; font-weight: 700; }
.format-link .post-link-excerpt { font-family: "Courier New", Courier, monospace; font-size: 16px; }
.format-link .share-button .fa-share { color: #000; }

.format-answer { padding: 40px; background-color: #fffee8; }
.format-answer .post-head { color: rgba(0, 0, 0, 0.2); }
.format-answer a { color: inherit; font-weight: 700; }
.format-answer .asker { margin-bottom: 20px; }

.format-chat { padding: 40px; background-color: #fffee8; color: #000; line-height: 1.6; }
.format-chat .post-head { color: rgba(0, 0, 0, 0.2); }
.format-chat .post-title { padding-bottom: 10px; color: inherit; border-bottom: 1px solid #000; }
.format-chat .post-content { width: 100%; }
.format-chat .post-content .chat { margin: 0; list-style: none; }
.format-chat .post-content .chat .chat-name { font-weight: 700; }
.format-chat .post-content .chat li { padding: 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
.format-chat .post-content .chat li:first-child { padding-top: 0; }
.format-chat .post-content .chat li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.format-chat .post-content .chat li:nth-child(even) { font-size: 14px; opacity: 0.7; }

.format-quote { padding: 40px; background-color: #000; }
.format-quote .post-head, .format-quote .post-footer { color: #CCC; }
.format-quote .post-title { font-size: 30px; font-weight: normal; line-height: 1.5; }
.format-quote .post-content { color: #000; }
.format-quote .post-content h2, .format-quote .post-content h3, .format-quote .post-content h4, .format-quote .post-content h5 { color: inherit; }

.format-video, .format-audio { padding: 0 40px 20px 40px; background-color: #212121; color: #fff; }
.format-video .frame, .format-audio .frame { width: calc(100% + 80px); height: auto; margin: 0 -40px 20px -40px; }
.format-video .post-head .post-notes, .format-video .post-head .post-date, .format-audio .post-head .post-notes, .format-audio .post-head .post-date { padding-top: 20px; }
.page-index .format-video .post-head, .page-index .format-audio .post-head { display: none; }
.format-video .post-head, .format-video .post-footer, .format-audio .post-head, .format-audio .post-footer { color: inherit; }
.format-video .post-content, .format-audio .post-content { color: inherit; }
.format-video .post-content h2, .format-video .post-content h3, .format-video .post-content h4, .format-video .post-content h5, .format-audio .post-content h2, .format-audio .post-content h3, .format-audio .post-content h4, .format-audio .post-content h5 { color: inherit; }

.format-audio .frame iframe { width: 100%; }
.format-audio .frame .spotify_audio_player { height: 80px; }

.post-date, .post-notes, .post-tags { font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size: 13px; line-height: 1.5; font-weight: 700; color: inherit; }

.post-tags { margin: 30px 0 0 0; color: inherit; }

.post-date, .post-notes { display: inline-block; margin-right: 20px; margin-bottom: 20px; }
.post-date .fa, .post-notes .fa { margin-right: 5px; }
.post-date:last-of-type, .post-notes:last-of-type { margin-right: 0; }

.post-tags li { display: inline-block; margin-right: 15px; }
.post-tags li a { color: inherit; }
.post-tags li a:before { content: '#'; }

.post-share { margin-top: 20px; }
.post-share li { display: inline-block; margin-right: 10px; line-height: 1; vertical-align: middle; }
.post-share li:last-child { margin-right: 0; position: relative; }
.page .post-share li:nth-child(1) { display: none; }
.post-share li .fa { font-size: 16px; color: #ccc; cursor: pointer; }

.share-buttons { text-align: left; }
.share-buttons li { display: inline-block; margin-right: 10px; line-height: 4px; vertical-align: middle; cursor: pointer; }
.share-buttons li .fa:hover { color: #03a9f4; }
.share-buttons li:last-child { margin-right: 0; }

.share-field { position: absolute; bottom: 10px; left: 25px; z-index: 1; overflow: hidden; width: 130px; background: rgba(0, 0, 0, 0.88); text-align: left; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; visibility: hidden; opacity: 0; will-change: opacity; }
.share-field.visible { visibility: visible; opacity: 1; }
.share-field li { width: 100%; padding: 0; margin: 0; font-size: 11px; font-weight: 700; border-bottom: 1px solid rgba(70, 70, 70, 0.55); }
.share-field li:last-child { border-bottom: none; }
.share-field li:hover { background-color: rgba(255, 255, 255, 0.08); }
.share-field li a { display: block; padding: 10px 14px 9px 14px; line-height: 1.6; color: #fff; }
.share-field li .fa { margin-right: 10px; font-size: 13px; color: #fff; }

.disqus { width: 100%; margin: 30px auto 0; }

.post-notes-list { width: 100%; margin: 40px auto 0; line-height: 1.5; }
.post-notes-list h2 { font-size: 24px; }
.post-notes-list .notes { margin: 25px 0 0 0; list-style-type: none; }
.post-notes-list .notes .reblog:before, .post-notes-list .notes .like:before { font: normal normal normal 14px/1 FontAwesome; float: right; top: 0; right: 0; }
.post-notes-list .notes .reblog:before { content: "\f079"; }
.post-notes-list .notes .like:before { content: "\f08a"; }
.post-notes-list .notes .note { display: block; vertical-align: top; width: 100%; padding: 10px 0; font-size: 11px; }
.post-notes-list .notes .note .avatar_frame, .post-notes-list .notes .note blockquote { display: none; }
.post-notes-list .notes .note .action a { font-weight: 700; color: inherit; }
.post-notes-list .notes .note .answer_content { font-weight: normal; }
.post-notes-list .notes .more_notes_link_container .more_notes_link { color: #000; font-weight: 700; }

.pagination { margin: 70px auto 0; font-size: 14px; text-transform: uppercase; text-align: center; color: #000; }
.pagination .pagination-next { margin-left: 20px; }
.pagination .pagination-next .fa { margin-left: 20px; }
.pagination .pagination-prev { margin-right: 20px; }
.pagination .pagination-prev .fa { margin-right: 20px; }
.pagination .pagination-jump-page { margin: 0 10px; }
.pagination .pagination-current-page { margin: 0 10px; opacity: 0.3; }
.pagination a { color: inherit; }
.pagination a:hover { opacity: 0.6; }

.pagination-fixed .pagination-next, .pagination-fixed .pagination-prev { padding-top: 20px; padding-bottom: 20px; background-color: white; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); color: #565656; text-align: center; position: fixed; top: calc(50% - 26px); }
.pagination-fixed .pagination-next:hover, .pagination-fixed .pagination-prev:hover { background-color: rgba(255, 255, 255, 0.7); }
.pagination-fixed .pagination-next { padding-right: 17px; padding-left: 20px; right: 69px; border-radius: 4px; }
.pagination-fixed .pagination-prev { padding-left: 17px; padding-right: 20px; left: 69px; border-radius: 4px; }

#infscr-loading { width: 100%; overflow: hidden; background: transparent; position: fixed; left: 0; bottom: 0; text-align: center; }
#infscr-loading img { padding: 20px 0; }
#infscr-loading div { display: none; }

.hidden { display: none; }

@media only screen and (max-width: 1689px) { .center-content, .content { width: 1260px; } }
@media only screen and (max-width: 1259px) { .center-content, .content { width: 830px; } }
@media only screen and (max-width: 830px) { .header-search { display: none; }
  .header .main-nav, .header .tag-menu { display: none; }
  .page-permalink .center-content, .page-permalink .content { width: 90%; }
  .center-content, .content { width: 90%; }
  .center-content .post, .content .post { margin-bottom: 20px; margin-right: 0; width: 100%; }
  .pagination-fixed .pagination-next { right: 5px; }
  .pagination-fixed .pagination-prev { left: 5px; } }
/*--------------------------*/
/*       COPYRIGHT 2014     */
/*        www.rosea.io      */
/*--------------------------*/