/*
Theme Name: Fantifica
Author: Runroom
Author URI: http://www.runroom.com
Description: Tema de Fantifica para Wordpress v3.5.1+
Version: 1.0
*/
@font-face {
  font-family: 'fantifica';
  src: url("fonts/fantifica.eot");
  src: url("fonts/fantifica.eot?#iefix") format("embedded-opentype"), url("fonts/fantifica.woff") format("woff"), url("fonts/fantifica.ttf") format("truetype"), url("fonts/fantifica.svg#fantifica") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
    MODERNIZER PROPERTIES TARGETED
    - .no-boxshadow
*/
/* ============== [ INDEX ] ==============

*** BASE STYLES ***
*** COMPONENTS ***
*** LAYOUT ***
*** HELPERS ***

======================================== */
/*--------------------------------------------------------------------------
   *** BASE STYLES ***
-------------------------------------------------------------------------- */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
    WORPRESS TINYMCE DEFULT STYLES
*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption .wp-caption-text {
  font-size: .875em;
  line-height: 1.2;
  margin: 0;
  padding: .5em;
}

/* =TYPOGRAPHY
-------------------------------------------------------------------------- */
body {
  color: #333;
  font-family: Times, "Times New Roman", Georgia, serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
  font-weight: normal;
}

/* =HEADINGS
------------------------------------------------------ */
h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin-top: 0;
}

h1,
.f-h1, h2,
.f-h2, h3,
.f-h3, h4,
.f-h4, h5,
.f-h5 {
  color: #333;
}
h1 a,
.f-h1 a, h2 a,
.f-h2 a, h3 a,
.f-h3 a, h4 a,
.f-h4 a, h5 a,
.f-h5 a {
  color: inherit;
}
h1 a:hover,
.f-h1 a:hover, h2 a:hover,
.f-h2 a:hover, h3 a:hover,
.f-h3 a:hover, h4 a:hover,
.f-h4 a:hover, h5 a:hover,
.f-h5 a:hover {
  color: inherit;
  text-decoration: none;
}

h1,
.f-h1 {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1.2;
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 600;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  text-transform: none;
  letter-spacing: 0;
}

h2,
.f-h2 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 700;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.post__body h2, .post__body
.f-h2 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}
.box--sinopsis h2, .box--sinopsis
.f-h2 {
  color: #fff;
}

h3,
.f-h3 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 600;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  text-transform: none;
  letter-spacing: 0;
}
.post__body h3, .post__body
.f-h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
  letter-spacing: 0;
  font-weight: 700;
  text-transform: none;
}
.box--sinopsis h3, .box--sinopsis
.f-h3 {
  color: #333;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 36px;
  margin-bottom: 2.25rem;
  text-transform: uppercase;
}
.comment__respond h3 a, .comment__respond
.f-h3 a {
  color: #0a7cb2;
}
.comment__respond h3 a:hover, .comment__respond
.f-h3 a:hover {
  text-decoration: underline;
}
.comment__respond h3 span, .comment__respond
.f-h3 span {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  font-weight: 300;
}

h4,
.f-h4 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 600;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  text-transform: none;
  letter-spacing: 0;
}
.post__body h4, .post__body
.f-h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 700;
}

h5,
.f-h5 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 700;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  text-transform: none;
  letter-spacing: 0;
}

.post__title {
  margin-bottom: 0;
}

/* =TEXT BLOCK ELEMENTS
------------------------------------------------------ */
p {
  margin-bottom: 36px;
  margin-bottom: 2.25rem;
}

.f-lead {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.5;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 300;
  text-transform: none;
  letter-spacing: 0;
}

.f-module, .bbp-topic-tags {
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571;
  font-weight: 300;
}
.f-module strong, .bbp-topic-tags strong {
  color: #515151;
}

.f-cats {
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 700;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  text-transform: uppercase;
}
.is--books .f-cats {
  color: #f54c49;
}
.is--comics .f-cats {
  color: #f9813b;
}
.is--movies .f-cats {
  color: #ffcc33;
}
.is--videogames .f-cats {
  color: #a0b13d;
}
.is--boardgames .f-cats {
  color: #8f5590;
}
.is--fandom .f-cats {
  color: #0fad85;
}
.is--agenda .f-cats {
  color: #0fad85;
}
.is--podcast .f-cats {
  color: #1B95E0;
}
.f-cats span {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  background-position: right 45%;
  display: inline-block;
  margin: 0 .2em 0 .25em;
  opacity: .7;
  width: 5px;
  line-height: .8em;
}
.lt-ie8 .f-cats span {
  text-indent: -100%;
}

.f-meta {
  color: #999;
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  font-weight: 700;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}

/* =TEXT INLINE ELEMENTS
------------------------------------------------------ */
a {
  color: #0a7cb2;
  text-decoration: none;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a:hover {
  color: #075a82;
  text-decoration: underline;
}

/* =IMAGE FOOTER
------------------------------------------------------ */
.wp-caption-text {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.29231;
  font-style: italic;
  color: #999;
}

/* =BLOCKQUOTE
------------------------------------------------------ */
blockquote {
  color: #999;
  font-style: italic;
  padding: 36px 36px 12px;
  padding: 2.25rem 2.25rem 0.75rem;
  margin: 0px 12px 36px;
  margin: 0rem 0.75rem 2.25rem;
  position: relative;
}
blockquote:before {
  background-image: url("img/quote_open.png");
  content: '';
  position: absolute;
  top: 5%;
  left: 0;
  width: 28px;
  height: 26px;
}
blockquote:after {
  background-image: url("img/quote_close.png");
  content: '';
  position: absolute;
  bottom: 5%;
  right: 0;
  width: 28px;
  height: 26px;
}
blockquote em,
blockquote i,
blockquote cite {
  font-style: normal;
}

/* =MEDIA
-------------------------------------------------------------------------- */
/* =IMAGES
------------------------------------------------------ */
img {
  width: auto;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

.aligncenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* =FORMS
-------------------------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
.bbp-form .wp-editor-area {
  background: #f9f9f9;
  border: 1px solid #ececec;
  color: #999;
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  padding: 6px;
  padding: 0.375rem;
}

.input-group {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  position: relative;
}
.input-group label {
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571;
  margin-left: 24px;
  margin-left: 1.5rem;
}
.input-group input {
  position: absolute;
  top: 0;
  left: 0;
}

/* =ERROR
------------------------------------------------------ */
div.mce_inline_error {
  color: #f30;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571;
  font-weight: 600;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  padding: 0 !important;
}

input[type="text"].mce_inline_error,
input[type="email"].mce_inline_error,
input[type="password"].mce_inline_error,
textarea.mce_inline_error {
  border: 1px solid #f30;
  margin-bottom: 0;
}

.comment__respond input[type="submit"] {
  margin-top: 18px;
  margin-top: 1.125rem;
}

/*--------------------------------------------------------------------------
   *** COMPONENTS ***
-------------------------------------------------------------------------- */
/* =NAVIGATION
-------------------------------------------------------------------------- */
/* =NAV BASE
------------------------------------------------------ */
.nav, .nav--stacked {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav__item > a,
.nav__item > span,
.nav__label {
  display: block;
  text-decoration: none;
}
.nav__item > a:hover,
.nav__item > span:hover,
.nav__label:hover {
  text-decoration: none;
}
.is-current .nav__item > a, .is-current
.nav__item > span, .is-current
.nav__label {
  cursor: default;
}
.nav__item > a .nav__archive,
.nav__item > span .nav__archive,
.nav__label .nav__archive {
  text-align: center;
}

/* =HORIZONTAL NAVIGATION  (.nav)
------------------------------------------------------ */
.nav {
  *zoom: 1;
}
.nav:before, .nav:after {
  content: "";
  display: block;
}
.nav:after {
  clear: both;
}
.nav > li {
  float: left;
}

/* =STACKED NAVIGATION (.nav--stacked)
------------------------------------------------------ */
/* =SOCIAL NAVIGATION  (.nav-social)
------------------------------------------------------ */
.nav-social .nav__item, .navbar .nav-cats .nav__item {
  position: relative;
  text-align: center;
}
.nav-social .nav__item > a:after, .navbar .nav-cats .nav__item > a:after {
  display: block;
  font-family: 'fantifica';
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: normal;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  text-indent: 0;
}

.nav-social .nav__item > a {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}
.lt-ie8 .nav-social .nav__item > a {
  text-indent: -100%;
}
.topbar .nav-social .nav__item > a {
  color: #ccc;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 2.4;
  width: 48px;
  width: 3rem;
}
.topbar .nav-social .icon--fb a:hover {
  color: #39599f;
}
.topbar .nav-social .icon--tw a:hover {
  color: #44b0e3;
}
.topbar .nav-social .icon--rss a:hover {
  color: #e37329;
}
.topbar .nav-social .icon--gr a:hover {
  color: #f1b73f;
}
.main-footer .nav-social .nav__item {
  float: right;
  margin: 0px 0px 6px 6px;
  margin: 0rem 0rem 0.375rem 0.375rem;
}
.main-footer .nav-social .nav__item > a {
  background: #8c8c8c;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.25;
  width: 36px;
  width: 2.25rem;
  height: 36px;
  height: 2.25rem;
}
.main-footer .nav-social .icon--fb a:hover {
  color: #39599f;
}
.main-footer .nav-social .icon--tw a:hover {
  color: #44b0e3;
}
.main-footer .nav-social .icon--rss a:hover {
  color: #e37329;
}
.main-footer .nav-social .icon--gr a:hover {
  color: #f1b73f;
}

.icon--fb > a:after {
  content: 'd';
}

.icon--tw > a:after {
  content: 'e';
}

.icon--pin > a:after {
  content: 'f';
}

.icon--yt > a:after {
  content: 'g';
}

.icon--rss > a:after {
  content: 'c';
}

.icon--gr > a:after {
  content: 'm';
}

/* =CATEGORIES NAVIGATION  (.nav-cats) / SECONDARY NAVIGATION  (.nav-secondary)
------------------------------------------------------ */
/* =IN HEADER (.navbar)
---------------------------------- */
.navbar {
  /* CATEGORIES NAVIGATION */
  /* SECONDARY NAVIGATION */
}
.navbar .nav-cats a {
  color: #fff;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.4;
  padding-top: 48px;
  padding-top: 3rem;
  text-align: center;
  width: 72px;
  width: 4.5rem;
}
.navbar .nav-cats a:after {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.71429;
  height: 48px;
  height: 3rem;
  font-weight: normal;
}
.navbar .nav-cats .nav__item.is--current > a {
  cursor: default;
}
.navbar .nav-cats .nav__item.is--current > a:hover, .navbar .nav-cats .nav__item.is--current > a:focus {
  color: #fff;
}
.navbar .nav-cats .is--books > a:after {
  content: "r";
}
.navbar .nav-cats .is--books > a:hover, .navbar .nav-cats .is--books > a:focus {
  color: #f54c49;
}
.navbar .nav-cats .is--books.is--current {
  background: #f54c49;
}
.navbar .nav-cats .is--comics > a:after {
  content: "p";
}
.navbar .nav-cats .is--comics > a:hover, .navbar .nav-cats .is--comics > a:focus {
  color: #f9813b;
}
.navbar .nav-cats .is--comics.is--current {
  background: #f9813b;
}
.navbar .nav-cats .is--movies > a:after {
  content: "t";
}
.navbar .nav-cats .is--movies > a:hover, .navbar .nav-cats .is--movies > a:focus {
  color: #ffcc33;
}
.navbar .nav-cats .is--movies.is--current {
  background: #ffcc33;
}
.navbar .nav-cats .is--videogames > a:after {
  content: "h";
}
.navbar .nav-cats .is--videogames > a:hover, .navbar .nav-cats .is--videogames > a:focus {
  color: #a0b13d;
}
.navbar .nav-cats .is--videogames.is--current {
  background: #a0b13d;
}
.navbar .nav-cats .is--boardgames > a:after {
  content: "l";
}
.navbar .nav-cats .is--boardgames > a:hover, .navbar .nav-cats .is--boardgames > a:focus {
  color: #8f5590;
}
.navbar .nav-cats .is--boardgames.is--current {
  background: #8f5590;
}
.navbar .nav-cats .is--fandom > a:after {
  content: "n";
}
.navbar .nav-cats .is--podcast > a:after {
  content: "g";
}
.navbar .nav-cats .is--fandom > a:hover, .navbar .nav-cats .is--fandom > a:focus {
  color: #0fad85;
}
.navbar .nav-cats .is--podcast > a:hover, .navbar .nav-cats .is--podcast > a:focus {
  color: #1B95E0;
}
.navbar .nav-cats .is--fandom.is--current {
  background: #0fad85;
}
.navbar .nav-cats .is--podcast.is--current {
  background: #1B95E0;
}
.navbar .nav-cats .is--agenda > a:after {
  content: "l";
}
.navbar .nav-cats .is--agenda > a:hover, .navbar .nav-cats .is--agenda > a:focus {
  color: #0fad85;
}
.navbar .nav-cats .is--agenda.is--current {
  background: #0fad85;
}
.navbar .nav-secondary a {
  color: #fff;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  padding: 24px 12px;
  padding: 1.5rem 0.75rem;
  text-align: center;
  text-transform: uppercase;
}
.navbar .nav-secondary a:hover {
  background-color: #0fad85;
}
.navbar .nav-secondary .is--current {
  background: #0fad85;
}

/* =IN FOOTER (.main-footer)
---------------------------------- */
.main-footer .nav-cats .nav__item,
.main-footer .nav-secondary .nav__item {
  border-left: 1px solid #ccc;
  padding: 0 .5em;
}
.main-footer .nav-cats .nav__item:first-child,
.main-footer .nav-secondary .nav__item:first-child {
  border-left: 0;
  padding-left: 0;
}
.main-footer .nav-cats .nav__item > a,
.main-footer .nav-secondary .nav__item > a {
  color: #ccc;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571;
}
.main-footer .nav-cats .nav__item > a,
.main-footer .nav-cats .nav__item span {
  font-weight: 600;
}

/* =SUBMENU (.nav-submenu)
------------------------------------------------------ */
.nav-submenu .submenu__current,
.nav-submenu a {
  border-bottom: 2px solid transparent;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
  padding: 0px 12px;
  padding: 0rem 0.75rem;
}
.nav-submenu .submenu__current:hover,
.nav-submenu a:hover {
  text-decoration: underline;
}
.nav-submenu .submenu__current {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAABHCAMAAADvA+15AAAADFBMVEXW1tbW1tbW1tYAAACdHJi1AAAABHRSTlMYRHQAGv6ABAAAAIJJREFUeNp91LENACAMA0H7vf/O1E8RuhNSBMQhTCvEbu3xu3awR+xij9itPX7Hbu3xu3awR+zWHr9rB3vELvaI3drBHrGDPWK39vhdO9gjdmuPe5+c9anNfX5y3p/I4X5fIpezf+HuP3d+iBzufHLnm8hlMve8ETnc88z9HxCb2bUfsvMLlpC39dYAAAAASUVORK5CYII=') no-repeat center right;
  float: left;
  margin-bottom: 0;
  padding-right: 24px;
  padding-right: 1.5rem;
}
.nav-submenu.is--books a:hover, .nav-submenu.is--books a:focus {
  border-bottom-color: #f54c49;
}
.nav-submenu.is--comics a:hover, .nav-submenu.is--comics a:focus {
  border-bottom-color: #f9813b;
}
.nav-submenu.is--movies a:hover, .nav-submenu.is--movies a:focus {
  border-bottom-color: #ffcc33;
}
.nav-submenu.is--videogames a:hover, .nav-submenu.is--videogames a:focus {
  border-bottom-color: #a0b13d;
}
.nav-submenu.is--boardgames a:hover, .nav-submenu.is--boardgames a:focus {
  border-bottom-color: #8f5590;
}
.nav-submenu.is--fandom a:hover, .nav-submenu.is--fandom a:focus {
  border-bottom-color: #0fad85;
}
.nav-submenu.is--podcast a:hover, .nav-submenu.is--podcast a:focus {
  border-bottom-color: #1B95E0;
}
.nav-submenu.is--agenda a:hover, .nav-submenu.is--agenda a:focus {
  border-bottom-color: #0fad85;
}

/* =POST DETAIL PAGINATION (.pag-post)
------------------------------------------------------ */
.pag-post, .pag-postlist {
  *zoom: 1;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
  background-color: #fff;
  clear: both;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 300;
}
.pag-post:before, .pag-postlist:before, .pag-post:after, .pag-postlist:after {
  content: "";
  display: block;
}
.pag-post:after, .pag-postlist:after {
  clear: both;
}
.pag-post .prev, .pag-postlist .prev {
  float: left;
}
.pag-post .next, .pag-postlist .next, .pag-post .f-cats span, .f-cats .pag-post span, .pag-postlist .f-cats span, .f-cats .pag-postlist span {
  float: right;
}
.pag-post .prev, .pag-postlist .prev,
.pag-post .next,
.pag-postlist .next,
.pag-post .f-cats span,
.f-cats .pag-post span,
.pag-postlist .f-cats span,
.f-cats .pag-postlist span {
  width: 50%;
}
.pag-post .prev:hover, .pag-postlist .prev:hover,
.pag-post .next:hover,
.pag-postlist .next:hover,
.pag-post .f-cats span:hover,
.f-cats .pag-post span:hover,
.pag-postlist .f-cats span:hover,
.f-cats .pag-postlist span:hover {
  background-color: #f1f1f1;
}
.pag-post .nav__label, .pag-postlist .nav__label {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2.05714;
}

.pag-post {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4;
}
.pag-post img {
  width: 70px;
}
.pag-post p {
  color: #333;
  margin-bottom: 0;
  padding: 0px 24px;
  padding: 0rem 1.5rem;
}
.pag-post .nav__label {
  color: #0a7cb2;
}
.pag-post .prev {
  background: none;
  border-right: solid 1px #ececec;
}
.pag-post .prev img {
  float: left;
}
.pag-post .prev p {
  margin-left: 70px;
}
.pag-post .next, .pag-post .f-cats span, .f-cats .pag-post span {
  background: none;
}
.pag-post .next img, .pag-post .f-cats span img, .f-cats .pag-post span img {
  float: right;
}
.pag-post .next p, .pag-post .f-cats span p, .f-cats .pag-post span p {
  margin-right: 70px;
  text-align: right;
}

/* =POST LIST PAGINATION (.pag-postlist)
------------------------------------------------------ */
.prev {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAOElEQVR42pXQ0QkAIAwDUXfKHO4/jpoBfNCPg8KFQLOS/DiPTdmbslAWykJZIAcNCvmLyQ5ekqELQrNPBUGWzGgAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
}

.next, .f-cats span {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANAgMAAADprMerAAAABGdBTUEAALGPC/xhBQAAAAlQTFRFMzMzAAAAMzMza4ChaQAAAAJ0Uk5TTQAzRPxwAAAAJklEQVQI12NQDWXwDGUICmUImcoQqsoQ6skQGgQmVUEiQWBZ1VAAnt0IKB8sgVoAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
}

.pag-postlist {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.35;
}
.pag-postlist .nav__label {
  padding: 12px 48px;
  padding: 0.75rem 3rem;
  color: #999;
}
.pag-postlist .nav__label:hover {
  color: #0a7cb2;
}
.pag-postlist .prev {
  background-position: 8% center;
  border-right: solid 1px #ececec;
}
.pag-postlist .next, .pag-postlist .f-cats span, .f-cats .pag-postlist span {
  background-position: 92% center;
  text-align: right;
}

/* =BOX
-------------------------------------------------------------------------- */
/* =BOX BASE
------------------------------------------------------ */
/* =BOX CATEGORY  (.box)
------------------------------------------------------ */
.box, .box--review {
  *zoom: 1;
  background: #fff;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
  position: relative;
}
.box:before, .box--review:before, .box:after, .box--review:after {
  content: "";
  display: block;
}
.box:after, .box--review:after {
  clear: both;
}

/* =BOX REVIEW  (.box--review)
------------------------------------------------------ */
.box--review.is--books {
  border: 1px solid #f54c49;
  border-width: 4px 0 0;
}
.sidebar .box--review.is--books {
  border-width: 4px 0;
}
.box--review.is--comics {
  border: 1px solid #f9813b;
  border-width: 4px 0 0;
}
.sidebar .box--review.is--comics {
  border-width: 4px 0;
}
.box--review.is--movies {
  border: 1px solid #ffcc33;
  border-width: 4px 0 0;
}
.sidebar .box--review.is--movies {
  border-width: 4px 0;
}
.box--review.is--videogames {
  border: 1px solid #a0b13d;
  border-width: 4px 0 0;
}
.sidebar .box--review.is--videogames {
  border-width: 4px 0;
}
.box--review.is--boardgames {
  border: 1px solid #8f5590;
  border-width: 4px 0 0;
}
.sidebar .box--review.is--boardgames {
  border-width: 4px 0;
}
.box--review.is--fandom {
  border: 1px solid #0fad85;
  border-width: 4px 0 0;
}
.sidebar .box--review.is--fandom {
  border-width: 4px 0;
}
.box--review.is--podcast {
  border: 1px solid #1B95E0;
  border-width: 4px 0 0;
}
.sidebar .box--review.is--podcast {
  border-width: 4px 0;
}
.box--review.is--agenda {
  border: 1px solid #0fad85;
  border-width: 4px 0 0;
}
.sidebar .box--review.is--agenda {
  border-width: 4px 0;
}

/* =BOX SIMPLE  (.box--simple)
------------------------------------------------------ */
.box--simple, .box--event, .bbp-forums,
.bbp-topics,
.bbp-replies,
.bbp-form legend {
  background: #fff;
  margin-bottom: 0;
  padding: 18px;
  padding: 1.125rem;
  position: relative;
  *zoom: 1;
}
.box--simple:before, .box--event:before, .bbp-forums:before,
.bbp-topics:before,
.bbp-replies:before,
.bbp-form legend:before, .box--simple:after, .box--event:after, .bbp-forums:after,
.bbp-topics:after,
.bbp-replies:after,
.bbp-form legend:after {
  content: "";
  display: block;
}
.box--simple:after, .box--event:after, .bbp-forums:after,
.bbp-topics:after,
.bbp-replies:after,
.bbp-form legend:after {
  clear: both;
}
.box--simple:before, .box--event:before, .bbp-forums:before,
.bbp-topics:before,
.bbp-replies:before,
.bbp-form legend:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 5px;
  z-index: 4;
}
.no-boxshadow .box--simple:before, .no-boxshadow .box--event:before, .no-boxshadow .bbp-forums:before,
.no-boxshadow .bbp-topics:before,
.no-boxshadow .bbp-replies:before,
.no-boxshadow .bbp-form legend:before,
.bbp-form .no-boxshadow legend:before {
  border-top: 20px solid #0fad85;
  border-left: 20px solid transparent;
  width: 0;
  height: 0;
}
.box--review .box--simple:before, .box--review .box--event:before, .box--review .bbp-forums:before,
.box--review .bbp-topics:before,
.box--review .bbp-replies:before,
.box--review .bbp-form legend:before,
.bbp-form .box--review legend:before, .no-boxshadow .box--review .box--simple:before, .no-boxshadow .box--review .box--event:before, .no-boxshadow .box--review .bbp-forums:before,
.no-boxshadow .box--review .bbp-topics:before,
.no-boxshadow .box--review .bbp-replies:before,
.no-boxshadow .box--review .bbp-form legend:before,
.bbp-form .no-boxshadow .box--review legend:before {
  display: none;
}
.box--simple.box--agenda, .box--agenda.box--event, .box--agenda.bbp-forums,
.box--agenda.bbp-topics,
.box--agenda.bbp-replies,
.bbp-form legend.box--agenda {
  padding-right: 48px;
  padding-right: 3rem;
}
.post-item--dark .box--simple, .post-item--dark .box--event, .post-item--dark .bbp-forums,
.post-item--dark .bbp-topics,
.post-item--dark .bbp-replies,
.post-item--dark .bbp-form legend,
.bbp-form .post-item--dark legend {
  background: #333;
}
.post-item--dark .box--simple .f-h1, .post-item--dark .box--event .f-h1, .post-item--dark .bbp-forums .f-h1,
.post-item--dark .bbp-topics .f-h1,
.post-item--dark .bbp-replies .f-h1,
.post-item--dark .bbp-form legend .f-h1,
.bbp-form .post-item--dark legend .f-h1 {
  color: #fff;
}
.is--books .box--simple:before, .is--books .box--event:before, .is--books .bbp-forums:before,
.is--books .bbp-topics:before,
.is--books .bbp-replies:before,
.is--books .bbp-form legend:before,
.bbp-form .is--books legend:before, .box--simple.is--books:before, .is--books.box--event:before, .is--books.bbp-forums:before,
.is--books.bbp-topics:before,
.is--books.bbp-replies:before,
.bbp-form legend.is--books:before {
  background: #f54c49;
  box-shadow: -5px 0 0 rgba(245, 76, 73, 0.85), 0 5px 0 rgba(245, 76, 73, 0.85), -10px 0 0 rgba(245, 76, 73, 0.65), -5px 5px 0 rgba(245, 76, 73, 0.65), 0px 10px 0 rgba(245, 76, 73, 0.65), -15px 0 0 rgba(245, 76, 73, 0.35), -10px 5px 0 rgba(245, 76, 73, 0.35), -5px 10px 0 rgba(245, 76, 73, 0.35), 0 15px 0 rgba(245, 76, 73, 0.35);
}
.no-boxshadow .is--books .box--simple:before, .no-boxshadow .is--books .box--event:before, .no-boxshadow .is--books .bbp-forums:before,
.no-boxshadow .is--books .bbp-topics:before,
.no-boxshadow .is--books .bbp-replies:before,
.no-boxshadow .is--books .bbp-form legend:before,
.bbp-form .no-boxshadow .is--books legend:before, .no-boxshadow .box--simple.is--books:before, .no-boxshadow .is--books.box--event:before, .no-boxshadow .is--books.bbp-forums:before,
.no-boxshadow .is--books.bbp-topics:before,
.no-boxshadow .is--books.bbp-replies:before,
.no-boxshadow .bbp-form legend.is--books:before,
.bbp-form .no-boxshadow legend.is--books:before {
  background: transparent;
  border-top-color: #f54c49;
}
.is--comics .box--simple:before, .is--comics .box--event:before, .is--comics .bbp-forums:before,
.is--comics .bbp-topics:before,
.is--comics .bbp-replies:before,
.is--comics .bbp-form legend:before,
.bbp-form .is--comics legend:before, .box--simple.is--comics:before, .is--comics.box--event:before, .is--comics.bbp-forums:before,
.is--comics.bbp-topics:before,
.is--comics.bbp-replies:before,
.bbp-form legend.is--comics:before {
  background: #f9813b;
  box-shadow: -5px 0 0 rgba(249, 129, 59, 0.85), 0 5px 0 rgba(249, 129, 59, 0.85), -10px 0 0 rgba(249, 129, 59, 0.65), -5px 5px 0 rgba(249, 129, 59, 0.65), 0px 10px 0 rgba(249, 129, 59, 0.65), -15px 0 0 rgba(249, 129, 59, 0.35), -10px 5px 0 rgba(249, 129, 59, 0.35), -5px 10px 0 rgba(249, 129, 59, 0.35), 0 15px 0 rgba(249, 129, 59, 0.35);
}
.no-boxshadow .is--comics .box--simple:before, .no-boxshadow .is--comics .box--event:before, .no-boxshadow .is--comics .bbp-forums:before,
.no-boxshadow .is--comics .bbp-topics:before,
.no-boxshadow .is--comics .bbp-replies:before,
.no-boxshadow .is--comics .bbp-form legend:before,
.bbp-form .no-boxshadow .is--comics legend:before, .no-boxshadow .box--simple.is--comics:before, .no-boxshadow .is--comics.box--event:before, .no-boxshadow .is--comics.bbp-forums:before,
.no-boxshadow .is--comics.bbp-topics:before,
.no-boxshadow .is--comics.bbp-replies:before,
.no-boxshadow .bbp-form legend.is--comics:before,
.bbp-form .no-boxshadow legend.is--comics:before {
  background: transparent;
  border-top-color: #f9813b;
}
.is--movies .box--simple:before, .is--movies .box--event:before, .is--movies .bbp-forums:before,
.is--movies .bbp-topics:before,
.is--movies .bbp-replies:before,
.is--movies .bbp-form legend:before,
.bbp-form .is--movies legend:before, .box--simple.is--movies:before, .is--movies.box--event:before, .is--movies.bbp-forums:before,
.is--movies.bbp-topics:before,
.is--movies.bbp-replies:before,
.bbp-form legend.is--movies:before {
  background: #ffcc33;
  box-shadow: -5px 0 0 rgba(255, 204, 51, 0.85), 0 5px 0 rgba(255, 204, 51, 0.85), -10px 0 0 rgba(255, 204, 51, 0.65), -5px 5px 0 rgba(255, 204, 51, 0.65), 0px 10px 0 rgba(255, 204, 51, 0.65), -15px 0 0 rgba(255, 204, 51, 0.35), -10px 5px 0 rgba(255, 204, 51, 0.35), -5px 10px 0 rgba(255, 204, 51, 0.35), 0 15px 0 rgba(255, 204, 51, 0.35);
}
.no-boxshadow .is--movies .box--simple:before, .no-boxshadow .is--movies .box--event:before, .no-boxshadow .is--movies .bbp-forums:before,
.no-boxshadow .is--movies .bbp-topics:before,
.no-boxshadow .is--movies .bbp-replies:before,
.no-boxshadow .is--movies .bbp-form legend:before,
.bbp-form .no-boxshadow .is--movies legend:before, .no-boxshadow .box--simple.is--movies:before, .no-boxshadow .is--movies.box--event:before, .no-boxshadow .is--movies.bbp-forums:before,
.no-boxshadow .is--movies.bbp-topics:before,
.no-boxshadow .is--movies.bbp-replies:before,
.no-boxshadow .bbp-form legend.is--movies:before,
.bbp-form .no-boxshadow legend.is--movies:before {
  background: transparent;
  border-top-color: #ffcc33;
}
.is--videogames .box--simple:before, .is--videogames .box--event:before, .is--videogames .bbp-forums:before,
.is--videogames .bbp-topics:before,
.is--videogames .bbp-replies:before,
.is--videogames .bbp-form legend:before,
.bbp-form .is--videogames legend:before, .box--simple.is--videogames:before, .is--videogames.box--event:before, .is--videogames.bbp-forums:before,
.is--videogames.bbp-topics:before,
.is--videogames.bbp-replies:before,
.bbp-form legend.is--videogames:before {
  background: #a0b13d;
  box-shadow: -5px 0 0 rgba(160, 177, 61, 0.85), 0 5px 0 rgba(160, 177, 61, 0.85), -10px 0 0 rgba(160, 177, 61, 0.65), -5px 5px 0 rgba(160, 177, 61, 0.65), 0px 10px 0 rgba(160, 177, 61, 0.65), -15px 0 0 rgba(160, 177, 61, 0.35), -10px 5px 0 rgba(160, 177, 61, 0.35), -5px 10px 0 rgba(160, 177, 61, 0.35), 0 15px 0 rgba(160, 177, 61, 0.35);
}
.no-boxshadow .is--videogames .box--simple:before, .no-boxshadow .is--videogames .box--event:before, .no-boxshadow .is--videogames .bbp-forums:before,
.no-boxshadow .is--videogames .bbp-topics:before,
.no-boxshadow .is--videogames .bbp-replies:before,
.no-boxshadow .is--videogames .bbp-form legend:before,
.bbp-form .no-boxshadow .is--videogames legend:before, .no-boxshadow .box--simple.is--videogames:before, .no-boxshadow .is--videogames.box--event:before, .no-boxshadow .is--videogames.bbp-forums:before,
.no-boxshadow .is--videogames.bbp-topics:before,
.no-boxshadow .is--videogames.bbp-replies:before,
.no-boxshadow .bbp-form legend.is--videogames:before,
.bbp-form .no-boxshadow legend.is--videogames:before {
  background: transparent;
  border-top-color: #a0b13d;
}
.is--boardgames .box--simple:before, .is--boardgames .box--event:before, .is--boardgames .bbp-forums:before,
.is--boardgames .bbp-topics:before,
.is--boardgames .bbp-replies:before,
.is--boardgames .bbp-form legend:before,
.bbp-form .is--boardgames legend:before, .box--simple.is--boardgames:before, .is--boardgames.box--event:before, .is--boardgames.bbp-forums:before,
.is--boardgames.bbp-topics:before,
.is--boardgames.bbp-replies:before,
.bbp-form legend.is--boardgames:before {
  background: #8f5590;
  box-shadow: -5px 0 0 rgba(143, 85, 144, 0.85), 0 5px 0 rgba(143, 85, 144, 0.85), -10px 0 0 rgba(143, 85, 144, 0.65), -5px 5px 0 rgba(143, 85, 144, 0.65), 0px 10px 0 rgba(143, 85, 144, 0.65), -15px 0 0 rgba(143, 85, 144, 0.35), -10px 5px 0 rgba(143, 85, 144, 0.35), -5px 10px 0 rgba(143, 85, 144, 0.35), 0 15px 0 rgba(143, 85, 144, 0.35);
}
.no-boxshadow .is--boardgames .box--simple:before, .no-boxshadow .is--boardgames .box--event:before, .no-boxshadow .is--boardgames .bbp-forums:before,
.no-boxshadow .is--boardgames .bbp-topics:before,
.no-boxshadow .is--boardgames .bbp-replies:before,
.no-boxshadow .is--boardgames .bbp-form legend:before,
.bbp-form .no-boxshadow .is--boardgames legend:before, .no-boxshadow .box--simple.is--boardgames:before, .no-boxshadow .is--boardgames.box--event:before, .no-boxshadow .is--boardgames.bbp-forums:before,
.no-boxshadow .is--boardgames.bbp-topics:before,
.no-boxshadow .is--boardgames.bbp-replies:before,
.no-boxshadow .bbp-form legend.is--boardgames:before,
.bbp-form .no-boxshadow legend.is--boardgames:before {
  background: transparent;
  border-top-color: #8f5590;
}
.is--fandom .box--simple:before, .is--fandom .box--event:before, .is--fandom .bbp-forums:before,
.is--fandom .bbp-topics:before,
.is--fandom .bbp-replies:before,
.is--fandom .bbp-form legend:before,
.bbp-form .is--fandom legend:before, .box--simple.is--fandom:before, .is--fandom.box--event:before, .is--fandom.bbp-forums:before,
.is--fandom.bbp-topics:before,
.is--fandom.bbp-replies:before,
.bbp-form legend.is--fandom:before {
  background: #0fad85;
  box-shadow: -5px 0 0 rgba(15, 173, 133, 0.85), 0 5px 0 rgba(15, 173, 133, 0.85), -10px 0 0 rgba(15, 173, 133, 0.65), -5px 5px 0 rgba(15, 173, 133, 0.65), 0px 10px 0 rgba(15, 173, 133, 0.65), -15px 0 0 rgba(15, 173, 133, 0.35), -10px 5px 0 rgba(15, 173, 133, 0.35), -5px 10px 0 rgba(15, 173, 133, 0.35), 0 15px 0 rgba(15, 173, 133, 0.35);
}

.is--podcast .box--simple:before, .is--podcast .box--event:before, .is--podcast .bbp-forums:before,
.is--podcast .bbp-topics:before,
.is--podcast .bbp-replies:before,
.is--podcast .bbp-form legend:before,
.bbp-form .is--podcast legend:before, .box--simple.is--podcast:before, .is--podcast.box--event:before, .is--podcast.bbp-forums:before,
.is--podcast.bbp-topics:before,
.is--podacast.bbp-replies:before,
.bbp-form legend.is--podcast:before {
  background: #1B95E0;
  box-shadow: -5px 0 0 rgba(15, 173, 133, 0.85), 0 5px 0 rgba(15, 173, 133, 0.85), -10px 0 0 rgba(15, 173, 133, 0.65), -5px 5px 0 rgba(15, 173, 133, 0.65), 0px 10px 0 rgba(15, 173, 133, 0.65), -15px 0 0 rgba(15, 173, 133, 0.35), -10px 5px 0 rgba(15, 173, 133, 0.35), -5px 10px 0 rgba(15, 173, 133, 0.35), 0 15px 0 rgba(15, 173, 133, 0.35);
}

.no-boxshadow .is--fandom .box--simple:before, .no-boxshadow .is--fandom .box--event:before, .no-boxshadow .is--fandom .bbp-forums:before,
.no-boxshadow .is--fandom .bbp-topics:before,
.no-boxshadow .is--fandom .bbp-replies:before,
.no-boxshadow .is--fandom .bbp-form legend:before,
.bbp-form .no-boxshadow .is--fandom legend:before, .no-boxshadow .box--simple.is--fandom:before, .no-boxshadow .is--fandom.box--event:before, .no-boxshadow .is--fandom.bbp-forums:before,
.no-boxshadow .is--fandom.bbp-topics:before,
.no-boxshadow .is--fandom.bbp-replies:before,
.no-boxshadow .bbp-form legend.is--fandom:before,
.bbp-form .no-boxshadow legend.is--fandom:before {
  background: transparent;
  border-top-color: #0fad85;
}

.no-boxshadow .is--podcast .box--simple:before, .no-boxshadow .is--podcast .box--event:before, .no-boxshadow .is--podcast .bbp-forums:before,
.no-boxshadow .is--podcast .bbp-topics:before,
.no-boxshadow .is--podcast .bbp-replies:before,
.no-boxshadow .is--podcast .bbp-form legend:before,
.bbp-form .no-boxshadow .is--podcast legend:before, .no-boxshadow .box--simple.is--podcast:before, .no-boxshadow .is--podcast.box--event:before, .no-boxshadow .is--podcast.bbp-forums:before,
.no-boxshadow .is--podcast.bbp-topics:before,
.no-boxshadow .is--podcast.bbp-replies:before,
.no-boxshadow .bbp-form legend.is--podcast:before,
.bbp-form .no-boxshadow legend.is--podcast:before {
  background: transparent;
  border-top-color: #1B95E0;
}

/* =BOX SINOPSIS ( box--sinopsis)
------------------------------------------------------ */
.box--sinopsis, .box--event-card {
  background: #f9f9f9;
  border-bottom: 1px solid #ececec;
}

.box--sinopsis {
  border-style: solid;
  border-width: 1px 0;
  color: #515151;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  padding: 0px 48px 48px;
  padding: 0rem 3rem 3rem;
}
.box--sinopsis h2 {
  display: inline-block;
  padding: 6px 12px;
  padding: 0.375rem 0.75rem;
  position: relative;
  top: -18px;
  top: -1.125rem;
}
.box--sinopsis p {
  padding-left: 24px;
  padding-left: 1.5rem;
}
.is--books .box--sinopsis {
  border-color: #f54c49;
}
.is--books .box--sinopsis h2 {
  background: #f54c49;
}
.is--comics .box--sinopsis {
  border-color: #f9813b;
}
.is--comics .box--sinopsis h2 {
  background: #f9813b;
}
.is--movies .box--sinopsis {
  border-color: #ffcc33;
}
.is--movies .box--sinopsis h2 {
  background: #ffcc33;
}
.is--videogames .box--sinopsis {
  border-color: #a0b13d;
}
.is--videogames .box--sinopsis h2 {
  background: #a0b13d;
}
.is--boardgames .box--sinopsis {
  border-color: #8f5590;
}
.is--boardgames .box--sinopsis h2 {
  background: #8f5590;
}
.is--fandom .box--sinopsis {
  border-color: #0fad85;
}
.is--fandom .box--sinopsis h2 {
  background: #0fad85;
}

.is--podcast .box--sinopsis {
  border-color: #1B95E0;
}
.is--podcast .box--sinopsis h2 {
  background: #1B95E0;
}
.is--agenda .box--sinopsis {
  border-color: #0fad85;
}
.is--agenda .box--sinopsis h2 {
  background: #0fad85;
}

.box--event-card {
  padding: 12px 18px;
  padding: 0.75rem 1.125rem;
}
.box--event-card .f-module, .box--event-card .bbp-topic-tags {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0;
}

/* =BOX EVENT ( box--event)
------------------------------------------------------ */
.box--event {
  padding-right: 72px;
  padding-right: 4.5rem;
}

/* =BOX DARK  (.box--dark)
------------------------------------------------------ */
/* =BUTTONS
-------------------------------------------------------------------------- */
/* =BUTTON BASE
------------------------------------------------------ */
button,
[type="submit"],
.btn, .btn--simple {
  font: inherit;
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  cursor: pointer;
  border: none;
  margin: 0;
  line-height: 1;
  text-align: center;
  /**
   * Set padding in ems so we can change the size of a button by merely
   * altering its `font-size`.
   */
}
button,
[type="submit"],
.btn, .btn--simple, button:hover,
[type="submit"]:hover,
.btn:hover, .btn--simple:hover {
  text-decoration: none;
}

/* =BASIC BUTTON (.btn)
------------------------------------------------------ */
button,
[type="submit"],
.btn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0.5em;
}

/* =BASIC BUTTON SKIN (.btn)
------------------------------------------------------ */
button,
[type="submit"],
.btn {
  background: #0fad85;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2.57143;
  padding: 0px 12px;
  padding: 0rem 0.75rem;
}
button:hover, button:focus,
[type="submit"]:hover,
[type="submit"]:focus,
.btn:hover,
.btn:focus {
  background: #11c497;
}

/* =EVENT ARCHIVE BUTTON SKIN (.btn--event-archive)
------------------------------------------------------ */
.btn--simple {
  background: #fff;
  clear: both;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  padding: 12px 24px;
  padding: 0.75rem 1.5rem;
  text-align: center;
}
.btn--simple:hover {
  background-color: #f1f1f1;
}

/* =BRAND (.brand)
-------------------------------------------------------------------------- */
.main-header .brand {
  background: #000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAEnCAMAAAC5YBJgAAAAwFBMVEU3dF4CCAZNiXRvppMFEQ0GFA9poY0KHxjd6uYPLiOAtKKaxbaoz8EDCwgUQDG+29FHhG8OKyEHFxF2rJgIGxQVRDQQMycPMCUqZVGlzL5fmYRalYEXSTfG39YBBAOu0sUBAgITPC4MJx3T5d7Y6OMSOCueyLo/e2YCBgTh7Ol6sJ2y1Mguala318xTjnmVw7McUz8fWEQAAACIuagLIhpDf2rN49smYk0jXUg6d2JWkX0EDgsyb1pknoqPvq4YTDrr+wodAAABoUlEQVR4XrXUxc7bUBRF4W12mJnzIzOU+/5v1aVsRb31oJOqn5QlD6LEsu85esa/Z3sItF2TNaq5RJDoMuIqiiJFUStSi8hXcL7CSQ9JUwKSpcqgfpb11YfIUEPIKYaFCjivcPYI09v31INTg2qT2kQTaAznbHxGEGQHp71rE5BRWyPIWZIlnJ8I8gjnCc4nOB8g06mm0C30DaIE+gxdQG9QF4rjbqwYuoe+QAtovpgT6DuUQ0meJ0qgZDBINICuoXq9TqAXOD/gPEAN6LxxTqAZ1IQ2zQ2BbqA7OB04KwR5R5ATOKf4M6VKBLkqr47BX1ISvlb9Af9o+B8np8EdVG5tBaez6hA4d3BuoA1EmmrOeCQz+DGRhhrQA4Jn+gKnDr+Aa2gAJYeA5Ily+DXO4Szg130PxfBh6MIH5AI+NMZB4kNuoSnEgSMITuITnEc4laO8hDPC73gg2hAzwtVxZqrDNGbAgnmbwINYg4fTYWKrQ/wKp4DDAiBwWA8EXhkZlLFGlELEmyZIC453U+u4oFhax/WFIGtU4nW4hVfk83/ILzTzlgzVF5rNAAAAAElFTkSuQmCC') repeat-x center center;
  height: 288px;
  height: 18rem;
}
.main-header .brand a {
  display: block;
}
.main-header .tagline {
  color: #fff;
  font-weight: 100;
  letter-spacing: .075em;
}
.main-header .brand__logo {
  background: url(img/header__bg.jpg) no-repeat center center;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.main-header .brand__logo img,
.main-header .brand__logo .tagline {
  margin: 0 auto;
  opacity: 1;
  position: absolute;
  left: 0;
  right: 0;
  -moz-transition: opacity 0.5s ease-in;
  -o-transition: opacity 0.5s ease-in;
  -webkit-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
}
.main-header .brand__logo img {
  display: block;
  margin-top: -37px;
  top: 44%;
}
.main-header .brand__logo .tagline {
  top: 65%;
}
.main-header .brand__logo.is--navbar-fixed img,
.main-header .brand__logo.is--navbar-fixed .tagline {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

/* =POST ITEM (.post-item)
-------------------------------------------------------------------------- */
/* =POST ITEM LAYOUT
------------------------------------------------------ */
.post-item .post-item__media {
  width: 49.20635%;
  float: left;
  margin-right: 1.5873%;
  display: inline;
}
.post-item .post-item__body, .post-item .post-item__body:after {
  width: 49.20635%;
  float: right;
  margin-right: 0;
  #margin-left: -10px;
  display: inline;
}

.post-item,
.post-item--big {
  clear: both;
}

.main-content .post-item--small {
  width: 49.20635%;
  float: left;
  margin-right: 1.5873%;
  display: inline;
}
.main-content .post-item--small:nth-child(2n) {
  float: right;
  margin-right: 0;
  #margin-left: -10px;
  display: inline;
}
.post-list .post-item--small {
  width: 100%;
  margin: 0;
  border-bottom: solid 1px #ececec;
}

.post-item--dark {
  width: 31.91489%;
  float: left;
  margin-right: 2.12766%;
  display: inline;
}
.post-item--dark:nth-child(3n) {
  float: right;
  margin-right: 0;
  #margin-left: -10px;
  display: inline;
}

/* =POST ITEM MEDIA
------------------------------------------------------ */
.post-item__media img {
  display: block;
  width: 100%;
}

/* =POST ITEM BODYs
------------------------------------------------------ */
.post-item__body :last-of-type {
  margin-bottom: 0;
}
.post-item__body a:hover {
  text-decoration: underline;
}

.post-item--big .f-h1 {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
.post-item--big .f-h1:hover {
  text-decoration: underline;
}
.post-item--big .f-meta,
.post-item--big .f-module,
.post-item--big .bbp-topic-tags {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

.post-item--small .post-item__body {
  overflow: hidden;
  height: 192px;
  height: 12rem;
}
.post-list .post-item--small .post-item__body {
  height: auto;
}
.post-item--small .f-h1 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
}
.post-item--small .f-h1:hover {
  text-decoration: underline;
}

.post-item--dark .post-item__body {
  overflow: hidden;
  height: 180px;
  height: 11.25rem;
}
.post-list .post-item--dark .post-item__body {
  height: auto;
}
.post-item--dark .f-h1 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
.post-item--dark .f-meta {
  line-height: 1.3;
}
.post-item--dark a {
  color: #ececec;
}
.post-item--dark a:hover {
  text-decoration: underline;
}

/* =POST ITEM GRADIENT
------------------------------------------------------ */
.post-item .post-item__body:after,
.post-item--dark .post-item__body:after,
.slider-tabbed .post-item--big:after,
.post-item--small:after {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAjCAMAAABir5CGAAAAV1BMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////c7HqBAAAAHHRSTlMQYzjrG3a/gEDKi0gDKagJnlr4FbTWlW0wUiLgUwQFHgAAADJJREFUeF5NwcURgDAAALC0uLuz/5x8uWgNWKRunVNUalwmwSFTqO1GvVWusnkkZu/fB0H+Aj9etMZUAAAAAElFTkSuQmCC') repeat-x bottom center;
  background-size: auto 100%;
  content: '';
  display: block;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: 0;
}
.post-list .post-item .post-item__body:after, .post-list
.post-item--dark .post-item__body:after, .post-list
.slider-tabbed .post-item--big:after, .post-list
.post-item--small:after {
  display: none;
}

.post-item .post-item__body:after {
  height: 20%;
  width: 49.20635%;
  float: right;
  margin-right: 0;
  #margin-left: -10px;
  display: inline;
}

.post-item--big .post-item__body,
.post-item--small .post-item__body {
  position: relative;
}
.post-item--big:after,
.post-item--small:after {
  width: 100%;
  height: 15%;
}

.serp .post-item__body:after,
.post-item--dark .post-item__body:after {
  width: 100%;
  height: 40%;
}

.post-item--small:after {
  height: 20%;
}

.post-item--dark .post-item__body:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAjCAQAAAD/eKg/AAAAQklEQVR4AS2HwQ6AIAzFHjVuw4se/P8vFdCBSdO0SMlt6Ss4jW40Z3eeYAtKpU0vekUHSueuGPF3iWx9OMUZhmyuXggICXOdowvjAAAAAElFTkSuQmCC');
}

.slider-tabbed {
  border: 1px solid #ececec;
  border: 1px 0;
  overflow: hidden;
  position: relative;
  height: 576px;
  height: 36rem;
}

.slider-tabbed__tabs {
  background: #f4f4f4;
  box-shadow: inset 6px 0 12px -8px rgba(0, 0, 0, 0.8);
  float: right;
  overflow: hidden;
  width: 33.68421%;
  height: 100%;
  z-index: 1;
}
.slider-tabbed__tabs .nav__item {
  border-bottom: 1px solid #ececec;
  color: #515151;
  display: block;
  width: 100%;
}
.slider-tabbed__tabs .nav__item:first-child {
  border-top: 0;
}
.slider-tabbed__tabs .nav__item > a {
  background: #fff;
  box-shadow: inset 6px 0 12px -8px rgba(0, 0, 0, 0.8);
  display: block;
  margin-bottom: 0;
  padding: 12px 84px 12px 24px;
  padding: 0.75rem 5.25rem 0.75rem 1.5rem;
  position: relative;
  height: 96px;
  height: 6rem;
}
.slider-tabbed__tabs .nav__item > a:hover {
  background: #f4f4f4;
  color: #333;
}
.slider-tabbed__tabs .nav__item > a:after {
  background: #f4f4f4;
  display: block;
  content: '';
  font-family: 'fantifica';
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 3.2;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: normal;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  width: 72px;
  width: 4.5rem;
}
.slider-tabbed__tabs .is--books > a:after {
  color: #999;
  content: "r";
}
.slider-tabbed__tabs .is--books > a:hover:after, .slider-tabbed__tabs .is--books > a:focus:after {
  color: #f54c49;
}
.slider-tabbed__tabs .is--books > a.is--current:after {
  background: #f54c49;
}
.slider-tabbed__tabs .is--books > a.is--current:after, .slider-tabbed__tabs .is--books > a.is--current:hover:after, .slider-tabbed__tabs .is--books > a.is--current:focus:after {
  color: #fff;
}
.slider-tabbed__tabs .is--comics > a:after {
  color: #999;
  content: "p";
}
.slider-tabbed__tabs .is--comics > a:hover:after, .slider-tabbed__tabs .is--comics > a:focus:after {
  color: #f9813b;
}
.slider-tabbed__tabs .is--comics > a.is--current:after {
  background: #f9813b;
}
.slider-tabbed__tabs .is--comics > a.is--current:after, .slider-tabbed__tabs .is--comics > a.is--current:hover:after, .slider-tabbed__tabs .is--comics > a.is--current:focus:after {
  color: #fff;
}
.slider-tabbed__tabs .is--movies > a:after {
  color: #999;
  content: "t";
}
.slider-tabbed__tabs .is--movies > a:hover:after, .slider-tabbed__tabs .is--movies > a:focus:after {
  color: #ffcc33;
}
.slider-tabbed__tabs .is--movies > a.is--current:after {
  background: #ffcc33;
}
.slider-tabbed__tabs .is--movies > a.is--current:after, .slider-tabbed__tabs .is--movies > a.is--current:hover:after, .slider-tabbed__tabs .is--movies > a.is--current:focus:after {
  color: #fff;
}
.slider-tabbed__tabs .is--videogames > a:after {
  color: #999;
  content: "h";
}
.slider-tabbed__tabs .is--videogames > a:hover:after, .slider-tabbed__tabs .is--videogames > a:focus:after {
  color: #a0b13d;
}
.slider-tabbed__tabs .is--videogames > a.is--current:after {
  background: #a0b13d;
}
.slider-tabbed__tabs .is--videogames > a.is--current:after, .slider-tabbed__tabs .is--videogames > a.is--current:hover:after, .slider-tabbed__tabs .is--videogames > a.is--current:focus:after {
  color: #fff;
}
.slider-tabbed__tabs .is--boardgames > a:after {
  color: #999;
  content: "l";
}
.slider-tabbed__tabs .is--boardgames > a:hover:after, .slider-tabbed__tabs .is--boardgames > a:focus:after {
  color: #8f5590;
}
.slider-tabbed__tabs .is--boardgames > a.is--current:after {
  background: #8f5590;
}
.slider-tabbed__tabs .is--boardgames > a.is--current:after, .slider-tabbed__tabs .is--boardgames > a.is--current:hover:after, .slider-tabbed__tabs .is--boardgames > a.is--current:focus:after {
  color: #fff;
}
.slider-tabbed__tabs .is--fandom > a:after {
  color: #999;
  content: "n";
}
.slider-tabbed__tabs .is--fandom > a:hover:after, .slider-tabbed__tabs .is--fandom > a:focus:after {
  color: #0fad85;
}
.slider-tabbed__tabs .is--fandom > a.is--current:after {
  background: #0fad85;
}
.slider-tabbed__tabs .is--fandom > a.is--current:after, .slider-tabbed__tabs .is--fandom > a.is--current:hover:after, .slider-tabbed__tabs .is--fandom > a.is--current:focus:after {
  color: #fff;
}

.slider-tabbed__tabs .is--podcast > a:after {
  color: #999;
  content: "n";
}
.slider-tabbed__tabs .is--podcast > a:hover:after, .slider-tabbed__tabs .is--podcast > a:focus:after {
  color: #1B95E0;
}
.slider-tabbed__tabs .is--podcast > a.is--current:after {
  background: #1B95E0;
}
.slider-tabbed__tabs .is--podcast > a.is--current:after, .slider-tabbed__tabs .is--podcast > a.is--current:hover:after, .slider-tabbed__tabs .is--podcast > a.is--current:focus:after {
  color: #fff;
}

.slider-tabbed__tabs .is--agenda > a:after {
  color: #999;
  content: "l";
}
.slider-tabbed__tabs .is--agenda > a:hover:after, .slider-tabbed__tabs .is--agenda > a:focus:after {
  color: #0fad85;
}
.slider-tabbed__tabs .is--agenda > a.is--current:after {
  background: #0fad85;
}
.slider-tabbed__tabs .is--agenda > a.is--current:after, .slider-tabbed__tabs .is--agenda > a.is--current:hover:after, .slider-tabbed__tabs .is--agenda > a.is--current:focus:after {
  color: #fff;
}

.slider-tabbed__post-wrap {
  float: left;
  overflow: hidden;
  position: absolute;
  width: 66.31579%;
  height: 576px;
  height: 36rem;
  z-index: 2;
}
.slider-tabbed__post-wrap .post-item--big {
  margin-bottom: 0;
  height: 576px;
  height: 36rem;
}

/* =SIDEBAR WIDGETS BASE
-------------------------------------------------------------------------- */
.widget__header {
  border-bottom: 1px solid #ececec;
  margin-bottom: 0;
  padding: 18px 12px;
  padding: 1.125rem 0.75rem;
  text-align: center;
}

/* =WIDGETS EVENTS
------------------------------------------------------ */
/* =EVENT ITEM
---------------------------------- */
.wid-events-item {
  border-bottom: solid 1px #ececec;
  *zoom: 1;
}
.wid-events-item:before, .wid-events-item:after {
  content: "";
  display: block;
}
.wid-events-item:after {
  clear: both;
}
.wid-events-item a {
  color: #333;
}
.wid-events-item a:hover {
  background-color: #f9f9f9;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

/* EVENT DATE */
.wid-events-item__date {
  background-color: #0fad85;
  display: flex;
  align-items: center;
  float: left;
  position: relative;
  width: 72px;
  width: 4.5rem;
  height: 72px;
  height: 4.5rem;
}
.wid-events-item__date time {
  color: #fff;
  display: block;
  flex: 1;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 32px;
  font-size: 2rem;
  line-height: 0.75;
  font-weight: 300;
  position: relative;
  text-align: center;
  z-index: 1;
}
.no-flexbox .wid-events-item__date time {
  margin: 12px 0 0;
}
.wid-events-item__date time span {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  margin-top: 6px;
  margin-top: 0.375rem;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
.wid-events-item__date.is--multiple:before {
  content: '';
  border-width: 36px;
  border-width: 2.25rem;
  border-style: solid;
  border-color: #0fad85 #11c497 #11c497 #0fad85;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
}
.wid-events-item__date .wid-events-item__date-start,
.wid-events-item__date .wid-events-item__date-finish {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  position: absolute;
}
.no-flexbox .wid-events-item__date .wid-events-item__date-start, .no-flexbox
.wid-events-item__date .wid-events-item__date-finish {
  margin-top: 0;
}
.wid-events-item__date .wid-events-item__date-start span,
.wid-events-item__date .wid-events-item__date-finish span {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: .8;
  margin-top: 0px;
}
.wid-events-item__date .wid-events-item__date-start {
  top: 4.8px;
  top: 0.3rem;
  left: 4.8px;
  left: 0.3rem;
}
.wid-events-item__date .wid-events-item__date-finish {
  bottom: 4.8px;
  bottom: 0.3rem;
  right: 4.8px;
  right: 0.3rem;
}

/* EVENT TITLE */
.wid-events-item__title {
  margin-left: 72px;
  margin-left: 4.5rem;
  padding: 6px 18px;
  padding: 0.375rem 1.125rem;
}
.wid-events-item__title p {
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571;
  margin-bottom: 0;
}
.wid-events-item__title em {
  color: #999;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-style: normal;
  text-transform: uppercase;
}

/* =SIDEBAR WIDGETS
-------------------------------------------------------------------------- */
/* =REVIEW
------------------------------------------------------ */
/* =REVIEW COVER
---------------------------------- */
.wid-review__img {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  padding: 18px;
  padding: 1.125rem;
  position: relative;
}
.wid-review__img img {
  display: block;
  position: relative;
  z-index: 2;
}

.wid-review__img-shadow {
  position: relative;
}
.wid-review__img-shadow:before {
  display: block;
  content: '';
  position: absolute;
  top: 10px;
  bottom: 0;
  width: 100%;
  -moz-box-shadow: 0 22px 15px -15px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 22px 15px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0 22px 15px -15px rgba(0, 0, 0, 0.7);
  border-radius: 100%/ 20%;
  z-index: 1;
}

.wid-review__score {
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  display: block;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 2.7;
  font-weight: 600;
  margin-top: -54px;
  margin-top: -3.375rem;
  margin-left: -54px;
  margin-left: -3.375rem;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  width: 108px;
  width: 6.75rem;
  height: 108px;
  height: 6.75rem;
  z-index: 3;
}
.is--books .wid-review__score {
  background-image: url("img/score--books.png");
}
.is--comics .wid-review__score {
  background-image: url("img/score--comics.png");
}
.is--movies .wid-review__score {
  background-image: url("img/score--movies.png");
}
.is--videogames .wid-review__score {
  background-image: url("img/score--videogames.png");
}
.is--boardgames .wid-review__score {
  background-image: url("img/score--boardgames.png");
}
.is--fandom .wid-review__score {
  background-image: url("img/score--fandom.png");
}
.is--agenda .wid-review__score {
  background-image: url("img/score--agenda.png");
}

/* =REVIEW CARD
---------------------------------- */
.wid-review__card,
.wid-review__shop {
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  font-weight: 300;
}

.wid-review__card .f-h5 {
  padding: 0px 18px;
  padding: 0rem 1.125rem;
}
.wid-review__card ul {
  border-top: 1px solid #ececec;
}
.wid-review__card li {
  border-bottom: 1px solid #ececec;
  padding: 6px 18px;
  padding: 0.375rem 1.125rem;
}
.wid-review__card li strong {
  font-weight: 700;
}
.wid-review__card li ul {
  border: 0;
  list-style: none;
  padding-left: 12px;
  padding-left: 0.75rem;
}
.wid-review__card li li {
  border: 0;
  padding: 0;
}

.wid-review__shop {
  padding: 18px;
  padding: 1.125rem;
}
.wid-review__shop p,
.wid-review__shop ul {
  margin: 0;
  text-align: center;
}
.wid-review__shop ul {
  list-style: none;
  padding: 0;
}
.wid-review__shop li {
  border-left: 1px solid #333;
  display: inline-block;
  float: none;
  line-height: 1.28571;
  padding: 0 .75em;
}
.wid-review__shop li:first-child {
  border: 0;
}

/* =REVIEW SERIE
---------------------------------- */
.wid-review__serie {
  border-top: 1px solid #ccc;
  box-shadow: inset 0 12px 10px -10px rgba(0, 0, 0, 0.2);
  padding-bottom: 48px;
  padding-bottom: 3rem;
  position: relative;
}
.wid-review__serie:before {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAMAAADaUYZlAAAAGFBMVEXMzMzMzMzMzMwAAADX19fz8/PPz8////+Rlhg4AAAABHRSTlM2X4AAOrAwIQAAADZJREFUeNpNyMENADAIw8CQFLr/xhWgCvw7I/xOTtgaHoAYi4LE82lK12imazTbPYIai8nx9ADBKwJVW7asoAAAAABJRU5ErkJggg==') no-repeat center;
  content: '';
  display: block;
  position: absolute;
  top: -2px;
  width: 100%;
  height: 10px;
}
.wid-review__serie li:last-child {
  border-bottom: 0;
}

.wid-review__serie-logo {
  padding: 18px;
  padding: 1.125rem;
}

/* =REVIEW SLIDER (.wid-review-list)
------------------------------------------------------ */
.wid-review-list {
  overflow: hidden;
}
.wid-review-list .wid-review__img {
  padding-bottom: 0;
}
.wid-review-list .review-slide {
  background: #fff;
  float: none;
}
.no-js .wid-review-list .review-slide {
  border-top: 1px solid #ececec;
  float: none;
}
.no-js .wid-review-list .review-slide:first-child {
  border: 0;
}

.review-slider {
  position: relative;
  left: 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  min-height: 480px;
  min-height: 30rem;
}

.review-slide__card {
  padding: 0px 18px 18px;
  padding: 0rem 1.125rem 1.125rem;
  text-align: center;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
}
.review-slide__card h3 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-top: 6px;
  margin-top: 0.375rem;
}
.review-slide__card p {
  margin-bottom: 0;
}

.review-slider__nav {
  border-top: 1px solid #ececec;
  position: relative;
  height: 60px;
  height: 3.75rem;
}
.review-slider__nav .prev,
.review-slider__nav .next,
.review-slider__nav .f-cats span,
.f-cats .review-slider__nav span {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  opacity: .4;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 9.67742%;
}
.lt-ie8 .review-slider__nav .prev, .lt-ie8
.review-slider__nav .next, .lt-ie8
.review-slider__nav .f-cats span, .f-cats .lt-ie8
.review-slider__nav span {
  text-indent: -100%;
}
.review-slider__nav .prev:hover,
.review-slider__nav .next:hover,
.review-slider__nav .f-cats span:hover,
.f-cats .review-slider__nav span:hover {
  opacity: 1;
}
.review-slider__nav .prev {
  background-position: center;
}
.review-slider__nav .next, .review-slider__nav .f-cats span, .f-cats .review-slider__nav span {
  background-position: center;
  right: 0;
}
.no-js .review-slider__nav {
  display: none;
  visibility: hidden;
}

.review-slider__pagination {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 4.28571;
  text-align: center;
  height: 60px;
  height: 3.75rem;
}
.review-slider__pagination span {
  background: #ececec;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  margin: 0px 6px;
  margin: 0rem 0.375rem;
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
}
.review-slider__pagination span.is--current {
  background: #ccc;
}

/* =BANNER
------------------------------------------------------ */
.wid-banner a,
.wid-banner img,
.wid-preview a,
.wid-preview img {
  display: block;
  width: 100%;
  height: auto;
}

/* =PREVIEW
------------------------------------------------------ */
.wid-preview {
  position: relative;
  padding: 7px 0;
}
.wid-preview > div {
  margin: 0 auto;
}
.wid-preview a {
  position: relative;
}
.wid-preview a:after {
  background-repeat: no-repeat;
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 108px;
  height: 108px;
}
.wid-preview.is--books a:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAAAwFBMVEXS0tLwW1jvoZ/vaGXRYmDOtbTWoJ/ceniOjo7X19fOy8vGxMTl5OTW1tbj4eHGubmpoqJXV1dycnLXubjp5uYjIyMBAQEAAAAGBQUAAAAAAAAAAAAAAADp6ekMDAwAAAC/lZT2tbT1hYOsb261gH+kXFqYREP1WVf1dHL2oaCQLSyeMS+sNTP2zMy5OTfEPTrPQD3f39/YQ0DhRUPZ2Njc3Nzj4+PV1dXwSkfu7u7z8/PQ0NDpSEX0S0j29vb1TEmJJM60AAAAIHRSTlP6xruQ+kD2+3HCdaLars6VhFFj+uxIOS8UJBsOCP4DAFsYQbAAAAYQSURBVHjavdprU+JYEAbg3R2V+z0iIskqKhA1KpoQAkz8//9q+9zy6nZqCZywZz5Ypqbqqbe7z6Vq5o+//5flyXV6zFMSsNOnmkwm3i9gJ8w1kaszPzWmrZubm85id1rMMxRZ/g7YaWqoqNFoVA92wE7ULU2N63Hl8/OUyVQFSRqPG7H/Aewk3dLU9XUrCj6AnaqCkuq1o7jyThqwU1FXXSeK/XdgJ6R6rSgMg/e38jFP9QrUsNtchnF89kZYuT3zjJRR/Vq4DMP44lVi2GclZZKhBHV1NaQKLiOygtdXVcU1MCtIUJAk1XBW0gofXwgjC5gFZCJJSdVv2G85q1UkrPiBLImtgVkwCjISUd320qVY0ho8Z8F+H4x5cBgkpX7DcV13uVxKK5y9aGwNrHBroBBDDiApddourdVKW9v7b8G+imLkIAsxmQNoWG00V0lCFKyLJ8KUtf4Ctp9CGDDkSOiy16k57mZDlLB0w7bh8zOKCGyvJSWNEANn2Os3Wk6ySTdJkpgakhXTevxexMLJPEUhDDHCqXZrNWezSVMKlVlmELcPKCJZxTBzNZl5o3V5We122k0nSWkJKsOIMtbgCUUEtl+TFkm9Xr/baTSaDjVIO1JCLgxHOHv6ZhVPJmp43mrVxLQlVDXj0B/6qa3kZw23jxQMDSuejIKN60mi6kULTopgyCWtW1lEM/UHJRtf192ElqQyR6aD5cJiDQNWINh11d0oS0r7rJg17CCsTxhqqCluoWGY+kMxek24G5MLyRTFrVtVRGEdhV266ffZwHCwzcwadgwmLa2AYhYahiIehI01hgKiiGzoWcOOxQyDk4Nt5u0DGmaDYTTEyh963rDjBiTFZLDZyKzwiTXsOAw9y9lgytrO2JF4FCaVXEu9ECV2jyPRCtMOLFrolwp2yxp2LIZYrIa5wwHt8GlEEdMs14oWrJAaxobjOCx3EGFhN+MOs09GUs4G08OB3VxaMr7B2HDYYMN+IiAMIrMwHGjYwZinsC5hPyjUUGHs5LBI1s1KKDVsZnNyYDgIs0g20hg/fDGI7OQ4MhlhV8OumUS+wXCtYDgskhHW0I9GlosPok2yyY3A2uyUKjqIwIoejcNm+pOChUHEyWGJOQZjh1TMBtEKowOk76JfuC0LDSKwonu6mneDbXEiYhCtkultlubMBh/635bYRE5+TVlsg92yQTwaw3y082+wC1gYRFus50oMFt9gFMwKw3z0N4LiFj0DYNlhmI8Gu8H4BrPHKJiaDwwiLP0MwNDbYZ55x3FrO2MbzDaZ3tIuaogb7LtlnQw3Z2fDDym2wSwxHPmJzoVnG7OsMAw+7TK8OLhlh/Eq4pDKt+wxDH7zXxvsgVm2GKrYVzXcY1ljE3V8uFa5gBXZ0Y5bzJrrn/hQGMPzFBvsv3MF/k8Kv3OMW/oR5xaxFv48SIMFPkyT1F/cFcMwHhiOHAtY6gdpmpowJKfiSyEMwVqutvj+gjZfaIzC6VgaWxTAcHpEzMrLFRiMCBnLYGkRDMEy65HlYpgxDsK8rGORGfoYFnLZYDxYbaWtkOcqLZk6PK6qy6Wu4YzlssVgmYtsqTbYABZyWWNomAjW0Q0bPD/zXPYYiqimQ1jyjc0sSwzBJipYeyWs+EHEYlY5WFbEhrTCe11CWOVhnrGqcjicR1VCWPYYL2LPEdZg9qJLCMsaA5U1TFgXLyJW1i5YZWCZdd2iQYwqKha2V4mYpxtGWIcs5+yVqKxd61wG2N3i7geW+AuGseEQwephFA7eBLWvXcBS1ydOY0TN75I0YRhy6SKO68twWXmTFKw92Hw+DdzFwlVYMPfdu6m4U/Mx/Bsx5XLOpKRLyCyOBYFLt6a/mAcC87/86RdFo88cQ64bsuLo4t1QxV6H8i9MF/qRJZ5V+J1jHv4LWD1yKgQRJWJhDIuu+XTKvikMlgnWigafH5pCCW0WT2astlMhRkoyFnKVhCHYeXOw+5SUsQCVgiHYpN6uCEVKJlapGIKdNy52u58UrBLLKNb5X/Md1lrGKhkzwUbds/V3CiUsP9n5n2taoGQFoZXZs9GvNRZSlbz+AUE65q15U04wAAAAAElFTkSuQmCC');
}

/* =WIDGET TABS
------------------------------------------------------ */
.wid__tabs > li {
  width: 50%;
}
.wid__tabs .nav__label {
  background-color: #ececec;
  color: #999;
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 3.42857;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
.wid__tabs .nav__label.is-current {
  background: #fff;
  color: #515151;
}

/* =MAS VENDIDOS
------------------------------------------------------ */
.wid-bestseller__list {
  border-top: solid 1px #ececec;
  display: table;
  width: 100%;
}
.wid-bestseller__list .nav__item {
  border-bottom: solid 1px #ececec;
  font-weight: 300;
  counter-increment: item;
}
.wid-bestseller__list .nav__item p,
.wid-bestseller__list .nav__item h3 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
}
.wid-bestseller__list .nav__item h3 {
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 600;
  margin-bottom: 0;
}
.wid-bestseller__list a {
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  padding: 12px 0px 12px 54px;
  padding: 0.75rem 0rem 0.75rem 3.375rem;
  position: relative;
  vertical-align: middle;
  height: 72px;
  height: 4.5rem;
}
.wid-bestseller__list a:before {
  color: #999;
  background: #f9f9f9;
  border-right: 1px solid #ececec;
  content: counter(item);
  display: block;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 3;
  font-weight: 300;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 36px;
  width: 2.25rem;
  text-align: center;
}
.wid-bestseller__list a:hover {
  background: #f9f9f9;
}
.wid-bestseller__list a:hover:before {
  color: #515151;
  background: #ececec;
}

/* =ULTIMAS NOTICIAS
    ------------------------------------------------------ */
.wid-latestnews img {
  float: left;
  margin-top: 6px;
  margin-top: 0.375rem;
}
.wid-latestnews .f-h1,
.wid-latestnews .f-meta {
  margin-left: 84px;
  margin-left: 5.25rem;
}
.wid-latestnews .post-item--small:first-child {
  margin-left: 0px;
  margin-left: 0rem;
}
.wid-latestnews .post-item--small:first-child .f-h1,
.wid-latestnews .post-item--small:first-child .f-meta {
  margin-left: 0px;
  margin-left: 0rem;
}

.sidebar .tw-activity {
  height: 318px;
  width: 313px;
}

.sidebar .tw-activity iframe {
  display: block;
  width: 98%;
  height: 314px;
  margin: 0 auto;
  padding-top: 4px;
}

/* =POST
-------------------------------------------------------------------------- */
/* =POST LAYOUT
------------------------------------------------------ */
.post__header,
.post__feat-img,
.post__body {
  border-bottom: 1px solid #ececec;
}
.post__header.has--sinopsis,
.post__feat-img.has--sinopsis,
.post__body.has--sinopsis {
  border-bottom: 0;
}

/* =POST HEADER
------------------------------------------------------ */
.post__meta {
  margin: 24px 0px 0px;
  margin: 1.5rem 0rem 0rem;
}

/* =POST FEATURED IMAGE
------------------------------------------------------ */
.post__feat-img img {
  display: block;
}

/* =POST SINOPSIS
------------------------------------------------------ */
.post__sinopsis .f-meta {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.post__sinopsis :last-child {
  margin-bottom: 0;
}

/* =SHARE
-------------------------------------------------------------------------- */
.share {
  border-bottom: 1px solid #ececec;
}
.share .share__tw,
.share .share__fb {
  display: inline-block;
  margin-right: 6px;
  margin-right: 0.375rem;
  vertical-align: middle;
}
.share .share__tw {
  line-height: 0;
}

/* =COMMON STYLES
-------------------------------------------------------------------------- */
#comments {
  padding: 24px;
  padding: 1.5rem;
  background-color: #fff;
  margin: 0;
}

.commentlist {
  border-top: solid 1px #ececec;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 300;
  margin-bottom: 0;
  padding: 0;
}

.comment,
.pingback {
  margin: 0px 0px 1.2px 0px;
  margin: 0rem 0rem 0.075rem 0rem;
  background-color: #f9f9f9;
  list-style: none;
  position: relative;
}

.comment-body {
  padding: 24px;
  padding: 1.5rem;
}
.comment-body p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.37143;
  padding: 12px 24px 12px 62.4px;
  padding: 0.75rem 1.5rem 0.75rem 3.9rem;
  margin-bottom: 1.2px;
  margin-bottom: 0.075rem;
  clear: both;
  color: #515151;
  display: block;
}

.comment-author img {
  float: left;
}
.comment-author .fn {
  float: left;
  font-style: normal;
  font-weight: 400;
  padding: 0px 12px;
  padding: 0rem 0.75rem;
}

.comment-meta a {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  padding: 0px 12px;
  padding: 0rem 0.75rem;
  color: #999;
  text-decoration: none;
}

/* =COMMENTS STYLES
-------------------------------------------------------------------------- */
.comment .comment-author .fn {
  line-height: 2.66667;
}
.comment .comment-meta {
  float: right;
  padding-top: 12px;
  padding-top: 0.75rem;
}
.comment .reply {
  display: block;
  text-align: right;
}
.comment .reply a {
  background-color: #fff;
  border: 1px solid #ececec;
  color: #999;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.37143;
  padding: 4.8px 12px;
  padding: 0.3rem 0.75rem;
  margin: 6px 12px 0px;
  margin: 0.375rem 0.75rem 0rem;
  text-decoration: none;
}
.comment .reply a:hover {
  background-color: #999;
  color: #fff;
}

/* =PINGBACK STYLES
-------------------------------------------------------------------------- */
.pingback .comment-author {
  margin-top: 36px;
  margin-top: 2.25rem;
}
.pingback .comment-meta {
  position: absolute;
  top: 24px;
  top: 1.5rem;
  right: 24px;
  right: 1.5rem;
}

textarea#comment {
  width: 100%;
}

.children {
  padding: 1.2px 0px 1.2px 24px;
  padding: 0.075rem 0rem 0.075rem 1.5rem;
  margin: 24px 0px 0px 0px;
  margin: 1.5rem 0rem 0rem 0rem;
  background-color: #f9f9f9;
  border-top: solid 1px #ececec;
  margin: 0;
}
.children .comment {
  border-bottom: solid 1px #ececec;
}
.children .comment:last-child {
  border-bottom: 0;
}

.says {
  display: none;
}

#respond {
  padding: 24px;
  padding: 1.5rem;
  background-color: #fff;
  border-bottom: 1px solid #ececec;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
}
#respond p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.37143;
  color: #515151;
}

.comment-awaiting-moderation {
  background-color: #ececec;
  width: 100%;
  clear: both;
  float: left;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.74545;
  margin: 12px 0px;
  margin: 0.75rem 0rem;
  padding: 0px 12px;
  padding: 0rem 0.75rem;
}

/* =ERROR 404  (.page-404)
------------------------------------------------------ */
.page-404 {
  background-image: url("img/bg_error404.jpg");
  background-position: 30% top;
  color: #0fad85;
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  text-align: left;
  width: 100%;
  height: 654px;
}
.page-404 h1 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.2;
  margin-top: 120px;
  margin-top: 7.5rem;
  color: #333;
  font-weight: 300;
  text-transform: uppercase;
  width: 60%;
}
.page-404 .content {
  margin: 48px 0px 0px 48px;
  margin: 3rem 0rem 0rem 3rem;
  float: left;
}
.page-404 .txt_error {
  font-size: 90px;
  font-size: 5.625rem;
  line-height: 0.48;
  color: #0fad85;
  display: block;
  font-weight: 400;
  overflow: hidden;
  text-transform: uppercase;
  height: 115px;
}
.page-404 .txt_error span {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.44;
  display: block;
}
.page-404 a {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  padding: 12px;
  padding: 0.75rem;
  background-color: #0fad85;
  color: #fff;
  text-decoration: none;
}
.page-404 a:hover {
  background-color: #0d9673;
}

/* =LOGIN / REGISTER (.login)
------------------------------------------------------ */
body.login {
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 200;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  -webkit-font-smoothing: antialiased;
  background-color:#f1f1f1;
}

body.login div#login {
  background-color: #fff;
  width: 717px !important;
  /*margin: 120px auto;*/
  padding-bottom: 48px;
  padding-bottom: 3rem;
  -moz-box-shadow: inset -3px -3px #999;
  -webkit-box-shadow: inset -3px -3px #999;
  box-shadow: inset -3px -3px #999;
}
body.login div#login #nav,
body.login div#login #backtoblog,
body.login div#login #registerform,
body.login div#login #lostpasswordform,
body.login div#login #login_error,
body.login div#login form#loginform {
  width: 70%;
}
body.login div#login #nav,
body.login div#login #backtoblog,
body.login div#login #registerform,
body.login div#login form#loginform {
  margin: 0 auto;
}
body.login div#login p.register {
  font-weight: 500;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  color: #515151;
  margin: 30px auto;
  width: 70%;
}
body.login div#login p {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  position: relative;
}
body.login div#login iframe {
  height: 60px;
  margin: 10px 0 0 -12px;
}

body.login div#login h1 {
  background-image: url("img/login/logo.png");
  background-repeat: no-repeat;
  background-position: center center;
  border-bottom: solid 1px #ececec;
  height: 144px;
  height: 9rem;
  position: relative;
  margin-right: 3px;
  margin-bottom: 0;
}
body.login div#login h1:after {
  /*content: '';*/
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #ececec;
  position: absolute;
  bottom: -11px;
  margin: 0 48.1%;
}

body.login div#login h1 a {
  height: 100%;
  display: block;
  font-size: 0;
}
body.login div#login h1 a:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  position: absolute;
  bottom: -10px;
  margin: 0 48.2%;
  z-index: 1;
}

body.login div#login form#loginform input[type="text"], body.login div#login form#loginform input[type="email"], body.login div#login form#loginform input[type="password"] {
  width: 100%;
}

p#nav a {
  color: #999;
}
p#nav a:hover {
  text-decoration: none;
  color: #333;
}

body.login div#login p#backtoblog {
  margin-top: 24px;
  margin-top: 1.5rem;
}
body.login div#login p#backtoblog a {
  color: #0fad85;
}

/* 		LOGIN RADIUS GREEN BOX */
.social_login {
  background-color: #0fad85;
  margin: 0 auto;
  display: block;
  padding: 20px 107px;
}

.login__copy p {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

.login__copy label {
  color: #515151;
  font-weight: bold;
  font-size: 16px;
  line-height: 70px;
  -webkit-font-smoothing: antialiased;
}

/* =REGISTER (.)
------------------------------------------------------ */
input[type="text"],
input[type="email"],
input[type="password"] {
  width: 100%;
}

.legal_check {
  padding-left: 19.2px;
  padding-left: 1.2rem;
}

#legal_check {
  position: absolute;
  top: 5px;
}

#reg_passmail {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 0;
  color: #999;
}

.socialcopy {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
  border: 0;
  color: #fff;
  font-weight: 400;
}

/* =REGISTER error messages (.)
------------------------------------------------------ */
#login_error {
  background-color: #f9f9f9;
  color: #f54c49;
  padding: 12px;
  padding: 0.75rem;
  margin: 0 auto 30px;
  border: 1px solid rgba(245, 76, 73, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#login_error a {
  color: #515151;
}

.login-action-lostpassword .message,
.login-action-login .message {
  background-color: rgba(15, 173, 133, 0.1);
  color: #999;
  padding: 12px;
  padding: 0.75rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  border: 1px solid;
  border-color: rgba(15, 173, 133, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 200;
  margin: 0 auto;
  width: 70%;
}

#lostpasswordform {
  margin: 30px auto 40px;
  width: 70%;
}

/* =profile (.profileform)
------------------------------------------------------ */
.profileform_wrapper {
  background-color: #fff;
  overflow: hidden;
  display: block;
  padding: 48px 0px;
  padding: 3rem 0rem;
}

.profileform {
  width: 59.49367%;
  float: left;
  margin-right: 1.26582%;
  display: inline;
  margin-left: 20.25316%;
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
}
.profileform p {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
.profileform .description {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  color: #999;
}
.profileform .avatar {
  background-color: #f9f9f9;
  padding: 12px;
  padding: 0.75rem;
  margin: 24px 0px;
  margin: 1.5rem 0rem;
  border: 1px solid #ececec;
}

.form-table td, .form-table th {
  padding: 0px 4.8px;
  padding: 0rem 0.3rem;
}

.related-content {
  margin: 24px 0px;
  margin: 1.5rem 0rem;
}
.related-content h3 {
  color: #999;
}

/*-------------------------------
SERP TAG
-------------------------------*/
.serp > .post-item__body {
  border-bottom: solid 1px #ececec;
  overflow: hidden;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  min-height: 168px;
  min-height: 10.5rem;
}
.serp .serp-keyword {
  margin: 0px 0px 24px;
  margin: 0rem 0rem 1.5rem;
}
.serp .serp-keyword h1 {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  font-weight: 300;
}
.serp .serp-keyword p {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 0.8;
  margin: 0px 0px 12px;
  margin: 0rem 0rem 0.75rem;
  color: #333;
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 600;
}
.serp nav {
  margin: 9.6px 0px 0px;
  margin: 0.6rem 0rem 0rem;
  padding: 9.6px 0px;
  padding: 0.6rem 0rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.37143;
  border-top: solid 1px #ececec;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
}
.serp nav ul {
  margin: 0;
  padding: 0;
}
.serp nav li {
  padding: 0px 12px 0px 7.2px;
  padding: 0rem 0.75rem 0rem 0.45rem;
  border-right: solid 1px #ececec;
  display: inline;
  list-style: none;
}
.serp nav a {
  text-decoration: none;
  text-align: right;
}
.serp nav a:hover {
  color: #515151;
}
.serp .all-content {
  margin: 0px 0px 24px;
  margin: 0rem 0rem 1.5rem;
}
.serp .all-content a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.37143;
  display: block;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  text-align: right;
  text-decoration: none;
}
.serp .all-content a:hover {
  color: #515151;
}

/*-------------------------------
HEADER SEARCH
-------------------------------*/
.nav-secondary__search .dropdown {
  background: #333;
  border-top: 4px solid #0fad85;
  width: 292px;
  padding: 12px;
  padding: 0.75rem;
}
.nav-secondary__search .dropdown input[type="submit"] {
  display: block;
  width: 100%;
  margin-top: 12px;
  margin-top: 0.75rem;
}

.nav-secondary .nav-secondary__search a {
  color: white;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.4;
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 0;
  text-align: center;
  width: 72px;
  width: 4.5rem;
  text-transform: capitalize;
}
.nav-secondary .nav-secondary__search a:after {
  content: 'a';
  display: block;
  -webkit-font-smoothing: antialiased;
  font-family: 'fantifica';
  font-smoothing: antialiased;
  font-weight: normal;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  text-align: left;
  text-indent: 10px;
  text-transform: none;
  font-size: 1.75rem;
  line-height: 1.71429;
  height: 48px;
  height: 3rem;
}

/* =STATIC PAGES
-------------------------------------------------------------------------- */
.static-page {
  color: #515151;
  font-weight: 400;
}

/* =UNDER CONSTRUCTION (.under_construction)
-------------------------------------------------------------------------- */
.under_construction {
  background-image: url("img/under_construction.jpg");
  background-position: center top;
  color: #fff;
  display: block;
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  text-align: left;
  height: 632px;
  width: 100%;
}
.under_construction h1 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 0.9;
  color: #333;
  margin: 300px auto;
  font-weight: 300;
  text-transform: uppercase;
  width: 48%;
}

/* =EVENTS LIST  (.events-list)
------------------------------------------------------ */
.events-list__empty {
  border-top: 1px solid #ccc;
  padding: 0px 48px;
  padding: 0rem 3rem;
}
.events-list__empty h1 {
  background-image: url("img/events-list__empty.png"), url("img/events-list__empty.png");
  background-repeat: no-repeat;
  background-position: top left, top right;
  color: #999;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.2;
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 100;
  padding: 24px;
  padding: 1.5rem;
  text-align: center;
  text-transform: uppercase;
}

/* =EVENT DATE FLAG  (.event__date)
------------------------------------------------------ */
.event__date {
  background: #0972a4;
  background-image: url("img/event__date.png"), -webkit-linear-gradient(top, #0fad85 0%, #0b7e61 80%);
  background-image: url("img/event__date.png"), -ms-linear-gradient(top, #0fad85 0%, #0b7e61 80%);
  background-image: url("img/event__date.png"), -o-linear-gradient(top, #0fad85 0%, #0b7e61 80%);
  background-image: url("img/event__date.png"), linear-gradient(to bottom, #0fad85 0%, #0b7e61 80%);
  background-repeat: no-repeat;
  background-position: center bottom, 0 0;
  color: #fff;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 100;
  padding: 6px 6px 48px;
  padding: 0.375rem 0.375rem 3rem;
  position: absolute;
  top: 1px;
  right: 1px;
  text-transform: uppercase;
  z-index: 6;
}
.event__date span {
  display: block;
  text-align: center;
}

.event__day {
  margin-top: 6px;
  margin-top: 0.375rem;
  padding-top: 3.6px;
  padding-top: 0.225rem;
  border-top: 1px solid white;
}

.event__month {
  font-size: .5em;
}

/* =VS
-------------------------------------------------------------------------- */
/* =VS VOTE
------------------------------------------------------ */
/* =VS VOTE CONTAINER
---------------------------------- */
.vs-vote {
  *zoom: 1;
  margin-top: 24px;
  margin-top: 1.5rem;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  text-align: center;
}
.vs-vote:before, .vs-vote:after {
  content: "";
  display: block;
}
.vs-vote:after {
  clear: both;
}

.vs-vote__title {
  background: #ececec;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 32px;
  margin-bottom: 0;
  padding: 0 1.5em;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.vs-vote__title:before, .vs-vote__title:after {
  content: '';
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 0;
  width: 61px;
  height: 32px;
}
.vs-vote__title:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAgCAYAAAChKnCsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTQ3RjNBNzMyMjlEMTFFMzg4N0ZDQjEwNjBEQTJDQjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTQ3RjNBNzQyMjlEMTFFMzg4N0ZDQjEwNjBEQTJDQjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNDdGM0E3MTIyOUQxMUUzODg3RkNCMTA2MERBMkNCNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNDdGM0E3MjIyOUQxMUUzODg3RkNCMTA2MERBMkNCNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtHJ67MAAAK5SURBVHja5FlRZxxRFJ7dRijLsoSy5Cm0WiKVh+pDpEpp5Sk/YMlqZDVCSYg+VGmE1FJKqpVotYS8lA211T5VIw8VQqokEkpZQshuWEKoxOa7nKnrmNncO3OavdHDx87YOfab77vnnHs30Wg0PFejVqtJpxwAyknv/4kUMKc+tDmmxL+Mp0BWfXBF6UGgIYgSy98DPPQvEnHWtJDSGWADuCT0AveBa8AuXV8AVoFe/wsuKP1ckLCKCY2wigc6YReUvgt8FiT8BbinXas1vEVFzHNB6b/VVCgOgAK7N8sJt5p0EegUzDcJVFhPHgz6Yqvs3Q98EyS8DNxiLtryW5QLSl8E3gjmOwSGw3qyK6SngS7BfI+BX2E92QV73wRWqHdKxHegDzgO68lB0XaGo2Q72VqK8B+y9XGznhzH3qrwHFmMgR8CcjwBrgq+xClgk/XkGZMHE9Vq1aSfrluswz0aA/fYOlsltSXiB3CD1PajFNaioihdtCw8BUZY2fmdIGFl5zwjPGBK2IT0bVonprEILLF7j0hpqXhGSkee7JrZO0W7H9OpaZdsva/duwz8FFR5G+hmKqsNy7hNkmZKv7AcEwuM8FnY+tSebEP6DnDfIs974CO7N0Z9WSpeUl/WX2qkFhhk7zTZOmuYY4csp6vcRRU/JURYTVzXaSelv9TZKMmSIbbOWuQYZoQ9KiwpQZULjLBxTzYhrUr/kMXzb2njrscIVX2pmAe+muyTo9g7Q5XWVOUK2brOFNigJSIRO9QR6kyYcpykyRi2zrMf49s6LWzruvRpi09aTTM5i+deB1guRypIxQLwyWafbGNv2yPY32RrvbB00ElFRoiwGmOvsAKpevKaxC5NKf3KszuCzTPCHuXICKo8GjDoiG1LTXZZLkTknnxeSQeeXccifQ7+qjXeJ5vGiQADAGrZ0Uj+M3BbAAAAAElFTkSuQmCC');
  left: -61px;
}
.vs-vote__title:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAgCAYAAAChKnCsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTQ3RjNBNkYyMjlEMTFFMzg4N0ZDQjEwNjBEQTJDQjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTQ3RjNBNzAyMjlEMTFFMzg4N0ZDQjEwNjBEQTJDQjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNDdGM0E2RDIyOUQxMUUzODg3RkNCMTA2MERBMkNCNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNDdGM0E2RTIyOUQxMUUzODg3RkNCMTA2MERBMkNCNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps0CQl4AAAKhSURBVHja5FnRh1RRHD57N/s0LI2IIWIpLaslsk+xRJTG/gHRKrtk09JLT6Us9VI2JWaVXZZeooiIiJ7S065hU8xTDMuOYZinlO378bucjnvm3rPzZU718Zm9Z8w553d/3/19v3N3qNVq7RpjzoFvDBHlctnEikQ/a2DJ/CcY0kwLHoDX/5aN96OkxPr7Gnjc+f4luEvkTEzyFgyDq/qZ4grYJq73BNwfU9BGM71gXW+TJX8QvB9b0IIlsGJdr4FviWteBM/EFnRJZWjjMtglrvt0kG6ReMbPK1M0yTKvDFLmSU7RsbOxAn4grj0Hnoot6Io+3/+czJOc7xcc726At4jrj4G3Yws6y7sfgh+Je5CmaGpQbWgvLGqwKY6BG+AIaR+fwUnwewyZ9nm3bPIOcR9yE29mjL8IaHF/FC2MRTMteA1WrWvJ8qeMfn2vkCyfBDetMWlZv4AHCs7RUMV0GZnO8m7Z5Cz4kxT0SEb9kL5/PrAw3mXJ2+fdkpV7RJmLam44Y6/A5wFziONMs+RtV+9FJ0N18AhR5hPgV0fmW3pgKYJv4LhP5skeNuV6d4wyPwQus+Tt827x7cdEmU85R9y0kK4FzHEJPM2St8+7S+rdY6TAu1qJG47M64599kJTZd7pN9M+7+4GSjAPchNrzlhb+/+Q09wyQ969zt3v9TTGwrSexmzIC41ngS8tzrLknaKqz1uKUa20FVLgHZVo01mjrgWrqMwnVCl9Zdrn3Z1ACeZhVI+gpo81fpM5I+isc7dIcJ0YuLxTu+CMvQt8lOT3Myx5G/XoExl9c0hDkYe2ynzbqSsi88MF59gBjyakDQ17GoqrxGzLTXyUYWuzAXPIwaXGyrTPu6NEQp5viVi1/xj2kedLvbsa879qfwkwALE+tV/CP4diAAAAAElFTkSuQmCC');
  right: -61px;
}

/* =VS VOTE FIGHTER
---------------------------------- */
.vs-fighters {
  *zoom: 1;
  background: #ececec;
  min-height: 72px;
  min-height: 4.5rem;
}
.vs-fighters:before, .vs-fighters:after {
  content: "";
  display: block;
}
.vs-fighters:after {
  clear: both;
}

.vs-fighter {
  position: relative;
}
.vs-fighter.is--left {
  width: 42.85714%;
  float: left;
  margin-right: 1.5873%;
  display: inline;
  display: block;
}
.vs-fighter.is--right {
  width: 42.85714%;
  float: right;
  margin-right: 0;
  #margin-left: -10px;
  display: inline;
  display: block;
}

.vs-fighter__name {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
  font-weight: 300;
  margin-bottom: 0;
  padding: 12px;
  padding: 0.75rem;
  min-height: 72px;
  min-height: 4.5rem;
}
.is--left .vs-fighter__name {
  padding-left: 72px;
  padding-left: 4.5rem;
  background: #0fad85;
  text-align: left;
}
.is--left .vs-fighter__name:hover {
  background-color: #0d9472;
}
.is--left .vs-fighter__name:hover:after {
  background-color: #0c8566;
}
.is--disabled .is--left .vs-fighter__name {
  padding-left: 12px;
  padding-left: 0.75rem;
}
.is--disabled .is--left .vs-fighter__name:hover {
  background-color: #0fad85;
}
.is--right .vs-fighter__name {
  background: #ff005a;
  padding-right: 72px;
  padding-right: 4.5rem;
  text-align: right;
}
.is--right .vs-fighter__name:hover {
  background-color: #e60050;
}
.is--right .vs-fighter__name:hover:after {
  background-color: #cf0048;
}
.is--disabled .is--right .vs-fighter__name {
  padding-right: 12px;
  padding-right: 0.75rem;
}
.is--disabled .is--right .vs-fighter__name:hover {
  background-color: #ff005a;
}
.vs-fighter__name:hover {
  cursor: pointer;
}
.is--disabled .vs-fighter__name:hover {
  cursor: default;
}
.vs-fighter__name:after {
  display: block;
  content: '+1';
  border-radius: 50%;
  position: absolute;
  top: 12px;
  top: 0.75rem;
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem;
  font-size: 1.25em;
  font-weight: 500;
  text-align: center;
  line-height: 2.1em;
  font-family: sans-serif;
}
.is--left .vs-fighter__name:after {
  background: #0d9472;
  left: 12px;
  left: 0.75rem;
}
.is--right .vs-fighter__name:after {
  background: #e60050;
  right: 12px;
  right: 0.75rem;
}
.is--disabled .vs-fighter__name:after {
  display: none;
}

.vs-fighter__percent {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.5;
  position: absolute;
  width: 100%;
}
.is--left .vs-fighter__percent {
  color: #0fad85;
}
.is--right .vs-fighter__percent {
  color: #ff005a;
}
.vs-fighter__percent span {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 0.85714;
  position: relative;
  top: -0.3em;
}

.vs-vs {
  width: 11.11111%;
  float: left;
  margin-right: 1.5873%;
  display: inline;
  border-color: #fff #ececec;
  border-style: solid;
  border-width: 1px 14px;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 1.57143;
  margin-bottom: 0;
  min-height: 72px;
  min-height: 4.5rem;
}

/* =VS VOTE TOTAL
---------------------------------- */
.vs-total__votes {
  background: #ececec;
  border-radius: 0 0 50% 50%;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  width: 11.11111%;
  float: left;
  margin-right: 1.5873%;
  display: inline;
  margin-left: 44.44444%;
  margin-bottom: 72px;
  margin-bottom: 4.5rem;
  padding: 6px 0px 18px;
  padding: 0.375rem 0rem 1.125rem;
}
.vs-total__votes span {
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
}

.vs-total__graph {
  position: relative;
  text-align: center;
}
.vs-total__graph div {
  display: inline-block;
  margin: 0 auto;
  position: absolute;
  top: 66px;
  top: 4.125rem;
  left: 0;
  right: 0;
  height: 29px;
}
.vs-total__graph .vs-total__center {
  background: url(img/vs-total__center.png) no-repeat center center;
  width: 138px;
  z-index: 1;
}
.vs-total__graph .vs-total__left,
.vs-total__graph .vs-total__right {
  width: 33%;
}
.vs-total__graph .vs-total__left span,
.vs-total__graph .vs-total__right span {
  background-repeat: repeat-x;
  background-position: center center;
  display: inline-block;
  position: relative;
  height: 29px;
}
.vs-total__graph .vs-total__left span:after,
.vs-total__graph .vs-total__right span:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 19px;
}
.vs-total__graph .vs-total__left {
  margin-right: 69px;
  text-align: right;
  right: 50%;
}
.vs-total__graph .vs-total__left span {
  background: url(img/vs-total__left.png);
}
.vs-total__graph .vs-total__left span:after {
  background: url(img/vs-total__left-top.png) no-repeat right center;
  left: -19px;
}
.vs-total__graph .vs-total__right {
  margin-left: 69px;
  left: 50%;
  text-align: left;
}
.vs-total__graph .vs-total__right span {
  background: url(img/vs-total__right.png);
}
.vs-total__graph .vs-total__right span:after {
  background: url(img/vs-total__right-top.png) no-repeat left center;
  right: -19px;
}

/* =VS TEXT
------------------------------------------------------ */
.vs-text {
  padding-bottom: 0;
}

.vs-text--left,
.vs-text--right {
  border-top: 1px solid #ececec;
  padding-top: 18px;
  padding-top: 1.125rem;
}

.vs-text--left {
  border-right: 1px solid #ececec;
  padding-right: 18px;
  padding-right: 1.125rem;
  width: 49.20635%;
  float: left;
  margin-right: 1.5873%;
  display: inline;
}
.vs-text--left h2 {
  color: #0fad85;
}

.vs-text--right {
  padding-left: 18px;
  padding-left: 1.125rem;
  width: 49.20635%;
  float: right;
  margin-right: 0;
  #margin-left: -10px;
  display: inline;
}
.vs-text--right h2 {
  color: #ff005a;
}

/* =VS VOTE FIGHTER - WIDGET
---------------------------------- */
.wid-confronted-rolls a, .wid-confronted-rolls a:hover {
  text-decoration: none;
}
.wid-confronted-rolls .wid-fighters {
  position: relative;
  display: block;
  padding-bottom: 30px;
}
.wid-confronted-rolls .wid-fighter {
  width: 50%;
  margin: 0;
  padding: 10px 10px 0;
}
.wid-confronted-rolls .wid-fighter.a--side {
  float: left;
}
.wid-confronted-rolls .wid-fighter.a--side .wid-fighter__name {
  color: #0fad85;
}
.wid-confronted-rolls .wid-fighter.b--side {
  float: right;
  text-align: right;
}
.wid-confronted-rolls .wid-fighter.b--side .wid-fighter__name {
  color: #ff005a;
}
.wid-confronted-rolls .wid-fighter .wid-fighter__name {
  font-weight: 300;
  line-height: 1.2em;
}
.wid-confronted-rolls .wid-fighter .wid-fighter__name .percent {
  display: block;
  font-size: 1.2em;
}
.wid-confronted-rolls .wid-fighter .wid-fighter__name .percent .symbol {
  font-size: .8em;
  top: 0;
  padding: 0;
}
.wid-confronted-rolls .wid-fighter__percent {
  position: relative;
  display: block;
}
.wid-confronted-rolls .wid-fighter__percent .a--side,
.wid-confronted-rolls .wid-fighter__percent .b--side {
  position: absolute;
  width: 50%;
  height: 30px;
  bottom: 0;
  z-index: 2;
  color: #fff;
}
.wid-confronted-rolls .wid-fighter__percent .a--side {
  left: 0;
  background: #0fad85;
}
.wid-confronted-rolls .wid-fighter__percent .b--side {
  right: 0;
  background: #ff005a;
}
.wid-confronted-rolls .wid-vs {
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 300;
  font-size: 0.7em;
  color: #000;
  display: block;
  position: absolute;
  background: #ccc;
  border-radius: 2em;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width: 30px;
  height: 30px;
  line-height: 20px;
  text-align: center;
  bottom: 20px;
  left: 50%;
  margin-left: -15px;
  z-index: 1;
}

/* =CONTACT (.error)
------------------------------------------------------ */
.contact-page {
  *zoom: 1;
  overflow: hidden;
  padding: 48px 96px;
  padding: 3rem 6rem;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 300;
  color: #515151;
}
.contact-page:before, .contact-page:after {
  content: "";
  display: block;
}
.contact-page:after {
  clear: both;
}

h1.contact {
  margin: 0;
}

#contactform .f-small_2 {
  font-style: italic;
  color: #999;
}
#contactform p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  margin-bottom: 1em;
}
#contactform .error {
  border: 1px solid red;
}
#contactform input[type="submit"] {
  display: block;
}
#contactform textarea {
  width: 100%;
}

.captcha {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.captcha img {
  float: left;
}
.captcha input[type="text"] {
  width: 18.98734%;
  float: left;
  margin-right: 1.26582%;
  display: inline;
  float: left;
}
.captcha .overlabel {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
}

/* =3.3 - DROPDOWN (.dropdown)
------------------------------------------------------ */
/* =3.3.1 - DROPDOWN STRUCTURE
---------------------------------- */
.dropdown {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  z-index: 100;
}
.no-js .dropdown {
  margin: -24px 0px 24px;
  margin: -1.5rem 0rem 1.5rem;
  position: relative;
  top: 1px;
}

.dropdown__container {
  position: relative;
}

/* =COOKIE DIALOG (.cookies)
------------------------------------------------------ */
.cookies {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  padding: 12px 60px;
  padding: 0.75rem 3.75rem;
  background-color: #444;
  /* IE 8 */
  background-color: rgba(0, 0, 0, 0.8);
  *background-color: #444;
  /* IE 7 */
  display: none;
}
.cookies p {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}
.cookies a {
  color: #0fad86;
  text-decoration: underline;
}
.cookies .cookies__close {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  background: url(img/cookies--close.png) no-repeat center center;
  position: absolute;
  top: 0;
  right: 10px;
  height: 48px;
  height: 3rem;
  width: 48px;
  width: 3rem;
}
.lt-ie8 .cookies .cookies__close {
  text-indent: -100%;
}
.cookies .cookies__close:hover {
  background-color: #0fad86;
}

/* =ADVERTISEMENT (.page-ads)
------------------------------------------------------ */
.page-ads {
  /*position: relative;*/
  display: block;
  background: #fff;
}
.page-ads.page-ads__wallpaper {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
}
.page-ads.page-ads__large-leaderboard {
  width: 970px;
  height: 90px;
  margin: 0 auto 20px;
  background: transparent;
}
.page-ads.page-ads__banner {
  /*width: 468px;
  height: 60px;*/
  width: 100%;
  margin: 0 auto 20px;
  padding: 5px 0;
  clear: both;
}
.page-ads.page-ads__banner div {
  margin: 0 auto;
  /*height: auto !important;*/
}
.page-ads.page-ads__leaderboard {
  width: 960px;
  height: 90px;
  margin: 0 auto 20px;
}
.page-ads.page-ads__medium-rectangle {
  width: 300px;
  height: 250px;
  margin: 0 auto 20px;
}

/*--------------------------------------------------------------------------
   *** LAYOUT ***
-------------------------------------------------------------------------- */
/* =GLOBAL BORDER-BOX
-------------------------------------------------------------------------- */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* = - PAGE LAYOUT
-------------------------------------------------------------------------- */
body {
  background: #000;
  margin: 0;
}

.page-wrap {
  background: #ececec;
  background-repeat: repeat-x;
  background-position: center top;
  padding-top: 18px;
  padding-top: 1.125rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
  min-width: 960px;
  width: 100%;
}
.literatura .page-wrap {
  background-image: url("img/page-wrap--books.jpg");
}
.comic .page-wrap {
  background-image: url("img/page-wrap--comics.jpg");
}
.cine-y-tv .page-wrap {
  background-image: url("img/page-wrap--movies.jpg");
}
.videojuegos .page-wrap {
  background-image: url("img/page-wrap--videogames.jpg");
}
.juegos .page-wrap {
  background-image: url("img/page-wrap--boardgames.jpg");
}
.fandom .page-wrap {
  background-image: url("img/page-wrap--fandom.jpg");
}
.page-wrap.is--navbar-fixed {
  margin-top: 408px;
  margin-top: 25.5rem;
}
.page-wrap.is--navbar-fixed.has--submenu {
  margin-top: 456px;
  margin-top: 28.5rem;
}

.inner-wrap {
  position: relative;
  *zoom: 1;
  margin: 0 auto;
  width: 960px;
  z-index: 1;
}
.inner-wrap:before, .inner-wrap:after {
  content: "";
  display: block;
}
.inner-wrap:after {
  clear: both;
}

.main-content {
  width: 66.31579%;
  float: left;
  margin-right: 1.05263%;
  display: inline;
}

.sidebar {
  width: 32.63158%;
  float: right;
  margin-right: 0;
  #margin-left: -10px;
  display: inline;
}

/* = - PAGE LAYOUT
-------------------------------------------------------------------------- */
/* =
------------------------------------------------------ */
/* =
---------------------------------- */
/* =MAIN HEADER (.main-header)
-------------------------------------------------------------------------- */
/* =TOPBAR (.topbar)
------------------------------------------------------ */
.topbar {
  background: #515151;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  height: 48px;
  height: 3rem;
}
.topbar .nav-social {
  float: right;
}
.topbar .inner-wrap {
  position: relative;
}

.topbar__logo {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
  width: 100%;
  height: 48px;
  height: 3rem;
}
.topbar__logo a {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK0AAAAdCAYAAADYZew2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODIyQUI3RDJFREU1NUQyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4N0ZDNjlFQURCNEMxMUUyODI4RUZBQUM2MzIwNUYzMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4N0ZDNjlFOURCNEMxMUUyODI4RUZBQUM2MzIwNUYzMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA4ODAxMTc0MDcyMDY4MTE4QTZERTFBOTk4MzJGRDBBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4MjJBQjdEMkVERTU1RDI1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+MsmoVwAABRJJREFUeNrsW+tx4jAQdjJXgDqIUwFOBedUEFIBdgWBCmIqACoAVwBUYKcCuArwVQCpwGfNrC57e7L1MCY8tDP7I7El7UrfflqtzF1Zlt6ZSFRpr9Kg0o9Kt5WuPCdOiNydCWjnAFoqRaXjShduqZwIuT8DGwIAbMyDqNInAOqhUh8AnVXKrmjeuV/hlfl0U0zLQfsGoKULu4TngnVfIW24ZAkgCLk8QnA6uTCmrQNhAay7QCDOEIgvGbCcYWcOsPagZSdcML/m2bihXYyAywyB6zfYIvN72XI+Etj2m4TvFs+VTq8AP0FH+PFVoOULta+01NSNpSFvoHWs6nUA3H6lO2L/DuxgNXbs4Z3MUHnf7wpf+uh9E5YNkf2hYn1UQSNszSzBNEFzukHYWWqMrSNMdYb5AVHPwACBcA6QVBJVL5aG+XDY4gs1snQmBjv7yDFVTjgFXUI7kXIcFBHOn3+QZwMyP7/RswdowzQC8FJlCEHJGgKSaw67yaHFOD70tagDrVikFTTwYEFy8m4OANhZsqyHQLdqAVwfbUsZBJ1qgmYwbqp4l0FQybbunwi0qWR+xi12IVNpSqe6CBpakuTrt0ZjvcBzBqS2A3IwtYUhrAxUoOXyqdlxamFIRBjLFrQHmKyAHGxUwN1qLmjq2deEC7QbdH3ASk7MsBGax1hyeM4hkCYIvEsArolEiMlTWN/tMaoHiYXTWzR4X5Voa1YcCsmJvAnsOqBdtLRrdWUVAQYpgZjD54Zqz4GcPQK0c5vuyAX5++QlrwFETUrynzZyIHmTDnCd2LEsQ1UPnYAcAbBNbzIjRGYzCJZIRnAmoJ1YOB0hBltJIqot2z5LgOvkePKCmC83IJQn2JFNdh3M6AUCa2QDWpGTDi2cfoOoEY6v0Ck97Ai48xsAk02py0YClPZ0KZRlc7SmA13QvqPJ2AMQckNDQjAEbxFrkjZ4HQA3uhHgnlI+O+4fs+zU+6pmCYKL6qoHtKSSoEZ9tFWYsGzu/XsJcCB57ehIBxcB3IxUK+IrBdG4pnpxiUJZ9oB8jBDBLVSgpZPB0f9gYIiPDlv9hrSj7x3vs8MtBMGc5ELXCNzkROOIC5Nexwd1WfVG5NEh2rUL04OYyU3WO9D7nURfj3wg84jTMYlilyrYS46Ix6Qyo1vWDFEuvpDsFqkkheik5CW251nN8xU5OPknAG7k8GclMxloNA5v/GKB34qpKk7vipQHA/lv4HQB2qFGiWTRgm17FsB1bGvPtDlaV1Xw+2Su1y1YlrKtSCePDlpxd6y66l0TJmSGY9gwrud9/7e4PbLAlyAx2hnnwKJ+zYFqg+Z4rCAuFcvWExz/5QJoVn7JHP3fRJfQPtB4t7QcbwdtmOb7EzJWYOnbHvUxtOxjh/qIDNqFqF1oOTZd58ygTUD857KBPrLyf5kY+KNjxxz7LzpIJAMnBhMUIsCKRQ0aJqAvGW8J/TDNMTYG9mGn9wbAZZJxRR+R5vg++Ju16OO7QSvmYl42yw581SW30sL/Of+NWKKxzRaKPCYyKM0kBnmULP/ReV8m+PM61ccfOuPq+qPTx1RRr8ZzrFoP3bpoYVlu9MEf8XN/bvcvOGDr/n4vQeswNWxzNj8hP5XoAleAJPGcnJ3cGmhlwI09+d06L9k8Ooicn9zfoM8xqiqIj5Xpidi0mO7EMe1JhOdjE5JvbtEznmuNHEQcaM9ROKsOvK/buS3UkV0+e6byR4ABACP10ll2WjEfAAAAAElFTkSuQmCC') no-repeat center left;
  display: block;
  margin-right: 12px;
  margin-right: 0.75rem;
  float: left;
  width: 173px;
  height: 48px;
  height: 3rem;
}
.topbar__logo .tagline {
  font-size: 16px;
  font-size: 1rem;
  line-height: 3.375;
}
.is--navbar-fixed .topbar__logo {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

/* =BRAND (.brand)
------------------------------------------------------ */
.main-header .brand {
  position: fixed;
  top: 48px;
  top: 3rem;
  width: 100%;
  z-index: -1;
}

/* =BOTTOMBAR (.bottombar)
------------------------------------------------------ */
.bottombar {
  width: 100%;
  min-width: 960px;
}
.bottombar.is--fixed {
  margin-top: 0;
  position: fixed;
  top: 48px;
  top: 3rem;
  z-index: 10;
}

/* =NAVBAR (.navbar)
------------------------------------------------------ */
.navbar {
  position: relative;
  background: #333;
  margin-top: 336px;
  margin-top: 21rem;
  height: 72px;
  height: 4.5rem;
  z-index: 5;
}
.navbar .nav-cats {
  float: left;
}
.navbar .nav-secondary {
  float: right;
}
.is--fixed .navbar {
  margin-top: 0;
}

/* =SUBMENUBAR (.submenubar)
------------------------------------------------------ */
.submenubar {
  background: #fff;
  border-bottom: 4px solid #ccc;
}

/* =FOOTER (.main-footer)
-------------------------------------------------------------------------- */
.main-footer {
  *zoom: 1;
  background: #515151;
  clear: both;
  color: #ccc;
  font-family: "Raleway", Futura, "Century Gothic", AppleGothic, sans-serif;
  padding: 24px 0px;
  padding: 1.5rem 0rem;
  position: relative;
}
.main-footer:before, .main-footer:after {
  content: "";
  display: block;
}
.main-footer:after {
  clear: both;
}
.main-footer a {
  color: #ccc;
}
.main-footer a:hover {
  text-decoration: underline;
}

/* =BRAND
------------------------------------------------------ */
.main-footer__brand {
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}

/* =MENUS
------------------------------------------------------ */
.main-footer__info {
  border-top: 1px solid #999;
  padding: 24px 12px;
  padding: 1.5rem 0.75rem;
  position: relative;
}

.main-footer .nav-cats {
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
.main-footer .nav-secondary {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.main-footer .nav-social {
  position: absolute;
  top: 24px;
  top: 1.5rem;
  right: 12px;
  right: 0.75rem;
  width: 216px;
  width: 13.5rem;
}

/* =COPYRIGHT
------------------------------------------------------ */
.main-footer__copy small,
.main-footer__copy a {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.38462;
}
.main-footer__copy small {
  color: #999;
}
.main-footer__copy a {
  border-left: 1px solid #ccc;
  display: inline-block;
  padding: 0 .5em;
}
.main-footer__copy a:first-of-type {
  border: 0;
  margin-left: 1em;
}

/* =PROFILE (.profile)
-------------------------------------------------------------------------- */
.form-table tr:nth-child(2n) {
  display: none;
}

/* =NEWSLETTER (.newsletter)
-------------------------------------------------------------------------- */
.newsletter__container {
  padding: 24px 120px 48px;
  padding: 1.5rem 7.5rem 3rem;
}

.newsletter__intro {
  background: url(img/yoda.png) no-repeat center bottom;
  font-weight: 300;
  margin: 0 auto;
  padding: 108px 0px 36px;
  padding: 6.75rem 0rem 2.25rem;
  text-align: center;
  width: 384px;
  width: 24rem;
}

.newsletter__form {
  margin-top: -24px;
  margin-top: -1.5rem;
}
.newsletter__form label {
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
.newsletter__form input[type="text"],
.newsletter__form input[type="email"],
.newsletter__form textarea {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  color: #515151;
  width: 100%;
}

.response {
  padding: 24px;
  padding: 1.5rem;
  margin: 24px 0px;
  margin: 1.5rem 0rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  background-color: rgba(15, 173, 133, 0.1);
  border: 1px solid;
  border-color: rgba(15, 173, 133, 0.3);
  color: #515151;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 200;
}

/* =MENSAJES ()
-------------------------------------------------------------------------- */
.newsletter-thanks__container {
  overflow: hidden;
}
.newsletter-thanks__container article {
  background-position: center bottom;
  padding-bottom: 0;
  margin-left: 17.02128%;
  width: 65.95745%;
  float: left;
  margin-right: 2.12766%;
  display: inline;
}
.newsletter-thanks__container article .f-h1:first-child {
  font-size: 32px;
}
.newsletter-thanks__container > .f-h1 {
  border-top: 1px solid #F2F2F2;
  clear: both;
  padding-top: .5em;
  margin-left: 17.02128%;
  width: 65.95745%;
  float: left;
  margin-right: 2.12766%;
  display: inline;
  text-align: center;
}

/*--------------------------------------------------------------------------
   *** FORUM ***
-------------------------------------------------------------------------- */
/* =SHARED STYLES
-------------------------------------------------------------------------- */
.bbp-forums,
.bbp-topics,
.bbp-replies,
.bbp-form legend, .bbp-header > ul, .bbp-body, .forum,
.topic, .bbp-forums-list {
  list-style: none;
  padding: 0;
  *zoom: 1;
}
.bbp-forums:before,
.bbp-topics:before,
.bbp-replies:before,
.bbp-form legend:before, .bbp-header > ul:before, .bbp-body:before, .forum:before,
.topic:before, .bbp-forums-list:before, .bbp-forums:after,
.bbp-topics:after,
.bbp-replies:after,
.bbp-form legend:after, .bbp-header > ul:after, .bbp-body:after, .forum:after,
.topic:after, .bbp-forums-list:after {
  content: "";
  display: block;
}
.bbp-forums:after,
.bbp-topics:after,
.bbp-replies:after,
.bbp-form legend:after, .bbp-header > ul:after, .bbp-body:after, .forum:after,
.topic:after, .bbp-forums-list:after {
  clear: both;
}

.bbp-forum-info,
.bbp-topic-title
.bbp-forum-info,
.bbp-topic-title, .bbp-forum-topic-count,
.bbp-topic-voice-count,
.bbp-forum-reply-count,
.bbp-topic-reply-count, .bbp-forum-freshness,
.bbp-topic-freshness, .bbp-replies .bbp-reply-author {
  float: left;
}

.bbp-header .bbp-forum-info,
.bbp-header .bbp-forum-topic-count,
.bbp-header .bbp-forum-reply-count,
.bbp-header .bbp-forum-freshness,
.bbp-header .bbp-topic-title,
.bbp-header .bbp-topic-voice-count,
.bbp-header .bbp-topic-reply-count,
.bbp-header .bbp-topic-freshness,
.bbp-header .bbp-reply-author,
.bbp-header .bbp-reply-content, .bbp-forum-info,
.bbp-topic-title
.bbp-forum-info,
.bbp-topic-title, .bbp-forum-topic-count,
.bbp-topic-voice-count,
.bbp-forum-reply-count,
.bbp-topic-reply-count, .bbp-forum-freshness,
.bbp-topic-freshness, .bbp-replies .bbp-meta, .bbp-replies .bbp-reply-author, .bbp-replies .bbp-body .bbp-reply-content, .bbp-topic-form,
.bbp-reply-form, #bbp-user-body fieldset.bbp-form {
  padding: 12px;
  padding: 0.75rem;
}

/* =FORUM INFO
-------------------------------------------------------------------------- */
.bbp-breadcrumb {
  border: 1px solid #ccc;
  border-width: 1px 0;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: bold;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  padding: 6px 0px;
  padding: 0.375rem 0rem;
  text-transform: uppercase;
}
.bbp-breadcrumb p {
  margin-bottom: 0;
}

.bbp-topic-tags {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  text-align: right;
}
.bbp-topic-tags p {
  margin-bottom: 0;
}
.bbp-topic-tags a:before {
  color: #333;
  content: "\007C\0020";
  cursor: pointer;
  pointer-events: none;
}
.bbp-topic-tags a:first-of-type:before {
  content: "";
}

.bbp-template-notice {
  display: none;
  visibility: hidden;
}

.bbp-pagination {
  color: #999;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  margin: 12px 0px;
  margin: 0.75rem 0rem;
}

/* =MAIN TABLE STYLE
-------------------------------------------------------------------------- */
.bbp-forums,
.bbp-topics,
.bbp-replies,
.bbp-form legend {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
}

/* =MAIN TABLE HEADER
------------------------------------------------------ */
.bbp-header {
  background: #f4f4f4;
  border-bottom: 1px solid #ececec;
  text-align: center;
  *zoom: 1;
}
.bbp-header:before, .bbp-header:after {
  content: "";
  display: block;
}
.bbp-header:after {
  clear: both;
}
.bbp-header .bbp-forum-info,
.bbp-header .bbp-forum-topic-count,
.bbp-header .bbp-forum-reply-count,
.bbp-header .bbp-forum-freshness,
.bbp-header .bbp-topic-title,
.bbp-header .bbp-topic-voice-count,
.bbp-header .bbp-topic-reply-count,
.bbp-header .bbp-topic-freshness,
.bbp-header .bbp-reply-author,
.bbp-header .bbp-reply-content {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

/* =MAIN TABLE HEADER
------------------------------------------------------ */
.bbp-forum-info,
.bbp-topic-title
.bbp-forum-info,
.bbp-topic-title {
  text-align: left;
  width: 52%;
}

.bbp-forum-topic-count,
.bbp-topic-voice-count,
.bbp-forum-reply-count,
.bbp-topic-reply-count {
  width: 10%;
}

.bbp-forum-topic-count,
.bbp-topic-voice-count,
.bbp-forum-reply-count,
.bbp-topic-reply-count {
  text-align: center;
  width: 10%;
}

.bbp-forum-freshness,
.bbp-topic-freshness {
  width: 25%;
}

/* =FORUM BODY
------------------------------------------------------ */
.forum,
.topic {
  border-bottom: 1px solid #ececec;
}
.forum:nth-child(even),
.topic:nth-child(even) {
  background: #f9f9f9;
}

.bbp-topic-meta,
.bbp-topic-freshness,
.bbp-forum-freshness,
.bbp-reply-author,
.bbp-meta {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  margin-bottom: 0;
}

/* =FORUM FOOTER
------------------------------------------------------ */
.bbp-replies .bbp-footer {
  display: none;
  visibility: hidden;
}
.bbp-footer p {
  margin-bottom: 0;
}

/* =FORUM CATEGORIES
------------------------------------------------------ */
.bbp-forums-list {
  border-left: 1px solid #ececec;
  margin: 12px 0px 12px 12px;
  margin: 0.75rem 0rem 0.75rem 0.75rem;
  padding-left: 12px;
  padding-left: 0.75rem;
}

.bbp-forum-title {
  display: block;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
.status-category .bbp-forum-title {
  font-weight: 700;
}

/* =FORUM CATEGORIES
------------------------------------------------------ */
.bbp-forum-content {
  font-family: Times, "Times New Roman", Georgia, serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.125;
}

/* =FORUM REPLYS LIST
------------------------------------------------------ */
.bbp-replies .topic:nth-child(even) {
  background: #fff;
}
.bbp-replies .bbp-meta {
  border: 1px solid #ececec;
  border-width: 4px 0 1px;
  color: #999;
}
.bbp-replies .bbp-reply-permalink {
  color: #ccc;
  float: right;
  text-decoration: underline;
}
.bbp-replies .bbp-reply-permalink:hover {
  color: #999;
}
.bbp-replies .bbp-admin-links {
  display: block;
}
.bbp-replies .bbp-reply-author {
  text-align: center;
  width: 130px;
}
.bbp-replies .bbp-reply-author br {
  display: none;
}
.bbp-replies .bbp-author-avatar {
  display: block;
  padding: 6px 0px;
  padding: 0.375rem 0rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
.bbp-replies .bbp-author-avatar img {
  border: 1px solid #ececec;
  display: block;
  margin: 0 auto;
}
.bbp-replies .bbp-body .bbp-reply-author {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}
.bbp-replies .bbp-body .bbp-reply-content {
  font-family: Times, "Times New Roman", Georgia, serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin-left: 130px;
  text-align: left;
}
.bbp-replies .bbp-body blockquote {
  background: #f9f9f9;
  border: 1px solid #ececec;
  color: #999;
  font-style: normal;
  padding: 12px;
  padding: 0.75rem;
  margin: 0px 0px 24px;
  margin: 0rem 0rem 1.5rem;
}
.bbp-replies .bbp-body blockquote:before, .bbp-replies .bbp-body blockquote:after {
  display: none;
}

/* =FORUM REPLY FORM
------------------------------------------------------ */
.bbp-topic-form,
.bbp-reply-form {
  background: #fff;
  margin-top: 24px;
  margin-top: 1.5rem;
}

.bbp-form {
  border: 0;
  padding: 0;
  margin: 0;
}
.bbp-form .wp-editor-container {
  border: 0;
  border-radius: 0;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.bbp-form legend {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.bbp-form label {
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
}
.bbp-form p {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/* =USER PROFILE
-------------------------------------------------------------------------- */
#bbpress-forums #bbp-single-user-details {
  margin: 0;
  float: left;
  padding-right: 24px;
  padding-right: 1.5rem;
  overflow: hidden;
  width: 31%;
}

#bbpress-forums #bbp-user-body {
  float: right;
  width: 68.5%;
}

.bbp-forum-info,
.bbp-topic-title .bbp-forum-info,
.bbp-topic-title {
  width: 48%;
}

.bbp-topic-voice-count,
.bbp-topic-reply-count {
  width: 12%;
}

#bbp-user-avatar {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
#bbp-user-avatar img {
  display: block;
}

/* =USER PROFILE Navigation
------------------------------------------------------ */
#bbp-user-navigation ul {
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  list-style: none;
  padding: 0;
}
#bbp-user-navigation li {
  border-left: 2px solid transparent;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  padding: 6px 12px;
  padding: 0.375rem 0.75rem;
}
#bbp-user-navigation .current {
  background: #f9f9f9;
  border-color: #ccc;
}

/* =USER PROFILE Profile
------------------------------------------------------ */
#bbp-user-body .entry-title {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
  font-weight: 500;
  text-transform: none;
}

.bbp-user-forum-role,
.bbp-user-topic-count,
.bbp-user-reply-count {
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
}

/* =USER PROFILE Edit
------------------------------------------------------ */
#bbp-user-body p {
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
#bbp-user-body .bbp-form > div {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
#bbp-user-body .bbp-form #pass-strength-result {
  margin-bottom: 0;
}
#bbp-user-body fieldset.bbp-form {
  border: 1px solid #ececec;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}
#bbp-user-body fieldset.bbp-form.password {
  border: 0;
  padding: 0;
}
#bbp-user-body fieldset.bbp-form.edit-avatar {
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
#bbp-user-body textarea {
  display: block;
  width: 100%;
}
#bbp-user-body .description {
  display: block;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.2;
  margin: 6px 0px 24px;
  margin: 0.375rem 0rem 1.5rem;
}
#bbp-user-body fieldset.submit {
  border: 0;
  padding: 0;
}
#bbp-user-body fieldset.submit legend {
  display: none;
}
#bbp-user-body fieldset.submit .submit {
  width: 100%;
}

/* =EDIT AVATAR
-------------------------------------------------------------------------- */
.edit-avatar {
  *zoom: 1;
}
.edit-avatar:before, .edit-avatar:after {
  content: "";
  display: block;
}
.edit-avatar:after {
  clear: both;
}
.edit-avatar label {
  display: block;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
.edit-avatar p {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.edit-avatar__media {
  background: #f9f9f9;
  float: left;
  padding: 12px 0px;
  padding: 0.75rem 0rem;
  text-align: center;
  width: 35%;
}
.edit-avatar__media img {
  display: block;
  margin: 0 auto;
}

.edit-avatar__body {
  width: 65%;
  float: right;
  padding-left: 24px;
  padding-left: 1.5rem;
}
.edit-avatar__body input {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  line-height: 1;
  vertical-align: middle;
}

/*--------------------------------------------------------------------------
   *** HELPERS ***
-------------------------------------------------------------------------- */
.sg {
  background: #fff;
  margin: 0 auto;
  width: 960px;
}
.sg .sg__area {
  border-bottom: 1px solid #ccc;
  border-bottom-width: 24px;
  border-bottom-width: 1.5rem;
  padding: 48px 0px;
  padding: 3rem 0rem;
}
.sg .sg__area section {
  *zoom: 1;
  border-bottom: 1px dashed #999;
  padding: 48px;
  padding: 3rem;
}
.sg .sg__area section:before, .sg .sg__area section:after {
  content: "";
  display: block;
}
.sg .sg__area section:after {
  clear: both;
}
.sg .sg__area section:last-of-type {
  border: 0;
}
.sg .sg__area section.dark-bg {
  background: #ccc;
  border-bottom-color: #f4f4f4;
}
.sg .sg__area > h1 {
  color: #999;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.33333;
  font-weight: 300;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  padding-left: 48px;
  padding-left: 3rem;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.sg .sg__area h4 {
  border-top: 1px solid #ccc;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Roboto", Futura, "Century Gothic", AppleGothic, sans-serif;
  margin: 48px 0px 24px;
  margin: 3rem 0rem 1.5rem;
  padding-top: 24px;
  padding-top: 1.5rem;
  text-transform: uppercase;
}
.sg .sg__area h4:first-of-type {
  border: 0;
  margin-top: 0;
  padding-top: 0;
}
.sg .sg__area h4 mark {
  text-transform: none;
}
.sg .sg__summary {
  width: 28.42105%;
  float: left;
  margin-right: 1.05263%;
  display: inline;
  background: #ccc;
  border-right: 2px solid #999;
  padding: 12px;
  padding: 0.75rem;
}
.sg .sg__content {
  width: 66.31579%;
  float: right;
  margin-right: 0;
  #margin-left: -10px;
  display: inline;
}
.sg code {
  font-family: Consolas, 'Lucida Console', Monaco, monospace;
  font-size: .8em;
  letter-spacing: .1em;
}
.sg mark {
  background: yellow;
  background: rgba(255, 255, 0, 0.75);
  padding: 0 .25em;
  white-space: nowrap;
}
.sg .sg__colors ul {
  list-style: none;
}
.sg .sg__colors li {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  padding-left: 60px;
  padding-left: 3.75rem;
  position: relative;
  height: 48px;
  height: 3rem;
}
.sg .sg__colors h2 {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  margin-bottom: 0;
}
.sg .sg__colors .color {
  border: 1px solid #999;
  display: block;
  position: absolute;
  left: 0;
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem;
}
.sg .sg__colors .cat--books .color {
  background: #f54c49;
}
.sg .sg__colors .cat--books code:before {
  content: "#f54c49: ";
}
.sg .sg__colors .cat--comics .color {
  background: #f9813b;
}
.sg .sg__colors .cat--comics code:before {
  content: "#f9813b: ";
}
.sg .sg__colors .cat--movies .color {
  background: #ffcc33;
}
.sg .sg__colors .cat--movies code:before {
  content: "#ffcc33: ";
}
.sg .sg__colors .cat--videogames .color {
  background: #a0b13d;
}
.sg .sg__colors .cat--videogames code:before {
  content: "#a0b13d: ";
}
.sg .sg__colors .cat--boardgames .color {
  background: #8f5590;
}
.sg .sg__colors .cat--boardgames code:before {
  content: "#8f5590: ";
}
.sg .sg__colors .cat--fandom .color {
  background: #0fad85;
}
.sg .sg__colors .cat--fandom code:before {
  content: "#0fad85: ";
}
.sg .sg__colors .cat--agenda .color {
  background: #0fad85;
}
.sg .sg__colors .cat--agenda code:before {
  content: "#0fad85: ";
}
.sg .sg__snippet pre {
  background: #f4f4f4;
  border: 1px solid #999;
  border-width: 2px 0;
  padding: 12px 24px;
  padding: 0.75rem 1.5rem;
}

/* =X.1 - HIDDING STUFF
------------------------------------------------------ */
.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden, #bbp-user-body fieldset.bbp-form legend, .focusable:active, .focusable:focus {
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  height: 1px;
}

.focusable:active, .focusable:focus {
  clip: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
}

.invisible {
  visibility: hidden;
}

/* =X.2 - CLEARFIX
------------------------------------------------------ */
.clearfix {
  display: block;
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: block;
}
.clearfix:after {
  clear: both;
}