@charset "UTF-8";
/*!
Theme Name: Save Data
Theme URI: http://underscores.me/
Author: Pablo Domínguez
Author URI: https://www.astroweb.me/
Description: Minimal theme with useful formatting shortcodes, perfect for landing pages.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: save-data
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Save Data is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Accessibility # Alignments # Clearings # Header # Navigation ## Links ## Menus # Widgets # Content ## Posts and pages ## Comments # Footer	 # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/
.custom-background { background-color: #7722dd; }

.custom-fill { fill: #7722dd; }

.custom-text-color { color: #7722dd; }

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

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

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea { color: #aaa; font-family: "Open Sans", sans-serif; font-size: 28.8px; line-height: 1.5; }

@media screen and (max-width: 1680px) { body, button, input, select, optgroup, textarea { font-size: 14.4px; } }

h1, h2, h3, h4, h5, h6, .site-title, .host-title { clear: both; display: block; position: relative; margin: 0; padding-bottom: 0.5em; font-family: "Montserrat", sans-serif; font-weight: 700; line-height: 1; color: #7722dd; }

h1:after, h2:after, h3:after, h4:after, h5:after, h6:after, .site-title:after, .host-title:after { content: ''; display: block; background-color: #7722dd; height: 3px; left: 0; margin-left: 0; position: absolute; bottom: 0; width: 25%; z-index: 1; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .site-title a, .host-title a { width: 100%; }

h1 a:after, h2 a:after, h3 a:after, h4 a:after, h5 a:after, h6 a:after, .site-title a:after, .host-title a:after { content: ''; display: block; background-color: #7722dd; height: 3px; left: 0; margin-left: 0; position: absolute; bottom: 0; width: 25%; z-index: 5; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

h1 a:hover:after, h2 a:hover:after, h3 a:hover:after, h4 a:hover:after, h5 a:hover:after, h6 a:hover:after, .site-title a:hover:after, .host-title a:hover:after { background-color: #9933d6; }

.text-align-right h1:after, .text-align-right h1 a:after, .text-align-right h2:after, .text-align-right h2 a:after, .text-align-right h3:after, .text-align-right h3 a:after, .text-align-right h4:after, .text-align-right h4 a:after, .text-align-right h5:after, .text-align-right h5 a:after, .text-align-right h6:after, .text-align-right h6 a:after, .text-align-right .site-title:after, .text-align-right .site-title a:after, .text-align-right .host-title:after, .text-align-right .host-title a:after { left: auto; right: 0; }

h1, .site-title { margin-top: 25px; margin-bottom: 25px; font-size: 64px; }

@media screen and (max-width: 1680px) { h1, .site-title { margin-top: 12.5px; } }

@media screen and (max-width: 1680px) { h1, .site-title { margin-bottom: 12.5px; } }

@media screen and (max-width: 1680px) { h1, .site-title { font-size: 32px; } }

h1.page-title, .site-title.page-title { margin-top: 0; }

.host-title { font-size: 48px; font-family: "Open Sans", sans-serif; text-transform: uppercase; letter-spacing: 2px; text-shadow: -2px 1px 0 #ffffff; }

@media screen and (max-width: 1680px) { .host-title { font-size: 24px; } }

.host-title:after, .host-title a:after { display: none; }

h2, .entry-title { margin-top: 0; margin-bottom: 25px; font-size: 48px; }

@media screen and (max-width: 1680px) { h2, .entry-title { margin-bottom: 12.5px; } }

@media screen and (max-width: 1680px) { h2, .entry-title { font-size: 24px; } }

p { margin-top: 0; margin-bottom: 1.5em; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre { background: #333333; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 30px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

@media screen and (max-width: 1680px) { pre { font-size: 15px; } }

code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 30px; }

@media screen and (max-width: 1680px) { code, kbd, tt, var { font-size: 15px; } }

abbr, acronym { border-bottom: 1px dotted #333333; cursor: help; }

mark, ins { background: #dddddd; text-decoration: none; }

big { font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; box-sizing: inherit; }

html, body { max-width: 100vw; overflow-x: hidden; }

body { height: 100%; width: 100%; background: #000000; /* Fallback for when there is no custom background color defined. */ }

.site-content > section { padding: 0; }

.container { width: 80vw; margin: 0 auto; }

@media screen and (max-width: 1024px) { .container { width: 90vw; } }

hr { background-color: #7722dd; border: 0; height: 3px; margin-top: 30px; margin-bottom: 50px; }

@media screen and (max-width: 1680px) { hr { margin-top: 15px; } }

@media screen and (max-width: 1680px) { hr { margin-bottom: 25px; } }

ul, ol { margin: 0 0 1.5em 3em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ }

table { margin: 0 0 1.5em; width: 100%; }

.icon { fill: #ffffff; }

.message-bubble, .status-links { width: 61%; height: auto; text-align: center; z-index: 2; }

@media screen and (max-width: 640px) { .message-bubble, .status-links { width: 56%; } }

.message-bubble { padding: 30px 6% 25px 10%; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDI3OCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLmJveC1vdXRsaW5le2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+PHBvbHlnb24gY2xhc3M9ImJveC1vdXRsaW5lIiBwb2ludHM9IjE2My42IDQ1LjEgMTAwMCAwIDkwOC45IDI3OCA5Ny41IDI2NC4zIDEwNS42IDIyOCA2NC41IDIzNy43IDU0LjggMTk5IDAgMjA2LjMgMTA1LjYgMTA2LjQgMTEwLjQgMTM1LjQgMTQxIDExNiAiLz48cG9seWdvbiBwb2ludHM9IjE2OC40IDcyLjUgOTM2LjMgMjIuNiA4OTIuOCAyNTMuOCAxMTcuNiAyNDAuMSAxMzMgMTg4LjYgNzkgMjA3LjEgNjYuOSAxNzMuMiAyNi42IDE4OC42IDkwLjIgMTMxLjMgMTAzLjEgMTU2LjMgMTQ3LjUgMTM4LjIgIi8+PC9zdmc+"); background-size: 100%; background-repeat: no-repeat; background-position: 50%; font-size: 25.6px; font-weight: bold; }

@media screen and (max-width: 1680px) { .message-bubble { font-size: 12.8px; } }

.message-bubble.right { padding: 30px 10% 25px 6%; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDEwMDAgMjc4IiB4bWw6c3BhY2U9InByZXNlcnZlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI4NTkgMTE2IDg4OS42IDEzNS40IDg5NC40IDEwNi40IDEwMDAgMjA2LjMgOTQ1LjIgMTk5IDkzNS41IDIzNy43IDg5NC40IDIyOCA5MDIuNSAyNjQuMyA5MS4xIDI3OCAwIDAgODM2LjQgNDUuMSAiLz48cG9seWdvbiBwb2ludHM9Ijg1Mi41IDEzOC4yIDg5Ni45IDE1Ni4zIDkwOS44IDEzMS4zIDk3My40IDE4OC42IDkzMy4xIDE3My4yIDkyMSAyMDcuMSA4NjcgMTg4LjYgODgyLjQgMjQwLjEgMTA3LjIgMjUzLjggNjMuNyAyMi42IDgzMS42IDcyLjUgIi8+PC9zdmc+"); }

.message-bubble p { vertical-align: middle; margin: 0; margin-bottom: 0; }

.message-bubble p:last-child { margin: 0; }

.status-links { font-size: 22.4px; }

@media screen and (max-width: 1680px) { .status-links { font-size: 11.2px; } }

.show-up { opacity: 0; visibility: hidden; -webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all 0.8s ease-out 0.2s; transition: all 0.8s ease-out 0.2s; }

.show-up.in-view { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] { border: none; border-radius: 3px; background-color: #7722dd; -webkit-box-shadow: 2px 2px #6709D7; box-shadow: 2px 2px #6709D7; color: #bbb; font-weight: 700; font-size: 19.2px; text-transform: uppercase; line-height: 1; padding: .5em 1em .4em; margin-top: 1vh; text-shadow: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

@media screen and (max-width: 1680px) { button, input[type="button"], input[type="reset"], input[type="submit"] { font-size: 9.6px; } }

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #9933d6; }

form.contact-form button, form.custom-register-form button, form.contact-form input[type="button"], form.custom-register-form input[type="button"], form.contact-form input[type="reset"], form.custom-register-form input[type="reset"], form.contact-form input[type="submit"], form.custom-register-form input[type="submit"] { font-size: 32px; text-transform: uppercase; }

@media screen and (max-width: 1680px) { form.contact-form button, form.custom-register-form button, form.contact-form input[type="button"], form.custom-register-form input[type="button"], form.contact-form input[type="reset"], form.custom-register-form input[type="reset"], form.contact-form input[type="submit"], form.custom-register-form input[type="submit"] { font-size: 16px; } }

.astro-shortcodes.tab-button { font-size: 32px; text-transform: uppercase; }

@media screen and (max-width: 1680px) { .astro-shortcodes.tab-button { font-size: 16px; } }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #333333; border: 1px solid #dddddd; border-radius: 3px; padding: 3px; }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #000000; }

form.contact-form input[type="text"], form.custom-register-form input[type="text"], form.contact-form input[type="email"], form.custom-register-form input[type="email"], form.contact-form input[type="url"], form.custom-register-form input[type="url"], form.contact-form input[type="password"], form.custom-register-form input[type="password"], form.contact-form input[type="search"], form.custom-register-form input[type="search"], form.contact-form input[type="number"], form.custom-register-form input[type="number"], form.contact-form input[type="tel"], form.custom-register-form input[type="tel"], form.contact-form input[type="range"], form.custom-register-form input[type="range"], form.contact-form input[type="date"], form.custom-register-form input[type="date"], form.contact-form input[type="month"], form.custom-register-form input[type="month"], form.contact-form input[type="week"], form.custom-register-form input[type="week"], form.contact-form input[type="time"], form.custom-register-form input[type="time"], form.contact-form input[type="datetime"], form.custom-register-form input[type="datetime"], form.contact-form input[type="datetime-local"], form.custom-register-form input[type="datetime-local"], form.contact-form input[type="color"], form.custom-register-form input[type="color"], form.contact-form textarea, form.custom-register-form textarea { width: 100%; max-width: none; margin-bottom: 15px; }

select { border: 1px solid #dddddd; }

textarea { width: 100%; }

form.contact-form div, form.custom-register-form div { float: left; width: 30%; margin-right: 5%; }

form.contact-form div:nth-child(3n+1), form.custom-register-form div:nth-child(3n+1) { clear: both; }

form.contact-form div:nth-child(3n+3), form.custom-register-form div:nth-child(3n+3) { margin-right: 0; }

form.contact-form label, form.custom-register-form label { display: block; float: none; font-weight: 700; }

form.contact-form .form-note, form.contact-form .contact-submit, form.contact-form .signup-submit, form.custom-register-form .form-note, form.custom-register-form .contact-submit, form.custom-register-form .signup-submit { width: 100%; clear: both; padding-top: 30px; text-align: center; }

form.contact-form br, form.contact-form label span, form.custom-register-form br, form.custom-register-form label span { display: none; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 28px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

@media screen and (max-width: 1680px) { .screen-reader-text:focus { font-size: 14px; } }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus { outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }

.alignright { display: inline; float: right; margin-left: 1.5em; }

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header { margin-bottom: 125px; }

@media screen and (max-width: 1680px) { .site-header { margin-bottom: 62.5px; } }

.site-header section { padding: 0; }

.site-header .custom-logo-link { position: relative; }

.site-header .custom-logo-link img { display: block; height: auto; width: 100%; }

.site-header .host-title { position: absolute; top: 7vw; left: 0; margin: 0; padding: 0; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(-20deg); transform: rotate(-20deg); }

.site-header .site-title-image { display: block; position: relative; width: 100%; height: auto; margin-top: 25px; margin-bottom: 25px; }

@media screen and (max-width: 1680px) { .site-header .site-title-image { margin-top: 12.5px; } }

@media screen and (max-width: 1680px) { .site-header .site-title-image { margin-bottom: 12.5px; } }

.site-header .site-description { margin: 0; }

.site-header .avatar { display: block; position: absolute; height: auto; width: 55%; margin-top: -2.5vw; margin-left: -3vw; }

.site-header .message-bubble { position: relative; min-height: 50px; margin-top: 140px; margin-bottom: 25px; margin-left: 39%; }

@media screen and (max-width: 1680px) { .site-header .message-bubble { margin-top: 70px; } }

@media screen and (max-width: 1680px) { .site-header .message-bubble { margin-bottom: 12.5px; } }

.site-header .status-links { position: relative; min-height: 1em; margin-left: 39%; }

@media screen and (max-width: 640px) { .site-header { margin-top: 50px; }
  .site-header .host-title { top: 14vw; }
  .site-header .avatar { position: relative; margin-left: 45%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .site-header .message-bubble { width: 100%; margin-top: -8vw; margin-left: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDMgMjc4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAgCgkuYm94LW91dGxpbmV7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT48cG9seWdvbiBjbGFzcz0iYm94LW91dGxpbmUiIHBvaW50cz0iNjYuMSA0NS4xIDkwMi41IDAgODExLjQgMjc4IDAgMjY0LjMgIi8+PHBvbHlnb24gcG9pbnRzPSI3MC45IDcyLjUgODM4LjggMjIuNiA3OTUuMyAyNTMuOCAyMC4xIDI0MC4xICIvPjwvc3ZnPg=="); }
  .site-header .message-bubble:before { content: ''; display: block; position: absolute; bottom: 80%; left: 50%; width: 40px; height: 50px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTYuNSAxMzYuMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTguNiAyMS44IDEwNCAyMy4xIDExNi41IDcxLjcgNzcuOCA4MS40IDg1LjEgMTM2LjIgMCA1Mi44IDIzLjYgMzIuMSAiLz48cGF0aCBkPSJNNjcuNCAzLjJsMTguNSA1NEw1MiA2OS4zbDE1LjQgNDAuM0wxMi45IDUyLjRsMjIuMi0xOS4zYy0zLjYtOS4zLTcuMi0xOC43LTEwLjktMjggMy43LTEuNyA4LjYtMy40IDE0LjMtNC4zQzUxLjEtMS4zIDYxLjYgMS4zIDY3LjQgMy4yeiIvPjwvc3ZnPg=="); background-size: auto 100%; background-repeat: no-repeat; background-position: 50%; -webkit-transform: scaleY(-1) translateX(-50%); transform: scaleY(-1) translateX(-50%); }
  .site-header .status-links { width: 100%; margin-left: 0; } }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a { text-decoration: none; color: #7722dd; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

a:visited { color: #6709D7; }

a:hover, a:focus, a:active { color: #9933d6; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation { display: block; position: fixed; top: 0; left: 0; height: 100%; z-index: 1000; }

.main-navigation ul { list-style: none; margin: 0; padding-left: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.main-navigation ul > li > ul > li { background-color: #555; }

.main-navigation ul > li > ul > li.menu-item-has-children:after { border-right: 10px solid #aaa; }

.main-navigation ul > li > ul > li li { background-color: #aaa; }

.main-navigation div > ul, .main-navigation > ul { display: block; position: absolute; top: 10vh; max-height: 90vh; top: -100%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.main-navigation li { display: block; position: relative; float: left; clear: both; height: 10vh; width: 10vh; background-color: #333333; border-top: 1px solid black; }

.main-navigation li ul { position: absolute; top: -1px; left: 100%; opacity: 0; visibility: hidden; }

.main-navigation li ul li { border-left: 1px solid black; }

.main-navigation li:hover > ul { opacity: 1; visibility: visible; }

.main-navigation a, .main-navigation a:visited { color: #bbb; }

.main-navigation a { display: block; height: 100%; width: 100%; text-decoration: none; text-align: center; font-size: 1.5vh; line-height: 1; padding: 1vh 1vh; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.main-navigation a:before { content: ''; display: block; height: 5vh; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: 50%; margin-bottom: 1vh; -webkit-filter: invert(70%); filter: invert(70%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.main-navigation a[href*="data"]:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgo8dGl0bGU+c2F2ZTwvdGl0bGU+CjxwYXRoIGQ9Ik0xNS4xNzMgMmgtMTEuMTczYy0xLjEwMSAwLTIgMC45LTIgMnYxMmMwIDEuMSAwLjg5OSAyIDIgMmgxMmMxLjEwMSAwIDItMC45IDItMnYtMTAuODczbC0yLjgyNy0zLjEyN3pNMTQgOGMwIDAuNTQ5LTAuNDUgMS0xIDFoLTZjLTAuNTUgMC0xLTAuNDUxLTEtMXYtNWg4djV6TTEzIDRoLTJ2NGgydi00eiI+PC9wYXRoPgo8L3N2Zz4K"); }

.main-navigation a[href*="comic"]:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNi44IDI2LjgiPjxwYXRoIGQ9Ik0xNC40IDIuOEM1LjggMi41LTAuMyA2LjYgMCAxMmMwIDMuNiA0LjkgNi44IDkuNyA3LjkgMCAwIDEuMSAxLjctMS4yIDQuMSAxLjctMC42IDQuNy0yLjggNS43LTMuNSAwLjMtMC4yIDAuNCAwIDAuNy0wLjEgMC4zIDAgMC41IDAgMC42LTAuMSA2LjMtMC40IDExLjItMy45IDExLjItOC4yQzI2LjggNy43IDIxLjIgMi44IDE0LjQgMi44eiIvPjwvc3ZnPg=="); }

.main-navigation a[href*="music"]:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgo8dGl0bGU+ZGlzazwvdGl0bGU+CjxwYXRoIGQ9Ik0xMS43NTcgMTEuNzU4Yy0yLjM0MyAyLjM0My0yLjM0MyA2LjE0MiAwIDguNDg1czYuMTQyIDIuMzQzIDguNDg1IDBjMi4zNDQtMi4zNDQgMi4zNDQtNi4xNDMgMC04LjQ4NS0yLjM0My0yLjM0NC02LjE0MS0yLjM0NC04LjQ4NSAwek0xNy40MTQgMTcuNDE0Yy0wLjc4MSAwLjc4MS0yLjA0NyAwLjc4MS0yLjgyOCAwcy0wLjc4MS0yLjA0NyAwLTIuODI4IDIuMDQ3LTAuNzgxIDIuODI4IDAgMC43ODEgMi4wNDcgMCAyLjgyOHpNMjcuMzEzIDQuNjg3Yy02LjI0OC02LjI0OS0xNi4zNzktNi4yNDktMjIuNjI3IDAtNi4yNDkgNi4yNDgtNi4yNDkgMTYuMzc5IDAgMjIuNjI3IDYuMjQ4IDYuMjQ5IDE2LjM3OSA2LjI0OSAyMi42MjcgMCA2LjI0OS02LjI0OSA2LjI0OS0xNi4zNzkgMC0yMi42Mjd6TTIxLjY1NiAyMS42NTdjLTMuMTIzIDMuMTI0LTguMTg5IDMuMTI0LTExLjMxMyAwLTMuMTI1LTMuMTI1LTMuMTI1LTguMTg5IDAtMTEuMzE0czguMTktMy4xMjQgMTEuMzEzIDBjMy4xMjUgMy4xMjUgMy4xMjUgOC4xODkgMCAxMS4zMTR6TTIyLjM2MyA5LjYzNmwzLjUzNi00Ljk0OSAxLjQxNCAxLjQxNC00Ljk1IDMuNTM1eiI+PC9wYXRoPgo8L3N2Zz4K"); }

.main-navigation a[href*="film"]:before, .main-navigation a[href*="cine"]:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgo8dGl0bGU+Y2xhcHBlcmJvYXJkPC90aXRsZT4KPHBhdGggZD0iTTIwIDN2MTRjMCAwLjU1Mi0wLjQ0NyAxLTEgMWgtMThjLTAuNTUzIDAtMS0wLjQ0OC0xLTF2LTE0YzAtMC41NTMgMC40NDctMSAxLTFoMWwzIDNoMi41bC0zLTNoM2wzIDNoMi41bC0zLTNoM2wzIDNoMi41bC0zLTNoMy41YzAuNTUzIDAgMSAwLjQ0OCAxIDF6Ij48L3BhdGg+Cjwvc3ZnPgo="); }

.main-navigation a[href*="anime"]:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS43IDE5LjciPjxwYXRoIGQ9Ik05LjkgNFY0YzAgMC0wLjEgMC0wLjEgMCAwIDAgMCAwIDAgMGwwIDBDMiA0IDAgMy4xIDAgMy4xbDAuNiAxLjNjMCAwIDAuMSAwIDAuNSAwLjF2MC41YzAgMCAwLjYgMC4yIDIuOCAwLjNWNS43aDAuM0w0LjIgNi41SDMuNnYwLjNIMS4zdjEuMWgyLjlsLTAuMiA3LjRjLTAuNCAwLjEtMC42IDAuNC0wLjYgMC44djBoLTEuOHYwLjVoNi45di0wLjVINi42djBjMC0wLjQtMC4zLTAuNy0wLjYtMC44TDUuOCA3LjhoNHYwaDQuMWwtMC4yIDcuNGMtMC40IDAuMS0wLjYgMC40LTAuNiAwLjh2MGgtMS44djAuNWg2Ljl2LTAuNWgtMS45djBjMC0wLjQtMC4zLTAuNy0wLjYtMC44bC0wLjItNy40aDIuOVY2LjdoLTIuNFY2LjVoLTAuNWwwLTAuN2gwLjN2LTAuM2MyLjMtMC4xIDIuOC0wLjMgMi44LTAuM1Y0LjVjMC40IDAgMC41LTAuMSAwLjUtMC4xbDAuNi0xLjNDMTkuNyAzLjEgMTcuNiA0IDkuOSA0ek05LjEgNi43SDYuM3YtMC4zSDUuN0w1LjcgNS43aDAuM1Y1LjRjMSAwIDEuNyAwLjEgMy4xIDAuMVY2Ljd6TTEzLjkgNi41aC0wLjV2MC4zSDEwLjZWNS41YzEuNCAwIDIuMSAwIDMuMS0wLjF2MC4zaDAuM0wxMy45IDYuNXoiIGZpbGw9IiMwMzAxMDQiLz48L3N2Zz4="); }

.main-navigation a:hover { color: #ffffff; }

.main-navigation a:hover:before { -webkit-filter: invert(100%); filter: invert(100%); }

.main-navigation .menu-item-has-children:before, .main-navigation .menu-item-has-children:after { display: block; content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 0; width: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.main-navigation .menu-item-has-children:before { right: 0; border-right: 11px solid #000000; }

.main-navigation .menu-item-has-children:after { right: -1px; border-right: 10px solid #555; }

.main-navigation .menu-item-has-children:hover:after, .main-navigation .menu-item-has-children:hover:before { opacity: 1; visibility: visible; }

.main-navigation.toggled > div > ul, .main-navigation.toggled > ul { top: 10vh; }

.main-navigation.toggled .menu-icon { background: none; }

.main-navigation.toggled .menu-icon:before { bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.main-navigation.toggled .menu-icon:after { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.menu-toggle { display: block; position: relative; float: left; height: 10vh; width: 10vh; margin: 0; padding: 0; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; z-index: 999; }

.menu-toggle:focus, .menu-toggle:hover { -webkit-box-shadow: none; box-shadow: none; outline: 0; }

.menu-icon { position: absolute; top: 50%; right: 3vh; height: 3px; width: 4vh; background: #bbb; will-change: transform; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.menu-icon:before, .menu-icon:after { content: ''; display: block; position: absolute; height: 100%; width: 100%; background: #bbb; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.menu-icon:before { bottom: 1.5vh; }

.menu-icon:after { top: 1.5vh; }

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; }

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-area { min-height: 100px; }

.widget-area:first-child { padding: 0 2vw 0 0; text-align: right; }

.widget-area:last-child { padding: 0 0 0 2vw; }

.widget { margin-bottom: 50px; padding-bottom: 25px; /* Make sure select elements fit in widgets. */ }

@media screen and (max-width: 1680px) { .widget { margin-bottom: 25px; } }

.widget select { max-width: 100%; }

.widget p { font-size: 25.6px; }

@media screen and (max-width: 1680px) { .widget p { font-size: 12.8px; } }

.widget ul { margin: 0; padding: 0; margin-top: 50px; list-style: none; }

@media screen and (max-width: 1680px) { .widget ul { margin-top: 25px; } }

.editors-list .editor-avatar, .editors-list .editor-name { display: inline-block; clear: none; vertical-align: middle; }

.editors-list .editor-name { margin-left: 0.5em; padding: 0; }

.editors-list .editor-name:after, .editors-list .editor-name a:after { display: none; }

.widget_nav_menu li { position: relative; padding-left: 1em; opacity: 0.5; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.widget_nav_menu li:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 2px; background-color: #ffffff; }

.widget_nav_menu li:hover, .widget_nav_menu li.active { opacity: 1; }

.site-info .widget_wpcom_social_media_icons_widget ul { margin-bottom: 50px; }

.site-info .widget_wpcom_social_media_icons_widget ul li { margin-right: 2em; }

.site-info .widget_wpcom_social_media_icons_widget ul li:last-child { margin: 0; }

.widget_wpcom_social_media_icons_widget .genericon { font-size: 48px; }

@media screen and (max-width: 1680px) { .widget_wpcom_social_media_icons_widget .genericon { font-size: 24px; } }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky { display: block; }

.hentry { margin: 0; }

.updated:not(.published) { display: none; }

.page-content, .entry-content, .entry-summary { margin: 0; }

.page-links { clear: both; margin: 0 0 1.5em; }

.thumbnail-link { display: block; position: relative; overflow: hidden; content: ""; display: table; table-layout: fixed; }

.wp-post-image { margin-bottom: 25px; }

@media screen and (max-width: 1680px) { .wp-post-image { margin-bottom: 12.5px; } }

.entry-meta, .entry-footer { font-size: 25.6px; }

@media screen and (max-width: 1680px) { .entry-meta, .entry-footer { font-size: 12.8px; } }

.category-label, .category-title { display: block; padding: 5px 10px; width: auto; min-width: 40%; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 38.4px; text-transform: uppercase; color: #ffffff; border-top-left-radius: 8px; border-bottom-left-radius: 8px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

@media screen and (max-width: 1680px) { .category-label, .category-title { font-size: 19.2px; } }

.category-label:before, .category-title:before { content: ''; display: block; float: left; height: 1.5em; width: 1.2em; margin-right: 0.5em; background-size: contain; background-repeat: no-repeat; background-position: 50%; -webkit-filter: invert(100%); filter: invert(100%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.category-label[title*="data"]:before, .category-title[title*="data"]:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgo8dGl0bGU+c2F2ZTwvdGl0bGU+CjxwYXRoIGQ9Ik0xNS4xNzMgMmgtMTEuMTczYy0xLjEwMSAwLTIgMC45LTIgMnYxMmMwIDEuMSAwLjg5OSAyIDIgMmgxMmMxLjEwMSAwIDItMC45IDItMnYtMTAuODczbC0yLjgyNy0zLjEyN3pNMTQgOGMwIDAuNTQ5LTAuNDUgMS0xIDFoLTZjLTAuNTUgMC0xLTAuNDUxLTEtMXYtNWg4djV6TTEzIDRoLTJ2NGgydi00eiI+PC9wYXRoPgo8L3N2Zz4K"); }

.category-label[title*="comic"]:before, .category-title[title*="comic"]:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNi44IDI2LjgiPjxwYXRoIGQ9Ik0xNC40IDIuOEM1LjggMi41LTAuMyA2LjYgMCAxMmMwIDMuNiA0LjkgNi44IDkuNyA3LjkgMCAwIDEuMSAxLjctMS4yIDQuMSAxLjctMC42IDQuNy0yLjggNS43LTMuNSAwLjMtMC4yIDAuNCAwIDAuNy0wLjEgMC4zIDAgMC41IDAgMC42LTAuMSA2LjMtMC40IDExLjItMy45IDExLjItOC4yQzI2LjggNy43IDIxLjIgMi44IDE0LjQgMi44eiIvPjwvc3ZnPg=="); }

.category-label[title*="music"]:before, .category-title[title*="music"]:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgo8dGl0bGU+ZGlzazwvdGl0bGU+CjxwYXRoIGQ9Ik0xMS43NTcgMTEuNzU4Yy0yLjM0MyAyLjM0My0yLjM0MyA2LjE0MiAwIDguNDg1czYuMTQyIDIuMzQzIDguNDg1IDBjMi4zNDQtMi4zNDQgMi4zNDQtNi4xNDMgMC04LjQ4NS0yLjM0My0yLjM0NC02LjE0MS0yLjM0NC04LjQ4NSAwek0xNy40MTQgMTcuNDE0Yy0wLjc4MSAwLjc4MS0yLjA0NyAwLjc4MS0yLjgyOCAwcy0wLjc4MS0yLjA0NyAwLTIuODI4IDIuMDQ3LTAuNzgxIDIuODI4IDAgMC43ODEgMi4wNDcgMCAyLjgyOHpNMjcuMzEzIDQuNjg3Yy02LjI0OC02LjI0OS0xNi4zNzktNi4yNDktMjIuNjI3IDAtNi4yNDkgNi4yNDgtNi4yNDkgMTYuMzc5IDAgMjIuNjI3IDYuMjQ4IDYuMjQ5IDE2LjM3OSA2LjI0OSAyMi42MjcgMCA2LjI0OS02LjI0OSA2LjI0OS0xNi4zNzkgMC0yMi42Mjd6TTIxLjY1NiAyMS42NTdjLTMuMTIzIDMuMTI0LTguMTg5IDMuMTI0LTExLjMxMyAwLTMuMTI1LTMuMTI1LTMuMTI1LTguMTg5IDAtMTEuMzE0czguMTktMy4xMjQgMTEuMzEzIDBjMy4xMjUgMy4xMjUgMy4xMjUgOC4xODkgMCAxMS4zMTR6TTIyLjM2MyA5LjYzNmwzLjUzNi00Ljk0OSAxLjQxNCAxLjQxNC00Ljk1IDMuNTM1eiI+PC9wYXRoPgo8L3N2Zz4K"); }

.category-label[title*="film"]:before, .category-label[title*="cine"]:before, .category-title[title*="film"]:before, .category-title[title*="cine"]:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgo8dGl0bGU+Y2xhcHBlcmJvYXJkPC90aXRsZT4KPHBhdGggZD0iTTIwIDN2MTRjMCAwLjU1Mi0wLjQ0NyAxLTEgMWgtMThjLTAuNTUzIDAtMS0wLjQ0OC0xLTF2LTE0YzAtMC41NTMgMC40NDctMSAxLTFoMWwzIDNoMi41bC0zLTNoM2wzIDNoMi41bC0zLTNoM2wzIDNoMi41bC0zLTNoMy41YzAuNTUzIDAgMSAwLjQ0OCAxIDF6Ij48L3BhdGg+Cjwvc3ZnPgo="); }

.category-label[title*="anime"]:before, .category-title[title*="anime"]:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS43IDE5LjciPjxwYXRoIGQ9Ik05LjkgNFY0YzAgMC0wLjEgMC0wLjEgMCAwIDAgMCAwIDAgMGwwIDBDMiA0IDAgMy4xIDAgMy4xbDAuNiAxLjNjMCAwIDAuMSAwIDAuNSAwLjF2MC41YzAgMCAwLjYgMC4yIDIuOCAwLjNWNS43aDAuM0w0LjIgNi41SDMuNnYwLjNIMS4zdjEuMWgyLjlsLTAuMiA3LjRjLTAuNCAwLjEtMC42IDAuNC0wLjYgMC44djBoLTEuOHYwLjVoNi45di0wLjVINi42djBjMC0wLjQtMC4zLTAuNy0wLjYtMC44TDUuOCA3LjhoNHYwaDQuMWwtMC4yIDcuNGMtMC40IDAuMS0wLjYgMC40LTAuNiAwLjh2MGgtMS44djAuNWg2Ljl2LTAuNWgtMS45djBjMC0wLjQtMC4zLTAuNy0wLjYtMC44bC0wLjItNy40aDIuOVY2LjdoLTIuNFY2LjVoLTAuNWwwLTAuN2gwLjN2LTAuM2MyLjMtMC4xIDIuOC0wLjMgMi44LTAuM1Y0LjVjMC40IDAgMC41LTAuMSAwLjUtMC4xbDAuNi0xLjNDMTkuNyAzLjEgMTcuNiA0IDkuOSA0ek05LjEgNi43SDYuM3YtMC4zSDUuN0w1LjcgNS43aDAuM1Y1LjRjMSAwIDEuNyAwLjEgMy4xIDAuMVY2Ljd6TTEzLjkgNi41aC0wLjV2MC4zSDEwLjZWNS41YzEuNCAwIDIuMSAwIDMuMS0wLjF2MC4zaDAuM0wxMy45IDYuNXoiIGZpbGw9IiMwMzAxMDQiLz48L3N2Zz4="); }

.category-label { display: block; position: absolute; top: 20px; right: 0; background-size: cover; }

.category-title { width: 100%; margin: 0 !important; padding-top: 7px; border-radius: 0 8px 8px 0; font-size: 32px; background-size: cover; text-align: left; }

@media screen and (max-width: 1680px) { .category-title { font-size: 16px; } }

.category-title:before { margin-top: -5px; }

.category-title:after { display: none; }

.thumbnail-link:hover .category-label { min-width: 60%; }

/* ==================== BLOG ==================== */
body.blog .site-main, body.blog .widget-area, body.single-post .site-main, body.single-post .widget-area { position: relative; }

.entry-header { margin-bottom: 40px; }

@media screen and (max-width: 1680px) { .entry-header { margin-bottom: 20px; } }

/* ==================== STATUSES ==================== */
body:not(.single-format-status) .site-header .status-date:after { content: ' | '; }

.home-reference { padding-left: 20%; font-weight: 700; }

article.post_format-post-format-status { position: relative; margin-bottom: 50px; }

@media screen and (max-width: 1680px) { article.post_format-post-format-status { margin-bottom: 25px; } }

article.post_format-post-format-status .avatar { display: block; position: absolute; bottom: -2vw; left: 0; width: 30%; height: auto; }

article.post_format-post-format-status .status-content { margin-left: 30%; }

article.post_format-post-format-status .status-links { margin-top: 25px; margin-left: 30%; }

@media screen and (max-width: 1680px) { article.post_format-post-format-status .status-links { margin-top: 12.5px; } }

article.post_format-post-format-status:nth-child(even) .avatar { right: 0; left: auto; -webkit-transform: scaleX(-1); transform: scaleX(-1); }

article.post_format-post-format-status:nth-child(even) .status-content, article.post_format-post-format-status:nth-child(even) .status-links { margin-left: auto; margin-right: 30%; }

article.post_format-post-format-status:nth-child(even) .status-content { padding: 30px 10% 25px 6%; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDEwMDAgMjc4IiB4bWw6c3BhY2U9InByZXNlcnZlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI4NTkgMTE2IDg4OS42IDEzNS40IDg5NC40IDEwNi40IDEwMDAgMjA2LjMgOTQ1LjIgMTk5IDkzNS41IDIzNy43IDg5NC40IDIyOCA5MDIuNSAyNjQuMyA5MS4xIDI3OCAwIDAgODM2LjQgNDUuMSAiLz48cG9seWdvbiBwb2ludHM9Ijg1Mi41IDEzOC4yIDg5Ni45IDE1Ni4zIDkwOS44IDEzMS4zIDk3My40IDE4OC42IDkzMy4xIDE3My4yIDkyMSAyMDcuMSA4NjcgMTg4LjYgODgyLjQgMjQwLjEgMTA3LjIgMjUzLjggNjMuNyAyMi42IDgzMS42IDcyLjUgIi8+PC9zdmc+"); }

/* ==================== PAGES ==================== */
.page-footer { position: absolute; top: 80px; right: 10vw; margin-top: 10px; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a { word-wrap: break-word; }

.bypostauthor { display: block; }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-info { text-align: center; font-size: 19.2px; padding: 0.5em; background-color: rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 1680px) { .site-info { font-size: 9.6px; } }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer { display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link { display: inline-block; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }

.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }

.wp-caption .wp-caption-text { margin: 0.8075em 0; }

.wp-caption-text { text-align: left; font-size: 25.6px; color: #dddddd; }

@media screen and (max-width: 1680px) { .wp-caption-text { font-size: 12.8px; } }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 1.5em; }

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }

.gallery-columns-2 .gallery-item { max-width: 50%; }

.gallery-columns-3 .gallery-item { max-width: 33.33%; }

.gallery-columns-4 .gallery-item { max-width: 25%; }

.gallery-columns-5 .gallery-item { max-width: 20%; }

.gallery-columns-6 .gallery-item { max-width: 16.66%; }

.gallery-columns-7 .gallery-item { max-width: 14.28%; }

.gallery-columns-8 .gallery-item { max-width: 12.5%; }

.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block; }

.jetpack-video-wrapper iframe { margin: 0 auto !important; }

.soliloquy-carousel .soliloquy-viewport { overflow: visible !important; }

.soliloquy-carousel .soliloquy-item:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }

.soliloquy-carousel .soliloquy-item.soliloquy-active-slide:before { opacity: 0; }

.soliloquy-carousel .soliloquy-container { width: 100% !important; overflow: hidden; }

.soliloquy-carousel .soliloquy-container .soliloquy-wrapper { overflow: visible; }

.soliloquy-carousel .soliloquy-container .soliloquy-prev { left: -70px; }

.soliloquy-carousel .soliloquy-container .soliloquy-next { right: -70px; }