/*

The child theme less files are imported in this file

*/
/*
Theme Name: eventeffect
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eventeffect
Tags:

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
        ## Links
        ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
        ## Posts and pages
        ## Comments
# Infinite scroll
# Media
        ## Captions
        ## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
          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"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: black;
  font-family: "Open sans", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
p {
  margin: 0;
  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 {
  -webkit-box-sizing: border-box;
          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/ */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
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;
  padding: 0;
}
li {
  margin-bottom: 0.5rem;
}
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"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  -webkit-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);
          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, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  -webkit-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);
          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;
  -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
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;
}
textarea {
  width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #113664;
}
a:visited {
  color: #113664;
}
a:hover,
a:focus,
a:active {
  color: #2e5586;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  display: block;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
@media only screen and (min-width: 1260px) {
  .main-navigation ul ul {
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
  }
  .main-navigation ul ul ul {
    left: -999em;
    top: 0;
  }
  .main-navigation ul ul a {
    width: 200px;
  }
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}
@media only screen and (min-width: 1260px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  float: left;
  margin-right: 1.5em;
}
.alignright {
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}
.hentry {
  margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery-caption {
  display: block;
}
body {
  font-size: 0.95em;
}
/* Clearfix class */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
#page {
  margin: auto;
  padding: 1.5rem;
  background: #fff;
}
#content {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
p a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 830px) {
  #page {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
  #content {
    max-width: none;
  }
}
@media only screen and (min-width: 1260px) {
  #page {
    max-width: 1260px;
  }
}
.full-77 {
  width: 100%;
}
.full-23 {
  width: 100%;
}
.large-100 {
  width: 100%;
}
.large-300 {
  width: 100%;
}
@media only screen and (min-width: 830px) {
  .large-100 {
    width: 100%;
    padding-right: 270px;
    float: left;
  }
  .large-300 {
    width: 270px;
    margin-left: -270px;
    padding-left: 1.5rem;
    float: right;
  }
  .full-23 {
    width: 100%;
    padding-right: 270px;
    float: left;
  }
}
@media only screen and (min-width: 1260px) {
  .full-77 {
    width: 80%;
    float: left;
    padding-right: 1.5rem;
  }
  .full-23 {
    width: 20%;
    float: right;
    padding: 0;
  }
}
h1 {
  font-size: 2.4em;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size: 1.6em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1.1em;
}
h6 {
  font-size: 1em;
}
@media only screen and (min-width: 600px) {
  h1 {
    font-size: 2.8em;
  }
  h2 {
    font-size: 2.4em;
  }
  h3 {
    font-size: 2em;
  }
  h4 {
    font-size: 1.6em;
  }
  h5 {
    font-size: 1.2em;
  }
  h6 {
    font-size: 1em;
  }
}
h1,
h2,
h3 {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 1rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto Condensed", sans-serif;
}
.site-content ul {
  margin-left: 1.5rem;
}
.site-content ul a:hover {
  text-decoration: underline;
}
/*
* Header styles 
*/
@media screen and (max-width: 1259px) {
  .primary-menu ul.nav-menu {
    padding: 20px 0 10px 0;
  }
  .primary-menu ul.nav-menu > li.menu-item ul.sub-menu {
    display: none;
    padding: 6px 10px;
  }
  .primary-menu ul.nav-menu > li.menu-item {
    position: relative;
    font-size: 17px;
    line-height: 2.2em;
  }
  .primary-menu ul.nav-menu > li.menu-item a {
    line-height: inherit;
    font-size: inherit;
    text-align: left;
  }
  .primary-menu ul.nav-menu li.menu-item .ee-dropdown-indicator {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 20px;
    line-height: 2.02em;
    -webkit-transform: translate(15px, 0%);
            transform: translate(15px, 0%);
  }
  .primary-menu ul.nav-menu > li.menu-item ul.sub-menu {
    display: none;
    padding: 6px 10px;
  }
  .primary-menu ul.nav-menu > li.menu-item li.menu-item {
    padding-left: 10px;
    line-height: 1.7em;
  }
  .primary-menu ul.nav-menu > li.menu-item a {
    line-height: inherit;
    font-size: inherit;
    text-align: left;
  }
}
/* Making sure the custom color settings only affects the desktop menu*/
.site-header {
  border-bottom: 1px solid black;
  padding: 1.5rem;
}
@media screen and (max-width: 1259px) {
  .site-header {
    background: white;
  }
}
@media screen and (max-width: 1259px) {
  .primary-menu {
    background: white;
  }
}
@media screen and (max-width: 1259px) {
  .main-nav li a {
    color: black;
  }
}
@media screen and (max-width: 1259px) {
  .main-navigation .primary-menu li a {
    color: black;
  }
}
@media screen and (max-width: 1259px) {
  .main-navigation .primary-menu li:hover a {
    border-bottom: none;
  }
}
#site-logo {
  max-width: 160px;
  float: left;
  line-height: 3;
}
#site-logo img {
  vertical-align: middle;
}
.menu-toggle,
.toggled-on {
  float: right;
  border: 0px;
  border-radius: 0px;
  font-family: inherit;
  padding: 0px;
  background: transparent;
  font-size: 1em;
  font-weight: bold;
  color: black;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  line-height: 3;
}
.header-widget {
  display: none;
}
#header-widget-left-mobile {
  display: block;
}
@media only screen and (min-width: 600px) {
  #header-widget-left-mobile {
    display: none;
  }
}
.search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 10px;
}
.search-form label {
  width: 100%;
}
.search-form label input.search-field {
  width: 100%;
}
.main-navigation {
  text-align: right;
}
.main-navigation .primary-menu {
  clear: both;
  text-align: right;
}
.main-navigation .sub-menu li a {
  font-weight: 400;
  text-transform: none;
}
.main-navigation .sub-menu li a:before {
  content: "- ";
}
.main-navigation .primary-sub-menu {
  display: none;
}
.main-navigation li {
  margin: 0;
}
.main-navigation li a {
  text-decoration: none;
  text-transform: uppercase;
}
.main-navigation li a:hover,
.main-navigation li a:focus {
  color: grey;
}
@media only screen and (min-width: 1260px) {
  .site-header {
    margin: 0;
    border-bottom: none;
    padding: 0;
    margin-bottom: 20px;
  }
  #logo-widget-wrapper {
    position: relative;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 1260px;
    margin: 20px auto;
  }
  #site-logo {
    max-width: none;
    width: 44%;
    margin-right: 2%;
    float: none;
    display: inline-block;
    vertical-align: bottom;
  }
  #site-logo img {
    height: 80px;
  }
  /* Main navigation */
  .main-navigation {
    width: 100%;
    float: none;
    font-size: 1em;
    font-family: roboto condensed;
    text-align: left;
  }
  .main-navigation ul {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1260px;
    margin: 0 auto;
  }
  .main-navigation ul.nav-sub-menu {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-navigation li {
    display: inline-block;
  }
  .main-navigation li .ee-dropdown-indicator {
    display: none;
  }
  .main-navigation .primary-menu {
    padding: 0em 1rem;
  }
  .main-navigation .primary-menu li:hover a,
  .main-navigation .primary-menu li:focus a,
  .main-navigation .primary-menu li.current-menu-item a,
  .main-navigation .primary-menu li.current-menu-ancestor a,
  .main-navigation .primary-menu li.current_page_item a,
  .main-navigation .primary-menu li.current_page_ancestor a {
    margin-bottom: -1px;
  }
  .main-navigation .primary-menu li {
    font-size: 1em;
  }
  .main-navigation .primary-menu li a {
    line-height: 2.5;
    font-weight: 500;
    font-size: 1.1em;
    letter-spacing: 0.4px;
  }
  .main-navigation .primary-menu .sub-menu {
    display: none;
  }
  .main-navigation .primary-sub-menu {
    display: block;
    padding: 0rem 1rem;
    border-top: 1px solid white;
  }
  .main-navigation .primary-sub-menu .sub-menu {
    display: block;
  }
  .main-navigation .primary-sub-menu li {
    font-size: 0.85em;
    margin-right: 1.4rem;
  }
  .main-navigation .primary-sub-menu li a {
    line-height: 2.3;
  }
  .main-navigation .primary-sub-menu li.current-menu-item a {
    color: white;
  }
  .main-navigation .primary-sub-menu .sub-menu {
    background: black;
    top: 2rem;
  }
  .main-navigation .primary-sub-menu .sub-menu li {
    margin-right: 0;
  }
  .main-navigation .primary-sub-menu .sub-menu li a {
    line-height: 2.5;
    padding-left: 1rem;
  }
  .main-navigation .primary-sub-menu .sub-menu li a:before {
    display: none;
  }
  #header-widget-right {
    width: 27%;
  }
  #header-widget-left {
    width: 24%;
    margin-right: 2%;
  }
  .header-widget p {
    margin-bottom: 0px;
  }
  .header-widget {
    float: none;
    display: inline-block;
    vertical-align: bottom;
  }
}
/*
 * Share buttons
 */
.share-buttons {
  display: block;
  line-height: 1.1;
  margin-bottom: 1.5rem;
}
.share-buttons .share-btns {
  list-style: none;
  margin: 0;
}
.share-buttons .share-btns .btn {
  display: inline;
}
.share-buttons .share-btns .btn .fa {
  font-size: 1.2em;
  margin-right: 5px;
  background: #140a5d;
  padding: 9px;
  border-radius: 30px;
  width: 38px;
  height: 38px;
  text-align: center;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.share-buttons .share-btns .btn .fa.fa-twitter {
  background: #00a9f1;
}
.share-buttons .share-btns .btn .fa.fa-facebook {
  background: #3b5998;
}
.share-buttons .share-btns .btn .fa.fa-linkedin {
  background: #007bb6;
}
.share-buttons .share-btns .btn .fa.fa-envelope {
  background: #DC4E41;
}
.share-buttons .share-btns .btn .fa:hover,
.share-buttons .share-btns .btn .fa:focus {
  -webkit-filter: brightness(85%);
  /* Safari 6.0 - 9.0 */
  filter: brightness(85%);
}
/*
 * Custom styles for eventeffect
 * ---------------------------------------------------------
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto Condensed", sans-serif;
}
h1,
h2,
h3,
h4 {
  line-height: 1.2;
}
/* Extras teaser styles */
.extras-teaser {
  display: block;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
  border-bottom: 1px solid lightgrey;
}
.extras-teaser h2 {
  clear: none;
  font-size: 1.2em;
  font-weight: 800;
  position: relative;
  top: -5px;
  margin: 0;
  padding: 0;
}
.extras-teaser h2 a {
  color: black;
  text-decoration: none;
}
.extras-teaser h2 a:hover {
  text-decoration: underline;
}
.extras-teaser .extras-image {
  float: left;
  margin-right: 20px;
}
.extras-teaser .extras-image-container {
  width: 120px;
  height: 120px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  table-layout: fixed;
}
.extras-teaser .extras-image-container img {
  max-width: 120px;
  max-height: 120px;
}
.extras-teaser .extras-terms a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
.extras-teaser .extras-terms a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 600px) {
  .extras-teaser .extras-text {
    margin-left: 140px;
  }
  .extras-teaser .extras-text.no-image {
    margin-left: 0px;
  }
}
/* Old jobs */
.job_categories-tidigare-jobb .post-header:after,
.job_categories-tidigare-jobb .post-content:after {
  content: "Sista ansökningsdagen för det här jobbet har redan varit.";
  display: inline-block;
  margin-bottom: 10px;
  padding: 6px 10px;
  text-align: center;
  background: yellow;
  z-index: 999;
  color: black;
}
.job_categories-tidigare-jobb button.apply {
  display: none;
}
/* Post teaser styles */
.post-teaser {
  display: block;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid lightgrey;
}
.post-teaser:hover h2 a {
  text-decoration: underline;
}
.post-teaser.no-image h2 {
  top: 0px !important;
}
.post-teaser h2 {
  display: inline;
  clear: none;
  font-size: 1.6em;
  font-weight: 800;
  position: relative;
  margin: 0;
  top: -8px;
}
.post-teaser h2 a {
  color: black;
  text-decoration: none;
}
.post-teaser h2.light {
  font-weight: 300;
}
.post-teaser h2.extra-bold {
  font-weight: 900;
}
.post-teaser h2.small {
  font-size: 1.2em;
}
.post-teaser h2.large {
  font-size: 1.8em;
}
.post-teaser .teaser-image.thumbnail {
  max-width: 100px;
}
.post-teaser .teaser-image.medium {
  max-width: 100px;
}
.post-teaser .teaser-image.large {
  max-width: 100%;
  float: none;
  margin-bottom: 1.5rem;
}
.post-teaser .teaser-image.alignright {
  float: right;
  margin-left: 1.5rem;
}
.post-teaser .teaser-image.alignleft {
  float: left;
  width: 100%;
}
.post-teaser .teaser-text p {
  display: inline;
  margin-bottom: 0;
  color: black;
  font-size: 0.95em;
}
.post-teaser .teaser-categories,
.post-teaser .teaser-categories a {
  display: inline-block;
  padding-right: 0.3rem;
  text-transform: uppercase;
  font-weight: 800;
  text-decoration: none;
}
/* Teasers in header */
.header-widget article.post-teaser {
  margin-bottom: 0em;
  padding-bottom: 0em;
  border-bottom: 0px;
}
.header-widget article.post-teaser .teaser-image.medium,
.header-widget article.post-teaser .teaser-image.large,
.header-widget article.post-teaser .teaser-image.thumbnail {
  width: 70px;
  height: 70px;
  margin-right: 1rem;
  margin-bottom: 0;
  float: left;
  overflow: hidden;
  position: relative;
}
.header-widget article.post-teaser .teaser-image.medium img,
.header-widget article.post-teaser .teaser-image.large img,
.header-widget article.post-teaser .teaser-image.thumbnail img {
  position: absolute;
  height: 100%;
  max-width: none;
  width: auto;
  margin: auto;
  top: -50%;
  bottom: -50%;
  left: -50%;
  right: -50%;
  display: block;
}
.header-widget article.post-teaser h2 {
  font-size: 1.2em;
}
.header-widget article.post-teaser h2 a {
  display: inline;
}
.header-widget article.post-teaser h2 a:hover {
  color: black;
  text-decoration: underline;
}
.header-widget article.post-teaser .teaser-text {
  display: none;
}
/* Partnerartikel styles */
.partnerartikel {
  padding: 10px;
  background: #EFEFEF;
}
.post-teaser.partnerartikel {
  background-color: #E8E8E8;
  padding: 15px;
}
/* Related post teaser styles */
.related-posts {
  margin-top: 1.5rem;
}
.related-post-teaser {
  display: block;
  margin-bottom: 1.5rem;
  padding-bottom: 1.225rem;
  border-bottom: 1px solid lightgrey;
}
.related-post-teaser .teaser-image.alignright {
  padding-bottom: 1.5rem;
}
.related-post-teaser h2 {
  display: inline;
  clear: none;
  font-size: 1.2em;
  font-weight: 800;
  position: relative;
  top: -4px;
  margin: 0;
}
.related-post-teaser h2 a {
  color: black;
  text-decoration: none;
}
.related-post-teaser .teaser-image {
  max-width: 100px;
}
.related-post-teaser .teaser-image.alignleft.large {
  float: none;
}
.related-post-teaser .teaser-text p {
  color: black;
  display: inline;
  margin-bottom: 0;
}
@media only screen and (min-width: 600px) {
  /* Post teaser styles */
  .post-teaser  {
    display: block;
    margin-bottom: 1.5rem;
    padding-bottom: 1.225rem;
    border-bottom: 1px solid #DEDEDE;
  }
  .post-teaser  h2 {
    font-size: 2.2em;
  }
  .post-teaser  h2 a {
    color: black;
    text-decoration: none;
  }
  .post-teaser  h2.light {
    font-weight: 300;
  }
  .post-teaser  h2.extra-bold {
    font-weight: 900;
  }
  .post-teaser  h2.small {
    font-size: 2em;
  }
  .post-teaser  h2.large {
    font-size: 2.8em;
  }
  .post-teaser  .teaser-image.thumbnail {
    max-width: 180px;
  }
  .post-teaser  .teaser-image.medium {
    max-width: 180px;
  }
  .post-teaser  .teaser-image.large {
    width: 100%;
    float: none;
    margin-bottom: 1.5rem;
    padding: 0 !important;
  }
  .post-teaser  .teaser-image.large img {
    display: block;
    margin: auto;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .post-teaser  .teaser-image.alignright {
    float: right;
  }
  .post-teaser  .teaser-image.alignleft {
    float: left;
  }
  /* Utbildning teaser styles */
  article.post-teaser.utbildning  h2 {
    font-size: 2em;
  }
  .large-300 article.post-teaser h2,
  .full-23 article.post-teaser h2,
  h2 .large-300 article.post-teaser.small,
  h2 .full-23 article.post-teaser.small,
  .large-300 article.post-teaser.large,
  .full-23 article.post-teaser.large {
    font-size: 1.4em;
    top: -6px;
  }
  .large-300 article.post-teaser .teaser-image.medium,
  .full-23 article.post-teaser .teaser-image.medium,
  .large-300 article.post-teaser .teaser-image.large,
  .full-23 article.post-teaser .teaser-image.large {
    clear: both;
    width: 100%;
    max-width: none;
    float: none;
    margin: 0;
    margin-bottom: 1rem;
    padding: 0;
  }
  .large-300 article.post-teaser .teaser-image.medium img,
  .full-23 article.post-teaser .teaser-image.medium img,
  .large-300 article.post-teaser .teaser-image.large img,
  .full-23 article.post-teaser .teaser-image.large img {
    display: block;
    margin: auto;
  }
  .large-300 .teaser-image.thumbnail {
    max-width: 100px;
  }
}
@media only screen and (min-width: 1260px) {
  .full-23 .teaser-image.thumbnail {
    max-width: 100px;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016-sep-14, 19:14:17
    Author     : videnorman
*/
.entry-content {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.entry-content a:hover {
  text-decoration: underline;
}
.entry-content form#acf-form {
  -webkit-box-ordinal-group: 100;
      -ms-flex-order: 99;
          order: 99;
}
.site-content ul {
  margin-bottom: 1.5rem;
}
/* Styles for single article */
.site-content article h1.post-title {
  font-size: 2em;
}
.site-content article p.post-excerpt {
  font-size: 1.1em;
  font-weight: bold;
}
.site-content article .date-and-category {
  font-size: 0.9em;
  margin-bottom: 1rem;
  color: black;
}
.site-content article .date-and-category .post-categories {
  color: grey;
}
.site-content article .date-and-category .post-categories a {
  color: grey;
  text-decoration: none;
  text-transform: uppercase;
}
.site-content article .featured-image {
  margin-bottom: 20px;
  font-size: 13px;
}
.site-content article .post-author {
  margin-top: 1.5rem;
}
.site-content article .post-author .author-name {
  display: block;
  color: black;
}
.site-content article .post-author p {
  margin-bottom: 0;
}
.site-content article .post-author .author-image {
  float: left;
  margin-right: 1.5rem;
}
.site-content article .info-box {
  padding: 1rem;
  margin-bottom: 1rem;
  background: #e2e8f7;
}
@media only screen and (min-width: 600px) {
  .site-content article h1.post-title {
    font-size: 3em;
    line-height: 1.1;
    margin-top: 0rem;
    margin-bottom: 1.5rem;
  }
  .site-content article .info-box {
    float: right;
    width: 220px;
    margin-left: 1rem;
    margin-bottom: 0.3rem;
  }
}
/* Styles for single utbildning */
article.utbildning .course-information {
  padding: 1.5rem 1.5rem 0.5rem;
  background: #ececec;
  border: 1px solid #e4e4e4;
  margin-bottom: 1.5rem;
}
article.utbildning .course-information p {
  margin-bottom: 0;
  padding-bottom: 1.5rem;
}
/* Styles for single platsannons */
article.platsannons h1.post-title {
  font-size: 2.2em;
  margin-bottom: 1.5rem;
}
article.platsannons .employer-logo {
  margin-bottom: 1.5rem;
}
article.platsannons .job-information {
  margin-bottom: 1.5rem;
}
article.platsannons button {
  border: 0px;
  border-radius: 0px;
  background: #EB2100;
  width: 20rem;
  padding: 0.8em 1.5em;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 1rem;
}
article.platsannons button a {
  color: white;
  text-decoration: none;
}
article.platsannons button:hover,
article.platsannons button:focus {
  background: #FB472A;
}
/* Styles for single author */
body.author #author-info {
  border-bottom: 8px solid black;
  margin-bottom: 20px;
  padding-bottom: 20px;
  min-height: 119px;
}
body.author #author-avatar {
  display: inline-block;
  float: left;
  margin: 0 10px 10px 0;
}
body.author .author-title {
  display: inline-block;
  margin-bottom: 0px;
}
body.author .author-email {
  margin-bottom: 12px;
  display: inline-block;
}
body.author #author-description p {
  margin-bottom: 0;
}
/* Styles for single partnerartikel */
.partnerartikel .post-content img {
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016-sep-14, 16:37:45
    Author     : videnorman
*/
.ad-mobile {
  margin: 5px 0 0;
}
@media screen and (min-width: 830px) {
  .ad-mobile {
    display: none;
  }
}
.widget-area .widget-title {
  /* Old styling:
        color: black;
        font-size: 1.2em;
        border-top: 8px solid black;
        font-weight: 500;
        padding-bottom: 1.5rem;
        padding-top: 0.7rem;
        margin: 0;
        text-transform: uppercase;
        */
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1em;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  padding: 7px 9px;
}
.widget-area .widget {
  margin-bottom: 1.5rem;
}
.widget-area .widget h3 {
  margin-bottom: 0em;
}
.widget-area .widget p {
  font-size: 0.95em;
}
.widget-area .widget li {
  font-family: "roboto condensed", sans-serif;
}
.widget-area .widget li a {
  font-weight: bold;
  font-size: 1.1em;
  color: black;
  text-decoration: none;
}
.widget-area .widget li a:hover,
.widget-area .widget li a:focus {
  color: black;
  text-decoration: underline;
}
.widget-area .widget li a:visited {
  color: black;
}
#wpmem_reg fieldset,
#wpmem_login fieldset {
  margin: 10px 0px 0px;
  border: 0;
}
#wpmem_reg legend,
#wpmem_login legend {
  display: none;
}
#wpmem_reg label,
#wpmem_login label {
  font-size: 0.9em;
  width: 100%;
  font-weight: bold;
}
#wpmem_reg .div_text,
#wpmem_login .div_text {
  width: 100%;
  background: gainsboro;
  margin-bottom: 1rem;
}
#wpmem_reg .div_text input,
#wpmem_login .div_text input {
  font-size: 0.9em;
  width: 100%;
  border: 0;
  border-radius: 0 0;
  padding: 4px;
  background: transparent;
}
#wpmem_reg .buttons,
#wpmem_login .buttons {
  background: #113664;
  color: white;
  border: 0;
  border-radius: 0;
  font-size: 1.1em;
  padding: 0.3em 2em;
  line-height: 2;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 600px) {
  #wpmem_reg .div_text,
  #wpmem_login .div_text {
    width: 70%;
    display: inline-block;
  }
  #wpmem_reg label,
  #wpmem_login label {
    width: 30%;
    display: inline-block;
  }
}
.taxonomy-page-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 10px);
}
.taxonomy-page-container a {
  width: calc(50% - 10px);
  color: white;
  margin: 10px 0;
  margin-right: 10px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media only screen and (min-width: 600px) {
  .taxonomy-page-container a {
    width: calc(25% - 10px);
  }
}
@media only screen and (min-width: 830px) {
  .taxonomy-page-container a {
    width: calc(20% - 10px);
  }
}
.taxonomy-page-container a:hover {
  -webkit-filter: brightness(80%);
          filter: brightness(80%);
}
.taxonomy-page-container a img {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
@media only screen and (min-width: 830px) {
  .taxonomy-page-container a img {
    height: 200px;
  }
}
.taxonomy-page-container a .image-backup {
  width: 100%;
  height: 150px;
}
@media only screen and (min-width: 830px) {
  .taxonomy-page-container a .image-backup {
    height: 200px;
  }
}
.taxonomy-page-container a .forelasar-info {
  text-align: center;
  padding: 10px 0;
}
.taxonomy-page-container a .forelasar-info h4 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.taxonomy-page-container a .forelasar-info p {
  margin: 0;
}
.taxonomy-page-container a.no-image:hover {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
}
.forelasar-kategori-titel {
  padding: 7px;
  color: white;
  margin-bottom: -12px;
}
.kategori-lankar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px auto 50px;
  width: calc(100% + 10px);
}
.kategori-lankar a {
  width: 100%;
  background: #eee;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: black;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin: 5px 0;
  margin-right: 10px;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  padding: 17px 10px;
  font-size: 14px;
}
@media only screen and (min-width: 600px) {
  .kategori-lankar a {
    width: calc(25% - 10px);
  }
}
@media only screen and (min-width: 830px) {
  .kategori-lankar a {
    width: calc(20% - 10px);
  }
}
.kategori-lankar a:hover {
  background: #dedede;
}
.alla-forelasare {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px auto;
  width: calc(100% + 10px);
}
.alla-forelasare a {
  width: calc(50% - 10px);
  color: white;
  margin: 10px 0;
  margin-right: 10px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media only screen and (min-width: 600px) {
  .alla-forelasare a {
    width: calc(25% - 10px);
  }
}
@media only screen and (min-width: 830px) {
  .alla-forelasare a {
    width: calc(20% - 10px);
  }
}
.alla-forelasare a:hover {
  -webkit-filter: brightness(80%);
          filter: brightness(80%);
}
.alla-forelasare a img {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
@media only screen and (min-width: 830px) {
  .alla-forelasare a img {
    height: 200px;
  }
}
.alla-forelasare a .image-backup {
  width: 100%;
  height: 150px;
}
@media only screen and (min-width: 830px) {
  .alla-forelasare a .image-backup {
    height: 200px;
  }
}
.alla-forelasare a .forelasar-info {
  text-align: center;
  padding: 10px 0;
}
.alla-forelasare a .forelasar-info h4 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.alla-forelasare a .forelasar-info p {
  margin: 0;
}
.alla-forelasare a.no-image:hover {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
}
/* Leverantör list */
.leverantor-taxonomy-page-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.leverantor-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 10px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 600px) {
  .leverantor-list {
    width: 49%;
  }
}
@media only screen and (min-width: 1260px) {
  .leverantor-list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.leverantor-list img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 1260px) {
  .leverantor-list img {
    width: 285px;
    height: 100%;
  }
}
.leverantor-list .contain img {
  -o-object-fit: contain;
     object-fit: contain;
  padding: 10px;
}
.leverantor-list .leverantor-info {
  padding: 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  color: black;
}
@media only screen and (min-width: 1260px) {
  .leverantor-list .leverantor-info {
    width: calc(100% - 285px);
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.leverantor-list .leverantor-info:visited {
  color: black;
}
@media only screen and (min-width: 1260px) {
  .leverantor-info .top-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.leverantor-info h3 {
  margin-bottom: 8px;
}
.leverantor-info h3 a {
  color: black;
}
.leverantor-info .place {
  text-transform: uppercase;
  font-weight: 600;
  right: 20px;
  background: white;
  padding: 8px;
  top: 20px;
  font-size: 12px;
}
.leverantor-info .infotext {
  border-bottom: 1px solid #06092d;
  font-size: 12px;
  text-transform: uppercase;
  padding-bottom: 4px;
  margin-top: -6px;
  letter-spacing: 0.4px;
}
.leverantor-info .post-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.leverantor-info .post-content img {
  display: none;
}
.leverantor-info .read-more {
  padding: 10px;
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 0;
  color: white;
  cursor: pointer;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
/* Single leverantör page */
article.leverantor img {
  max-width: 100%;
  margin-bottom: 20px;
}
article.leverantor .infotext {
  font-size: 12px;
  text-transform: uppercase;
  margin-top: -15px;
  letter-spacing: 0.4px;
}
.qte-scroller-area {
  display: none;
}
#nyhetsbrev-pp-wrapper__container {
  position: fixed;
  overflow: hidden;
  z-index: 999;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  -webkit-transition: opacity 0.5s, -webkit-filter 0.5s;
  transition: opacity 0.5s, -webkit-filter 0.5s;
  transition: opacity 0.5s, filter 0.5s;
  transition: opacity 0.5s, filter 0.5s, -webkit-filter 0.5s;
}
#nyhetsbrev-pp-wrapper__container.open {
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  opacity: 1;
}
#nyhetsbrev-pp-wrapper {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  margin-top: 15vh;
  vertical-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
#nyhetsbrev-pp-wrapper button#nyhetsbrev-pp-wrapper__close {
  position: absolute;
  right: 5px;
  top: 5px;
  border: 0;
  background: transparent;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  padding: 0;
  border-radius: 50%;
  opacity: 0.4;
  z-index: 5;
}
#nyhetsbrev-pp-wrapper button#nyhetsbrev-pp-wrapper__close:before,
#nyhetsbrev-pp-wrapper button#nyhetsbrev-pp-wrapper__close:after {
  content: "";
  position: absolute;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  left: calc(50% - 2px);
  top: calc(50% - 2px);
  width: 4px;
  height: 4px;
  background: #000;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
#nyhetsbrev-pp-wrapper button#nyhetsbrev-pp-wrapper__close:before {
  -webkit-transform: rotate(45deg) scaleX(4);
          transform: rotate(45deg) scaleX(4);
}
#nyhetsbrev-pp-wrapper button#nyhetsbrev-pp-wrapper__close:after {
  -webkit-transform: rotate(-45deg) scaleX(4);
          transform: rotate(-45deg) scaleX(4);
}
#nyhetsbrev-pp-wrapper button#nyhetsbrev-pp-wrapper__close:hover:before {
  -webkit-transform: rotate(45deg) scaleX(5);
          transform: rotate(45deg) scaleX(5);
}
#nyhetsbrev-pp-wrapper button#nyhetsbrev-pp-wrapper__close:hover:after {
  -webkit-transform: rotate(-45deg) scaleX(5);
          transform: rotate(-45deg) scaleX(5);
}
#nyhetsbrev-pp-wrapper div#nyhetsbrev-form__fields {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#nyhetsbrev-pp-wrapper div#nyhetsbrev-form__fields input:not(:first-of-type) {
  margin-top: 5px;
}
#nyhetsbrev-pp-wrapper div#nyhetsbrev-form__buttons button[type=button] {
  border-bottom-left-radius: 6px;
  display: inline-block !important;
}
#nyhetsbrev-pp-wrapper div#nyhetsbrev-form__buttons button[type=submit] {
  border-bottom-right-radius: 6px;
}
div#nyhetsbrev-form-success {
  margin: 0;
  padding: 0;
  -webkit-transition: -webkit-filter 0.5s;
  transition: -webkit-filter 0.5s;
  transition: filter 0.5s;
  transition: filter 0.5s, -webkit-filter 0.5s;
}
div#nyhetsbrev-form-success div.content {
  padding: 30px;
  background: #eee;
}
form#nyhetsbrev-form {
  margin: 0;
  padding: 0;
  -webkit-transition: -webkit-filter 0.5s;
  transition: -webkit-filter 0.5s;
  transition: filter 0.5s;
  transition: filter 0.5s, -webkit-filter 0.5s;
}
form#nyhetsbrev-form.working {
  -webkit-filter: blur(4px) brightness(40%);
          filter: blur(4px) brightness(40%);
  pointer-events: none;
}
form#nyhetsbrev-form div#nyhetsbrev-form__fields {
  padding: 30px;
  background: #eee;
}
form#nyhetsbrev-form div#nyhetsbrev-form__fields input {
  margin-top: 5px;
}
form#nyhetsbrev-form div#nyhetsbrev-form__fields input:not([type="checkbox"]) {
  display: block;
  width: 100%;
  border: 0;
  background: #fff;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}
form#nyhetsbrev-form div#nyhetsbrev-form__gdpr {
  display: block;
  margin-top: 15px;
}
form#nyhetsbrev-form div#nyhetsbrev-form__gdpr label * {
  display: inline-block;
  margin-bottom: 0;
}
form#nyhetsbrev-form div#nyhetsbrev-form__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
form#nyhetsbrev-form div#nyhetsbrev-form__buttons button {
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-shadow: none;
  border-radius: 0;
  outline: none;
}
form#nyhetsbrev-form div#nyhetsbrev-form__buttons button[type=button] {
  display: none;
  width: 50%;
  background: #ccc;
  color: #000;
  font-size: 0.7em;
}
form#nyhetsbrev-form div#nyhetsbrev-form__buttons button[type=submit] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #000;
  color: #fff;
  font-size: 1.2em;
  padding: 20px;
}
.qterest-form-container {
  background: #eee;
  padding: 30px;
}
.qterest-form-container [type=submit] {
  width: 100%;
  display: block;
  background: #000;
  color: #fff;
  font-size: 1.2em;
  padding: 20px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.qterest-form-container [type=submit]:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#leverantor-filter-container {
  margin-top: 10px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016-sep-14, 16:37:45
    Author     : videnorman
*/
.image-container {
  position: relative;
  background: #EEEEEE;
}
.image-container .tags {
  position: absolute;
  left: 10px;
  bottom: -5px;
}
.image-container .tags span {
  color: #fff;
  background: #113664;
  padding: 5px;
}
.page-template-page-massor #page {
  background: #EEEEEE;
}
.page-template-page-massor main {
  margin-bottom: 50px;
  background: #fff;
  padding: 20px;
}
.page-template-page-massor .massa-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 600px) {
  .page-template-page-massor .massa-container {
    display: block;
  }
}
.page-template-page-massor .logos-side {
  width: 17%;
  padding: 0 0 0 15px;
}
@media only screen and (max-width: 600px) {
  .page-template-page-massor .logos-side {
    margin-top: 20px;
    padding: 0!important;
    width: 100%!important;
  }
}
.page-template-page-massor .alla-massor {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  padding: 20px;
}
@media only screen and (max-width: 600px) {
  .page-template-page-massor .alla-massor {
    display: block!important;
    width: 100%!important;
  }
}
@media only screen and (min-width: 600px) {
  .page-template-page-massor .alla-massor {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.page-template-page-massor .alla-massor .massor-lista {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .page-template-page-massor .alla-massor .massor-lista {
    width: 100%!important;
  }
}
@media only screen and (min-width: 600px) {
  .page-template-page-massor .alla-massor .massor-lista {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 80%;
    gap: 2.3rem 2.3rem;
    /* row-gap column gap */
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
}
.page-template-page-massor .alla-massor .massor-lista .old-massa {
  opacity: 0.6;
}
.page-template-page-massor .alla-massor .massor-lista .massa {
  min-height: 600px;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 600px) {
  .page-template-page-massor .alla-massor .massor-lista .massa {
    max-width: 100%!important;
    margin-top: 20px;
  }
}
.page-template-page-massor .alla-massor .massor-lista .massa .content {
  background: #EEEEEE;
  max-height: 400px;
  overflow: hidden;
  min-height: 400px;
}
@media only screen and (min-width: 600px) {
  .page-template-page-massor .alla-massor .massor-lista .massa {
    max-width: 45%;
    margin-bottom: 0;
  }
}
.page-template-page-massor .alla-massor .massor-lista .massa img {
  height: 200px;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-template-page-massor .alla-massor .massor-lista .massa .content {
  padding: 1rem 1.5rem 1.5rem 1.5rem;
}
.page-template-page-massor .alla-massor .massor-lista .massa .content h3 {
  margin-bottom: 1rem;
}
.page-template-page-massor .alla-massor .massor-lista .massa .content .infotext {
  font-size: 12px;
  text-transform: uppercase;
  margin-top: -6px;
  letter-spacing: 0.4px;
}
.page-template-page-massor .alla-massor .massor-lista .massa .content .city {
  text-transform: uppercase;
  font-weight: 600;
  color: #eb2100;
}
.page-template-page-massor .alla-massor .massor-lista .massa .content .tag {
  background: #eb2100;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 8px;
  font-size: 12px;
  line-height: 3;
}
.page-template-page-massor .alla-massor .massor-lista .massa .content .read-more {
  padding: 10px 20px;
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 0;
  color: #fff;
  cursor: pointer;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background: #BB3329;
  border-radius: 5px;
}
.page-template-page-massor .alla-massor .massa-filter {
  width: 25%;
  margin-bottom: 2rem;
  /* The container */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
@media only screen and (max-width: 600px) {
  .page-template-page-massor .alla-massor .massa-filter {
    width: 100%!important;
    margin-top: 20px;
  }
}
.page-template-page-massor .alla-massor .massa-filter .massa-filter .wpp-cardview li .wpp-item-data {
  padding: 5px !important;
}
.page-template-page-massor .alla-massor .massa-filter .filter-form {
  padding: 1rem;
  background-color: #EEEEEE;
  padding-bottom: 2rem;
}
.page-template-page-massor .alla-massor .massa-filter input[type="date"]::-webkit-input-placeholder {
  color: #fff;
}
.page-template-page-massor .alla-massor .massa-filter input[type="date"]::-moz-placeholder {
  color: #fff;
}
.page-template-page-massor .alla-massor .massa-filter input[type="date"]:-ms-input-placeholder {
  color: #fff;
}
.page-template-page-massor .alla-massor .massa-filter input[type="date"]::-ms-input-placeholder {
  color: #fff;
}
.page-template-page-massor .alla-massor .massa-filter input[type="date"]::placeholder {
  color: #fff;
}
.page-template-page-massor .alla-massor .massa-filter input[type="date"]::-webkit-input-placeholder {
  color: transparent;
}
.page-template-page-massor .alla-massor .massa-filter input[type="date"]:-moz-placeholder {
  /* Firefox 18- */
  color: transparent;
}
.page-template-page-massor .alla-massor .massa-filter input[type="date"]::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent;
}
.page-template-page-massor .alla-massor .massa-filter input[type="date"]:-ms-input-placeholder {
  color: transparent;
}
.page-template-page-massor .alla-massor .massa-filter input[type="text"],
.page-template-page-massor .alla-massor .massa-filter input[type="email"],
.page-template-page-massor .alla-massor .massa-filter input[type="url"],
.page-template-page-massor .alla-massor .massa-filter input[type="password"],
.page-template-page-massor .alla-massor .massa-filter input[type="search"],
.page-template-page-massor .alla-massor .massa-filter input[type="number"],
.page-template-page-massor .alla-massor .massa-filter input[type="tel"],
.page-template-page-massor .alla-massor .massa-filter input[type="range"],
.page-template-page-massor .alla-massor .massa-filter input[type="date"],
.page-template-page-massor .alla-massor .massa-filter input[type="month"],
.page-template-page-massor .alla-massor .massa-filter input[type="week"],
.page-template-page-massor .alla-massor .massa-filter input[type="time"],
.page-template-page-massor .alla-massor .massa-filter input[type="datetime"],
.page-template-page-massor .alla-massor .massa-filter input[type="datetime-local"],
.page-template-page-massor .alla-massor .massa-filter input[type="color"],
.page-template-page-massor .alla-massor .massa-filter textarea {
  width: 100%;
  color: #666;
  border: 1px solid #EEEEEE;
  border-radius: 3px;
  padding: 8px;
}
.page-template-page-massor .alla-massor .massa-filter .posts-side li {
  border: 1px solid #EEEEEE !important;
}
.page-template-page-massor .alla-massor .massa-filter select {
  width: 100%;
  padding: 0.7rem;
  border: 1px solid #fff;
  margin-bottom: 1rem;
}
.page-template-page-massor .alla-massor .massa-filter .title {
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-weight: 600;
  margin: 0.5rem 0;
}
.page-template-page-massor .alla-massor .massa-filter .check-wrap label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.page-template-page-massor .alla-massor .massa-filter .check-wrap label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.page-template-page-massor .alla-massor .massa-filter .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
}
.page-template-page-massor .alla-massor .massa-filter .check-wrap label:hover input ~ .checkmark {
  background-color: #fff;
}
.page-template-page-massor .alla-massor .massa-filter .check-wrap label input:checked ~ .checkmark {
  background-color: #113664;
}
.page-template-page-massor .alla-massor .massa-filter .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.page-template-page-massor .alla-massor .massa-filter .check-wrap label input:checked ~ .checkmark:after {
  display: block;
}
.page-template-page-massor .alla-massor .massa-filter .check-wrap label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.page-template-page-massor .alla-massor .massa-filter .logos-side section h3 {
  margin: auto;
}
.page-template-page-massor .alla-massor .massa-filter .logos-side section {
  background: #fff;
  text-align: center;
  min-height: 50px;
  vertical-align: middle;
}
.page-template-page-massor .alla-massor .massa-filter #search-massor {
  padding: 10px 20px;
  margin-top: 30px;
  margin-bottom: 20px;
  color: #fff;
  cursor: pointer;
  background-color: #BB3329;
  border-radius: 5px;
}
.page-template-page-massor .alla-massor .massa-filter .form-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1rem;
}
.page-template-page-massor .alla-massor .massa-filter .form-row.half {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.page-template-page-massor .alla-massor .massa-filter .form-row.half div {
  max-width: 50%;
}
.page-template-page-massor .alla-massor .massa-filter .form-row.half div input {
  max-width: 100%;
  height: 2.5rem;
}
.page-template-page-massor .alla-massor .massa-filter .form-row.third {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.page-template-page-massor .alla-massor .massa-filter .check-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-template-page-massor .alla-massor .massa-filter .check-wrap input[type="checkbox"] {
  margin: 0 0.3rem;
  font: inherit;
  background: #fff;
  width: 1.15em;
  height: 1.15em;
  -webkit-transform: translateY(-0.075em);
          transform: translateY(-0.075em);
}
.page-template-page-massor .alla-massor .massa-filter select {
  width: 100%;
  padding: 0.5rem;
}
.page-template-page-massor .alla-massor .massa-filter #search-massor {
  display: inline-block;
  color: #fff;
  cursor: pointer;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.single-massa #page {
  background: transparent;
}
.single-massa .post-title {
  color: #113664;
  margin-top: 20px!important;
}
.single-massa .infotext {
  font-size: 12px;
  text-transform: uppercase;
  margin-top: -6px;
  letter-spacing: 0.4px;
}
.single-massa .country-massa {
  color: #BB3329;
  text-transform: uppercase;
  font-weight: bold;
}
.single-massa .city {
  text-transform: uppercase;
  font-weight: 600;
  color: #eb2100;
}
.single-massa .tag {
  background: #eb2100;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 8px;
  font-size: 12px;
  line-height: 3;
}
.single-massa .teaser-image {
  height: 100%;
  width: auto;
  max-width: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-massa .post-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.single-massa .post-content .qterest-form-container {
  -webkit-box-ordinal-group: 1001;
      -ms-flex-order: 1000;
          order: 1000;
}
/*# sourceMappingURL=style.css.map */