/*---------------------------------*/
/*       CSS Stylesheet            */
/*  (C) 2015 - 2016 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; }

body { line-height: 1; }

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 { font-weight: 700; }

q, blockquote { padding: 0 40px; margin: 30px 0; border-right: 1px #f2f2f2 solid; border-left: 1px #f2f2f2 solid; font: 400 16px/24px "Old Standard TT", serif; color: #bdc3cf; }

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

.postExcerpt { font: 400 14px/28px "Roboto", sans-serif; color: #7a7a7a; }
.postExcerpt a { color: #4ecdc4; }
.postExcerpt a:hover { color: #bdc3c7; }
.postExcerpt h1, .postExcerpt h2, .postExcerpt h3, .postExcerpt h4, .postExcerpt h5, .postExcerpt h6 { padding: 10px 0; font-family: "Old Standard TT", serif; line-height: 1; }
.postExcerpt h1 { font-size: 50px; }
.postExcerpt h2 { font-size: 42px; }
.postExcerpt h3 { font-size: 32px; }
.postExcerpt h4 { font-size: 24px; }
.postExcerpt h5 { font-size: 18px; }
.postExcerpt h6 { font-size: 16px; }
.postExcerpt ul, .postExcerpt ol { margin: 20px 0 20px 60px; color: #a0a0a0; }
.postExcerpt ul { list-style-type: disc; }
.postExcerpt ol { list-style-type: decimal; }

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top: 20px; }

::-webkit-selection { color: white; background-color: black; }

::-moz-selection { color: white; background-color: black; }

::selection { color: white; background-color: black; }

a { -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -ms-transition: color 0.2s linear; transition: color 0.2s linear; }

.effect-milo { overflow: hidden; background: #575757; }
.effect-milo img { max-width: none; width: 100%; opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform, opacity; -webkit-transition: all 0.55s linear; -moz-transition: all 0.55s linear; -o-transition: all 0.55s linear; -ms-transition: all 0.55s linear; transition: all 0.55s linear; -moz-transform: 0.35s; -o-transform: 0.35s; -ms-transform: 0.35s; -webkit-transform: 0.35s; transform: 0.35s; }
.effect-milo:hover img { opacity: 0.5; -moz-transform: scale(1.09); -o-transform: scale(1.09); -ms-transform: scale(1.09); -webkit-transform: scale(1.09); transform: scale(1.09); }

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { position: relative; float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "FontAwesome"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: 30px; }
[dir="rtl"] .slick-prev { left: auto; right: 30px; }
.slick-prev:before { content: "\f177"; }
[dir="rtl"] .slick-prev:before { content: "\f178"; }

.slick-next { right: 30px; }
[dir="rtl"] .slick-next { left: 30px; right: auto; }
.slick-next:before { content: "\f178"; }
[dir="rtl"] .slick-next:before { content: "\f177"; }

.slick-slider { margin-bottom: 21px; }

.slick-dots { position: absolute; top: 30px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\f111"; width: 20px; height: 20px; font-family: "FontAwesome"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

.wrapper:before, .post:before, .post .postContent:before, .wrapper:after, .post:after, .post .postContent:after { content: " "; display: table; }
.wrapper:after, .post:after, .post .postContent:after { clear: both; }
.wrapper, .post, .post .postContent { *zoom: 1; }

.post .postReadmore, .post .postTags li a, .post .like_and_reblog_buttons li a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }

body { border: 60px solid white; background-color: #f2f2f2; font-family: "Roboto", sans-serif; }

.container { width: 100%; margin: 0 auto; }

.wrapper { width: 80%; margin: 0 auto; }

.mainHeader { padding: 45px 90px; position: relative; }
.mainHeader .logo { font: 700 32px/50px "Montserrat", sans-serif; color: black; }
.mainHeader .pageDesc { font-size: 12px; color: #bababa; }
.mainHeader .nav { clear: both; margin: 20px 0; font: 700 12px/1 "Montserrat", sans-serif; text-transform: uppercase; }
.mainHeader .nav ul li { display: inline-block; margin-right: 20px; }
.mainHeader .nav ul li a { color: black; }
.mainHeader .nav ul li a:hover { color: gray; }

.search-form { max-width: 300px; padding-left: 30px; }
.search-form input[type='text'] { width: 80%; padding-bottom: 5px; margin-left: 20px; border: none; border-bottom: 1px #ecf0f1 solid; background-color: white; font-size: 12px; font-weight: 700; color: lightgray; }
.search-form input[type='text']:hover { width: 80%; }

.mainFooter { padding: 75px 0; border-top: 1px #ecf0f1 solid; }
.mainFooter p { font-size: 11px; line-height: 18px; color: #a0a0a0; }
.mainFooter p strong { font-size: 14px; font-weight: 700; color: #2c3e50; }
.mainFooter .author { margin-top: 20px; }
.mainFooter .author a { display: inline-block; padding-bottom: 5px; border-bottom: 1px #4ecdc4 solid; font-weight: 700; text-transform: uppercase; color: #4ecdc4; }
.mainFooter .author a:hover { border-color: #bdc3c7; color: #bdc3c7; }

.latestTweet { padding-bottom: 75px; margin-bottom: 75px; border-bottom: 1px #33ccff solid; text-align: center; }
.latestTweet .fa { display: block; margin-bottom: 30px; font-size: 60px; background: -webkit-gradient(linear, left top, left bottom, from(#33ccff), to(#7bdeff)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #57d5ff; }
.latestTweet .tweetContent { display: block; margin-bottom: 30px; font: 400 18px/30px "Old Standard TT", serif; color: #bdc3c7; }
.latestTweet .tweetContent a { color: #33ccff; }
.latestTweet .tweetContent a:hover { color: #bdc3c7; }
.latestTweet .tweetDate { display: block; font-size: 11px; }
.latestTweet .userLink { font-size: 11px; color: #33ccff; }
.latestTweet .userLink:hover { color: #bdc3c7; }

.nav-social { margin-top: 20px; }
.nav-social li { display: inline-block; margin-right: 10px; }
.nav-social li a { font-size: 18px; color: #a0a0a0; }
.nav-social li a:hover { color: #7a7a7a; }

.post { margin-bottom: 25px; }
.post:last-of-type { margin-bottom: 0; }
.post .wrapper { position: relative; }
.post .postImage { margin-bottom: 20px; position: relative; }
.post .postImage img { display: block; width: 100%; }
.post .postContent { padding-bottom: 60px; }
.page-permalink .post .postContent { padding-bottom: 40px; }
.post .postTitle { margin-bottom: 30px; font-size: 32px; font-weight: 700; color: #2c3e50; }
.post .postTitle a { color: inherit; }
.post .postTitle .fa { position: absolute; left: -130px; font-size: 28px; }
.post .postMeta { margin-bottom: 20px; font-size: 0; line-height: 0; }
.post .postMeta li { display: inline-block; padding-right: 25px; margin-right: 20px; position: relative; font-size: 12px; line-height: 1; text-transform: uppercase; color: #bababa; }
.post .postMeta li:after { content: ""; display: block; width: 5px; height: 5px; margin-top: -3px; border-radius: 50%; background-color: #bababa; position: absolute; top: 50%; right: 0; }
.post .postMeta li:last-child { padding-right: 0; margin-right: 0; }
.post .postMeta li:last-child:after { display: none; }
.post .postMeta li a { color: #4ecdc4; }
.post .postMetaSeparator { width: 100%; height: 1px; margin: 0; clear: both; border: none; background-color: #ecf0f1; }
.post .postExcerpt { margin-top: 25px; }
.post .postExcerpt img { width: 100%; }
.post .postReadmore { display: inline-block; padding-bottom: 18px; margin-top: 30px; border-bottom: 2px #4ecdc4 solid; font: 700 14px/1 "Montserrat", sans-serif; text-transform: uppercase; color: #4ecdc4; }
.post .postReadmore:hover { border-bottom-color: #bdc3c7; color: #bdc3c7; }
.post .postTags { margin-top: 30px; float: left; font-size: 0; line-height: 0; }
.post .postTags li { display: inline-block; margin-right: 10px; }
.post .postTags li:last-child { margin-right: 0; }
.post .postTags li a { display: inline-block; height: 30px; border-bottom: 1px #bababa solid; font-size: 11px; font-weight: 700; line-height: 30px; white-space: nowrap; color: #bababa; }
.post .postTags li a:hover { border-bottom-color: #bdc3c7; color: #bdc3c7; }
.post .like_and_reblog_buttons { margin-top: 30px; float: right; line-height: 42px; }
.post .like_and_reblog_buttons li { display: inline-block; margin-right: 5px; }
.post .like_and_reblog_buttons li:last-child { margin-right: 0; }
.post .like_and_reblog_buttons li a { font-size: 26px; color: #7a7a7a; }
.post .like_and_reblog_buttons li a.reblog_button { margin-bottom: 10px; }
.post .like_and_reblog_buttons li a .fa-twitter { color: #33ccff; }
.post .like_and_reblog_buttons li a .fa-pinterest { color: #e84f61; }
.post .like_and_reblog_buttons li a .fa-facebook { color: #3c599b; }
.post .like_and_reblog_buttons li a:hover { color: #bdc3c7; }

.formatText .postExcerpt p:first-child strong { display: block; margin-bottom: 20px; font: 400 32px/42px "Old Standard TT", serif; color: #2e2e2e; }
.formatText .postExcerpt p { color: #949494; }
.page-permalink .formatText .postExcerpt p { color: #7a7a7a; }

.formatQuote { padding-top: 60px; border-top: 1px #ecf0f1 solid; }
.formatQuote .postTitle { margin-bottom: 20px; font: 400 32px/42px "Old Standard TT", serif; background: -webkit-gradient(linear, left top, left bottom, from(#dadfe1), to(#bdc3c7)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #cbd1d4; }
.formatQuote .quoteAuthor { display: block; padding-left: 15px; position: relative; font: 400 14px/1 "Old Standard TT", serif; color: lightgray; }
.formatQuote .quoteAuthor:before { content: ""; width: 8px; height: 2px; background: lightgray; position: absolute; top: 50%; left: 2px; }
.formatQuote .quoteAuthor a { color: inherit; }
.formatQuote .quoteAuthor a:hover { text-decoration: underline; }

.formatLink { padding-top: 75px; border-top: 1px solid #baf8f4; }
.formatLink .postTitle { font-size: 16px; }
.formatLink .postExternalLink { display: block; margin-bottom: 30px; font-size: 24px; color: #4ECDC4; }
.formatLink .postExternalLink .fa { position: absolute; top: -20px; left: -55px; font-size: 53px; }

.formatVideo { padding-top: 30px; background: #45484d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #45484d 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, black)); background: -webkit-linear-gradient(top, #45484d 0%, black 100%); background: -o-linear-gradient(top, #45484d 0%, black 100%); background: -ms-linear-gradient(top, #45484d 0%, black 100%); background: linear-gradient(to bottom, #45484d 0%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); }
.formatVideo .postMetaSeparator { background-color: #222222; }
.formatVideo .postMeta li { color: #474747; }
.formatVideo .postMeta li:after { background-color: #474747; }

.formatVideo iframe, .formatAudio iframe { width: 700px; padding: 10px 0; margin: 0 0 20px 200px; }

.formatChat { padding-top: 30px; margin-bottom: 60px; border-top: 10px #fde3a7 solid; border-bottom: 10px #fde3a7 solid; border-left: 120px #fde3a7 solid; }
.page-permalink .formatChat { margin-bottom: 40px; }
.formatChat .wrapper { margin-left: 100px; }
.formatChat .postTitle .fa { left: -185px; font-size: 72px; color: white; }
.formatChat .chat li { padding: 10px 0; border-bottom: 1px #ecf0f1 solid; color: #545454; }
.formatChat .chat li .chatName { font-weight: 700; color: #2e2e2e; }
.formatChat .postContent { padding-bottom: 30px; }

.formatPhoto .postImage .wrapper, .formatPhoto .slick-slide .wrapper { position: absolute; bottom: 30px; left: 215px; z-index: 999; }
.formatPhoto .slick-slide .wrapper { margin-left: 215px; left: auto; }
.formatPhoto .postTags, .formatPhoto .like_and_reblog_buttons { margin-top: 0; }
.formatPhoto .postTags li a { border-bottom: 1px white solid; color: white; }
.formatPhoto .postTags li a:hover { border-bottom-color: white; color: white; }
.formatPhoto .fa-info { margin-right: 20px; float: left; }
.formatPhoto .post-exif { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px #77939a solid; font: normal 13px/16px "Courier New", Courier, monospace; }
.formatPhoto .post-exif li { display: inline-block; padding-right: 15px; position: relative; line-height: 1; text-transform: uppercase; color: black; }
.formatPhoto .post-exif li:last-child { padding-right: 0; }
.formatPhoto p:first-child strong { display: block; margin-bottom: 20px; font: 400 32px/42px "Old Standard TT", serif; color: #2e2e2e; }

.notes { padding: 0; margin: 25px 0px; list-style-type: none; }
.notes .note { padding: 10px 0; border-top: 1px #ecf0f1 solid; font-size: 12px; }
.notes .note .avatar { width: 16px; height: 16px; margin-right: 10px; vertical-align: -4px; }
.notes .note .action { color: #c7c7c7; }
.notes .note .action a { font-weight: 700; color: black; }
.notes .note .answer_content { font-weight: normal; }
.notes .note blockquote { padding: 4px 10px; margin: 10px 0px 0px 25px; border-color: #ecf0f1; }
.notes .note blockquote a { text-decoration: underline; color: black; }
.notes .note .more_notes_link { color: #4ecdc4; }
.notes .note .more_notes_link:hover { color: #bdc3c7; }

.pagination { padding: 30px 0; overflow: hidden; }
.pagination .paginationPrev { float: left; }
.pagination .paginationNext { float: right; }
.pagination a { text-transform: uppercase; color: black; }
.pagination a:hover { color: #bdc3c7; }
.pagination .fa { font-size: 28px; }

@media only screen and (max-width: 1024px) { .container { width: 100%; }
  .wrapper { width: 80%; margin: 0 auto; }
  .mainHeader { padding: 30px 30px 50px 30px; }
  .mainHeader .wrapper { width: 100%; position: relative; }
  .mainHeader .nav { margin-top: 20px; }
  .mainHeader .nav ul li { margin-right: 10px; }
  .mainHeader .search-form { clear: both; max-width: 100%; padding-left: 0; position: absolute; bottom: -25px; left: 0; }
  .mainHeader .search-form input[type="text"] { width: 80%; }
  .post .postContent { padding-bottom: 20px; }
  .post .postTitle { margin-bottom: 10px; font-size: 24px; line-height: 32px; }
  .post .postTitle .fa { top: 8px; left: -30px; font-size: 14px; }
  .post .postExcerpt ul, .post .postExcerpt ol { margin: 20px 0px 20px 20px; }
  .post .postImage { margin-bottom: 0; }
  .post .postMeta { margin-bottom: 0; }
  .post .postMeta li { padding-right: 15px; margin-right: 10px; font-size: 9px; line-height: 24px; }
  .post .post-exif { margin-bottom: 10px; }
  .formatPhoto .postImage .wrapper { margin-left: 0; bottom: 0; left: 10%; }
  .formatPhoto .slick-slide .wrapper { width: 100vw; padding-right: 30px; padding-left: 30px; margin-right: 0; margin-left: 0; }
  .formatText { padding: 0; }
  .formatText .postExcerpt p:first-child strong { font: 400 24px/36px "Old Standard TT", serif; }
  .formatVideo { padding: 0; }
  .formatVideo iframe, .formatAudio iframe { width: 100%; padding: 0; margin-bottom: 30px; margin-left: 0; }
  .formatQuote { padding: 30px 0 0 0; margin: 10px 0 0 0; }
  .formatChat { border-left: 50px #fde3a7 solid !important; }
  .formatChat .wrapper { width: 80%; margin-left: 30px; }
  .formatChat .postTitle .fa { left: -65px; font-size: 24px; }
  .formatLink .postExternalLink .fa { left: -10%; font-size: 24px; }
  .mainFooter { padding: 45px 0; }
  .latestTweet { padding-bottom: 45px; margin-bottom: 45px; } }
@media only screen and (max-width: 320px) { .formatText .postExcerpt p:first-child strong { font: 400 20px/28px "Old Standard TT", serif !important; } }
/*--------------------------*/
/*       COPYRIGHT 2014     */
/*        www.rosea.io      */
/*--------------------------*/
