/*
Theme Name: mepa-etuovi
Author: Media Partners
Description: Etuovi.com -theme for WP
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mepa-etuovi
Tags: red

mepa-etuovi is based on Underscores http://underscores.me/, (C) 2012-2015 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
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

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

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 {
	color: #CC0033;
	color: #209bb0;
	font-weight: 500;
	background-color: transparent;
	
	-webkit-transition: color 300ms ease-in-out;
	-moz-transition: color 300ms ease-in-out;
	-ms-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out;
}

a:active,
a:hover {
	outline: 0;
	color: #0a7e92;
}

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0 0 18px 0;
}
h1::first-letter{
	text-transform: uppercase;
}

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 0px;
}

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-appearance: textfield;
	box-sizing: content-box;
}

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: #404149;
	/* font-family: 'Open Sans', Tahoma, Arial, serif; */
	font-weight: 400;
	/*font-size: 1rem;*/
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

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;
	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%;
}

/*--------------------------------------------------------------
# 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. */
	background: #fefefe;
}

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

blockquote,
q {
	quotes: "" "";
}

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

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

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. */
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"]{
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 1rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover{
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
	background-color: #DFDFDF;
}

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;
}

select {
	border: 1px solid #ccc;
}

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;
}

input[type="search"]:focus {
	border-radius: 3px;
}

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"] {
	padding: 3px;
	box-sizing: border-box;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# 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%;
}

.widget ul{
	margin: 0;
}

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

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

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

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
	padding-left: 0;
}

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

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

.post-content img.aligncenter, .post-content img.alignnone{
	display: block;
}
.post-content img.aligncenter{
	margin: 0 auto;
}	

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.row .l4.eo-sidebar, 
.row .l4.eo-sidebar-top-pad,
.row .l4.minisite-sidebar  {
	padding-left: 30px;
}
@media (max-width: 992px) {
	.row .l4.eo-sidebar,
	.row .l4.eo-sidebar-top-pad,
	.row .l4.minisite-sidebar  {
		padding-left: 0px;
	}
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
ol.comment-list, ol.comment-list ol {
    list-style: none;
}

	

.comment-content a {
	word-wrap: break-word;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.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 {
	font-size: 0.8em;
	text-align: left;
}

/*--------------------------------------------------------------
## 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;
}

/* flow text fix */
.post-content-flow-text {
    font-size: 15px;
	font-weight: 400;
	/* padding: 0 20px; */
	/* padding-right: 20px; */
}


/** Additions */
html{

}
body{
	font-family: Roboto, Helvetica, Arial, sans-serif;
	overflow-x: hidden;
}

h1 {
  /* font-size: 2.25rem;
  line-height: 2.25rem;
  text-align: center;
  font-weight: 300; */
	font-size: 36px;
	color: #56575f;
	font-weight: 600;
	line-height: 1;
	text-align: left;
}
/* header has a span following */
h1.archive-has-count{ 
	display: inline-block;
	clear: none;
}
h1 a {
	color: #000;
	color: #56575f;
}

.l8.l8-headline-pad {
	padding-left: 20px;
	padding-right: 20px;
}

h2 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-top: 1em;

  font-size: 24px;
  font-weight: 500;
  margin-top: 1em;
  line-height: 1.375;
  color: #56575f;
  margin-bottom: 12px;
}

.home h2 {
	margin-top: 2em;
}
footer .home h2 {
	margin-top: 1em;
}

h2.widget-title{
	margin-top: 0;
	font-size: 1.5rem;
}
h2.home-icon-header{
	display: inline-block;
}
h2.home-icon-header i{
	margin-left: 0;
	margin-top: 0.5rem;
}

.enty-content h2, .taxonomy-description h2{
	line-height: 3rem;
}

h3 {
	font-size: 1.25rem;
	font-weight: 400;
	margin-bottom: 0.25em;
}

h4 {
  font-size: 1.175rem;
  font-weight: 400;

}

h5 {
  font-size: 1rem;
  font-weight: 400;
}
p{
	margin-top: 0;
	line-height: 1.375;
	font-size: 16px;
	font-weight: 400;
	color: #56575f;
	text-align: left;
	margin-bottom: 1.5rem;
	-webkit-font-smoothing: antialiased;
}

nav{
	background-color: #fff;
	box-shadow: none;
}
.row .col {
	padding-left: 0;
	padding-right: 10px;
}

.btn, .btn-large, .btn:hover, .btn:focus, .btn-large:hover{
	background-color: #ff3d31;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0;
	font-size: 14px;
}

.search-submit{
	height: 42px;
}

.btn-clickable{
	color: #ff3d31;
	background-color: #fff;
}
.btn-clickable:hover, .btn-clickable:focus{
	color: #ff3d31;
	background-color: #fff;
	transition: box-shadow .25s;
	/* box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); */
}

span.btn:hover{
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

.page-controls .btn, .page-controls .btn-large{
	margin-right: 20px;
}

input:focus:not([type]):not([readonly]), input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #aaa;
    box-shadow: 0 1px 0 0 #aaa;
}

/* set styles for list and numerical list inside post content */
.minisite-single-post.row .col ul li, .post-content-flow-text ul li{
	list-style-type: initial;
	margin-bottom: 5px;
}
.minisite-single-post.row .col ol li, .post-content-flow-text ol li{
	margin-bottom: 5px;
}

.container {
	/* width: 95%;
	max-width: 1140px; */
	width: 100%;
	max-width: 1280px;
	padding-left: 20px;
	padding-right: 20px;
}


header#masthead{ 
	/* padding-top: 6px;  */
	margin-bottom: 1em;

	background: #fefefe;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    margin: 0 calc(50% - 50vw);
    position: relative;

}

.navbar-header-wrapper {
	max-width: 1280px;
	padding: 15px 20px 0 20px;
	margin: auto;
}
header .site-branding{ 
	position: relative;
}

.site-content {
	margin-top: 12px;
}
div.site-logo{ 
	/* padding: 1em; */
	display: inline-block;
	/* max-width: 100%;
	padding-left: 0; */
}
div.site-logo a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
}
.site-logo svg.logo {
	/* height: 2.2rem;
	max-width: 17.3rem; */
	fill: #ff3d31;
	/* height: 22px;
	width: 172.5px; */
	height: 34px;
	max-width: 170px;
}
@media (max-width: 767px) {
	.site-logo svg.logo {
		height: 32px;
		max-width: 158px;
	}
}
@media (max-width: 320px) {
	.site-logo svg.logo {
		height: 27px;
		max-width: 133px;
		/* margin-bottom: 1px;
		margin-top: 2px; */
	}

	.site-branding #mobile-menu-button {
		top: -12px; /* l: 1287 */ 
	}
	.site-branding #mobile-search-button {
		top: -9px;
	}
}

#header-panorama-banner{
	margin-top: 2px;
	margin-bottom: 2px;
	overflow: hidden;
}
/* center desktop banner */
#header-panorama-banner > div{
	margin: 0 auto;
	width: 100%;
	max-width: 980px;
}
/* add margin to elements coming from ad request */
#header-panorama-banner a > *, #header-panorama-banner #div_utif_almad-parade-1{
	display: inline-block !important;
	margin-top: 1em;
	margin-bottom: 5px;
}

/** extra menus */
/** header logo menu */
#header-logo-menu{ 
	display: inline-block;
	position: relative;
	top: -5px;
}
#header-logo-menu ul.menu{
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 0;
}
#header-logo-menu ul li{ 
	color: #404149;
	display: inline-block;
	padding-right: 12px;
	padding-left: 8px;
	border-right: 1px solid #B0B6C2;
}
#header-logo-menu ul li:last-child{ 
	border-right: 0;
}
#header-logo-menu ul li a{
	display: inline-block;
	color: #ff3d31;
	font-size: 1.25rem;
	text-transform: uppercase;
}

/** alma-logo in header */
#alma-logo{
	background-color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1px;
	margin: 1em;
}

/** mobile divider */
#mobile-divider{
	width: 100%;
	position: absolute;
	left: 0;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
}


/** header search form */
#desktop-search-button{
	position: absolute; 
	right: 10px; 
	color: #000; 
	padding: 0;
	background-color: unset;
	top: 3px;
}

#desktop-search-button span {
	padding: 5px;
}	

.search-form input {
	padding-left: 10px;
    padding-right: 10px;
}

a#desktop-search-button:hover{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#mobile-search-submit-button:focus,
#desktop-search-submit-button:focus {
	box-shadow: 0 0 8px rgba(0,0,0,.18), 0 8px 16px rgba(0,0,0,.36);
}  

#desktop-search-button:hover span,
#desktop-search-button:focus span {
	background-color: #ccc;
}

#desktop-search-button.search-modal-open #desktop-search-icon{
	display: none;
}

#desktop-search-button #desktop-close-icon{
	display: none;
}

#desktop-search-button.search-modal-open #desktop-close-icon{
	display: inline-block;
}

i#desktop-search-icon{
	font-size: 1.5em;
	height: auto;
}
#header-search-form{
	display: none; 
	position: absolute;
	right: 0;
	z-index: 10;
	background-color: #fff; 
	padding: 25px 40px;
}

/** Main-menu */
nav#site-navigation{
	/* background-color: #c03; */
	line-height: 48px;
	padding-top: 8px;
}
/* #primary-menu a:hover, #primary-menu a:visited{
	color: #fff;

} */
.site-main,
.minisite-single-post {
	margin-top: 24px;

}

#primary-menu > li > a {
	line-height: 1.8;
	padding: 0;
	margin-right: 16px;
	color: #56575f;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: -.02rem;
	-webkit-font-smoothing: antialiased;
}
@media (max-width: 1123px) {
	#primary-menu > li > a {
		margin-right: 12px;
	}
}
/* .page-blogi-template #primary-menu > li::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: lime;
	transform: scaleX(1);
	z-index: 2;
} */

#primary-menu > li > a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #ff3d31;
	visibility: hidden;
	transform: scaleX(0);
	transition: all .3s ease-in-out 0s;
	z-index: 10;
}
#primary-menu > li > a:focus::before,
#primary-menu > li > a:hover::before {
	visibility: visible;
	transform: scaleX(1);
}

nav ul a:hover {
    background-color: transparent;
}
nav ul a {
	color: #000;
}
nav#site-navigation, nav .nav-wrapper i, a.button-collapse, a.button-collapse i {
	line-height: 48px;
	height: 38.8px;
}
nav .nav-wrapper {
	position: static;
}

#primary-menu{
	position: relative;
	width: 100%;
	height: 34px;
}
#primary-menu > .menu-item {
	position: relative;
}
#primary-menu li.menu-item-has-children:active ul.sub-menu,
#primary-menu .menu-item-has-children:focus-within ul.sub-menu,
#primary-menu li.menu-item-has-children:hover ul.sub-menu,
#primary-menu li:focus-within ul.sub-menu {
    display: inline-block;
	position: absolute;
}	

#primary-menu > .menu-item > a {
	position: relative;
	outline: none;
}	
#primary-menu > .menu-item-has-children > a::after {
	border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #56575f;
    content: "";
    height: 0;
    pointer-events: none;
	width: 0;
	display: inline-block;
	vertical-align: middle;
	/* margin-left: 8px; */
	margin: 8px;
}

@media (max-width: 830px) {
	#primary-menu > .menu-item-has-children > a::after {
		display: none;
	}	
}

/* first level sub menu */
#primary-menu > li > ul.sub-menu {
	display: none;
	min-width: 100%;

	left: 0;
	background: #fefefe;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	/* box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); */
}
/* first level sub menu items */
#primary-menu ul.sub-menu li{
	/* line-height: 1.75em;
	padding: 0.5em; */
	/* float: left;
	width: 25%; */
	position: relative;
	display: block;
	width: 100%;
}
#primary-menu ul.sub-menu li a{
	padding: 0;
	color: #56575f;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	/* border: 1px solid; */
	padding: 0 10px;
	height: 48px;
	line-height: 48px;


	/*uudet */
	width: 100%;
    min-width: 150px;
	background: #fefefe;
}

#primary-menu ul.sub-menu li a:hover,
#primary-menu ul.sub-menu li a:focus {
	background-color: #eee;
	outline: none;
}	
/* second level sub menu items */
#primary-menu ul.sub-menu ul.sub-menu li {
	display: block; 
	min-width: 100%;
	padding-left: 1em;
}
#primary-menu ul.sub-menu ul.sub-menu li a{
	font-size: 0.85em;
	line-height: 1em;
}

#primary-menu li.menu-item-has-children:focus-within ul.sub-menu,
#primary-menu li.menu-item-has-children:hover  ul.sub-menu {
	display: block;
	z-index: 11;
	margin: 0;
	/* padding: 1em; */
	padding: 0;
	background-color:#fff;

}
/* menu home button */
#primary-menu i {
	height: auto;
	font-size: 1.5rem;
}
@media (min-width:767px ) {
 #mobile-menu {
	 display: none;
 }
}

.block-center-align{
	display: block;
	margin: 0 auto;
}

/* mobile menu styles */
a.button-collapse{
	color: #6b6979;
	position: absolute;
	top: 5px; 
}
a.button-collapse i{
	font-size: 20px;
}
#mobile-menu-button{
	right: auto;
	left: 1%;
	top: 2px;
	z-index: 1;
}
#mobile-search-button{
	right: 1%;
	left: auto;
	top: -4px;
	z-index: 1;
}
.side-nav li.search-form{
	line-height: 1em;
	padding-top: 1em;
	height: 4em;
}
.side-nav form.search-form{
	position: relative;
	width: 100%;
}
#mobile-menu input.search-field{
	width: 80%;
	padding: 2px 10px;
	position: absolute;
	left: 0;
	height: 36px;
	border-radius: 0;
}
#mobile-menu button.search-submit{
	width: 20%;
	padding: 0 10px;
	position: absolute;
	right: 0;
	text-indent: -999px;
}
#mobile-menu button.search-submit .material-icons{
	position: absolute;
	top: 0px;
	left: 10px;
	font-size: 2em !important;
	text-indent: 0px;
	margin-left: 0;
}
#mobile-menu a.paavalikko-home{
	height: auto;
	line-height: 1.5em;
}
#mobile-menu a.paavalikko-home:after{
	content: "Etusivu";
}
#mobile-menu a.paavalikko-home i{
	display: none;
}

.side-nav li.search-form:hover{
	background-color: transparent;
}
#paavalikko-home {
	display: none;
}
ul.sub-menu{
	margin-left: 0;
}
.side-nav li  a{
	height: auto;
	line-height: 1.375em;
	padding: 10px 5px;
}

#mobile-menu li.current-menu-item > a{
	background-color: #efefef;
	color: red;
}
#mobile-menu ul.sub-menu {
    /* display: none; */
}
#mobile-menu li.menu-item-has-children:hover ul.sub-menu {
    display: block;
}

/** make post content tables "zebra" */
.post-content table > tbody > tr:nth-child(2n+1), .minisite-single-post table > tbody > tr:nth-child(2n+1), .post-content-flow-text table > tbody > tr:nth-child(2n+1) {
    background-color: #f2f2f2;
}
.post-content table td{
	font-size: 12px;
	padding: 8px;
}

/** Frontpage **/
.eo-pinnalla-nyt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: -10px;
	margin-right: -10px;
	padding-bottom: 10px;
}

.eo-pinnalla-nyt .nosto {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	width: 25%;
	text-decoration: none;
}
.eo-pinnalla-nyt .nosto img {
	width: 100%;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);	
}

@media (max-width: 850px) {
	.eo-pinnalla-nyt {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: -10px;
	}
	.eo-pinnalla-nyt .nosto {
		margin-bottom: 10px;
		width: 50%;
	}
}

@media (max-width: 400px) {
	.eo-pinnalla-nyt .nosto {
		width: 100%;
	}
}



/** misc **/
.mepa-rss {
	margin-left: 0;
}
.mepa-rss li {
	padding: 10px 0px;
}

/** tables created with Tablepress -plugin */
.tablepress thead th,
.tablepress tfoot th {
	background-color: #f9f9f9;
}
.tablepress thead .sorting_asc,
.tablepress thead .sorting_desc,
.tablepress thead .sorting:hover {
	background-color: #f1f1f1;
}
.dataTables_wrapper label select,
.dataTables_wrapper label input {
    height: 36px;
    margin-bottom: 6px;
}
.paging_simple .paginate_button.next:after, .paging_simple .paginate_button.previous:before {
    color: inherit;
	text-shadow: none;
	top: 4px;
}
.disabled.paginate_button:after,
.disabled.paginate_button:before {
    color: #9e9e9e;
}
.dataTables_paginate a:not(.disabled) {
	color: #ff3d31 !important;
}
.tablepress-table-description {
	margin-bottom: 22.5px;
	font-weight: 600;
	font-size: 14px;
}


.taxonomy-description-container{
	padding: 0 10px;
	padding: 0;
}

.taxonomy-description{
	overflow: hidden;
	max-height: 67px;
	margin-bottom: 0;
	padding: 0;
}

.taxonomy-description p{
	margin-bottom: 20px;
}
.taxonomy-extra-content p{
	margin-bottom: 10px;
}

.taxonomy-description[aria-expanded="false"] {
	position: relative;
}
.taxonomy-description[aria-expanded="false"]::after {
    content:"";
    pointer-events: none;
	position: absolute;
	width: 220px;
	height: 22px;
	bottom: 0; 
	right: 0;
	
	background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background-image: -o-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
.taxonomy-description[aria-expanded="true"] {
	margin-bottom: 1em;
}

a.readmore-button{
	background-color: #fff;
	padding-left: 0;
	padding-right: 0;
	color: #209bb0;
	text-transform: none;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin-bottom: 1em;
}
a.readmore-button i.material-icons{
	margin-left: 0px;
	margin-top: 1px;
}

.post-date .tiny.material-icons {
	-webkit-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
}
.comments-count .tiny.material-icons {
	-webkit-transform: translateY(3px);
	-ms-transform: translateY(3px);
	transform: translateY(3px);
}

@media only screen and (min-width: 800px){
	/* .taxonomy-description-container{ padding: 0 20px;} */
}
@media only screen and (max-width: 500px){
	.taxonomy-description{ max-height: 108px; }
}

/** Materialize collection style to widget lists */
.widget ul{
    margin: 0.5rem 0 1rem 0;
    border: 0;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}
.widget ul > li{
    background-color: #fff;
    line-height: 1.5rem;
    padding: 10px 1px;
    margin: 0;
    border-bottom: 1px solid #e0e0e0;
}
.widget ul > li:last-child {
    border-bottom: none;
	margin-bottom: 1em;
}



/** recent posts widget (widget_dpe_fp_widget) */
.widget_dpe_fp_widget .collection .collection-item.avatar {
	min-height: 60px;
	padding: 10px 10px 10px 72px;
}

/** recent comments widget (decent comments) */
.decent-comments .collection-item{
	padding: 10px 1px;
}

/** widget tag cloud */
#menu-top10 li {
	display: inline-block;
	color: #ff3d31;
    background-color: #fff;
    font-size: 0.8em;
    text-transform: uppercase;
    border: 1px solid #ddd;
    letter-spacing: 0px;
	padding: 0 10px;
    height: 30px;
    line-height: 30px;
	margin-bottom: 4px;
}
#menu-top10 li:hover {
	box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
#menu-top10:hover {
	overflow: visible;
}	
#menu-top10 li a {
	display: flex;
}

#menu-top10 li a::after {
	content: "";
	font-family: "Material Icons";
	font-size: 1.3rem;
}

.tagcloud a{
	display: inline-block;
	border: 1px solid #d1d1d1;
	color: #888;
	padding: 4px 8px;
	margin: 2px 1px;
}
.tagcloud a:hover{
	color: #ff3d31;
	border: 1px solid #ff3d31;
}
.tagcloud{
	padding-bottom: 1em;
}
.tag{
	margin-bottom: 3px;
	margin-right: 3px;
}

/* hide .blog-label from page(s) using template "page-blogi" */
.page-blogi-template .owl-carousel .blog-label, .page-blogi-template  .post-cards .blog-label, .page-blogi-template  .floating-container .blog-label{
	display: none;
}

/** blog page text widget */
.blog-page-widget-area .textwidget{
	text-align: center;
}

/** breadcrums (Yoast) */
p#breadcrumbs{
	/* margin-left: 1em; */
	/* margin-bottom: 5px; */
	font-size: 0.85em;
	position: relative;
	/* top: 10px; */
	line-height: 1;
	margin-bottom: 12px;
}
p#breadcrumbs a, p#breadcrumbs span{
	color: #9497A4;
}
p#breadcrumbs a:hover{
	color: #6B6979;
}
p#breadcrumbs span:last-of-type{
	font-weight: bold;
}

/** share buttons (Supsystic) */
label{
	font-size: 1rem;
	color: #777;
}
.share-buttons-container label{
	float: left;
	line-height: 32px;
	height: 50px;
	padding-top: 8px;
	padding-right: 8px;
}
.share-buttons-container{
	width: 90%;
	max-width: 340px;
	margin: 1em 0;
}

.sbc-left {
	margin-left: 0;
}
	
/** Share buttons (Font Awesome) */
ul.wpfai-list {
	display: inline-block;
	margin: 0;
}
ul.wpfai-list li {
	margin: 0;
}
ul.wpfai-list li.wpfai-list-item a:not(:hover){
	color: #606060;
}


/** main image in image page */
img.mepa-image{
	max-height: 760px;
	width: auto;
}
/** materialize lightbox fix #1 */
.materialboxed.active {
	max-width: none;
	max-height: none;
	width: auto;
}

/** next-prev links in image page */
.image-nav-link {
	position: absolute;
	top: 45%;
	padding-top: 4px;
	background-color: #fff;
}
.image-nav-link.link-prev {
	left: -20px;
}
.image-nav-link.link-next {
	right: -37px;
}

/** next / prev -menu (archive) */
.nav-links .nav-previous{
	float: left;
	margin-right: 10px;
}

/** number of images in archive */
.post-count-images{
	color: #aaa;
	padding-left: 10px;
	font-size: 1.2rem;
	white-space: nowrap;
}

/** post as materialize "cards" */
article .entry-header{
	padding-bottom: 0;
}
article .entry-content{
	margin-top: 0;
	/* border: 1px solid lime; */
}

.col.entry-content {
	padding-left: 0;
	/* padding-right: 20px; */
}

h2.entry-title, h2.card-content{
	font-size: 1.25em;
}

/* chip */
.entry-footer .chip{
	margin: 1px;
}

/* Inline List */
.inline{
	margin: 0;
	padding: 0;
}
.inline li{
	display: inline;
	list-style-type: none;
}
/*
.inline li:after{
	content: ', ';
}
.inline li:last-child:after{
	content: '';
}
*/

/** comments */
ol.comment-list{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
li.comment{
	position: relative;
	display: inline-block;
	width: 98%;
}
ol.comment-list > li{
	padding-bottom: 1px;
	margin-bottom: 1em;
}
ol.comment-list ol.children{
	margin: 1em 0;
	padding: 0;
}
ol.comment-list ol.children li{
	margin: 0 1%;
}
.comment-metadata{
	position: absolute;
	top: 10px;
	right: 15px;
	width: 70%;
	text-align: right;
}
.comment-reply-link{
	color: #d1d1d1;
}
.comment-reply-link:hover{
	color: #c03;
	color: #ff3d31;
}
.comment-content p{
	margin-bottom: 6px;
}
.comment-body,
.comment-respond{
	padding: 1em 1em 6px 1em;
}
.input-field input{
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
}
#respond, #respond h3{
	margin-top: 0; 
	padding-top: 0;
}
.comment-form-comment{
	margin-top: 20px;
}

/** Underline current menu item in etuovi services */
ul#menu-logovalikko li:nth-child(2) a, ul#menu-logomenu li:nth-child(2) a{
	border-bottom: 2px solid #B0B6C2;
}
.single-post ul#menu-logomenu li a#logomenu-ideat-vinkit,
.page-blogi-template ul#menu-logomenu li a#logomenu-ideat-vinkit
{ border-bottom: 0; }

.single-post ul#menu-logomenu li a#logomenu-blogi,
.page-blogi-template ul#menu-logomenu li a#logomenu-blogi
{ border-bottom: 2px solid #B0B6C2; }
	
/** gallery item  */
.gallery-item{
	margin: 0;
	padding: 5px;
}

/** single image page */
.single-image-row {
	position: relative;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 20px;
}
article .row.single-image-row {
	padding-top: 0;
}

.single-image-row > .col.s12 {
	padding-right: 0;
}

.general-tag-links, .general-tag-links:hover, .general-tag-links:focus {
	color: rgb(32, 155, 176);
	font-weight: 500;
    background-color: #fff;
    font-size: 0.8em;
    text-transform: uppercase;
    border: 1px solid #ddd;
    letter-spacing: 0px;
	padding: 0 10px;
    height: 30px;
    line-height: 30px;
	margin-bottom: 4px;
}
.general-tag-links{
	box-shadow: none;
}


.company-logo-image-page {
	text-align: right;
}

.etuovicom-box-banner {
	text-align: right;
}

/** featured-shortcode (RSS) */
.featured-shortcode-content{
	margin: 1em 4px;
	min-height: 44px;
	padding-bottom: 4px;
}

.featured-shortcode-content a, .archive-item-content a {
	color: #404149;
	font-weight: 400;
}

.featured-shortcode-content a:hover, .archive-item-content a:hover {
	color: #404149;
}

/** brand boxes as owl-items different sizing */
.owl-carousel.brand-carousel .owl-nav{
	top: calc(50% - 4em);
}
.owl-item .featured-shortcode-content-company{
	min-height: 97px;
	padding: 1em 10px;
}
.owl-item .featured-shortcode-content-company a{
	display: block;
	color: #222;
	font-weight: 400;
}

/* space around card links */
.company-images-content, .archive-images-content, .search-results-content, .archive-item-content, .crp_title{
	margin: 1em;
	min-height: 45px;
	padding-bottom: 1em;
}

.crp_title{
	text-align: center;
	
}

/* archive items */
.post-meta-element {
	color: #616161;
	margin: 0 10px;
	font-size: 0.85em;
}
.card-item-link{
	font-size: 1.2em;
	line-height: 1.2em;
}
.excerpt{
	margin-top: 10px;
	margin-bottom: 4px;
}
.excerpt a, a.card-item-link, .excerpt a:hover{
	color: #56575f;
	font-weight: 400;
}

.read-more {
    text-transform: none;
	color: #ff3d31;
	padding-left: 0;
}
a.read-more, a.read-more:hover {
	color: #ff3d31;
}

.post-author{
	text-transform: uppercase;
}
.read-more i{
	margin-left: 1px;
}

/** featured company, featured announcement */
.featured-company-image-container, .featured-announcement-image-container{
	position: relative;
	min-height: 140px;
}
.owl-gutter{
	margin: 0 10px;
}

a.brand-box-link.logo-link{
	display: block;
	position: absolute;
	top: 1em;
	left: 1em;
	background-color: #fff;
	padding: 10px;
}
a.brand-box-link.logo-link img{
	max-width: 190px !important;
	width: auto !important;
	max-height: 65px !important;
}

/* VO-link */
#post-50868 #single-company-link {
	background-color: #4c6fae !important;
}
article.is-boosted::before {
	padding-left: 10px;
}

/** Small brand boxes (blog-home) */
/* move logo to top left in a small brand box (control buttons overlapping) */
.brand-box-small .featured-company-logo{
	bottom: auto;
	top: 1em;
}
/* use different top value for smaller brand boxes */
.brand-box-small .owl-nav{
	top: 120px;
}
/* set left and right padding */
.brand-box-small .featured-shortcode-content{
	padding: 0 5px;
	text-align: center;
}

/** post carousel */
/** post cards */
.post-carousel-container .owl-item{
	border-left: 1px solid #fff;
}

/* prev and next -buttons */
.owl-carousel .owl-next i, .owl-carousel .owl-prev i{
	background: rgba(255, 255, 255, 0.375);
	color: #404149;
	text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
	border-radius: 50%;
	cursor: pointer;
}

.owl-item-image-container{
	max-height: 288px;
}
.active .owl-item-image-container{
	max-height: inherit;
}

/* post carousel taxonomy item */
a.owl-item-link.taxonomy-link{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 42%;
	padding-left: 10%;
	padding-right: 10%;
	text-align: center;
	
    color: #fff;
    font-size: 1.3em;
    line-height: 1.5em;
    font-weight: 600;

    background: rgba(255,61,44, 0.8); /* #da2d82 */
}
a.owl-item-link.taxonomy-link span.taxonomy-name{
	font-size: 1.4em;
	text-transform: uppercase;
	display: block;
}
a.owl-item-link.taxonomy-link span.taxonomy-name::after{
    font-family: 'Material Icons';
    content: "\00E5CC";
	position: relative;
	top: 5px;
}
.owl-nav div.owl-next.disabled, .owl-nav div.owl-prev.disabled{
	opacity: 0;
}


/* text box */
.owl-carousel .featured-shortcode-content-gradient{
	position: absolute;
	bottom: 0;
	width: 100%;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.owl-carousel .featured-shortcode-content{
	position: relative; 
	bottom: 0;
	width: 100%;
	padding: 1em 10px;
	margin: 0;
}
/* if gradient background, use larger text with shadow */
.owl-carousel .featured-shortcode-content-gradient .featured-shortcode-content a{
	color: #fff;
	text-shadow: 0px 0px 2px rgba(30, 30, 30, 0.82);
	font-size: 1.3em;
	line-height: 1.25em;
	font-weight: 400;
	display: inline-block;
	padding-top: 2em;
}
.owl-carousel .floating-container, .post-cards .floating-container, .floating-container{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 90%;
	z-index: 2;
}
.floating-container .primary-category,
.floating-container .blog-label,
.post_format-post-format-video .floating-container::before
{
	display: inline-block;
	background:rgba(0,0,0, 0.5);
	color: #fff;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 0.8em;
	margin-bottom: 10px;
}
.floating-container .blog-label{
	background: rgba(255,61,44, 0.8);
	margin-right: 2px;
}
/* primary category label when thinglink scene */
.owl-carousel .label-scene{
	background: rgba(255,61,44, 0.8);
}
.owl-carousel .label-scene::before{
	font-family: 'Material Icons';
	content: "\00E54E"; /* https://chars.suikawiki.org/char/E54E */
	padding-right: 8px;
}

/* video label */
.post_format-post-format-video > .floating-container::before
{
	content: "Video";
	background: rgba(110,70,230, 0.9);
	margin-right: 2px;
}
/* hide "blog"-label if video is set  */
.post_format-post-format-video > .floating-container .blog-label
{
	display: none;
}
/* excerpt data if video in archive(.ms-item as container) */
.ms-item > .post_format-post-format-video p.excerpt,
.ms-item.post_format-post-format-video p.excerpt
{
	display: none;
}

.owl-carousel .company-logo, .post-cards .company-logo{
	max-width: 100px;
	max-height: 80px;
	margin-bottom: 10px;
	background-color: #fff;
	padding: 5px;
}
.owl-carousel .author, .owl-carousel .sponsor{
	color: #efefef;
	text-shadow: 0px 0px 2px rgba(41, 39, 37, 0.82);
	text-transform: uppercase;
	font-size: 0.8em;
	margin: 2px 0;
}

/* for smaller container */
.col.l8 .owl-carousel .featured-shortcode-content a{
	font-size: 1.1em;
	line-height: 1.2em;
}
.col.l8  .owl-carousel .owl-item-image-container {
    min-height: 213px;
}
.col.l8  .owl-carousel .featured-shortcode-content {
	padding: 10px 30px;
}
.col.l8  .owl-carousel .author, .owl-carousel .sponsor, .col.l8   .owl-carousel .featured-shortcode-content a{
	color: #fff;
	text-shadow: 0px 0px 4px rgba(4, 4, 4, 0.99);
}

.card {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

/** post cards only */
.post-cards .ms-item{
	width: calc(50% - 14px);
}
.post-cards .featured-shortcode-content{
	padding: 4px 10px;
}
.post-cards .post-meta-element {
	color: #616161;
	margin: 0 10px;
	margin-left: 0;
	font-size: 0.85em;
}
.post-cards .author{
	text-transform: uppercase;
	margin: 2px 0;
}
.post-cards .featured-shortcode-content a.card-item-link{
	font-size: 1.2em;
	line-height: 1.2em;
	color: #222;
}

.post-cards .post-author{
	text-transform: uppercase;
}

.post-cards .sponsor, .entry-meta .sponsor, .ms-item .sponsor{
	color: #616161;
	margin: 2px 0;
	font-size: 0.85em;
	text-transform: uppercase;
}

.post-cards .read-more{
	text-transform: none;
	color: #ff3d31;
}
.post-cards .read-more i{
	margin-left: 1px;
}

/* filter buttons in category archive */
div.filter-buttons{
	/* margin-top: 2em; */
	position: relative;
	display: inline-block;
}
.filter-buttons .btn{
	margin: 2px 5px;
	padding: 0 18px;
	white-space: nowrap;
}
.filter-buttons label.filter-label{
	/* position: absolute;
	top: 2px;
	left: -50px; */
	line-height: 36px;
	display: inline-block;
	height: 36px;
	vertical-align: middle;
}
.filter-buttons .btn-flat{
	text-transform: none;
	font-size: 16px;
	padding: 0;
}

/* category-block (featured posts of a category) */
.category-block h2 a{
	color: #000;
}
.category-block h2 a:hover{
	color: #ff3d31;
}

/** blogger avatar list */
.blogger-avatar{
	min-height: 106px;
}
.blogger-avatar img{
	border-radius: 50%;
}
.blogger-name{
	text-transform: uppercase;
	font-size: 0.85em;
	min-height: 5em;
}


/** landing page auto links */
.shortcode-submenu-content{
	margin: 1.5em;
	min-height: 35px;
}
.shortcode-submenu-content h3{
	margin-top: 10px;
	margin-bottom: 5px;
}
.shortcode-submenu-content h3 a, .shortcode-submenu-content a{
	color: #222;
}


/* owl-carousel */
.owl-nav{
	position: absolute;
	width: 100%;
	top: calc(50% - 40px);
	color: #777;
}
.owl-prev{
	position: absolute; 
	left: -29px;
}
.owl-next{
	position: absolute; 
	right: -29px;
}
.owl-next:hover, .owl-prev:hover{
	opacity: 1;
}
.brand-box-small .owl-next{
	right: 0;
}
.brand-box-small .owl-prev{
	left: 0;
}

/* company cloud */
.company-cloud-item{
	min-height: 125px;
	justify-content: center;
}
.company-cloud-item .company-logo{
	-ms-transform: scale(0.7, 0.7); /* IE 9 */
    -webkit-transform: scale(0.7, 0.7); /* Safari */
    transform: scale(0.7, 0.7);
	max-width: 160px;
	overflow: hidden;
}

/** 
* post meta elements (single post)
*/
.entry-meta{
	/* margin-top: 24px; */
	margin-bottom: 12px;
}

.archive-item-content .entry-meta, .featured-shortcode-content .entry-meta {
	margin-bottom: 0;
}

.post-meta-element{
	display: inline-block;
	margin: 0 10px;
	color: #616161;
	margin-left: 0;
}
.post-meta-element a.comments-count:not(:hover){
	color: #616161;
}
.author-title{
	text-transform: uppercase;
}

/** post page avatar image */
.author-card img.avatar{ 
	margin: 0 auto;
}


/** 
* page navigation
*/
ul.mepa-pagination{
	margin: 1em 0;
	display: inline-block;
}
.navigation .btn-large{
	color: #fff;
	text-decoration:none;
	font-size: 1em;
	margin-right: 0;
	padding: 0 1.5rem;
	width: 100%;
	height: 50px;
	line-height: 50px;
}
.navigation .btn-large i{
	font-size: 1.5em;
	margin-right: 2px;
	margin-left: 2px;
}
.navigation .btn-flat.disabled{
	color: #aaa !important;
}
.navigation .btn-flat.disabled i{
	color: #bbb !important;
}

.mepa-pagination li {
    display: block;
	float: left;
	margin: 2px;
	width: 50px;
}

/* prev / next -buttons (first and last item in list) */
.mepa-pagination li:first-child, .mepa-pagination li:last-child {
	padding: 0;
	background-color: transparent;
	width: auto;
}
.mepa-pagination li.pages a, .mepa-pagination li.pagination-hellip span {
	display: block;
	vertical-align: middle;
	font-size: 1em;
    padding: 0 10px;
    border-radius: 2px;
    text-align: center;
	color: #56575f;
	width: 100%;
	max-width: 50px;
	height: 50px;
	line-height: 48px;
	border: 1px solid #ccc;
	border: 1px solid #fefefe;
}
.mepa-pagination li.pages.active a {
	/* background-color: #CC0033;
	border: 1px solid #c03;
	color: #fff; */
	cursor: default; /* "disable" */
	background: none;
	border-bottom: 2px solid #ff3d31;
	color: #ff3d31;
}
.mepa-pagination li.pagination-hellip span {
	border: 0;
	max-width: none;
}

i.eo-angle-right {
	margin-left: 0;
	margin-right: -8px;
}

@media screen and (max-width: 500px) {
	ul.mepa-pagination{
		width: 98%;
		text-align: center;
	}
	
	.mepa-pagination li.pages a, .mepa-pagination li.pagination-hellip span {
		font-size: 0.8em;
	}
	
	.mepa-pagination li {
		margin: 0.5%;
	}
	.mepa-pagination li.pages{
		width: auto;
	
	}
	.mepa-pagination li.pagination-hellip {
		width: 8%;
	}
}


/**
* NPS-form
*/
.nps-select {
	width: 97%;
	margin-right: 3%;
	text-align: center;
	padding: 0;
	background-color: #fff;
    color: #ff3d31;
    border: 1px solid #ccc;
    box-shadow: none;
}

.nps-select:hover {
	background-color: #ff3d31;
	color: #fff;
	border: none;
}

.nps-select.disabled {
	background-color: #ff3d31 !important;
    color: #fff !important;
    border: none;
}

.row .col.btn_container{
	padding: 0;
}
.modal {
	background-color: #fff;
}
#nps_open_answer{
	width: 100%;
	max-width: 830px;
}


/**
* Footer / ALMA-Footer
*/
footer#colophon{
	background-color: #212226;
	color: #fff;
	margin-top: 2em;
	background-image: url('./img/footer-bg.svg');
	background-size: 110%;
    background-position: center -230px;
	padding-top: 65px;
}
@media(max-width: 1199px) {
	footer#colophon{
		background-position: -5px -120px;
	}
}

@media(max-width: 1023px) {
	footer#colophon{
		background-size: 170%;
    	background-position: -5px -120px;
	}
}
@media(max-width: 820px) {
	footer#colophon{
		background-size: 500%;
		background-position: -100px -150px;
		background-color: #c71e38;
		background-repeat: no-repeat;
	}
}	
@media(max-width: 767px) {
	footer#colophon{
		padding-top: 25px;
	}
}

footer.site-footer h2{
	color: #fff;
	opacity: .7;
	font-size: 1rem;
	text-transform: uppercase;
}
footer.site-footer p {
	color: #fff;
}
footer.site-footer a {
	display: inline-block;
	color: #fff;
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 6px;
}

/* some icons */
footer ul.icons-medium, footer ul.icons-large{
	margin: 0;
}
footer ul.icons-medium li, footer ul.icons-large li{
	display: inline;
	margin: 5px;
}
footer ul.icons-medium li img, footer ul.icons-large li img{
	border-radius: 50%;
	max-width: 42px;
	opacity: 0.9;
	transition: all .2s ease-in-out;
}
footer ul.icons-medium li img:hover, footer ul.icons-large li img:hover{
	opacity: 1;
}

.widget ul.icons-medium, .widget ul.icons-large{
	text-align: left;
}
.widget ul.icons-medium li, .widget ul.icons-large li{
	padding: 0;
	border-bottom: 0;
	float: none;
	display: inline-block;
}

#alma-footer{
	/* background-color: #000; */
	padding: 1em 0;
}
#alma-footer p{
	margin-bottom: 0;
}
#ALMACR-widget-5577db28b922930e04000019 {
	background: #333333;
}
#ALMACR-widget-5577db28b922930e04000019 .alma-footer {
	max-width: 1280px;
	margin-left: auto !important;
	margin-right: auto !important;
}
/* Alma CMP */
.alma-cmp-preferences button,
.as-oil button {
    box-shadow: none;
}

/* hide primary category label from home page "load-more" element */
.home .featured-keyword-item span.primary-category{
	display: none;
}

/** add Masonry -support 
* 	USAGE: 
* <div id="ms-container"><div class="ms-item">....
*/
.alm-reveal .ms-item, .alm-listing .ms-item {
	position: absolute;
	left: -9999px; /* load element out of screen. element will get left value after masonry layout */
}
.ms-item .card{
	margin-top: 0;
}
.post-cards .columns-1 {
	padding:0;
	width: 100%;
}
.ms-item, .post-cards .columns-3 {
	padding:0;
	width: calc(33.3% - 14px);
	margin-bottom: 6px;
}
.ms-item.banner-rectangle{
	margin-bottom: 0;
	min-height: 0;
}
.ms-item.banner-rectangle iframe{
	margin-top: 5px;
	margin-bottom: 20px;
}

/* wide layouts with white margins */
@media only screen and (min-width: 1246px) {
	.owl-carousel .owl-prev{
		background-color: transparent;
		left: -4%;
	}
	.owl-carousel .owl-next{
		background-color: transparent;
		right: -4%;
	}
}

/* for screens medium and bigger */
@media screen and (min-width: 992px) {
	
	/* hide WhatsApp share */
	.supsystic-social-sharing a.whatsapp{
		display: none !important;
	}
	
	.post .post-carousel-container{
		max-width: 816.656px;
	}
	
}

/* for medium desktops and smaller */
@media only screen and (max-width: 1246px) {
	.image-nav-link.link-prev {
		left: -20px;
	}
	.image-nav-link.link-next {
		right: -20px;
	}
	.owl-prev{
		left: -25px;
	}
	.owl-next {
		right: -25px;
	}
}

@media only screen and (max-width: 1050px) {
	
	/* 1050 document width would make a 33.3% width ms-item under 300px */
	.ms-item.banner-rectangle{
		min-width: 300px;
		width: 66%;
	}
}

/* for medium and smaller */
@media only screen and (max-width: 992px) {
	
	.ms-item, .ms-item.banner-rectangle {
		width: calc(50% - 10px);
	}
	.page .ms-item.featured-keyword-item {
		width: calc(33.3% - 14px);
	}
	
	.featured-keyword-item{
		min-height: auto;
	}
	
	.owl-prev{
		left: -9px;
	}
	
	.owl-next {
		right: -9px;
	}
	
	.company-button-image-page {
		width: 80%;
	}
}


/* This is for small-medium screen sizes - 740px */
@media screen and (max-width: 43.75em) {
	
	.ms-item {
		width: calc(50% - 10px);
	}
	.page .ms-item.featured-keyword-item {
		width: calc(33.3% - 14px);
	}
	
	#header-logo-menu ul li a{
		font-size: 1rem;
	}

	/* mobile ads scale down: parade */
	#div_utif_almad-parade-1, #div_utif_almad-rectangle-2{ /* aspectwrapper */
	  display: inline-block !important; /* shrink to fit */
	  width: 100%;           /* whatever width you like */
	  position: relative;    /* so .content can use position: absolute */
	  max-height: 300px;
	}
	#div_utif_almad-parade-1::after, #div_utif_almad-rectangle-2::after {
	  padding-top: 100%; /* percentage of containing block _width_ */
	  display: block;
	  content: '';
	}
	#div_utif_almad-parade-1 > iframe, #div_utif_almad-rectangle-2 > iframe{
	  position: absolute;
	  top: 0; bottom: 0; right: 0; left: 0;  /* follow the parent's edges */
	  margin: 0 auto;
	  width:100%;
	  max-width: 300px;
	  height: 100%;
	}
	
}


@media only screen and (min-width: 767px) {
	.hide-on-med-and-up__eos {
		display: none !important;
	}
}
@media only screen and (max-width: 767px){
	.hide-on-small-only__eos, .hide-on-small-and-down {
		display: none !important;
	}
}

/* This is only for small screen sizes - 740px */
@media screen and (max-width: 767px) {
	
	.ms-item.banner-rectangle{
		width: auto;
		min-width:300px;
		margin-left: auto;
		margin-right: auto;
	}

	nav#site-navigation { 
		height: auto; 
	}
	nav#site-navigation ul li{ 
		float: none;
		background: none;
		padding: 0;
	}
	
	nav#site-navigation .search-form {
		padding: 10px;
		margin-bottom: 20px;
	}
	#mobile-menu input.search-field {
		height: 42px;
	}

	#mobile-menu button.search-submit .material-icons {
		top: 3px;
	}
	

	.navbar-header-wrapper {
		padding: 0px 20px 0px 20px;
	}
	nav#site-navigation {
		padding-top: 4px;
	}
	#mobile-menu-button {
		top: -6px; /* l: 1287 */ 
	}
	#mobile-search-button {
		top: -1px;
	}
	#mobile-search-button .material-icons {
		font-size: 20px;
	}	
	/* .side-nav {
		width: 350px;
	
	} */
	.side-nav li a {
		-webkit-font-smoothing: antialiased;
		padding: 0 10px;
		line-height: 48px;
	}
	.side-nav .sub-menu li a {
		padding-left: 34px;
	}

	.side-nav li a:hover  {
		background: #eee;
		color: 56575f;
	}
	.menu-toggle{ 
		width: 100%; 
		border-radius: 0; 
		font-size: 16px; 
	}
	
	#header-logo-menu ul li{
		padding: 0px 10px; 
	}
	
	#header-logo-menu {
		display: block;
	}
	
	#header-logo-menu ul li a{
		font-size: 1rem;
	}
	
	/* .site-logo img{
		max-width: 80%; 
	} */

	.site-branding{
		text-align:center;
	}

	#content{
		margin-top: 20px;
	}
	
	h2.home-icon-header i{
		margin-top: 0.25rem;
	}
	
	.image-nav-link.link-prev{
		left: -20px;
	}
	.image-nav-link.link-next{
		right: -15px;
	}
			
	h1 {
		font-size: 2rem;
		line-height: 2.5rem;

		font-size: 36px;
		font-weight: 600;
		letter-spacing: 0;
		line-height: 1;
		margin-bottom: .5em;
	}
	h2 {
		font-size: 1.5rem;
		line-height: 2rem;

		font-size: 24px;
		letter-spacing: -.02em;
		line-height: 1.35;
		margin-bottom: .5em;
	}
	h1.archive-has-count{
		display: block;
		clear: both;
		margin-bottom: 5px;
	}
	.post-count-images{
		padding-left: 0;
		display: block;
		margin-bottom: 20px;
	}
	
	.modal{
		width: 98%;
		max-height: none;
	}
	.company-button-image-page {
		width: 100%;
		margin-bottom: 4em;
	}

	.company-logo-image-page {
		text-align: center;
	}
	
	.etuovicom-box-banner {
		text-align: center;
		margin-top: 3em;
	}
	
	#nps-form h3 {
		font-size: 1.2rem;
		line-height: 130%;
	}
	
	#nps-form h3.section {
		padding-bottom: 0;
	}
	
	#nps-form div.modal-content {
		padding: 10px 10px 0 10px;
	}
	
	#nps-form {
		top: 0 !important;
	}
	
	/* pagination */
	.navigation .btn-large{
		padding: 0 0.5em;
	}
	.mepa-pagination li {
		display: inline-block;
		float: none;
		width: 49px;
	}
	ul.mepa-pagination{
		width: 100%;
	}
	.mepa-pagination li.pages a, .mepa-pagination li.pagination-hellip span {
		padding: 0 7px;
	}
	
	.post-cards{
		width: 100%;
	}
	.post-cards .ms-item{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.post-carousel-container{
		overflow: hidden;
	}
}



/* This is for small-medium screen sizes - 640px */
@media screen and (max-width: 40em) {
	
	.ms-item.hungryfeed_item, .post-type-archive-mepa_company .ms-item {
		width: 100%;
	}
	
	#header-logo-menu ul li a{
		font-size: 1rem;
	}
	
	div.filter-buttons, .filter-buttons label.filter-label{
		position: static;
		display: block;
	} 
	
	nav ul#primary-menu a {
		padding: 0 12px;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
        hyphens: auto;
	}
}

@media screen and (max-width: 560px) {
	/* when owl carousel item is 100%, make text larger */
	.col.l8 .owl-carousel .featured-shortcode-content a{
		font-size: 1.3em;
		line-height: 1.3em;
	}
	/* add border to both sides */
	.post-carousel-container .owl-item{
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	
	.company-button-image-page {
		margin-bottom: 0;
	}
}

/* 560px */
@media screen and (max-width: 35em) {
	.ms-item, .ms-item.featured-keyword-item, .page .ms-item.featured-keyword-item{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.ms-item.banner-rectangle{
		width: 100%;
	}
}

/* 480px */
@media screen and (max-width: 30em) {
	.filter-buttons .btn{
		margin: 2px 2px;
		padding: 0 14px;
	}
}
	
/* 400px */
@media screen and (max-width: 25em) {
	
	h1 {
		letter-spacing: -.04em;
		/* font-size: 1.5rem;
		line-height: 2rem; */
	}
	p#breadcrumbs{
		display: none;
	}
	
	.filter-buttons .btn{
		margin: 2px 1px;
		padding: 0 10px;
		font-size: 12px;
	}
}	

/* This is for very small screen sizes 320px */
@media screen and (max-width: 20em) {
	
	#header-logo-menu ul li{
		display: inline-block;
	}
	
	#header-logo-menu ul li a{
		font-size: 1rem;
	}

	.site-logo img{
		max-width: 80%; 
	}

	/* pagination */
	.mepa-pagination li.pages a, .mepa-pagination li.pagination-hellip span {
		padding: 0 4px;
	}
	.mepa-pagination li.pagination-hellip {
		font-size: 0.5em;
		width: 5%;
		padding: 0;
	}	
	
	.filter-buttons .btn{
		position: static;
		display: block;
		font-size: 14px;
	}
}