/* normalize */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `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
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address 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. Correct `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. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address 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 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve 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],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `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;
}
/**
 * Remove 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;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve 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;
}
/* classes, vars, definitions, tools */
/* Print
/*------------------------------------------------------------*/
@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: none;
  }
  .post__content p a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  #header,
  .korra-infobar,
  .banner-logo,
  .sidebar,
  .post__navigation,
  .post__related,
  .post__tags,
  .post__share,
  .comment-respond,
  .footer-instagram,
  .footer {
    display: none !important;
  }
}
/* /media query */
/*------------------------------------------------------------
 * Responsive Utilities
 *------------------------------------------------------------*/
/* @media query vars
 *------------------------------------------------------------*/
/* Visibility utilities
 *------------------------------------------------------------*/
.hidden {
  display: none;
  visibility: hidden;
}
/* hide when javascript disabled */
.no-js .no-js-hidden {
  display: none;
  visibility: hidden;
}
/* For Mobile ( Default for mobile-first approach)
 *------------------------------------------------------------*/
.visible-mobile {
  display: inherit !important;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
  .visible-mobile {
    display: none !important;
  }
}
@media only screen and (min-width: 1171px) {
  .visible-mobile {
    display: none !important;
  }
}
.visible-tablet {
  display: none !important;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
  .visible-tablet {
    display: inherit !important;
  }
}
@media only screen and (min-width: 1171px) {
  .visible-tablet {
    display: none !important;
  }
}
.visible-touchscreen {
  display: inherit !important;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
  .visible-touchscreen {
    display: inherit !important;
  }
}
@media only screen and (min-width: 1171px) {
  .visible-touchscreen {
    display: none !important;
  }
}
.visible-desktop {
  display: none !important;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
  .visible-desktop {
    display: none !important;
  }
}
@media only screen and (min-width: 1171px) {
  .visible-desktop {
    display: inherit !important;
  }
}
.hidden-mobile {
  display: none !important;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
  .hidden-mobile {
    display: inherit !important;
  }
}
@media only screen and (min-width: 1171px) {
  .hidden-mobile {
    display: inherit !important;
  }
}
.hidden-tablet {
  display: inherit !important;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
  .hidden-tablet {
    display: none !important;
  }
}
@media only screen and (min-width: 1171px) {
  .hidden-tablet {
    display: inherit !important;
  }
}
.hidden-desktop {
  display: inherit !important;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
  .hidden-desktop {
    display: inherit !important;
  }
}
@media only screen and (min-width: 1171px) {
  .hidden-desktop {
    display: none !important;
  }
}
/* Keyframes for css animations
 *------------------------------------------------------------*/
/*------------------------------------------------------------
 * Keyframes: Fade In
 *------------------------------------------------------------*/
@-webkit-keyframes korra-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes korra-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*------------------------------------------------------------
 * Keyframes: Fade Out
 *------------------------------------------------------------*/
@-webkit-keyframes korra-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes korra-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*------------------------------------------------------------
 * Keyframes: Fade In from Top Soft
 *------------------------------------------------------------*/
@-webkit-keyframes korra-fade-in-top-soft {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes korra-fade-in-top-soft {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*------------------------------------------------------------
 * Keyframes: Fade Out from Top Soft
 *------------------------------------------------------------*/
@-webkit-keyframes korra-fade-out-top-soft {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}
@keyframes korra-fade-out-top-soft {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
/*------------------------------------------------------------
 * Keyframes: Fade In from Top
 *------------------------------------------------------------*/
@-webkit-keyframes korra-fade-in-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes korra-fade-in-top {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*------------------------------------------------------------
 * Keyframes: Fade Out from Top
 *------------------------------------------------------------*/
@-webkit-keyframes korra-fade-out-top {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
}
@keyframes korra-fade-out-top {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(50px);
  }
}
/*------------------------------------------------------------
 * Keyframes: Fade In from Bottom Soft
 *------------------------------------------------------------*/
@-webkit-keyframes korra-fade-in-bottom-soft {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes korra-fade-in-bottom-soft {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*------------------------------------------------------------
 * Keyframes: Fade Out from Bottom Soft
 *------------------------------------------------------------*/
@-webkit-keyframes korra-fade-out-bottom-soft {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@keyframes korra-fade-out-bottom-soft {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
/*------------------------------------------------------------
 * Keyframes: Fade In from Bottom
 *------------------------------------------------------------*/
@-webkit-keyframes korra-fade-in-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes korra-fade-in-bottom {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*------------------------------------------------------------
 * Keyframes: Fade Out from Bottom
 *------------------------------------------------------------*/
@-webkit-keyframes korra-fade-out-bottom {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
  }
}
@keyframes korra-fade-out-bottom {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-50px);
  }
}
/*------------------------------------------------------------
 * Keyframes: Fade In from Left Soft
 *------------------------------------------------------------*/
@-webkit-keyframes korra-fade-in-left-soft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes korra-fade-in-left-soft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*---------------------------------------------------
 * Keyframes: Slide In from Left
 *------------------------------------------------------------*/
@-webkit-keyframes korra-slide-in-left {
  0% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes korra-slide-in-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
/*------------------------------------------------------------
 * Keyframes: Slide Out from Left
 *------------------------------------------------------------*/
@-webkit-keyframes korra-slide-out-left {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
  }
}
@keyframes korra-slide-out-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
/*------------------------------------------------------------
 * Keyframes: Slide In from Left Partial
 *------------------------------------------------------------*/
@-webkit-keyframes korra-slide-in-left-partial {
  0% {
    -webkit-transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes korra-slide-in-left-partial {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}
/*------------------------------------------------------------
 * Keyframes: Slide Out from Left Partial
 *------------------------------------------------------------*/
@-webkit-keyframes korra-slide-out-left-partial {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(30%);
  }
}
@keyframes korra-slide-out-left-partial {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(30%);
  }
}
/*------------------------------------------------------------
 * Keyframes: Slide In from Right
 *------------------------------------------------------------*/
@-webkit-keyframes korra-slide-in-right {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes korra-slide-in-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
/*------------------------------------------------------------
 * Keyframes: Slide Out from Right
 *------------------------------------------------------------*/
@-webkit-keyframes korra-slide-out-right {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes korra-slide-out-right {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
/*------------------------------------------------------------
 * Keyframes: Slide In from Right Partial
 *------------------------------------------------------------*/
@-webkit-keyframes korra-slide-in-right-partial {
  0% {
    -webkit-transform: translateX(50%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes korra-slide-in-right-partial {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0%);
  }
}
/*------------------------------------------------------------
 * Keyframes: Slide Out from Right Partial
 *------------------------------------------------------------*/
@-webkit-keyframes korra-slide-out-right-partial {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-30%);
  }
}
@keyframes korra-slide-out-right-partial {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-30%);
  }
}
/*------------------------------------------------------------
 * Colors
 *------------------------------------------------------------*/
/*------------------------------------------------------------
 * Backgrounds
 *------------------------------------------------------------*/
body {
  background: #ffffff;
  -webkit-background-size: auto, auto;
  background-size: auto, auto;
}
.footer {
  background: #444444;
  -webkit-background-size: auto, auto;
  background-size: auto, auto;
}
.grey-mode {
  background: #f7f7f7;
}
/*------------------------------------------------------------
 * Mixins
 *------------------------------------------------------------*/
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
/* Common styles & classes
 *------------------------------------------------------------*/
.cl {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.oh {
  overflow: hidden;
}
.align-left,
.tal {
  text-align: left;
}
.align-center,
.tac {
  text-align: center;
}
.align-right,
.tar {
  text-align: right;
}
/*------------------------------------------------------------
 * A bit more specific styles & classes
 *------------------------------------------------------------*/
.rounded {
  border-radius: 2px;
}
.circled {
  border-radius: 50%;
}
img {
  max-width: 100%;
  vertical-align: middle;
  width: auto;
  height: auto;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
.avatar {
  border-radius: 50%;
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .sideblock-margin {
    margin-left: calc( 300px + 45px );
  }
}
@media only screen and (min-width: 1171px) {
  .sideblock-margin {
    margin-left: calc( 300px + 115px );
  }
}
/* Korra Inline List: Bullet & Slash
 *------------------------------------------------------------*/
/* Korra UI: Arrows
 *------------------------------------------------------------*/
.korra-ui-arrows {
  background: #ffffff;
  overflow: hidden;
}
.korra-ui-arrows > * {
  float: left;
  display: block;
  width: 30px;
  height: 33px;
  line-height: 32px;
  text-align: center;
}
.korra-ui-arrows .korra-ui-arrow {
  z-index: 2;
  cursor: pointer;
  color: #444444;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.korra-ui-arrows .korra-ui-arrow i {
  line-height: 33px;
}
.korra-ui-arrows .korra-ui-arrow:hover {
  color: #000000;
}
.korra-ui-arrows .korra-ui-slash {
  width: 10px;
  color: #bababa;
}
/* Korra UI: Dashed Pager
 *------------------------------------------------------------*/
.korra-ui-pager {
  position: relative;
  text-align: center;
  padding: 10px 0 0 !important;
  margin: 0;
}
.korra-ui-pager .korra-ui-pager__item {
  display: inline-block;
  margin-bottom: 0;
  width: 45px;
  height: 23px;
  padding: 10px 5px !important;
  cursor: pointer;
}
.korra-slider--images .korra-ui-pager .korra-ui-pager__item {
  width: 32px;
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.korra-ui-pager .korra-ui-pager__item:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #eeeeee;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.korra-ui-pager .korra-ui-pager__item:hover:after {
  background: #777777;
}
.korra-ui-pager .korra-ui-pager__item.active {
  pointer-events: none;
}
.korra-ui-pager .korra-ui-pager__active-marker {
  position: absolute;
  left: 45%;
  top: 10px;
  opacity: 0;
}
.korra-ui-pager .korra-ui-pager__active-marker:after {
  background-position: 50% 50% !important;
  background-color: #72e9c6 !important;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%) !important;
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .korra-ui-pager {
    padding: 30px 0 0 !important;
  }
  .korra-ui-pager .korra-ui-pager__active-marker {
    top: 30px;
  }
}
@media only screen and (min-width: 1171px) {
  .korra-ui-pager {
    padding: 50px 0 0 !important;
  }
  .korra-ui-pager .korra-ui-pager__active-marker {
    top: 50px;
  }
}
/* Back To Top
 *-------------------------------------------------------------*/
.korra-btt {
  display: inline-block;
  z-index: 2;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: relative;
  overflow: hidden;
  background: #eeeeee;
  vertical-align: middle;
}
.korra-btt:before {
  content: '';
  display: block;
  opacity: 0;
  background-position: 50% 50%;
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.korra-btt span,
.korra-btt span:before,
.korra-btt span:after {
  display: block;
  width: 14px;
  height: 2px;
  top: 25px;
  left: 19px;
  background: #444444;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.dark-mode .korra-btt span,
.dark-mode .korra-btt span:before,
.dark-mode .korra-btt span:after {
  background: #ffffff;
}
.korra-btt span {
  position: relative;
}
.korra-btt span:before,
.korra-btt span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 7px;
  transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
}
.korra-btt span {
  -webkit-transform: rotate3d(0,0,1,90deg);
  -ms-transform: rotate3d(0,0,1,90deg);
  transform: rotate3d(0,0,1,90deg);
}
.korra-btt span:before {
  -webkit-transform: rotate3d(0,0,1,40deg);
  -ms-transform: rotate3d(0,0,1,40deg);
  transform: rotate3d(0,0,1,40deg);
}
.korra-btt span:after {
  -webkit-transform: rotate3d(0,0,1,-40deg);
  -ms-transform: rotate3d(0,0,1,-40deg);
  transform: rotate3d(0,0,1,-40deg);
}
.korra-btt:hover:before {
  opacity: 1;
}
.korra-btt:hover span,
.korra-btt:hover span:before,
.korra-btt:hover span:after {
  background: #ffffff;
}
.korra-btt:hover span {
  -webkit-transform: rotate3d(0,0,1,0deg);
  -ms-transform: rotate3d(0,0,1,0deg);
  transform: rotate3d(0,0,1,0deg);
  left: 19px;
  top: 19px;
}
.korra-btt:hover span:before,
.korra-btt:hover span:after {
  width: 9px;
  left: 0px;
  top: 7px;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
}
.korra-btt:hover span:before {
  left: 6px;
}
/* X
 *-------------------------------------------------------------*/
.korra-x {
  display: block;
  position: relative;
  font-size: 28px;
  width: 1em;
  height: 1em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
  /* Separator with X
	* Border styled with <hr> in typography.less
	*-------------------------------------------------------------*/
}
.korra-x:before,
.korra-x:after {
  content: '';
  position: absolute;
  display: block;
  border-color: transparent;
  border-style: solid;
  border-width: 0px;
  background: #444444;
}
.dark-mode .korra-x:before,
.dark-mode .korra-x:after {
  background: #ffffff;
}
.korra-x--color.korra-x:before,
.korra-x--color.korra-x:after {
  background-position: 50% 50%;
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
}
.korra-x:before {
  border-left-width: 1px;
  left: 50%;
  top: 0;
  width: 0;
  height: 100%;
}
.korra-x:after {
  border-top-width: 1px;
  left: 0;
  top: 50%;
  width: 100%;
  height: 0;
}
.use-korra-x--false .korra-x {
  display: none;
}
.korra-separator > .korra-x {
  top: -0.5em;
  margin-left: calc(50% - 0.5em);
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .korra-separator > .korra-x.left {
    margin-left: calc( 300px + 45px );
  }
}
@media only screen and (min-width: 1171px) {
  .korra-separator > .korra-x.left {
    margin-left: calc( 300px + 115px );
  }
}
/* Image with gradient X hover
 *-------------------------------------------------------------*/
.korra-media-gradient-hover {
  position: relative;
  overflow: hidden;
}
.korra-media-gradient-hover .korra-media-gradient-hover__hover {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  bottom: -1px;
  background-position: 50% 50%;
  background-color: #72e9c6;
  background-image: linear-gradient(-20deg, #72e9c6 0%, #bfcfff 100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.korra-media-gradient-hover .korra-x {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 36px;
  margin: auto;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.korra-media-gradient-hover .korra-x:before,
.korra-media-gradient-hover .korra-x:after {
  background: #ffffff;
}
.korra-media-gradient-hover:hover .korra-media-gradient-hover__hover {
  visibility: visible;
  opacity: 0.7;
}
.korra-media-gradient-hover:hover .korra-x {
  opacity: 1;
}
.korra-media-gradient-hover:hover .korra-x:before {
  height: auto;
  -webkit-animation: preloader-height-appear 0.4s 1 ease-in-out forwards;
  animation: preloader-height-appear 0.4s 1 ease-in-out forwards;
}
.korra-media-gradient-hover:hover .korra-x:after {
  width: auto;
  -webkit-animation: preloader-width-appear 0.4s 1 ease-in-out forwards;
  animation: preloader-width-appear 0.4s 1 ease-in-out forwards;
}
/* Korra Slash:
 * Big pale slash to separate important UI elements
 *------------------------------------------------------------*/
.korra-slash--big {
  display: inline-block;
  height: 50px;
  margin: -10px 25px 0;
  border-right: 1px solid #eeeeee;
  vertical-align: middle;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.dark-mode .korra-slash--big {
  border-right-color: rgba(255, 255, 255, 0.1);
}
.widget__title .korra-slash--big {
  margin: -20px 30px 0;
  vertical-align: bottom;
}
/*------------------------------------------------------------
 * Page AJAX Loading styles
 *------------------------------------------------------------*/
.js-ajax-load-pages .content-wrapper,
.js-ajax-load-pages .footer {
  opacity: 1;
  -webkit-transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}
.ajax-loading-start.js-ajax-load-pages .content-wrapper,
.ajax-loading-start.js-ajax-load-pages .footer {
  opacity: 0;
}
/*------------------------------------------------------------
 * Modular Loading
 *------------------------------------------------------------*/
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .js .element-modular-loading {
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  }
  .js .element-modular-loading--start {
    opacity: 1;
  }
}
/*------------------------------------------------------------
 * Appearance Animate Appearance Classes
 *------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .js .korra-animate-appearance {
    opacity: 0;
  }
  .js .korra-animate-appearance--start {
    opacity: 1;
    -webkit-animation: korra-fade-in-bottom-soft 0.5s 1 cubic-bezier(0.3, 0.1, 0.3, 1);
    animation: korra-fade-in-bottom-soft 0.5s 1 cubic-bezier(0.3, 0.1, 0.3, 1);
  }
  .js .rich-image--banner .korra-animate-appearance--start {
    -webkit-animation: korra-fade-in-bottom-soft 0.7s 1 cubic-bezier(0.3, 0.1, 0.3, 1);
    animation: korra-fade-in-bottom-soft 0.7s 1 cubic-bezier(0.3, 0.1, 0.3, 1);
  }
  .js .korra-fullwidth .rich-image--banner .korra-animate-appearance--start,
  .js .korra-contentwidth .rich-image--banner .korra-animate-appearance--start {
    -webkit-animation: korra-fade-in-left-soft 0.7s 1 cubic-bezier(0.3, 0.1, 0.3, 1);
    animation: korra-fade-in-left-soft 0.7s 1 cubic-bezier(0.3, 0.1, 0.3, 1);
  }
}
/*------------------------------------------------------------
 * Korra Loader
 *------------------------------------------------------------*/
.korra-loader {
  pointer-events: none;
  font-size: 40px;
  width: 1em;
  height: 1em;
  position: relative;
  z-index: 0;
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #444444;
}
.korra-loader:before,
.korra-loader:after {
  content: '';
  position: absolute;
  display: block;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  background-position: 50% 50%;
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
}
.korra-loader:before {
  left: 50%;
  top: 0;
  width: 1px;
  -webkit-animation: preloader-height 1.7s infinite ease-in-out;
  animation: preloader-height 1.7s infinite ease-in-out;
}
.korra-loader:after {
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  -webkit-animation: preloader-width 1.7s infinite ease-in-out;
  animation: preloader-width 1.7s infinite ease-in-out;
}
.korra-loader--body {
  position: fixed;
  top: 58%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.js-ajax-load-pages.ajax-loading-start .korra-loader--body {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out 0.7s;
  transition: all 0.3s ease-in-out 0.7s;
}
/* Korra Loader Keyframes
 *------------------------------------------------------------*/
@keyframes preloader-width {
  0% {
    left: 0%;
    right: 100%;
  }
  9% {
    left: 0%;
    right: 100%;
  }
  32% {
    left: 0%;
    right: 0%;
  }
  72% {
    left: 0%;
    right: 0%;
  }
  90% {
    left: 100%;
    right: 0%;
  }
  100% {
    left: 0%;
    right: 100%;
  }
}
@keyframes preloader-height {
  0% {
    top: 0%;
    bottom: 100%;
  }
  25% {
    top: 0%;
    bottom: 0%;
  }
  66% {
    top: 0%;
    bottom: 0%;
  }
  90% {
    top: 100%;
    bottom: 0%;
  }
  100% {
    top: 0%;
    bottom: 100%;
  }
}
@keyframes preloader-width-appear {
  0% {
    left: 0%;
    right: 100%;
  }
  20% {
    left: 0%;
    right: 100%;
  }
  92% {
    left: 0%;
    right: 0%;
  }
  100% {
    left: 0%;
    right: 0%;
  }
}
@keyframes preloader-height-appear {
  0% {
    top: 0%;
    bottom: 100%;
  }
  92% {
    top: 0%;
    bottom: 0%;
  }
  100% {
    top: 0%;
    bottom: 0%;
  }
}
/*------------------------------------------------------------
 * Typography
 *------------------------------------------------------------*/
html {
  font-family: "Alegreya", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.8em;
  text-transform: none;
  letter-spacing: em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
body {
  color: #777777;
  /* Better Font Rendering */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body .dark-mode {
  color: #ffffff;
}
@media only screen and (max-width: 599px) {
  body {
    font-size: 0.777em;
    /* 18px : 14px */
  }
}
small,
.small {
  font-size: 0.777em;
  /* 18px : 14px */
}
.small-soft {
  font-size: 0.888em;
  /* 18px : 16px */
}
.large {
  font-size: 1.125em;
  /* 18px : 20px */
}
.font-size--reset {
  font-size: 18px;
}
a {
  color: #444444;
}
a,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}
@media only screen and (min-width: 1171px) {
  a {
    -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
    transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  }
}
a:hover {
  color: #000000;
}
.dark-mode a {
  color: #ffffff;
}
.dark-mode a:hover {
  color: #bababa;
}
.link--underline {
  display: inline-block;
}
.link--underline:after {
  content: '';
  display: block;
  height: 1px;
  background: #444444;
  width: 0%;
  margin: 5px auto 0;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.link--underline:hover {
  color: #444444;
}
.dark-mode .link--underline:hover {
  color: #ffffff;
}
.dark-mode .link--underline:hover:after {
  background: #ffffff;
}
.link--underline:hover:after {
  opacity: 1;
  width: 100%;
}
p,
pre,
ul,
ol,
.alignleft,
.alignright,
hr,
.korra-separator--small {
  margin-top: 0;
  margin-bottom: 1.7em;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  p,
  pre,
  ul,
  ol,
  .alignleft,
  .alignright,
  hr,
  .korra-separator--small {
    margin-bottom: 1.7em;
  }
}
.korra-sideblock p,
.korra-sideblock pre,
.korra-sideblock ul,
.korra-sideblock ol,
.korra-sideblock .alignleft,
.korra-sideblock .alignright,
.korra-sideblock hr,
.korra-sideblock .korra-separator--small {
  margin-bottom: 1.7em;
}
.korra-sideblock--no-border.korra-sideblock p:last-child,
.korra-sideblock--no-border.korra-sideblock pre:last-child,
.korra-sideblock--no-border.korra-sideblock ul:last-child,
.korra-sideblock--no-border.korra-sideblock ol:last-child,
.korra-sideblock--no-border.korra-sideblock .alignleft:last-child,
.korra-sideblock--no-border.korra-sideblock .alignright:last-child,
.korra-sideblock--no-border.korra-sideblock hr:last-child,
.korra-sideblock--no-border.korra-sideblock .korra-separator--small:last-child {
  margin-bottom: 0;
}
.highlighted-p,
table,
.aligncenter,
.alignnone,
.rich-image,
.rich-title,
.gallery:not(body),
.korra-separator-x-editor {
  margin-bottom: 1.7em;
}
.highlighted-p:not(:first-child),
table:not(:first-child),
.aligncenter:not(:first-child),
.alignnone:not(:first-child),
.rich-image:not(:first-child),
.rich-title:not(:first-child),
.gallery:not(body):not(:first-child),
.korra-separator-x-editor:not(:first-child) {
  margin-top: 1.7em;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .highlighted-p,
  table,
  .aligncenter,
  .alignnone,
  .rich-image,
  .rich-title,
  .gallery:not(body),
  .korra-separator-x-editor {
    margin-bottom: 2.8em;
  }
  .highlighted-p:not(:first-child),
  table:not(:first-child),
  .aligncenter:not(:first-child),
  .alignnone:not(:first-child),
  .rich-image:not(:first-child),
  .rich-title:not(:first-child),
  .gallery:not(body):not(:first-child),
  .korra-separator-x-editor:not(:first-child) {
    margin-top: 2.8em;
  }
  .korra-blog + .highlighted-p,
  .korra-blog + table,
  .korra-blog + .aligncenter,
  .korra-blog + .alignnone,
  .korra-blog + .rich-image,
  .korra-blog + .rich-title,
  .korra-blog + .gallery:not(body),
  .korra-blog + .korra-separator-x-editor {
    margin-top: 0;
  }
  .korra-sideblock .highlighted-p,
  .korra-sideblock table,
  .korra-sideblock .aligncenter,
  .korra-sideblock .alignnone,
  .korra-sideblock .rich-image,
  .korra-sideblock .rich-title,
  .korra-sideblock .gallery:not(body),
  .korra-sideblock .korra-separator-x-editor {
    margin-bottom: 1.7em;
  }
  .korra-sideblock--no-border.korra-sideblock .highlighted-p:last-child,
  .korra-sideblock--no-border.korra-sideblock table:last-child,
  .korra-sideblock--no-border.korra-sideblock .aligncenter:last-child,
  .korra-sideblock--no-border.korra-sideblock .alignnone:last-child,
  .korra-sideblock--no-border.korra-sideblock .rich-image:last-child,
  .korra-sideblock--no-border.korra-sideblock .rich-title:last-child,
  .korra-sideblock--no-border.korra-sideblock .gallery:not(body):last-child,
  .korra-sideblock--no-border.korra-sideblock .korra-separator-x-editor:last-child {
    margin-bottom: 0;
  }
  .korra-sideblock .highlighted-p:not(:first-child),
  .korra-sideblock table:not(:first-child),
  .korra-sideblock .aligncenter:not(:first-child),
  .korra-sideblock .alignnone:not(:first-child),
  .korra-sideblock .rich-image:not(:first-child),
  .korra-sideblock .rich-title:not(:first-child),
  .korra-sideblock .gallery:not(body):not(:first-child),
  .korra-sideblock .korra-separator-x-editor:not(:first-child) {
    margin-top: 1.7em;
  }
}
blockquote,
.wp-caption {
  margin-bottom: 1.7em;
}
blockquote:not(:first-child),
.wp-caption:not(:first-child) {
  margin-top: 1.7em;
}
.korra-separator {
  border: none;
  height: 1px;
  background: #eeeeee;
  line-height: 1;
}
hr:not(.korra-anchor):not(.korra-spacing) {
  border: none;
  height: 1px;
  background: #eeeeee;
  line-height: 1;
}
hr:not(.korra-anchor):not(.korra-spacing).sideblock-clear,
hr:not(.korra-anchor):not(.korra-spacing).cl {
  margin: 0;
  visibility: hidden;
}
.korra-separator--small {
  width: 110px;
  margin-left: 0;
  height: 1px;
  background: #eeeeee;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-separator--small {
    margin-left: -30px;
  }
}
.korra-separator--small[style*="right"],
.korra-separator--small.align-right,
[style*="right"] + .korra-separator--small,
.align-right + .korra-separator--small {
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-separator--small[style*="right"],
  .korra-separator--small.align-right,
  [style*="right"] + .korra-separator--small,
  .align-right + .korra-separator--small {
    margin-right: -30px;
  }
}
.korra-separator--small[style*="center"],
.korra-separator--small.align-center,
[style*="center"] + .korra-separator--small,
.align-center + .korra-separator--small {
  margin-left: auto;
  margin-right: auto;
}
h1 + .korra-separator--small {
  margin-top: -40px;
}
h2 + .korra-separator--small {
  margin-top: -21.6px;
}
h3 + .korra-separator--small {
  margin-top: -10.8px;
}
h4 + .korra-separator--small {
  margin-top: -5.6px;
}
h5 + .korra-separator--small {
  margin-top: -4px;
}
h6 + .korra-separator--small {
  margin-top: -3.2px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  h1 + .korra-separator--small {
    margin-top: -64px;
  }
  h2 + .korra-separator--small {
    margin-top: -37.8px;
  }
  h3 + .korra-separator--small {
    margin-top: -21.6px;
  }
  h4 + .korra-separator--small {
    margin-top: -14px;
  }
  h5 + .korra-separator--small {
    margin-top: -10px;
  }
  h6 + .korra-separator--small {
    margin-top: -8px;
  }
  .korra-sideblock h1 + .korra-separator--small {
    margin-top: -40px;
  }
  .korra-sideblock h2 + .korra-separator--small {
    margin-top: -21.6px;
  }
  .korra-sideblock h3 + .korra-separator--small {
    margin-top: -10.8px;
  }
  .korra-sideblock h4 + .korra-separator--small {
    margin-top: -5.6px;
  }
  .korra-sideblock h5 + .korra-separator--small {
    margin-top: -4px;
  }
  .korra-sideblock h6 + .korra-separator--small {
    margin-top: -3.2px;
  }
}
.description-heading + .korra-separator--small {
  margin-top: 0;
}
.korra-separator--small.korra-separator--gradient {
  background-position: 50% 50% !important;
  background-color: #72e9c6 !important;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%) !important;
}
.korra-spacing {
  margin: 0;
  border: none;
}
.korra-anchor {
  opacity: 0;
  margin: 0;
  border: none;
}
/* Headings
 *------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 1em;
}
.editor-content h1:not(.post__title):not(:first-child),
.editor-content h2:not(.post__title):not(:first-child),
.editor-content h3:not(.post__title):not(:first-child),
.editor-content h4:not(.post__title):not(:first-child),
.editor-content h5:not(.post__title):not(:first-child),
.editor-content h6:not(.post__title):not(:first-child) {
  margin-top: 1.5em;
}
.korra-sideblock-placeholder + h1,
.korra-sideblock-placeholder + h2,
.korra-sideblock-placeholder + h3,
.korra-sideblock-placeholder + h4,
.korra-sideblock-placeholder + h5,
.korra-sideblock-placeholder + h6 {
  margin-top: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #444444;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: none;
  color: #000000;
}
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
  color: #ffffff;
}
.editor-content h1:not(.post__title):not(:first-child) {
  margin-top: 1em;
}
h1,
.h1 {
  font-family: "Playfair Display", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 80px;
  line-height: 1.2em;
  text-transform: capitalize;
  letter-spacing: em;
}
.korra-sideblock h1:not(.gradient-heading),
.korra-sideblock .h1:not(.gradient-heading) {
  font-size: 56px;
}
@media only screen and (max-width: 599px) {
  h1,
  .h1 {
    font-size: 56px;
  }
}
h2,
.h2 {
  font-family: "Playfair Display", sans-serif;
  font-size: 54px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: capitalize;
  letter-spacing: em;
}
.korra-sideblock h2:not(.gradient-heading),
.korra-sideblock .h2:not(.gradient-heading) {
  font-size: 32.4px;
}
@media only screen and (max-width: 599px) {
  h2,
  .h2 {
    font-size: 32.4px;
  }
}
h3,
.h3 {
  font-family: "Playfair Display", sans-serif;
  font-size: 36px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: capitalize;
  letter-spacing: 0.02em;
}
.korra-sideblock h3:not(.gradient-heading),
.korra-sideblock .h3:not(.gradient-heading) {
  font-size: 31.5px;
}
@media only screen and (max-width: 599px) {
  h3,
  .h3 {
    font-size: 31.5px;
  }
}
h4,
.h4 {
  font-family: "Playfair Display", sans-serif;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: capitalize;
  letter-spacing: 0.02em;
}
.korra-sideblock h4,
.korra-sideblock .h4 {
  font-size: 24.5px;
}
@media only screen and (max-width: 599px) {
  h4,
  .h4 {
    font-size: 24.5px;
  }
}
h5,
.h5 {
  font-family: "Playfair Display", sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: capitalize;
  letter-spacing: 0.02em;
}
.korra-sideblock h5,
.korra-sideblock .h5 {
  font-size: 17.5px;
}
@media only screen and (max-width: 599px) {
  h5,
  .h5 {
    font-size: 17.5px;
  }
}
h6,
.h6 {
  font-family: "Playfair Display", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: capitalize;
  letter-spacing: 0.02em;
}
.korra-sideblock h6,
.korra-sideblock .h6 {
  font-size: 14px;
}
@media only screen and (max-width: 599px) {
  h6,
  .h6 {
    font-size: 14px;
  }
}
.font--navigation {
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.label {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.label--small {
  font-family: "Oswald", sans-serif;
  font-size: 10.99px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.label--italic {
  font-family: "Alegreya", sans-serif;
  font-weight: 400;
  font-size: 13.986px;
  line-height: 1.8em;
  text-transform: none;
  font-style: italic;
  letter-spacing: 0.1em;
  color: #bababa;
}
.description-heading,
.gradient-heading {
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6em;
  text-transform: uppercase;
  letter-spacing: 0.3em;
}
.description-heading--small {
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6em;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 16px;
  /* 20:16 */
}
.description-heading--small:not:first-child {
  margin-top: 2.8em;
}
h1 + .description-heading--small {
  margin-top: -32px;
}
h2 + .description-heading--small {
  margin-top: -21.6px;
}
h3 + .description-heading--small {
  margin-top: -14.4px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  h1 + .description-heading--small {
    margin-top: -64px;
  }
  h2 + .description-heading--small {
    margin-top: -43.2px;
  }
  h3 + .description-heading--small {
    margin-top: -28.8px;
  }
  .korra-sideblock h1 + .description-heading--small {
    margin-top: -32px;
  }
  .korra-sideblock h2 + .description-heading--small {
    margin-top: -21.6px;
  }
  .korra-sideblock h3 + .description-heading--small {
    margin-top: -14.4px;
  }
}
.description-heading--large {
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6em;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 26px;
  /* 20:26 */
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .description-heading--large {
    margin-bottom: 2em;
  }
}
.gradient-heading {
  color: #444444;
  margin-bottom: 2.8em;
}
.gradient-heading:after {
  content: '';
  display: block;
  width: 110px;
  height: 1px;
  margin-top: 0.7em;
  margin-left: 0;
  margin-right: auto;
  background-position: 50% 50%;
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .gradient-heading:after {
    margin-left: -30px;
  }
}
.gradient-heading[style*="right"]:after,
.gradient-heading.align-right:after {
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .gradient-heading[style*="right"]:after,
  .gradient-heading.align-right:after {
    margin-right: -30px;
  }
}
.gradient-heading[style*="center"]:after,
.gradient-heading.align-center:after {
  margin-left: auto;
}
.korra-sideblock .gradient-heading {
  margin-bottom: 1.7em;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-sideblock .gradient-heading:after {
    margin-left: -30px !important;
  }
}
/* Lists
 *------------------------------------------------------------*/
.post__content ol,
.post__content ul {
  padding-left: 0px;
  list-style: none;
  overflow: hidden;
}
@media only screen and (max-width: 599px) {
  .post__content ol,
  .post__content ul {
    padding-left: 5px;
  }
}
.post__content ol li,
.post__content ul li {
  position: relative;
  padding: 0.8em 0 0.8em 0px;
  margin-left: 55px;
  border-bottom: 1px solid #eeeeee;
}
.post__content ol li:last-child,
.post__content ul li:last-child {
  border-bottom: none;
}
.post__content ol li ol,
.post__content ul li ol,
.post__content ol li ul,
.post__content ul li ul {
  margin: 0.8em 0 -0.8em 0px;
}
.post__content ol li ol li,
.post__content ul li ol li,
.post__content ol li ul li,
.post__content ul li ul li {
  margin-left: 0px;
  padding-left: 45px;
}
.post__content ol li ol li:first-child,
.post__content ul li ol li:first-child,
.post__content ol li ul li:first-child,
.post__content ul li ul li:first-child {
  border-top: 1px solid #eeeeee;
}
.post__content ol li ol li:before,
.post__content ul li ol li:before {
  left: 5px;
}
.post__content ol li ul li:before,
.post__content ul li ul li:before,
.post__content ol li ul li:after,
.post__content ul li ul li:after {
  left: 5px;
}
.post__content ol {
  counter-reset: item;
}
.post__content ol > li:before {
  left: -50px;
  font-family: "Oswald", sans-serif;
  font-size: 10.99px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #444444;
  display: inline-block;
  position: absolute;
  line-height: inherit !important;
  content: counter(item) '.';
  counter-increment: item;
}
.post__content ul > li:before,
.post__content ul > li:after {
  content: '';
  position: absolute;
  display: block;
  line-height: inherit !important;
  top: 1.6em;
  width: 12px;
  height: 0;
  border-top: 1px solid;
  left: -50px;
}
.post__content ul > li:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.post__content ul > li:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.post__content .korra-sideblock ol li,
.post__content .korra-sideblock ul li {
  margin-left: 30px;
}
.post__content .korra-sideblock ol li:before,
.post__content .korra-sideblock ul li:before,
.post__content .korra-sideblock ol li:after,
.post__content .korra-sideblock ul li:after {
  left: -28px;
}
.post__content .korra-sideblock ol ol li,
.post__content .korra-sideblock ul ol li,
.post__content .korra-sideblock ol ul li,
.post__content .korra-sideblock ul ul li {
  padding-left: 25px;
  margin-left: 0;
}
.post__content .korra-sideblock ol ol li:before,
.post__content .korra-sideblock ul ol li:before,
.post__content .korra-sideblock ol ul li:before,
.post__content .korra-sideblock ul ul li:before,
.post__content .korra-sideblock ol ol li:after,
.post__content .korra-sideblock ul ol li:after,
.post__content .korra-sideblock ol ul li:after,
.post__content .korra-sideblock ul ul li:after {
  left: 0px;
}
/* Caption Image
 *------------------------------------------------------------*/
.wp-caption {
  position: relative;
  z-index: 1;
  background: none;
  border: none;
  max-width: 100%;
  padding: 0;
  text-align: left;
  word-wrap: normal;
  overflow-wrap: normal;
}
.wp-caption:before,
.wp-caption:after {
  display: table;
  content: "";
}
.wp-caption:after {
  clear: both;
}
.wp-caption img {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.wp-caption-text,
.gallery-caption {
  position: absolute;
  z-index: 1;
  bottom: 6%;
  left: 0;
  max-width: 75%;
  overflow: hidden;
  font-family: "Oswald", sans-serif;
  font-size: 10.99px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 10px 15px;
  background: #ffffff;
  color: #444444;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  white-space: normal;
}
@media only screen and (min-width: 1171px) {
  .wp-caption-text,
  .gallery-caption {
    left: -25px;
  }
}
/* Dropcap
 *------------------------------------------------------------*/
.dropcap {
  z-index: -1;
  color: #eeeeee;
  margin-left: -5px;
  font-family: "Playfair Display", sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 0.9;
  float: left;
  width: 80px;
}
.dropcap i {
  font-size: 0.8em;
  line-height: inherit;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .dropcap {
    font-size: 150px !important;
  }
}
.korra-sideblock .dropcap {
  line-height: 0.75;
  width: 30px;
}
/* Blockquote
 *------------------------------------------------------------*/
blockquote {
  position: relative;
  z-index: 1;
  padding: 0px 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Alegreya", sans-serif;
  font-size: 21px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.8em;
  text-transform: none;
  letter-spacing: em;
}
@media only screen and (max-width: 599px) {
  blockquote {
    font-size: 18.375px;
  }
}
.korra-justify--true blockquote {
  text-align: justify;
  text-align-last: center;
}
blockquote:before {
  content: '\“';
  font-family: "Playfair Display", sans-serif;
  font-size: 150px;
  color: #eeeeee;
  position: absolute;
  margin-left: -40px;
  line-height: 0.7;
  z-index: -1;
}
.dark-mode blockquote:before {
  color: #ffffff;
}
blockquote p {
  margin-bottom: 0.7em;
  display: block;
}
.korra-justify--true blockquote p {
  text-align: justify !important;
  text-align-last: center;
}
blockquote p:last-child {
  margin-bottom: 0;
  margin-top: 0;
}
.korra-sideblock blockquote {
  text-align-last: left;
  margin-top: 0;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-sideblock blockquote {
    margin-left: -30px;
  }
}
cite {
  display: block;
  position: relative;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-size: 10.99px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding-top: 2.5em;
}
cite a {
  color: inherit;
}
.korra-sideblock cite {
  text-align: left;
}
.blockquote-wrapper {
  position: relative;
  background-position: 50% 50%;
  background-color: #72e9c6;
  background-image: linear-gradient(-20deg, #72e9c6 0%, #bfcfff 100%);
  padding: 30px 10px;
  z-index: 1;
  min-height: 100%;
}
.korra-justify--true .blockquote-wrapper {
  text-align: justify;
  text-align-last: center;
}
.blockquote-wrapper .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0.2;
  z-index: -1;
}
.blockquote-wrapper blockquote {
  position: static;
}
.blockquote-wrapper blockquote,
.blockquote-wrapper blockquote p {
  text-align: center;
}
.korra-justify--true .blockquote-wrapper blockquote,
.korra-justify--true .blockquote-wrapper blockquote p {
  text-align: justify !important;
  text-align-last: center !important;
}
.blockquote-wrapper blockquote:before {
  top: -15px;
  margin-left: -20px;
  font-size: 250px;
}
.loop-container--style-masonry .blockquote-wrapper blockquote,
.loop-container--style-masonry_image .blockquote-wrapper blockquote,
.loop-container--style-gallery .blockquote-wrapper blockquote {
  margin-bottom: 0;
  margin-top: 2em;
}
.loop-container--style-masonry .blockquote-wrapper blockquote:before,
.loop-container--style-masonry_image .blockquote-wrapper blockquote:before,
.loop-container--style-gallery .blockquote-wrapper blockquote:before {
  left: 50%;
  margin-left: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .blockquote-wrapper {
    padding: 50px 35px;
  }
  .loop-container--style-list .blockquote-wrapper {
    padding: 70px 100px;
  }
}
/* Highlighted Paragraph & Text
 *------------------------------------------------------------*/
.highlighted-p {
  display: block;
  position: relative;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6em;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 16px;
  /* 20:16 */
  background: #f7f7f7;
  padding: 50px;
  overflow: visible !important;
}
.highlighted-p:not:first-child {
  margin-top: 2.8em;
}
.highlighted-p:before,
.highlighted-p:after {
  content: '';
  position: absolute;
  left: 50px;
  top: 0;
  display: block;
  border-top: 1px solid #444444;
  width: 30px;
  height: 0;
}
.highlighted-p:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.highlighted-p:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.highlighted-text {
  color: #444444;
  background: #f7f7f7;
}
/* Rich Title
 *------------------------------------------------------------*/
.rich-title {
  text-align: center;
}
.rich-title .highlighted-p {
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  padding-left: 15%;
  padding-right: 15%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.rich-title .highlighted-p:before,
.rich-title .highlighted-p:after {
  content: none;
}
.rich-title.description--true {
  padding-top: 15px;
}
.rich-title.image--true p:not(.dark-mode) {
  color: #444444;
}
.rich-title.description--true .rich-title__title,
.rich-title.image--true .rich-title__title {
  line-height: 0.6;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
.rich-title .highlighted-p[style*="min-height"] > span {
  position: absolute;
  width: 70%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-sideblock .rich-title.description--true .highlighted-p {
    padding-top: 0;
    padding-bottom: 118%;
  }
  .korra-sideblock .rich-title.description--true .highlighted-p span {
    display: block;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
/* Rich Image & Custom Banner (based on rich image)
 *------------------------------------------------------------*/
.rich-image {
  position: relative;
  text-align: center;
}
.rich-image__inwrap {
  position: relative;
  display: inline-block;
  text-align: left;
}
.rich-image__text {
  background: #444444;
  padding: 0 25px;
}
.rich-image__text:before,
.rich-image__text:after {
  display: table;
  content: "";
}
.rich-image__text:after {
  clear: both;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .rich-image__text {
    position: absolute;
    bottom: 40px;
    left: 40px;
    width: calc( 300px + 50px );
  }
}
.rich-image__text .korra-x {
  top: -0.5em;
}
.rich-image__text .description-heading--small {
  margin-bottom: 20px;
}
.rich-image__text .small {
  line-height: 1.6;
  padding: 0 20px;
  margin-bottom: 40px;
}
.korra-justify--true .rich-image__text .small {
  text-align: justify;
  text-align-last: center;
}
.rich-image.rich-image--banner {
  background-size: cover;
}
.rich-image.rich-image--banner .rich-image__inwrap {
  display: block;
}
.rich-image.rich-image--banner img {
  opacity: 0;
}
.rich-image.rich-image--banner .rich-image__text {
  background: #ffffff;
}
.rich-image.rich-image--banner .rich-image__text .small {
  margin-bottom: 30px;
}
.rich-image.rich-image--banner .rich-image__text .button {
  float: right;
  margin-right: 20px;
  border-radius: 2px 2px 0 0;
  display: inline-table;
}
/* Tables
 *------------------------------------------------------------*/
table {
  table-layout: fixed;
  max-width: 100%;
  width: auto;
  text-align: center;
}
.korra-sideblock table {
  min-width: 100%;
  text-align: left;
}
table thead tr td {
  background: #f7f7f7;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6em;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 16px;
  /* 20:16 */
  padding: 1em 1.5em;
}
table thead tr td:not:first-child {
  margin-top: 2.8em;
}
table tbody {
  color: #444444;
  font-size: 0.888em;
  /* 18px : 16px */
}
.dark-mode table tbody {
  color: #ffffff;
}
table tbody tr {
  border-bottom: 1px solid #eeeeee;
}
.dark-mode table tbody tr {
  border-bottom-color: rgba(255, 255, 255, 0.05);
}
table tbody tr td {
  padding: 0.7em 1.5em;
  position: relative;
}
table tbody tr td + td {
  border-left: 1px solid #eeeeee;
}
.dark-mode table tbody tr td + td {
  border-left-color: rgba(255, 255, 255, 0.05);
}
table tbody:last-child tr:last-child td + td:before {
  content: '';
  display: block;
  position: absolute;
  left: -1px;
  bottom: -1.5em;
  height: 1.5em;
  width: 0;
  border-left: 1px solid #eeeeee;
}
table tfoot + tbody:last-child tr:last-child td + td:before {
  content: none;
}
/* Code & Pre
 *------------------------------------------------------------*/
code,
pre,
kbd {
  font-family: Consolas, Monaco, 'Andale Mono', monospace;
  font-size: 0.8em;
  display: inline-block;
  vertical-align: baseline;
  padding: 0 3px;
  background: #f7f7f7;
  color: #444444;
  word-wrap: break-word;
}
pre {
  width: 100%;
  padding: 30px;
  white-space: pre;
  white-space: pre-wrap;
  text-rendering: initial;
}
/* Wordpress core styles
 *------------------------------------------------------------*/
.alignnone,
.aligncenter,
.alignleft,
.alignright {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
p > .alignnone:not(:first-child),
p > .aligncenter:not(:first-child),
p > .alignleft:not(:first-child),
p > .alignright:not(:first-child) {
  margin-top: 30px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .alignleft {
    float: left;
    margin-right: 30px;
  }
  .alignright {
    float: right;
    margin-left: 30px;
  }
  .alignleft,
  .alignright,
  .aligncenter {
    margin-top: 5px;
  }
}
@media only screen and (min-width: 1171px) {
  .alignleft {
    margin-right: 45px;
  }
  .alignright {
    margin-left: 45px;
  }
}
/* Text only for screen readers
 *------------------------------------------------------------*/
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/*------------------------------------------------------------
 * Buttons
 * .button is MANDATORY
 * .button--XXX is a modifier
 *------------------------------------------------------------*/
.button {
  position: relative;
  display: inline-block;
  z-index: 1;
  max-width: 100%;
  height: 40px;
  padding: 0 30px;
  line-height: 40px !important;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-radius: 2px;
  overflow: hidden;
  color: #ffffff;
  background: #444444;
}
.button:before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
  background-size: 150%;
  background-position: 50% 50%;
  z-index: -1;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.dark-mode .button {
  background: #ffffff;
}
.button:hover {
  color: #ffffff;
}
.dark-mode .button:hover {
  color: #444444;
}
.button:hover:before {
  opacity: 0;
}
.button i {
  margin: 0 10px;
}
.button + .button {
  margin-top: 10px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .button + .button {
    margin-left: 20px;
    margin-top: 0;
  }
}
/* Button Small Modifier
*------------------------------------------------------------*/
.button--small {
  font-family: "Oswald", sans-serif;
  font-size: 10.99px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  height: 27px;
  line-height: 27px !important;
  padding: 0 10px;
}
/* Button Disabled Modifier
 *------------------------------------------------------------*/
.button--disabled {
  opacity: 0.2 !important;
  pointer-events: none;
}
/* Button Full Width Modifier
 *------------------------------------------------------------*/
.button--wide {
  width: 100%;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
/* Button Color Modifiers: Default
 *------------------------------------------------------------*/
.button--black {
  color: #ffffff;
  background: #444444;
}
.button--black:before {
  content: none;
}
.button--black:hover {
  color: #ffffff;
  background: #000000;
}
.button--white {
  color: #444444;
  background: #ffffff;
}
.button--white:before {
  content: none;
}
.button--white:hover {
  color: #444444;
  background: #eeeeee;
}
.button--empty {
  color: #444444;
}
.button--empty:before {
  content: none;
}
.button--empty:hover {
  color: #777777;
}
/* Forms
 *------------------------------------------------------------*/
form:before,
form:after {
  display: table;
  content: "";
}
form:after {
  clear: both;
}
form label {
  font-family: "Oswald", sans-serif;
  font-size: 10.99px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
input[type="text"],
input[type="textfield"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="tel"],
input[type="url"],
textarea,
select {
  background: #f7f7f7;
  border: 1px solid transparent;
  width: 100%;
  padding: 0 17px;
  border-radius: 2px;
  font-size: 0.777em;
  /* 18px : 14px */
  line-height: initial !important;
  text-transform: none !important;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  color: inherit;
  height: 3.35em;
  margin-bottom: 1.2em;
}
.grey-mode input[type="text"],
.grey-mode input[type="textfield"],
.grey-mode input[type="search"],
.grey-mode input[type="email"],
.grey-mode input[type="password"],
.grey-mode input[type="date"],
.grey-mode input[type="tel"],
.grey-mode input[type="url"],
.grey-mode textarea,
.grey-mode select {
  background: #ffffff;
}
.dark-mode input[type="text"],
.dark-mode input[type="textfield"],
.dark-mode input[type="search"],
.dark-mode input[type="email"],
.dark-mode input[type="password"],
.dark-mode input[type="date"],
.dark-mode input[type="tel"],
.dark-mode input[type="url"],
.dark-mode textarea,
.dark-mode select {
  background: rgba(255, 255, 255, 0.05);
}
input[type="text"]:focus,
input[type="textfield"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #000000;
}
.dark-mode input[type="text"]:focus,
.dark-mode input[type="textfield"]:focus,
.dark-mode input[type="search"]:focus,
.dark-mode input[type="email"]:focus,
.dark-mode input[type="password"]:focus,
.dark-mode input[type="date"]:focus,
.dark-mode input[type="tel"]:focus,
.dark-mode input[type="url"]:focus,
.dark-mode textarea:focus,
.dark-mode select:focus {
  border-color: #ffffff;
}
input[type="text"].error,
input[type="textfield"].error,
input[type="search"].error,
input[type="email"].error,
input[type="password"].error,
input[type="date"].error,
input[type="tel"].error,
input[type="url"].error,
textarea.error,
select.error,
input[type="text"].wpcf7-not-valid,
input[type="textfield"].wpcf7-not-valid,
input[type="search"].wpcf7-not-valid,
input[type="email"].wpcf7-not-valid,
input[type="password"].wpcf7-not-valid,
input[type="date"].wpcf7-not-valid,
input[type="tel"].wpcf7-not-valid,
input[type="url"].wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid {
  background: rgba(255, 0, 0, 0.1) !important;
}
input[type="text"].error + .wpcf7-not-valid-tip,
input[type="textfield"].error + .wpcf7-not-valid-tip,
input[type="search"].error + .wpcf7-not-valid-tip,
input[type="email"].error + .wpcf7-not-valid-tip,
input[type="password"].error + .wpcf7-not-valid-tip,
input[type="date"].error + .wpcf7-not-valid-tip,
input[type="tel"].error + .wpcf7-not-valid-tip,
input[type="url"].error + .wpcf7-not-valid-tip,
textarea.error + .wpcf7-not-valid-tip,
select.error + .wpcf7-not-valid-tip,
input[type="text"].wpcf7-not-valid + .wpcf7-not-valid-tip,
input[type="textfield"].wpcf7-not-valid + .wpcf7-not-valid-tip,
input[type="search"].wpcf7-not-valid + .wpcf7-not-valid-tip,
input[type="email"].wpcf7-not-valid + .wpcf7-not-valid-tip,
input[type="password"].wpcf7-not-valid + .wpcf7-not-valid-tip,
input[type="date"].wpcf7-not-valid + .wpcf7-not-valid-tip,
input[type="tel"].wpcf7-not-valid + .wpcf7-not-valid-tip,
input[type="url"].wpcf7-not-valid + .wpcf7-not-valid-tip,
textarea.wpcf7-not-valid + .wpcf7-not-valid-tip,
select.wpcf7-not-valid + .wpcf7-not-valid-tip {
  display: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #777777;
  font-style: regular;
  opacity: 1;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #777777;
  font-style: regular;
  opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #777777;
  font-style: regular;
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #777777;
  font-style: regular;
  opacity: 1;
}
textarea {
  padding: 15px 20px;
  min-height: 110px;
  height: auto;
}
input[type="radio"],
input[type="checkbox"] {
  font-size: 0.777em;
  /* 18px : 14px */
}
input[type="submit"],
button[type="submit"],
input[type="button"],
button[type="button"] {
  outline: none;
  border: none;
  position: relative;
  display: inline-block;
  z-index: 1;
  max-width: 100%;
  height: 40px;
  padding: 0 30px;
  line-height: 40px !important;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-radius: 2px;
  overflow: hidden;
  color: #ffffff;
  background: #444444;
  margin-bottom: 1.2em;
}
input[type="submit"]:before,
button[type="submit"]:before,
input[type="button"]:before,
button[type="button"]:before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
  background-size: 150%;
  background-position: 50% 50%;
  z-index: -1;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.dark-mode input[type="submit"],
.dark-mode button[type="submit"],
.dark-mode input[type="button"],
.dark-mode button[type="button"] {
  background: #ffffff;
}
input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="button"]:hover,
button[type="button"]:hover {
  color: #ffffff;
}
.dark-mode input[type="submit"]:hover,
.dark-mode button[type="submit"]:hover,
.dark-mode input[type="button"]:hover,
.dark-mode button[type="button"]:hover {
  color: #444444;
}
input[type="submit"]:hover:before,
button[type="submit"]:hover:before,
input[type="button"]:hover:before,
button[type="button"]:hover:before {
  opacity: 0;
}
input[type="submit"] i,
button[type="submit"] i,
input[type="button"] i,
button[type="button"] i {
  margin: 0 10px;
}
input[type="submit"] + .button,
button[type="submit"] + .button,
input[type="button"] + .button,
button[type="button"] + .button {
  margin-top: 10px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  input[type="submit"] + .button,
  button[type="submit"] + .button,
  input[type="button"] + .button,
  button[type="button"] + .button {
    margin-left: 20px;
    margin-top: 0;
  }
}
input[type="submit"]:before,
button[type="submit"]:before,
input[type="button"]:before,
button[type="button"]:before {
  content: none;
}
input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="button"]:hover,
button[type="button"]:hover {
  color: #ffffff;
  background: #000000;
}
.dark-mode input[type="submit"],
.dark-mode button[type="submit"],
.dark-mode input[type="button"],
.dark-mode button[type="button"] {
  color: #444444;
  background: #ffffff;
}
.dark-mode input[type="submit"]:before,
.dark-mode button[type="submit"]:before,
.dark-mode input[type="button"]:before,
.dark-mode button[type="button"]:before {
  content: none;
}
.dark-mode input[type="submit"]:hover,
.dark-mode button[type="submit"]:hover,
.dark-mode input[type="button"]:hover,
.dark-mode button[type="button"]:hover {
  color: #444444;
  background: #eeeeee;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  input[type="submit"],
  button[type="submit"],
  input[type="button"],
  button[type="button"] {
    clear: both;
  }
  .sidebar--right input[type="submit"],
  .sidebar--right button[type="submit"],
  .sidebar--right input[type="button"],
  .sidebar--right button[type="button"] {
    float: left;
  }
}
@media only screen and (min-width: 1171px) {
  input[type="submit"],
  button[type="submit"],
  input[type="button"],
  button[type="button"] {
    -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
    transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  }
}
div.wpcf7-response-output {
  margin: 0;
  padding: 0;
  border: none;
}
.wpcf7-checkbox,
.wpcf7-radio {
  font-size: 0.777em;
  /* 18px : 14px */
}
span.wpcf7-list-item {
  display: inline-block;
  margin-left: 15px;
}
.wpcf7-list-item-label {
  margin-left: 3px;
}
input:checked + .wpcf7-list-item-label {
  color: #444444;
}
.wpcf7:before,
.wpcf7:after {
  display: table;
  content: "";
}
.wpcf7:after {
  clear: both;
}
.korra-select-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 1.2em;
}
.korra-select-wrap select {
  margin-bottom: 0;
  padding-right: 27px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
.korra-select-wrap option {
  color: #444444;
  background: #ffffff;
}
.korra-select-wrap:after {
  content: "\e874";
  font-family: 'Korra-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 0.8em;
  margin-top: -0.4em;
  font-size: 0.8em;
}
form p > input:last-child,
form p > textarea:last-child,
form p > select:last-child {
  margin-bottom: 0;
}
/* Embeds
 *------------------------------------------------------------*/
.korra-embed-container.domain-animoto,
.korra-embed-container.domain-blip,
.korra-embed-container.domain-collegehumor,
.korra-embed-container.domain-dailymotion,
.korra-embed-container.domain-funnyordie,
.korra-embed-container.domain-kickstarter,
.korra-embed-container.domain-mixcloud,
.korra-embed-container.domain-soundcloud,
.korra-embed-container.domain-ted,
.korra-embed-container.domain-videopress,
.korra-embed-container.domain-vimeo,
.korra-embed-container.domain-wordpress,
.korra-embed-container.domain-youtube {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  margin-bottom: 30px;
}
.editor-content > .korra-embed-container.domain-animoto,
.editor-content > .korra-embed-container.domain-blip,
.editor-content > .korra-embed-container.domain-collegehumor,
.editor-content > .korra-embed-container.domain-dailymotion,
.editor-content > .korra-embed-container.domain-funnyordie,
.editor-content > .korra-embed-container.domain-kickstarter,
.editor-content > .korra-embed-container.domain-mixcloud,
.editor-content > .korra-embed-container.domain-soundcloud,
.editor-content > .korra-embed-container.domain-ted,
.editor-content > .korra-embed-container.domain-videopress,
.editor-content > .korra-embed-container.domain-vimeo,
.editor-content > .korra-embed-container.domain-wordpress,
.editor-content > .korra-embed-container.domain-youtube {
  padding-bottom: calc(56.25% + 56px);
  clear: right;
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .editor-content > .korra-embed-container.domain-animoto,
  .editor-content > .korra-embed-container.domain-blip,
  .editor-content > .korra-embed-container.domain-collegehumor,
  .editor-content > .korra-embed-container.domain-dailymotion,
  .editor-content > .korra-embed-container.domain-funnyordie,
  .editor-content > .korra-embed-container.domain-kickstarter,
  .editor-content > .korra-embed-container.domain-mixcloud,
  .editor-content > .korra-embed-container.domain-soundcloud,
  .editor-content > .korra-embed-container.domain-ted,
  .editor-content > .korra-embed-container.domain-videopress,
  .editor-content > .korra-embed-container.domain-vimeo,
  .editor-content > .korra-embed-container.domain-wordpress,
  .editor-content > .korra-embed-container.domain-youtube {
    margin-right: -45px;
  }
}
@media only screen and (min-width: 1171px) {
  .editor-content > .korra-embed-container.domain-animoto,
  .editor-content > .korra-embed-container.domain-blip,
  .editor-content > .korra-embed-container.domain-collegehumor,
  .editor-content > .korra-embed-container.domain-dailymotion,
  .editor-content > .korra-embed-container.domain-funnyordie,
  .editor-content > .korra-embed-container.domain-kickstarter,
  .editor-content > .korra-embed-container.domain-mixcloud,
  .editor-content > .korra-embed-container.domain-soundcloud,
  .editor-content > .korra-embed-container.domain-ted,
  .editor-content > .korra-embed-container.domain-videopress,
  .editor-content > .korra-embed-container.domain-vimeo,
  .editor-content > .korra-embed-container.domain-wordpress,
  .editor-content > .korra-embed-container.domain-youtube {
    margin-right: -115px;
  }
}
.korra-embed-container.domain-animoto iframe,
.korra-embed-container.domain-blip iframe,
.korra-embed-container.domain-collegehumor iframe,
.korra-embed-container.domain-dailymotion iframe,
.korra-embed-container.domain-funnyordie iframe,
.korra-embed-container.domain-kickstarter iframe,
.korra-embed-container.domain-mixcloud iframe,
.korra-embed-container.domain-soundcloud iframe,
.korra-embed-container.domain-ted iframe,
.korra-embed-container.domain-videopress iframe,
.korra-embed-container.domain-vimeo iframe,
.korra-embed-container.domain-wordpress iframe,
.korra-embed-container.domain-youtube iframe,
.korra-embed-container.domain-animoto object,
.korra-embed-container.domain-blip object,
.korra-embed-container.domain-collegehumor object,
.korra-embed-container.domain-dailymotion object,
.korra-embed-container.domain-funnyordie object,
.korra-embed-container.domain-kickstarter object,
.korra-embed-container.domain-mixcloud object,
.korra-embed-container.domain-soundcloud object,
.korra-embed-container.domain-ted object,
.korra-embed-container.domain-videopress object,
.korra-embed-container.domain-vimeo object,
.korra-embed-container.domain-wordpress object,
.korra-embed-container.domain-youtube object,
.korra-embed-container.domain-animoto embed,
.korra-embed-container.domain-blip embed,
.korra-embed-container.domain-collegehumor embed,
.korra-embed-container.domain-dailymotion embed,
.korra-embed-container.domain-funnyordie embed,
.korra-embed-container.domain-kickstarter embed,
.korra-embed-container.domain-mixcloud embed,
.korra-embed-container.domain-soundcloud embed,
.korra-embed-container.domain-ted embed,
.korra-embed-container.domain-videopress embed,
.korra-embed-container.domain-vimeo embed,
.korra-embed-container.domain-wordpress embed,
.korra-embed-container.domain-youtube embed,
.korra-embed-container.domain-animoto video,
.korra-embed-container.domain-blip video,
.korra-embed-container.domain-collegehumor video,
.korra-embed-container.domain-dailymotion video,
.korra-embed-container.domain-funnyordie video,
.korra-embed-container.domain-kickstarter video,
.korra-embed-container.domain-mixcloud video,
.korra-embed-container.domain-soundcloud video,
.korra-embed-container.domain-ted video,
.korra-embed-container.domain-videopress video,
.korra-embed-container.domain-vimeo video,
.korra-embed-container.domain-wordpress video,
.korra-embed-container.domain-youtube video {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.korra-embed-container:empty {
  display: none;
}
/* WP Embeds in content that are not wrapped in korra container
 *------------------------------------------------------------*/
/* Mejs upgrade for responsive video
 *------------------------------------------------------------*/
.mejs-container {
  margin-top: 8px;
  margin-bottom: 30px;
}
.korra-cover .mejs-container {
  margin-top: 0;
  margin-bottom: 0;
}
.wp-video {
  width: 100% !important;
}
.mejs-container.mejs-video {
  width: 100% !important;
  height: auto !important;
  padding-top: 56.25%;
  /* 16:9 */
}
.mejs-container.mejs-video .mejs-overlay,
.mejs-container.mejs-video .mejs-poster {
  width: 100% !important;
  height: 100% !important;
}
.mejs-container.mejs-video video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}
/*------------------------------------------------------------
 * 	Mejs Player Style
 *------------------------------------------------------------*/
.mejs-container {
  height: 70px !important;
  background: none !important;
  outline: none;
  /* 	Dark version
	 *------------------------------------------------------------*/
}
.mejs-container .mejs-controls {
  background: #444444 !important;
  height: 70px !important;
  padding: 0 10px 0 20px !important;
}
.mejs-container .mejs-controls > * {
  margin-top: 22px !important;
}
.mejs-container .mejs-controls .mejs-time.mejs-currenttime-container {
  margin-left: 70px !important;
}
.mejs-container .mejs-controls .mejs-time.mejs-duration-container {
  margin-right: 15px !important;
}
.mejs-container .mejs-controls .mejs-time span {
  color: #eeeeee !important;
  font-size: 14px !important;
  font-weight: 300;
}
.mejs-container .mejs-controls .mejs-time-rail {
  margin-top: 26px !important;
}
.mejs-container .mejs-controls .mejs-time-rail span {
  height: 4px !important;
  border-radius: 0 !important;
}
.mejs-container .mejs-controls .mejs-time-total {
  background: rgba(255, 255, 255, 0.07000000000000001) !important;
  height: 4px !important;
}
.mejs-container .mejs-controls .mejs-time-loaded {
  background: #ffffff !important;
}
.mejs-container .mejs-controls .mejs-time-current {
  background: #ffffff !important;
}
.mejs-container .mejs-controls .mejs-time-float {
  background: none !important;
  border: none !important;
  top: -20px !important;
}
.mejs-container .mejs-controls .mejs-time-float-current {
  color: #eeeeee !important;
}
.mejs-container .mejs-controls .mejs-time-float-corner {
  display: none !important;
}
.mejs-container .mejs-controls .mejs-horizontal {
  margin-top: 26px !important;
}
.mejs-container .mejs-controls .mejs-horizontal-volume-slider {
  margin-top: 24px !important;
}
.mejs-container .mejs-controls .mejs-horizontal-volume-total,
.mejs-container .mejs-controls .mejs-horizontal-volume-current {
  height: 4px !important;
  border-radius: 0 !important;
}
.mejs-container .mejs-controls .mejs-horizontal-volume-total {
  background: #ffffff !important;
}
.mejs-container .mejs-controls .mejs-horizontal-volume-current {
  background: #ffffff !important;
}
.mejs-container .mejs-controls .mejs-button button {
  -webkit-transition: none;
  transition: none;
  float: none;
  background-image: url("http://localhost/whyte/wp-content/themes/whyte/img/mejs_images.svg");
}
.mejs-container .mejs-controls .mejs-button button:focus {
  outline: none !important;
}
.mejs-container .mejs-controls .mejs-button.mejs-playpause-button {
  position: absolute;
  left: 0;
  width: 70px;
  height: 70px;
  line-height: 84px;
  margin-top: 0 !important;
  text-align: center;
}
.mejs-container .mejs-controls .mejs-button.mejs-playpause-button.mejs-pause {
  background: #000000;
}
.mejs-container .mejs-controls .mejs-button.mejs-playpause-button button {
  display: inline-block;
  position: relative;
}
.mejs-container .mejs-controls .mejs-offscreen {
  display: none !important;
}
.mejs-container .mejs-overlay-button {
  margin-top: -50px !important;
}
.mejs-container.mejs-video,
.format-head--audio.featured-image--true .mejs-container.mejs-audio {
  background: none !important;
}
.mejs-container.mejs-video .mejs-controls,
.format-head--audio.featured-image--true .mejs-container.mejs-audio .mejs-controls {
  background: rgba(68, 68, 68, 0.75) !important;
  border: none !important;
}
.mejs-container.mejs-video .mejs-controls .mejs-time-total,
.format-head--audio.featured-image--true .mejs-container.mejs-audio .mejs-controls .mejs-time-total {
  background: #ffffff !important;
}
.mejs-container.mejs-video .mejs-controls .mejs-time-loaded,
.format-head--audio.featured-image--true .mejs-container.mejs-audio .mejs-controls .mejs-time-loaded {
  background: #ffffff !important;
}
.mejs-container.mejs-video .mejs-controls .mejs-time-current,
.format-head--audio.featured-image--true .mejs-container.mejs-audio .mejs-controls .mejs-time-current {
  background: #ffffff !important;
}
.mejs-container.mejs-video .mejs-controls .mejs-time-float-current,
.format-head--audio.featured-image--true .mejs-container.mejs-audio .mejs-controls .mejs-time-float-current {
  color: #eeeeee !important;
}
.mejs-container.mejs-video .mejs-controls .mejs-horizontal-volume-current,
.format-head--audio.featured-image--true .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-current {
  background: #ffffff !important;
}
/* plugins */
/*------------------------------------------------------------
 * WPML
 *------------------------------------------------------------*/
.widget_icl_lang_sel_widget {
  overflow: visible !important;
  z-index: 3;
  position: relative;
}
.menu-item-language img.iclflag,
#lang_sel img.iclflag,
#lang_sel_click img.iclflag {
  margin-right: 7px;
  vertical-align: baseline;
}
.theme-korra #lang_sel,
.theme-korra #lang_sel_click {
  text-align: left;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: initial !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  width: 100%;
}
.theme-korra #lang_sel a,
.theme-korra #lang_sel_click a {
  padding-left: 0;
  border: none;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 15px;
  border-radius: 2px;
  font-size: inherit;
}
.theme-korra #lang_sel a.lang_sel_sel,
.theme-korra #lang_sel_click a.lang_sel_sel {
  position: relative;
  background: #f7f7f7;
  color: #444444;
}
.theme-korra #lang_sel a.lang_sel_sel:after,
.theme-korra #lang_sel_click a.lang_sel_sel:after {
  content: "\e874";
  font-family: 'Korra-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-left: 5px;
  position: absolute;
  top: 50%;
  right: 0.8em;
  margin-top: -0.4em;
  font-size: 0.8em;
}
.theme-korra #lang_sel ul ul,
.theme-korra #lang_sel_click ul ul {
  top: 32px;
  width: 100%;
  border-top: none;
}
.theme-korra #lang_sel ul ul a,
.theme-korra #lang_sel_click ul ul a {
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  border: none;
  background: #f7f7f7;
  color: #444444;
}
.theme-korra #lang_sel ul ul a:hover,
.theme-korra #lang_sel_click ul ul a:hover {
  background: #444444;
  color: #ffffff;
}
.theme-korra #lang_sel ul ul li:last-child a,
.theme-korra #lang_sel_click ul ul li:last-child a {
  border-radius: 0 0 3px 3px;
}
.theme-korra #lang_sel_list.lang_sel_list_vertical,
.theme-korra #lang_sel_list.lang_sel_list_horizontal {
  height: auto;
  overflow: hidden;
}
.theme-korra #lang_sel_list.lang_sel_list_vertical ul,
.theme-korra #lang_sel_list.lang_sel_list_horizontal ul {
  height: auto;
  top: 0;
  border-top: none;
}
.theme-korra #lang_sel_list.lang_sel_list_vertical li,
.theme-korra #lang_sel_list.lang_sel_list_horizontal li {
  float: none;
}
.theme-korra #lang_sel_list.lang_sel_list_vertical li:first-child a,
.theme-korra #lang_sel_list.lang_sel_list_horizontal li:first-child a {
  border-radius: 3px 3px 0 0;
}
.theme-korra #lang_sel_list.lang_sel_list_vertical li:last-child a,
.theme-korra #lang_sel_list.lang_sel_list_horizontal li:last-child a {
  border-radius: 0 0 3px 3px;
}
.theme-korra #lang_sel_list.lang_sel_list_vertical a,
.theme-korra #lang_sel_list.lang_sel_list_horizontal a {
  padding: 0 15px;
  height: 32px;
  line-height: 32px;
  border: none;
  background: #ffffff;
  color: #444444;
}
.theme-korra #lang_sel_list.lang_sel_list_vertical a:hover,
.theme-korra #lang_sel_list.lang_sel_list_horizontal a:hover,
.theme-korra #lang_sel_list.lang_sel_list_vertical a.lang_sel_sel,
.theme-korra #lang_sel_list.lang_sel_list_horizontal a.lang_sel_sel {
  background: #f7f7f7;
  color: #444444;
}
.theme-korra .header #lang_sel,
.theme-korra .widgets--center--true #lang_sel,
.theme-korra .header #lang_sel_click,
.theme-korra .widgets--center--true #lang_sel_click,
.theme-korra .header #lang_sel_list,
.theme-korra .widgets--center--true #lang_sel_list {
  margin-left: auto;
  margin-right: auto;
}
.theme-korra .header #lang_sel li,
.theme-korra .widgets--center--true #lang_sel li,
.theme-korra .header #lang_sel_click li,
.theme-korra .widgets--center--true #lang_sel_click li,
.theme-korra .header #lang_sel_list li,
.theme-korra .widgets--center--true #lang_sel_list li {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
/* Dark Mode
 *------------------------------------------------------------*/
.theme-korra .dark-mode #lang_sel a.lang_sel_sel,
.theme-korra .dark-mode #lang_sel_click a.lang_sel_sel {
  background: #444444;
  color: #ffffff;
}
.theme-korra .dark-mode #lang_sel ul ul a,
.theme-korra .dark-mode #lang_sel_click ul ul a {
  background: #444444;
  color: #ffffff;
}
.theme-korra .dark-mode #lang_sel ul ul a:hover,
.theme-korra .dark-mode #lang_sel_click ul ul a:hover,
.theme-korra .dark-mode #lang_sel ul ul a.lang_sel_sel,
.theme-korra .dark-mode #lang_sel_click ul ul a.lang_sel_sel {
  background: #ffffff;
  color: #444444;
}
.theme-korra .dark-mode #lang_sel_list.lang_sel_list_vertical a,
.theme-korra .dark-mode #lang_sel_list.lang_sel_list_horizontal a {
  background: #444444;
  color: #ffffff;
}
.theme-korra .dark-mode #lang_sel_list.lang_sel_list_vertical a:hover,
.theme-korra .dark-mode #lang_sel_list.lang_sel_list_horizontal a:hover,
.theme-korra .dark-mode #lang_sel_list.lang_sel_list_vertical a.lang_sel_sel,
.theme-korra .dark-mode #lang_sel_list.lang_sel_list_horizontal a.lang_sel_sel {
  background: #ffffff;
  color: #444444;
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*------------------------------------------------------------
 * 1. BASIC STYLE
 *------------------------------------------------------------*/
.mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none;
  /* MSPointer events - direct all pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar {
  -ms-touch-action: auto;
  touch-action: auto;
}
.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}
.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}
/*------------------------------------------------------------
 * 3. HORIZONTAL SCROLLBAR x-axis
 *------------------------------------------------------------*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 0px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 3px;
  margin: 10px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}
/*------------------------------------------------------------
 * 5. TRANSITIONS
 *------------------------------------------------------------*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
/*------------------------------------------------------------
 * 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
 *------------------------------------------------------------*/
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #eeeeee;
  border-radius: 2px;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: #444444;
}
.mCustomScrollBox:hover .mCSB_dragger .mCSB_dragger_bar {
  background: #444444;
}
/* layout */
/*------------------------------------------------------------
 * Layout common classes and setup
 *------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*------------------------------------------------------------
 * Main Layout
 *------------------------------------------------------------*/
/* Layout: Basics - Mobile & TabletV + Defaults
 *------------------------------------------------------------*/
body.infobar--true {
  padding-bottom: 82px;
}
.content-wrapper {
  position: relative;
  z-index: 1;
}
.main-content {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1300px;
  padding-top: 1.7em;
}
@media only screen and (min-width: 600px) and (max-width: 960px) {
  .main-content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .main-content {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  *:not(.rich-cover) + .main-content {
    padding-top: 4.5em;
  }
  .content-wrapper__inside.single-post .main-content {
    padding-top: 2.8em;
  }
}
/* Layout: Basics - TabletH & Desktop
 * Sidebar is position beside the main content
 *------------------------------------------------------------*/
/*------------------------------------------------------------
 * Max Width Wrapper
 *------------------------------------------------------------*/
.padding-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 600px) and (max-width: 960px) {
  .padding-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .padding-wrapper {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.max-width-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1300px;
}
@media only screen and (min-width: 600px) and (max-width: 960px) {
  .max-width-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .max-width-wrapper {
    padding-left: 50px;
    padding-right: 50px;
  }
}
/*------------------------------------------------------------
 * Post Content
 *------------------------------------------------------------*/
.post__content:before,
.post__content:after {
  display: table;
  content: "";
}
.post__content:after {
  clear: both;
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .post__content {
    padding-left: calc( 300px + 45px );
    padding-right: 45px;
  }
  .post__content .editor-content > blockquote,
  .post__content .editor-content > .highlighted-p,
  .post__content .editor-content > .alignnone,
  .post__content .editor-content > .alignright,
  .post__content .editor-content > p .alignnone,
  .post__content .editor-content > p .alignright,
  .post__content .editor-content > .mejs-container,
  .post__content .editor-content > .gallery,
  .post__content .editor-content > .rich-title,
  .post__content .editor-content > .rich-image,
  .post__content .editor-content > .korra-blog + .korra-separator-x-editor {
    margin-right: -45px;
    clear: right;
  }
  .post__content .editor-content > .alignnone,
  .post__content .editor-content > .alignright,
  .post__content .editor-content > p .alignnone,
  .post__content .editor-content > p .alignright {
    max-width: calc(100% + 45px);
  }
  .post__content .editor-content > .mejs-container {
    width: calc(100% + 45px) !important;
  }
  .post__content .editor-content > .mejs-container.mejs-video {
    padding-top: calc(56.25% + 56px);
  }
}
@media only screen and (min-width: 1171px) {
  .post__content {
    padding-left: calc( 300px + 115px );
    padding-right: 115px;
  }
  .post__content .editor-content > blockquote,
  .post__content .editor-content > .highlighted-p,
  .post__content .editor-content > .alignnone,
  .post__content .editor-content > .alignright,
  .post__content .editor-content > p .alignnone,
  .post__content .editor-content > p .alignright,
  .post__content .editor-content > .mejs-container,
  .post__content .editor-content > .gallery,
  .post__content .editor-content > .rich-title,
  .post__content .editor-content > .rich-image,
  .post__content .editor-content > .korra-blog + .korra-separator-x-editor {
    margin-right: -115px;
    clear: right;
  }
  .post__content .editor-content > .alignnone,
  .post__content .editor-content > .alignright,
  .post__content .editor-content > p .alignnone,
  .post__content .editor-content > p .alignright {
    max-width: calc(100% + 115px);
  }
  .post__content .editor-content > .mejs-container {
    width: calc(100% + 115px) !important;
  }
  .post__content .editor-content > .mejs-container.mejs-video {
    padding-top: calc(56.25% + 56px);
  }
}
/* Sideblock
 *------------------------------------------------------------*/
.korra-sideblock {
  margin-bottom: 1.7em;
}
.korra-sideblock + .korra-sideblock-placeholder {
  display: none;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-sideblock {
    padding: 0 30px;
    margin-bottom: 2.8em;
  }
  .korra-sideblock,
  .korra-sideblock + .korra-sideblock-placeholder {
    width: calc( 300px );
    padding: 0;
    float: left;
    clear: left;
  }
  .korra-sideblock:not(.korra-sideblock--meta):not(.korra-sideblock--no-border) {
    padding-right: 40px;
  }
  .korra-sideblock:not(.korra-sideblock--no-border) {
    border-right: 1px solid #eeeeee;
  }
  .korra-sideblock.korra-sideblock--sticked {
    position: fixed;
    top: 50px;
  }
  body.admin-bar .korra-sideblock.korra-sideblock--sticked {
    top: 82px;
  }
  .korra-sideblock.korra-sideblock--sticked + .korra-sideblock-placeholder {
    display: block;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .korra-sideblock,
  .korra-sideblock + .korra-sideblock-placeholder {
    margin-left: calc( -300px - 45px );
  }
}
@media only screen and (min-width: 1171px) {
  .korra-sideblock,
  .korra-sideblock + .korra-sideblock-placeholder {
    margin-left: calc( -300px - 115px );
  }
}
.korra-sideblock:empty {
  display: none;
}
/* Content Width & Full Width
 *------------------------------------------------------------*/
.korra-contentwidth,
.korra-fullwidth {
  clear: both;
}
.korra-contentwidth:before,
.korra-fullwidth:before,
.korra-contentwidth:after,
.korra-fullwidth:after {
  display: table;
  content: "";
}
.korra-contentwidth:after,
.korra-fullwidth:after {
  clear: both;
}
.post__content .korra-contentwidth:not(:first-child),
.post__content .korra-fullwidth:not(:first-child) {
  margin-top: 2.8em;
}
.post__content .korra-contentwidth:not(:last-child),
.post__content .korra-fullwidth:not(:last-child) {
  margin-bottom: 2.8em;
}
.korra-contentwidth > *:last-child,
.korra-fullwidth > *:last-child,
.korra-contentwidth > *:last-child > .aligncenter,
.korra-fullwidth > *:last-child > .aligncenter,
.korra-contentwidth > *:last-child > .alignnone,
.korra-fullwidth > *:last-child > .alignnone {
  margin-bottom: 0;
}
.korra-contentwidth:empty,
.korra-fullwidth:empty {
  display: none;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-contentwidth .alignleft,
  .korra-fullwidth .alignleft,
  .korra-contentwidth .alignright,
  .korra-fullwidth .alignright,
  .korra-contentwidth .aligncenter,
  .korra-fullwidth .aligncenter {
    margin-top: 0;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .korra-contentwidth {
    margin-left: calc( -300px - 45px );
    margin-right: -45px;
  }
}
@media only screen and (min-width: 1171px) {
  .korra-contentwidth {
    margin-left: calc( -300px - 115px );
    margin-right: -115px;
  }
}
.korra-fullwidth .korra-contentwidth {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
.korra-fullwidth {
  max-width: 100vw;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 960px) {
  .main-content .korra-fullwidth {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-fullwidth {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-fullwidth {
    width: calc( 100vw - 20px );
    margin-left: calc( 50% - 50vw );
  }
  .post__content .korra-fullwidth {
    margin-left: calc( 50% - 50vw - 300px/2 );
  }
}
/* elements */
/*------------------------------------------------------------
 * Social Nav & Share
 *------------------------------------------------------------*/
.social-nav {
  line-height: 1;
  display: inline-block;
  text-align: center;
  font-size: 0;
}
.social-nav:before,
.social-nav:after {
  display: table;
  content: "";
}
.social-nav:after {
  clear: both;
}
.social-nav .item {
  margin: 0.5em;
  display: inline-block;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.social-nav .item i {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #444444;
  background: #eeeeee;
  border-radius: 50%;
  z-index: 0;
  margin-right: 10px;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.social-nav .item i:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-position: 50% 50%;
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
  background-size: 200%;
  background-position: 100% 50%;
  border-radius: 50%;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  opacity: 0;
}
.dark-mode .social-nav .item i {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
}
.loop-container .social-nav .item i,
.korra-infobar .social-nav .item i {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  margin-right: 0;
  background: transparent;
}
.social-nav .item span {
  margin-right: 1em;
}
.social-nav .item:hover i {
  color: #ffffff;
}
.social-nav .item:hover i:after {
  opacity: 1;
}
.social-nav .item.icon--true:hover {
  color: #444444;
}
.dark-mode .social-nav .item.icon--true:hover {
  color: #ffffff;
}
.korra-sideblock .social-nav .item {
  margin: 0;
}
.korra-sideblock .social-nav--count-5 .item i,
.korra-sideblock .social-nav--count-6 .item i,
.korra-sideblock .social-nav--count-7 .item i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
.footer__widgets .social-nav .item .item,
.korra-infobar .social-nav .item .item,
.author-block .social-nav .item .item {
  margin-left: 0;
}
.footer__widgets .social-nav .item i,
.korra-infobar .social-nav .item i,
.author-block .social-nav .item i {
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 3px;
}
.author-block .social-nav .item i {
  background: #ffffff;
}
.loop-container .social-nav .item + .item {
  margin-left: 0;
}
/* content */
/* Header
 *------------------------------------------------------------*/
.header {
  position: relative;
  z-index: 3;
  text-align: center;
}
.header:before,
.header:after {
  display: table;
  content: "";
}
.header:after {
  clear: both;
}
.header .korra-logo {
  padding: 50px 0 20px;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media only screen and (max-width: 599px) {
  .header .korra-logo {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .header .korra-logo img {
    max-height: 60px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
  .header .korra-logo {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .header .korra-logo img {
    max-height: 100px;
  }
}
.korra-notif ~ .header .korra-logo {
  padding-top: 30px;
}
.header__inwrap {
  position: relative;
  height: 100%;
  line-height: 0;
}
.header__menu {
  position: relative;
  z-index: 2;
}
.header__menu + .header__menu-placeholder {
  display: none;
}
.header__menu ~ .header__menu__sticky-bg {
  background: #ffffff;
  display: block;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}
body.admin-bar .header__menu ~ .header__menu__sticky-bg {
  top: 32px;
}
.header__menu--sticked {
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
body.admin-bar .header__menu--sticked {
  top: 32px;
}
.header__menu--sticked + .header__menu-placeholder {
  display: block;
}
.header__menu--sticked ~ .header__menu__sticky-bg {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.header__location {
  position: relative;
  padding: 10px 0px;
  border-top: 1px solid #eeeeee;
}
.header__location:before,
.header__location:after {
  display: table;
  content: "";
}
.header__location:after {
  clear: both;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .header__location {
    padding: 20px 30px;
  }
}
.header__location .breadcrumbs {
  float: left;
  text-align: left;
  line-height: 16px;
  color: #bababa;
  -webkit-animation: korra-fade-in-bottom-soft 0.5s 1 cubic-bezier(0.3, 0.1, 0.3, 1);
  animation: korra-fade-in-bottom-soft 0.5s 1 cubic-bezier(0.3, 0.1, 0.3, 1);
  opacity: 1;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 960px) {
  .header__location .breadcrumbs {
    display: none;
  }
}
.header__location .breadcrumbs_inwrap > span {
  padding: 0 5px;
  display: inline-block;
}
.header__location .breadcrumbs_inwrap > span:first-child {
  padding-left: 0;
}
.header__location .breadcrumbs_inwrap > span:last-child {
  padding-right: 0;
}
.header__location .breadcrumbs_inwrap > span > span {
  color: #000000;
}
.header__location .breadcrumbs_inwrap > span a {
  color: #bababa;
}
.header__location .breadcrumbs_inwrap > span a:hover {
  color: #444444;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .header__location .breadcrumbs_inwrap > span {
    padding: 0 10px;
  }
}
.ajax-loading-start .header__location .breadcrumbs {
  -webkit-animation: korra-fade-out-bottom-soft 0.5s 1 cubic-bezier(0.3, 0.1, 0.3, 1);
  animation: korra-fade-out-bottom-soft 0.5s 1 cubic-bezier(0.3, 0.1, 0.3, 1);
  opacity: 0;
}
.header__location .search__toggle {
  float: right;
  line-height: 1;
  font-size: 16px;
  color: #444444;
  cursor: pointer;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 960px) {
  .header__location .search__toggle {
    display: none;
  }
}
.header__location .search-form {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f7f7f7;
}
.header__location .search-form.on {
  opacity: 1;
  visibility: visible;
  z-index: 3;
}
.header__location .search-form input {
  background: none;
  border: none;
  height: 100%;
  color: #444444;
}
.header__location .search-form input::-webkit-input-placeholder {
  color: #f7f7f7;
  font-style: regular;
  opacity: 1;
}
.header__location .search-form input:-moz-placeholder {
  color: #f7f7f7;
  font-style: regular;
  opacity: 1;
}
.header__location .search-form input::-moz-placeholder {
  color: #f7f7f7;
  font-style: regular;
  opacity: 1;
}
.header__location .search-form input:-ms-input-placeholder {
  color: #f7f7f7;
  font-style: regular;
  opacity: 1;
}
.header__location .search-form i {
  right: 30px;
  font-size: 16px;
  margin-top: -9px;
}
/*------------------------------------------------------------
 * Hide offscreen menu when classic is on
 * Only for desktops, smaller screens still need it
 * as a responsive fallback
 *
 * Hide classic menu for mobile
 *------------------------------------------------------------*/
.korra-nav--classic {
  display: none;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-nav--mobile-btn,
  .korra-nav--mobile,
  .korra-nav--mobile-mask {
    display: none !important;
  }
  .korra-nav--classic {
    display: inline-block;
  }
}
/*------------------------------------------------------------
 * Navigation
 *------------------------------------------------------------*/
.menu .menu-item-has-children > a i.has-dropdown-icon,
.korra-nav--mobile-btn i.has-dropdown-icon {
  display: inline-block;
  margin-left: 4px;
  width: 4px;
  height: 0.75em;
  padding-top: 0.2em;
  border-top-width: 1px;
  border-top-style: solid;
  margin-right: -8px;
}
.menu .menu-item-has-children > a i.has-dropdown-icon:before,
.korra-nav--mobile-btn i.has-dropdown-icon:before {
  content: '';
  display: block;
  width: 100%;
  height: 0.3em;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.korra-nav--mobile-btn {
  position: relative;
  display: inline-block;
  z-index: 2;
  padding: 3px 10px;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.korra-nav--mobile .korra-nav--mobile-btn {
  margin-bottom: 20px;
  top: -10px;
  background: #444444;
  color: #ffffff;
}
.korra-nav--mobile {
  z-index: 5;
  height: 100%;
  width: 100%;
  background: #f7f7f7;
  text-align: center;
  position: fixed;
  top: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.admin-bar .korra-nav--mobile {
  top: 32px;
  height: calc(100% - 32px);
}
.korra-nav--mobile .nano-content {
  height: 100%;
  overflow-y: scroll;
}
.korra-nav--mobile .nano-content-inwrap {
  position: relative;
  min-height: 100%;
  padding: 50px 30px 100px;
}
.korra-nav-open .korra-nav--mobile {
  opacity: 1;
  visibility: visible;
}
.korra-nav--mobile .menu {
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.korra-nav--mobile .menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.korra-nav--mobile .menu li {
  margin: 0;
  padding: 0;
}
.korra-nav--mobile .menu strong {
  font-weight: inherit;
}
.korra-nav--mobile .menu a {
  position: relative;
  display: inline-block;
  padding: 5px 0px;
  color: #444444;
}
.korra-nav--mobile .menu a:hover {
  color: #444444;
}
.dark-mode.korra-nav--mobile .menu a {
  color: #ffffff;
}
.dark-mode.korra-nav--mobile .menu a:hover {
  color: #ffffff;
}
.korra-nav--mobile .menu a:after {
  content: "";
  display: block;
  margin: 5px auto 0;
  border-top: 1px solid #444444;
  text-align: center;
  width: 0;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.korra-nav--mobile .menu a:hover {
  text-decoration: none;
}
.korra-nav--mobile .menu a:hover:after {
  width: 100%;
}
.korra-nav--mobile .menu .media {
  display: none;
}
.korra-nav--mobile .menu > ul > li ul {
  padding-bottom: 10px;
}
.korra-nav--mobile .menu > ul > li ul a {
  color: #777777;
}
.korra-nav--mobile .menu > ul > li ul a:hover {
  color: #444444;
}
.dark-mode.korra-nav--mobile .menu > ul > li ul a {
  color: #eeeeee;
}
.dark-mode.korra-nav--mobile .menu > ul > li ul a:hover {
  color: #ffffff;
}
.korra-nav--mobile .menu > ul > li ul ul {
  padding-top: 10px;
  padding-bottom: 10px;
}
.korra-nav--mobile .search-form {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
}
.korra-nav--mobile .search-form .textfield {
  background: #ffffff;
}
/*------------------------------------------------------------
 * Classic Menu
 *------------------------------------------------------------*/
.korra-nav--classic {
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  /* Level: 1
	 *------------------------------------------------------------*/
  /* Level: 2+
	 *------------------------------------------------------------*/
  /* Levels: 2+ */
  /* MegaMenu
	 *------------------------------------------------------------*/
}
.korra-nav--classic ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.korra-nav--classic li {
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.korra-nav--classic li strong {
  font-weight: inherit;
}
.korra-nav--classic li .media {
  display: none;
}
.korra-nav--classic li:hover {
  z-index: 2;
}
.korra-nav--classic a {
  position: relative;
  color: #444444;
  padding: 13px 15px;
}
.korra-nav--classic a:hover {
  text-decoration: none;
}
.korra-nav--classic > .menu > ul > li {
  float: left;
}
.korra-nav--classic > .menu > ul > li > a {
  padding-bottom: 30px;
  display: inline-block;
  -webkit-transition: color 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: color 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.korra-nav--classic > .menu > ul > li > a:after {
  content: '';
  display: block;
  height: 1px;
  background: #444444;
  width: 0%;
  margin: 5px auto 0;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.korra-nav--classic > .menu > ul > li > a:hover {
  color: #444444;
}
.dark-mode .korra-nav--classic > .menu > ul > li > a:hover {
  color: #ffffff;
}
.dark-mode .korra-nav--classic > .menu > ul > li > a:hover:after {
  background: #ffffff;
}
.korra-nav--classic > .menu > ul > li > a:hover:after {
  opacity: 1;
  width: 100%;
}
.header__menu--sticked .korra-nav--classic > .menu > ul > li > a {
  padding-top: 18px;
  padding-bottom: 14px;
}
.korra-nav--classic > .menu > ul > li:hover > a:after {
  opacity: 1;
  width: 100%;
}
.korra-nav--classic > .menu > ul > li > .sub-menu {
  left: 50%;
  margin-left: -100px;
}
.korra-nav--classic .sub-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  padding: 15px 0;
  background: #f7f7f7;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  text-align: center;
  /* Level: 3+ */
}
.korra-nav--classic .sub-menu li {
  padding: 0 15px;
}
.korra-nav--classic .sub-menu a {
  display: block;
  padding: 15px 0 15px 0px;
  position: relative;
  color: #444444;
  margin: 0;
  line-height: 1.5;
}
.korra-nav--classic .sub-menu li:hover > a {
  background: #ffffff;
}
.korra-nav--classic .sub-menu .sub-menu {
  top: -15px;
  left: 100%;
  margin-left: 0;
  border-top: none;
}
.korra-nav--classic .sub-menu .sub-menu.flow-left {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.korra-nav--classic .sub-menu .sub-menu.flow-right {
  left: 100%;
  right: auto;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
body:not(.ajax-loading-start) .korra-nav--classic .menu-item-language:hover > ul,
body:not(.ajax-loading-start) .korra-nav--classic .menu-item-has-children:hover > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.korra-nav--classic .korra-megamenu {
  position: static;
}
.korra-nav--classic .korra-megamenu > .sub-menu {
  width: 100%;
  left: 0 !important;
  margin-left: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.korra-nav--classic .korra-megamenu > .sub-menu li {
  padding: 0;
}
.korra-nav--classic .korra-megamenu > .sub-menu a[href="#"],
.korra-nav--classic .korra-megamenu > .sub-menu a:not([href]) {
  pointer-events: none;
}
.korra-nav--classic .korra-megamenu > .sub-menu a i {
  display: none;
}
.korra-nav--classic .korra-megamenu > .sub-menu > li {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 20%;
}
.korra-nav--classic .korra-megamenu > .sub-menu li:hover > a {
  background: none;
}
.korra-nav--classic .korra-megamenu > .sub-menu li:hover > a:hover {
  background: #ffffff;
}
.korra-nav--classic .korra-megamenu > .sub-menu .sub-menu {
  position: static;
  opacity: 1;
  visibility: visible;
  width: auto;
  padding: 0;
  background: none;
  transform: none;
  margin: 0;
}
.korra-nav--classic .korra-megamenu.korra-megamenu_img_hide > .sub-menu {
  padding: 15px;
}
.korra-nav--classic .korra-megamenu.korra-megamenu_img_hide > .sub-menu > li.menu-item-has-children > ul:before {
  content: '';
  display: block;
  width: 110px;
  height: 1px;
  margin: 0px auto 0px;
  background-position: 50% 50%;
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
}
.korra-nav--classic .korra-megamenu.korra-megamenu_img_hide > .sub-menu a {
  padding: 15px;
}
.korra-nav--classic .korra-megamenu.korra-megamenu_img_hide > ul {
  align-items: stretch;
}
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) > .sub-menu {
  padding: 50px 45px 40px;
}
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) > .sub-menu > li {
  padding: 0px 5px;
  max-width: 25%;
}
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) ul a.has-image {
  padding: 0;
  margin: 0;
  border-bottom: none;
}
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) ul a.has-image > strong {
  display: inline-block;
}
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) ul a.has-image .media {
  display: block;
  position: relative;
  margin-bottom: 15px;
}
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) ul a.has-image .media .media__hover,
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) ul a.has-image .media .korra-x {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) ul a.has-image .media .media__hover {
  background-position: 50% 50%;
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
}
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) ul a.has-image .media .korra-x {
  margin: auto;
  width: 36px;
  height: 36px;
}
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) ul a.has-image .media .korra-x:before,
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) ul a.has-image .media .korra-x:after {
  background: #ffffff;
}
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) ul a.has-image + .sub-menu {
  margin-top: 15px;
}
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) ul a.has-image:hover {
  background: none;
}
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) ul a.has-image:hover .media__hover {
  opacity: 0.7;
}
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) ul a.has-image:hover .korra-x {
  opacity: 1;
}
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) ul a.has-image:hover .korra-x:before {
  height: auto;
  -webkit-animation: preloader-height-appear 0.4s 1 ease-in-out forwards;
  animation: preloader-height-appear 0.4s 1 ease-in-out forwards;
}
.korra-nav--classic .korra-megamenu:not(.korra-megamenu_img_hide) ul a.has-image:hover .korra-x:after {
  width: auto;
  -webkit-animation: preloader-width-appear 0.4s 1 ease-in-out forwards;
  animation: preloader-width-appear 0.4s 1 ease-in-out forwards;
}
/*------------------------------------------------------------
 * Footer
 *------------------------------------------------------------*/
.footer {
  position: relative;
  z-index: 0;
  margin-top: 2.8em !important;
  margin-bottom: 0 !important;
  background-clip: content-box !important;
  /* Instagram Footer
	*------------------------------------------------------------*/
}
.footer:before,
.footer:after {
  display: table;
  content: "";
}
.footer:after {
  clear: both;
}
.footer__inwrap {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1300px;
}
@media only screen and (min-width: 600px) and (max-width: 960px) {
  .footer__inwrap {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .footer__inwrap {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.footer__inwrap > * + * {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.footer__widgets {
  padding: 30px 0;
}
.footer__widgets > div + div {
  margin-top: 50px;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .footer__widgets {
    display: flex;
    justify-content: space-between;
  }
  .footer__widgets > div {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0 20px;
  }
  .footer__widgets > div + div {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1171px) {
  .footer__widgets {
    padding: 100px 80px;
  }
}
.footer__top,
.footer__bottom {
  text-align: center;
  padding: 1.7em 0;
}
.footer__top:before,
.footer__bottom:before,
.footer__top:after,
.footer__bottom:after {
  display: table;
  content: "";
}
.footer__top:after,
.footer__bottom:after {
  clear: both;
}
@media only screen and (min-width: 1171px) {
  .footer__top,
  .footer__bottom {
    padding: 2.8em 0;
  }
}
.footer-instagram {
  position: relative;
  z-index: 1;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.footer__floor {
  text-align: center;
  padding: 30px 0;
}
.footer__floor .copyright {
  margin-top: 10px;
  color: #777777;
}
.footer__floor .copyright p {
  margin-bottom: 0;
}
/*------------------------------------------------------------
 * Search Form
 *------------------------------------------------------------*/
.search-form {
  position: relative;
  z-index: 2;
}
.search-form .submit {
  display: none;
  visibility: hidden;
}
.search-form .textfield {
  margin-bottom: 0;
}
.search-form i {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  font-size: 16px;
  margin-top: -8px;
}
/*------------------------------------------------------------
 * Comment List & Comment Form
 *------------------------------------------------------------*/
/* Comment List
 * Defaults to narrow style [mobile || sidebar]
 * Augments to wide style [main-content && tablet/desktop]
 *------------------------------------------------------------*/
#disqus_thread {
  padding-bottom: 2.8em;
}
.comment__list {
  margin-bottom: 2.8em;
  /* Level: 1 */
  /* Level: 2+ */
  /* Pager
	 *------------------------------------------------------------*/
}
.comment__list > h2 {
  text-align: center;
}
.comment__list .comments,
.comment__list .children {
  list-style: none;
  padding: 0;
  margin: 0;
}
.comment__list .comment,
.comment__list .pingback {
  position: relative;
}
.comment__list .comment:before,
.comment__list .pingback:before,
.comment__list .comment:after,
.comment__list .pingback:after {
  display: table;
  content: "";
}
.comment__list .comment:after,
.comment__list .pingback:after {
  clear: both;
}
.comment__list .comment-body,
.comment__list .pingback-body {
  background: #ffffff;
}
.comment__list .comment-body:hover .comment__links,
.comment__list .pingback-body:hover .comment__links {
  opacity: 1;
}
.comment__list .comment--ajax-loaded,
.comment__list .pingback--ajax-loaded {
  opacity: 0;
}
.comment__list .comment--ajax-loaded-animate,
.comment__list .pingback--ajax-loaded-animate {
  opacity: 1;
  -webkit-animation: korra-fade-in-bottom-soft 0.5s 1 cubic-bezier(0.7, 0, 0.3, 1);
  animation: korra-fade-in-bottom-soft 0.5s 1 cubic-bezier(0.7, 0, 0.3, 1);
}
.comment__list .comment.bypostauthor > .comment-body .comment__image,
.comment__list .pingback.bypostauthor > .comment-body .comment__image {
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
  background-size: 200%;
  background-position: 50% 50%;
  padding: 2px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-left: -15px;
}
.comment__list .comment.bypostauthor > .comment-body .comment__image img,
.comment__list .pingback.bypostauthor > .comment-body .comment__image img {
  width: 56px;
  height: 56px;
  padding: 3px;
  background: #ffffff;
}
.comment__list .comment.bypostauthor > .comment-body .comment__author,
.comment__list .pingback.bypostauthor > .comment-body .comment__author {
  background: #f7f7f7;
  padding: 3px 10px;
}
.comment__list .comment__image {
  width: 50px;
  height: 50px;
  float: left;
  position: relative;
  margin-left: -10px;
  margin-top: 20px;
}
.comment__list .comment__image img {
  width: 50px;
  height: 50px;
  display: block;
}
.comment__list .comment__content {
  position: relative;
  overflow: hidden;
  padding: 20px 30px;
}
.comment__list .comment__content p {
  margin-bottom: 10px;
}
.comment__list .comment__content a {
  color: #444444;
}
.comment__list .comment__content a:hover {
  color: #000000;
}
.comment__list .comment__meta {
  margin: 5px 0 0;
}
.comment__list .comment__meta .comment__author,
.comment__list .comment__meta .comment__date,
.comment__list .comment__meta .comment__moderated {
  display: inline-block;
  font-size: 0.777em;
  /* 18px : 14px */
}
.comment__list .comment__meta .comment__author {
  color: #444444;
}
.comment__list .comment__meta .comment__date,
.comment__list .comment__meta .comment__moderated {
  text-transform: none;
  margin-left: 10px;
}
.comment__list .comment__text {
  font-size: 0.88em;
  line-height: 1.6;
  padding-top: 10px;
  clear: both;
}
.comment__list .comment__links {
  position: absolute;
  bottom: 0;
  right: 20px;
  line-height: 1;
}
@media only screen and (min-width: 1171px) {
  .comment__list .comment__links {
    opacity: 0;
    -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
    transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  }
}
.comment__list .comment__links a {
  display: block;
  position: relative;
  float: left;
  padding: 3px 10px;
  background: #444444;
  color: #ffffff;
  z-index: 1;
}
.comment__list .comment__links a.comment-edit-link:hover {
  background: #000000;
}
.comment__list .comment__links a.comment-reply-link:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
  background-size: 150%;
  background-position: 50% 50%;
  z-index: -1;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.comment__list .comment__links a.comment-reply-link:hover:before {
  opacity: 0;
}
.comment__list .comment__links a:hover {
  color: #ffffff;
}
.comment__list .comments {
  position: relative;
}
.comment__list .comments:before,
.comment__list .comments:after {
  display: table;
  content: "";
}
.comment__list .comments:after {
  clear: both;
}
.comment__list .comments > .comment,
.comment__list .comments > .pingback {
  margin-bottom: 30px;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .comment__list .comments {
    margin-left: -40px;
  }
  .comment__list .comments > .comment,
  .comment__list .comments > .pingback {
    padding-left: 40px;
    width: 50%;
    float: left;
  }
  .comment__list .comments > .comment:nth-child(even),
  .comment__list .comments > .pingback:nth-child(even) {
    float: right;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .comment__list .children .comment,
  .comment__list .children .pingback {
    padding-left: 30px;
  }
}
.comment__list .children .comment .comment-body,
.comment__list .children .pingback .comment-body {
  border-top: 1px solid #eeeeee;
}
.comment__list .comment__pager {
  text-align: center;
}
.comment__list .comment__pager a {
  display: inline-block;
  margin-top: 20px;
}
.comment__list .comment__pager a:after {
  content: '';
  display: block;
  height: 1px;
  background: #444444;
  width: 0%;
  margin: 5px auto 0;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.comment__list .comment__pager a:hover {
  color: #444444;
}
.dark-mode .comment__list .comment__pager a:hover {
  color: #ffffff;
}
.dark-mode .comment__list .comment__pager a:hover:after {
  background: #ffffff;
}
.comment__list .comment__pager a:hover:after {
  opacity: 1;
  width: 100%;
}
/* Comment Form
 *------------------------------------------------------------*/
.comment-respond-main {
  text-align: center;
}
.comment-respond-main .leave-a-comment {
  display: none;
  border-radius: 2px 2px 0 0;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .comment__list + .comment-respond-main {
    overflow: hidden;
    -webkit-transition: all 0.5s cubic-bezier( 0.5, 0.2, 0.5, 1 );
    transition: all 0.5s cubic-bezier( 0.5, 0.2, 0.5, 1 );
    max-height: 40px;
  }
  .comment__list + .comment-respond-main .leave-a-comment {
    display: inline-block;
  }
  .comment__list + .comment-respond-main .comment-respond {
    opacity: 0;
  }
  .comment-respond-main.open {
    max-height: 700px;
  }
  .comment-respond-main.open .leave-a-comment {
    opacity: 0;
    -webkit-animation: korra-fade-out-bottom-soft 0.3s 1 cubic-bezier(0.3, 0.1, 0.3, 1);
    animation: korra-fade-out-bottom-soft 0.3s 1 cubic-bezier(0.3, 0.1, 0.3, 1);
  }
  .comment-respond-main.open .comment-respond {
    opacity: 1;
    margin-top: -45px;
    -webkit-animation: korra-fade-in-bottom-soft 0.6s 1 cubic-bezier(0.3, 0.1, 0.3, 1);
    animation: korra-fade-in-bottom-soft 0.6s 1 cubic-bezier(0.3, 0.1, 0.3, 1);
  }
}
.comment-respond {
  overflow: hidden;
  /* Reply inside comment */
}
.comment-respond h2 {
  margin-top: 0;
  margin-bottom: 20px;
}
.comment-respond h2 span {
  display: block;
}
.comment-respond .logged-in-as {
  font-size: 0.777em;
  /* 18px : 14px */
  margin-bottom: 10px;
}
.comment-respond .form-submit,
.comment-respond .form-submit input {
  margin: 0;
}
.comment-respond .form-submit input {
  border-radius: 2px 2px 0 0;
}
.comment-respond .form-submit ~ p {
  margin: 10px 0;
}
.comment-respond .form__item {
  text-align: left;
}
.comment-respond .logged-in-as {
  font-family: "Alegreya", sans-serif;
  font-weight: 400;
  font-size: 13.986px;
  line-height: 1.8em;
  text-transform: none;
  font-style: italic;
  letter-spacing: 0.1em;
  color: #bababa;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .comment-respond-main .comment-respond .form__item {
    float: left;
    width: 50%;
    padding-right: 40px;
    clear: left;
  }
  .comment-respond-main .comment-respond .form__item--comment {
    float: right;
    padding-right: 0;
  }
  .comment-respond-main .comment-respond .form__item--comment textarea {
    height: 17em;
  }
  .comment-respond-main .comment-respond .form-submit {
    clear: both;
    padding-top: 50px;
  }
  .comment-respond-main .comment-respond .logged-in-as ~ .form__item--comment {
    width: 100%;
  }
  .comment-respond-main .comment-respond .logged-in-as ~ .form__item--comment textarea {
    height: auto;
  }
}
.comment .comment-respond {
  margin-left: 30px;
  padding: 30px;
  background: #ffffff;
  border-top: 1px solid #eeeeee;
}
.comment .comment-respond h2 {
  font-size: 0.777em;
  /* 18px : 14px */
}
.comment .comment-respond h2 small {
  float: right;
  font-size: 0.777em;
  /* 18px : 14px */
}
.comment .comment-respond h2 small a:hover {
  color: initial;
  text-decoration: underline;
}
.comment .comment-respond h2 .label--italic {
  margin-top: 10px;
}
.comment .comment-respond input[type="text"],
.comment .comment-respond textarea {
  background: #f7f7f7;
}
.comment .comment-respond .form-submit {
  margin-top: 10px;
}
/*	Author Block
 *------------------------------------------------------------*/
.author-block {
  margin-top: 40px;
  padding: 0 50px 50px;
  background: #f7f7f7;
  text-align: center;
}
.author-block:before,
.author-block:after {
  display: table;
  content: "";
}
.author-block:after {
  clear: both;
}
.author-block .author-img {
  margin: -40px auto 25px;
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
  background-size: 200%;
  background-position: 50% 50%;
  padding: 2px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
.author-block .author-img img {
  width: 56px;
  height: 56px;
  padding: 3px;
  background: #ffffff;
}
.author-block .author__description {
  font-size: 0.888em;
  /* 18px : 16px */
  margin-top: 15px;
}
.author-block .author__description p {
  margin: 0;
}
.author-block .social-nav {
  margin-top: 15px;
}
/*------------------------------------------------------------
 * Slider
 *------------------------------------------------------------*/
.korra-slider {
  position: relative;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.processed.korra-slider,
.no-js .korra-slider {
  opacity: 1;
}
.korra-slider .korra-slider__items {
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}
.korra-slider .korra-slider__item {
  padding: 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  /* defaults and no-js style */
  margin-bottom: 20px;
  /*	On JS-start
		 *------------------------------------------------------------*/
  /* Animate
		 *------------------------------------------------------------*/
}
.js-started.korra-slider .korra-slider__item {
  margin-top: 0;
  margin-bottom: 0;
  opacity: 0;
  z-index: 0;
  /* general for all effects */
  /*	After Height Calculate [elements ready]
			 *------------------------------------------------------------*/
}
.js-started.korra-slider .korra-slider__item.active {
  z-index: 1;
  opacity: 1;
}
.js-started.korra-slider .korra-slider__item .korra-slider__item-inwrap {
  overflow: hidden;
}
.processed.js-started.korra-slider .korra-slider__item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.korra-slider .korra-slider__item.animate-out {
  z-index: 1;
  -webkit-animation: korra-slide-out-right-partial 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
  animation: korra-slide-out-right-partial 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
}
.korra-slider .korra-slider__item.animate-out.animate-reverse {
  -webkit-animation: korra-slide-out-left-partial 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
  animation: korra-slide-out-left-partial 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
}
.korra-slider .korra-slider__item.animate-in {
  opacity: 1;
  z-index: 2;
  -webkit-animation: korra-slide-in-right 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
  animation: korra-slide-in-right 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
}
.korra-slider .korra-slider__item.animate-in .korra-slider__item-inwrap {
  -webkit-animation: korra-slide-in-left-partial 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
  animation: korra-slide-in-left-partial 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
}
.korra-slider .korra-slider__item.animate-in.animate-reverse {
  -webkit-animation: korra-slide-in-left 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
  animation: korra-slide-in-left 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
}
.korra-slider .korra-slider__item.animate-in.animate-reverse .korra-slider__item-inwrap {
  -webkit-animation: korra-slide-in-right-partial 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
  animation: korra-slide-in-right-partial 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
}
/*------------------------------------------------------------
 * Image Slider
 *------------------------------------------------------------*/
.korra-slider--images {
  /* After Height Calculate [mobile excluded]
	 *------------------------------------------------------------*/
}
.korra-slider--images .korra-slider__item-inwrap {
  background-size: cover;
  background-position: 50% 50%;
}
.korra-slider--images img {
  margin: 0;
}
.korra-slider--images .korra-ui-arrows {
  z-index: 2;
  position: absolute;
  bottom: 6%;
  left: 0;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-slider--images .korra-ui-arrows {
    left: -35px;
  }
}
.korra-slider--images .wp-caption-text {
  left: 70px;
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-slider--images .wp-caption-text {
    left: 35px;
  }
}
.korra-slider--images .gallery-item.active:not(.animate-out) .wp-caption-text {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.processed.korra-slider--images .korra-slider__item-inwrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.processed.korra-slider--images .korra-slider__item-inwrap a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.processed.korra-slider--images .korra-slider__item-inwrap img {
  opacity: 0;
  visibility: hidden;
}
/*------------------------------------------------------------
 * Gallery media
 *------------------------------------------------------------*/
.gallery {
  text-align: left;
}
.gallery--masonry {
  padding: 0;
}
.gallery--masonry:before,
.gallery--masonry:after {
  display: table;
  content: "";
}
.gallery--masonry:after {
  clear: both;
}
body:not(.browser-ie) .gallery--masonry {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: -5px;
}
.gallery--masonry .gallery-item {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0;
  padding: 5px;
}
.gallery--masonry .gallery-item img {
  width: 100%;
}
.gallery--masonry .gallery-item .lightbox-icon {
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .gallery--masonry .gallery-item {
    float: left;
  }
}
.gallery-columns-1.gallery--masonry .gallery-item {
  min-width: 100%;
}
.gallery-columns-2.gallery--masonry .gallery-item {
  min-width: 49.9%;
}
.gallery-columns-3.gallery--masonry .gallery-item {
  min-width: 33.3%;
}
.gallery-columns-4.gallery--masonry .gallery-item {
  min-width: 25%;
}
@media only screen and (min-width: 600px) and (max-width: 960px) {
  .gallery--masonry .gallery-item {
    width: 33.3%;
  }
  .gallery-columns-2.gallery--masonry .gallery-item,
  .gallery-columns-4.gallery--masonry .gallery-item {
    width: 49.9%;
  }
  .sidebar--false .gallery-columns-4.gallery--masonry .gallery-item {
    width: 25%;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .gallery-columns-2.gallery--masonry .gallery-item {
    width: 49.9%;
  }
  .gallery-columns-3.gallery--masonry .gallery-item {
    width: 33.3%;
  }
  .gallery-columns-4.gallery--masonry .gallery-item {
    width: 25%;
  }
  .gallery-columns-5.gallery--masonry .gallery-item {
    width: 20%;
  }
  .gallery-columns-6.gallery--masonry .gallery-item {
    width: 16.6%;
  }
  .gallery-columns-7.gallery--masonry .gallery-item {
    width: 14.1%;
  }
  .gallery-columns-8.gallery--masonry .gallery-item {
    width: 12.5%;
  }
  .gallery-columns-9.gallery--masonry .gallery-item {
    width: 11%;
  }
  .gallery-columns-10.gallery--masonry .gallery-item {
    width: 10%;
  }
}
.gallery--fluid:before,
.gallery--fluid:after {
  display: table;
  content: "";
}
.gallery--fluid:after {
  clear: both;
}
body:not(.browser-ie) .gallery--fluid {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: -5px;
}
.gallery--fluid .gallery__items .gallery-item {
  float: left;
  margin-bottom: 0;
  margin: 5px;
  box-sizing: content-box;
  position: relative;
}
.gallery--fluid .gallery__items .gallery-item .gallery-icon {
  width: 100%;
  height: 100%;
}
.gallery--fluid .gallery__items .gallery-item img {
  display: block;
  width: auto;
  height: 100%;
  max-width: none;
}
.gallery--filmstrip {
  margin-left: 0;
  margin-right: 0;
  max-height: 600px;
  overflow: hidden;
}
.gallery--filmstrip.processed {
  max-height: none;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 1170px) {
  .gallery--filmstrip .gallery__inwrap {
    overflow-x: scroll;
    padding-bottom: 20px;
  }
}
.gallery--filmstrip .gallery__items {
  overflow: hidden;
  white-space: nowrap;
}
.gallery--filmstrip .gallery-item {
  display: inline-block;
  float: none;
  min-width: 0;
  padding: 0;
  margin: 0;
  width: auto;
}
.gallery--filmstrip .gallery-item + .gallery-item {
  margin-left: 10px;
}
.gallery--filmstrip .gallery-item .gallery-icon {
  height: 100%;
}
.gallery--filmstrip .gallery-item img {
  max-height: 100%;
  width: auto;
}
.gallery--filmstrip .gallery-item:first-child .wp-caption-text,
.gallery--filmstrip .gallery-item:first-child .gallery-caption {
  left: 0;
}
/*------------------------------------------------------------
 * Styles for posts and pages
 *------------------------------------------------------------*/
/* Cover
 *------------------------------------------------------------*/
.korra-cover {
  text-align: center;
}
.korra-cover:before,
.korra-cover:after {
  display: table;
  content: "";
}
.korra-cover:after {
  clear: both;
}
.korra-cover--empty {
  margin-top: -1px;
}
.korra-cover__media {
  background-size: cover;
  background-position: 50% 50%;
  height: 400px;
}
@media only screen and (max-width: 599px) {
  .korra-cover__media {
    max-height: 200px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 960px) {
  .korra-cover__media {
    max-height: 300px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .korra-cover__media {
    max-height: 350px;
  }
}
.korra-cover:not(.korra-cover--gallery) .korra-cover__media img {
  display: none;
}
.korra-cover--gallery .korra-cover__media {
  height: auto !important;
  max-height: none;
}
.korra-cover--gallery .gallery {
  margin-bottom: -5px;
}
.korra-cover--gallery .gallery--slider {
  margin-bottom: 0px;
}
.korra-cover--gallery .gallery--filmstrip {
  margin-bottom: 4px;
}
.korra-cover--gallery .gallery .mCSB_scrollTools {
  margin-top: -5px;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-cover .post__category {
    float: left;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .korra-cover .post__category {
    margin-left: calc( 300px + 45px );
  }
}
@media only screen and (min-width: 1171px) {
  .korra-cover .post__category {
    margin-left: calc( 300px + 115px );
  }
}
.korra-cover--empty.korra-cover .post__category {
  margin-top: -1px;
}
.padding-wrapper + .korra-cover .korra-separator {
  display: none;
}
.padding-wrapper + .korra-cover:not(.korra-cover--empty),
.padding-wrapper + .korra-cover.rich-cover {
  margin-top: 1.7em;
}
.korra-cover.rich-cover {
  margin-bottom: 2.8em;
}
.korra-cover.rich-cover h1 {
  position: relative;
  z-index: 1;
  margin-top: 0.5em;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.korra-cover.rich-cover .korra-cover__media + h1 {
  margin-top: -0.5em;
}
.korra-cover.rich-cover .description-heading--small {
  max-width: 900px;
}
.korra-cover.rich-cover .description-heading--small:first-child {
  margin-top: 2.8em;
}
.korra-cover.rich-cover .korra-cover__media + .description-heading--small {
  margin-top: 30px;
}
/* Post Category
 *------------------------------------------------------------*/
.post__category .items {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1;
}
.post__category .items .item {
  display: inline-block;
  padding: 0;
}
.post__category .items a {
  display: block;
  background-position: 50% 50%;
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
  color: #ffffff;
  padding: 0.4em 0.9em;
  overflow: hidden;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-cover .post__category .items a {
    padding: 1.5em 1.5em;
    font-size: 14px;
  }
}
/* Post Content
 *------------------------------------------------------------*/
.post__content:not(:empty) {
  margin-bottom: 1.7em;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .post__content:not(:empty) {
    margin-bottom: 4.5em;
  }
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 1170px) {
  .post__content:not(:empty) .alignnone {
    margin-bottom: 1.7em;
  }
}
/* Post Media
 *------------------------------------------------------------*/
/* Post Title
 *------------------------------------------------------------*/
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 960px) {
  h1.post__title {
    text-align: center;
  }
}
/* Sideblock meta
 *------------------------------------------------------------*/
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 960px) {
  .korra-sideblock--meta {
    padding: 0;
  }
}
/* Post Share
*------------------------------------------------------------*/
.post__share {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.post__share > .label--italic {
  display: none;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 960px) {
  .korra-sideblock--meta .post__share {
    float: left;
    border-bottom: none;
    border-right: 1px solid #eeeeee;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-right: 10px;
    margin-right: 30px;
  }
  .korra-sideblock--meta .post__share .item {
    display: block;
  }
  .korra-sideblock--meta .post__share .item + .item {
    margin-top: 5px;
  }
  .korra-sideblock--meta .post__share .item i {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
/* Post Meta
 *------------------------------------------------------------*/
.post__meta {
  padding-left: 30px;
  padding-bottom: 30px;
}
.post__meta .post__meta__label {
  margin-top: 20px;
}
.post__meta .post__meta__data {
  color: #444444;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 960px) {
  .post__meta {
    overflow: hidden;
    padding: 0;
  }
  .post__meta .post__meta__label {
    margin-top: 10px;
  }
  .post__meta .post__meta__label:first-child {
    margin-top: 0;
  }
}
/* Post Author
 *------------------------------------------------------------*/
.post__author {
  margin-top: 2.8em;
  margin-bottom: 1.7em;
}
/* Post Comments
 *------------------------------------------------------------*/
.post__comments {
  margin-top: 2.8em;
  margin-bottom: 2.8em;
  background-clip: content-box;
}
.post__comments__inwrap {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1300px;
  padding-top: 2.8em;
}
@media only screen and (min-width: 600px) and (max-width: 960px) {
  .post__comments__inwrap {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .post__comments__inwrap {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .post__comments {
    margin-top: 4.5em;
    margin-bottom: 4.5em;
  }
  .post__comments__inwrap {
    padding-top: 4.5em;
  }
}
/* Related Posts
 *------------------------------------------------------------*/
.post__related {
  margin-top: 4.5em;
  margin-bottom: 4.5em;
  text-align: center;
}
.post__related:before,
.post__related:after {
  display: table;
  content: "";
}
.post__related:after {
  clear: both;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 960px) {
  .post__related {
    margin-top: 2.8em;
    margin-bottom: 1.7em;
  }
}
/*------------------------------------------------------------
 * Single Post/Page
 *------------------------------------------------------------*/
/*------------------------------------------------------------
 * Single Post
 *------------------------------------------------------------*/
/*------------------------------------------------------------
 * Single Page
 *------------------------------------------------------------*/
/*------------------------------------------------------------
 * 404 Page
 *------------------------------------------------------------*/
/*------------------------------------------------------------
 * Styles for loops
 *------------------------------------------------------------*/
.editor-content .korra-blog {
  margin-bottom: 2.8em;
}
.korra-fullwidth .korra-blog:last-child,
.korra-contentwidth .korra-blog:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .post__content .korra-blog > .gradient-heading {
    margin-right: -45px;
  }
}
@media only screen and (min-width: 1171px) {
  .post__content .korra-blog > .gradient-heading {
    margin-right: -115px;
  }
}
.post__content .korra-fullwidth .korra-blog > .gradient-heading,
.post__content .korra-contentwidth .korra-blog > .gradient-heading {
  margin-right: 0;
}
.post__content .korra-sideblock:not(.korra-sideblock--no-border) .korra-blog > .gradient-heading {
  margin-right: 0;
  text-align: left;
}
.post__content .korra-sideblock:not(.korra-sideblock--no-border) .korra-blog > .gradient-heading:after {
  margin-left: 0;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .post__content .korra-sideblock:not(.korra-sideblock--no-border) .korra-blog > .gradient-heading {
    margin-right: -40px;
  }
}
.korra-blog.korra-blog--style-archive_gallery + .korra-blog--style-archive_gallery {
  margin-top: 4.5em;
}
.padding-wrapper + .featured-posts {
  margin-top: 2.8em;
}
.loop-container {
  overflow: hidden;
}
.loop-container:not(.loop-container--style-gallery) article.sticky .post__text {
  overflow: visible;
}
.loop-container:not(.loop-container--style-gallery) article.sticky .post__title {
  position: relative;
  display: inline-block;
  padding-left: 55px;
  padding-right: 55px;
}
.loop-container:not(.loop-container--style-gallery) article.sticky .post__title:before {
  content: '\e832';
  font-family: 'Korra-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 22px;
  color: #777777;
  background: #f7f7f7;
  border-radius: 50%;
  margin: -1px 0 0 -50px;
}
.loop-container .excerpt:empty {
  display: none;
}
.loop-container article.format-quote .blockquote-wrapper blockquote {
  pointer-events: none;
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .post__content .loop-container,
  .post__content .loop-container + .korra-blog__more {
    margin-right: -45px;
  }
}
@media only screen and (min-width: 1171px) {
  .post__content .loop-container,
  .post__content .loop-container + .korra-blog__more {
    margin-right: -115px;
  }
}
.post__content .korra-fullwidth .loop-container,
.post__content .korra-fullwidth .loop-container + .korra-blog__more,
.post__content .korra-contentwidth .loop-container,
.post__content .korra-contentwidth .loop-container + .korra-blog__more,
.korra-sideblock .loop-container,
.korra-sideblock .loop-container + .korra-blog__more {
  margin-right: 0;
}
.korra-sideblock .loop-container + .korra-blog__more {
  text-align: left;
  margin-top: 1.7em;
  margin-bottom: 1.7em;
}
.korra-sideblock .loop-container + .korra-blog__more .korra-separator {
  display: none;
}
.korra-sideblock .loop-container + .korra-blog__more a {
  margin: 0;
}
.footer .loop-container {
  margin-bottom: 1.7em;
}
.loop-container .post__meta {
  text-transform: none;
  padding: 20px 0 0;
  margin: 0;
}
.loop-container .post__meta div {
  display: inline-block;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.loop-container .post__meta div:after {
  display: inline-block;
  margin: auto 0.3em auto 0.7em;
  content: '/';
  color: inherit;
  font-size: 1em;
}
.loop-container .post__meta div:last-child:after {
  content: none;
}
/* Loop Display Layout: Masonry
 *------------------------------------------------------------*/
.loop-container--masonry {
  position: relative;
}
.loop-container--masonry article {
  margin-top: 1.7em;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .loop-container--masonry article {
    margin-top: 2.8em;
  }
}
.loop-container--masonry article:nth-child(1) {
  margin-top: 0;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
  .loop-container--masonry article {
    float: left;
    width: 49.9%;
  }
  .loop-container--masonry article:nth-child(2) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .korra-contentwidth .loop-container--masonry article,
  .korra-fullwidth .loop-container--masonry article {
    width: 33.3%;
  }
  .korra-contentwidth .loop-container--masonry article:nth-child(3),
  .korra-fullwidth .loop-container--masonry article:nth-child(3) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1171px) {
  .loop-container--masonry article {
    width: 33.3%;
  }
  .loop-container--masonry article:nth-child(2),
  .loop-container--masonry article:nth-child(3) {
    margin-top: 0;
  }
  .post__content .loop-container--masonry article {
    width: 49.9%;
  }
  .post__content .loop-container--masonry article:nth-child(3) {
    margin-top: 2.8em;
  }
  .korra-contentwidth .loop-container--masonry article {
    width: 33.3%;
  }
  .korra-contentwidth .loop-container--masonry article:nth-child(3) {
    margin-top: 0;
  }
  .korra-fullwidth .loop-container--masonry article {
    width: 24.9%;
  }
  .korra-fullwidth .loop-container--masonry article:nth-child(3),
  .korra-fullwidth .loop-container--masonry article:nth-child(4) {
    margin-top: 0;
  }
}
/* Loop Display Layout: Flexbox Grid
 *------------------------------------------------------------*/
.loop-container--flexbox-grid {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-content: space-between;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .loop-container--flexbox-grid {
    margin: 0 -25px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .post__content .loop-container--flexbox-grid {
    margin-right: -70px;
  }
}
@media only screen and (min-width: 1171px) {
  .post__content .loop-container--flexbox-grid {
    margin-right: -140px;
  }
}
.post__content .korra-contentwidth .loop-container--flexbox-grid,
.post__content .korra-fullwidth .loop-container--flexbox-grid {
  margin-right: -25px;
}
.loop-container--flexbox-grid article {
  margin-top: 1.7em;
}
.loop-container--flexbox-grid article:nth-child(1) {
  margin-top: 0;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
  .loop-container--flexbox-grid article {
    float: left;
    width: 49.9%;
    margin-top: 2.8em;
    padding: 0 25px;
  }
  .loop-container--flexbox-grid article:nth-child(2) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .korra-contentwidth .loop-container--flexbox-grid article,
  .korra-fullwidth .loop-container--flexbox-grid article {
    width: 33.3%;
  }
  .korra-contentwidth .loop-container--flexbox-grid article:nth-child(3),
  .korra-fullwidth .loop-container--flexbox-grid article:nth-child(3) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1171px) {
  .loop-container--flexbox-grid article {
    width: 33.3%;
    margin-top: 4.5em;
    padding: 0 25px;
  }
  .loop-container--flexbox-grid article:nth-child(2),
  .loop-container--flexbox-grid article:nth-child(3) {
    margin-top: 0;
  }
  .post__content .loop-container--flexbox-grid article {
    width: 49.9%;
  }
  .post__content .loop-container--flexbox-grid article:nth-child(3) {
    margin-top: 4.5em;
  }
  .korra-contentwidth .loop-container--flexbox-grid article {
    width: 33.3%;
  }
  .korra-contentwidth .loop-container--flexbox-grid article:nth-child(3) {
    margin-top: 0;
  }
  .korra-fullwidth .loop-container--flexbox-grid article {
    width: 24.9%;
  }
  .korra-fullwidth .loop-container--flexbox-grid article:nth-child(3),
  .korra-fullwidth .loop-container--flexbox-grid article:nth-child(4) {
    margin-top: 0;
  }
}
/* Loop Display Layout: Flexbox Grid Small
 *------------------------------------------------------------*/
.loop-container--flexbox-grid-small {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-content: space-between;
  margin: 0 -15px;
}
@media only screen and (max-width: 599px) {
  .loop-container--flexbox-grid-small {
    margin-right: -15px !important;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .post__content .loop-container--flexbox-grid-small {
    margin-right: -70px;
  }
}
@media only screen and (min-width: 1171px) {
  .post__content .loop-container--flexbox-grid-small {
    margin-right: -140px;
  }
}
.loop-container--flexbox-grid-small article {
  width: 50%;
  padding: 0 15px 30px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .loop-container--flexbox-grid-small article {
    width: 200px;
  }
}
/* Basic Loop Display Style: Masonry, List, Filmstrip
 *------------------------------------------------------------*/
body:not(.browser-ie) .loop-container--style-masonry,
body:not(.browser-ie) .loop-container--style-masonry_image,
body:not(.browser-ie) .loop-container--style-list,
body:not(.browser-ie) .loop-container--style-list_unboxed,
body:not(.browser-ie) .loop-container--style-filmstrip {
  margin-left: -50px;
}
.loop-container--style-masonry article .post__inwrap,
.loop-container--style-masonry_image article .post__inwrap,
.loop-container--style-list article .post__inwrap,
.loop-container--style-list_unboxed article .post__inwrap,
.loop-container--style-filmstrip article .post__inwrap {
  position: relative;
  padding-left: 50px;
  text-align: center;
}
.loop-container--style-masonry article .post__inwrap:before,
.loop-container--style-masonry_image article .post__inwrap:before,
.loop-container--style-list article .post__inwrap:before,
.loop-container--style-list_unboxed article .post__inwrap:before,
.loop-container--style-filmstrip article .post__inwrap:before,
.loop-container--style-masonry article .post__inwrap:after,
.loop-container--style-masonry_image article .post__inwrap:after,
.loop-container--style-list article .post__inwrap:after,
.loop-container--style-list_unboxed article .post__inwrap:after,
.loop-container--style-filmstrip article .post__inwrap:after {
  display: table;
  content: "";
}
.loop-container--style-masonry article .post__inwrap:after,
.loop-container--style-masonry_image article .post__inwrap:after,
.loop-container--style-list article .post__inwrap:after,
.loop-container--style-list_unboxed article .post__inwrap:after,
.loop-container--style-filmstrip article .post__inwrap:after {
  clear: both;
}
.loop-container--style-masonry article .gallery,
.loop-container--style-masonry_image article .gallery,
.loop-container--style-list article .gallery,
.loop-container--style-list_unboxed article .gallery,
.loop-container--style-filmstrip article .gallery {
  margin-bottom: 0;
  margin-top: 0;
}
.loop-container--style-masonry article blockquote,
.loop-container--style-masonry_image article blockquote,
.loop-container--style-list article blockquote,
.loop-container--style-list_unboxed article blockquote,
.loop-container--style-filmstrip article blockquote {
  margin: 2.8em 0;
  text-align: center;
}
.korra-justify--true .loop-container--style-masonry article blockquote,
.korra-justify--true .loop-container--style-masonry_image article blockquote,
.korra-justify--true .loop-container--style-list article blockquote,
.korra-justify--true .loop-container--style-list_unboxed article blockquote,
.korra-justify--true .loop-container--style-filmstrip article blockquote,
.korra-justify--true .loop-container--style-masonry article blockquote p,
.korra-justify--true .loop-container--style-masonry_image article blockquote p,
.korra-justify--true .loop-container--style-list article blockquote p,
.korra-justify--true .loop-container--style-list_unboxed article blockquote p,
.korra-justify--true .loop-container--style-filmstrip article blockquote p {
  text-align: justify !important;
  text-align-last: center !important;
}
.loop-container--style-masonry article .korra-embed-container,
.loop-container--style-masonry_image article .korra-embed-container,
.loop-container--style-list article .korra-embed-container,
.loop-container--style-list_unboxed article .korra-embed-container,
.loop-container--style-filmstrip article .korra-embed-container,
.loop-container--style-masonry article .mejs-container,
.loop-container--style-masonry_image article .mejs-container,
.loop-container--style-list article .mejs-container,
.loop-container--style-list_unboxed article .mejs-container,
.loop-container--style-filmstrip article .mejs-container {
  margin-bottom: 0;
}
.loop-container--style-masonry article .post__media img,
.loop-container--style-masonry_image article .post__media img,
.loop-container--style-list article .post__media img,
.loop-container--style-list_unboxed article .post__media img,
.loop-container--style-filmstrip article .post__media img {
  vertical-align: bottom;
}
.loop-container--style-masonry article .post__excerpt--wrapper,
.loop-container--style-masonry_image article .post__excerpt--wrapper,
.loop-container--style-list article .post__excerpt--wrapper,
.loop-container--style-list_unboxed article .post__excerpt--wrapper,
.loop-container--style-filmstrip article .post__excerpt--wrapper {
  background: #f7f7f7;
  width: 100%;
  overflow: hidden;
}
.loop-container--style-masonry article .post__excerpt--wrapper .excerpt,
.loop-container--style-masonry_image article .post__excerpt--wrapper .excerpt,
.loop-container--style-list article .post__excerpt--wrapper .excerpt,
.loop-container--style-list_unboxed article .post__excerpt--wrapper .excerpt,
.loop-container--style-filmstrip article .post__excerpt--wrapper .excerpt {
  margin: 1.7em 2.8em;
  font-size: 0.888em;
  /* 18px : 16px */
  line-height: 1.6;
}
.loop-container--style-masonry article .post__meta,
.loop-container--style-masonry_image article .post__meta,
.loop-container--style-list article .post__meta,
.loop-container--style-list_unboxed article .post__meta,
.loop-container--style-filmstrip article .post__meta {
  padding: 25px 0 0;
  float: left;
  color: #bababa;
}
.loop-container--style-masonry article .read-more,
.loop-container--style-masonry_image article .read-more,
.loop-container--style-list article .read-more,
.loop-container--style-list_unboxed article .read-more,
.loop-container--style-filmstrip article .read-more {
  float: right;
  padding: 20px 0 0;
}
.loop-container--style-masonry article .post__share,
.loop-container--style-masonry_image article .post__share,
.loop-container--style-list article .post__share,
.loop-container--style-list_unboxed article .post__share,
.loop-container--style-filmstrip article .post__share {
  float: right;
  padding: 15px 0 0;
  border: none;
  margin: 0;
}
.loop-container--style-masonry article .excerpt .read-more,
.loop-container--style-masonry_image article .excerpt .read-more,
.loop-container--style-list article .excerpt .read-more,
.loop-container--style-list_unboxed article .excerpt .read-more,
.loop-container--style-filmstrip article .excerpt .read-more {
  float: none;
}
.loop-container--style-masonry article:hover,
.loop-container--style-masonry_image article:hover,
.loop-container--style-list article:hover,
.loop-container--style-list_unboxed article:hover,
.loop-container--style-filmstrip article:hover {
  z-index: 2;
}
.korra-justify--true .loop-container--style-masonry article .post__excerpt--wrapper .excerpt,
.korra-justify--true .loop-container--style-list article .post__excerpt--wrapper .excerpt,
.korra-justify--true .loop-container--style-filmstrip article .post__excerpt--wrapper .excerpt {
  text-align: justify;
  text-align-last: center;
}
/* Loop Display Style: List
 *------------------------------------------------------------*/
.loop-container--style-list article,
.loop-container--style-list_unboxed article {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.8em;
}
.loop-container--style-list article:nth-child(1),
.loop-container--style-list_unboxed article:nth-child(1) {
  margin-top: 0;
}
@media only screen and (max-width: 599px) {
  .loop-container--style-list article .post__title,
  .loop-container--style-list_unboxed article .post__title {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .loop-container--style-list article:not(.format-quote) .post__inwrap,
  .loop-container--style-list_unboxed article:not(.format-quote) .post__inwrap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .loop-container--style-list article:not(.format-quote) .post__media,
  .loop-container--style-list_unboxed article:not(.format-quote) .post__media {
    float: left;
    width: 50%;
    padding-right: 50px;
  }
  .loop-container--style-list article:not(.format-quote) .post__text,
  .loop-container--style-list_unboxed article:not(.format-quote) .post__text {
    width: 50%;
    overflow: hidden;
  }
}
.loop-container--style-list_unboxed article:not(.format-quote) .post__inwrap {
  text-align: left;
  align-items: initial;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .loop-container--style-list_unboxed article:not(.format-quote) .post__inwrap .post__text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1em 0em 1em 0;
  }
}
@media only screen and (min-width: 1171px) {
  .loop-container--style-list_unboxed article:not(.format-quote) .post__inwrap .post__text {
    padding: 2em 2em 2em 0;
  }
}
.loop-container--style-list_unboxed article:not(.format-quote) .post__inwrap .post__excerpt--wrapper {
  background: none;
}
.loop-container--style-list_unboxed article:not(.format-quote) .post__inwrap .post__excerpt--wrapper .excerpt {
  margin: 0;
}
.loop-container--style-list_unboxed article:not(.format-quote) .post__inwrap .post__category {
  margin-bottom: 1em;
}
.loop-container--style-list_unboxed article:not(.format-quote) .post__inwrap .post__category .items {
  text-align: left;
}
@media only screen and (max-width: 599px) {
  .loop-container--style-list_unboxed article:not(.format-quote) .post__inwrap .post__category {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    margin-bottom: 0;
  }
  .loop-container--style-list_unboxed article:not(.format-quote) .post__inwrap .post__category .item {
    vertical-align: bottom;
  }
  .loop-container--style-list_unboxed article:not(.format-quote) .post__inwrap .post__title {
    margin-top: 0;
  }
}
/* Basic Loop Display Style: Masonry
 *------------------------------------------------------------*/
.loop-container--style-masonry article .post__media img,
.loop-container--style-masonry_image article .post__media img {
  width: 100%;
  margin-bottom: -1px;
}
.loop-container--style-masonry_image article .post__inwrap {
  text-align: left;
}
.loop-container--style-masonry_image article .post__inwrap .post__excerpt--wrapper {
  background: none;
  margin-bottom: 5px;
  padding-right: 20px;
}
.loop-container--style-masonry_image article .post__inwrap .post__excerpt--wrapper .excerpt {
  margin: 0;
}
.loop-container--style-masonry_image .korra-slider--images .korra-ui-arrows,
.loop-container--style-masonry_image .korra-slider--images .wp-caption-text {
  bottom: 22px;
}
.loop-container--style-masonry_image .post__category {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  float: left;
  position: relative;
  z-index: 3;
}
.loop-container--style-masonry_image .post__category .item {
  vertical-align: bottom;
}
.loop-container--style-masonry_image .post__title {
  clear: both;
  margin-bottom: 0.8em;
  padding-right: 40px;
}
/* Loop Display Style: Gallery Grid
 *------------------------------------------------------------*/
.loop-container--style-gallery article .post__inwrap {
  height: 100%;
}
.loop-container--style-gallery article .post__text {
  width: 100%;
  text-align: center;
  position: absolute;
  pointer-events: none;
}
.loop-container--style-gallery article .post__text .post__title {
  padding: 0.5em 0.5em 0;
  line-height: 1;
}
.loop-container--style-gallery article.format-quote .korra-media-gradient-hover__hover {
  opacity: 0.7;
  visibility: visible;
}
.loop-container--style-gallery article.format-quote .post__text {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 25px;
}
.loop-container--style-gallery article:not(.format-quote) .post__text {
  top: 50%;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .loop-container--style-gallery article:not(.format-quote) .post__text {
    top: 70%;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    opacity: 0;
    -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
    transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .loop-container--style-gallery article:not(.format-quote) .korra-media-gradient-hover:hover .post__text {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
/* Loop Display Style: Gallery Grid
 *------------------------------------------------------------*/
.loop-container--style-archive_gallery article .post__text {
  text-align: center;
  padding: 15px 0 0;
}
.loop-container--style-archive_gallery article .post__text .post__title {
  margin-bottom: 0;
}
/* Loop Display Style: Widget Classic List
*------------------------------------------------------------*/
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-sideblock:not(.korra-sideblock--no-border) .loop-container--style-widget_list {
    margin-right: -40px;
  }
}
.loop-container--style-widget_list .post {
  margin: 0;
  text-align: left;
  border-bottom: 1px solid #eeeeee;
}
.loop-container--style-widget_list .post:before,
.loop-container--style-widget_list .post:after {
  display: table;
  content: "";
}
.loop-container--style-widget_list .post:after {
  clear: both;
}
.loop-container--style-widget_list .post + .post .post__media {
  margin-top: 10px;
}
.loop-container--style-widget_list .post a {
  display: block;
}
.loop-container--style-widget_list .post a:before,
.loop-container--style-widget_list .post a:after {
  display: table;
  content: "";
}
.loop-container--style-widget_list .post a:after {
  clear: both;
}
.loop-container--style-widget_list .post .post__media {
  float: left;
  margin-right: 30px;
  margin-bottom: -1px;
}
.loop-container--style-widget_list .post .post__text {
  padding: 20px 0;
  overflow: hidden;
}
.main-content .loop-container--style-widget_list .post .post__text {
  padding-right: 10px;
}
.loop-container--style-widget_list .post .post__text h5 {
  margin: 0;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.dark-mode .loop-container--style-widget_list .post {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
/* Loop Display Style: Widget Filmstrip
*------------------------------------------------------------*/
.korra-blog--style-filmstrip {
  overflow: hidden;
}
@media only screen and (min-width: 961px) and (max-width: 1170px) {
  .post__content .korra-blog--style-filmstrip {
    margin-right: -45px;
  }
}
@media only screen and (min-width: 1171px) {
  .post__content .korra-blog--style-filmstrip {
    margin-right: -115px;
  }
}
.post__content .korra-fullwidth .korra-blog--style-filmstrip,
.post__content .korra-contentwidth .korra-blog--style-filmstrip {
  margin-right: 0;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 1170px) {
  .korra-blog--style-filmstrip .blog-filmstrip-wrapper {
    overflow-x: scroll;
    padding-bottom: 20px;
  }
}
.korra-blog--style-filmstrip .loop-container--style-filmstrip {
  overflow: hidden;
  white-space: nowrap;
  margin: 0 0 0 -20px;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-blog--style-filmstrip .loop-container--style-filmstrip {
    margin-left: -50px;
  }
}
.korra-blog--style-filmstrip .loop-container--style-filmstrip .post {
  white-space: normal;
  display: inline-block;
  float: left;
  max-width: 100vw;
  padding-left: 20px;
}
.korra-blog--style-filmstrip .loop-container--style-filmstrip .post .post__text {
  overflow: hidden;
  max-width: 330px;
}
.korra-blog--style-filmstrip .loop-container--style-filmstrip .post .post__title {
  margin-bottom: 20px;
}
.korra-blog--style-filmstrip .loop-container--style-filmstrip .post .excerpt {
  margin: 1.7em;
}
.korra-blog--style-filmstrip .loop-container--style-filmstrip .post .post__meta {
  padding: 20px 0 0;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 960px) {
  .korra-blog--style-filmstrip .loop-container--style-filmstrip .post .post__inwrap {
    padding-left: 0;
  }
  .korra-blog--style-filmstrip .loop-container--style-filmstrip .post .post__title {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-blog--style-filmstrip .loop-container--style-filmstrip .post {
    width: 650px;
    float: none;
    margin-left: -0.35em;
    padding-left: 50px;
  }
  .korra-blog--style-filmstrip .loop-container--style-filmstrip .post .post__inwrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0;
    margin-bottom: 0;
  }
  .korra-blog--style-filmstrip .loop-container--style-filmstrip .post .post__media {
    float: left;
    width: 280px;
    margin-right: 30px;
  }
  .korra-blog--style-filmstrip .loop-container--style-filmstrip .post .post__text {
    overflow: hidden;
    width: 280px;
  }
}
/* Related Posts Loop
 * Featured Posts Loop
 *------------------------------------------------------------*/
.loop-container--style-related,
.loop-container--style-featured {
  margin-bottom: 0;
}
.loop-container--style-related .post,
.loop-container--style-featured .post {
  margin-bottom: 20px;
  display: inline-block;
}
.loop-container--style-related .post .post__inwrap,
.loop-container--style-featured .post .post__inwrap {
  min-height: 100%;
  background: #f7f7f7;
}
.loop-container--style-related .post .post__media img,
.loop-container--style-featured .post .post__media img {
  width: 100%;
  margin-bottom: -1px;
}
.loop-container--style-related .post__text,
.loop-container--style-featured .post__text {
  text-align: center;
  padding: 0 20px 40px;
}
.loop-container--style-related .post__text h5,
.loop-container--style-featured .post__text h5 {
  margin: 20px 0 0;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .loop-container--style-related,
  .loop-container--style-featured {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -30px;
  }
  .loop-container--style-related .post,
  .loop-container--style-featured .post {
    flex: 1 1 50%;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .loop-container--style-related,
  .loop-container--style-featured {
    justify-content: center;
  }
  .loop-container--style-related .post,
  .loop-container--style-featured .post {
    flex: 1 1 25%;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1171px) {
  .loop-container--style-featured {
    margin-left: -50px;
  }
  .loop-container--style-featured .post {
    padding-left: 50px;
  }
}
/* Carousel Loop
 *------------------------------------------------------------*/
.loop-container--style-carousel {
  margin-left: 0;
  margin-right: 0;
}
.loop-container--style-carousel article {
  position: relative;
  overflow: hidden;
}
.loop-container--style-carousel .post__media {
  height: 270px;
  overflow: hidden;
}
.loop-container--style-carousel .post__text {
  position: relative;
}
.loop-container--style-carousel .post__text__inwrap {
  text-align: left;
}
.loop-container--style-carousel .post__text__inwrap p {
  margin: 0;
}
.loop-container--style-carousel .post__category {
  margin-bottom: 1em;
}
.loop-container--style-carousel .post__category .items {
  text-align: left;
}
.loop-container--style-carousel .post__meta {
  float: left;
}
.loop-container--style-carousel .post__share {
  float: right;
  padding: 15px 0 0;
  border: none;
  margin: 0;
}
@media only screen and (max-width: 599px) {
  .loop-container--style-carousel .post__title {
    font-size: 1.8em;
    margin: -10px 0 10px 0;
  }
  .loop-container--style-carousel .excerpt {
    display: none;
  }
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 960px) {
  .loop-container--style-carousel .post__text__inwrap {
    line-height: 1.6;
  }
  .loop-container--style-carousel .post__category {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    margin-bottom: 0;
  }
  .loop-container--style-carousel .post__category .item {
    vertical-align: bottom;
  }
}
@media only screen and (min-width: 600px) and (max-width: 960px) {
  .loop-container--style-carousel article {
    padding-left: 30px;
  }
  .loop-container--style-carousel .post__title {
    font-size: 1.8em;
    margin: -5px 0 15px 0;
  }
  .loop-container--style-carousel .post__media {
    height: 400px;
    max-width: 400px;
  }
  .loop-container--style-carousel .post__text__inwrap {
    padding-right: 40px;
    max-width: 400px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .loop-container--style-carousel article {
    padding-left: 40px;
  }
  .loop-container--style-carousel .post__media {
    float: left;
    height: auto;
    max-width: 350px;
  }
  .loop-container--style-carousel .post__text {
    height: 100%;
    overflow: hidden;
    width: 0;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
  }
  .loop-container--style-carousel .post__text__inwrap {
    width: 400px;
    height: 90%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0px 0 0px 60px;
  }
  .loop-container--style-carousel .korra-carousel__item--active .post__text {
    width: 400px;
  }
}
@media only screen and (min-width: 1171px) {
  .loop-container--style-carousel article {
    padding-left: 80px;
  }
  .loop-container--style-carousel .post__media {
    max-width: 425px;
  }
  .loop-container--style-carousel .korra-carousel__item--active .post__text,
  .loop-container--style-carousel .post__text__inwrap {
    width: 450px;
  }
  .loop-container--style-carousel .post__text__inwrap {
    padding: 2em 0 2em 60px;
  }
}
/*------------------------------------------------------------
 * Pagination Section
 *------------------------------------------------------------*/
.pagination,
.korra-blog__more {
  margin-top: 2.8em;
  margin-bottom: 2.8em;
}
.loop-container--style-gallery + .pagination,
.loop-container--style-gallery + .korra-blog__more {
  margin-top: 4.5em;
}
.loop-container--style-archive_gallery + .pagination,
.loop-container--style-archive_gallery + .korra-blog__more {
  margin-top: 0.7em;
}
.korra-fullwidth .korra-blog:last-child .pagination,
.korra-fullwidth .korra-blog:last-child .korra-blog__more,
.korra-contentwidth .korra-blog:last-child .pagination,
.korra-contentwidth .korra-blog:last-child .korra-blog__more {
  margin-bottom: 0;
}
.pagination {
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 1;
  padding: 0;
  /* js adds class when masonry initiated */
}
.pagination:before,
.pagination:after {
  display: table;
  content: "";
}
.pagination:after {
  clear: both;
}
.pagination:empty {
  display: none;
}
.pagination .korra-separator {
  margin-bottom: 1.7em;
}
.loop-is-masonry + .pagination {
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.loop-is-masonry--init-processed.loop-is-masonry + .pagination {
  opacity: 1;
}
.pagination__classic {
  text-align: center;
}
.pagination__classic span,
.pagination__classic a {
  position: relative;
  display: inline-block;
  color: #444444;
}
.pagination__classic span:after,
.pagination__classic a:after {
  content: '';
  display: block;
  height: 1px;
  background: #444444;
  width: 0%;
  margin: 5px auto 0;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.pagination__classic span:hover,
.pagination__classic a:hover {
  color: #444444;
}
.dark-mode .pagination__classic span:hover,
.dark-mode .pagination__classic a:hover {
  color: #ffffff;
}
.dark-mode .pagination__classic span:hover:after,
.dark-mode .pagination__classic a:hover:after {
  background: #ffffff;
}
.pagination__classic span:hover:after,
.pagination__classic a:hover:after {
  opacity: 1;
  width: 100%;
}
.pagination__classic span b,
.pagination__classic a b {
  font-weight: inherit;
  padding: 0 5px;
}
.pagination__classic span.current:after,
.pagination__classic a.current:after {
  opacity: 1;
  width: 100%;
}
.pagination__classic span:not(.prev):not(.next),
.pagination__classic a:not(.prev):not(.next) {
  float: none;
  padding: 0 5px;
  text-align: center;
}
.pagination__classic span:not(.prev):not(.next):before,
.pagination__classic a:not(.prev):not(.next):before {
  content: '/';
  display: inline-block;
  margin: 0 3px 0 -8px;
  color: #bababa;
}
.pagination__classic span:first-child:before,
.pagination__classic a:first-child:before,
.pagination__classic span.prev + span:before,
.pagination__classic a.prev + span:before,
.pagination__classic span.prev + a:before,
.pagination__classic a.prev + a:before {
  content: none !important;
}
.pagination__classic a.prev {
  float: left;
}
.pagination__classic a.next {
  float: right;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .pagination__classic a.prev {
    position: absolute;
    left: 0;
  }
  .pagination__classic a.next {
    position: absolute;
    right: 0;
  }
}
.pagination__classic .dots {
  pointer-events: none;
}
.pagination__load-more {
  text-align: center;
}
.pagination__load-more .korra-x {
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.pagination__load-more .pagination__loader {
  font-size: 28px;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  position: absolute;
  top: calc( -0.5em + 1px );
  left: 50%;
  margin-left: -0.5em;
}
.pagination__load-more .pagination__loader:before,
.pagination__load-more .pagination__loader:after {
  background: #444444;
}
.pagination__load-more .pagination__message {
  opacity: 0;
  visibility: hidden;
  text-align: center;
  color: #bababa;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  margin-top: -1.7em;
}
.pagination__load-more.pagination--loading .korra-x {
  opacity: 0;
}
.pagination__load-more.pagination--loading .korra-loader {
  opacity: 1;
}
.pagination__load-more.pagination--loading a {
  opacity: 0 !important;
  visibility: hidden;
}
.pagination__load-more.pagination--disabled:not(.pagination--loading) a {
  opacity: 0;
  visibility: hidden;
}
.pagination__load-more.pagination--disabled:not(.pagination--loading) .pagination__message {
  opacity: 1;
  visibility: visible;
}
.korra-blog__more {
  text-align: center;
}
.korra-blog__more a {
  margin: 2.8em auto 0;
}
/*------------------------------------------------------------
 * Featured Section
 *------------------------------------------------------------*/
.featured-section {
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
}
.featured-section__item {
  position: relative;
  float: left;
  background: #444444;
}
.count-1 > .featured-section__item {
  width: 100%;
}
.count-2 > .featured-section__item {
  width: 50%;
}
.count-3 > .featured-section__item {
  width: 33.3%;
}
.count-4 > .featured-section__item {
  width: 25%;
}
.count-5 > .featured-section__item {
  width: 20%;
}
.count-6 > .featured-section__item {
  width: 16.6%;
}
.featured-section__media {
  position: relative;
  min-width: 100%;
}
.featured-section__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70%;
  height: 60%;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.featured-section__text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.featured-section__text-inwrap {
  width: 60%;
  text-align: center;
}
.featured-section__text-inwrap .title--striped {
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.featured-section__item:hover .featured-section__bg {
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
.featured-section__item:hover .title--striped {
  margin-top: 20px;
  margin-bottom: 5px;
}
/*------------------------------------------------------------
 * Carousel
 *------------------------------------------------------------*/
.korra-blog--style-carousel {
  position: relative;
  min-height: 350px;
}
.korra-carousel {
  position: relative;
  -webkit-transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}
.js .korra-carousel {
  opacity: 0;
  overflow: hidden;
  min-height: 100px;
  max-height: 200px;
}
.korra-carousel + .korra-loader--carousel {
  opacity: 1;
  position: absolute;
  top: 100px;
  left: 50%;
  margin: 0px 0 0 -15px;
}
.processed.korra-carousel {
  opacity: 1;
  min-height: 0;
  max-height: none;
}
.processed.korra-carousel + .korra-loader--carousel {
  opacity: 0;
  visibility: hidden;
}
.korra-carousel .korra-carousel__items {
  margin: auto;
}
.korra-carousel .korra-carousel__inwrap {
  overflow: hidden;
}
@media only screen and (min-width: 1171px) {
  .korra-carousel .korra-carousel__inwrap {
    overflow: hidden;
  }
}
.korra-carousel__items {
  position: relative;
  overflow: hidden;
}
.korra-carousel__items:before,
.korra-carousel__items:after {
  display: table;
  content: "";
}
.korra-carousel__items:after {
  clear: both;
}
.korra-carousel .korra-carousel__item {
  position: relative;
  float: left;
}
/*------------------------------------------------------------
 * Widgets
 *------------------------------------------------------------*/
@media only screen and (max-width: 599px) {
  .footer .widget {
    text-align: center;
  }
}
.footer .widget + .widget {
  margin-top: 2.8em;
  padding-top: 2.8em;
  border-top: 1px solid #eeeeee;
}
.dark-mode.footer .widget + .widget {
  border-top-color: rgba(255, 255, 255, 0.05);
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 960px) {
  .footer .widget + .widget {
    margin-top: 1.7em;
    padding-top: 1.7em;
  }
}
.main-content .widget,
.widget-area--content .widget,
.footer-instagram .widget,
.footer__top .widget,
.footer__bottom .widget {
  text-align: center;
}
.main-content .widget:not(.widget--ad):not(.widget_korra_blog_filmstrip_widget):not(.widget_korra_blog_carousel_widget):not(.widget_korra_featured_banners):not(.null-instagram-feed),
.widget-area--content .widget:not(.widget--ad):not(.widget_korra_blog_filmstrip_widget):not(.widget_korra_blog_carousel_widget):not(.widget_korra_featured_banners):not(.null-instagram-feed),
.footer-instagram .widget:not(.widget--ad):not(.widget_korra_blog_filmstrip_widget):not(.widget_korra_blog_carousel_widget):not(.widget_korra_featured_banners):not(.null-instagram-feed),
.footer__top .widget:not(.widget--ad):not(.widget_korra_blog_filmstrip_widget):not(.widget_korra_blog_carousel_widget):not(.widget_korra_featured_banners):not(.null-instagram-feed),
.footer__bottom .widget:not(.widget--ad):not(.widget_korra_blog_filmstrip_widget):not(.widget_korra_blog_carousel_widget):not(.widget_korra_featured_banners):not(.null-instagram-feed) {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1300px;
}
@media only screen and (min-width: 600px) and (max-width: 960px) {
  .main-content .widget:not(.widget--ad):not(.widget_korra_blog_filmstrip_widget):not(.widget_korra_blog_carousel_widget):not(.widget_korra_featured_banners):not(.null-instagram-feed),
  .widget-area--content .widget:not(.widget--ad):not(.widget_korra_blog_filmstrip_widget):not(.widget_korra_blog_carousel_widget):not(.widget_korra_featured_banners):not(.null-instagram-feed),
  .footer-instagram .widget:not(.widget--ad):not(.widget_korra_blog_filmstrip_widget):not(.widget_korra_blog_carousel_widget):not(.widget_korra_featured_banners):not(.null-instagram-feed),
  .footer__top .widget:not(.widget--ad):not(.widget_korra_blog_filmstrip_widget):not(.widget_korra_blog_carousel_widget):not(.widget_korra_featured_banners):not(.null-instagram-feed),
  .footer__bottom .widget:not(.widget--ad):not(.widget_korra_blog_filmstrip_widget):not(.widget_korra_blog_carousel_widget):not(.widget_korra_featured_banners):not(.null-instagram-feed) {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .main-content .widget:not(.widget--ad):not(.widget_korra_blog_filmstrip_widget):not(.widget_korra_blog_carousel_widget):not(.widget_korra_featured_banners):not(.null-instagram-feed),
  .widget-area--content .widget:not(.widget--ad):not(.widget_korra_blog_filmstrip_widget):not(.widget_korra_blog_carousel_widget):not(.widget_korra_featured_banners):not(.null-instagram-feed),
  .footer-instagram .widget:not(.widget--ad):not(.widget_korra_blog_filmstrip_widget):not(.widget_korra_blog_carousel_widget):not(.widget_korra_featured_banners):not(.null-instagram-feed),
  .footer__top .widget:not(.widget--ad):not(.widget_korra_blog_filmstrip_widget):not(.widget_korra_blog_carousel_widget):not(.widget_korra_featured_banners):not(.null-instagram-feed),
  .footer__bottom .widget:not(.widget--ad):not(.widget_korra_blog_filmstrip_widget):not(.widget_korra_blog_carousel_widget):not(.widget_korra_featured_banners):not(.null-instagram-feed) {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.main-content .widget + .widget,
.widget-area--content .widget + .widget,
.footer-instagram .widget + .widget,
.footer__top .widget + .widget,
.footer__bottom .widget + .widget {
  margin-top: 1.7em;
}
.widget__title {
  line-height: 1;
  margin-bottom: 30px;
}
.widget-area--content {
  text-align: center;
  padding: 0;
}
.widget-area--content:before,
.widget-area--content:after {
  display: table;
  content: "";
}
.widget-area--content:after {
  clear: both;
}
.widget-area--content.widget-area--after-content {
  margin-top: 4.5em;
  margin-bottom: 2.8em;
}
.content-wrapper.single-post .widget-area--content.widget-area--after-content {
  margin-top: 0;
}
/* Links and WP widet lists
 *------------------------------------------------------------*/
@media only screen and (min-width: 1171px) {
  .footer__widgets .widget_nav_menu > div:not(.korra-select-wrap),
  .footer__widgets .widget_pages > div:not(.korra-select-wrap),
  .footer__widgets .widget_archive > div:not(.korra-select-wrap),
  .footer__widgets .widget_categories > div:not(.korra-select-wrap),
  .footer__widgets .widget_meta > div:not(.korra-select-wrap),
  .footer__widgets .widget_recent_comments > div:not(.korra-select-wrap),
  .footer__widgets .widget_recent_entries > div:not(.korra-select-wrap),
  .footer__widgets .widget_nav_menu > ul,
  .footer__widgets .widget_pages > ul,
  .footer__widgets .widget_archive > ul,
  .footer__widgets .widget_categories > ul,
  .footer__widgets .widget_meta > ul,
  .footer__widgets .widget_recent_comments > ul,
  .footer__widgets .widget_recent_entries > ul {
    padding: 0 30px;
  }
}
.widget_nav_menu ul,
.widget_pages ul,
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.widget_nav_menu li,
.widget_pages li,
.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_recent_comments li,
.widget_recent_entries li {
  margin: 0;
}
.main-content .widget_nav_menu li,
.main-content .widget_pages li,
.main-content .widget_archive li,
.main-content .widget_categories li,
.main-content .widget_meta li,
.main-content .widget_recent_comments li,
.main-content .widget_recent_entries li,
.widget-area--content .widget_nav_menu li,
.widget-area--content .widget_pages li,
.widget-area--content .widget_archive li,
.widget-area--content .widget_categories li,
.widget-area--content .widget_meta li,
.widget-area--content .widget_recent_comments li,
.widget-area--content .widget_recent_entries li,
.footer-instagram .widget_nav_menu li,
.footer-instagram .widget_pages li,
.footer-instagram .widget_archive li,
.footer-instagram .widget_categories li,
.footer-instagram .widget_meta li,
.footer-instagram .widget_recent_comments li,
.footer-instagram .widget_recent_entries li,
.footer__top .widget_nav_menu li,
.footer__top .widget_pages li,
.footer__top .widget_archive li,
.footer__top .widget_categories li,
.footer__top .widget_meta li,
.footer__top .widget_recent_comments li,
.footer__top .widget_recent_entries li,
.footer__bottom .widget_nav_menu li,
.footer__bottom .widget_pages li,
.footer__bottom .widget_archive li,
.footer__bottom .widget_categories li,
.footer__bottom .widget_meta li,
.footer__bottom .widget_recent_comments li,
.footer__bottom .widget_recent_entries li {
  margin: 0;
  padding: 5px 0;
}
.main-content .widget_nav_menu a,
.main-content .widget_pages a,
.main-content .widget_archive a,
.main-content .widget_categories a,
.main-content .widget_meta a,
.main-content .widget_recent_comments a,
.main-content .widget_recent_entries a,
.widget-area--content .widget_nav_menu a,
.widget-area--content .widget_pages a,
.widget-area--content .widget_archive a,
.widget-area--content .widget_categories a,
.widget-area--content .widget_meta a,
.widget-area--content .widget_recent_comments a,
.widget-area--content .widget_recent_entries a,
.footer-instagram .widget_nav_menu a,
.footer-instagram .widget_pages a,
.footer-instagram .widget_archive a,
.footer-instagram .widget_categories a,
.footer-instagram .widget_meta a,
.footer-instagram .widget_recent_comments a,
.footer-instagram .widget_recent_entries a,
.footer__top .widget_nav_menu a,
.footer__top .widget_pages a,
.footer__top .widget_archive a,
.footer__top .widget_categories a,
.footer__top .widget_meta a,
.footer__top .widget_recent_comments a,
.footer__top .widget_recent_entries a,
.footer__bottom .widget_nav_menu a,
.footer__bottom .widget_pages a,
.footer__bottom .widget_archive a,
.footer__bottom .widget_categories a,
.footer__bottom .widget_meta a,
.footer__bottom .widget_recent_comments a,
.footer__bottom .widget_recent_entries a {
  display: inline-block;
}
.footer__widgets .widget_pages li,
.footer__widgets .widget_archive li,
.footer__widgets .widget_categories li,
.footer__widgets .widget_meta li,
.footer__widgets .widget_recent_comments li,
.footer__widgets .widget_recent_entries li {
  display: block;
  line-height: 1;
  padding: 10px 0;
}
.footer__widgets .widget_pages ul.children,
.footer__widgets .widget_archive ul.children,
.footer__widgets .widget_categories ul.children,
.footer__widgets .widget_meta ul.children,
.footer__widgets .widget_recent_comments ul.children,
.footer__widgets .widget_recent_entries ul.children {
  padding-left: 20px;
}
.footer__top .widget_pages li,
.footer__top .widget_archive li,
.footer__top .widget_categories li,
.footer__top .widget_meta li,
.footer__top .widget_recent_comments li,
.footer__top .widget_recent_entries li,
.footer__bottom .widget_pages li,
.footer__bottom .widget_archive li,
.footer__bottom .widget_categories li,
.footer__bottom .widget_meta li,
.footer__bottom .widget_recent_comments li,
.footer__bottom .widget_recent_entries li {
  display: inline-block;
  padding: 5px 15px;
}
.footer__top .widget_pages ul.children,
.footer__top .widget_archive ul.children,
.footer__top .widget_categories ul.children,
.footer__top .widget_meta ul.children,
.footer__top .widget_recent_comments ul.children,
.footer__top .widget_recent_entries ul.children,
.footer__bottom .widget_pages ul.children,
.footer__bottom .widget_archive ul.children,
.footer__bottom .widget_categories ul.children,
.footer__bottom .widget_meta ul.children,
.footer__bottom .widget_recent_comments ul.children,
.footer__bottom .widget_recent_entries ul.children {
  display: inline-block;
}
.footer__top .widget_pages ul.children > li:first-child,
.footer__top .widget_archive ul.children > li:first-child,
.footer__top .widget_categories ul.children > li:first-child,
.footer__top .widget_meta ul.children > li:first-child,
.footer__top .widget_recent_comments ul.children > li:first-child,
.footer__top .widget_recent_entries ul.children > li:first-child,
.footer__bottom .widget_pages ul.children > li:first-child,
.footer__bottom .widget_archive ul.children > li:first-child,
.footer__bottom .widget_categories ul.children > li:first-child,
.footer__bottom .widget_meta ul.children > li:first-child,
.footer__bottom .widget_recent_comments ul.children > li:first-child,
.footer__bottom .widget_recent_entries ul.children > li:first-child {
  padding-left: 30px;
}
.footer__top .widget_pages ul.children > li:last-child,
.footer__top .widget_archive ul.children > li:last-child,
.footer__top .widget_categories ul.children > li:last-child,
.footer__top .widget_meta ul.children > li:last-child,
.footer__top .widget_recent_comments ul.children > li:last-child,
.footer__top .widget_recent_entries ul.children > li:last-child,
.footer__bottom .widget_pages ul.children > li:last-child,
.footer__bottom .widget_archive ul.children > li:last-child,
.footer__bottom .widget_categories ul.children > li:last-child,
.footer__bottom .widget_meta ul.children > li:last-child,
.footer__bottom .widget_recent_comments ul.children > li:last-child,
.footer__bottom .widget_recent_entries ul.children > li:last-child {
  padding-right: 0;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .footer__widgets .widget_nav_menu .sub-menu {
    padding-left: 20px;
  }
}
.footer__widgets .widget_nav_menu a {
  display: block;
  line-height: 1;
  padding: 10px 0;
}
.footer__top .widget_nav_menu ul:not(.sub-menu),
.footer__bottom .widget_nav_menu ul:not(.sub-menu) {
  position: relative;
  display: inline-block;
  text-align: center;
}
.footer__top .widget_nav_menu ul:not(.sub-menu) li,
.footer__bottom .widget_nav_menu ul:not(.sub-menu) li {
  padding: 0;
  display: inline-block;
  float: none;
}
.footer__top .widget_nav_menu ul:not(.sub-menu) li a,
.footer__bottom .widget_nav_menu ul:not(.sub-menu) li a {
  display: inline-block;
  padding: 5px 15px;
}
.footer__top .widget_nav_menu ul:not(.sub-menu) .sub-menu,
.footer__bottom .widget_nav_menu ul:not(.sub-menu) .sub-menu {
  display: inline-block;
  float: left;
  white-space: nowrap;
}
/* Widget RSS
 *------------------------------------------------------------*/
.main-content .widget_rss ul,
.widget-area--content .widget_rss ul,
.footer-instagram .widget_rss ul,
.footer__top .widget_rss ul,
.footer__bottom .widget_rss ul {
  list-style: none;
  padding: 0;
}
/* Calendar
 *------------------------------------------------------------*/
.widget_calendar table {
  width: 100%;
}
.widget_calendar caption {
  line-height: 1;
  margin-bottom: 30px;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6em;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  text-align: left;
}
.widget_calendar th,
.widget_calendar td {
  padding: 0;
  border: none;
}
.widget_calendar td {
  text-align: center;
  font-size: 1.125em;
  /* 16px:18px */
  font-weight: 300;
  padding: 5px 0;
}
.widget_calendar a {
  font-weight: 400;
}
.widget_calendar thead th {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0;
}
.widget_calendar tbody tr:first-child td {
  padding-top: 10px;
}
.widget_calendar tbody tr:last-child td {
  padding-bottom: 10px;
}
.widget_calendar tbody #today {
  background: #f7f7f7;
  border-radius: 2px;
}
.dark-mode .widget_calendar tbody #today {
  background: rgba(255, 255, 255, 0.05);
}
.widget_calendar tfoot td {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 15px 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.widget_calendar #prev {
  text-align: left;
}
.widget_calendar #next {
  text-align: right;
}
.dark-mode .widget_calendar thead th,
.dark-mode .widget_calendar tfoot td {
  border-top-color: rgba(255, 255, 255, 0.05);
  border-bottom-color: rgba(255, 255, 255, 0.05);
}
/* Tagcloud
 *------------------------------------------------------------*/
.tagcloud:before,
.tagcloud:after {
  display: table;
  content: "";
}
.tagcloud:after {
  clear: both;
}
.widget_tag_cloud .tagcloud {
  padding: 0 30px;
}
.tagcloud a {
  display: block;
  float: left;
  background: #eeeeee;
  white-space: nowrap;
  font-family: "Oswald", sans-serif !important;
  font-size: 10.99px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.2em !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  height: 22px;
  line-height: 22px !important;
  border-radius: 22px;
  padding: 0 12px;
  margin: 0 6px 6px 0;
}
.dark-mode .tagcloud a {
  background: rgba(255, 255, 255, 0.05);
}
.tagcloud a:hover {
  color: #ffffff;
  background: #444444;
}
.dark-mode .tagcloud a:hover {
  color: #444444;
  background: #ffffff;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 1170px) {
  .widget_tag_cloud .tagcloud {
    padding: 0;
  }
  .widget_tag_cloud .tagcloud a {
    display: inline-block;
    float: none;
  }
}
/* WP Instagram Widget
 *------------------------------------------------------------*/
.null-instagram-feed {
  position: relative;
}
.null-instagram-feed:before,
.null-instagram-feed:after {
  display: table;
  content: "";
}
.null-instagram-feed:after {
  clear: both;
}
.null-instagram-feed .instagram-pics {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.null-instagram-feed .instagram-pics li {
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
}
.null-instagram-feed .instagram-pics li a {
  position: relative;
  display: block;
}
.null-instagram-feed p {
  position: absolute;
  display: block;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  margin: 0;
  line-height: 0;
}
.null-instagram-feed p a {
  position: relative;
  display: inline-block;
  z-index: 1;
  max-width: 100%;
  height: 40px;
  padding: 0 30px;
  line-height: 40px !important;
  font-size: 14px;
  border-radius: 2px;
  overflow: hidden;
  color: #ffffff;
  background: #444444;
  font-family: "Oswald", sans-serif;
  font-size: 10.99px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  height: 27px;
  line-height: 27px !important;
  padding: 0 10px;
  display: inline-table;
}
.null-instagram-feed p a:before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
  background-size: 150%;
  background-position: 50% 50%;
  z-index: -1;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.dark-mode .null-instagram-feed p a {
  background: #ffffff;
}
.null-instagram-feed p a:hover {
  color: #ffffff;
}
.dark-mode .null-instagram-feed p a:hover {
  color: #444444;
}
.null-instagram-feed p a:hover:before {
  opacity: 0;
}
.null-instagram-feed p a i {
  margin: 0 10px;
}
.null-instagram-feed p a + .button {
  margin-top: 10px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .null-instagram-feed p a + .button {
    margin-left: 20px;
    margin-top: 0;
  }
}
.footer-instagram .null-instagram-feed,
.footer__top .null-instagram-feed,
.footer__bottom .null-instagram-feed {
  text-align: center;
  margin-bottom: 0;
}
.footer-instagram .null-instagram-feed h3,
.footer__top .null-instagram-feed h3,
.footer__bottom .null-instagram-feed h3 {
  position: absolute;
  z-index: 1;
  bottom: calc(50% - 20px);
  left: -35px;
  max-width: 50%;
  overflow: hidden;
  font-family: "Oswald", sans-serif;
  font-size: 10.99px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 10px 15px;
  margin: 0;
  background: #ffffff;
  color: #444444;
}
@media only screen and (max-width: 599px) {
  .footer-instagram .null-instagram-feed h3,
  .footer__top .null-instagram-feed h3,
  .footer__bottom .null-instagram-feed h3 {
    left: -15px;
  }
}
.footer-instagram .null-instagram-feed .instagram-pics,
.footer__top .null-instagram-feed .instagram-pics,
.footer__bottom .null-instagram-feed .instagram-pics {
  line-height: 1;
  white-space: nowrap;
}
.footer-instagram .null-instagram-feed .instagram-pics li,
.footer__top .null-instagram-feed .instagram-pics li,
.footer__bottom .null-instagram-feed .instagram-pics li {
  width: auto;
  float: none;
  display: inline-block;
  width: 20%;
}
@media only screen and (max-width: 599px) {
  .footer-instagram .null-instagram-feed .instagram-pics,
  .footer__top .null-instagram-feed .instagram-pics,
  .footer__bottom .null-instagram-feed .instagram-pics {
    white-space: normal;
  }
  .footer-instagram .null-instagram-feed .instagram-pics li,
  .footer__top .null-instagram-feed .instagram-pics li,
  .footer__bottom .null-instagram-feed .instagram-pics li {
    width: 50% !important;
  }
}
/* About Author Widget
 *------------------------------------------------------------*/
.widget_korra_about .widget-text {
  padding: 30px 30px 0;
}
.widget_korra_about .widget-text p {
  margin-bottom: 20px;
}
.widget_korra_about .widget__title + .widget-text {
  padding-top: 0;
}
.widget_korra_about .social-nav {
  margin-bottom: 20px;
}
/* Social Widget
 *------------------------------------------------------------*/
.footer__widgets .widget_korra_social_icons {
  text-align: center;
}
/* Double Blog Widget
 *------------------------------------------------------------*/
.widget_korra_blog_widget .widget__title > span {
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  color: #444444;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 45%;
}
.dark-mode .widget_korra_blog_widget .widget__title > span {
  color: #ffffff;
}
.widget_korra_blog_widget .widget__title > span:not(.korra--on) {
  cursor: pointer;
}
.widget_korra_blog_widget .widget__title > span:not(.korra--on):hover {
  color: #000000;
}
.dark-mode .widget_korra_blog_widget .widget__title > span:not(.korra--on):hover {
  color: #bababa;
}
.widget_korra_blog_widget .widget__title > span:after {
  content: "";
  display: block;
  height: 1px;
  margin: 10px auto 0;
  border-top: 1px solid #444444;
  text-align: center;
  width: 0;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.dark-mode .widget_korra_blog_widget .widget__title > span:after {
  border-top-color: #ffffff;
}
.widget_korra_blog_widget .widget__title > span.korra--on:after {
  width: 100%;
}
.widget_korra_blog_widget .wrap .item:not(.korra--on) {
  display: none;
}
/* Double Blog Widget
*------------------------------------------------------------*/
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 1170px) {
  .widget_korra_blog_filmstrip_widget .widget__title {
    padding-bottom: 20px;
    font-family: "Playfair Display", sans-serif !important;
    font-size: 54px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.2em !important;
    text-transform: capitalize !important;
    letter-spacing: em !important;
  }
  .korra-sideblock .widget_korra_blog_filmstrip_widget .widget__title:not(.gradient-heading) {
    font-size: 32.4px !important;
  }
}
@media only screen and (max-width: 599px) and only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 1170px) and only screen and (max-width: 599px) {
  .widget_korra_blog_filmstrip_widget .widget__title {
    font-size: 32.4px;
  }
}
@media only screen and (min-width: 1171px) {
  .widget_korra_blog_filmstrip_widget {
    display: flex;
    align-items: center;
  }
  .widget_korra_blog_filmstrip_widget .widget__title-wrap {
    width: 300px;
    text-align: left;
    float: left;
    margin-bottom: 0;
    margin-right: 115px;
  }
  .widget_korra_blog_filmstrip_widget .widget__title-wrap .widget__title {
    display: inline-block;
  }
}
/* Featured Banners
*------------------------------------------------------------*/
.widget_korra_featured_banners {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -30px;
}
.widget_korra_featured_banners .item {
  padding-bottom: 1em;
  padding-left: 30px;
  width: 50%;
}
.widget_korra_featured_banners .item .item__media {
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
  height: 0;
  padding-bottom: 118%;
  background-size: cover;
  background-position: 50% 50%;
}
.widget_korra_featured_banners .item .item_title {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  line-height: 0.2;
  color: #444444;
}
.widget_korra_featured_banners .item .item_title.js-font-size-adapt {
  opacity: 0;
}
.widget_korra_featured_banners .item .item_title.font-size-adapted {
  opacity: 1;
}
.widget_korra_featured_banners .item:hover .korra-media-gradient-hover__hover {
  visibility: visible;
  opacity: 0.7;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .widget_korra_featured_banners {
    margin-left: -50px;
  }
  .widget_korra_featured_banners .item {
    max-width: 50%;
    padding-left: 50px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .widget_korra_featured_banners .item {
    padding-bottom: 0;
    flex: 1 1 0;
    max-width: 25%;
  }
}
/* Ad Widgets
*------------------------------------------------------------*/
.widget-area--blog {
  text-align: center !important;
}
.widget-area--blog .post__inwrap {
  display: block !important;
}
.widget--ad {
  text-align: center;
}
.editor-content .widget--ad-wide {
  padding: 0;
  background: none;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .editor-content .korra-contentwidth .widget--ad-wide,
  .editor-content .korra-fullwidth .widget--ad-wide {
    background: #f7f7f7;
    padding: 40px;
  }
}
/* Notification Bar
 *------------------------------------------------------------*/
.korra-notif {
  background: #444444;
  height: 50px;
  line-height: 50px !important;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all 0.5s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.5s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  display: none;
}
body.notif--true .korra-notif {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
body.notif--false.notif--false--temp .korra-notif {
  display: block;
}
.korra-notif * + * {
  margin-left: 20px;
}
.korra-notif__text,
.korra-notif #subscribe-text,
.korra-notif .success {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-size: 0.777em;
  /* 18px : 14px */
  margin: 10px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 60%;
}
.korra-notif__btn {
  vertical-align: middle;
}
.korra-notif__hide {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
}
.korra-notif .jetpack_subscription_widget p,
.korra-notif .jetpack_subscription_widget #subscribe-text {
  display: inline-block;
  margin-bottom: 5px;
}
.korra-notif .jetpack_subscription_widget p * {
  margin: 0;
}
.korra-notif .jetpack_subscription_widget #subscribe-email {
  width: 180px;
}
.korra-notif .jetpack_subscription_widget input[type="email"] {
  height: 27px;
  vertical-align: middle;
}
.korra-notif .jetpack_subscription_widget input[type="submit"] {
  font-family: "Oswald", sans-serif;
  font-size: 10.99px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  height: 27px;
  line-height: 27px !important;
  padding: 0 10px;
}
/*------------------------------------------------------------
* Infobar
*------------------------------------------------------------*/
.korra-infobar {
  position: fixed;
  z-index: 2;
  bottom: 0;
  margin-bottom: -80px;
  left: 0;
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: #ffffff;
  -webkit-transition: opacity 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: opacity 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
@media only screen and (max-width: 599px) {
  .korra-infobar {
    display: none !important;
  }
}
.ajax-loading-start .korra-infobar {
  opacity: 0;
}
.korra-infobar__inwrap {
  position: relative;
  height: 100%;
}
.korra-infobar .fl {
  padding-right: 50px;
}
.korra-infobar .fr {
  height: 100%;
}
.korra-infobar .percentage {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 4px;
  top: -4px;
  left: 0;
  background-position: 50% 50%;
  background-color: #72e9c6;
  background-image: linear-gradient(160deg, #72e9c6 0%, #bfcfff 100%);
  -webkit-transition: width 0.05s linear, opacity 0.3s ease-in-out;
  transition: width 0.05s linear, opacity 0.3s ease-in-out;
}
.korra-infobar .infobar-nav {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 250px;
  height: 100%;
  line-height: 1;
  padding: 15px 0;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
  .korra-infobar .infobar-nav {
    max-width: 300px;
  }
}
.korra-infobar .infobar-nav img {
  float: left;
  margin-right: 15px;
  max-height: 100%;
  max-width: 45px;
  width: auto;
}
.korra-infobar .infobar-nav .text {
  overflow: hidden;
}
.korra-infobar .infobar-nav .text span {
  display: block;
  line-height: 1.5;
}
.korra-infobar .infobar-nav .text h5 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 0;
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.korra-infobar .infobar-nav.prev {
  text-align: right;
}
.korra-infobar .infobar-nav.prev img {
  float: right;
  margin-left: 15px;
  margin-right: 0;
}
.korra-infobar .infobar-nav:hover h5 {
  color: #000000;
}
.korra-infobar .title {
  line-height: 80px;
  color: #444444;
  padding-right: 10px;
}
.korra-infobar .post__share {
  display: inline;
  border: none;
}
.korra-infobar .post__share .label--italic {
  display: none;
}
.korra-infobar .korra-btt {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 15px;
}
/*------------------------------------------------------------
 * Lightbox Styles
 *------------------------------------------------------------*/
.korra-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 9;
  width: 100%;
  height: 100%;
  display: none;
  padding: 40px;
}
body.admin-bar .korra-lightbox {
  height: calc( 100% - 32px );
  top: 32px;
}
.korra-lightbox__mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
}
.korra-lightbox .korra-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: calc( 300px/2 + 120px/2 - 15px/2);
  margin-top: -15px;
}
.korra-lightbox__close {
  -webkit-transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  transition: all 0.25s cubic-bezier( 0.5, 0.2, 0.5, 1 );
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 2;
  cursor: pointer;
  line-height: 1;
  padding: 3px 10px;
  background: #444444;
  color: #ffffff;
}
.korra-lightbox__close:hover {
  background: #000000;
}
.korra-lightbox__info {
  position: relative;
  float: left;
  width: 300px;
  height: 100%;
  padding: 40px;
}
.korra-lightbox__info:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 40px;
  bottom: 40px;
  border-right: 1px solid #eeeeee;
}
.korra-lightbox__media {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.korra-lightbox__media img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 0 0 0 120px;
}
.korra-lightbox__nav {
  margin-bottom: 30px;
  padding-top: 5px;
}
.korra-lightbox__arrow {
  font-size: 21px;
  cursor: pointer;
}
.korra-lightbox__details {
  color: #444444;
}
.korra-lightbox__count {
  float: left;
  min-width: 33px;
  padding-right: 5px;
}
.korra-lightbox__img-details {
  overflow: hidden;
}
.korra-lightbox__img-details__caption {
  margin-top: 1em;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 960px) {
  .korra-lightbox .korra-lightbox__title,
  .korra-lightbox .korra-lightbox__nav {
    display: none;
  }
  .korra-lightbox .korra-lightbox__info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    z-index: 2;
    padding: 0;
    text-align: center;
  }
  .korra-lightbox .korra-lightbox__info .korra-lightbox__count {
    float: none;
  }
  .korra-lightbox .korra-lightbox__info .korra-lightbox__img-details__caption {
    margin-top: 0;
  }
  .korra-lightbox .korra-lightbox__media img {
    padding: 0;
  }
}