@charset "UTF-8";
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.2.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeout {
  /* Firefox */
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeout {
  /* Safari and Chrome */
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes fadeout {
  /* Opera */
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
html {
  background-color: #f0f0f0;
}

body {
  max-width: 100% !important;
  font-family: Raleway, sans-serif;
  color: #555555;
}

img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

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

a img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

a img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

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

body.default-page .content-area {
  margin: 0 auto;
}

body.default-page .eading h1 {
  text-align: center;
  margin: 0 auto;
}

select {
  max-width: 100%;
}

.screen-reader-text {
  display: none;
}

.container {
  max-width: 1061px;
}

body.search #content {
  padding-bottom: 1rem;
}

body.default-page .site-content .content {
  background-color: white;
  padding-bottom: 3rem;
}

article p {
  margin: 0 0 1.5em 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  font-family: Raleway, sans-serif;
}

h1 strong, h1 b,
h2 strong, h2 b,
h3 strong, h3 b,
h4 strong, h4 b,
h5 strong, h5 b,
h6 strong, h6 b {
  font-weight: bold;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin-bottom: 1em;
  margin-top: 0.5em;
  hyphens: auto;
  -webkit-hyphens: auto;
  font-weight: 300;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #303030;
}

strong {
  font-weight: bold;
}

article .entry-content {
  font-size: 1.125rem;
  line-height: 1.6;
}

.entry-content figure,
.entry-content figure,
.content-area figure,
.content-area img {
  max-width: 100%;
  height: auto;
}

.wp-caption-text {
  font-size: 0.8em;
}

.morewrap {
  text-align: center;
  width: 100%;
}

.more {
  border: 1px solid #4a4a4a;
  border-radius: 2em;
  padding: 0.5rem 1rem;
  display: inline-block;
  letter-spacing: 0.16em;
  font-size: 0.6rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #303030;
  background-color: white;
  transition-duration: 0.5s;
}

.more:hover {
  text-decoration: none;
  background-color: #303030;
  color: white;
  transition-duraiton: 0.5s;
}

/* header */
.heading .container .row {
  padding: 1rem;
}

.heading .paywall_type_label {
  display: inline-block;
  background-color: black;
  color: white;
  padding: 0.2rem 1rem;
  border-radius: 2rem;
  background-color: #008dd0;
  color: white;
  font-size: 0.8em;
  text-transform: uppercase;
}

header.page-header {
  padding-top: 3rem;
}

header.page-header h1 {
  font-family: Raleway, sans-serif;
  font-weight: 100;
}

.header-wrap,
#featured-slider {
  background-color: transparent;
  color: #333;
}

.photo_bg {
  background-image: url(/wp-content/themes/lehti2019/lahimedia/helsinki.jpg);
}

@keyframes pulse {
  0% {
    background-color: rgba(4, 62, 99, 0.9);
  }
  50% {
    background-color: rgba(4, 62, 99, 0.85);
  }
  100% {
    background-color: rgba(4, 62, 99, 0.9);
  }
}
#featured-article .squareblocks-featured-image img {
  display: none;
}

#featured-article .squareblocks-content-wrap {
  padding-left: 3rem;
}

@keyframes InitCover {
  0% {
    background-color: rgba(128, 128, 128, 0.9);
  }
  100% {
    background-color: rgba(0, 0, 0, 0);
  }
}
#featured-article .shade {
  padding-top: 0;
  padding-bottom: 0;
  /*	background-color: rgba(4,62,99,0.2);*/
  background-color: transparent;
  /*	background: linear-gradient(80deg,rgba(4,62,99,0.7) 0%, rgba(4,62,99,0.9) 50%, rgba(4,62,99,0.9) 100%);
  */
  animation: InitCover 2s ease-out 0.5s 1;
  position: relative;
  top: 0;
  left: 0;
}

#featured-article .container {
  position: relative;
  left: 0;
}

.header-wrap a {
  color: #333;
}

a.logomask #site-logo2 {
  position: absolute;
  transition-duration: 2s;
}

a.logomask {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

a.logomask:hover #site-logo2 {
  opacity: 0.3;
  transition-duration: 2s;
}

#top-layer .logomask img {
  max-width: 100%;
}

#top-layer .container .row {
  flex-wrap: nowrap;
}

#top-layer .container {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.navbar {
  padding: 0.2rem;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.8rem;
  padding-left: 0.8rem;
}

#mobimenu .dropdown-menu,
#navbar-wrap .dropdown-menu,
#navbar-wrap .container .row {
  background-color: #008dd0;
  border-color: white;
}

#mobimenu .dropdown-menu ul {
  border-left: none;
}

#mobimenu .dropdown-menu .dropdown-toggle::after,
#navbar-wrap .dropdown-menu .dropdown-toggle::after {
  display: none;
}

#navbar-wrap .current-menu-item {
  background-color: rgba(255, 255, 255, 0.2);
}

#mobimenu .dropdown-menu {
  border-color: white;
}

.dropdown-menu ul {
  list-style-type: none;
  padding-left: 0;
}

#navbar-wrap .dropdown-item,
#navbar-wrap .nav-link {
  color: white;
}

#mobimenu .dropdown-item:focus,
#mobimenu .dropdown-item:hover,
#navbar-wrap .nav-link:focus,
#navbar-wrap .dropdown-item:focus,
#navbar-wrap .nav-link:hover,
#navbar-wrap .dropdown-item:hover {
  color: #008dd0;
  background-color: white;
}

#top-layer #main-nav {
  justify-content: flex-end !important;
}

#top-layer .menu-wrapper {
  flex-grow: 8;
}

#top-layer #site-tools {
  flex-grow: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

#mobimenu-widgets .widget_polylang ul,
#top-layer .widget_polylang ul {
  display: flex;
  flex-wrap: nowrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#mobimenu-widgets .widget_polylang ul li {
  padding: 0 0.5rem;
}

#mobimenu-widgets .widget_polylang ul li a {
  color: white;
  text-decoration: none;
}

#mobimenu-widgets .widget_polylang ul li a:focus,
#mobimenu-widgets .widget_polylang ul li a:active,
#mobimenu-widgets .widget_polylang ul li a:hover {
  border-bottom: 1px solid white;
}

#top-layer .container {
  background-color: rgba(255, 255, 255, 0.8);
}

#top-layer .container .row {
  padding-left: 1rem;
  padding-right: 1rem;
}

#top-layer .widget_polylang ul li a {
  height: 97px;
  padding: 36px 18px;
  display: inline-block;
}

#top-layer .widget_polylang ul li a:hover {
  background-color: white;
  color: #999;
  text-decoration: none;
}

#top-layer .navbar {
  padding: 0;
}

#top-layer #site-tools,
#top-layer .navbar-nav {
  font-size: 1rem;
}

#top-layer .navbar-nav > li {
  border: 1px solid transparent;
  height: 95px;
  white-space: nowrap;
}

#top-layer .navbar-nav > li a {
  padding: 37px 1rem;
  text-decoration: none;
}

#top-layer .navbar-nav > li a:hover {
  background-color: white;
  color: #999;
}

#top-layer .dropdown-menu {
  border: none;
  border-radius: 0;
  padding: 0 0.5rem 0.5rem 0;
  font-size: 0.9rem;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  min-width: 240px;
  transition-duration: 0.5s;
}

#top-layer .dropdown-menu li a {
  color: #222;
}

#top-layer .navbar-nav .dropdown-menu .flex > ul {
  padding: 0 0.5rem 0 1.5rem;
}

#top-layer .navbar-nav .dropdown-menu li.nav-item {
  list-style-type: none;
}

#top-layer .navbar-nav a.dropdown-item {
  padding: 0.5rem 0;
  color: #333;
  border-bottom: 1px #e5e5e5 solid;
}

#top-layer .navbar-nav li:last-child a.dropdown-item {
  border-bottom: none;
}

nav.posts-navigation {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-weight: normal;
}

nav.posts-navigation h2 {
  display: none;
}

nav.posts-navigation .nav-links {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

nav.posts-navigation .nav-next a:before {
  content: "«";
  padding-right: 0.5rem;
}

nav.posts-navigation .nav-previous a:after {
  content: "»";
  padding-left: 0.5rem;
}

.heading .container {
  padding-top: 0;
  padding-bottom: 1rem;
}

.heading {
  position: relative;
  background-size: cover;
  background-position: center center;
}

body.search #main {
  padding-top: 2rem;
}

@keyframes Loaded {
  0% {
    background-color: rgba(0, 0, 0, 0.9);
  }
  100% {
    background-color: rgba(0, 0, 0, 0.15);
  }
}
@keyframes GradLoaded {
  0% {
    background-color: rgba(0, 0, 0, 0.9);
  }
  100% {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(4, 21, 32, 0.8));
  }
}
.heading .heading-shade {
  /*	padding-top: 240px;
  	padding-bottom: $doublegap;
  	background: linear-gradient(to bottom,
  		rgba(0,0,0,0),
  		rgba(4,21,32,0.8));
  	animation: 1s ease-out 0s 1 GradLoaded;	
  */
}

.heading h1 {
  font-family: Raleway, sans-serif;
  font-weight: 900;
  line-height: 1.2;
  font-size: 2rem;
}

body.default-page .heading .heading-shade {
  /*
  	padding-top: 80px;
  	padding-bottom: 160px;
  	animation: 3s ease-out 0.5s 1 Loaded;
  	background: linear-gradient(to bottom,
  		rgba(0,0,0,0.15),
  		rgba(0,0,0,0.15));
  */
}

@media (max-width: 992px) {
  .heading h1 {
    margin-left: 0;
  }

  .heading .heading-post-cats-wrap {
    margin-left: 0;
  }

  body-page-template-page_company #main,
body.page-template-page_aboutus #main {
    margin-left: 0;
  }
}
@media (max-width: 640px) {
  .heading h1 {
    font-size: 1.7rem;
  }
}
.site-content .container,
.heading .container {
  background-color: white;
}

body.page #main {
  margin-left: 0;
}

body.page-template-page_people #main {
  width: 100%;
}

.sidebar {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding-bottom: 6rem;
}

#article_sidebar {
  width: 100%;
  overflow-x: hidden;
}

.heading span.heading-post-cats {
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 0.5rem;
}

.heading a.author,
.heading time {
  text-transform: uppercase;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.heading a.author {
  color: #303030;
}

.heading time:before {
  padding: 0 0.5rem;
}

#below_article_meta {
  margin-top: 3em;
}

#below_article_meta h3.widget-title {
  font-size: 1.2rem;
  padding-top: 1rem;
}

#featuredimg img {
  max-width: 100%;
  height: auto !important;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}

.download-container a,
span.posted-on a,
span.author a {
  color: #333;
}

.download-container a:hover {
  text-decoration: none;
}

body.single article header {
  display: none;
}

.article-meta-wrap {
  font-family: Raleway, sans-serif;
  font-weight: 200;
}

.article-meta-wrap #featuredimg {
  padding: 1rem 0;
}

.mobile-article-meta {
  display: none;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #e9e9e9;
  font-family: Raleway, sans-serif;
}

.mobile-article-meta .row {
  align-items: center;
}

.mobile-article-meta span.posted-on a,
.mobile-article-meta span.author a {
  color: #808080;
  text-decoration: none;
}

.mobile-article-meta img {
  width: 32px;
  height: 32px;
  border-radius: 3rem;
  margin-right: 1rem;
}

.mobile-article-meta .posted-on {
  margin-left: 1rem;
}

#after_article_wrap {
  background-color: whitesmoke;
}

#after_article_wrap .container {
  max-width: 100%;
  width: 100%;
}

#after_page,
#after_article {
  padding: 0 1rem;
}

#after_page_wrap .widget,
#after_article_wrap .widget {
  padding-top: 3rem;
  padding-bottom: 1rem;
  width: 100%;
}

#after_page_wrap .widget {
  padding-top: 1rem;
}

#after_page_wrap {
  background-color: #f8f7f6;
}

#after_page_wrap h3.widget-title,
#after_article h3.widget-title {
  text-align: center;
}

#featured-article .squareblocks-item-wrap-inner {
  display: flex;
  align-items: center;
}

#featured-article .squareblocks-featured-image {
  padding-right: 1.5rem;
}

#featured-article .squareblocks-item {
  width: 50%;
}

#featured-article .squareblocks-content-wrap {
  width: 50%;
}

@media (max-width: 1092px) {
  #featured-article .squareblocks-content-wrap {
    width: 60%;
  }

  #featured-article .squareblocks-item {
    width: 40%;
  }
}
#featured-article .widget {
  padding: 0;
}

#featured-article .squareblocks-content-wrap {
  padding: 3rem;
  background-color: #ffffff;
  overflow-x: hidden;
}

#featured-article .squareblocks-featured-image img {
  max-width: 100%;
}

#featured-article .squareblocks-featured-image a:hover img {
  filter: contrast(1.02);
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.05);
}

#featured-article a {
  color: white;
}

#featured-article a:hover {
  text-decoration: none;
}

#featured-article .squareblocks-featured-image span,
#featured-article .squareblocks-featured-image .squareblocks-title {
  display: none;
}

#featured-article .read-more {
  border-radius: 3rem;
  padding: 16px 27px;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  text-transform: lowercase;
  color: white;
  border: 2px solid rgba(255, 255, 255, 0.3);
  transition-duration: 0.5s;
}

#featured-article .read-more:hover {
  background-color: white;
  color: #ffffff;
  transition-duration: 0.5s;
}

#featured-article .sqb_cat_label {
  border-radius: 2em;
  padding: 4px 12px;
  display: inline-block;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.8);
  color: #ffffff;
  font-family: Raleway, sans-serif;
  font-size: 0.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

#featured-article .squareblocks-title {
  font-size: 70px;
  line-height: 70px;
  font-weight: 100;
  font-family: Raleway, sans-serif;
  -ms-hyphens: auto;
  -moz-hypens: auto;
  -webkit-hyphens: auto;
  hyphens: ato;
}

#featured-article .squareblocks-meta {
  padding-bottom: 1rem;
  font-style: italic;
  color: rgba(255, 255, 255, 0.7);
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

#featured-article .squareblocks-meta a {
  display: none;
}

#featured-article .squareblocks-excerpt {
  padding: 1rem 0;
  font-family: Raleway, sans-serif;
  font-weight: 200;
  line-height: 1.6;
  font-size: 1.1em;
}

#featured-article .textwidget {
  padding-top: 1rem;
  text-align: center;
  position: relative;
  font-style: italic;
  color: rgba(255, 255, 255, 0.8);
  text-transform: lowercase;
}

#featured-article .textwidget a {
  color: rgba(255, 255, 255, 0.8);
}

#featured-article .textwidget .more-stories:after {
  position: absolute;
  bottom: -26px;
  left: 50%;
  content: "";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
}

/* front */
.mainheader {
  position: relative;
}

#front_after_menu .row {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: transparent;
}

#front_content_3_header_wrap .widget,
#front_content_2_header_wrap .widget,
#front_content_1_header_wrap .widget {
  padding: 0;
}

#front_content_3_header_wrap .widget_text,
#front_content_2_header_wrap .widget_text,
#front_content_1_header_wrap .widget_text {
  padding: 0;
}

#front_content_aside,
#front_content_1_aside,
#front_content_2_aside,
#front_content_3_aside {
  padding-right: 0;
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  max-width: 100vw;
}

#front_content_aside > *,
#front_content_1_aside > *,
#front_content_2_aside > *,
#front_content_3_aside > * {
  padding-right: 1rem;
}

@media (max-width: 844px) {
  #front_content_aside,
#front_content_1_aside,
#front_content_2_aside,
#front_content_3_aside {
    width: 100%;
    padding: 0 0.5rem 0.5rem 0.5rem;
  }
}
#front_content_aside > *,
#front_content_1_aside > *,
#front_content_2_aside > *,
#front_content_3_aside > * {
  max-width: 100%;
}

#front_content_3_aside .widget:last-child,
#front_content_2_aside .widget:last-child,
#front_content_1_aside .widget:last-child {
  padding-bottom: 1rem;
}

#front_content_wrap .container {
  background-color: white;
}

#front_content_1_wrap .container,
#front_content_2_wrap .container {
  background-color: white;
}

#footer_content_wrap {
  border-top: 2px solid #f2f2f2;
  border-bottom: 2px solid #f2f2f2;
  background-color: white;
}

#footer_content2_wrap .container {
  background-color: white;
}

#footer_content3_wrap .container {
  background-color: white;
}

#colophon {
  text-align: center;
  background-color: rgba(34, 34, 34, 0.95);
  color: #8c8989;
}

#colophon .container {
  border-top: 1px solid #4b4c4d;
}

/* bentobox/stream */
.sqstream .with-image .main-content {
  padding-top: 0;
}

.sqstream .image-wrapper img {
  object-fit: cover;
}

.main {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
}

.mainfeat {
  max-width: 100%;
}

.mainfeat.with-aside .row {
  flex-wrap: nowrap;
}

.mainfeat.with-aside .row > section {
  width: 200px;
  flex-shrink: 0;
  flex-grow: 0;
}

.mainfeat.with-aside .row > section:first-child {
  width: auto;
  flex-shrink: 1;
  flex-grow: 1;
}

.widget.aside {
  padding: 0.5rem 0 0.5rem 0;
}

.aside.widget_codeneric_ad_widget {
  padding: 0.5rem 0 0.5rem 0;
}

@media (max-width: 844px) {
  .aside.widget_codeneric_ad_widget {
    display: inline-block;
    max-width: 300px;
    margin: 0 auto;
  }
}
.widget.aside a {
  color: #303030;
}

.widget.aside:first-child {
  padding: 1rem 0 0.5rem 0;
}

.rss-widget-icon {
  display: none;
}

.media-list {
  list-style-type: none;
}

.media-list li {
  padding-bottom: 0.5rem;
}

.widget_rss .media-list,
.widget.aside .nav {
  background-color: white;
  padding: 0.5rem;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.widget.aside .textwidget {
  background-color: white;
  padding: 0;
}

.mejs-container,
.widget_sp_image.aside img {
  padding: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.widget_sp_image img {
  height: auto !important;
}

.widget_recent_entries .nav-link {
  -ms-hyphens: auto;
  -moz-hypens: auto;
  -webkit-hyphens: auto;
  hyphens: ato;
}

.widget .nav-link {
  padding: 0.5rem 0;
}

#front_content_wrap {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.04);
}

.tile-piece {
  line-height: 1.2;
}

@media (max-width: 1092px) {
  a.tile {
    font-size: 0.9em;
  }
}
@media (max-width: 844px) {
  #featured-article .squareblocks-content-wrap {
    width: 100%;
    background-color: transparent;
    padding: 2rem 0;
  }

  #featured-article .squareblocks-item {
    width: 0;
  }

  #featured-article .shade {
    background: linear-gradient(80deg, rgba(4, 62, 99, 0.9) 0%, rgba(4, 62, 99, 0.9) 50%, rgba(4, 62, 99, 0.9) 100%);
  }

  #featured-article .squareblocks-item-wrap-inner {
    flex-direction: column;
  }

  #featured-article .squareblocks-featured-image {
    padding-bottom: 1em;
  }

  #featured-article .squareblocks-item, #featured-article .squareblocks-content-wrap {
    width: 80%;
  }

  #featured-article .squareblocks-title {
    font-size: 3rem;
    line-height: 3rem;
  }

  .bentobox .squareblocks-wrap,
.tiles-container .row {
    flex-direction: column;
  }

  .tile {
    display: block;
    width: 100%;
    max-width: 100%;
  }

  .tile .tile-inner {
    flex-direction: row;
    min-height: 16rem;
  }

  .sqstream .with-image .eyebrow {
    top: 0.5rem;
  }

  .sqstream .with-image .content-wrapper {
    border-left: 1px solid #d0d0d0;
    border-top: none;
  }

  .sqstream .with-image .main-content,
.sqstream .with-image .eyebrow {
    top: 0.5rem;
  }

  .sqstream .image-wrapper {
    background-position: center center;
    background-size: cover;
  }

  .tile-piece {
    display: inline-block;
    width: 100%;
  }

  .tile-1x1 .image-wrapper,
.tile .image-wrapper {
    display: inline-block;
    height: 100%;
  }

  .tile.with-image .tile-inner > a {
    width: 100%;
  }

  .image-wrapper img {
    display: block;
  }

  .tile-inner {
    width: 100%;
    display: flex;
    align-items: stretch;
    hyphens: auto;
    -webkit-hyphens: auto;
  }

  .tile-1x2 .tile-inner {
    flex-direction: row;
  }

  .tile-2x2 .content-wrapper h3, .tile-2x2 .content-wrapper p, .tile-2x2 .content-wrapper span {
    max-width: 100%;
  }

  .tile-2x2 .image-wrapper {
    height: 100%;
  }

  .sqstream.stream_2 > .tile,
.sqstream.stream_3 > .tile {
    width: 100% !important;
  }

  a.tile {
    font-size: 1em;
  }

  .mainfeat.with-aside .row {
    flex-wrap: wrap;
  }

  .mainfeat.with-aside .row > section {
    width: auto;
  }

  .mainfeat .container {
    padding-right: 0;
    padding-left: 0;
  }

  .mainfeat .container .row {
    margin-left: 0;
    margin-right: 0;
  }

  .mainfeat .aside {
    display: inline-block;
    padding: 1rem;
  }

  .mainfeat > section {
    display: flex;
    flex-wrap: wrap;
  }

  .widget.aside:first-child {
    padding-left: 0.5rem;
  }

  .sidebar {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .tiles-container {
    margin: 0 -0.5rem;
  }
}
@media (max-width: 500px) {
  .tile .tile-inner {
    flex-direction: column;
  }

  .sqstream .with-image .content-wrapper {
    border-top: 1px solid #d0d0d0;
    border-left: none;
  }

  .sqstream .with-image .main-content,
.sqstream .with-image .eyebrow {
    top: -0.7rem;
  }

  .sqstream .image-wrapper {
    background-position: center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
  }

  .sqstream .image-wrapper img {
    display: block;
  }

  .widget.aside {
    width: 100%;
  }

  .widget.aside .codeneric_ultimate_ads_manager_ad_wrapper img {
    width: auto;
  }
}
.contact-information a {
  color: #333;
  font-weight: bold;
}

.contact-information a:hover,
.contact-information a:active,
.contact-information a:focus {
  color: #333;
  text-decoration: none;
}

.contact label {
  color: #aaa;
}

.member-title {
  font-size: 19px;
  font-weight: bold;
}

.members-title-wrap,
#careers-title,
#careers-container {
  text-align: center;
}

.members-title-wrap,
#careers-title {
  padding: 3rem 0 2rem 0;
}

#careers-container {
  padding-bottom: 2rem;
}

.members-title-wrap h3,
#careers-title h3 {
  display: inline-block;
  display: none;
  color: black;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  border-bottom: 1px solid #ccc;
}

.members-title-wrap h3:before,
#careers-title h3:before {
  content: "";
  padding-right: 0.5rem;
  font-family: "FontAwesome";
}

.members-title-wrap h3,
#careers-container h3 {
  color: #4c4c4c;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0.1em;
}

#careers-container p {
  color: #757575;
}

#careers-container .career-option {
  border-right: 1px solid #ccc;
  padding: 2rem 2rem 0 2rem;
}

#careers-container .career-option:last-child {
  border-right: 1px solid transparent;
}

.teammembers_wrap,
#team-members {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  padding-bottom: 2rem;
}

.teammembers_wrap .member,
#team-members .member {
  width: 50%;
  padding: 1rem;
  position: relative;
  height: 100%;
  max-width: 395px;
}

.member img {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}

.teammembers_wrap h3.member-title,
#team-members h3.member-title {
  font-size: 1.2em;
  margin-top: 4px;
}

#author_posts_wrap {
  padding: 2rem 0;
}

@media (max-width: 846px) {
  .teammembers_wrap .member,
#team-members .member {
    width: 100%;
  }
}
.member img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transition-duration: 0.5s;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
}

.member:hover img {
  transition-duration: 2s;
}

.member-details .email {
  position: absolute;
  bottom: 3rem;
  left: 1rem;
  width: 36px;
}

.member-details .email img {
  opacity: 0.2;
  transition-duration: 0.5s;
  box-shadow: none;
}

.member-details .email:hover img {
  opacity: 0.8;
  transition-duration: 3s;
}

.member-name {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
  color: white;
  width: 100%;
  text-align: center;
  text-shadow: 0 0 6px black;
}

.member-details {
  display: flex;
  max-width: 100%;
  hyphens: auto;
  -webkit-hyphens: auto;
  font-weight: normal;
  background-color: rgba(255, 255, 255, 0.2);
}

#footer_content2,
#footer_content2,
#footer_content {
  width: 100%;
}

.rtm-contact-content {
  width: 100%;
  padding: 1rem 10%;
}

.rtm-contact {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 3rem 10%;
}

@media (max-width: 800px) {
  .rtm-contact {
    flex-direction: column;
  }
}
.rtm-contact-text {
  flex-grow: 6;
}

.rtm-contact-text a {
  cursor: pointer;
}

.rtm-contact-button-wrap {
  flex-grow: 1;
  padding: 0 0 0 1rem;
  position: relative;
  text-align: right;
  padding: 0 15px;
}

.more-button,
.rtm-contact-button {
  white-space: nowrap;
}

.more-button {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.caldera-grid label {
  font-weight: normal;
}

.caldera-grid .btn-default {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 90px;
  padding: 4px 1rem;
  font-weight: bold;
  font-size: 1em;
  color: white;
  transition-duration: 0.5s;
}

.caldera-grid .btn-default:active,
.caldera-grid .btn-default:focus,
.caldera-grid .btn-default:hover {
  background-color: white;
  color: #ffffff;
  transition-duration: 1s;
}

.single-teammember #content {
  padding-bottom: 2rem;
}

article.page {
  padding: 3rem 10%;
}

body.single .content-area {
  padding-bottom: 2rem;
}

body.page article .entry-content h1.entry-title {
  display: none;
}

body.search #content header {
  display: none;
}

section.error-404,
body.login #inner-content {
  padding-left: 20%;
  padding-right: 20%;
}

body.error404 #primary {
  width: 100%;
  max-width: 100%;
}

section.error-404 {
  text-align: center;
  padding: 3rem 0;
}

.archive-description {
  margin-bottom: 1rem;
}

#lostpasswordform .tml-submit-wrap, .tml-rememberme-submit-wrap {
  margin-left: 0 !important;
}

#content .tml-action-links {
  margin-left: 0 !important;
}

.attachment-wrap {
  font-size: 1.6em;
}

.attachment-link {
  color: #808080;
}

.attachment-link:before {
  font-family: "FontAwesome";
  content: "";
  padding-right: 0.5rem;
}

body.single.reference .heading,
body.single.download .heading {
  display: none;
}

body.archive.reference .archive-description,
body.archive.download .archive-description {
  display: none;
}

h2.attachment-title {
  font-weight: 400;
}

body.archive .content-area {
  padding-bottom: 2rem;
}

a.attachment-link:hover {
  text-decoration: none;
  color: #333;
}

.download-container {
  padding-bottom: 1rem;
}

.search-toggle,
.user-sign-in a {
  display: inline-block;
  padding: 1rem;
  white-space: nowrap;
  text-decoration: none;
}

.user-sign-in a:before {
  font-family: "FontAwesome";
  padding-right: 0.5rem;
  content: "";
}

.search-toggle:hover,
.search-toggle:focus,
.search-toggle:active,
.user-sign-in a:hover,
.user-sign-in a:focus,
.user-sign-in a:active {
  background-color: white;
  color: #999;
}

.caldera-grid .form-control {
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  background-color: white;
}

.search-icon:before {
  font-family: "FontAwesome";
  content: "";
}

.search-toggle:focus .search-icon:before,
.search-toggle:active .search-icon:before,
.search-toggle:hover .search-icon:before {
  color: #333;
}

#search-box {
  padding: 1rem 0.5rem;
}

#search-box input {
  border: 2px solid white;
  color: black !important;
  margin-right: 0;
  padding-left: 4px;
}

#search-box #search-term {
  border: 2px solid #303030;
}

#search-box input.search-submit {
  background-color: white !important;
  color: #333 !important;
}

#search-box form {
  display: flex;
}

#mobimenu {
  opacity: 0.99;
  padding: 3rem 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #008dd0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 400px rgba(0, 0, 0, 0.8);
}

#mobimenu .container .row {
  flex-direction: column;
  align-items: center;
}

#mobimenu .logowrap {
  max-width: 200px;
  width: 100%;
  padding-right: 0.5rem;
  padding-bottom: 1.5rem;
}

#mobimenu .logowrap img {
  max-width: 100%;
  width: 300px;
  height: auto;
}

#mobi-nav {
  font-size: 1.4em;
}

#mobi-nav ul {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  border-left: 2px solid rgba(255, 255, 255, 0.3);
}

#mobi-nav ul li a {
  color: white;
}

#mobi-nav ul li a.dropdown-item {
  color: #ffffff;
}

.mobisearch {
  padding: 1.5rem 0;
}

#mobimenu input.sitetools-term {
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
}

#mobimenu .mobimenu-close {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: 0;
  top: 36px;
  color: white;
  transform: scale(2);
  z-index: 99999;
}

.mobi-burger {
  padding: 1rem 0.5rem;
}

#mobiclick .fa-bars {
  transform: scale(2);
}

.mobi-burger {
  display: none;
}

#logowrap {
  display: inline-block;
  width: 116.6666%;
  max-width: 16.66666%;
}

.menu-arkisto-container {
  padding-top: 3rem;
  font-size: 1.4em;
}

.menu-arkisto-container .menu {
  display: flex;
  list-style-type: none;
  justify-content: center;
  width: 100%;
}

.menu-arkisto-container .menu li {
  padding: 6px 1em;
}

.menu-arkisto-container .menu li a {
  color: #212529;
  text-transform: uppercase;
}

.post-share {
  padding: 2em 0;
}

.share-icons a {
  padding: 0 0.5rem;
  text-align: right;
}

#author_shares {
  max-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  margin: 0.5rem;
}

@media (max-width: 1000px) {
  #author_shares {
    flex-wrap: wrap;
  }
}
@media (max-width: 800px) {
  #author_shares {
    flex-direction: column;
  }
}
.share-icons a,
#author_shares a {
  flex-shrink: 1;
  display: inline-block;
  padding: 0.5rem;
  max-width: 64px;
}

.share-icons {
  text-align: right;
}

a.download-link,
.share-icons a img,
#author_shares a img {
  opacity: 0.2;
  transition-duration: 3s;
}

a.download-link {
  opacity: 0.5;
}

#author_shares a img {
  max-width: 1.5rem;
}

a.download-link:hover,
.share-icons a:hover img,
#author_shares a:hover img {
  opacity: 1;
  transform: scale(1.05);
  transition-duration: 1s;
}

@media (max-width: 1210px) {
  .post-share .share-this {
    display: none;
  }

  .post-share .share-icons {
    text-align: right;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (max-width: 1096px) {
  #top-layer #site-tools {
    border-left: none;
  }

  #top-layer .menu-wrapper .navbar {
    display: none;
  }

  .mobi-burger {
    display: inline-block;
  }

  #navbar-wrap {
    display: none;
  }

  #top-layer .container .row {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  #top-layer .menu-wrapper,
#top-layer #site-widgets {
    display: none;
  }

  #logowrap {
    width: 20%;
    max-width: 20%;
  }

  #top-layer .row {
    overflow-x: hidden;
  }

  #site-tools {
    justify-content: flex-end;
  }

  #site-tools .search-toggle .search-icon,
#site-tools .widget_polylang img {
    display: inline-block;
    transform: scale(1.6);
  }
}
@media (max-width: 800px) {
  .mobile-article-meta {
    display: block;
  }

  body.single #primary {
    flex: 0 0 100%;
  }

  body.single .content-area {
    max-width: 720px;
  }
}
@media (max-width: 500px) {
  #search-box input {
    max-width: 100px;
  }

  .user-sign-in .user {
    display: none;
  }
}
@media (max-width: 768px) {
  #logowrap {
    width: 30%;
    max-width: 30%;
  }
}
@media (max-width: 650px) {
  #top-layer .menu-wrapper {
    flex-grow: 2;
  }

  #logowrap {
    flex-grow: 2;
  }

  .user-sign-in a {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.footer_content_wrap .widget {
  width: 100%;
}

body.tabs .site-content {
  display: none;
}

#tabcontrol {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: nowrap;
  list-style-type: none;
  margin: 0;
  padding: 2rem 0 0 0;
  width: 100%;
}

#tabcontrol li {
  display: inline-block;
  padding: 0.5rem 1rem;
}

#tabcontrol a {
  font-family: Raleway, sans-serif;
  font-weight: 200;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #333;
  cursor: pointer;
}

#tabcontrol .active a {
  color: black;
  text-decoration: underline;
}

#tabwrapper .row {
  flex-direction: column;
}

#tabwrapper .widget .row {
  flex-direction: row;
}

.tabwrap .widget .widget-title {
  display: none;
}

#f_mid {
  display: none;
}

#footer_map iframe {
  width: 100%;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='//www.w3.org/2000/svg'><filter id='g…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(99%);
  -webkit-backface-visibility: hidden;
}

#footer-widgets {
  background-color: rgba(34, 34, 34, 0.95);
}

#footer-widgets .container {
  padding: 2rem 1rem;
  color: white;
  background-color: #222;
}

#footer-widgets .textwidget {
  color: #ccc;
}

#footer-widgets img {
  max-width: 100%;
}

#footer-widgets a {
  color: #f0f0f0;
  transition-duration: 3s;
}

#footer-widgets a:hover,
#footer-widgets a:focus,
#footer-widgets a:active {
  color: white;
  transition-duration: 1s;
  text-decoration: none;
}

#footer_left .social img {
  max-width: 32px;
  height: auto;
}

#footer-widgets h3 {
  font-size: 1.2em;
  margin-bottom: 1rem;
}

#footer-widgets .nav-link {
  padding: 0;
}

@media (max-width: 1000px) {
  #footer-widgets .container .row {
    display: block;
  }
}
#site-logo-footer {
  opacity: 0.5;
}

.bentobox a {
  color: #555;
}

.bentobox .tiles-container h3 {
  font-size: 1.6rem;
}

.bentobox .tile .content-wrapper span.eyebrow {
  font-family: Raleway, sans-serif;
  font-weight: bold;
}

.staff .member-details {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  color: #4c4c4c;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 1.2;
}

.member-details .contact-information {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 5%;
  margin-left: 5%;
  padding-top: 5%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  width: 48%;
  background-color: rgba(255, 255, 255, 0.1);
  transition-duration: 1s;
  position: relative;
}

.member-details .contact-information p {
  margin-top: 1rem;
}

.member-details .contact-information:hover {
  background-color: rgba(255, 255, 255, 0.15);
  transition-duration: 3s;
}

#about_us .widget:nth-child(odd),
#company .widget:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.02);
}

.rtm_pageinsert_widget {
  border-top: 1px solid #d0d0d0;
  box-shadow: inset 0 0 3rem rgba(0, 0, 0, 0.03);
}

body.page #about_us .widget,
body.page #people .widget,
body.page #company .widget {
  padding-left: 21%;
}

.rtm_pageinsert_widget h1.entry-title {
  margin-bottom: 2rem;
}

.rtm_pageinsert_widget h1.entry-title a {
  color: #555555;
}

.rtm_pageinsert_widget h1.entry-title a:hover,
.rtm_pageinsert_widget h1.entry-title a:focus,
.rtm_pageinsert_widget h1.entry-title a:active {
  text-decoration: none;
  color: #555555;
}

blockquote {
  border-left: 6px solid rgba(0, 0, 0, 0.2);
  margin: 1.5em 0.5rem;
  padding: 0.5rem;
  quotes: "“" "”" "‘" "’";
}

blockquote:before {
  color: rgba(0, 0, 0, 0.2);
  font-family: Georgia;
  font-weight: bold;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}

.squareblocks-wrap {
  display: flex;
  flex-direction: column;
}

.squareblocks-item-wrap {
  display: block;
}

.squareblocks-item-wrap-inner {
  display: flex;
}

#lukijankuva .squareblocks-item-wrap-inner {
  flex-direction: row-reverse;
}

#lukijankuva .squareblocks-content-wrap {
  padding-left: 0;
}

.squareblocks-item {
  display: inline-block;
  width: 20%;
}

.squareblocks-item img {
  max-width: 100%;
}

.squareblocks-content-wrap {
  display: inline-block;
  width: 80%;
  padding-left: 1rem;
}

.squareblocks-outer {
  padding: 0.5rem 0;
}

#featured-article .squareblocks-outer,
#featured-article .squareblocks-wrap {
  padding: 0;
}

.squareblocks-wrap a:active,
.squareblocks-wrap a:visited,
.squareblocks-wrap a:hover,
.squareblocks-wrap a {
  color: #303030;
  text-decoration: none;
}

.squareblocks-featured-image img {
  width: 100%;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}

.squareblocks-item .squareblocks-title {
  display: none;
}

.squareblocks-meta {
  display: none;
}

.imageless .squareblocks-content-wrap {
  padding-left: 0;
}

.imageless .squareblocks-item {
  display: none;
}

#featured-article .imageless .squareblocks-item {
  display: block;
}

.imageless .squareblocks-content-wrap {
  width: 100%;
}

#catapult-cookie-bar {
  border-top: 2px solid white;
  box-shadow: 0 0 3rem rgba(0, 0, 0, 0.2);
}

.bentobox .tile.subscribers-only .tile-inner, .bentobox .tile.registered-only .tile-inner {
  background-color: #ffffff !important;
}

.nav-previous, .nav-next {
  text-transform: lowercase;
}

.sqstream .eyebrow,
.sqstream .article-meta {
  font-size: 0.8rem;
}

.sqstream .article-meta span {
  display: none;
}

.sqstream .article-meta span.time,
.sqstream .article-meta span.date {
  display: inline-block;
  font-size: 0.8rem;
}

.sqstream .imageless .eyebrow,
.sqstream .with-image .eyebrow {
  margin-left: -0.7rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.sqstream .with-image .content-wrapper {
  border-top: 1px solid #e0e0e0;
}

.sqstream .main-content h3 {
  font-weight: bold !important;
  margin-bottom: 0;
}

.sqstream .main-content p {
  font-weight: 300;
}

.sqstream .eyebrow {
  background-color: #008dd0;
}

.paywall-user-message .close-button, .paywall-button, .tml-form-table button, .tml-form-table button:active, .tml-form-table button:hover, .tml-form-table button:focus, .tml-submit-wrap input[type=submit], .pw_campaign_button, a.profile-action {
  background-color: #008dd0 !important;
}

/* icons */
.fa,
.icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-2x,
.icon-2x {
  font-size: 2em;
}

.icon-search:before {
  content: "";
}

.icon-user:before {
  content: "";
}

.icon-sign-in:before {
  content: "";
}

.icon-sign-out:before {
  content: "";
}

.icon-gold:before {
  content: "";
}

.icon-diamond:before {
  content: "";
}

.icon-coffee:before {
  content: "";
}

.icon-edit:before {
  content: "";
}

.icon-home:before {
  content: "";
}

.icon-trash:before {
  content: "";
}

.icon-facebook-square:before {
  content: "";
}

.icon-twitter-square:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-rss-square:before {
  content: "";
}

.icon-chevron-right:before {
  content: "";
}

.icon-chevron-up:before {
  content: "";
}

.fa-chevron-circle-down:before,
.icon-chevron-circle-down:before {
  content: "";
}

.icon-circle:before {
  content: "";
}

.icon-bars:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-plus-circle:before {
  content: "";
}

.icon-minus-circle:before {
  content: "";
}

.icon-circle-o:before {
  content: "";
}

.icon-minus:before {
  content: "";
}

.icon-inverse {
  color: #fff;
}

.icon-lg {
  font-size: 1.3333333em;
}

.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.icon-stack-1x, .icon-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.icon-stack-1x {
  line-height: inherit;
}

.icon-stack-2x {
  font-size: 2em;
}

.icon-ul {
  list-style-type: none;
  list-style: none;
  margin-left: 1.875em;
  padding-left: 0;
}

.icon-li {
  position: absolute;
  left: -1.875em;
  width: 1.875em;
  top: 0.14285714em;
  text-align: center;
}

.icon-ul > li {
  position: relative;
}

/* shopping */
body.single-rtm_tuote article header,
body.single-rtm_tapahtuma article header,
body.single-rtm_kauppa article header {
  display: block;
}

.product-content a,
.event-content a,
.shop-content a {
  color: #303030;
}

.event_company_info .services,
.shop-content .services {
  font-size: 1.2em;
  font-style: italic;
  margin-bottom: 1rem;
}

.product-content .entry-title,
.event-content .entry-title,
.shop-content .entry-title {
  display: none;
}

.event_company_info {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #4a4a4a;
}

body.single-rtm_tuote article.rtm_tuote,
body.single-rtm_kauppa article.rtm_kauppa,
body.single-rtm_tapahtuma article.rtm_tapahtuma {
  margin-top: 2em;
  margin-bottom: 2em;
  display: flex;
  justify-content: center;
  align-items: stretch;
}

article.rtm_tuote .post-thumbnail,
article.rtm_tapahtuma .post-thumbnail {
  padding-right: 2em;
}

article.rtm_kauppa .post-thumbnail {
  padding-right: 1em;
  padding-top: 2em;
  padding-bottom: 2em;
}

article.post-media {
  position: relative;
}

article.rtm_tapahtuma .post-thumbnail,
article.rtm_tuote .post-thumbnail,
article.rtm_kauppa .post-thumbnail {
  text-align: center;
}

article.rtm_tuote h1,
article.rtm_kauppa h1,
article.rtm_tapatuma h1 {
  font-size: 1.8em;
}

article.rtm_tuote .entry-meta,
article.rtm_kauppa .entry-meta,
article.rtm_tapahtuma .entry-meta {
  font-size: 1.2em;
  margin-bottom: 1em;
}

article.rtm_tuote .product-content,
article.rtm_kauppa .shop-content,
article.rtm_tapahtuma .event-content {
  padding-left: 2em;
  border-left: 1px solid #4a4a4a;
}

article.rtm_kauppa .entry-meta {
  text-transform: lowercase;
}

article.rtm_tuote .product-content h1 a,
article.rtm_tapahtuma .event-content h1 a,
article.rtm_kauppa .shop-content h1 a {
  color: #4a4a4a;
}

.current-price {
  font-size: 2em;
  font-weight: bold;
  padding-right: 10px;
}

.was-price:before {
  content: " (";
}

.was-price:after {
  content: ") ";
}

.pennies {
  font-size: 0.8em;
}

.offer-valid {
  font-size: 0.8em;
}

.shop-recommendations-wrap {
  background-color: #f0f0f0;
}

.recommended-products-wrap h4 {
  margin-top: 1rem;
}

.recommended-products-wrap {
  padding-bottom: 1rem;
  width: 100%;
}

.product-details {
  padding: 10px;
}

.product-image-wrap img {
  max-width: 100%;
}

.recommendations .product-wrap {
  width: 20%;
}

.recommendations.row {
  padding: 60px 0;
  justify-content: center;
}

.products-wrap .product-wrap,
.shop-recommendations-wrap .product-wrap {
  max-width: 250px;
  min-width: 160px;
  width: 20%;
}

.product-wrap:hover,
.product-wrap {
  display: inline-block;
  padding: 10px;
  background-color: transparent;
  text-decoration: none;
  color: #303030;
}

.product-wrap-inner {
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
  -box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease-in-out;
  overflow-x: hidden;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  text-overflow: ellipsis;
}

.product-wrap-inner:hover {
  background-color: white;
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
  -box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
  transform: scale(1.005);
  transition: box-shadow 0.3s ease-in-out;
}

.product-wrap .shop-name,
.product-wrap .product-title {
  text-transform: uppercase;
}

.product-wrap .shop-name {
  margin-top: 1rem;
  font-size: 0.8em;
}

#events-calendar {
  padding-top: 2rem;
  bottom: 2rem;
}

.featured-event {
  position: relative;
}

.eventslider,
.eventslider .container {
  padding-left: 0;
  padding-right: 0;
}

.eventslider {
  position: relative;
}

.featured-events-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2em;
  font-family: MuseoSans-900;
  color: #a0a0a0 !important;
}

.featured-events-handle-left {
  left: -2.5rem;
}

.featured-events-handle-right {
  right: -2.5rem;
}

.featured-events-handle.inactive {
  display: none;
}

.left-scroller-handle:before {
  content: "<";
}

.right-scroller-handle:before {
  content: ">";
}

.mainheader .morewrap {
  margin-bottom: 20px;
}

.featured-events-wrap {
  padding: 0 0 20px 0;
}

.featured-events-wrap .event-title {
  margin: 0.5em 0;
  font-size: 1rem;
}

.featured-events-wrap .event-time-label {
  position: absolute;
  top: 2.5rem;
  left: 0;
  padding: 0.2rem 1em 0.1rem 1em;
  background-color: #008dd0;
  font-size: 0.8em;
  color: white;
  display: none;
}

.featured-events-wrap .event-wrap {
  padding: 6%;
  height: 100%;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
  display: inline-block;
  text-decoration: none;
  color: #4a4a4a;
  max-width: 100%;
  position: relative;
  background-color: white;
}

.featured-events-wrap .event-location,
.featured-events-wrap .event-meta {
  text-transform: uppercase;
}

.featured-events-wrap .event-location {
  margin-top: 0.5rem;
}

.featured-events-wrap .event-description {
  display: none;
}

.featured-image-wrap {
  max-width: 100%;
}

.featured-image-wrap img {
  width: 100%;
  height: auto;
}

.featured-events-wrap .row .featured-event:nth-child(n+5) {
  display: none;
}

.featured-events-wrap .container .row {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.featured-events-wrap .featured-event {
  max-width: 25%;
  width: 25%;
  padding: 0.5rem;
  font-size: 0.8rem;
}

@media (max-width: 900px) {
  .featured-events-wrap .row .featured-event:nth-child(n+4) {
    display: none;
  }

  .featured-events-wrap .featured-event {
    max-width: 33.33%;
    width: 33.33%;
  }

  .featured-events-wrap .event-organizer,
.featured-events-wrap .event-title {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
}
@media (max-width: 700px) {
  .featured-events-handle {
    display: none;
  }

  .featured-events-wrap .row {
    flex-wrap: wrap;
  }

  .featured-events-wrap .row .featured-event:nth-child(n+5) {
    display: none;
  }

  .featured-events-wrap .featured-event {
    max-width: 50%;
    width: 50%;
  }
}
@media (max-width: 600px) {
  .featured-events-wrap .event-wrap {
    padding: 1rem;
  }

  .featured-events-wrap .event-time-label {
    font-size: 1.1em;
  }

  .featured-event .event-details {
    padding-top: 0.5em;
    font-size: 1.2em;
  }

  .featured-events-wrap .event-title {
    margin: 0.7em 0;
    font-size: 1.2em;
  }

  .featured-events-wrap .row {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .featured-events-wrap .container {
    padding-right: 0;
    padding-left: 0;
  }

  .featured-events-wrap .row .featured-event:nth-child(n+4) {
    display: none;
  }

  .featured-events-wrap .featured-event {
    max-width: 100%;
    width: 100%;
  }
}
.products-wrap .container > div {
  padding: 20px 0 0 0;
}

.offers-nav .container {
  background-color: white;
}

#content .products-wrap,
.products-wrap {
  width: 100%;
  background-color: transparent;
}

.mainheader .rtm_shoppingevents_widget > .container,
.featured-events-wrap .container {
  padding: 20px 55px 20px 55px;
  background-color: rgba(255, 255, 255, 0.6);
}

#content .products-wrap > .container,
.products-wrap > .container {
  padding: 0 55px 20px 55px;
  background-color: rgba(255, 255, 255, 0.6);
  font-size: 0.8em;
}

.product-category-titles.row {
  justify-content: flex-start;
  padding-top: 20px;
}

body.offers .recommendations.row {
  padding: 0 0;
  justify-content: flex-start;
}

.shop_listing_subheading {
  display: none;
}

.offers-nav .navbar-nav,
.rtm_shoppingcategory_widget .navbar-nav {
  flex-direction: row;
  width: 100%;
  justify-content: center;
}

.offers-nav .navbar-nav .nav-link,
.rtm_shoppingcategory_widget .navbar-nav .nav-link {
  margin: 0 10px;
  color: #303030;
  text-transform: uppercase;
  border-bottom: 1px solid transparent;
}

.offers-nav .navbar-nav .nav-link:hover,
.rtm_shoppingcategory_widget .navbar-nav .nav-link:hover,
.rtm_shoppingcategory_widget .navbar-nav .current-listing .nav-link {
  border-bottom: 1px solid #303030;
}

.offers-nav ul,
.rtm_shoplisting_widget ul {
  list-style-type: none;
}

.offers-nav a,
.rtm_shoplisting_widget a {
  color: #303030;
}

/* swipebox */
#swipebox-overlay {
  background-color: white;
  background-color: rgba(245, 245, 245, 0.95);
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  background-color: transparent;
  font-family: inherit;
  color: #333 !important;
  text-shadow: none;
  opacity: 0.95;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#swipebox-bottom-bar {
  background-color: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

#swipebox-title {
  position: absolute;
  bottom: 13px;
  left: 0;
  width: 100%;
  text-align: center;
  font-family: OpenSansBold;
  z-index: 10;
}

#swipebox-prev, #swipebox-next {
  position: absolute;
  z-index: 20;
}

#swipebox-prev {
  left: 4rem;
}

#swipebox-next {
  right: 4rem;
}

#swipebox-container .slide {
  padding-top: 20px;
  padding-bottom: 50px;
}

.entry-content .swipe_gallery img {
  margin: 0;
  padding: 4px;
}

.swipe_gallery a:hover img {
  transform: scale(1.02);
}

.swipe_gallery {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.swipebox {
  min-width: 120px;
}

.sidebar a {
  color: #303030;
}

.sidebar .widget {
  margin-bottom: 1rem;
}

.widget_recent_comments ul li {
  padding: 8px 0 !important;
}

#commentform .alert-info,
.form-allowed-tags {
  display: none;
}

#commentform label {
  width: 10rem;
}

input[type=submit],
nav.posts-navigation .nav-previous a,
nav.posts-navigation .nav-next a,
.more-button,
a.rtm-contact-button,
.btn-primary,
#comments .logged-in-as a,
#comments .nav-links a,
.posts-navigation .nav-links a,
.btn {
  background-color: #008dd0;
  border-radius: 3rem;
  color: white;
  padding: 0.2rem 1rem;
  transition-duration: 0.2s;
  border: 1px solid #008dd0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active,
.more-button:active,
.more-button:focus,
.more-button:hover,
nav.posts-navigation .nav-previous a:hover,
nav.posts-navigation .nav-next a:hover,
nav.posts-navigation .nav-previous a:active,
nav.posts-navigation .nav-next a:active,
nav.posts-navigation .nav-previous a:focus,
nav.posts-navigation .nav-next a:focus,
a.rtm-contact-button:active,
a.rtm-contact-button:focus,
a.rtm-contact-button:hover,
.btn-primary:hover,
.btn-primary:active,
#comments .logged-in-as a:hover,
#comments .nav-links a:hover,
.posts-navigation .nav-links a:hover,
.btn:hover,
#comments .logged-in-as a:active,
#comments .nav-links a:active,
.btn:active {
  background-color: rgba(255, 255, 255, 0.9);
  color: #008dd0;
  transition-duration: 0.2s;
  text-decoration: none;
}

.widget_media_image img,
.form-control {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

#sidebar,
body .heading,
body #content {
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
  animation: fadein 2s;
}

body.page #sidebar,
body.single #sidebar {
  border-left: 1px solid rgba(48, 48, 48, 0.2);
}

@media (max-width: 844px) {
  body.page #sidebar,
body.single #sidebar {
    border-left: none;
  }
}
.heading-post-cats-wrap .heading-post-cats {
  -moz-animation: fadein 6s;
  -webkit-animation: fadein 6s;
  -o-animation: fadein 6s;
  animation: fadein 6s;
}

.heading-post-cats-wrap time {
  -moz-animation: fadein 8s;
  -webkit-animation: fadein 8s;
  -o-animation: fadein 8s;
  animation: fadein 8s;
}

.heading-post-cats-wrap .author {
  -moz-animation: fadein 10s;
  -webkit-animation: fadein 10s;
  -o-animation: fadein 10s;
  animation: fadein 10s;
}

article.page.classifieds {
  padding-top: 0;
}

.textwidget img {
  max-width: 100%;
  height: auto !important;
}

.iconblocks-item {
  width: 100%;
  overflow: hidden;
}

.iconblocks-item-inner {
  position: relative;
  background-size: cover;
  background-position: center center;
}

.iconblocks-shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px 0px 80px rgba(0, 0, 0, 0.5);
}

.iconblocks-item a {
  text-decoration: none;
}

.iconblocks-content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.iconblocks-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent url(/wp-content/mu-plugins/rtminc/images/play-mask.png) no-repeat center center;
  background-size: contain;
}

.iconblocks-duration {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  font-size: 0.6em;
  padding: 0.2em 0.5em;
}

.iconblocks-content-inner {
  padding: 10px;
}

.iconblocks-excerpt {
  color: white;
  font-weight: normal;
  line-height: 1.2em;
}

.iconblocks-title {
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 1.15em;
  font-size: 1em;
}

.iconblocks-title a {
  color: white !important;
}

.iconblocks-excerpt a,
.iconblocks-excerpt a:hover,
.iconblocks-excerpt a:visited,
.iconblocks-title a:visited,
.iconblocks-title a:hover,
.iconblocks-title a {
  color: white;
}

.iconblocks-wrap {
  width: 100%;
}

.comment-count a {
  background-color: #808080;
  padding: 1px 6px;
  font-size: 10px;
  margin-top: 4px;
  display: inline-block;
  vertical-align: top;
  border-radius: 3px;
  color: #f0f0f0;
  position: relative;
}

.comment-count a:visited {
  color: #f0f0f0;
}

.comment-count a:focus,
.comment-count a:active,
.comment-count a:hover {
  color: white;
  background-color: #606060;
}

.comment-count a:after {
  content: "";
  position: absolute;
  bottom: -6px;
  right: 4px;
  border-width: 6px 6px 0 0;
  border-style: solid;
  border-color: #808080 transparent;
  display: block;
  width: 0;
}

.comment-count a:focus:after,
.comment-count a:active:after,
.comment-count a:hover:after {
  border-color: #606060 transparent;
}

/* square tabs */
.squareblocks-wrap .ui-corner-all {
  border-radius: 0;
}

.squareblocks-wrap .ui-tabs .ui-tabs-nav li a {
  padding: 0;
}

.squareblocks-wrap .ui-tabs,
.squareblocks-wrap .ui-tabs .ui-tabs-nav,
.squareblocks-wrap .ui-tabs .ui-tabs-panel {
  padding: 0;
}

.squareblocks-wrap .ui-state-default,
.squareblocks-wrap .ui-widget-content .ui-state-default,
.squareblocks-wrap .ui-widget-header .ui-state-default,
.squareblocks-wrap .ui-state-active,
.squareblocks-wrap .ui-widget-content .ui-state-active,
.squareblocks-wrap .ui-widget-header .ui-state-active,
.squareblocks-wrap .ui-widget-header,
.squareblocks-wrap .ui-widget-content {
  border: none;
  background: transparent;
  color: inherit;
  font-weight: inherit;
}

.squareblocks-wrap ul.squareblocks-tab-selector {
  margin: 0 0 0.5em 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #008dd0;
  line-height: 1.8;
  margin-top: -4px;
}

.squareblocks-items {
  margin-top: 0.3em;
}

.squareblocks-stacked-title {
  line-height: 1.8;
  border-bottom: 1px solid #008dd0;
  background-color: transparent;
  color: #008dd0;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

.squareblocks-stacked-items {
  padding-bottom: 1em;
}

.squareblocks-stacked-tab-content {
  border-bottom: 2px solid #008dd0;
}

.squareblocks-stacked-tab-content:last-child {
  border-bottom: none;
}

.squareblocks-wrap ul.squareblocks-tab-selector li {
  display: inline-block;
  margin-right: 0.6em;
  font-size: 0.8em;
}

.squareblocks-wrap ul.squareblocks-tab-selector li a {
  text-transform: uppercase;
  color: #008dd0;
}

.squareblocks-wrap ul.squareblocks-tab-selector li a:before {
  content: "|";
  padding-right: 0.6em;
}

.squareblocks-wrap ul.squareblocks-tab-selector li:first-child a {
  color: #008dd0;
  padding-right: 0;
}

.squareblocks-wrap ul.squareblocks-tab-selector li:first-child a:before {
  content: "";
  padding-right: 0;
}

.squareblocks-wrap .ui-state-default a:link,
.squareblocks-wrap .ui-state-default a:visited,
.squareblocks-wrap .ui-state-default a {
  color: #008dd0;
}

.squareblocks-wrap .ui-state-active a:link,
.squareblocks-wrap .ui-state-active a:visited,
.squareblocks-wrap .ui-state-active a {
  color: #008dd0;
  font-weight: bold;
}

.squareblocks-tab-content span.no-image,
.squareblocks-tab-content span.with-image {
  vertical-align: top;
}

.squareblocks-tab-content ul {
  margin: 0;
  padding: 0;
  color: #008dd0;
  list-style-position: outside;
  list-style-type: none;
  line-height: 1.2;
}

.squareblocks-tab-content ol {
  margin: 0;
  color: #008dd0;
  list-style-type: decimal !important;
  list-style-position: outside !important;
  margin-left: 2em;
  line-height: 1.4em;
}

.squareblocks-tab-content div.squareblocks-wrapper,
.squareblocks-tab-content li {
  border-top: 1px dotted #333;
  clear: left;
  vertical-align: top;
}

.squareblocks-tab-content div.squareblocks-wrapper:first-child,
.squareblocks-tab-content li:first-child {
  border-top: none;
}

.squareblocks-tab-content .squareblocks-wrapper,
.squareblocks-tab-content li {
  padding: 0.25em 0;
}

.squareblocks-tab-content li span {
  color: #a0a0a0;
  display: inline-block;
  vertical-align: top;
  margin-left: 0.4em;
  hyphens: auto;
}

.squareblocks-wrap .youtube-info .youtube-viewcount:before {
  content: " | ";
}

.squareblocks-wrap .instasquare {
  width: 84px;
  height: 84px;
  margin-right: 10px;
  margin-top: 10px;
  background-size: cover;
  display: inline-block;
}

.squareblocks-tab-source-instagram .squareblocks-wrapper {
  display: inline-block;
  border-top: none !important;
  line-height: 0;
}

.squareblocks-tab-source-instagram .squareblocks-wrapper:nth-child(3n+0) .instasquare {
  margin-right: 0 !important;
}

.squareblocks-wrap .youtube-title {
  padding-top: 0.4em;
}

.squareblocks-wrap .youtube-info {
  padding-bottom: 0.4em;
}

.squareblocks-tab-source-youtube .squareblocks-wrapper {
  padding-top: 0.6em;
  padding-bottom: 0.6em;
}

.squareblocks-wrap .hashtag:visited,
.squareblocks-wrap .hashtag:visited:hover,
.squareblocks-wrap .hashtag:hover,
.squareblocks-wrap .hashtag {
  color: #008dd0;
}

a.share-pop {
  padding-right: 0.4rem;
}

a.fb-pop {
  color: #3b5998;
}

a.twitter-pop {
  color: #00aced;
}

a.share-pop .icon {
  font: normal normal normal 14px/1 FontAwesome;
}

ul.comment-list ul,
ul.comment-list {
  list-style-type: none;
}

ul.comment-list .pull-left {
  position: absolute;
  bottom: 0;
  left: -3rem;
  display: none;
}

ul.comment-list .pull-left img {
  border-radius: 50px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

xxx#comments {
  background-image: url(/wp-content/themes/lehti2019/icons/quote-icon.png);
  background-repeat: no-repeat no-repeat;
  background-position: top left;
  background-size: 40% auto;
  padding-top: 8rem;
}

#comments .nav-links {
  display: flex;
  justify-content: space-between;
}

.comment-body {
  position: relative;
  border-radius: 1rem;
  margin: 1rem 0 2rem 0;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

article.comment-body p {
  margin: 0.7em 0;
}

.comment-body .timestamp {
  position: absolute;
  top: -0.5rem;
  left: -1rem;
  background-color: white;
  border: 1px solid #d0d0d0;
  color: #303030;
  font-size: 0.8rem;
  padding: 0.2rem 1rem;
  border-radius: 1rem;
}

.comment-body .fn {
  position: absolute;
  bottom: -1rem;
  left: 1rem;
  background-color: white;
  color: #303030;
  border: 1px solid #d0d0d0;
  border-radius: 1rem;
  font-size: 0.8rem;
  padding: 0.2rem 1rem;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 40%;
  white-space: nowrap;
}

.comment-body .comment-edit-link {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 0.6rem;
}

.comment-body .comment-reply-link {
  position: absolute;
  bottom: -1rem;
  right: 1rem;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 40%;
}

.comment-body .comment-content {
  display: block;
  padding: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

.must-log-in {
  background-color: rgba(255, 255, 255, 0.8);
}

.comment-reply-login {
  position: absolute;
  right: 1rem;
  bottom: -1rem;
  background-color: white;
  color: #303030;
  border: 1px solid #d0d0d0;
  border-radius: 1rem;
  padding: 0.2rem 1rem;
  font-size: 0.8rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 40%;
  white-space: nowrap;
}

.comment-reply-login:hover {
  color: #303030;
}

.widget.palvelut {
  background-color: #f8f8f8;
  border-top: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  background-image: url("/wp-content/themes/lehti2019/what-the-hex.png");
  background-repeat: repeat repeat;
}

.soliloquy-viewport,
.soliloquy-container .soliloquy-viewport,
.soliloquy-container .soliloquy-wrap {
  height: auto !important;
}

#header_icons .soliloquy-container .soliloquy-image,
#header_icons .soliloquy-container .soliloquy-image,
#above_everything .soliloquy-container .soliloquy-image,
#above_everything .soliloquy-container .soliloquy-image {
  width: 100%;
}

#header_icons .custom-html-widget,
#above_main_menu .custom-html-widget {
  width: 100%;
  padding: 1rem 0;
}

#header_icons > .container > .row,
#header-stuffing > .container > .row {
  flex-direction: column;
}

#header_icons > .container,
#above_main_menu {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
}

#header_icons .widget_custom_html,
#above_main_menu .widget_custom_html {
  padding: 0 20px;
}

#header_icons .otsikko-linkit,
#above_main_menu .otsikko-linkit {
  width: 100%;
  display: block;
  margin: 0 auto;
  display: flex;
  flex-shrink: 1;
  justify-content: space-between;
}

.otsikko-linkki {
  display: inline-block;
  /*	border: 1px solid red; */
}

.otsikko-linkki img {
  transform: scale(0.8);
  height: 100%;
}

.otsikko-ilmoita {
  display: none;
}

.aluelogo {
  padding-right: 20px;
}

.codeneric_uam_link {
  width: 100%;
}

.codeneric_ultimate_ads_manager_ad_wrapper img {
  width: 100%;
}

#front_content_1_header {
  width: 100%;
}

#front_content_1_header_wrap .container {
  padding: 0;
}

#front_content_1_header_wrap .container .row {
  margin: 0;
}

#above_everything .widget_codeneric_ad_widget h3,
#above_main_menu .widget_codeneric_ad_widget h3 {
  display: none !important;
}

#front_after_menu {
  width: 100%;
}

#front_content_2_header {
  background-color: rgba(255, 255, 255, 0.6);
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

#front_content_2_header .widget {
  margin: 10px;
  width: 25%;
}

@media (max-width: 640px) {
  #front_content_2_header {
    flex-wrap: wrap;
    justify-content: center;
  }

  #front_content_2_header .widget {
    width: 50%;
    padding: 0.5rem;
    margin: 0;
  }
}
.post-share {
  display: none;
}

.sqstream .imageless .eyebrow,
.sqstream .with-image .eyebrow {
  margin-left: 0;
}

.sqstream .tile-inner {
  box-shadow: none;
}

.sqstream .content-wrapper {
  padding: 0;
}

@media (max-width: 844px) {
  .sqstream .with-image .content-wrapper {
    padding: 0 10px;
    border-top: none;
  }

  .sqstream .with-image .main-content, .sqstream .with-image .eyebrow {
    top: 0;
  }
}
@media (max-width: 500px) {
  .sqstream .with-image .content-wrapper {
    padding: 0;
  }

  .sqstream .with-image .main-content, .sqstream .with-image .eyebrow {
    top: -10px;
  }
}
#palvelut {
  border-top: 4px solid #606060;
}

#palvelut .sqstream .imageless .eyebrow,
#palvelut .sqstream .with-image .eyebrow {
  background-color: #606060;
}

body.login #content .container .row {
  background-color: white;
}

body.validate-user-signup .login.mu_register > h2,
body.validate-user-signup .login.mu_register > p {
  display: none;
}

.stream-item-title {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .otsikko-linkit a {
    flex: 1;
    height: 180px;
  }

  .otsikko-linkit a.aluelogo {
    flex: 3;
  }

  #front_content, #front_content_1, #front_content_2 {
    width: 100%;
  }
}
.container iframe {
  width: 100% !important;
}

#above_main_menu ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.codeneric_ultimate_ads_manager_ad_wrapper img,
.soliloquy-image {
  max-width: 100% !important;
}

@media (max-width: 480px) {
  .heading h1 {
    font-size: 1.4rem;
    hyphens: auto;
  }

  article {
    hyphens: on;
    max-width: 100%;
    overflow-x: hidden;
  }

  article .entry-content {
    font-size: 1rem;
    line-height: 1.4;
  }

  h2, h3, h4, h5, h6,
article h2, article h3, article h4, article h5, article h6 {
    font-size: 1.4rem;
  }

  h3.iconblocks-title {
    font-size: 0.9em;
  }
}
@media (max-width: 360px) {
  .heading h1 {
    font-size: 1.3rem;
  }

  article .entry-content {
    font-size: 0.95rem;
    line-height: 1.4;
  }

  h2, h3, h4, h5, h6,
article h2, article h3, article h4, article h5, article h6 {
    font-size: 1.3rem;
  }

  h3.iconblocks-title {
    font-size: 0.8em;
  }
}
@media (max-width: 260px) {
  html, body {
    backround-color: white !important;
  }

  .heading h1 {
    font-size: 1.1rem;
  }

  article .entry-content {
    font-size: 0.9rem;
    line-height: 1.3;
  }

  h2, h3, h4, h5, h6,
article h2, article h3, article h4, article h5, article h6 {
    font-size: 1.2rem;
  }

  h3.iconblocks-title {
    font-size: 0.7em;
  }

  #top-layer #site-tools {
    font-size: 0.8rem;
    padding: 0;
  }

  #top-layer > .container {
    padding: 0;
  }

  #top-layer .search-toggle {
    padding: 1rem 0.5rem 1rem 0;
  }

  #mobiclick .fa-bars {
    transform: scale(1.4);
  }
}
#footer-widgets .widget {
  hypehns: auto;
  max-width: 100%;
  overflow-x: hidden;
}

#classifieds_wrap {
  width: 100%;
}

#classifieds_content {
  width: 100 #classifieds_content;
  padding: 4px;
}

#classifieds_wrap input,
#classifieds_wrap select,
#classifieds_wrap textarea {
  margin: 0.2em 0;
}

#classifieds_contact_wrap input[type=email],
#classifieds_contact_wrap input[type=text] {
  min-width: 80%;
}

#classifieds_wrap textarea {
  width: 100%;
  height: 4em;
  padding: 0.2em;
  font-size: 2em;
}

#classifieds_section {
  font-size: 2em;
}

.classifieds_instructions {
  font-size: 0.9em;
  font-style: italic;
}

#classifieds_payment_calculator {
  text-align: right;
  padding: 0.4em 20px;
}

#classifieds_wrap input.required:after {
  content: " * ";
  padding-left: 2em;
  background-color: blue;
}

#classifieds_wrap .warn {
  color: red;
  font-style: italic;
  font-size: 0.9em;
  padding: 0 0 1em 0.2em;
}

#classifieds_online_range,
#classifieds_print {
  padding: 1em 0;
}

#classifieds_title {
  font-size: 2em;
}

#classifieds_title_wrap label,
#classifieds_org_wrap label,
#classifieds_online_range label,
#classifieds_print label {
  display: inline-block;
  width: 100px;
}

.not-allowed,
.classifieds_errors {
  padding: 1em;
  border: 2px solid red;
  margin: 1em 0;
}

h3#classifieds_section_container {
  text-align: center;
  font-size: 2.5em !important;
  font-weight: bold !important;
  border: 1px solid #808080;
  padding: 20px;
  color: white;
  background-color: #808080;
}

#classifieds_ad_wrap {
  padding: 20px;
  border: 1px solid #808080;
}

#classifieds_ad_wrap #classifieds_org {
  font-style: italic;
}

.classifieds_error_message {
  border: 2px solid red;
  padding: 0 1em;
}

#recaptcha_wrapper {
  padding: 1em 0;
}

#classifieds_wrap {
  width: 100%;
  margin: 20px auto;
}

#classifieds_form {
  display: inline;
  float: left;
}

#classifieds_attachment {
  padding: 2px;
}

#classifieds_enter_ui {
  float: left;
  margin-right: 38px;
}

#classifieds_enter {
  padding: 20px;
}

#classifieds_enter textarea {
  padding: 6px;
  margin-top: 20px;
}

#classifieds_text_warn {
  padding: 0px 0px 10px 20px;
}

#classifieds_heading {
  padding: 20px;
}

#classifieds_bank {
  width: 120px;
  height: 120px;
  cursor: pointer;
  float: left;
  display: table-cell;
}

#classifieds_payment_options {
  padding-right: 20px;
  width: 100%;
}

#classfieds_text {
  padding: 6px;
  margin-top: 20px;
}

#classifieds_thank_you,
#classifieds_enter {
  padding: 20px;
}

.ui-datepicker {
  z-index: 2002 !important;
}

.ui-datepicker-prev {
  float: left;
}

.ui-datepicker-next {
  float: right;
}

#ui-datepicker-div {
  background-color: #ffffff;
  border: 1px solid #808080;
  padding: 4px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
  position: relative;
}

td.ui-datepicker-unselectable {
  color: #d0d0d0;
}

.ui-datepicker-calendar td {
  border: 1px solid #f0f0f0;
}

.classifieds_thumb {
  padding-top: 20px;
}

#classifieds_online_range label,
#classifieds_issues label {
  width: auto;
  display: block;
  msargin-right: 1rem;
}

#classifieds_contact_wrap {
  display: flex;
  flex-direction: row;
}

#classifieds_contact_wrap > div {
  width: 50%;
}

#classifieds_payment_options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}

#classifieds_payment_options form {
  display: inline-block;
  width: 130px;
  height: 130px;
  padding: 5px;
}

#classifieds_payment_options .classifieds_bank {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-size: 90%;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  position: relative;
  border-radius: 4px;
}

#classifieds_payment_options .classifieds_bank_label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 0.7rem;
  text-align: center;
  padding-top: 0.2rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
}

#payment_instructions {
  padding: 1rem;
  margin: 5px;
  border-left: 5px solid #d0d0d0;
}

.classifieds_visibility_begins_container,
.classifieds_visibility_expires_container {
  font-weight: bold;
}

body.wide.asiakaspalvelu #main {
  max-width: 100%;
}

article .pwll_cover {
  width: 4rem;
  margin: 4px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

article .pwll_issue_listing,
article .pwll_current_wrap {
  max-width: 100%;
  margin-bottom: 2rem;
}

article .pwll_current_wrap.wide,
article .pwll_current_wrap.fullwidth {
  width: 100%;
}

article .pwll_current_wrap.mini,
article .pwll_current_wrap.small {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 3rem;
  font-size: 80%;
}

article .pwll_current_wrap.small {
  width: 12rem;
}

article .pwll_current_wrap.mini {
  width: 8rem;
}

@media screen and (max-width: 768px) {
  article .pwll_current_wrap.small {
    display: block;
    margin-left: 1rem;
  }

  article .pwll_current_wrap.mini {
    margin-left: 1rem;
  }
}
article .pwll_row {
  display: flex;
}

article .pwll_current_wrap.mini .pwll_row,
article .pwll_current_wrap.small .pwll_row {
  flex-direction: column;
}

article .pwll_current_wrap.mini .pwll_details,
article .pwll_current_wrap.small .pwll_details {
  padding: 0.5rem 0;
}

article.pwll_issue_cover img {
  max-width: 100%;
}

article .pwll_details,
article .pwll_issue_cover {
  display: inline-block;
  width: 50%;
}

article .pwll_current_wrap.mini .pwll_details,
article .pwll_current_wrap.small .pwll_details,
article .pwll_current_wrap.mini .pwll_issue_cover,
article .pwll_current_wrap.small .pwll_issue_cover {
  width: 100%;
}

article .pwll_issue_cover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  line-height: 0;
}

article .pwll_details {
  padding: 1rem;
}

article .pwll_issue_label {
  display: none;
}

article .pwll_issue_title {
  display: block;
  text-decoration: none;
  font-size: 1.6em;
  font-weight: bold;
  color: #808080 !important;
}

article .pwll_issue_link {
  display: inline-block;
  padding: 0.2rem;
  margin-bottom: 1rem;
}

article .pwll_issue_link .pwll_issue_details {
  width: 6rem;
}

article .pwll_issue_link img {
  width: 6rem;
  height: auto;
  margin: 0.2rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}

article .pwll_issue_link:hover img {
  transform: scale(1.01);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
}

article .pwll_issue_listing .raquo,
article .pwll_issue_listing .pwll_monthly_issues {
  display: none;
}

.pwll_issue_cover,
.pwll_issue_link {
  position: relative;
}

.pwll_item_avaa {
  color: white;
  padding: 0.2rem 0.6rem;
  background-color: #ffffff;
  font-size: 1.1em;
  line-height: 1.1em;
  position: absolute;
  bottom: 1rem;
  left: 0;
}

.pwll_img_wrapper {
  position: relative;
}

.pwll_issues_wrap {
  display: flex;
  flex-wrap: wrap;
}

.pwll_current_wrap .pwll_item_avaa {
  font-size: 1.8em;
}

.pwll_issue_listing .pwll_issue_details {
  width: 100%;
  text-align: center;
  color: #a0a0a0;
  margin-top: 0;
  line-height: 1.1em;
  font-size: 0.9em;
}

.pwll_issue_listing .pwll_issue_details span {
  display: block;
}

.pwll_year_toggle {
  cursor: pointer;
}

article h5.pwll_month_label {
  font-size: 1.3rem;
}

@media screen and (max-width: 1240px) {
  body.wide #main a.sibling img {
    max-width: 50%;
  }
}
@media screen and (max-width: 520px) {
  body.wide #main a.sibling img {
    max-width: 100%;
  }
}
.pwll_archive_button {
  color: white !important;
  background-color: #ffffff !important;
  border-radius: 0.2rem;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  padding: 0.2em 1em;
  font-size: 1em;
  font-weight: normal !important;
}

.sqstream.sima .stream_1.row {
  max-width: 50%;
}

@media (max-width: 844px) {
  .sqstream.sima .stream_1.row {
    max-width: 100%;
  }
}
.sqstream.sima .tile {
  background-color: #008dd0;
  padding: 10px;
  margin: 5px;
}

.widget.sima .widget-title {
  color: #008dd0;
  font-size: 0.8rem;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  top: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0 auto 5px auto;
}

.widget.sima .squareblocks-outer {
  padding-top: 0;
}

.sqstream.sima .with-image .main-content {
  top: -0.2rem;
}

.widget.sima {
  margin-top: 20px;
  border-bottom: 1px dashed #008dd0;
  border-top: 1px dashed #008dd0;
}

.sqstream.sima .content-wrapper {
  background-color: transparent;
  color: white;
  border-top: none;
}

.sqsream.sima .excerpt p {
  margin-bottom: 0;
}

.sqstream.sima .eyebrow,
.sqstream.sima .article-meta {
  display: none;
}

.sqstream.sima .content-wrapper a {
  color: white;
}

.sqstream.sima .tile-inner {
  background-color: #008dd0;
}

.sqstream .eyebrow {
  margin-top: -0.5rem;
  color: white;
  position: relative;
  top: -0.5rem;
  left: 0rem;
}

.widget .widget-title,
.standard h3.squareblocks-title,
.sqstream .main-content h3 {
  font-size: 1.3rem;
  hyphens: auto;
  word-break: break-word;
}

.aside .squareblocks-outer {
  padding-top: 0;
}

span.trending {
  display: none;
}

div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
  background-color: #008dd0 !important;
  border-radius: 3rem !important;
  color: white !important;
  padding: 0.1rem 1rem !important;
  transition-duration: 0.2s !important;
  border: 1px solid #008dd0 !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  cursor: pointer !important;
}

.wpforms-confirmation-container-full,
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background: transparent !important;
  border: none !important;
}

.wpforms-confirmation-container-full,
div[submit-success] > .wpforms-confirmation-container-full {
  padding: 0 !important;
  margin: 0 0 1rem 0 !important;
}

.wpforms-poll-results .wpforms-poll-total,
.wpforms-poll-results .wpforms-poll-answer-count {
  display: none !important;
}

.aside .wpforms-poll-results {
  padding: 0 0.5rem;
}

#after_article {
  padding: 0;
  margin-bottom: 1rem;
  border-top: 4px solid #008dd0;
  border-bottom: 4px solid #008dd0;
}
#after_article h3.widget-title {
  text-align: left;
}
#after_article h3.squareblocks-title {
  font-size: 1.3rem;
}
#after_article .squareblocks-item-wrap {
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
#after_article .squareblocks-item-wrap:last-child {
  border-bottom: none;
}
#after_article .squareblocks-meta {
  display: block;
}
#after_article .squareblocks-meta .respond,
#after_article .squareblocks-meta .edit-post-link,
#after_article .squareblocks-meta > span {
  display: none;
}
#after_article .squareblocks-meta span.date, #after_article .squareblocks-meta span.time {
  display: inline;
}

.mainfeat .standard.lukijankuva .squareblocks-content-wrap {
  padding-right: 1rem;
}

.mainfeat .sininen {
  background: #4595ca;
  /*	background: -webkit-linear-gradient(to bottom, #008dd0, #0079b2);
  	background: linear-gradient(to bottom, #008dd0, #0079b2);
  */
}
.mainfeat .sininen .widget-title {
  color: white;
  margin-bottom: 0;
}
.mainfeat .sininen .sqstream .content-wrapper,
.mainfeat .sininen .sqstream .tile-inner {
  color: white;
  background-color: transparent;
}
.mainfeat .sininen .sqstream .eyebrow {
  color: #008dd0;
  color: #4595ca;
  background-color: white;
}
.mainfeat .sininen .sqstream .with-image .content-wrapper {
  border-top: 1px solid transparent;
}
.mainfeat .sininen .squareblocks-wrap a:active,
.mainfeat .sininen .squareblocks-wrap a:visited,
.mainfeat .sininen .squareblocks-wrap a:hover,
.mainfeat .sininen .squareblocks-wrap a {
  color: white;
}

@media (max-width: 844px) {
  .sqstream .with-image .content-wrapper {
    border-left: 1px solid transparent;
  }
}
.mainfeat .sqstream .content-wrapper .excerpt > a {
  padding-right: 0.4rem;
}

.aluev-widget img {
  max-width: 100%;
  height: auto !important;
}

.widget.aside.aluev-widget {
  text-align: center;
}

#front_content_1_header .aluev-widget img {
  width: 100%;
}

#front_content_ads {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#front_content_ads > .widget {
  display: inline-block;
  max-width: 25%;
  padding: 0.5rem;
}
#front_content_ads > .widget > div {
  max-width: 100%;
}
#front_content_ads > .widget > div img {
  width: 100%;
  height: auto !important;
}

@media (max-width: 639px) {
  #front_content_ads > .widget {
    max-width: 50%;
  }
}
.widget.lukijankuva {
  padding-top: 0.5rem;
}

.sqstream .excerpt a {
  hyphens: auto;
}

.cat-kaupallinen-yhteistyo .stream-item-title {
  margin-top: 0.5rem;
}

.latest_sima {
  background-color: transparent;
  color: white;
  padding: 0.5rem 0 1rem 0;
}
.latest_sima h3.widget-title {
  border-top: 1px solid #008dd0;
  color: #008dd0;
  margin: 0 auto 5px auto;
  font-size: 0.8rem;
  text-align: center;
  text-transform: uppercase;
}
.latest_sima .widget {
  background-color: #008dd0;
}
.latest_sima h3.squareblocks-title a:hover,
.latest_sima h3.squareblocks-title a:visited,
.latest_sima h3.squareblocks-title a {
  color: white;
  text-decoration: none;
}
.latest_sima h3.squareblocks-title a:active,
.latest_sima h3.squareblocks-title a:selected,
.latest_sima a:hover,
.latest_sima a:active,
.latest_sima a:selected,
.latest_sima a:visited,
.latest_sima a {
  color: white;
  text-decoration: none;
}
.latest_sima h3.squareblocks-title {
  font-size: 1.3rem;
}
.latest_sima .squareblocks-item-wrap {
  padding: 0.5rem;
}
.latest_sima .squareblocks-meta {
  display: inline-block;
  color: white;
}
.latest_sima .squareblocks-meta .respond,
.latest_sima .squareblocks-meta .edit-post-link {
  display: none;
}
.latest_sima .squareblocks-excerpt {
  display: none;
}

.latest_sima .squareblocks-item .sqbtags,
.latest_sima .squareblocks-item .sqb_cat_label,
.latest_sima .squareblocks-item .sqb_date_label,
.latest_posts .squareblocks-item .sqbtags,
.latest_posts .squareblocks-item .sqb_cat_label,
.latest_posts .squareblocks-item .sqb_date_label {
  display: none;
}

#front_content_aside .wpforms-widget.aside,
#front_content_1_aside .wpforms-widget.aside,
#front_content_2_aside .wpforms-widget.aside,
.wpforms-widget.aside {
  background-color: #008dd0;
  color: white;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
}

.wpforms-widget.aside .wpforms-container {
  padding: 0 0.5rem;
  margin-bottom: 0;
  margin-top: 0;
}

.wpforms-widget.aside div.wpforms-container-full .wpforms-form input[type=submit],
.wpforms-widget.aside div.wpforms-container-full .wpforms-form button[type=submit],
.wpforms-widget.aside div.wpforms-container-full .wpforms-form .wpforms-page-button {
  background-color: #fdb040 !important;
  border: none;
  color: black !important;
  font-weight: bold;
  text-transform: uppercase;
}

.wpforms-widget.aside h3.widget-title {
  color: white !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  text-transform: uppercase;
  padding: 0 0.5rem;
  margin-bottom: 0;
}

.wpforms-widget.aside .wpforms-confirmation-container-full,
.wpforms-widget.aside div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background-color: transparent;
  border: none;
}

.wpforms-widget.aside .wpforms-required-label,
.wpforms-widget.aside .wpforms-poll-answer-count {
  display: none;
}

.wpforms-widget.aside .wpforms-poll-answer-percent {
  color: white;
  font-weight: 800;
  position: absolute;
  display: inline;
  right: -20%;
  bottom: -0.5rem;
  font-size: 0.8em;
}

.wpforms-widget.aside .wpforms-poll-total {
  display: none;
}

.wpforms-widget.aside .wpforms-poll-answer-bar {
  background-color: white;
  height: 0.25rem;
}

.wpforms-widget.aside .wpforms-poll-answer {
  position: relative;
  max-width: 80%;
  margin-bottom: 1rem;
}

.wpforms-widget.aside .wpforms-poll-label {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 800;
  line-height: 1.2;
}

.wpforms-widget.aside div.wpforms-container-full .wpforms-form textarea {
  color: white;
  background-color: #008dd0;
  border: 1px solid white;
}

.wpforms-widget.aside .wpforms-confirmation-container-full {
  color: white;
}

.wpforms-widget.aside .wpforms-poll-results {
  background-color: transparent;
}
.wpforms-widget.aside .wpforms-poll-results .wpforms-poll-answer-label {
  color: white;
  width: 100%;
}
.wpforms-widget.aside .wpforms-poll-results .wpforms-poll-answer-bar-wrap {
  height: 0.25rem;
  background-color: transparent;
  margin-right: 1rem;
}

.edit-link,
#colophon, #footer-widgets {
  display: none;
}

html {
  background-color: white;
}

#business_content_wrap,
#cardholder_content_wrap,
#anonymous_content_wrap {
  padding: 2rem 0;
}

.profile-actions {
  padding: 2rem 0;
}

a.profile-action {
  background-color: #00589b !important;
  padding: 4px 20px;
  border-radius: 20px;
  border-width: 0;
  color: white !important;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 10px;
}