@charset "UTF-8";
/******************************************************************
Site Name: Skånes Matfestival
Author: Lasse JOhansson, Lassez, www.lassez.se

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/
@import url("http://hello.myfonts.net/count/2aba49");
@import url("http://hello.myfonts.net/count/2ad4c5");
@import url(//fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@font-face {
  font-family: 'Miso';
  src: url("../fonts/2ABA49_0_0.eot");
  src: url("../fonts/2ABA49_0_0.eot#iefix") format("embedded-opentype"), url("../fonts/2ABA49_0_0.woff") format("woff"), url("../fonts/2ABA49_0_0.ttf") format("truetype");
}
@font-face {
  font-family: 'P22Underground';
  src: url("http://skanesmatfestival.se/wordpress/wp-content/themes/skanesmatfestival/library/fonts/2AD4C5_0_0.eot");
  src: url("http://skanesmatfestival.se/wordpress/wp-content/themes/skanesmatfestival/library/fonts/2AD4C5_0_0.eot#iefix") format("embedded-opentype"), url("http://skanesmatfestival.se/wordpress/wp-content/themes/skanesmatfestival/library/fonts/2AD4C5_0_0.woff") format("woff"), url("http://skanesmatfestival.se/wordpress/wp-content/themes/skanesmatfestival/library/fonts/2AD4C5_0_0.ttf") format("truetype");
}
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 11, ../scss/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 30, ../scss/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 41, ../scss/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
/* line 51, ../scss/_normalize.scss */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 66, ../scss/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 76, ../scss/_normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 88, ../scss/_normalize.scss */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 96, ../scss/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 104, ../scss/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 118, ../scss/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 127, ../scss/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 135, ../scss/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 144, ../scss/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 152, ../scss/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 162, ../scss/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 171, ../scss/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 183, ../scss/_normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 191, ../scss/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 199, ../scss/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 207, ../scss/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 215, ../scss/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 219, ../scss/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 231, ../scss/_normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 239, ../scss/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 251, ../scss/_normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 263, ../scss/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 274, ../scss/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 285, ../scss/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 299, ../scss/_normalize.scss */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 311, ../scss/_normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 324, ../scss/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 336, ../scss/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 346, ../scss/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 358, ../scss/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 370, ../scss/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 379, ../scss/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 390, ../scss/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 403, ../scss/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
/* line 416, ../scss/_normalize.scss */
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/* line 423, ../scss/_normalize.scss */
b, strong, .strong {
  font-weight: bold;
}

/* line 425, ../scss/_normalize.scss */
dfn, em, .em {
  font-style: italic;
}

/* line 427, ../scss/_normalize.scss */
small, .small {
  font-size: 75%;
}

/* line 429, ../scss/_normalize.scss */
ul, ol {
  padding: 0;
  list-style-type: none;
}

/* line 434, ../scss/_normalize.scss */
dd {
  margin: 0;
}

/* line 438, ../scss/_normalize.scss */
.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
/* line 23, ../scss/_mixins.scss */
.clearfix {
  zoom: 1;
}
/* line 25, ../scss/_mixins.scss */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
/* line 26, ../scss/_mixins.scss */
.clearfix:after {
  clear: both;
}

/*********************
TOOLS
*********************/
/* line 34, ../scss/_mixins.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 41, ../scss/_mixins.scss */
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/* 	To embed your own fonts, use this syntax
	and place your fonts inside the
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('http://skanesmatfestival.se/wordpress/wp-content/themes/skanesmatfestival/library/css/library/fonts/font-name.eot');
    	src: url('http://skanesmatfestival.se/wordpress/wp-content/themes/skanesmatfestival/library/css/library/fonts/font-name.eot#iefix') format('embedded-opentype'),
             url('http://skanesmatfestival.se/wordpress/wp-content/themes/skanesmatfestival/library/css/library/fonts/font-name.woff') format('woff'),
             url('http://skanesmatfestival.se/wordpress/wp-content/themes/skanesmatfestival/library/css/library/fonts/font-name.ttf') format('truetype'),
             url('http://skanesmatfestival.se/wordpress/wp-content/themes/skanesmatfestival/library/css/library/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
/* line 107, ../scss/_mixins.scss */
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic;
}

/* line 113, ../scss/_mixins.scss */
.text-left {
  text-align: left;
}

/* line 114, ../scss/_mixins.scss */
.text-center {
  text-align: center;
}

/* line 115, ../scss/_mixins.scss */
.text-right {
  text-align: right;
}

/* line 119, ../scss/_mixins.scss */
.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

/* line 125, ../scss/_mixins.scss */
.alert-help {
  border-color: #e8dc59;
  background: #ebe16f;
}

/* line 131, ../scss/_mixins.scss */
.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8;
}

/* line 137, ../scss/_mixins.scss */
.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4;
}

/* line 143, ../scss/_mixins.scss */
.alert-success {
  border-color: #deeaae;
  background: #e6efc2;
}

/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
BUTTONS
*********************/
/* line 205, ../scss/_mixins.scss */
.button, .button:visited {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 1px solid #be0d37;
  border-top-color: #db0f3f;
  border-left-color: #db0f3f;
  padding: 4px 12px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  border-radius: 4px;
  background-color: #e40f42;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f01d4f), to(#e40f42));
  background-image: -webkit-linear-gradient(top, #f01d4f, #e40f42);
  background-image: -moz-linear-gradient(top, #f01d4f, #e40f42);
  background-image: -o-linear-gradient(top, #f01d4f, #e40f42);
  background-image: linear-gradient(to bottom, #f01d4f, #e40f42);
}
/* line 224, ../scss/_mixins.scss */
.button:hover, .button:focus, .button:visited:hover, .button:visited:focus {
  color: #fff;
  border: 1px solid #be0d37;
  border-top-color: #9d0a2d;
  border-left-color: #9d0a2d;
  background-color: #cc0e3b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e40f42), to(#cc0e3b));
  background-image: -webkit-linear-gradient(top, #e40f42, #cc0e3b);
  background-image: -moz-linear-gradient(top, #e40f42, #cc0e3b);
  background-image: -o-linear-gradient(top, #e40f42, #cc0e3b);
  background-image: linear-gradient(to bottom, #e40f42, #cc0e3b);
}
/* line 232, ../scss/_mixins.scss */
.button:active, .button:visited:active {
  background-color: #f01d4f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e40f42), to(#f01d4f));
  background-image: -webkit-linear-gradient(top, #e40f42, #f01d4f);
  background-image: -moz-linear-gradient(top, #e40f42, #f01d4f);
  background-image: -o-linear-gradient(top, #e40f42, #f01d4f);
  background-image: linear-gradient(to bottom, #e40f42, #f01d4f);
}

/* line 237, ../scss/_mixins.scss */
.blue-button, .blue-button:visited {
  border-color: #1472ad;
  text-shadow: 0 1px 1px #1472ad;
  background-color: #1681c4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1990db), to(#1681c4));
  background-image: -webkit-linear-gradient(top, #1990db, #1681c4);
  background-image: -moz-linear-gradient(top, #1990db, #1681c4);
  background-image: -o-linear-gradient(top, #1990db, #1681c4);
  background-image: linear-gradient(to bottom, #1990db, #1681c4);
  box-shadow: inset 0 0 3px #59b3ec;
}
/* line 243, ../scss/_mixins.scss */
.blue-button:hover, .blue-button:focus, .blue-button:visited:hover, .blue-button:visited:focus {
  border-color: #116396;
  background-color: #1472ad;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1784c9), to(#1472ad));
  background-image: -webkit-linear-gradient(top, #1784c9, #1472ad);
  background-image: -moz-linear-gradient(top, #1784c9, #1472ad);
  background-image: -o-linear-gradient(top, #1784c9, #1472ad);
  background-image: linear-gradient(to bottom, #1784c9, #1472ad);
}
/* line 247, ../scss/_mixins.scss */
.blue-button:active, .blue-button:visited:active {
  background-color: #1990db;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1681c4), to(#1990db));
  background-image: -webkit-linear-gradient(top, #1681c4, #1990db);
  background-image: -moz-linear-gradient(top, #1681c4, #1990db);
  background-image: -o-linear-gradient(top, #1681c4, #1990db);
  background-image: linear-gradient(to bottom, #1681c4, #1990db);
}

/*
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
/* line 18, ../scss/_base.scss */
body {
  font-family: "Georgia", Cambria, Times New Roman, Times, serif;
  font-size: 100%;
  line-height: 1.5;
  color: #565656;
}

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
LAYOUT & GRID STYLES
*********************/
/* line 70, ../scss/_base.scss */
.wrap {
  width: 96%;
  margin: 0 auto;
}

/*********************
LINK STYLES
*********************/
/* line 79, ../scss/_base.scss */
a, a:visited {
  color: #f01d4f;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
/* line 83, ../scss/_base.scss */
a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #d10e3c;
}
/* line 93, ../scss/_base.scss */
a:link, a:visited:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
/* line 107, ../scss/_base.scss */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
  font-weight: 500;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */
}
/* line 117, ../scss/_base.scss */
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

/* line 122, ../scss/_base.scss */
h1, .h1 {
  font-size: 2.5em;
  line-height: 1.333em;
}

/* line 127, ../scss/_base.scss */
h2, .h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em;
}

/* line 133, ../scss/_base.scss */
h3, .h3 {
  font-size: 1.125em;
}

/* line 137, ../scss/_base.scss */
h4, .h4 {
  font-size: 1.1em;
  font-weight: 700;
}

/* line 142, ../scss/_base.scss */
h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/*********************
HEADER STYLES
*********************/
/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
/* line 169, ../scss/_base.scss */
.nav {
  border: 1px solid #ccc;
  border-bottom: 0;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */
}
/* line 173, ../scss/_base.scss */
.nav li {
  /*
  so you really have to rethink your dropdowns for mobile.
  you don't want to have it expand too much because the
  screen is so small. How you manage your menu should
  depend on the project. Here's some great info on it:
  http://www.alistapart.com/articles/organizing-mobile/
  */
}
/* line 175, ../scss/_base.scss */
.nav li a {
  display: block;
  text-decoration: none;
  padding: 10px 10px;
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  /*
  remember this is for mobile ONLY, so there's no need
  to even declare hover styles here, you can do it in
  the style.scss file where it's relevant. We want to
  keep this file as small as possible!
  */
}
/* line 209, ../scss/_base.scss */
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  padding-left: 30px;
}

/* end .nav */
/*********************
POSTS & CONTENT STYLES
*********************/
/* line 245, ../scss/_base.scss */
#content {
  margin-top: 2.2em;
}

/* end .hentry */
/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
/* line 277, ../scss/_base.scss */
.byline {
  color: #999;
}

/* entry content */
/* line 284, ../scss/_base.scss */
.entry-content {
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */
}
/* line 319, ../scss/_base.scss */
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
/* line 326, ../scss/_base.scss */
.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}
/* line 342, ../scss/_base.scss */
.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto;
}
/* line 347, ../scss/_base.scss */
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}

/* end .entry-content */
/* line 355, ../scss/_base.scss */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */
}
/* line 361, ../scss/_base.scss */
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
/* line 367, ../scss/_base.scss */
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
/* line 404, ../scss/_base.scss */
.pagination,
.wp-prev-next {
  margin: 1.1em 0 2.2em;
}

/* line 408, ../scss/_base.scss */
.pagination {
  text-align: center;
}
/* line 410, ../scss/_base.scss */
.pagination ul {
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  clear: both;
  margin: 1px;
}
/* line 416, ../scss/_base.scss */
.pagination ul li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
}
/* line 422, ../scss/_base.scss */
.pagination ul li a, .pagination ul li span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: .5em;
  min-width: 1em;
  display: block;
}
/* line 433, ../scss/_base.scss */
.pagination ul li span.current {
  font-weight: bold;
}

/* end .bones_page_navi */
/* fallback previous & next links */
/* line 448, ../scss/_base.scss */
.wp-prev-next .prev-link {
  float: left;
}
/* line 452, ../scss/_base.scss */
.wp-prev-next .next-link {
  float: right;
}

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
/* line 463, ../scss/_base.scss */
#comments {
  /* number of comments span */
}

/* line 480, ../scss/_base.scss */
.commentlist {
  /* general comment classes */
  /* vcard */
  /* end .commentlist .vcard */
  /* comment meta */
  /* comment content */
  /* end .commentlist .comment_content */
  /* comment reply link */
  /* end .commentlist .comment-reply-link */
}
/* line 482, ../scss/_base.scss */
.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px;
  /* end .commentlist li ul.children */
}
/* line 490, ../scss/_base.scss */
.commentlist li:last-child {
  margin-bottom: 0;
}
/* line 494, ../scss/_base.scss */
.commentlist li ul.children {
  margin: 0;
  /* variations */
  /* change number for different depth */
}
/* line 512, ../scss/_base.scss */
.commentlist li[class*=depth-] {
  margin-top: 1.1em;
}
/* line 516, ../scss/_base.scss */
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
/* line 521, ../scss/_base.scss */
.commentlist li:not(.depth-1) {
  margin-right: -10px;
  margin-left: -10px;
  margin-top: 0;
  padding-bottom: 0;
}
/* line 535, ../scss/_base.scss */
.commentlist .odd {
  background: #eee;
}
/* line 538, ../scss/_base.scss */
.commentlist .even {
  background: #fefefe;
}
/* line 553, ../scss/_base.scss */
.commentlist .vcard {
  margin-left: 50px;
}
/* line 556, ../scss/_base.scss */
.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
/* line 564, ../scss/_base.scss */
.commentlist .vcard time {
  float: right;
}
/* line 567, ../scss/_base.scss */
.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}
/* line 571, ../scss/_base.scss */
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
/* line 581, ../scss/_base.scss */
.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}
/* line 606, ../scss/_base.scss */
.commentlist .comment_content {
  margin-left: 50px;
}
/* line 609, ../scss/_base.scss */
.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}
/* line 618, ../scss/_base.scss */
.commentlist .comment-reply-link {
  text-decoration: none;
  float: right;
  background: #4598bb;
  padding: 3px 5px;
  color: #fff;
  opacity: 0.65;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 0.9em;
}
/* line 629, ../scss/_base.scss */
.commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus {
  opacity: 1;
}

/* end .commentlist */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
/* line 642, ../scss/_base.scss */
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em;
}
/* line 646, ../scss/_base.scss */
.respond-form form {
  margin: 0.75em 0;
}
/* line 649, ../scss/_base.scss */
.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
}
/* line 654, ../scss/_base.scss */
.respond-form form li label,
.respond-form form li small {
  display: none;
}
/* line 660, ../scss/_base.scss */
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
  padding: 3px 6px;
  background: #efefef;
  border: 2px solid #cecece;
  line-height: 1.5em;
  /* form validation */
}
/* line 669, ../scss/_base.scss */
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
  background: #fff;
}
/* line 674, ../scss/_base.scss */
.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
  outline: none;
  border-color: #fbc2c4;
  background-color: #f6e7eb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
/* line 685, ../scss/_base.scss */
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
  max-width: 400px;
  min-width: 250px;
}
/* line 692, ../scss/_base.scss */
.respond-form form textarea {
  resize: none;
  width: 97.3%;
  height: 150px;
}

/* comment submit button */
/* comment form title */
/* line 705, ../scss/_base.scss */
#comment-form-title {
  margin: 0 0 1.1em;
}

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
/* line 718, ../scss/_base.scss */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

/* no comments */
/* line 723, ../scss/_base.scss */
.nocomments {
  margin: 0 20px 1.1em;
}

/*********************
SIDEBARS & ASIDES
*********************/
/* line 739, ../scss/_base.scss */
.widget ul li {
  /* deep nesting */
}

/*********************
FOOTER STYLES
*********************/
/* line 760, ../scss/_base.scss */
.footer {
  clear: both;
}

/*
if you checked out the link above:
http://www.alistapart.com/articles/organizing-mobile/
you'll want to style the footer nav
a bit more in-depth. Remember to keep
it simple because you'll have to
override these styles for the desktop
view.
*/
/* end .footer-links */
/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to 
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection. 
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  
  ******************************************************************/
  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.scss */
  /* line 27, ../scss/_481up.scss */
  .menu {
    /* end .menu ul */
  }
  /* line 28, ../scss/_481up.scss */
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  /* line 29, ../scss/_481up.scss */
  .menu ul li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  /* line 30, ../scss/_481up.scss */
  .menu ul li a {
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }

  /* end .menu */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  /* line 75, ../scss/_481up.scss */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  /* line 79, ../scss/_481up.scss */
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  /* line 84, ../scss/_481up.scss */
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  /* line 89, ../scss/_481up.scss */
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }

  /* end .entry-content */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  check your menus here. do they look good?
  do they need tweaking?
  */
  /* end .footer-links */
}
/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (max-width: 900px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Grid Stylesheet
  
  I've seperated the grid so you can swap it out easily. It's
  called at the top the style.scss stylesheet.
  
  There are a ton of grid solutions out there. You should definitely
  experiment with your own. Here are some recommendations:
  
  http://gridsetapp.com - Love this site. Responsive Grids made easy.
  http://susy.oddbird.net/ - Grids using Compass. Very elegant.
  http://gridpak.com/ - Create your own responsive grid.
  
  The grid below is a combination of the 1140 grid and Twitter Boostrap. 
  I liked 1140 but Boostrap's grid was way more detailed so I merged them 
  together, let's see how this works out. If you want to use 1140, the original 
  values are commented out on each line.
  
  ******************************************************************/
  /* line 24, ../scss/_grid.scss */
  .onecol {
    width: 5.801104972%;
  }

  /* 4.85%;  } /* grid_1  */
  /* line 25, ../scss/_grid.scss */
  .twocol {
    width: 14.364640883%;
  }

  /* 13.45%; } /* grid_2  */
  /* line 26, ../scss/_grid.scss */
  .threecol {
    width: 22.928176794%;
  }

  /* 22.05%; } /* grid_3  */
  /* line 27, ../scss/_grid.scss */
  .fourcol {
    width: 31.491712705%;
  }

  /* 30.75%; } /* grid_4  */
  /* line 28, ../scss/_grid.scss */
  .fivecol {
    width: 40.055248616%;
  }

  /* 39.45%; } /* grid_5  */
  /* line 29, ../scss/_grid.scss */
  .sixcol {
    width: 48.618784527%;
  }

  /* 48%;    } /* grid_6  */
  /* line 30, ../scss/_grid.scss */
  .sevencol {
    width: 57.182320438000005%;
  }

  /* 56.75%; } /* grid_7  */
  /* line 31, ../scss/_grid.scss */
  .eightcol {
    width: 65.74585634900001%;
  }

  /* 65.4%;  } /* grid_8  */
  /* line 32, ../scss/_grid.scss */
  .ninecol {
    width: 74.30939226%;
  }

  /* 74.05%; } /* grid_9  */
  /* line 33, ../scss/_grid.scss */
  .tencol {
    width: 82.87292817100001%;
  }

  /* 82.7%;  } /* grid_10 */
  /* line 34, ../scss/_grid.scss */
  .elevencol {
    width: 91.436464082%;
  }

  /* 91.35%; } /* grid_11 */
  /* line 35, ../scss/_grid.scss */
  .twelvecol {
    width: 99.999999993%;
  }

  /* 100%;   } /* grid_12 */
  /* line 38, ../scss/_grid.scss */
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
  }

  /* line 44, ../scss/_grid.scss */
  .first {
    margin-left: 0;
  }

  /* line 48, ../scss/_grid.scss */
  .last {
    float: right;
  }

  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  /* line 26, ../scss/_768up.scss */
  .wrap {
    max-width: 1140px;
  }

  /*********************
  HEADER STYLES
  *********************/
  /*********************
  NAVIGATION STYLES
  *********************/
  /* line 42, ../scss/_768up.scss */
  .nav {
    background: #eee;
    border: 0;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  /* line 45, ../scss/_768up.scss */
  .nav ul {
    margin-top: 0;
  }
  /* line 48, ../scss/_768up.scss */
  .nav li {
    float: left;
    position: relative;
    /*
    plan your menus and drop-downs wisely.
    */
    /* showing sub-menus */
  }
  /* line 52, ../scss/_768up.scss */
  .nav li a {
    border-bottom: 0;
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }
  /* line 59, ../scss/_768up.scss */
  .nav li a:hover, .nav li a:focus {
    background-color: #dedede;
  }
  /* line 70, ../scss/_768up.scss */
  .nav li ul.sub-menu,
  .nav li ul.children {
    margin-top: 0;
    border: 1px solid #ccc;
    border-top: 0;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    z-index: 8999;
    /* highlight sub-menu current page */
  }
  /* line 80, ../scss/_768up.scss */
  .nav li ul.sub-menu li,
  .nav li ul.children li {
    /*
    if you need to go deeper, go nuts
    just remember deeper menus suck
    for usability. k, bai.
    */
  }
  /* line 82, ../scss/_768up.scss */
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    padding-left: 10px;
    border-right: 0;
    display: block;
    width: 180px;
    border-bottom: 1px solid #ccc;
  }
  /* line 99, ../scss/_768up.scss */
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  /* line 121, ../scss/_768up.scss */
  .nav li:hover ul {
    top: auto;
    overflow: visible;
    visibility: visible;
  }

  /* end .nav */
  /*********************
  SIDEBARS & ASIDES
  *********************/
  /* line 142, ../scss/_768up.scss */
  .sidebar {
    margin-top: 2.2em;
  }

  /* line 146, ../scss/_768up.scss */
  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em;
  }

  /* line 151, ../scss/_768up.scss */
  .widget {
    padding: 0 10px;
    margin: 2.2em 0;
  }
  /* line 156, ../scss/_768up.scss */
  .widget ul li {
    margin-bottom: 0.75em;
    /* deep nesting */
  }
  /* line 164, ../scss/_768up.scss */
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }

  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  you'll probably need to do quite a bit
  of overriding here if you styled them for
  mobile. Make sure to double check these!
  */
  /* line 272, ../scss/_768up.scss */
  .footer-links ul li {
    /*
    be careful with the depth of your menus.
    it's very rare to have multi-depth menus in
    the footer.
    */
  }

  /* end .footer-links */
}
/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1030px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop. 
  
  ******************************************************************/
}
/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/
}
/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(http://skanesmatfestival.se/wordpress/wp-content/themes/skanesmatfestival/library/css/img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(http://skanesmatfestival.se/wordpress/wp-content/themes/skanesmatfestival/library/css/img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */
}
/*
iPHONE 5 MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that wont make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  /* line 15, ../scss/_print.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* line 23, ../scss/_print.scss */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  /* line 28, ../scss/_print.scss */
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  /* line 33, ../scss/_print.scss */
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 38, ../scss/_print.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 44, ../scss/_print.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 49, ../scss/_print.scss */
  thead {
    display: table-header-group;
  }

  /* line 53, ../scss/_print.scss */
  tr, img {
    page-break-inside: avoid;
  }

  /* line 57, ../scss/_print.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  /* line 65, ../scss/_print.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 70, ../scss/_print.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }

  /* line 76, ../scss/_print.scss */
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
@-moz-keyframes slideDown {
  0% {
    -moz-transform: translateY(-100%);
  }
  100% {
    -moz-transform: translateY(0%);
  }
}
/* line 187, ../scss/style.scss */
html,
body {
  height: 100%;
}

/* line 192, ../scss/style.scss */
h1,
span.tag,
a.excerpt-read-more,
a.readmore,
a.extern-link,
#pages-2 a,
#news-intro a,
#themes h4,
.day h4,
span.time,
.event-time,
a.workshop_buy,
.time-day .text,
span.scene-title,
a.buy-event,
span.splash_title,
.program-splash ul li a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}

/* line 213, ../scss/style.scss */
p {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}

/* line 219, ../scss/style.scss */
h2 {
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-size: 36px;
  margin: 0;
}
@media screen and (max-width: 480px) {
  /* line 219, ../scss/style.scss */
  h2 {
    font-size: 24px;
  }
}

/* line 230, ../scss/style.scss */
h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: 22px;
  text-transform: uppercase;
  margin: 0;
}
@media screen and (max-width: 900px) {
  /* line 230, ../scss/style.scss */
  h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  /* line 230, ../scss/style.scss */
  h3 {
    font-size: 14px;
  }
}

/* line 247, ../scss/style.scss */
h4 {
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-size: 20px;
  margin: 0;
}
@media screen and (max-width: 480px) {
  /* line 247, ../scss/style.scss */
  h4 {
    font-size: 16px;
  }
}

/* line 258, ../scss/style.scss */
.subpage {
  padding: 0;
}

/* line 260, ../scss/style.scss */
.green {
  background: url('../images/backgrounds/green_1422431275.jpg') no-repeat center center fixed;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 265, ../scss/style.scss */
.purple {
  background: url('../images/backgrounds/purple_1422431277.jpg') no-repeat center center fixed;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 270, ../scss/style.scss */
.grey {
  background: url('../images/backgrounds/grey_1422431275.jpg') no-repeat center fixed;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 275, ../scss/style.scss */
.orange {
  background: url('../images/backgrounds/orange_1422431276.jpg') no-repeat center fixed;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 280, ../scss/style.scss */
.red {
  background: #ff7f7f;
}

/* line 281, ../scss/style.scss */
.blue {
  background: #97c8e8;
}

/* line 282, ../scss/style.scss */
.brown {
  background: #b7957f;
}

/* line 283, ../scss/style.scss */
.yellow {
  background: #FFE600;
}

/* line 285, ../scss/style.scss */
.deltagare {
  background: url('../images/backgrounds/deltagare_1422431274.jpg') no-repeat center top;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 1;
}

/* line 286, ../scss/style.scss */
.press {
  background: url('../images/backgrounds/press_1422431276.jpg') no-repeat center top;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 1;
}

/* line 287, ../scss/style.scss */
.besokare {
  background: url('../images/backgrounds/besokare_1422431274.jpg') no-repeat center top;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 1;
}

/* line 288, ../scss/style.scss */
.kontakt {
  background: url('../images/backgrounds/kontakt_1422431276.jpg') no-repeat center top;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 1;
}

/* line 289, ../scss/style.scss */
.om {
  background: url('../images/backgrounds/om_1422431276.jpg') no-repeat center bottom;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 1;
}

/* line 291, ../scss/style.scss */
.light-bg {
  color: #333;
}

/* line 292, ../scss/style.scss */
.light-bg p a {
  color: #333;
  text-decoration: none;
}

/* line 293, ../scss/style.scss */
.color-bg {
  color: #fff;
}

/* line 294, ../scss/style.scss */
.color-bg a {
  color: #fff;
}

/* line 296, ../scss/style.scss */
img {
  display: block;
}

/* line 297, ../scss/style.scss */
a, a:link, a:visited, a:hover {
  text-decoration: none;
  color: #333;
}

/* line 298, ../scss/style.scss */
p a:hover, a.small-link:hover {
  color: #333;
}

/*Paddings*/
/* line 303, ../scss/style.scss */
.intro {
  padding-top: 15% !important;
}
/* line 303, ../scss/style.scss */
.intro a, .intro a:visited {
  color: #fff;
}

/* line 304, ../scss/style.scss */
.padding-10 {
  padding: 7.5% 10%;
  width: 100%;
  float: left;
}

/* line 305, ../scss/style.scss */
.padding-15 {
  padding: 7.5% 15%;
  width: 100%;
  float: left;
}

/* line 306, ../scss/style.scss */
.padding-20 {
  padding: 7.5% 20%;
  width: 100%;
  float: left;
}

/* line 307, ../scss/style.scss */
.padding-bottom-0 {
  padding-bottom: 0 !important;
}

/* line 308, ../scss/style.scss */
.padding-bottom-5 {
  padding-bottom: 5%;
}

/* line 309, ../scss/style.scss */
.padding-bottom-25 {
  padding-bottom: 2.5%;
}

/* line 310, ../scss/style.scss */
.padding-10-list {
  padding: 2.5% 10% 5%;
}

/* line 311, ../scss/style.scss */
.padding-top-0 {
  padding-top: 0 !important;
}

@media screen and (max-width: 480px) {
  /* line 314, ../scss/style.scss */
  .padding-10 {
    padding: 10% 5%;
  }

  /* line 315, ../scss/style.scss */
  .padding-15 {
    padding: 10% 7.5%;
  }

  /* line 316, ../scss/style.scss */
  .padding-20 {
    padding: 10% 7.5%;
  }
}
/*Margins*/
/* line 320, ../scss/style.scss */
.top25 {
  margin-top: 2.5%;
}

/* line 321, ../scss/style.scss */
.top50 {
  margin-top: 5%;
}

/* line 322, ../scss/style.scss */
.top65 {
  margin-top: 6.5%;
}

/* line 323, ../scss/style.scss */
.top75 {
  margin-top: 7.5%;
}

/* line 324, ../scss/style.scss */
.sidemargin {
  margin: 0 10%;
}

/* Listnings */
/* line 327, ../scss/style.scss */
.col-2 {
  width: 45%;
  margin: 0 2.25% 5%;
  display: inline-block;
}

/* line 328, ../scss/style.scss */
.col-3 {
  width: 28.333333333%;
  margin: 0 2.25% 5%;
  display: inline-block;
}

/* line 329, ../scss/style.scss */
.col-4 {
  width: 20%;
  margin: 5% 2.5%;
  float: left;
}

/* line 330, ../scss/style.scss */
.col-6 {
  width: 12.666666667%;
  float: left;
  margin: 0 2%;
}

@media screen and (max-width: 900px) {
  /* line 333, ../scss/style.scss */
  .col-3 {
    width: 40%;
  }
}
@media screen and (max-width: 640px) {
  /* line 337, ../scss/style.scss */
  .col-3 {
    width: 95%;
    margin: 0 2.5% 10%;
  }
}
/* line 340, ../scss/style.scss */
.two-column {
  width: 100%;
  float: left;
}

/* line 341, ../scss/style.scss */
.col {
  width: 47.5%;
}

/* line 342, ../scss/style.scss */
.left {
  float: left;
}

/* line 343, ../scss/style.scss */
.right {
  float: right;
}

@media screen and (max-width: 900px) {
  /* line 346, ../scss/style.scss */
  .col {
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
  }

  /* line 347, ../scss/style.scss */
  .left, .right {
    float: left;
  }
}
/* Buttons */
/* line 351, ../scss/style.scss */
a.social-share {
  float: left;
  margin-right: 2.5%;
  display: inline;
  -webkit-transition: opacity, 0.5s;
  -transition: opacity, 0.5s;
  transition: opacity, 0.5s;
  padding: 1.75% 2.5%;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
}

/* line 352, ../scss/style.scss */
a.social-share:hover {
  opacity: 0.85;
  color: #fff;
}

/* line 353, ../scss/style.scss */
a.facebook-share {
  background: #3b5998;
}

/* line 354, ../scss/style.scss */
a.twitter-share {
  background: #00aced;
}

/* line 355, ../scss/style.scss */
a.google-share {
  background: #db4a39;
}

/* line 356, ../scss/style.scss */
a.small-link {
  color: #333;
  display: table;
  margin: 0 auto;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding-bottom: 5px;
  border-bottom: 2px solid #333;
  -webkit-transition: all, 0.5s;
  -transition: all, 0.5s;
  transition: all, 0.5s;
}
/* line 357, ../scss/style.scss */
a.small-link a.small-link:active, a.small-link a.small-link:visited {
  color: #333;
}
@media screen and (max-width: 480px) {
  /* line 356, ../scss/style.scss */
  a.small-link {
    font-size: 12px;
  }
}

@media screen and (max-width: 480px) {
  /* line 365, ../scss/style.scss */
  a.social-share {
    width: 100%;
    padding: 5% 10%;
    margin: 0 0 2.5% 0;
    text-align: center;
  }
}
/* Margin */
/* line 369, ../scss/style.scss */
.nomarginbottom {
  margin-bottom: 0 !important;
}

/* line 371, ../scss/style.scss */
span.form-title,
.wpcf7-submit {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

/* Typographic rules */
/* line 375, ../scss/style.scss */
.text14 {
  font-size: 14px;
  letter-spacing: 0.025;
}

/* line 376, ../scss/style.scss */
.text16 {
  font-size: 16px;
  line-height: 1.75;
}

/* line 377, ../scss/style.scss */
.text18 {
  font-size: 18px;
  line-height: 1.75;
}

/* line 378, ../scss/style.scss */
.text20 {
  font-size: 20px;
}

/* line 379, ../scss/style.scss */
.text22 p, .full-width p {
  font-size: 22px;
  line-height: 2;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

/* line 380, ../scss/style.scss */
.center {
  text-align: center;
}

/* line 381, ../scss/style.scss */
.italic {
  font-style: italic;
}

/* line 382, ../scss/style.scss */
.miso.full-width p {
  font-family: Miso !important;
  font-size: 28px;
  line-height: 1.5;
}

/* line 383, ../scss/style.scss */
.miso.full-width p {
  text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px;
}

/* line 384, ../scss/style.scss */
.miso.full-width h3, .shadow h3 {
  text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px;
}

/* line 385, ../scss/style.scss */
.full-width a {
  border-bottom: 1px dashed #ccc;
  padding-bottom: 5px;
  -webkit-transition: all, 0.5s;
  -transition: all, 0.5s;
  transition: all, 0.5s;
}

/* line 386, ../scss/style.scss */
.full-width a:hover {
  color: #333;
  border-bottom: 1px dashed #333;
}

/* line 387, ../scss/style.scss */
.full-width p em {
  font-size: 18px;
}

@media screen and (max-width: 900px) {
  /* line 390, ../scss/style.scss */
  .text14 {
    font-size: 12px;
    ine-height: 1.25;
  }

  /* line 391, ../scss/style.scss */
  .text16 {
    font-size: 14px;
    line-height: 1.5;
  }

  /* line 392, ../scss/style.scss */
  .text18, .full-width p, .full-width p em {
    font-size: 16px;
    line-height: 1.75;
  }

  /* line 393, ../scss/style.scss */
  .miso.full-width p {
    font-size: 22px;
    line-height: 1.25;
  }
}
@media screen and (max-width: 480px) {
  /* line 397, ../scss/style.scss */
  .text14 {
    font-size: 12px;
    line-height: 1.25;
  }

  /* line 398, ../scss/style.scss */
  .text16 {
    font-size: 12px;
    line-height: 1.5;
  }

  /* line 399, ../scss/style.scss */
  .text18, .full-width p, .full-width p em {
    font-size: 12px;
    line-height: 1.5;
  }

  /* line 400, ../scss/style.scss */
  .miso.full-width p {
    font-size: 16px;
    line-height: 1.25;
  }
}
/* line 403, ../scss/style.scss */
body {
  background: #fff;
  height: 100%;
  font-family: 'Droid Serif', serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  color: #333;
}
/* line 411, ../scss/style.scss */
body p a,
body p a:visited,
body p a:active {
  color: #333;
  border-bottom: #333 dashed 1px;
}
/* line 418, ../scss/style.scss */
body #container {
  height: 100%;
  float: left;
  width: 100%;
  position: relative;
}
/* line 424, ../scss/style.scss */
body #container .buy {
  background: #FFE600;
  background-size: 100% auto;
  color: #333 !important;
  position: absolute;
  right: 0;
  top: 0;
  padding: 2.9% 2.5%;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 14px;
  z-index: 999999;
  -webkit-transition: all, 0.5s;
  -transition: all, 0.5s;
  transition: all, 0.5s;
  height: 100%;
  border: none;
}
/* line 443, ../scss/style.scss */
body #container .buy:hover {
  background: #ffee4d;
}
/* line 448, ../scss/style.scss */
body #container #mobile-header {
  padding: 20px 22px;
  height: 80px;
  width: 80px;
  background: #333;
  float: right;
  position: fixed;
  z-index: 9999;
  display: none;
  right: 0;
}
@media screen and (max-width: 1080px) {
  /* line 448, ../scss/style.scss */
  body #container #mobile-header {
    display: block;
  }
}
@media screen and (max-width: 460px) {
  /* line 448, ../scss/style.scss */
  body #container #mobile-header {
    height: 60px;
    width: 60px;
    padding: 15px 17px;
  }
}
/* line 469, ../scss/style.scss */
body #container #mobile-header button.menu-icon {
  z-index: 9999;
  border: none;
  height: 40px;
  width: 34px;
  background: url('../images/menu-icon_1422431282.png') no-repeat center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  text-indent: -9999px;
  float: right;
  padding: 0;
  margin: 0;
}
/* line 481, ../scss/style.scss */
body #container #mobile-header button.menu-icon:hover, body #container #mobile-header button.menu-icon:focus {
  outline: none;
}
@media screen and (max-width: 460px) {
  /* line 469, ../scss/style.scss */
  body #container #mobile-header button.menu-icon {
    height: 30px;
    width: 24px;
  }
}
/* line 495, ../scss/style.scss */
body #container .cbp-spmenu ul#social {
  float: left;
  padding: 0;
  margin: 10% 0 0;
  width: 100%;
}
/* line 501, ../scss/style.scss */
body #container .cbp-spmenu ul#social li.social-link {
  text-indent: -9999px;
  display: inline;
  float: left;
  width: 30px;
  margin: 0 5% 0 0;
}
/* line 508, ../scss/style.scss */
body #container .cbp-spmenu ul#social li.social-link a {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -transition: all 0.5s;
  transition: all 0.5s;
  border: none;
}
/* line 513, ../scss/style.scss */
body #container .cbp-spmenu ul#social li.social-link a#facebook {
  background: url('../images/facebook_1422431277.png') no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  display: block;
  height: 30px;
}
/* line 520, ../scss/style.scss */
body #container .cbp-spmenu ul#social li.social-link a#instagram {
  background: url('../images/instagram_1422431278.png') no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  display: block;
  height: 30px;
  width: 30px;
}
/* line 528, ../scss/style.scss */
body #container .cbp-spmenu ul#social li.social-link a:hover {
  opacity: 1;
}
/* line 535, ../scss/style.scss */
body #container .cbp-spmenu .buy2 {
  background: #FFE600;
  width: 100%;
  height: auto;
  padding: 15%;
  text-align: center;
  margin: 60% 0 0;
  color: #333;
}
/* line 546, ../scss/style.scss */
body #container header.header1,
body #container header.header2 {
  width: 100%;
  padding: 2.5% 5%;
  float: left;
  position: absolute;
  z-index: 9999;
  top: 0;
  background: rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1080px) {
  /* line 546, ../scss/style.scss */
  body #container header.header1,
  body #container header.header2 {
    display: none;
  }
}
/* line 560, ../scss/style.scss */
body #container header.header1.header2,
body #container header.header2.header2 {
  position: fixed;
  padding: 2.5% 5%;
  background: #333;
  /* @include box-shadow(rgba(0,0,0,0.25) 0 0 25px);*/
}
/* line 565, ../scss/style.scss */
body #container header.header1.header2 a.buy,
body #container header.header2.header2 a.buy {
  color: #333 !important;
}
/* line 571, ../scss/style.scss */
body #container header.header1.header2 a,
body #container header.header2.header2 a {
  color: #fff !important;
}
/* line 575, ../scss/style.scss */
body #container header.header1.header2 nav ul#social li.social-link a#instagram,
body #container header.header2.header2 nav ul#social li.social-link a#instagram {
  background: url('../images/instagram_1422431278.png') no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 580, ../scss/style.scss */
body #container header.header1.header2 nav ul#social li.social-link a#facebook,
body #container header.header2.header2 nav ul#social li.social-link a#facebook {
  background: url('../images/facebook_1422431277.png') no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 586, ../scss/style.scss */
body #container header.header1.dark,
body #container header.header2.dark {
  background: #333;
  /*@include box-shadow(rgba(0,0,0,0.25) 0 0 25px);*/
  position: fixed;
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  -moz-animation-name: slideDown;
  animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  visibility: visible !important;
  padding: 2.5% 5%;
}
/* line 602, ../scss/style.scss */
body #container header.header1.dark a.buy,
body #container header.header2.dark a.buy {
  color: #333 !important;
}
/* line 606, ../scss/style.scss */
body #container header.header1.dark a,
body #container header.header2.dark a {
  color: #fff !important;
}
/* line 610, ../scss/style.scss */
body #container header.header1.dark nav ul#social li.social-link a#instagram,
body #container header.header2.dark nav ul#social li.social-link a#instagram {
  background: url('../images/instagram_1422431278.png') no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 615, ../scss/style.scss */
body #container header.header1.dark nav ul#social li.social-link a#facebook,
body #container header.header2.dark nav ul#social li.social-link a#facebook {
  background: url('../images/facebook_1422431277.png') no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 621, ../scss/style.scss */
body #container header.header1 nav,
body #container header.header2 nav {
  width: 100%;
  float: left;
  position: relative;
}
/* line 626, ../scss/style.scss */
body #container header.header1 nav .menu-1280-menu-container,
body #container header.header1 nav .menu-meny-container,
body #container header.header2 nav .menu-1280-menu-container,
body #container header.header2 nav .menu-meny-container {
  margin: 0;
  z-index: 9999;
  position: relative;
}
/* line 632, ../scss/style.scss */
body #container header.header1 nav .menu-1280-menu-container .menu,
body #container header.header1 nav .menu-meny-container .menu,
body #container header.header2 nav .menu-1280-menu-container .menu,
body #container header.header2 nav .menu-meny-container .menu {
  text-align: center;
  padding: 0;
  margin: 0;
}
/* line 637, ../scss/style.scss */
body #container header.header1 nav .menu-1280-menu-container .menu li,
body #container header.header1 nav .menu-meny-container .menu li,
body #container header.header2 nav .menu-1280-menu-container .menu li,
body #container header.header2 nav .menu-meny-container .menu li {
  padding: 0;
  display: inline;
  list-style: none;
  margin: 0 1.25% 0 0;
}
/* line 644, ../scss/style.scss */
body #container header.header1 nav .menu-1280-menu-container .menu li a,
body #container header.header1 nav .menu-meny-container .menu li a,
body #container header.header2 nav .menu-1280-menu-container .menu li a,
body #container header.header2 nav .menu-meny-container .menu li a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 13px;
  border: none;
}
/* line 658, ../scss/style.scss */
body #container header.header1 nav ul#social,
body #container header.header2 nav ul#social {
  float: left;
  padding: 0;
  margin: 0;
  width: 15%;
  position: absolute;
  left: 0;
  top: -2px;
  z-index: 999999;
}
/* line 668, ../scss/style.scss */
body #container header.header1 nav ul#social li.social-link,
body #container header.header2 nav ul#social li.social-link {
  text-indent: -9999px;
  display: inline;
  float: left;
  width: 30px;
  margin: 0 0 0 5%;
}
/* line 675, ../scss/style.scss */
body #container header.header1 nav ul#social li.social-link a,
body #container header.header2 nav ul#social li.social-link a {
  opacity: 0.75;
  -webkit-transition: all 0.5s;
  -transition: all 0.5s;
  transition: all 0.5s;
}
/* line 679, ../scss/style.scss */
body #container header.header1 nav ul#social li.social-link a#facebook,
body #container header.header2 nav ul#social li.social-link a#facebook {
  background: url('../images/facebook_1422431277.png') no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  display: block;
  height: 30px;
}
/* line 686, ../scss/style.scss */
body #container header.header1 nav ul#social li.social-link a#instagram,
body #container header.header2 nav ul#social li.social-link a#instagram {
  background: url('../images/instagram_1422431278.png') no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  display: block;
  height: 30px;
  width: 30px;
}
/* line 694, ../scss/style.scss */
body #container header.header1 nav ul#social li.social-link a:hover,
body #container header.header2 nav ul#social li.social-link a:hover {
  opacity: 1;
}
/* line 703, ../scss/style.scss */
body #container img.hunger {
  width: 100%;
  height: auto;
  float: left;
}
/* line 708, ../scss/style.scss */
body #container img.hunger#two, body #container img.hunger#three {
  display: none;
}
@media screen and (max-width: 900px) {
  /* line 711, ../scss/style.scss */
  body #container img.hunger#one {
    display: none !important;
  }
  /* line 712, ../scss/style.scss */
  body #container img.hunger#two {
    display: block !important;
  }
}
@media screen and (max-width: 640px) {
  /* line 716, ../scss/style.scss */
  body #container img.hunger#one, body #container img.hunger#two {
    display: none !important;
  }
  /* line 717, ../scss/style.scss */
  body #container img.hunger#three {
    display: block !important;
  }
}
/* line 721, ../scss/style.scss */
body #container #main {
  float: left;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  /* line 721, ../scss/style.scss */
  body #container #main {
    width: 100%;
    float: left;
  }
}
/* line 732, ../scss/style.scss */
body #container #main #instafeed .insta-image {
  width: 10%;
  float: left;
}
/* line 736, ../scss/style.scss */
body #container #main #instafeed .insta-image img {
  width: 100%;
  height: auto;
}
/* line 746, ../scss/style.scss */
body #container #main section#slideshow {
  width: 100%;
  height: 100%;
  overflow: hidden;
  float: left;
  position: relative;
  background: #333;
}
/* line 754, ../scss/style.scss */
body #container #main section#slideshow .cycle-slideshow {
  float: left;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  position: absolute;
}
/* line 761, ../scss/style.scss */
body #container #main section#slideshow .cycle-slideshow .cycle-slide {
  width: 100%;
  height: 100%;
  float: left;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}
/* line 770, ../scss/style.scss */
body #container #main section#slideshow div#scroll-down {
  padding: 20px 30px 17px;
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  position: absolute;
  bottom: 0;
  z-index: 9998;
  border: none;
  margin-left: -149px;
  left: 50%;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  font-size: 14px;
}
@media screen and (max-width: 480px) {
  /* line 770, ../scss/style.scss */
  body #container #main section#slideshow div#scroll-down {
    width: 100%;
    left: 0;
    margin: 0;
  }
}
/* line 792, ../scss/style.scss */
body #container #main section#slideshow div#scroll-down #arrow {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0 10px 0 0;
  float: left;
  background: url('../images/arrow_1422431274.png') no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 802, ../scss/style.scss */
body #container #main section#slideshow div#scroll-down p {
  float: left;
  margin: 3px 0 0;
  color: #333;
}
@media screen and (max-width: 480px) {
  /* line 802, ../scss/style.scss */
  body #container #main section#slideshow div#scroll-down p {
    float: none;
    text-align: center;
  }
}
/* line 814, ../scss/style.scss */
body #container #main section#slideshow #logo {
  position: absolute;
  z-index: 999;
  margin: -226px 0 0 -250px;
  text-indent: -9999px;
  width: 500px;
  height: 452px;
  background: url('../images/logo_1422431280.png') no-repeat;
  background-size: 100% auto;
  top: 50%;
  left: 50%;
}
@media screen and (max-height: 780px), screen and (max-width: 640px) {
  /* line 814, ../scss/style.scss */
  body #container #main section#slideshow #logo {
    width: 350px;
    height: 316px;
    margin: -158px 0 0 -175px;
  }
}
@media screen and (max-width: 480px) {
  /* line 814, ../scss/style.scss */
  body #container #main section#slideshow #logo {
    width: 250px;
    height: 226px;
    margin: -113px 0 0 -125px;
  }
}
/* line 840, ../scss/style.scss */
body #container #main section#slideshow .gradient {
  height: 100%;
  width: 100%;
  float: left;
  position: relative;
  z-index: 998;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF00FFFF', endColorstr='#FFFFE600');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmU2MDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 230, 0, 0.2)));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 230, 0, 0.2) 100%);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 230, 0, 0.2) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 230, 0, 0.2) 100%);
}
/* line 853, ../scss/style.scss */
body #container #main section.posts {
  padding: 7.5% 3% 7.5% 3%;
  float: left;
  width: 100%;
}
/* line 858, ../scss/style.scss */
body #container #main section.posts #news-intro {
  text-align: center;
}
/* line 861, ../scss/style.scss */
body #container #main section.posts #news-intro h3 {
  margin: 0 0 5% 0;
}
/* line 865, ../scss/style.scss */
body #container #main section.posts #news-intro p {
  font-size: 18px;
  margin: 0 0 5% 0;
}
/* line 869, ../scss/style.scss */
body #container #main section.posts #news-intro p a {
  text-transform: uppercase;
  color: #333;
  text-decoration: none;
}
/* line 877, ../scss/style.scss */
body #container #main section.posts a.read-more-news {
  text-align: center;
  margin: 0 auto;
  display: table;
  padding: 20px 30px 17px;
  background: #28A899;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  font-size: 14px;
  -webkit-transition: all, 0.5s;
  -transition: all, 0.5s;
  transition: all, 0.5s;
}
/* line 893, ../scss/style.scss */
body #container #main section.posts a.read-more-news:hover {
  background: #333;
}
/* line 898, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper {
  margin: 0;
  padding: 0;
}
/* line 902, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .post {
  margin: 0 2% 4%;
  float: left;
  width: 29.333333333%;
  background: #fff;
  position: relative;
  /*@include box-shadow(rgba(0,0,0,0.05) 7px 7px 0px);*/
  text-align: center;
}
@media screen and (max-width: 1024px) {
  /* line 902, ../scss/style.scss */
  body #container #main section.posts #masonry-wrapper .post {
    width: 46%;
  }
}
@media screen and (max-width: 720px) {
  /* line 902, ../scss/style.scss */
  body #container #main section.posts #masonry-wrapper .post {
    width: 96%;
  }
}
/* line 919, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .post span.tag {
  /*
  font-size: 10px;
  height: 75px;
  width: 75px;
  line-height: 75px;
  border-radius: 50%;
  */
  text-transform: uppercase;
  padding: 5px 10px;
  color: #fff;
  font-size: 12px;
  margin: auto;
  clear: both;
  display: table;
  color: #fff;
  letter-spacing: 0.025em;
  background: #ffcc66;
}
/* line 938, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .post span.tag.absolute {
  position: absolute;
}
/* line 943, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .post .pre-content {
  float: left;
  padding: 15% 10%;
  position: relative;
}
/* line 948, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .post .pre-content h3 {
  font-size: 22px;
  margin: 20px 0 10px;
  font-family: 'Brawler', serif;
  font-weight: normal;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
}
/* line 958, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .post .pre-content span.date {
  display: block;
  clear: both;
  text-align: center;
  opacity: 0.5;
  font-size: 13px;
  margin: 10px 0;
}
/* line 967, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .post .pre-content p {
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}
/* line 975, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .post .thumb {
  width: 100%;
}
/* line 978, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .post .thumb img {
  width: 100%;
  height: auto;
  opacity: 1;
  display: block;
}
/* line 986, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .post a.excerpt-read-more {
  display: none;
}
/* line 990, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .post a.readmore,
body #container #main section.posts #masonry-wrapper .post a.extern-link {
  display: table;
  clear: both;
  margin: 20px auto 0;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0.025em;
  -webkit-transition: all 0.5s;
  -transition: all 0.5s;
  transition: all 0.5s;
  color: #333;
  padding-bottom: 5px;
  border-bottom: 2px solid #333;
}
/* line 1004, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .post a.readmore:hover,
body #container #main section.posts #masonry-wrapper .post a.extern-link:hover {
  color: #333;
}
/* line 1013, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .aside p a {
  color: #333;
  text-decoration: none;
}
/* line 1021, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .just-nu span.tag {
  background: #A0D0AA;
}
/* line 1028, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .vi-syns span.tag {
  background: #C4689E;
}
/* line 1037, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .inbjudan span.tag {
  background: #ffcc66;
}
/* line 1044, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .deltagare span.tag {
  background: #97c8e8;
}
/* line 1051, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .besokare span.tag {
  background: #b7957f;
}
/* line 1054, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .besokare a {
  color: #b7957f;
}
/* line 1060, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .workshop span.tag {
  background: #987fb7;
}
/* line 1063, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .workshop a {
  color: #987fb7;
}
/* line 1069, ../scss/style.scss */
body #container #main section.posts #masonry-wrapper .okategoriserade span.tag {
  line-height: 1;
  background: #ccc;
}
/* line 1081, ../scss/style.scss */
body #container #main #hem.padding-15 {
  padding-bottom: 0;
}
/* line 1086, ../scss/style.scss */
body #container #main .program-splash {
  padding: 8% 3%;
  float: left;
}
@media screen and (max-width: 960px) {
  /* line 1086, ../scss/style.scss */
  body #container #main .program-splash {
    padding: 12% 0;
  }
}
/* line 1094, ../scss/style.scss */
body #container #main .program-splash ul {
  margin: 0;
  list-style-type: none;
  text-align: center;
  width: 100%;
  float: left;
  word-spacing: -1em;
}
/* line 1102, ../scss/style.scss */
body #container #main .program-splash ul li {
  vertical-align: text-top;
  display: inline-block;
  zoom: 1;
  margin: 0 3% 3%;
  width: 27.333333333%;
  word-spacing: 0;
}
@media screen and (max-width: 960px) {
  /* line 1102, ../scss/style.scss */
  body #container #main .program-splash ul li {
    width: 70%;
    margin: 0 15% 6%;
  }
}
/* line 1115, ../scss/style.scss */
body #container #main .program-splash ul li img {
  width: 40%;
  height: auto;
  display: block;
  margin: 0 auto;
}
/* line 1122, ../scss/style.scss */
body #container #main .program-splash ul li span.splash_title {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 20px 0 0;
  display: block;
  word-spacing: 0;
}
/* line 1130, ../scss/style.scss */
body #container #main .program-splash ul li span.splash_text p {
  font-size: 14px;
  line-height: 1.75;
  margin: 15px 0 20px;
  word-spacing: 0;
}
/* line 1137, ../scss/style.scss */
body #container #main .program-splash ul li a {
  text-transform: uppercase;
  font-size: 12px;
  border-bottom: 3px solid #333;
  word-spacing: 0;
}
/* line 1146, ../scss/style.scss */
body #container #main .program-splash a.read-more-program {
  text-align: center;
  margin: 0 auto;
  display: table;
  padding: 20px 30px;
  background: #934D98;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  font-size: 14px;
  -webkit-transition: all, 0.5s;
  -transition: all, 0.5s;
  transition: all, 0.5s;
}
/* line 1164, ../scss/style.scss */
body #container #main .program-splash a.read-more-program:hover {
  background: #b677ba;
}
@media screen and (max-width: 960px) {
  /* line 1146, ../scss/style.scss */
  body #container #main .program-splash a.read-more-program {
    margin: 6% auto;
  }
}
/* line 1177, ../scss/style.scss */
body #container #main img.map {
  width: 70%;
  height: auto;
  margin: 7.5% auto 0;
}
/* line 1185, ../scss/style.scss */
body #container #main #besokare ul {
  margin: 2.5% 0 0;
  padding: 0;
}
/* line 1190, ../scss/style.scss */
body #container #main #besokare ul li {
  margin: 0;
}
/* line 1199, ../scss/style.scss */
body #container #main #program_desc.padding-15 {
  padding: 5% 20%;
}
@media screen and (max-width: 640px) {
  /* line 1199, ../scss/style.scss */
  body #container #main #program_desc.padding-15 {
    padding: 5% 10%;
  }
}
/* line 1206, ../scss/style.scss */
body #container #main #program_desc.padding-15 p {
  font-style: italic;
  line-height: 1.75;
}
/* line 1212, ../scss/style.scss */
body #container #main .schedule-box {
  padding: 0 10% 10%;
  float: left;
  width: 100%;
}
@media screen and (max-width: 960px) {
  /* line 1212, ../scss/style.scss */
  body #container #main .schedule-box {
    padding: 5%;
  }
}
@media screen and (max-width: 640px) {
  /* line 1212, ../scss/style.scss */
  body #container #main .schedule-box {
    padding: 0 15% 15%;
  }
}
/* line 1225, ../scss/style.scss */
body #container #main .schedule-box table {
  font-size: 14px;
  width: 100%;
}
/* line 1229, ../scss/style.scss */
body #container #main .schedule-box table .time-day {
  /*
  height: 125px;
  width: 125px;
  display: block;
  @include border-radius(50%);
  text-align: center;
  border: 5px solid #ccc;
  margin: 0 auto;
  */
}
/* line 1240, ../scss/style.scss */
body #container #main .schedule-box table .time-day .text {
  font-size: 22px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/* line 1246, ../scss/style.scss */
body #container #main .schedule-box table .time-day .seperator {
  width: 75px;
  height: 3px;
  background: #333;
  margin: 0 auto;
  display: table;
  margin: 30px auto 60px;
}
@media screen and (max-width: 640px) {
  /* line 1246, ../scss/style.scss */
  body #container #main .schedule-box table .time-day .seperator {
    height: 0;
    margin: 0 0 20px 0;
  }
}
/* line 1265, ../scss/style.scss */
body #container #main .schedule-box table tr.saturday th, body #container #main .schedule-box table tr.sunday th {
  padding: 60px 0 0;
}
/* line 1270, ../scss/style.scss */
body #container #main .schedule-box table tr th {
  text-align: left;
}
/* line 1273, ../scss/style.scss */
body #container #main .schedule-box table tr th.scene {
  width: 15%;
  padding: 0 2.5% 0 2.5%;
  vertical-align: text-top;
}
@media screen and (max-width: 960px) {
  /* line 1273, ../scss/style.scss */
  body #container #main .schedule-box table tr th.scene {
    width: 33.333333333%;
    padding: 0 5% 0 0;
  }
}
@media screen and (max-width: 640px) {
  /* line 1273, ../scss/style.scss */
  body #container #main .schedule-box table tr th.scene {
    width: 100%;
    padding: 0 0 0 0;
    display: none;
  }
}
/* line 1289, ../scss/style.scss */
body #container #main .schedule-box table tr th.scene .scene-title {
  font-size: 20px;
  line-height: 1.2;
  padding: 0 0 10px 0;
  display: block;
  margin: 0;
}
/* line 1297, ../scss/style.scss */
body #container #main .schedule-box table tr th.scene .scene-subtitle {
  display: block;
  clear: both;
  font-weight: normal;
  font-style: italic;
}
/* line 1306, ../scss/style.scss */
body #container #main .schedule-box table tr#friday, body #container #main .schedule-box table tr#saturday {
  border-bottom: 1px dashed #ccc;
}
/* line 1311, ../scss/style.scss */
body #container #main .schedule-box table tr td {
  padding: 30px 2.5% 0;
}
@media screen and (max-width: 960px) {
  /* line 1311, ../scss/style.scss */
  body #container #main .schedule-box table tr td {
    padding: 30px 5% 15px 0;
  }
}
@media screen and (max-width: 640px) {
  /* line 1311, ../scss/style.scss */
  body #container #main .schedule-box table tr td {
    padding: 0 0 15px 0;
  }
}
/* line 1322, ../scss/style.scss */
body #container #main .schedule-box table tr td.scene {
  width: 25%;
  vertical-align: text-top;
  padding-bottom: 40px;
  /* Header of scenes that will show under 640px */
}
@media screen and (max-width: 640px) {
  /* line 1322, ../scss/style.scss */
  body #container #main .schedule-box table tr td.scene {
    width: 100%;
    display: block;
    padding-bottom: 5px;
  }
}
/* line 1334, ../scss/style.scss */
body #container #main .schedule-box table tr td.scene .mobile-table-header {
  display: none;
  padding: 20px 0;
  margin: 0 0 0 0;
  text-align: center;
}
@media screen and (max-width: 640px) {
  /* line 1334, ../scss/style.scss */
  body #container #main .schedule-box table tr td.scene .mobile-table-header {
    display: block;
    border-top: 1px dashed #ccc;
  }
  /* line 1344, ../scss/style.scss */
  body #container #main .schedule-box table tr td.scene .mobile-table-header .scene-title {
    font-size: 20px;
  }
  /* line 1348, ../scss/style.scss */
  body #container #main .schedule-box table tr td.scene .mobile-table-header .scene-subtitle {
    display: block;
    clear: both;
    font-weight: normal;
    font-style: italic;
  }
}
/* line 1358, ../scss/style.scss */
body #container #main .schedule-box table tr td ol {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
/* line 1364, ../scss/style.scss */
body #container #main .schedule-box table tr td ol li {
  margin: 0 0 20px 0;
}
@media screen and (max-width: 640px) {
  /* line 1364, ../scss/style.scss */
  body #container #main .schedule-box table tr td ol li {
    text-align: center;
  }
}
/* line 1371, ../scss/style.scss */
body #container #main .schedule-box table tr td ol li a {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -transition: all 0.5s;
  transition: all 0.5s;
  display: block;
}
/* line 1376, ../scss/style.scss */
body #container #main .schedule-box table tr td ol li a:active, body #container #main .schedule-box table tr td ol li a:visited {
  color: #333;
}
/* line 1383, ../scss/style.scss */
body #container #main .schedule-box table tr td ol li a.workshop:hover, body #container #main .schedule-box table tr td ol li a.slam:hover {
  color: #934D98;
}
/* line 1389, ../scss/style.scss */
body #container #main .schedule-box table tr td ol li a.seminarie:hover {
  color: #F08100;
}
/* line 1395, ../scss/style.scss */
body #container #main .schedule-box table tr td ol li a.aktivitet:hover {
  color: #28A899;
}
/* line 1410, ../scss/style.scss */
body #container #main #event .schedule-box {
  padding: 10%;
  float: left;
  width: 100%;
}
@media screen and (max-width: 960px) {
  /* line 1410, ../scss/style.scss */
  body #container #main #event .schedule-box {
    padding: 5%;
  }
}
@media screen and (max-width: 640px) {
  /* line 1410, ../scss/style.scss */
  body #container #main #event .schedule-box {
    padding: 0 15% 15%;
  }
}
/* line 1424, ../scss/style.scss */
body #container #main #event .single-event {
  padding: 12.5% 20% 5%;
  text-align: center;
}
@media screen and (max-width: 960px) {
  /* line 1424, ../scss/style.scss */
  body #container #main #event .single-event {
    padding: 12.5% 10% 5%;
  }
}
/* line 1432, ../scss/style.scss */
body #container #main #event .single-event .list-wrapper {
  text-align: center;
}
/* line 1435, ../scss/style.scss */
body #container #main #event .single-event .list-wrapper ul {
  display: table;
  margin: 0 auto;
}
/* line 1438, ../scss/style.scss */
body #container #main #event .single-event .list-wrapper ul li {
  display: table-cell;
  padding: 0px 10px;
}
/* line 1441, ../scss/style.scss */
body #container #main #event .single-event .list-wrapper ul li .event-image {
  width: 200px;
  margin: 0 auto 30px auto;
}
/* line 1445, ../scss/style.scss */
body #container #main #event .single-event .list-wrapper ul li .event-image img {
  width: 100%;
  height: auto;
}
/* line 1454, ../scss/style.scss */
body #container #main #event .single-event h3 {
  margin: 0 0 10px 0;
}
/* line 1458, ../scss/style.scss */
body #container #main #event .single-event p {
  margin: 30px 0 0;
  line-height: 1.75;
}
/* line 1463, ../scss/style.scss */
body #container #main #event .single-event a.buy-event {
  margin: 20px auto 0;
  display: table;
  background: #FFE600;
  padding: 20px 30px;
  color: #333;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  -transition: all 0.5s;
  transition: all 0.5s;
}
/* line 1472, ../scss/style.scss */
body #container #main #event .single-event a.buy-event:hover {
  background: #ffee4d;
}
/* line 1481, ../scss/style.scss */
body #container #main #deltagare .two-column .col {
  margin: 2.5% 0 0;
}
/* line 1485, ../scss/style.scss */
body #container #main #deltagare ul {
  margin-bottom: 0;
}
/* line 1488, ../scss/style.scss */
body #container #main #deltagare ul a.small-link:hover {
  border-bottom: 2px solid #f0f0f0;
}
/* line 1491, ../scss/style.scss */
body #container #main #deltagare .pdf_excerpt {
  float: left;
  margin: 4% 0;
}
@media screen and (max-width: 480px) {
  /* line 1491, ../scss/style.scss */
  body #container #main #deltagare .pdf_excerpt {
    margin: 2.5% 0;
  }
}
/* line 1500, ../scss/style.scss */
body #container #main #deltagare .wpcf7 {
  float: left;
  width: 100%;
  position: relative;
}
/* line 1505, ../scss/style.scss */
body #container #main #deltagare .wpcf7 .form p {
  margin: 0 !important;
}
/* line 1508, ../scss/style.scss */
body #container #main #deltagare .wpcf7 .wpcf7-text {
  width: 100%;
  padding: 6%;
  border: none;
  margin: 1.25% 0 6% 0;
  height: 0;
  background: #fff;
  border: 1px solid #e7e7e7;
}
/* line 1518, ../scss/style.scss */
body #container #main #deltagare .wpcf7 .wpcf7-textarea {
  width: 100%;
  padding: 3%;
  border: none;
  margin: 1.25% 0 3.5% 0;
  background: #fff;
  border: 1px solid #e7e7e7;
}
/* line 1519, ../scss/style.scss */
body #container #main #deltagare .wpcf7 .wpcf7-text:focus, body #container #main #deltagare .wpcf7 .wpcf7-textarea:focus, body #container #main #deltagare .wpcf7 .wpcf7-submit:focus {
  outline: none;
}
/* line 1520, ../scss/style.scss */
body #container #main #deltagare .wpcf7 .wpcf7-submit {
  float: left;
  padding: 3%;
  width: 100%;
  background: #fff;
  border: none;
  color: #333;
  letter-spacing: 0.05em;
}
/* line 1530, ../scss/style.scss */
body #container #main #deltagare .wpcf7 div.wpcf7-response-output {
  padding: 0;
  margin: 0;
  text-align: center;
}
/* line 1531, ../scss/style.scss */
body #container #main #deltagare .wpcf7 div.wpcf7-validation-errors,
body #container #main #deltagare .wpcf7 div.wpcf7-mail-sent-ok {
  border: none;
}
/* line 1534, ../scss/style.scss */
body #container #main #deltagare .wpcf7 .wpcf7-not-valid {
  background: #ff7f7f !important;
}
/* line 1538, ../scss/style.scss */
body #container #main #deltagare .wpcf7 .wpcf7-not-valid-tip {
  display: none !important;
}
/* line 1542, ../scss/style.scss */
body #container #main #deltagare .wpcf7 .wpcf7-mail-sent-ok {
  color: #333;
}
/* line 1545, ../scss/style.scss */
body #container #main #deltagare .wpcf7 .wpcf7-mail-sent-ok a {
  color: #333;
  border-bottom: 1px solid #333;
  padding-bottom: 3px;
}
/* line 1557, ../scss/style.scss */
body #container #main #press img {
  width: 100%;
  height: auto;
  -webkit-transition: opacity 0.5s;
  -transition: opacity 0.5s;
  transition: opacity 0.5s;
}
/* line 1567, ../scss/style.scss */
body #container #main #press .videoWrapper {
  margin: 5% 0 0;
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
/* line 1574, ../scss/style.scss */
body #container #main #press .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 1584, ../scss/style.scss */
body #container #main #press #ackredit span {
  text-align: center;
  line-height: 1;
}
/* line 1588, ../scss/style.scss */
body #container #main #press #ackredit span.title, body #container #main #press #ackredit span.profession, body #container #main #press #ackredit span.mail, body #container #main #press #ackredit span.phone {
  display: block;
  clear: both;
}
/* line 1596, ../scss/style.scss */
body #container #main #press #ackredit span.title {
  font-size: 18px;
}
/* line 1600, ../scss/style.scss */
body #container #main #press #ackredit span.profession {
  margin: 10px 0 10px;
  font-size: 13px;
  font-style: italic;
}
/* line 1606, ../scss/style.scss */
body #container #main #press #ackredit span.mail, body #container #main #press #ackredit span.phone {
  font-size: 13px;
  margin: 7px 0;
}
/* line 1612, ../scss/style.scss */
body #container #main #press #ackredit span a {
  text-decoration: none;
  display: table;
  margin: 5% auto 0;
  -webkit-transition: all 0.5s;
  -transition: all 0.5s;
  transition: all 0.5s;
  color: #333;
  border: none;
}
/* line 1620, ../scss/style.scss */
body #container #main #press #ackredit span a:hover {
  color: #934D98;
}
/* line 1630, ../scss/style.scss */
body #container #main #about #slider {
  margin: 5% 0 0;
  width: 100%;
  display: block;
  clear: both;
}
/* line 1636, ../scss/style.scss */
body #container #main #about #slider .cycle-slide {
  width: 100%;
  height: 0;
  padding-bottom: 55%;
  float: left;
}
/* line 1642, ../scss/style.scss */
body #container #main #about #slider .cycle-slide p {
  width: 100%;
  position: absolute;
  text-align: center;
  font-size: 14px;
  background: #f0f0f0;
  padding: 20px;
}
/* line 1652, ../scss/style.scss */
body #container #main #about #slider .cycle-pager {
  width: 100%;
  display: table;
  margin: 0 auto;
  padding: 5% 0;
  position: relative;
  clear: both;
}
/* line 1661, ../scss/style.scss */
body #container #main #about #slider .cycle-pager img {
  width: 40px;
  height: 40px;
  float: left;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  margin: 6px;
}
/* line 1668, ../scss/style.scss */
body #container #main #about #slider .cycle-pager img.cycle-pager-active {
  opacity: 0.5;
}
@media screen and (max-width: 640px) {
  /* line 1661, ../scss/style.scss */
  body #container #main #about #slider .cycle-pager img {
    width: 20px;
    height: 20px;
    margin: 6px;
  }
}
/* line 1681, ../scss/style.scss */
body #container #main #about #themes {
  width: 100%;
  float: left;
}
/* line 1685, ../scss/style.scss */
body #container #main #about #themes img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 2.5% auto 5%;
}
/* line 1690, ../scss/style.scss */
body #container #main #about #themes .theme_excerpt {
  margin: 4% 0;
  float: left;
}
/* line 1695, ../scss/style.scss */
body #container #main #about #themes a.small-link:hover {
  border-bottom: 2px solid #f0f0f0;
}
/* line 1697, ../scss/style.scss */
body #container #main #about #themes li {
  float: left;
  min-height: 200px;
}
@media screen and (max-width: 1025px) {
  /* line 1697, ../scss/style.scss */
  body #container #main #about #themes li {
    margin: 0 5% 5%;
    width: 40%;
  }
}
@media screen and (max-width: 640px) {
  /* line 1697, ../scss/style.scss */
  body #container #main #about #themes li {
    width: 95%;
    margin: 0 2.5% 5%;
    min-height: 175px;
  }
}
/* line 1712, ../scss/style.scss */
body #container #main #about #themes li h4 {
  display: table;
  margin: 0 auto 5px;
  padding: 5px 10px;
  font-size: 14px;
  letter-spacing: 0.025em;
  color: #fff;
  text-transform: uppercase;
}
/* line 1722, ../scss/style.scss */
body #container #main #about #themes li:nth-child(1) h4, body #container #main #about #themes li:nth-child(6) h4, body #container #main #about #themes li:nth-child(9) h4, body #container #main #about #themes li:nth-child(11) h4, body #container #main #about #themes li:nth-child(15) h4, body #container #main #about #themes li:nth-child(17) h4, body #container #main #about #themes li:nth-child(19) h4 {
  background: #F08100;
}
/* line 1732, ../scss/style.scss */
body #container #main #about #themes li:nth-child(2) h4, body #container #main #about #themes li:nth-child(4) h4, body #container #main #about #themes li:nth-child(8) h4, body #container #main #about #themes li:nth-child(10) h4, body #container #main #about #themes li:nth-child(13) h4, body #container #main #about #themes li:nth-child(16) h4, body #container #main #about #themes li:nth-child(21) h4 {
  background: #28A899;
}
/* line 1742, ../scss/style.scss */
body #container #main #about #themes li:nth-child(3) h4, body #container #main #about #themes li:nth-child(5) h4, body #container #main #about #themes li:nth-child(7) h4, body #container #main #about #themes li:nth-child(12) h4, body #container #main #about #themes li:nth-child(14) h4, body #container #main #about #themes li:nth-child(18) h4, body #container #main #about #themes li:nth-child(20) h4 {
  background: #934D98;
}
/* line 1756, ../scss/style.scss */
body #container #main #about #workshops #schedule {
  float: left;
  width: 100%;
}
/* line 1760, ../scss/style.scss */
body #container #main #about #workshops #schedule .day {
  width: 33%;
  float: left;
}
@media screen and (max-width: 900px) {
  /* line 1760, ../scss/style.scss */
  body #container #main #about #workshops #schedule .day {
    width: 100%;
    margin-bottom: 5%;
  }
}
/* line 1769, ../scss/style.scss */
body #container #main #about #workshops #schedule .day.friday h4 {
  color: #28A899 !important;
}
/* line 1773, ../scss/style.scss */
body #container #main #about #workshops #schedule .day.saturday h4 {
  color: #934D98 !important;
}
/* line 1777, ../scss/style.scss */
body #container #main #about #workshops #schedule .day.sunday h4 {
  color: #F08100 !important;
}
/* line 1781, ../scss/style.scss */
body #container #main #about #workshops #schedule .day .workshop {
  display: table;
  margin: 15px auto;
  font-size: 14px;
  -webkit-transition: all, 0.5s;
  -transition: all, 0.5s;
  transition: all, 0.5s;
}
/* line 1788, ../scss/style.scss */
body #container #main #about #workshops #schedule .day .workshop a span.time,
body #container #main #about #workshops #schedule .day .workshop a span.title {
  color: #333;
  clear: both;
  display: block;
}
/* line 1796, ../scss/style.scss */
body #container #main #about #workshops #schedule .day .workshop:hover {
  opacity: 0.5;
}
/* line 1806, ../scss/style.scss */
body #container #main #about #seminaries #schedule {
  float: left;
  width: 100%;
}
/* line 1810, ../scss/style.scss */
body #container #main #about #seminaries #schedule .day {
  width: 33%;
  float: left;
}
@media screen and (max-width: 900px) {
  /* line 1810, ../scss/style.scss */
  body #container #main #about #seminaries #schedule .day {
    width: 100%;
    margin-bottom: 5%;
  }
}
/* line 1819, ../scss/style.scss */
body #container #main #about #seminaries #schedule .day.friday h4 {
  color: #28A899 !important;
}
/* line 1823, ../scss/style.scss */
body #container #main #about #seminaries #schedule .day.saturday h4 {
  color: #934D98 !important;
}
/* line 1827, ../scss/style.scss */
body #container #main #about #seminaries #schedule .day.sunday h4 {
  color: #F08100 !important;
}
/* line 1831, ../scss/style.scss */
body #container #main #about #seminaries #schedule .day .sem {
  display: table;
  margin: 15px auto;
  font-size: 14px;
  -webkit-transition: all, 0.5s;
  -transition: all, 0.5s;
  transition: all, 0.5s;
  padding: 0 7.5%;
}
/* line 1839, ../scss/style.scss */
body #container #main #about #seminaries #schedule .day .sem a span.time,
body #container #main #about #seminaries #schedule .day .sem a span.title {
  color: #333;
  clear: both;
  display: block;
}
/* line 1847, ../scss/style.scss */
body #container #main #about #seminaries #schedule .day .sem:hover {
  opacity: 0.5;
}
/* line 1857, ../scss/style.scss */
body #container #main #about .foodstreet a {
  font-style: normal;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 16px;
  padding: 25px 40px;
  display: table;
  margin: 5% auto 0;
  -webkit-transition: all, 0.5s;
  -transition: all, 0.5s;
  transition: all, 0.5s;
  border: 2px solid #333;
  opacity: 1;
}
/* line 1873, ../scss/style.scss */
body #container #main #about .foodstreet a:hover {
  color: #333 !important;
  border: 2px solid #f0f0f0;
  background: #fff;
}
/* line 1881, ../scss/style.scss */
body #container #main #about #partners {
  margin: 0;
  padding: 0;
}
/* line 1887, ../scss/style.scss */
body #container #main #about #partners li img {
  width: 100%;
}
/* line 1896, ../scss/style.scss */
body #container #main #single_workshop a.workshop_buy {
  background: #FFE600;
  border: none;
  padding: 20px 25px;
  color: #333;
  margin: 20px auto 0;
  display: table;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}
/* line 1907, ../scss/style.scss */
body #container #main #single_workshop a.workshop_buy:hover {
  background: #ffee4d;
}
@media screen and (max-width: 900px) {
  /* line 1896, ../scss/style.scss */
  body #container #main #single_workshop a.workshop_buy {
    font-size: 12px;
    padding: 15px 20px;
  }
}
@media screen and (max-width: 640px) {
  /* line 1896, ../scss/style.scss */
  body #container #main #single_workshop a.workshop_buy {
    font-size: 10px;
    padding: 10px 15px;
  }
}
/* line 1922, ../scss/style.scss */
body #container #main #single_workshop #arr {
  text-align: center !important;
  width: 100%;
  float: left;
}
/* line 1927, ../scss/style.scss */
body #container #main #single_workshop #arr #single_workshop_list {
  display: table;
  margin: 0 auto;
}
/* line 1931, ../scss/style.scss */
body #container #main #single_workshop #arr #single_workshop_list .col-2b {
  display: table-cell;
  padding: 0px 10px;
}
/* line 1935, ../scss/style.scss */
body #container #main #single_workshop #arr #single_workshop_list .col-2b a {
  color: #333;
}
/* line 1940, ../scss/style.scss */
body #container #main #single_workshop #arr #single_workshop_list img {
  width: 75%;
  height: auto;
  display: table;
  margin: 0 auto 5%;
}
/* line 1952, ../scss/style.scss */
body #container #main #tema .tema_excerpt {
  margin: 2% 0;
}
/* line 1956, ../scss/style.scss */
body #container #main #tema a h4 {
  color: #333 !important;
  margin: 0 0 1.25% 0;
}
/* line 1961, ../scss/style.scss */
body #container #main #tema img.host_logo {
  margin: 0 auto;
  padding-bottom: 0%;
  width: 35%;
  height: auto;
}
/* line 1965, ../scss/style.scss */
body #container #main #tema ul li {
  width: 50%;
  clear: both;
  margin: 0 auto 3.5%;
}
@media screen and (max-width: 900px) {
  /* line 1965, ../scss/style.scss */
  body #container #main #tema ul li {
    width: 75%;
  }
}
@media screen and (max-width: 640px) {
  /* line 1965, ../scss/style.scss */
  body #container #main #tema ul li {
    width: 95%;
    line-height: 1.25;
    margin: 0 auto 7.5%;
  }
}
@media screen and (max-width: 900px) {
  /* line 1963, ../scss/style.scss */
  body #container #main #tema ul {
    margin-top: 7.5%;
  }
}
/* line 1985, ../scss/style.scss */
body #container #main #tema #break {
  width: 50px;
  height: 2px;
  background: #000;
  display: table;
  margin: 0 auto 3.5%;
}
@media screen and (max-width: 640px) {
  /* line 1985, ../scss/style.scss */
  body #container #main #tema #break {
    margin: 0 auto 7.5%;
  }
}
/* line 1997, ../scss/style.scss */
body #container #main #tema #break:last-child {
  display: none;
}
/* line 2004, ../scss/style.scss */
body #container #main #tema #english h3 {
  margin-top: 7% !important;
}
/* line 2012, ../scss/style.scss */
body #container #main #kontakt ul {
  padding: 0;
  width: 100%;
}
/* line 2018, ../scss/style.scss */
body #container #main #kontakt ul li.col-3 {
  width: 33.33333333%;
  float: left;
  margin: 0 0 5%;
}
/* line 2023, ../scss/style.scss */
body #container #main #kontakt ul li.col-3:first-child {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  /* line 2018, ../scss/style.scss */
  body #container #main #kontakt ul li.col-3 {
    width: 100%;
  }
}
/* line 2031, ../scss/style.scss */
body #container #main #kontakt ul li.col-3 a {
  color: #333;
  -webkit-transition: all, 0.5s;
  -transition: all, 0.5s;
  transition: all, 0.5s;
}
/* line 2035, ../scss/style.scss */
body #container #main #kontakt ul li.col-3 a:hover {
  color: #934D98;
}
/* line 2040, ../scss/style.scss */
body #container #main #kontakt ul li.col-3 span {
  text-align: center;
  line-height: 1;
}
/* line 2044, ../scss/style.scss */
body #container #main #kontakt ul li.col-3 span.title, body #container #main #kontakt ul li.col-3 span.profession, body #container #main #kontakt ul li.col-3 span.mail, body #container #main #kontakt ul li.col-3 span.phone {
  display: block;
  clear: both;
}
/* line 2052, ../scss/style.scss */
body #container #main #kontakt ul li.col-3 span.title {
  font-size: 18px;
}
/* line 2056, ../scss/style.scss */
body #container #main #kontakt ul li.col-3 span.profession {
  margin: 10px 0 10px;
  font-size: 13px;
  font-style: italic;
}
/* line 2062, ../scss/style.scss */
body #container #main #kontakt ul li.col-3 span.mail, body #container #main #kontakt ul li.col-3 span.phone {
  font-size: 13px;
  margin: 7px 0;
}
/* line 2072, ../scss/style.scss */
body #container #main #social-buttons {
  float: left;
  margin: 2.5% 0 0;
  width: 100%;
}
/* line 2078, ../scss/style.scss */
body #container #main article {
  float: left;
  width: 100%;
  color: #333;
}
/* line 2085, ../scss/style.scss */
body #container #main article #post-content ul {
  padding: 0 0 1.75% 18px;
  list-style-type: circle;
}
/* line 2089, ../scss/style.scss */
body #container #main article #post-content ul li {
  margin: 0 0 0 0;
  padding: 0 0 1.75% 0;
}
/* line 2095, ../scss/style.scss */
body #container #main article #post-content p {
  margin: 3.5% 0;
}
/* line 2098, ../scss/style.scss */
body #container #main article #post-content p a {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333;
  padding-bottom: 2px;
}
/* line 2106, ../scss/style.scss */
body #container #main article #post-content img {
  width: 100%;
  height: auto;
}
/* line 2113, ../scss/style.scss */
body #container #main footer {
  background: #333;
  width: 100%;
  float: left;
  padding: 6.5% 5% 9.5%;
}
@media screen and (max-width: 480px) {
  /* line 2113, ../scss/style.scss */
  body #container #main footer {
    padding: 10% 5%;
  }
}
/* line 2126, ../scss/style.scss */
body #container #main footer #footer_info img.logo {
  width: 25%;
  height: auto;
  margin: 0 auto 10px;
}
/* line 2132, ../scss/style.scss */
body #container #main footer #footer_info p {
  color: #fff;
  padding: 0 20%;
  margin: 0;
  text-align: center;
  line-height: 1.75;
}
/* line 2139, ../scss/style.scss */
body #container #main footer #footer_info p a {
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 1024px) {
  /* line 2132, ../scss/style.scss */
  body #container #main footer #footer_info p {
    font-size: 14px;
    padding: 0 10%;
  }
}
@media screen and (max-width: 480px) {
  /* line 2132, ../scss/style.scss */
  body #container #main footer #footer_info p {
    font-size: 12px;
    padding: 0;
  }
}
/* line 2156, ../scss/style.scss */
body #container #main footer #footer-logos {
  color: #fff;
  text-align: center;
}
/* line 2160, ../scss/style.scss */
body #container #main footer #footer-logos ul {
  list-style: none;
  margin: 5% auto;
  width: 70%;
  display: table;
}
@media screen and (max-width: 480px) {
  /* line 2160, ../scss/style.scss */
  body #container #main footer #footer-logos ul {
    margin: 10% auto;
  }
  /* line 2169, ../scss/style.scss */
  body #container #main footer #footer-logos ul span.logo-header {
    margin: 0 auto 5% auto;
  }
}
/* line 2174, ../scss/style.scss */
body #container #main footer #footer-logos ul span.logo-header {
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 12px;
}
/* line 2183, ../scss/style.scss */
body #container #main footer #footer-logos ul li {
  display: inline;
  text-align: center;
  float: left;
  width: 40%;
  margin: 5%;
}
@media screen and (max-width: 480px) {
  /* line 2183, ../scss/style.scss */
  body #container #main footer #footer-logos ul li {
    width: 80%;
    margin: 0 10%;
  }
}
/* line 2195, ../scss/style.scss */
body #container #main footer #footer-logos ul li a {
  display: table;
  margin: 0 auto;
  width: 100%;
  opacity: 0.25;
  -webkit-transition: all, 0.5s;
  -transition: all, 0.5s;
  transition: all, 0.5s;
}
/* line 2202, ../scss/style.scss */
body #container #main footer #footer-logos ul li a img {
  width: 100%;
  height: auto;
}
/* line 2207, ../scss/style.scss */
body #container #main footer #footer-logos ul li a:hover {
  opacity: 1;
}
/* line 2218, ../scss/style.scss */
body body.page-template-hem-php #main {
  padding: 0;
}
/* line 2220, ../scss/style.scss */
body .container {
  display: none;
}
/* line 2224, ../scss/style.scss */
body .container.show {
  display: block;
}
/* line 2228, ../scss/style.scss */
body .pageload-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
}
/* line 2237, ../scss/style.scss */
body .pageload-overlay.show {
  visibility: visible;
}
/* line 2241, ../scss/style.scss */
body .pageload-overlay svg {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
/* line 2248, ../scss/style.scss */
body .pageload-overlay svg path {
  fill: #fff;
}
/* line 2252, ../scss/style.scss */
body .pageload-overlay::after,
body .pageload-overlay::before {
  content: '';
  position: fixed;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  -webkit-transition: opacity 0.15s, visibility 0s 0.15s;
  transition: opacity 0.15s, visibility 0s 0.15s;
}
/* line 2269, ../scss/style.scss */
body .pageload-overlay::after {
  background: #6cc88a;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-animation: moveRight 0.6s linear infinite alternate;
  animation: moveRight 0.6s linear infinite alternate;
}
/* line 2277, ../scss/style.scss */
body .pageload-overlay::before {
  background: #4fc3f7;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  -webkit-animation: moveLeft 0.6s linear infinite alternate;
  animation: moveLeft 0.6s linear infinite alternate;
}
@-webkit-keyframes moveRight {
  to {
    -webkit-transform: translateX(20px);
  }
}
@keyframes moveRight {
  to {
    transform: translateX(20px);
  }
}
@-webkit-keyframes moveLeft {
  to {
    -webkit-transform: translateX(-20px);
  }
}
@keyframes moveLeft {
  to {
    transform: translateX(-20px);
  }
}
/* line 2301, ../scss/style.scss */
body .pageload-loading.pageload-overlay::after,
body .pageload-loading.pageload-overlay::before {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
/* line 2311, ../scss/style.scss */
body #workshops2 #schedule {
  float: left;
  width: 100%;
}
/* line 2315, ../scss/style.scss */
body #workshops2 #schedule .day {
  width: 33%;
  float: left;
}
@media screen and (max-width: 900px) {
  /* line 2315, ../scss/style.scss */
  body #workshops2 #schedule .day {
    width: 100%;
    margin-bottom: 5%;
  }
}
/* line 2324, ../scss/style.scss */
body #workshops2 #schedule .day.friday h4 {
  color: #28A899 !important;
}
/* line 2328, ../scss/style.scss */
body #workshops2 #schedule .day.saturday h4 {
  color: #934D98 !important;
}
/* line 2332, ../scss/style.scss */
body #workshops2 #schedule .day.sunday h4 {
  color: #F08100 !important;
}
/* line 2336, ../scss/style.scss */
body #workshops2 #schedule .day .workshop {
  display: table;
  margin: 15px auto;
  font-size: 14px;
  -webkit-transition: all, 0.5s;
  -transition: all, 0.5s;
  transition: all, 0.5s;
}
/* line 2343, ../scss/style.scss */
body #workshops2 #schedule .day .workshop a span.time,
body #workshops2 #schedule .day .workshop a span.title {
  color: #333;
  clear: both;
  display: block;
}
/* line 2351, ../scss/style.scss */
body #workshops2 #schedule .day .workshop:hover {
  opacity: 0.5;
}
/* line 2361, ../scss/style.scss */
body #seminaries2 #schedule {
  float: left;
  width: 100%;
}
/* line 2365, ../scss/style.scss */
body #seminaries2 #schedule .day {
  width: 33%;
  float: left;
}
@media screen and (max-width: 900px) {
  /* line 2365, ../scss/style.scss */
  body #seminaries2 #schedule .day {
    width: 100%;
    margin-bottom: 5%;
  }
}
/* line 2374, ../scss/style.scss */
body #seminaries2 #schedule .day.friday h4 {
  color: #28A899 !important;
}
/* line 2378, ../scss/style.scss */
body #seminaries2 #schedule .day.saturday h4 {
  color: #934D98 !important;
}
/* line 2382, ../scss/style.scss */
body #seminaries2 #schedule .day.sunday h4 {
  color: #F08100 !important;
}
/* line 2386, ../scss/style.scss */
body #seminaries2 #schedule .day .sem {
  display: table;
  margin: 15px auto;
  font-size: 14px;
  -webkit-transition: all, 0.5s;
  -transition: all, 0.5s;
  transition: all, 0.5s;
  padding: 0 7.5%;
}
/* line 2394, ../scss/style.scss */
body #seminaries2 #schedule .day .sem a span.time,
body #seminaries2 #schedule .day .sem a span.title {
  color: #333;
  clear: both;
  display: block;
}
/* line 2402, ../scss/style.scss */
body #seminaries2 #schedule .day .sem:hover {
  opacity: 0.5;
}

/* Custom css from WP admin */
/* line 2413, ../scss/style.scss */
.skanes-matfestival_page_footer .acf-image-uploader img {
  background: #333 !important;
  padding: 20px;
}

/* line 2415, ../scss/style.scss */
.ri-grid {
  margin: 0 !important;
}

/* line 2417, ../scss/style.scss */
.ri-shadow::after, .ri-shadow::before {
  display: none !important;
}