@charset "UTF-8";
/*!
Theme Name: Kansalliskustannus
Theme URI: http://underscores.me/
Author: Kansalliskustannus
Author URI: http://verkkouutiset.fi
Description: Theme base for verkkouutiset.fi
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kansalliskustannus
Tags:

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

Kansalliskustannus is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/* Theme colours */
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,400i,500,700");
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
.body-bg {
  background-color: #fff; }

.theme-bg--widget {
  background-color: #f5f5f5; }
  .theme-bg--widget.has-category {
    background-color: #b8cbdc; }
  .theme-bg--widget.exclusive {
    background-color: #fa8c5a; }

/* Fonts used in the site. Update when going live to load from local cache. */
/* Link hover effect */
#primary-menu > li a::after, .login-link::after, .menu-toggle::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #000;
  transition: width .3s; }

#primary-menu > li a:hover::after, .login-link:hover::after, .menu-toggle:hover::after {
  width: 100%; }

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

body {
  margin: 0; }

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

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

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

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

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

input {
  line-height: normal; }

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

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

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: "Roboto Slab", serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

/* All heading styles of the site. */
body {
  color: #4b4b4b; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  clear: both;
  margin-top: 20px;
  margin-bottom: 20px; }

h1 {
  font-size: 24pt;
  line-height: 28pt;
  letter-spacing: -1pt;
  font-weight: 500; }
  @media screen and (min-width: 520px) and (max-width: 1023px) {
    h1 {
      font-size: 32pt;
      line-height: 36pt;
      letter-spacing: -1pt; } }
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
    h1 {
      font-size: 42pt;
      line-height: 48pt;
      letter-spacing: -1.5pt; } }
  @media screen and (min-width: 1280px) {
    h1 {
      font-size: 60.8px;
      font-size: 3.8rem;
      font-size: 46pt;
      line-height: 52pt;
      letter-spacing: -2pt; } }

h2 {
  font-size: 48px;
  font-size: 3rem; }

h3 {
  font-size: 40px;
  font-size: 2.5rem; }

h4 {
  font-size: 32px;
  font-size: 2rem; }

h5 {
  font-size: 24px;
  font-size: 1.5rem; }

h6 {
  font-size: 20px;
  font-size: 1.25rem; }

.textlift {
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
  font-weight: 900;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 8px; }
  @media screen and (min-width: 1024px) {
    .textlift {
      max-width: 50%;
      margin-right: 18px;
      float: left; } }

.midheader {
  width: 100%;
  font-weight: 900;
  padding-top: 16px;
  padding-bottom: 8px; }

.imagetext {
  font-size: 0.8em; }

.entry-header__caption-container {
  text-align: center; }
  .entry-header__caption-container .entry-header__caption {
    font-family: "Roboto Condensed";
    font-size: 1em;
    margin: 12px 0;
    font-weight: 300;
    display: inline-block; }
  @media screen and (min-width: 768px) {
    .entry-header__caption-container {
      text-align: left;
      position: absolute;
      bottom: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.7); }
      .entry-header__caption-container .entry-header__caption {
        margin: 6px 12px;
        color: #eee; } }

/* Content related css */
p {
  margin-bottom: 1.5em; }

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

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #4b4b4b;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

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

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

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

big {
  font-size: 125%; }

pre code {
  color: #4b4b4b; }

.dropcap {
  float: left;
  font-size: 80px;
  padding-right: 7px;
  line-height: 72px; }

.wp-caption .wp-caption-text {
  font-family: "Roboto Condensed";
  font-size: 0.8em; }

/* Additional elements like submitted, timestamps etc. */
/* Add or extend this class to have consistent text size for submitted text. */

.submitted,
.post__published {
  font-size: 9pt; }
  @media screen and (min-width: 768px) {
    
    .submitted,
    .post__published {
      font-size: 10pt; } }
  @media screen and (min-width: 1280px) {
    
    .submitted,
    .post__published {
      font-size: 11pt; } }

.post-meta {
  display: inline-block;
  font-family: "Roboto Slab", serif;
  color: #7e7e7e;
  text-transform: uppercase;
  font-size: 0.8em;
  padding: 13.33333px 0;
  font-weight: bold;
  border-bottom: 1px solid #7e7e7e; }

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

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

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

blockquote, q {
  quotes: "" ""; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

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

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

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

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

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

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

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

/**
 * Utility classes that are used in frontend and in backend.
 */
.flex {
  display: flex; }

.flex-center {
  align-items: center; }

.flex-justify-center {
  justify-content: center; }

.gray {
  color: gray; }

.bg-gray {
  background-color: #fcfcfc; }

.border-gray {
  border: 1px solid gainsboro; }

@media screen and (max-width: 1024px) {
  .from-laptop {
    display: none; } }

@media screen and (min-width: 1024px) {
  .to-laptop {
    display: none; } }

.sidebar-width {
  max-width: 180px; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

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

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

.red-glow {
  box-shadow: 0px 0px 8px rgba(255, 0, 0, 0.7); }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
#primary-menu > li a, .login-link, .menu-toggle {
  color: inherit;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12pt; }
  @media screen and (min-width: 1280px) {
    #primary-menu > li a, .login-link, .menu-toggle {
      font-weight: 700;
      font-size: 16pt; } }

a {
  color: royalblue; }
  a:visited {
    color: purple; }
  a:hover, a:focus, a:active {
    color: midnightblue; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

.menu-container {
  position: relative; }

.menu-icon span {
  margin: 0 auto;
  position: relative;
  top: 12px; }

.menu-icon span:before, .menu-icon span:after {
  position: absolute;
  content: ''; }

.menu-icon span, .menu-icon span:before, .menu-icon span:after {
  width: 30px;
  height: 6px;
  background-color: #000;
  display: block; }

.menu-icon span:before {
  margin-top: -12px; }

.menu-icon span:after {
  margin-top: 12px; }

/* mobile menu icon */
.menu-icon span {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.menu-icon:hover span {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.menu-icon span:before {
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s; }

.menu-icon:hover span:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s; }

.menu-icon span:after {
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s; }

.menu-icon:hover span:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%; }
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 1.5em;
      left: -999em;
      z-index: 99999; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul,
      .main-navigation ul ul li.focus > ul {
        left: 100%; }
      .main-navigation ul ul a {
        width: 200px; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li {
    float: left;
    position: relative; }
  .main-navigation a {
    display: block;
    text-decoration: none; }

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block; }

.menu-mobile {
  width: 100%; }
  .menu-mobile li {
    display: inline-block;
    width: 100%; }

@media screen and (min-width: 875px) {
  .menu-toggle {
    display: none; }
  .main-navigation ul {
    display: block; } }

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

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

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

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant 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. */ }

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

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

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

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

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

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

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

.hentry {
  margin: 0 0 1.5em; }

.byline {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.updated-string {
  padding-left: 5px;
  text-transform: none; }

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

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

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

.bypostauthor {
  display: block; }

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

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

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

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

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

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

/* Layout */
.site-branding-wrapper {
  background: #095285;
  background: -moz-linear-gradient(top, #095285 11%, #07436d 49%, #02264c 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(11%, #095285), color-stop(49%, #07436d), color-stop(90%, #02264c));
  background: -webkit-linear-gradient(top, #095285 11%, #07436d 49%, #02264c 90%);
  background: -o-linear-gradient(top, #095285 11%, #07436d 49%, #02264c 90%);
  background: -ms-linear-gradient(top, #095285 11%, #07436d 49%, #02264c 90%);
  background: linear-gradient(to bottom, #095285 11%, #07436d 49%, #02264c 90%); }

.site-branding {
  display: flex;
  padding: 5px;
  justify-content: center;
  align-items: center; }
  .site-branding h1 {
    font-size: 18pt;
    line-height: 24pt;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: bold;
    margin: 0;
    letter-spacing: -1pt; }
    .site-branding h1 a {
      color: inherit; }
  @media screen and (min-width: 768px) {
    .site-branding {
      padding: 20px; } }

.site-description {
  font-size: 10pt;
  color: #fa8c5a;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  margin: 0;
  /* Custom padding to make it even with the 'v' */ }

.site-logo {
  text-align: center; }
  .site-logo img {
    max-width: 60%; }
  @media screen and (min-width: 520px) and (max-width: 1023px) {
    .site-logo img {
      max-width: 75%; } }

/* Moved the big header media queries under the 'home' selector. */
@media screen and (min-width: 1024px) {
  .home .site-branding h1 {
    font-size: 38pt;
    line-height: 36pt; } }

@media screen and (min-width: 1024px) {
  .home .site-description {
    font-size: 16pt;
    padding-left: 10px; } }

@media screen and (min-width: 1024px) {
  .home .site-logo {
    margin-right: 40px; }
    .home .site-logo img {
      max-width: 100%; } }

.site-footer {
  background-color: #4b4b4b; }

.site-info {
  padding: 0 20px; }

.footer__content {
  margin: 24px 0;
  color: #fff;
  text-align: center; }
  .footer__content p {
    margin: 0; }
  .footer__content a {
    color: #b8cadb;
    font-weight: 700;
    text-decoration: none; }
  @media screen and (min-width: 1024px) {
    .footer__content {
      text-align: left; } }

.footer__logo-header {
  font-size: 24pt;
  line-height: 24pt;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-weight: bold;
  margin: 0;
  letter-spacing: -1pt; }

.footer__flex-columns {
  display: block; }
  @media screen and (min-width: 1024px) {
    .footer__flex-columns {
      display: flex; } }

.footer__column-wrapper {
  width: 100%; }

.footer__column {
  border-bottom: 1px solid #fff;
  margin: 24px 0;
  padding: 24px 0;
  padding-top: 0; }
  @media screen and (min-width: 1024px) {
    .footer__column {
      border-bottom: none;
      padding: 0;
      margin: 24px 0;
      margin-bottom: 0; } }

.footer__column-wrapper:last-child .footer__column {
  border: none;
  padding-bottom: 0px; }

.footer__copyright {
  background-color: #b8cadb; }

.footer__copyright-text {
  display: block;
  width: 100%;
  max-width: 1536px;
  margin: 0 auto;
  padding: 8px 20px; }
  .footer__copyright-text a {
    color: black; }

/* If this file gets too big, separate to multiple stylesheets */
/* All areas that should be fitted in to content */
.single #content,
.category #content,
.archive #content,
.error404 #content,
.error403 #content,
.search-no-results #content,
.page-template-return-password #content,
.condensed {
  max-width: 1536px;
  margin: 0 auto; }
  
  .condensed--inner {
    padding-right: 20px;
    padding-left: 20px; }

/* Base css for all sections */
section.content {
  margin-bottom: 10px;
  padding: 20px;
  padding-bottom: 0;
  border-bottom: 1px solid #7e7e7e; }
  section.content:nth-child(n+1) {
    padding-top: 0; }

@media screen and (min-width: 1024px) {
  section .row {
    display: flex; } }

section.content--front-primary {
  /* Remove default padding since it is applied from navigation */
  padding-top: 0; }
  @media screen and (min-width: 1024px) {
    section.content--front-primary .row section:first-child {
      width: 70%;
      margin-right: 20px; } }
  @media screen and (min-width: 1280px) {
    section.content--front-primary .row section:first-child {
      width: 80%; } }
  @media screen and (min-width: 1024px) {
    section.content--front-primary .row section:last-child {
      width: 30%; } }
  @media screen and (min-width: 1280px) {
    section.content--front-primary .row section:last-child {
      width: 20%; } }

@media screen and (min-width: 1024px) {
  section.content--front-secondary .row section:first-child {
    width: 40%;
    margin-right: 20px; } }

@media screen and (min-width: 1024px) {
  section.content--front-secondary .row section:last-child {
    width: 60%; } }

section.content--front-secondary .section-title + .row {
  padding-top: 10px; }

/* For old browsers that do not support flex */
/* Wrong place for this but well change it later */
.section-title {
  font-size: 26px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0; }

.single #content,
.category #content,
.archive #content,
.error404 #content,
.error403 #content,
.search-no-results #content,
.page-template-return-password #content {
  padding-left: 10px;
  padding-right: 10px; }
  @media screen and (min-width: 520px) {
    .single #content,
    .category #content,
    .archive #content,
    .error404 #content,
    .error403 #content,
    .search-no-results #content,
    .page-template-return-password #content {
      padding-left: 20px;
      padding-right: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .single #content .single-container,
    .category #content .single-container,
    .archive #content .single-container,
    .error404 #content .single-container,
    .error403 #content .single-container,
    .search-no-results #content .single-container,
    .page-template-return-password #content .single-container {
      max-width: 80%;
      margin: 0 auto; } }
  @media screen and (min-width: 1024px) {
    .single #content,
    .category #content,
    .archive #content,
    .error404 #content,
    .error403 #content,
    .search-no-results #content,
    .page-template-return-password #content {
      display: flex; }
      .single #content #primary,
      .category #content #primary,
      .archive #content #primary,
      .error404 #content #primary,
      .error403 #content #primary,
      .search-no-results #content #primary,
      .page-template-return-password #content #primary {
        flex-shrink: 1;
        min-width: 0;
        width: 100%;
        padding-right: 20px; }
      .single #content .single-container,
      .category #content .single-container,
      .archive #content .single-container,
      .error404 #content .single-container,
      .error403 #content .single-container,
      .search-no-results #content .single-container,
      .page-template-return-password #content .single-container {
        margin-left: auto;
        padding-left: 30%; }
      .single #content .entry-content,
      .category #content .entry-content,
      .archive #content .entry-content,
      .error404 #content .entry-content,
      .error403 #content .entry-content,
      .search-no-results #content .entry-content,
      .page-template-return-password #content .entry-content {
        padding-right: 5%; } }
  @media screen and (min-width: 1280px) {
    .single #content .single-container,
    .category #content .single-container,
    .archive #content .single-container,
    .error404 #content .single-container,
    .error403 #content .single-container,
    .search-no-results #content .single-container,
    .page-template-return-password #content .single-container {
      margin-left: auto;
      padding-left: 25%; } }

body.plus.single #content {
  display: inline-block;
  width: 100%;
  max-width: 100%; }
  body.plus.single #content #primary {
    width: 100%;
    padding-right: 0; }
    @media screen and (min-width: 1536px) {
      body.plus.single #content #primary .entry-header__image img {
        margin-top: -10vw; } }
    body.plus.single #content #primary .single-container {
      max-width: 890px;
      margin: 0 auto;
      padding-left: 0;
      padding-right: 0; }
  body.plus.single #content #secondary {
    width: 100%; }

.single #content #secondary,
.single #content #primary {
  padding-top: 0; }

.entry-sidebar--desktop {
  top: 0;
  left: 0;
  position: absolute;
  width: 30%; }
  @media screen and (max-width: 1023px) {
    .entry-sidebar--desktop {
      display: none; } }
  @media screen and (min-width: 1280px) {
    .entry-sidebar--desktop {
      width: 25%; } }
  .plus .entry-sidebar--desktop {
    display: none; }
    @media screen and (min-width: 1308px) {
      .plus .entry-sidebar--desktop {
        display: block;
        width: 180px;
        left: -180px; } }

.entry-header__image {
  line-height: 0;
  overflow-y: hidden;
  /* Span image to content width */ }
  .entry-header__image img {
    width: 100%; }

.single-container {
  position: relative; }

.entry-header__content > h1 {
  margin-top: 20px;
  margin-bottom: 0; }

.entry-content .post-meta {
  margin-bottom: 13.33333px; }

.entry-image {
  position: relative; }

.code-block {
  max-width: 100%; }

.entry-content__ingress {
  font-size: 1.5em;
  font-weight: 500; }
  @media screen and (max-width: 767px) {
    .entry-content__ingress {
      font-size: 1.3em;
      font-family: "Roboto Condensed", sans-serif; } }
  .entry-content__ingress p {
    margin: 0; }

@media screen and (min-width: 1024px) {
  .entry-content img.alignleft {
    margin-left: -120px; } }

@media screen and (max-width: 767px) {
  img.alignleft,
  img.alignright {
    width: 100%;
    margin-bottom: 20px; } }

.archive #content .entry-content {
  margin-left: 0;
  width: auto;
  max-width: none; }

#content #primary.full-width {
  width: 100%; }

#secondary {
  width: 100%; }
  @media screen and (min-width: 1024px) {
    #secondary {
      flex-basis: 0;
      flex-grow: 0;
      flex-shrink: 0;
      width: 300px;
      min-width: 300px;
      max-width: 300px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .secondary-container {
    max-width: 80%;
    margin: 0 auto; } }

.plus #secondary {
  width: 100%;
  max-width: none; }
  .plus #secondary .secondary-container {
    max-width: 890px;
    margin: 0 auto; }

.search-results #content {
  max-width: 1536px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto; }

.entry-sidebar__item-container {
  padding-top: 20px;
  padding-right: 20px;
  text-align: left; }
  .entry-sidebar__item-container > div {
    display: inline-block; }
  .entry-sidebar--desktop .entry-sidebar__item-container:nth-child(1) {
    padding-top: 0; }

.entry-rev__slider {
  padding-bottom: 20px; }

#full-page {
  max-width: 1536px;
  margin: 0 auto;
  padding: 0 10px; }
  @media screen and (min-width: 768px) {
    #full-page {
      padding: 0 20px; } }

.page-panorama {
  margin: 0 auto;
  max-width: 1536px;
  text-align: center; }

.page-panorama__container {
  display: block;
  padding: 20px;
  padding-top: 0;
  margin: 0 auto; }
  @media screen and (max-width: 1023px) {
    .page-panorama__container {
      padding: 0;
      padding-top: 0; } }

.page-parade {
  max-width: 100%;
  text-align: center; }

.page-parade__container {
  padding-bottom: 10px; }
  @media screen and (min-width: 520px) {
    .page-parade__container {
      display: inline-block;
      padding: 10px;
      padding-top: 0; } }
  @media screen and (min-width: 1024px) {
    .page-parade__container {
      padding: 0;
      padding-top: 0;
      padding-bottom: 0; } }

.sidebar-item {
  text-align: center; }

/* Components */
/* All components of the page */
/* Navigation components (desktop & mobile)*/
/* Namespace for main navigation */
.navigation {
  width: 100%;
  display: inline-block;
  background-color: #fff; }

/* Using id that is provided by wordpress */
#primary-menu {
  display: none;
  width: 100%;
  padding: 20px;
  padding-bottom: 6px; }
  @media screen and (min-width: 875px) {
    #primary-menu {
      display: inline-block; } }
  #primary-menu > li.current-menu-item {
    background-color: #02264c;
    color: #fff; }
    #primary-menu > li.current-menu-item.wpmm-megamenu-showing {
      background-color: #02264c !important; }
      #primary-menu > li.current-menu-item.wpmm-megamenu-showing a {
        color: #fff !important; }
  #primary-menu > li {
    padding: 0 10px; }

/* Change z-index so that link is on top of mega menu */
.login-link {
  color: #4b4b4b;
  z-index: 2000; }
  .login-link:visited {
    color: inherit; }
  .login-link:hover {
    cursor: pointer; }

.login-link--mobile {
  display: none;
  margin-left: auto; }

@media screen and (max-width: 874px) {
  .login-link--mobile {
    display: inline-block; }
  .main-navigation .login-link--desktop {
    display: none; } }

#menu-mobile .login-link {
  color: #fff;
  font-size: 1.3em;
  font-weight: 700;
  border-bottom: 3px solid transparent; }
  #menu-mobile .login-link:hover {
    border-bottom: 3px solid #fff; }
  @media screen and (min-width: 520px) {
    #menu-mobile .login-link {
      font-size: 1.6em; } }

/*
  We might be able to use flex here but mega menu is overriding some css
  so this is more legacy way of align element with the menu
*/
@media screen and (min-width: 875px) {
  .login-link--desktop {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #4b4b4b; } }

/* Namespace for mobile navigation */
.navigation--mobile {
  display: flex;
  align-content: center;
  padding: 20px;
  padding-bottom: 10px; }
  @media screen and (min-width: 875px) {
    .navigation--mobile {
      display: none; } }

.menu-toggle {
  z-index: 100;
  border: none;
  background: none;
  color: #4b4b4b;
  padding: 0; }

.menu-mobile-container {
  transition: top 0.25s;
  top: -100%;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  z-index: 2000;
  padding: 20px;
  background-color: #fff; }
  .mobile-menu-active .menu-mobile-container {
    transition: top 0.25s;
    top: 0; }
  .menu-mobile-container li {
    width: 100%;
    display: inline-block; }

@media screen and (max-width: 874px) {
  .mobile-menu-active #page #content:after {
    transition: background-color 0.25s;
    display: inline-block;
    content: "";
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 1; }
  #page #content:after {
    transition: background-color 0.25s;
    background-color: rgba(0, 0, 0, 0); } }

.menu-mobile__closer-container {
  text-align: right; }

.menu-mobile__closer {
  font-family: "Roboto Condensed", sans-serif;
  color: #fff;
  font-size: 1.6em;
  padding: 0 12px;
  cursor: pointer; }

#menu-mobile {
  overflow: scroll; }
  #menu-mobile li {
    float: none; }
  #menu-mobile a {
    font-size: 1.3em;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    border-bottom: 3px solid transparent; }
    #menu-mobile a:hover {
      border-bottom: 3px solid #fff; }
      #menu-mobile a:hover::after {
        display: none;
        content: none;
        width: 0; }
    @media screen and (min-width: 520px) {
      #menu-mobile a {
        font-size: 1.6em; } }

/* Widgets */
/**
 * Main component to create lifts
 *
 * Takes in parameters and shows content based on those variables.
 * Content variables
 * - Default
 * - Show image on right
 */
/* Namespace for main lift widget */
.widget--lift {
  background-color: #f5f5f5; }

.widget-lift--planar {
  background-color: #f5f5f5;
  /* Removed a bit margin so that images will fit. */
  /* Remove excerpt content from planar view. */
  /* Layout for all elements */ }
  .widget-lift--planar .featured-post__content-wrapper {
    padding: 12px 0; }
  .widget-lift--planar .featured-post {
    height: auto;
    width: 100%;
    border-top: 1px solid #4b4b4b; }
    @media screen and (min-width: 768px) {
      .widget-lift--planar .featured-post a {
        display: flex;
        width: 100%; }
      .widget-lift--planar .featured-post:last-child {
        padding-bottom: 0; } }
  @media screen and (min-width: 768px) {
    .widget-lift--planar .featured-post .post__published {
      padding: 0; } }
  .widget-lift--planar .featured-post__image {
    /* display: none; */ }
    @media screen and (min-width: 768px) {
      .widget-lift--planar .featured-post__image {
        display: inline-block;
        /* Min width so that image is never too small for text */
        max-width: 380px;
        margin-bottom: 8px;
        overflow: hidden; } }
    @media screen and (min-width: 1536px) {
      .widget-lift--planar .featured-post__image {
        display: inline-block; } }
  .widget-lift--planar .featured-post__content {
    display: inline-block;
    width: 100%;
    padding: 0 20px;
    padding: 20px; }
    @media screen and (min-width: 768px) {
      .widget-lift--planar .featured-post__content {
        padding: 8px 20px;
        display: flex;
        align-items: center; } }
  .widget-lift--planar .featured-post__title {
    font-size: 18pt;
    line-height: 22pt;
    letter-spacing: 0;
    font-weight: 600; }
  .widget-lift--planar .excerpt p {
    line-height: 1.25em;
    margin-top: 0; }

/* Namespace for widget */
.widget-content-listing {
  width: 100%;
  /* Items consist of a link and a header tag */ }
  #secondary .widget-content-listing {
    margin: 0 auto; }
  .widget-content-listing .widget-header {
    margin-bottom: 10px; }
    @media screen and (min-width: 1024px) {
      .widget-content-listing .widget-header {
        display: flex;
        align-items: center; } }
  @media screen and (min-width: 768px) {
    .widget-content-listing .widget-filters {
      margin-left: auto;
      display: flex; } }
  .widget-content-listing .widget-filters .filter {
    cursor: pointer;
    display: inline;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    transition: background-color 0.125s;
    background-color: #7e7e7e;
    color: white;
    text-transform: uppercase;
    padding: 4px 16px;
    margin-right: 2.5px; }
    @media screen and (max-width: 1023px) {
      .widget-content-listing .widget-filters .filter {
        display: inline-block;
        margin-bottom: 10px; } }
    .widget-content-listing .widget-filters .filter a {
      color: inherit;
      text-decoration: none; }
    .widget-content-listing .widget-filters .filter:hover, .widget-content-listing .widget-filters .filter.active {
      transition: background-color 0.125s;
      background-color: #095285; }
  .widget-content-listing .widget-filters .widget-filters__content {
    margin-right: 20px; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .widget-content-listing .widget-filters .widget-filters__layout {
      margin-left: auto; } }

/* Flex layout */
.widget-content-listing .widget-content {
  display: flex;
  flex-flow: row wrap;
  width: 100%; }
  #secondary .widget-content-listing .widget-content {
    display: inline-block; }
    @media screen and (min-width: 520px) and (max-width: 1024px) {
      #secondary .widget-content-listing .widget-content {
        display: flex; } }
    .plus #secondary .widget-content-listing .widget-content {
      display: flex; }
  .widget-content-listing .widget-content .features-post__image-container {
    position: relative; }
  .widget-content-listing .widget-content .featured-post__image-link {
    display: block; }
  .widget-content-listing .widget-content .featured-post__image {
    position: relative;
    padding-bottom: 76.95%;
    background-size: cover;
    background-clip: border-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #dedede; }
    .widget-content-listing .widget-content .featured-post__image.no-image {
      background-color: #dedede;
      display: block;
      min-height: 53%; }
  .widget-content-listing .widget-content .post__category {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #095285;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    z-index: 1;
    line-height: 1; }
  .widget-content-listing .widget-content .has-category {
    background-color: #b8cbdc; }
  .widget-content-listing .widget-content .has-category .post__category,
  .widget-content-listing .widget-content .rp-lift .post__category {
    display: inline-block; }
  .widget-content-listing .widget-content .exclusive {
    background-color: #fa8c5a; }
    .widget-content-listing .widget-content .exclusive .post__category {
      display: none; }
    .widget-content-listing .widget-content .exclusive .featured-post__title {
      font-weight: 300;
      font-size: 26pt;
      line-height: 31pt; }
      @media screen and (min-width: 768px) {
        .widget-content-listing .widget-content .exclusive .featured-post__title {
          font-size: 20pt;
          line-height: 26pt; } }
      @media screen and (min-width: 1024px) {
        .widget-content-listing .widget-content .exclusive .featured-post__title {
          font-size: 26pt;
          line-height: 33pt; } }
    .widget-content-listing .widget-content .exclusive .post__published {
      display: none; }
    .widget-content-listing .widget-content .exclusive .excerpt {
      margin-top: 10px;
      color: #000; }
  .widget-content-listing .widget-content .featured-post__plus {
    /*worst class name ever */ }
    .widget-content-listing .widget-content .featured-post__plus .post__to-who {
      color: #fa8c5a;
      padding-right: 8px; }

.widget-content-listing .widget-content.listing .featured-post__plus {
  background-color: #01304e; }
  .widget-content-listing .widget-content.listing .featured-post__plus .featured-post__title,
  .widget-content-listing .widget-content.listing .featured-post__plus .featured-post__content {
    color: #fff; }
  .widget-content-listing .widget-content.listing .featured-post__plus .post__to-who {
    color: #fa8c5a;
    padding-right: 8px; }

.widget-content-listing .widget-content.listing .featured-post {
  height: auto;
  width: 100%;
  margin-bottom: 20px; }
  @media screen and (min-width: 520px) and (max-width: 767px) {
    .widget-content-listing .widget-content.listing .featured-post {
      width: 49%;
      margin-right: 2%;
      min-height: 420px; }
      .widget-content-listing .widget-content.listing .featured-post:nth-child(2n+2) {
        margin-right: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1279px) {
    .widget-content-listing .widget-content.listing .featured-post {
      width: 32%;
      margin-right: 2%;
      min-height: 480px; }
      .widget-content-listing .widget-content.listing .featured-post:nth-child(3n+3) {
        margin-right: 0; } }
  @media screen and (min-width: 1280px) {
    .widget-content-listing .widget-content.listing .featured-post {
      width: 23.75%;
      margin-right: 1.5%;
      min-height: 510px; }
      .widget-content-listing .widget-content.listing .featured-post:nth-child(4n+4) {
        margin-right: 0; } }
  @media screen and (min-width: 768px) {
    #secondary .widget-content-listing .widget-content.listing .featured-post {
      width: 31.833%; } }
  @media screen and (min-width: 1024px) {
    #secondary .widget-content-listing .widget-content.listing .featured-post {
      width: 100%; }
      .plus #secondary .widget-content-listing .widget-content.listing .featured-post {
        width: 31.833%; } }
  #picked-articles .widget-content-listing .widget-content.listing .featured-post {
    width: 100%; }
    @media screen and (min-width: 520px) and (max-width: 767px) {
      #picked-articles .widget-content-listing .widget-content.listing .featured-post {
        width: 49%;
        margin-right: 2%;
        min-height: 420px; }
        #picked-articles .widget-content-listing .widget-content.listing .featured-post:nth-child(2n+2) {
          margin-right: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1279px) {
      #picked-articles .widget-content-listing .widget-content.listing .featured-post {
        width: 49%;
        margin-right: 2%;
        min-height: 480px; }
        #picked-articles .widget-content-listing .widget-content.listing .featured-post:nth-child(2n+2) {
          margin-right: 0; } }
    @media screen and (min-width: 1280px) {
      #picked-articles .widget-content-listing .widget-content.listing .featured-post {
        width: 31.833%;
        margin-right: 1.5%;
        min-height: 510px; }
        #picked-articles .widget-content-listing .widget-content.listing .featured-post:nth-child(3n+3) {
          margin-right: 0; } }

.widget-content-listing .widget-content.titles .featured-post {
  padding-bottom: 20px;
  background-color: transparent;
  border-bottom: 1px solid black;
  width: 100%; }

.widget-content-listing .widget-content.titles .featured-post__plus .post__to-who {
  padding-top: 0;
  padding-bottom: 0; }

.widget-content-listing .featured-post {
  margin-bottom: 20px;
  max-width: 100%; }
  @media screen and (min-width: 520px) {
    .widget-content-listing .featured-post .no-flex {
      float: left; } }
  @media screen and (min-width: 768px) and (max-width: 1279px) {
    .widget-content-listing .featured-post .no-flex {
      width: 31%;
      margin-right: 1.5%;
      float: left;
      min-height: 480px; }
      .widget-content-listing .featured-post .no-flex:nth-child(3n+3) {
        margin-right: 0; } }
  @media screen and (min-width: 1280px) {
    .widget-content-listing .featured-post .no-flex {
      width: 24%;
      margin-right: 1%;
      min-height: 480px; }
      .widget-content-listing .featured-post .no-flex:nth-child(4n+4) {
        margin-right: 0; }
      .widget-content-listing .featured-post .no-flex:nth-child(4n+5) {
        clear: both; } }

.widget-content-listing .featured-post__title {
  word-wrap: break-word;
  font-size: 18pt;
  line-height: 20pt;
  letter-spacing: -1pt;
  font-weight: 700; }
  @media screen and (min-width: 1024px) {
    .widget-content-listing .featured-post__title {
      font-size: 22pt;
      line-height: 26pt; } }

.widget-content-listing .post__published {
  font-size: 9pt;
  padding: 0; }

.widget-content-listing .featured-post__content .excerpt {
  font-size: 11pt;
  line-height: 15pt; }
  @media screen and (min-width: 1024px) {
    .widget-content-listing .featured-post__content .excerpt {
      font-size: 12pt;
      line-height: 16pt; } }

.listing-navigation {
  content: "";
  display: table;
  table-layout: fixed;
  width: 100%; }
  .listing-navigation .listing-navigation__next-page {
    float: right; }
    @media screen and (min-width: 768px) {
      .listing-navigation .listing-navigation__next-page {
        margin-right: 0.5%; } }
  .listing-navigation .listing-navigation__previous-page {
    float: left; }
    @media screen and (min-width: 768px) {
      .listing-navigation .listing-navigation__previous-page {
        margin-right: 1.5%; } }
  .listing-navigation .listing-navigation__next-page,
  .listing-navigation .listing-navigation__previous-page {
    width: 49%;
    text-align: center;
    padding: 8px 14px;
    cursor: pointer;
    text-align: center;
    background-color: #21759b;
    color: #f5f5f5; }
    @media screen and (min-width: 768px) {
      .listing-navigation .listing-navigation__next-page span,
      .listing-navigation .listing-navigation__previous-page span {
        font-size: 1.2em; } }
    .widget-recent-content .listing-navigation .listing-navigation__next-page span, .widget-recent-content
    .listing-navigation .listing-navigation__previous-page span {
      font-size: 0.8em; }
    .widget-recent-content .listing-navigation .listing-navigation__next-page, .widget-recent-content
    .listing-navigation .listing-navigation__previous-page {
      margin-top: 30px; }
      @media screen and (min-width: 520px) {
        .widget-recent-content .listing-navigation .listing-navigation__next-page, .widget-recent-content
        .listing-navigation .listing-navigation__previous-page {
          margin: 20px 0px; } }
      @media screen and (min-width: 1024px) {
        .widget-recent-content .listing-navigation .listing-navigation__next-page, .widget-recent-content
        .listing-navigation .listing-navigation__previous-page {
          margin: 20px 0; } }
  .listing-navigation .listing-navigation__icon {
    font-family: 'FontAwesome'; }

#content-list-loading {
  text-align: center;
  padding: 250px 0;
  width: 100%; }

.featured-post__plus.category-listing {
  margin-bottom: 5px; }
  .featured-post__plus.category-listing .featured-post__image {
    margin-bottom: 0px; }
  .featured-post__plus.category-listing .post__to-who {
    color: #fa8c5a;
    padding-right: 8px; }
  .featured-post__plus.category-listing .featured-post__content {
    background: #01304e; }
  .featured-post__plus.category-listing .featured-post__title, .featured-post__plus.category-listing .featured-post__content {
    color: #fff; }

/* Recent content widget on front page */
.widget-recent-content {
  background-color: #f5f5f5;
  padding: 30px 20px; }
  @media screen and (min-width: 520px) and (max-width: 1023px) {
    .widget-recent-content {
      padding: 0; }
      .widget-recent-content .items {
        padding: 30px 20px; }
      .widget-recent-content .filters {
        background-color: #fff; }
      .widget-recent-content .filter.active {
        background-color: #f5f5f5; } }
  @media screen and (min-width: 1024px) {
    .plus #secondary .widget-recent-content {
      padding: 0; }
      .plus #secondary .widget-recent-content .items {
        padding: 30px 20px; }
      .plus #secondary .widget-recent-content .filters {
        background-color: #fff; }
      .plus #secondary .widget-recent-content .filter.active {
        background-color: #f5f5f5; } }
  .widget-recent-content .filters {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700; }
    @media screen and (min-width: 520px) and (max-width: 1023px) {
      .widget-recent-content .filters {
        display: flex;
        font-size: 0.85em; } }
    @media screen and (min-width: 1024px) {
      .plus #secondary .widget-recent-content .filters {
        display: flex;
        font-size: 0.85em; } }
  .widget-recent-content .filter {
    transition: background 0.125s;
    background-color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
    padding: 2.5px 5px; }
    @media screen and (max-width: 1023px) {
      .widget-recent-content .filter {
        padding: 10px 20px;
        margin-bottom: 0; } }
    @media screen and (min-width: 1024px) {
      .plus #secondary .widget-recent-content .filter {
        padding: 10px 20px;
        margin-bottom: 0; } }
    .widget-recent-content .filter.active {
      background-color: #4b4b4b;
      color: #fff; }
      .widget-recent-content .filter.active:hover {
        background-color: #4b4b4b; }
      @media screen and (min-width: 520px) and (max-width: 1023px) {
        .widget-recent-content .filter.active {
          background-color: #f5f5f5;
          color: inherit; }
          .widget-recent-content .filter.active:hover {
            background-color: #f5f5f5; } }
      @media screen and (min-width: 1024px) {
        .plus #secondary .widget-recent-content .filter.active {
          background-color: #f5f5f5;
          color: inherit; }
          .plus #secondary .widget-recent-content .filter.active:hover {
            background-color: #f5f5f5; } }
    .widget-recent-content .filter:hover {
      transition: background 0.125s;
      cursor: pointer;
      background-color: #dcdcdc; }
      @media screen and (min-width: 520px) and (max-width: 1023px) {
        .widget-recent-content .filter:hover {
          background-color: #f5f5f5; } }
      @media screen and (min-width: 1024px) {
        .plus #secondary .widget-recent-content .filter:hover {
          background-color: #f5f5f5; } }
  .widget-recent-content .item {
    font-size: 16pt;
    line-height: 22pt;
    color: inherit;
    text-decoration: none;
    margin-top: 10px;
    border-top: 1px solid #4b4b4b;
    padding-top: 10px;
    display: inline-block;
    width: 100%; }

.content-recent__blank-link {
  display: block;
  width: 100%;
  border-radius: 12px;
  min-height: 16px;
  background-color: #eaeaea;
  margin: 32px 0; }

@media screen and (max-width: 1024px) {
  .widget-vastuullista-box {
    padding: 0;
    margin-bottom: 60px; }
    .widget-vastuullista-box > p {
      font-size: 0.9rem; } }

/* Single components */
/* All css when listing posts. */
.post-listing,
.featured-post {
  background-color: #f5f5f5;
  /* Span content when using flex */
  height: 100%; }
  .post-listing .excerpt,
  .featured-post .excerpt {
    margin-top: 0;
    font-size: 11pt; }
    @media screen and (min-width: 768px) {
      .post-listing .excerpt,
      .featured-post .excerpt {
        font-size: 12pt; } }
    @media screen and (min-width: 1280px) {
      .post-listing .excerpt,
      .featured-post .excerpt {
        font-size: 16pt; } }
  .post-listing .post__published,
  .featured-post .post__published {
    display: inline-block;
    padding: 10px 0; }

.featured-post a {
  color: inherit;
  text-decoration: none; }

.featured-post__content {
  padding: 20px 20px;
  /* Remove margin from header since margin is applied from container. */ }
  .featured-post__content h1 {
    margin: 0; }
  .featured-post__content p:last-child {
    margin-top: 0;
    margin-bottom: 0; }

.featured-post__image {
  line-height: 0;
  position: relative; }
  .featured-post__image img {
    width: 100%; }

/* By default post category is hidden from view */
.post__category {
  display: none; }

.featured-post__title--mobile {
  display: none; }

.search-bar {
  margin-left: auto;
  display: none; }
  @media screen and (min-width: 768px) {
    .search-bar {
      display: inline-block; } }
  #menu-mobile .search-bar {
    display: block;
    width: 100%;
    margin: 12px 0; }
    @media screen and (min-width: 520px) {
      #menu-mobile .search-bar {
        margin: 36px 0; } }

.search-form {
  display: flex;
  align-items: center; }
  .search-form label {
    width: 100%; }
  .search-form input[type="search"] {
    background: none;
    border: none;
    outline: none;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    width: 100%; }
    #menu-mobile .search-form input[type="search"] {
      font-weight: 700;
      font-family: "Roboto Condensed", sans-serif;
      color: #fff;
      font-size: 1.3em;
      border-bottom: 3px solid #fff; }
      #menu-mobile .search-form input[type="search"]::placeholder {
        text-transform: uppercase;
        font-weight: 700;
        font-family: "Roboto Condensed", sans-serif;
        color: #fff; }
      @media screen and (min-width: 520px) {
        #menu-mobile .search-form input[type="search"] {
          font-size: 1.6em; } }
  .search-form button.search-submit,
  .search-form input[type="submit"] {
    background: none;
    border: none;
    outline: none;
    border: none;
    font-size: 22pt;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    letter-spacing: -2pt;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg); }

.content-no-login__container {
  background-color: #b8cbdc;
  margin-top: 48px;
  margin-bottom: 48px;
  padding: 20px 20px;
  color: white; }
  @media screen and (min-width: 520px) {
    .content-no-login__container {
      padding: 20px 30px; } }

.content-no-login__header {
  margin-bottom: 0px;
  margin-top: 0px; }

.content-no-login__subheader {
  display: inline-block;
  font-size: 1.7rem;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
  text-align: center; }
  .content-no-login__subheader:before {
    margin-right: 12px;
    border-radius: 100%;
    display: block;
    font-size: 2rem;
    width: 100%;
    text-align: center;
    line-height: 50px;
    font-family: 'FontAwesome';
    content: '\f023'; }
    @media screen and (min-width: 520px) {
      .content-no-login__subheader:before {
        display: inline-block;
        width: 50px;
        height: 50px;
        border: 1px solid white; } }
  @media screen and (min-width: 520px) {
    .content-no-login__subheader {
      text-align: left; } }

.content-no-login__paragraph {
  font-size: 1.2rem;
  font-weight: 200;
  margin-bottom: 0px; }

.content-no-login__list {
  margin-bottom: 12px;
  margin-left: 0px;
  font-weight: 200;
  list-style-type: none;
  padding-left: 0; }

.category-post-listing .post,
.search-post-listing .post {
  margin-bottom: 48px;
  max-width: 900px; }

.category-list__post-title {
  margin: 16px 0px;
  line-height: 1; }
  .category-list__post-title a {
    text-decoration: none;
    font-size: 23px; }
  @media screen and (min-width: 768px) {
    .category-list__post-title a {
      font-size: 30px;
      line-height: 1.2; } }

.category-list__post-content {
  padding-right: 0; }

.category-list__post__image-link {
  display: block; }

.category-list__post__image {
  display: block;
  width: 100%; }
  .category-list__post__image img {
    display: block; }
  @media screen and (min-width: 768px) {
    .category-list__post__image {
      display: inline-block;
      width: 45%;
      vertical-align: top; } }

.category-list__post-content__snippet {
  display: block;
  width: 100%;
  padding: 0 12px; }
  @media screen and (min-width: 768px) {
    .category-list__post-content__snippet {
      display: inline-block;
      width: 55%;
      vertical-align: top; }
      .category-list__post-content__snippet p {
        margin: 0; } }

.entry-comments__header {
  border-bottom: 1px solid #dad9d9;
  display: flex;
  align-items: baseline;
  justify-content: space-between; }
  .entry-comments__header .commenting_rules_link {
    padding-right: 12px;
    font-size: 12px;
    text-decoration: none;
    text-align: right;
    max-width: 40%;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif; }
    .entry-comments__header .commenting_rules_link:visited {
      color: #0000EE; }

.tribe-events-mobile .summary a {
  font-size: 1.85rem; }

.tribe-events-list .tribe-events-list-event-title {
  margin: 0; }
  .tribe-events-list .tribe-events-list-event-title a {
    font-size: 1.85rem; }

.tribe-events-list .tribe-events-event-meta,
.tribe-events-list .tribe-events-event-meta .tribe-event-schedule-details {
  line-height: 2;
  font-weight: 500; }

#tribe-bar-form .tribe-bar-submit {
  float: right; }

.tribe-events-calendar a {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.5em;
  color: black; }

.single-tribe_events #tribe-events-footer:before, .single-tribe_events #tribe-events-footer #tribe-events-header:before, .single-tribe_events #tribe-events-footer:after, .single-tribe_events #tribe-events-footer #tribe-events-header:after,
.single-tribe_events #tribe-events-header:before,
.single-tribe_events #tribe-events-header #tribe-events-header:before,
.single-tribe_events #tribe-events-header:after,
.single-tribe_events #tribe-events-header #tribe-events-header:after,
.post-type-archive-tribe_events #tribe-events-footer:before,
.post-type-archive-tribe_events #tribe-events-footer #tribe-events-header:before,
.post-type-archive-tribe_events #tribe-events-footer:after,
.post-type-archive-tribe_events #tribe-events-footer #tribe-events-header:after,
.post-type-archive-tribe_events #tribe-events-header:before,
.post-type-archive-tribe_events #tribe-events-header #tribe-events-header:before,
.post-type-archive-tribe_events #tribe-events-header:after,
.post-type-archive-tribe_events #tribe-events-header #tribe-events-header:after {
  content: none; }

@media screen and (max-width: 767px) {
  .single-tribe_events #tribe-events-footer .tribe-events-sub-nav li,
  .single-tribe_events #tribe-events-header .tribe-events-sub-nav li,
  .post-type-archive-tribe_events #tribe-events-footer .tribe-events-sub-nav li,
  .post-type-archive-tribe_events #tribe-events-header .tribe-events-sub-nav li {
    width: 100%;
    float: none;
    margin-bottom: 12px;
    text-align: center; } }

@media screen and (min-width: 768px) {
  .single-tribe_events #tribe-events-footer .tribe-events-sub-nav li,
  .single-tribe_events #tribe-events-header .tribe-events-sub-nav li,
  .post-type-archive-tribe_events #tribe-events-footer .tribe-events-sub-nav li,
  .post-type-archive-tribe_events #tribe-events-header .tribe-events-sub-nav li {
    background-color: #666; }
    .single-tribe_events #tribe-events-footer .tribe-events-sub-nav li a,
    .single-tribe_events #tribe-events-header .tribe-events-sub-nav li a,
    .post-type-archive-tribe_events #tribe-events-footer .tribe-events-sub-nav li a,
    .post-type-archive-tribe_events #tribe-events-header .tribe-events-sub-nav li a {
      color: #fff;
      display: block;
      padding: 8px 24px; } }

.tribe-events-back a {
  background-color: #666;
  color: #fff;
  display: inline-block;
  padding: 8px 24px; }

.tribe-events-single {
  max-width: 998px;
  margin: 0 auto; }

.tribe-events-content h3 {
  font-size: 1.5rem; }

.tribe-mobile-day .summary a {
  color: black; }

.tribe-mobile-day .tribe-events-event-schedule-details span {
  font-size: 0.9em;
  display: inline-block;
  margin-top: 12px; }

.tribe-mobile-day .tribe-events-read-more {
  color: black; }

#modal {
  display: none;
  position: fixed;
  z-index: 3000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4); }

.modal__container {
  position: relative;
  background-color: #fefefe;
  margin: 100px auto;
  padding-bottom: 0px;
  border: 1px solid #888;
  max-width: 500px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }

.modal__footer {
  background-color: #095285;
  background: linear-gradient(to bottom, #095285 11%, #07436d 49%, #02264c 90%); }

.modal__footer__content {
  padding: 10px 20px;
  color: #fff; }
  .modal__footer__content p {
    display: inline-block; }
  .modal__footer__content a {
    color: #fa8c5a; }
    .modal__footer__content a:hover {
      color: #fcaf8c; }

.modal__content {
  padding: 20px; }

.modal__closer-container {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  width: 48px;
  height: 48px;
  color: #666;
  cursor: pointer; }
  .modal__closer-container:hover {
    color: #9e9e9e; }

.modal__closer {
  width: 100%;
  line-height: 48px;
  font-family: 'FontAwesome';
  font-size: 24px;
  cursor: pointer; }

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer; }

.login__tab > h3 {
  margin-top: 0; }

.open-modal {
  cursor: pointer; }

.login__tab .form--input-block {
  margin-bottom: 18px; }

.login__tab input {
  display: block;
  width: 100%; }

.login__tab label {
  display: block; }

.login__tab input[type='submit'] {
  width: 100%;
  font-size: 1em; }

.login__tab input[type='checkbox'] {
  margin-right: 12px; }

.login__tab .input--inline {
  display: inline-block;
  width: auto; }

.ajax__status {
  min-height: 24px; }

.login--social-media {
  transition: all 0.1s linear;
  margin-bottom: 9px; }
  .login--social-media.login--social-media__facebook {
    background-color: #3b5998; }
    .login--social-media.login--social-media__facebook:hover {
      background-color: #344e86; }
  .login--social-media.login--social-media__twitter {
    background-color: #00aced; }
    .login--social-media.login--social-media__twitter:hover {
      background-color: #0099d4; }
  .login--social-media a {
    color: white;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 8px 0;
    text-align: center; }

.single-tribe_events {
  /* The container for the content */
  /* Date container*/
  /* Links to next and previous event */
  /* The output of the wysiwyg, I assume */
  /* The block with more specific information about the event */ }
  .single-tribe_events .tribe-events-single-event-title {
    font-size: 3.7rem; }
  .single-tribe_events .tribe-events-schedule h2 {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0; }

.footer__column-wrapper #mc_embed_signup form {
  text-align: center;
  padding: 0; }
  @media screen and (min-width: 1024px) {
    .footer__column-wrapper #mc_embed_signup form {
      text-align: left; } }

@media screen and (min-width: 768px) {
  .footer__column-wrapper #mc_embed_signup input.email {
    width: 180px; } }

@media screen and (min-width: 1280px) {
  .footer__column-wrapper #mc_embed_signup input.email {
    width: 280px; } }

.cookie-policy__container {
  background-color: #095285; }

.cookie-policy {
  margin: 0 auto;
  text-align: center;
  padding: 0 12px;
  padding-top: 12px;
  max-width: 1486px; }
  .cookie-policy p, .cookie-policy a {
    color: #f5f5f5; }
  .cookie-policy p {
    display: inline-block; }

#ensNotifyBanner {
  background: #7e7e7e;
  font-weight: bold;
  opacity: 1;
  font-family: 'Roboto Condensed', sans-serif; }
  @media screen and (max-width: 520px) {
    #ensNotifyBanner {
      width: 80%; } }

.ensButtons {
  width: 100%; }

#ensCloseBanner {
  margin: 0;
  width: 100%;
  background: #21759b; }

#ensModalWrapper {
  font-family: 'Roboto Condensed', sans-serif !important;
  box-shadow: none !important; }
  #ensModalWrapper .ensCenter {
    font-weight: bold; }

.listing-pagination {
  content: "";
  display: table;
  table-layout: fixed;
  width: 100%; }
  .listing-pagination .pagination-nav {
    display: inline-block;
    margin: 8px; }
    .listing-pagination .pagination-nav a {
      background-color: #21759b;
      color: #f5f5f5;
      display: inline-block;
      padding: 8px 14px;
      text-decoration: none; }
    @media screen and (max-width: 519px) {
      .listing-pagination .pagination-nav {
        float: none;
        margin-bottom: 12px;
        margin-top: 0px; } }
  @media screen and (max-width: 519px) {
    .listing-pagination {
      text-align: center; } }

.blogist__table-header th {
  text-align: left;
  padding: 12px; }
  .blogist__table-header th span {
    padding-right: 32px;
    padding-bottom: 8px;
    border-bottom: 1px solid black; }

.blogist__table-row td {
  padding: 2px 12px; }

.blogist__edit-block {
  display: block;
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e0e0e0; }

.blogist__edit-view-container,
.blogist__list-view-container {
  max-width: 996px;
  margin: 0 auto;
  padding: 24px; }
  .blogist__edit-view-container .wp-editor-area,
  .blogist__edit-view-container .wp-editor-container,
  .blogist__list-view-container .wp-editor-area,
  .blogist__list-view-container .wp-editor-container {
    border: 1px solid #e0e0e0; }
  .blogist__edit-view-container #title,
  .blogist__list-view-container #title {
    width: 100%;
    font-size: 36px; }

.featured-image-image__container {
  display: inline-block;
  position: relative; }

#featured-image-remove {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  font-size: 36px;
  width: 45px;
  height: 45px;
  margin-top: 12px;
  margin-right: 12px;
  line-height: 45px;
  border-radius: 100%;
  text-align: center; }

#featured-image-image {
  max-height: 300px;
  padding: 5px;
  border: 1px solid #e0e0e0; }

#featured-image-button {
  display: block; }

.blogist__list-link-wrapper {
  padding: 24px; }
  .blogist__list-link-wrapper a {
    color: black;
    text-decoration: none;
    font-size: 24px;
    border-bottom: 1px solid black; }
    .blogist__list-link-wrapper a:after {
      content: ' »'; }

.social-media-shares {
  margin-top: 48px;
  margin-bottom: 20px; }

.social-media-shares__container {
  display: flex; }

.social-media-share {
  transition: all 0.1s ease-in-out;
  text-align: center;
  flex-grow: 1;
  flex-basis: 0; }
  .social-media-share:hover {
    flex-grow: 1.5; }
  .social-media-share span {
    font-size: 18px;
    display: inline-block;
    height: 40px;
    line-height: 40px; }
  .social-media-share span:before {
    color: white;
    font-family: 'FontAwesome'; }
  .social-media-share.social-media__facebook {
    background-color: #3b5998; }
    .social-media-share.social-media__facebook span:before {
      content: '\f09a'; }
  .social-media-share.social-media__twitter {
    background-color: #00aced; }
    .social-media-share.social-media__twitter span:before {
      content: '\f099'; }
  .social-media-share.social-media__linkedin {
    background-color: #0077B5; }
    .social-media-share.social-media__linkedin span:before {
      content: '\f0e1'; }
  .social-media-share.social-media__email {
    background-color: #86888A; }
    .social-media-share.social-media__email span:before {
      content: '\f0e0'; }
  .social-media-share.social-media__link {
    background-color: #333; }
    .social-media-share.social-media__link span:before {
      content: '\f0c1'; }

.blogist-profile h4 {
  margin: 0;
  line-height: 1.4;
  font-size: 1.3em;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700; }

.blogist-profile p {
  margin: 0;
  font-family: "Roboto Slab", serif;
  font-weight: 500; }

.blogist-profile--low {
  margin: 24px 0; }
  @media screen and (min-width: 1024px) {
    .blogist-profile--low {
      display: none; } }
  .blogist-profile--low .blogist-profile__author {
    display: inline-block;
    text-align: left; }
  .blogist-profile--low .blogist-profile__container {
    text-align: center;
    padding: 24px 16px; }
  .blogist-profile--low .blogist-profile__picture {
    display: block; }
    @media screen and (min-width: 520px) {
      .blogist-profile--low .blogist-profile__picture {
        display: inline-block;
        max-width: 19%; } }
  .blogist-profile--low .blogist-profile__content {
    padding-left: 12px;
    display: inline-block;
    vertical-align: top;
    max-width: 80%; }

.blogist-profile--absoluted {
  padding-right: 20px; }
  .blogist-profile--absoluted .blogist-profile__container {
    padding: 0; }
  .blogist-profile--absoluted .blogist-profile__content {
    padding: 0 20px;
    padding-bottom: 20px; }
  .blogist-profile--absoluted .blogist-profile__picture {
    margin-bottom: 12px; }
    .blogist-profile--absoluted .blogist-profile__picture img {
      display: block;
      width: 100%; }

.blogist-profile__container {
  margin: 0 auto;
  background-color: #b8cbdc;
  padding: 24px 8px;
  vertical-align: top; }

.blogist-profile__picture {
  text-align: center; }

#bentv {
  margin-bottom: 24px; }

.bentv__container {
  background-color: #b8cbdc; }
  .bentv__container iframe {
    height: 350px; }
    @media screen and (min-width: 768px) {
      .bentv__container iframe {
        height: 400px; } }
    @media screen and (min-width: 1024px) {
      .bentv__container iframe {
        height: 180px; } }
    @media screen and (min-width: 1280px) {
      .bentv__container iframe {
        height: 170px; } }
    @media screen and (min-width: 768px) {
      .plus .bentv__container iframe {
        height: 400px; } }
  .bentv__container p {
    display: inline-block;
    padding: 0 20px;
    min-height: 68px; }

/* For the wp quiz pro plugin */
body .wq_IsSwiperResult .userVote {
  font-size: 0px; }
  body .wq_IsSwiperResult .userVote i {
    font-size: 12px;
    padding: 5px 0; }

/* Hacks */
/*
 * This hack fixes facebook comments width on edge.
 * There is an issue while you are logged in facebook,
 * that the comment section will get inline width:0px styling.
 *
 * This doesn't happen in other browser, just with edge.
 * other browsers respects the change from data-width -> width
 */
iframe.fb_iframe_widget_lift {
  width: 100% !important; }