@charset "UTF-8";
/*
To make it easier to use all variables and mixins in any Sass file in this
theme, each .scss file has a @import "base" declaration. And this _base.scss
file is in charge of importing all the other partials needed for the theme.
*/
/* COLORS
=========================== */
/* dark grey menu blocks */
/* Green */
/* Purple */
/* Light green */
/* Magenta */
/* Cyan */
/* Red */
/* Yellow */
/* Slighty darker */
/* Slighty darker */
/* Messages colors */
/* SIZES & UNITS
=========================== */
/* MIXINS
=========================== */
/* FONTS
=========================== */
/* MARGINS & SPACING
=========================== */
/* BREAKPOINTS
=========================== */
/*  Use as following:
    @include mq($narrow,$wide) {
      font-size: xx;
    }
*/
/* IE SUPPORT
=========================== */
/*
These variables are used by many mixins to add additional CSS to support
specific versions of IE or specific vendor prefixes.

To turn on support for IE6 or IE7, set those variables to true.

Zen does not require special handling for IE8 or later. But Compass uses that
variable for a couple edge cases. We include it for completeness sake. See
the documentation at http://compass-style.org/reference/compass/support/
*/
/* IMPORTS
=========================== */
/*@import "zen";              // Add the Zen Grids responsive layout mixins.*/
/*@import "compass/utilities/general/clearfix"; // Better than Drupal's clearfix.*/
/*@import "compass/utilities/sprites"; // See http://compass-style.org/help/tutorials/spriting/ */
/*@import "compass/typography/vertical_rhythm"; // Helps set up a vertical rhythm. */
/*@import "toolkit/pe"; */
/*@import "custom";           // Import our custom mixins last. */
html {
  height: 100%;
  font-size: 62.5%;
  padding: 0;
}

body {
  background: #f8f7f6 url(../images/sandpaper.jpg) repeat 0 0;
  min-height: 100%;
  margin: 0;
  padding: 0;
  color: #636466;
  font-family: "Open sans", sans-serif;
  font-weight: 300;
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.7;
  font-size: 1.4rem;
  line-height: 2.38rem;
}

/*[data-icon]:before {
  content: "";
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -10%;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}*/
@font-face {
  font-family: 'profile';
  src: url("../fonts/profile/profile.eot?aee630");
  src: url("../fonts/profile/profile.eot?#iefixaee630") format("embedded-opentype"), url("../fonts/profile/profile.woff?aee630") format("woff"), url("../fonts/profile/profile.ttf?aee630") format("truetype"), url("../fonts/profile/profile.svg?aee630#profile") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* LINKS & BUTTONS
=========================== */
a {
  color: #af1685;
  text-decoration: none;
  -moz-transition: color 0.08s ease-in-out;
  -o-transition: color 0.08s ease-in-out;
  -webkit-transition: color 0.08s ease-in-out;
  transition: color 0.08s ease-in-out;
}
a:hover {
  color: #540b40;
}

.button a,
a.button {
  background: #af1685;
  color: #fff;
  padding: 5px 14px;
  display: inline-block;
  font-style: italic;
  font-family: "Bitter", serif;
  font-weight: normal;
  /* Rem font sizing with pixel fallback */
  font-size: 16px;
  line-height: 1.8;
  font-size: 1.6rem;
  line-height: 2.88rem;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.button a:hover,
a.button:hover {
  background: #981374;
}

a.readmore,
.readmore a {
  /*&:before {
    content: "\003e";
    color: #fff;
    padding: 4px;
    @include icon-font;
    @include icon-font-styles;
    font-size: 11px;
    line-height: 11px;
    vertical-align: text-bottom;
    background: $accent;
    @include border-radius(50%);
    margin-right: 5px;
    display: inline-block;
    speak: none;
  }*/
  border: 1px solid #e2e2e2;
  color: #939598;
  padding: 5px 10px;
  display: inline-block;
  -moz-transition: border-color 0.1s ease-in-out;
  -o-transition: border-color 0.1s ease-in-out;
  -webkit-transition: border-color 0.1s ease-in-out;
  transition: border-color 0.1s ease-in-out;
}
a.readmore:hover,
.readmore a:hover {
  border-color: #d7d7d7;
}

a.userlogout {
  display: block;
  background: #dfdfdf;
  color: #000;
  padding: 8px;
  text-align: right;
}

/* BASIC FORMATS
=========================== */
/* Headings */
h1, h2, h3, h4, caption {
  color: #636466;
  font-style: italic;
  font-family: "Bitter", serif;
}

h1 a:hover, h2 a:hover, h3 a:hover {
  color: #af1685;
}

h1, h2, h3 {
  font-family: "Bitter", serif;
  line-height: 1.2em;
  margin: 0 0 5px;
  font-weight: normal;
}

h1 {
  /* Rem font sizing with pixel fallback */
  font-size: 40px;
  line-height: 1.4;
  font-size: 4rem;
  line-height: 5.6rem;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 1100px) and (max-width: 1279px) {
  h1 {
    /* Rem font sizing with pixel fallback */
    font-size: 35px;
    line-height: 1.4;
    font-size: 3.5rem;
    line-height: 4.9rem;
  }
}
@media screen and (min-width: 601px) and (max-width: 1099px) {
  h1 {
    /* Rem font sizing with pixel fallback */
    font-size: 35px;
    line-height: 1.4;
    font-size: 3.5rem;
    line-height: 4.9rem;
  }
}
@media screen and (max-width: 600px) {
  h1 {
    /* Rem font sizing with pixel fallback */
    font-size: 27px;
    line-height: 1.4;
    font-size: 2.7rem;
    line-height: 3.78rem;
  }
}

.page-press h1 {
  /* Justering av marginaler för MyNewsdesk */
  margin-bottom: -20px;
}

h2 {
  /* Rem font sizing with pixel fallback */
  font-size: 28px;
  line-height: 1.3;
  font-size: 2.8rem;
  line-height: 3.64rem;
  margin-bottom: 10px;
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  h2 {
    /* Rem font sizing with pixel fallback */
    font-size: 24px;
    line-height: 1.3;
    font-size: 2.4rem;
    line-height: 3.12rem;
  }
}
@media screen and (max-width: 600px) {
  h2 {
    /* Rem font sizing with pixel fallback */
    font-size: 20px;
    line-height: 1.3;
    font-size: 2rem;
    line-height: 2.6rem;
  }
}

h3 {
  /* Rem font sizing with pixel fallback */
  font-size: 22px;
  line-height: 1.3;
  font-size: 2.2rem;
  line-height: 2.86rem;
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  h3 {
    /* Rem font sizing with pixel fallback */
    font-size: 19px;
    line-height: 1.3;
    font-size: 1.9rem;
    line-height: 2.47rem;
  }
}
@media screen and (max-width: 600px) {
  h3 {
    /* Rem font sizing with pixel fallback */
    font-size: 17px;
    line-height: 1.3;
    font-size: 1.7rem;
    line-height: 2.21rem;
  }
}

h4 {
  font-weight: normal;
  /* Rem font sizing with pixel fallback */
  font-size: 17px;
  line-height: 1.4;
  font-size: 1.7rem;
  line-height: 2.38rem;
  margin: 2px 0 3px;
}
@media screen and (max-width: 600px) {
  h4 {
    /* Rem font sizing with pixel fallback */
    font-size: 14px;
    line-height: 1.3;
    font-size: 1.4rem;
    line-height: 1.82rem;
  }
}

/* Preamble */
header.intro {
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (min-width: 801px) and (max-width: 1279px) {
  header.intro {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 800px) {
  header.intro {
    margin-bottom: 10px;
  }
}

.field.preamble {
  /* Rem font sizing with pixel fallback */
  font-size: 16px;
  line-height: 1.6;
  font-size: 1.6rem;
  line-height: 2.56rem;
  /* For indentation of wide text containers, to avoid long lines */
  /*@media screen and (min-width: $narrow + 1) and (max-width : $menu-break) {
    padding-left: 8%;
    padding-right: 8%;
  }*/
}
@media screen and (min-width: 1651px) {
  .field.preamble {
    padding-left: 15%;
    padding-right: 15%;
    max-width: 1060px;
  }
}
@media screen and (min-width: 1380px) and (max-width: 1650px) {
  .field.preamble {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1379px) {
  .field.preamble {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 801px) and (max-width: 1099px) {
  .field.preamble {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) {
  .field.preamble {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 600px) {
  .field.preamble {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .field.preamble {
    padding: 0;
    /* Rem font sizing with pixel fallback */
    font-size: 15px;
    line-height: 1.5;
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}

/* Body */
.field.body {
  margin-bottom: 20px;
}
.field.body:last-child {
  margin-bottom: 0;
}

/* Format text */
p[align=right],
p[align=center],
p[align=justify] {
  text-align: left;
}

.prose p,
.prose ol,
.prose ul,
.view-content p {
  margin: 0 0 20px;
}

.prose p:last-child,
.prose p.last-child,
.view-content p:last-child {
  margin-bottom: 0;
}

.prose ol,
.prose ul {
  margin-bottom: 12px;
  padding-left: 0;
}

.prose ol li,
.prose ul li {
  display: list-item;
  margin: 0 0 0 2px;
  padding-bottom: 3px;
}

.prose ol ol,
.prose ul ul,
.prose ol ul,
.prose ul ol {
  margin: 0;
}

.prose ol li {
  list-style: decimal inside;
}

.prose ul li {
  list-style: disc inside;
}

.prose img {
  display: block;
}

.prose h2, .prose h3, .prose h4 {
  clear: left;
}

/* Presentational lists */
ul.pres, ol.pres {
  padding: 0;
  margin: 0;
}
ul.pres li, ol.pres li {
  padding: 0;
  list-style: none;
}

/* LAYOUT & STRUCTURE
=========================== */
#skip-link {
  margin: 0;
  padding: 0;
}
#skip-link a {
  color: #fff;
  padding: 5px;
  top: 5px;
  background: #78be20;
  display: block;
  text-align: center;
}
#skip-link a[data-icon]:before {
  padding-right: 5px;
}

.box {
  padding-left: 30px;
  padding-right: 30px;
}

#main {
  background: #fff;
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding-top: 30px;
  /*@include padding($pos:bottom);*/
}
@media screen and (max-width: 600px) {
  #main {
    padding-top: 20px;
  }
}
.front #main {
  padding-bottom: 0;
}

#content {
  /* For full width layouts, to limit & center content */
  max-width: 1194px;
  margin-left: auto;
  margin-right: auto;
  /*@media screen and (max-width: ($inner-width + 85)) {
    padding-left: 20px;
    padding-right: 20px;
  }*/
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding-bottom: 30px;
}
#content:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
@media screen and (max-width: 600px) {
  #content {
    padding-bottom: 20px;
  }
}

.breadcrumb {
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 0 30px;
}
@media only screen and (max-width: 800px) {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb ol {
  padding: 0;
  margin: 0;
}
.breadcrumb ol li {
  display: inline-block;
  margin-right: 10px;
}
.breadcrumb ol li a {
  margin-right: 5px;
}
.breadcrumb ol li:first-child a {
  background: url(../images/home.svg) no-repeat left;
  width: 14px;
  height: 12px;
  text-indent: -999px;
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  margin-right: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
.breadcrumb ol li:first-child a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/* Header */
#header {
  position: relative;
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding-top: 30px;
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding-bottom: 30px;
  background: url(../images/bg_header1.png) no-repeat 2em;
  background-size: contain;
  /*@media screen and (min-width: $compact + 1) and (max-width : $narrow) {
    background-position: -5% 50%;
  }
  @media screen and (min-width: $portrait + 1) and (max-width : $compact) {
    background-position: -10% 50%;
  }*/
}
@media screen and (max-width: 600px) {
  #header {
    padding-top: 20px;
  }
}
@media screen and (max-width: 600px) {
  #header {
    padding-bottom: 20px;
  }
}
#header.bg2 {
  background-image: url(../images/bg_header2.png);
}
#header.bg3 {
  background-image: url(../images/bg_header3.png);
}
#header.bg4 {
  background-image: url(../images/bg_header4.png);
}
#header.bg5 {
  background-image: url(../images/bg_header5.png);
}
@media screen and (min-width: 601px) and (max-width: 750px) {
  #header {
    /*background-position: -13% 50%;*/
    padding-top: 15px;
  }
}
@media screen and (max-width: 600px) {
  #header {
    background-image: none;
    padding-top: 15px;
    /* Include a standard padding on selected sides that shrinks on smaller sizes */
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  #header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 600px) {
  #header.bg2, #header.bg3, #header.bg4, #header.bg5 {
    background-image: none;
  }
}
#header #logo {
  width: 173px;
  height: 95px;
  margin: 0 auto 30px;
  display: block;
  padding-left: 40px;
}
@media screen and (max-width: 800px) {
  #header #logo {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) {
  #header #logo {
    width: 139px;
    height: 77px;
  }
}
@media screen and (max-width: 600px) {
  #header #logo {
    width: 86px;
    height: 49px;
    padding-left: 50px;
    float: left;
    margin-bottom: 15px;
  }
}
#header form {
  position: relative;
  width: 350px;
  margin: 0 auto;
  clear: both;
}
#header form:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
@media screen and (min-width: 601px) and (max-width: 800px) {
  #header form {
    width: 235px;
  }
}
@media screen and (max-width: 600px) {
  #header form {
    width: 100%;
    padding-top: 10px;
  }
}
#header .menu-block-ctools-menu-secondary-menu-1 {
  position: absolute;
  top: 20px;
  right: 148px;
  font-family: "Open sans", sans-serif;
}
#header .menu-block-ctools-menu-secondary-menu-1 ul li {
  background: #fff;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 10px;
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.7;
  font-size: 1.4rem;
  line-height: 2.38rem;
  float: right;
}
@media only screen and (max-width: 600px) {
  #header .menu-block-ctools-menu-secondary-menu-1 ul li {
    top: 33px;
  }
}
#header .menu-block-ctools-menu-secondary-menu-1 ul li a {
  color: #636466;
}
@media screen and (min-width: 601px) and (max-width: 800px) {
  #header .menu-block-ctools-menu-secondary-menu-1 {
    right: 20px;
    top: 20px;
  }
}
@media screen and (max-width: 600px) {
  #header .menu-block-ctools-menu-secondary-menu-1 {
    right: 20px;
    top: 20px;
  }
}
#header #google_translate_element {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media screen and (min-width: 601px) and (max-width: 800px) {
  #header #google_translate_element {
    right: 20px;
    top: 50px;
  }
}
@media only screen and (max-width: 600px) {
  #header #google_translate_element {
    top: 50px;
  }
}
#header #google_translate_element .goog-te-gadget {
  font-family: "Open sans", sans-serif;
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.7;
  font-size: 1.4rem;
  line-height: 2.38rem;
}
#header #google_translate_element .goog-te-gadget .goog-te-gadget-icon {
  margin-left: 4px;
}
@media only screen and (max-width: 650px) {
  #header #google_translate_element .goog-te-gadget .goog-te-gadget-icon {
    display: none;
  }
}
#header #google_translate_element .goog-te-gadget .goog-te-gadget-simple {
  border: none;
  padding-right: 15px;
}
@media only screen and (max-width: 650px) {
  #header #google_translate_element .goog-te-gadget .goog-te-gadget-simple {
    padding-left: 4px;
  }
}
#header #google_translate_element .goog-te-gadget .goog-te-gadget-simple .goog-te-menu-value {
  color: #636466;
}
#header #google_translate_element .goog-te-gadget .goog-te-gadget-simple .goog-te-menu-value span {
  border: none !important;
}
#header #google_translate_element .goog-te-gadget .goog-te-gadget-simple .goog-te-menu-value span:last-child {
  width: 0;
  height: 0;
  text-indent: -999px;
  display: inline-block;
  position: absolute;
  top: 11px;
  right: 10px;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top: 5px solid #7E7E7E !important;
  overflow: hidden;
}

#identity {
  background: #78be20;
  color: #fff;
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding-top: 30px;
  padding-bottom: 25px;
}
@media screen and (max-width: 600px) {
  #identity {
    padding-top: 20px;
  }
}
#identity h1 {
  color: #fff;
  margin: 0;
}

/* Footer */
#footer {
  padding: 30px;
  clear: both;
}
#footer:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#footer .title {
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.8;
  font-size: 1.4rem;
  line-height: 2.52rem;
  font-family: "Open sans", sans-serif;
  font-style: normal;
  color: #636466;
  font-weight: bold;
  margin: 0;
  text-align: left;
}
#footer p {
  margin: 0;
}
#footer .block {
  float: left;
}
#footer .block ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer .block.contact-info,
#footer .block.help-menu {
  width: 25%;
  padding-right: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  #footer .block.contact-info,
  #footer .block.help-menu {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 501px) and (max-width: 800px) {
  #footer .block.contact-info,
  #footer .block.help-menu {
    width: 50%;
  }
}
@media screen and (max-width: 500px) {
  #footer .block.contact-info,
  #footer .block.help-menu {
    width: 100%;
    float: none;
  }
}
#footer .block.about {
  width: 50%;
  max-width: 650px;
}
@media screen and (max-width: 800px) {
  #footer .block.about {
    width: 100%;
    clear: both;
  }
}

/* COLUMNS
=========================== */
.no-sidebars #content {
  /* For indentation of wide text containers, to avoid long lines */
  /*@media screen and (min-width: $narrow + 1) and (max-width : $menu-break) {
    padding-left: 8%;
    padding-right: 8%;
  }*/
}
@media screen and (min-width: 1651px) {
  .no-sidebars #content {
    padding-left: 15%;
    padding-right: 15%;
    max-width: 1060px;
  }
}
@media screen and (min-width: 1380px) and (max-width: 1650px) {
  .no-sidebars #content {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1379px) {
  .no-sidebars #content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 801px) and (max-width: 1099px) {
  .no-sidebars #content {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) {
  .no-sidebars #content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 600px) {
  .no-sidebars #content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.col-1 > .content {
  max-width: 850px;
  margin: 0 auto;
}
.col-1#content.search {
  padding: 0;
  margin: 0;
  max-width: none;
}
.col-1#content.search .content {
  /* For indentation of wide text containers, to avoid long lines */
  /*@media screen and (min-width: $narrow + 1) and (max-width : $menu-break) {
    padding-left: 8%;
    padding-right: 8%;
  }*/
}
@media screen and (min-width: 1651px) {
  .col-1#content.search .content {
    padding-left: 15%;
    padding-right: 15%;
    max-width: 1060px;
  }
}
@media screen and (min-width: 1380px) and (max-width: 1650px) {
  .col-1#content.search .content {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1379px) {
  .col-1#content.search .content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 801px) and (max-width: 1099px) {
  .col-1#content.search .content {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) {
  .col-1#content.search .content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 600px) {
  .col-1#content.search .content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.col-1#content.search header.intro {
  margin-bottom: 20px;
}

.col-2:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.col-2 > .content {
  float: left;
  padding-right: 20px;
}
.col-2 > .content-second {
  float: right;
  padding-left: 20px;
}
.col-2 > .content,
.col-2 > .content-second {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}

/* Layouts */
.col-2 > .content .field {
  margin-bottom: 20px;
}
.col-2 > .content-second > * {
  margin-bottom: 20px;
}
.col-2 > .content-second > *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 750px) {
  .col-2 > .content {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 750px) {
  .col-2 > .content,
  .col-2 > .content-second {
    width: 100%;
    float: none;
    padding: 0;
  }
}
.col-2.one-col > .content, .col-2.one-col > .content-second {
  float: none;
  width: 100%;
  padding: 0;
  /*@include indent;*/
  max-width: 850px;
  margin: 0 auto;
}

.col-3 {
  /*> .content-second {
    @include clear;
    .first {
      padding-right: 10px;
      @include mq(0,$mobile-small) { margin-bottom: 20px; }
    }
    .second {
      padding-left: 10px;
    }
    .first, .second {
      width: 50%;
      float: left;
      @include box-sizing(border-box);
      @include mq(0,$mobile-small) {
        float: none;
        width: 100%;
        padding: 0;
      }
    }
    &.one-col {
      .first, .second {
        float: none;
        width: 100%;
        padding: 0;
      }
    }
  }*/
}
.col-3:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.col-3 > .first,
.col-3 > .second {
  float: right;
  width: 24%;
}
@media only screen and (max-width: 800px) {
  .col-3 > .first,
  .col-3 > .second {
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .col-3 > .first {
    margin-bottom: 25px;
  }
}
.col-3 > .second {
  margin-right: 2%;
}
.col-3 > .content {
  float: left;
  width: 50%;
  padding-right: 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .col-3 > .content {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 30px;
  }
}
.col-3.one-col .first, .col-3.one-col .second {
  width: 50%;
  margin: 0;
}
@media only screen and (max-width: 800px) {
  .col-3.one-col .first, .col-3.one-col .second {
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .col-3.one-col .first {
    margin-bottom: 25px;
  }
}
.col-3.one-col.no-sidebar .content {
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
  /* For indentation of wide text containers, to avoid long lines */
  /*@media screen and (min-width: $narrow + 1) and (max-width : $menu-break) {
    padding-left: 8%;
    padding-right: 8%;
  }*/
  width: 100%;
}
@media screen and (min-width: 1651px) {
  .col-3.one-col.no-sidebar .content {
    padding-left: 15%;
    padding-right: 15%;
    max-width: 1060px;
  }
}
@media screen and (min-width: 1380px) and (max-width: 1650px) {
  .col-3.one-col.no-sidebar .content {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1379px) {
  .col-3.one-col.no-sidebar .content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 801px) and (max-width: 1099px) {
  .col-3.one-col.no-sidebar .content {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) {
  .col-3.one-col.no-sidebar .content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 600px) {
  .col-3.one-col.no-sidebar .content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.col-3.one-col.no-sidebar .content .addtoany_list {
  text-align: center;
}
.col-3.one-col.no-sidebar .content .addtoany_list a {
  display: inline-block;
  float: none;
  margin: 0 2px;
}

.col-3-extended:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.col-3-extended > .navigation {
  float: left;
  width: 24%;
}
.col-3-extended > .first,
.col-3-extended > .second {
  float: right;
  width: 24%;
}
@media only screen and (max-width: 800px) {
  .col-3-extended > .first,
  .col-3-extended > .second {
    float: none;
    width: 100%;
  }
}
.col-3-extended > .first + .content + .second {
  margin-top: 20px;
  clear: right;
}
.col-3-extended > .content {
  float: left;
  width: 52%;
  padding-right: 25px;
  padding-left: 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .col-3-extended > .content {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 30px;
  }
}
.col-3-extended.no-nav {
  /* Menu visible */
}
.col-3-extended.no-nav > .first,
.col-3-extended.no-nav > .second {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  .col-3-extended.no-nav > .first,
  .col-3-extended.no-nav > .second {
    width: 100%;
  }
}
.col-3-extended.no-nav > .content {
  width: 50%;
  padding-right: 25px;
  padding-left: 0;
}
@media only screen and (max-width: 800px) {
  .col-3-extended.no-nav > .content {
    width: 100%;
  }
}
.col-3-extended.one-col {
  /* No sidebars, menu visible */
}
.col-3-extended.one-col > .content {
  width: 76%;
}
@media screen and (max-width: 800px) {
  .col-3-extended.one-col > .content {
    width: 100%;
    float: none;
  }
}
.col-3-extended.one-col.no-nav {
  /* Only content column */
}
.col-3-extended.one-col.no-nav > .content {
  width: 76%;
  float: none;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .col-3-extended.one-col.no-nav > .content {
    width: 100%;
    float: none;
  }
}

/* Sidebar & regions */
/*.one-sidebar,
.two-sidebars {
  .region-content {
    float: left;
    width: 66%;
    max-width: 710px;
    @media screen and (max-width : 850px) {
      @include margin-bottom;
    }
  }
  .region-sidebar-first,
  .region-sidebar-second {
    float: right;
    width: 31.5%;
    max-width: 340px;
  }
  .region-sidebar-first {
    @include margin-bottom;
  }
  .region-sidebar-second {
    clear: right;
  }
  .region-sidebar-first,
  .region-sidebar-second,
  .region-content {
    @media screen and (max-width : 850px) {
      float: none;
      width: auto;
      max-width: none;
    }
  }
}*/
/* NAVIGATION
=========================== */
ul.menu:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

nav ul {
  margin: 0;
  padding: 0;
}
nav ul li {
  /*float: left;*/
}

#navigation {
  clear: both;
}
#navigation h3.block-title {
  display: none;
}
#navigation nav > ul.menu,
#navigation nav > ul.links {
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding-left: 30px;
  padding-right: 30px;
  /*li a:hover {
    background: none;
  }*/
}
#navigation nav > ul.menu:after,
#navigation nav > ul.links:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
@media screen and (max-width: 600px) {
  #navigation nav > ul.menu,
  #navigation nav > ul.links {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#navigation nav > ul.menu li,
#navigation nav > ul.links li {
  float: left;
  display: block;
}
#navigation nav > ul.menu li a,
#navigation nav > ul.links li a {
  color: #fff;
  display: block;
  padding: 9px 14px;
  /* Rem font sizing with pixel fallback */
  font-size: 15px;
  line-height: 1.8;
  font-size: 1.5rem;
  line-height: 2.7rem;
  /*@include default-transition(color);*/
  -moz-transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
  -webkit-transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
  transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#navigation nav > ul.menu li.active a,
#navigation nav > ul.menu li.active a:hover,
#navigation nav > ul.menu li.active-trail a,
#navigation nav > ul.menu li.active-trail a:hover,
#navigation nav > ul.links li.active a,
#navigation nav > ul.links li.active a:hover,
#navigation nav > ul.links li.active-trail a,
#navigation nav > ul.links li.active-trail a:hover {
  background: #323436;
  color: #fff;
}

/* IE fix */
#main-menu {
  width: 25%;
  position: fixed;
  top: 0;
  left: 0;
}

/* Group menus */
#navigation #group-menu,
#navigation nav.menu-block-4 {
  width: 100%;
  background: #efedeb;
}
@media only screen and (max-width: 800px) {
  #navigation #group-menu,
  #navigation nav.menu-block-4 {
    display: none;
  }
}
#navigation #group-menu > ul.menu li a,
#navigation nav.menu-block-4 > ul.menu li a {
  color: #636466;
}
#navigation #group-menu > ul.menu li.active a,
#navigation #group-menu > ul.menu li.active-trail a,
#navigation #group-menu > ul.menu li.active-trail a:hover,
#navigation #group-menu > ul.menu li.active a:hover,
#navigation #group-menu > ul.menu li a:hover,
#navigation nav.menu-block-4 > ul.menu li.active a,
#navigation nav.menu-block-4 > ul.menu li.active-trail a,
#navigation nav.menu-block-4 > ul.menu li.active-trail a:hover,
#navigation nav.menu-block-4 > ul.menu li.active a:hover,
#navigation nav.menu-block-4 > ul.menu li a:hover {
  color: #636466;
  background: #e0dcd7;
}
#navigation #group-menu a[href^="/tyck-till"]:after,
#navigation nav.menu-block-4 a[href^="/tyck-till"]:after {
  content: '\00A0';
  background: url(../images/icon-tycktill.svg) no-repeat center center;
  background-size: 90%;
  display: inline-block;
  vertical-align: text-bottom;
  width: 20px;
  height: 18px;
  margin-left: 8px;
}
#navigation #group-menu a[href^="/tyck-till"]:hover:after,
#navigation nav.menu-block-4 a[href^="/tyck-till"]:hover:after {
  background-size: 100%;
}

#navigation #group-menu-resp {
  background: #262729;
}
@media screen and (min-width: 801px) {
  #navigation #group-menu-resp {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  #navigation #group-menu-resp {
    background: #efedeb;
  }
}
@media only screen and (max-width: 800px) {
  #navigation #group-menu-resp ul.menu {
    padding: 0;
  }
}
@media only screen and (max-width: 800px) {
  #navigation #group-menu-resp ul.menu li {
    width: 100%;
    float: none;
    margin: 0 0 1px 0;
    text-align: center;
  }
  #navigation #group-menu-resp ul.menu li a {
    color: #636466;
  }
}
@media only screen and (max-width: 800px) and (max-width: 800px) {
  #navigation #group-menu-resp ul.menu li a {
    padding: 6px 0;
    background: #efedeb;
    /* Rem font sizing with pixel fallback */
    font-size: 15px;
    line-height: 1.8;
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
  #navigation #group-menu-resp ul.menu li a:hover, #navigation #group-menu-resp ul.menu li a.active, #navigation #group-menu-resp ul.menu li a.active-trail {
    background: #e0dcd7;
  }
}

#navigation #group-menu-resp ul.menu li ul.menu {
  padding: 0 0 5px 0;
  background: #e4e1dc;
}
#navigation #group-menu-resp ul.menu li ul.menu li {
  margin: 0;
}
#navigation #group-menu-resp ul.menu li ul.menu li a {
  /* Rem font sizing with pixel fallback */
  font-size: 15px;
  line-height: 1.8;
  font-size: 1.5rem;
  line-height: 2.7rem;
  background: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
#navigation #group-menu-resp ul.menu li ul.menu li a.active, #navigation #group-menu-resp ul.menu li ul.menu li a.active-trail {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#navigation #group-menu-resp ul.menu li ul.menu li ul.menu li a {
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.8;
  font-size: 1.3rem;
  line-height: 2.34rem;
}

nav.unit-admin-menu {
  background: #262729;
}

/* Group menus sub */
.col-3-extended .navigation {
  background: #efedeb;
  color: #636466;
}
@media only screen and (max-width: 800px) {
  .col-3-extended .navigation {
    display: none;
  }
}
.col-3-extended .navigation h4.menu-title {
  border-bottom: 1px solid #fff;
  margin: 0;
}
.col-3-extended .navigation h4.menu-title a {
  display: block;
  padding: 10px 20px;
  margin: 0;
  color: #636466;
}
.col-3-extended .navigation ul.menu li a {
  display: block;
  /*background: darken($bg-primary-light, 7%);*/
  /*margin:1px 0;*/
  padding: 6px 20px;
  border-bottom: 1px solid #fff;
}
.col-3-extended .navigation ul.menu li a:hover, .col-3-extended .navigation ul.menu li a.active {
  background: #e9e6e2;
}
.col-3-extended .navigation ul.menu li a.active {
  color: #000;
}
.col-3-extended .navigation ul.menu ul.menu li a {
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.8;
  font-size: 1.3rem;
  line-height: 2.34rem;
  padding-left: 35px;
}

/* Hamburger */
#hamburger,
#menu-close {
  display: block;
  width: 40px;
  height: 36px;
  margin: 15px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  /*@media all and (min-width: 1100px) {
    display: none;
  }*/
}
@media screen and (max-width: 600px) {
  #hamburger,
  #menu-close {
    top: 13px;
  }
}
#hamburger:before, #hamburger:after,
#hamburger span,
#menu-close:before,
#menu-close:after,
#menu-close span {
  background: #636466;
  content: '';
  display: block;
  width: 30px;
  height: 6px;
  position: absolute;
  left: 5px;
  z-index: 999;
}
#hamburger:before,
#menu-close:before {
  top: 5px;
}
#hamburger:after,
#menu-close:after {
  bottom: 5px;
}
#hamburger span,
#menu-close span {
  top: 50%;
  margin-top: -3px;
}
#hamburger:focus, #hamburger:hover,
#menu-close:focus,
#menu-close:hover {
  outline: none;
}
#hamburger:focus:before, #hamburger:focus:after,
#hamburger:focus span, #hamburger:hover:before, #hamburger:hover:after,
#hamburger:hover span,
#menu-close:focus:before,
#menu-close:focus:after,
#menu-close:focus span,
#menu-close:hover:before,
#menu-close:hover:after,
#menu-close:hover span {
  background: #4a4b4c;
}

#menu-close {
  display: none;
}

/* Hamburger animation */
#hamburger:before, #hamburger:after,
#hamburger span,
#menu-close:before,
#menu-close:after,
#menu-close span {
  -moz-transition: all 0.2s ease 0.2s;
  -o-transition: all 0.2s ease 0.2s;
  -webkit-transition: all 0.2s ease;
  -webkit-transition-delay: 0.2s;
  transition: all 0.2s ease 0.2s;
}

html.mm-opening #hamburger,
html.mm-opening #menu-close {
  /* Start extra */
  left: -65px;
  /* end extra */
}
html.mm-opening #hamburger span,
html.mm-opening #menu-close span {
  left: 0px;
  opacity: 0;
}
html.mm-opening #hamburger:before,
html.mm-opening #menu-close:before {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 15px;
}
html.mm-opening #hamburger:after,
html.mm-opening #menu-close:after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 15px;
}

html.mm-opening #menu-close {
  /* Place close button on top of hamburger to make i clickable */
  left: -65px;
  display: block;
  /*@media screen and (min-width : $menu-break) { display: none; }*/
}
html.mm-opening #menu-close:before, html.mm-opening #menu-close:after,
html.mm-opening #menu-close span {
  background: #fff;
}

/* Fix for google translate conflict */
.skiptranslate + .mm-menu.mm-offcanvas .menu {
  padding-top: 35px;
}
@media screen and (min-width: 1099px) {
  .skiptranslate + .mm-menu.mm-offcanvas {
    display: block;
  }
}

/* BLOCKS
=========================== */
.teaser-block .block-title {
  /* Rem font sizing with pixel fallback */
  font-size: 28px;
  line-height: 1.3;
  font-size: 2.8rem;
  line-height: 3.64rem;
  text-align: center;
  margin: 0 0 10px;
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  .teaser-block .block-title {
    /* Rem font sizing with pixel fallback */
    font-size: 24px;
    line-height: 1.3;
    font-size: 2.4rem;
    line-height: 3.12rem;
  }
}
@media screen and (max-width: 600px) {
  .teaser-block .block-title {
    /* Rem font sizing with pixel fallback */
    font-size: 20px;
    line-height: 1.3;
    font-size: 2rem;
    line-height: 2.6rem;
  }
}

/* UNIT
=========================== */
#unit-notice {
  padding: 15px;
  text-align: center;
  /*background: $bg-primary-light;*/
  background: #ffedcc;
  margin: 15px 0;
}
#unit-notice [data-icon]:before {
  padding-right: 10px;
  /* Rem font sizing with pixel fallback */
  font-size: 18px;
  line-height: 1.2;
  font-size: 1.8rem;
  line-height: 2.16rem;
  color: #ffa300;
}

@media only screen and (max-width: 800px) {
  #unit-info {
    margin-bottom: 30px;
  }
}
#unit-info .box {
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding: 30px;
  margin-bottom: 2px;
  background: #f8f7f6;
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.5;
  font-size: 1.3rem;
  line-height: 1.95rem;
  padding: 17px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  #unit-info .box {
    padding: 20px;
  }
}
#unit-info .box:last-child {
  margin-bottom: 0;
}
#unit-info .box p {
  margin: 0 0 10px;
}
#unit-info .box p:last-child {
  margin-bottom: 0;
}
#unit-info .box [data-icon]:before {
  padding-right: 5px;
}
#unit-info .box.opening-hours {
  background: #5c068c;
  color: #fff;
}
#unit-info .box.opening-hours .title {
  color: #fff;
  margin-bottom: 6px;
}
#unit-info .box.phone {
  background: #78be20;
}
#unit-info .box.phone a {
  display: inline-block;
  line-height: 1;
}
#unit-info .box.phone .title {
  line-height: 1;
  margin: 0;
}
#unit-info .box.phone .title, #unit-info .box.phone .number {
  color: #fff;
}
@media screen and (min-width: 1100px) and (max-width: 1279px) {
  #unit-info .box.phone [data-icon]:before {
    /* Rem font sizing with pixel fallback */
    font-size: 14px;
    line-height: 1;
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  #unit-info .box.phone [data-icon]:before {
    /* Rem font sizing with pixel fallback */
    font-size: 14px;
    line-height: 1;
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
}
#unit-info .box.phone .number {
  display: inline-block;
  /* Rem font sizing with pixel fallback */
  font-size: 17px;
  line-height: 1.4;
  font-size: 1.7rem;
  line-height: 2.38rem;
  padding-left: 35px;
  width: 250px;
}
@media screen and (max-width: 600px) {
  #unit-info .box.phone .number {
    /* Rem font sizing with pixel fallback */
    font-size: 14px;
    line-height: 1.3;
    font-size: 1.4rem;
    line-height: 1.82rem;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1279px) {
  #unit-info .box.phone .number {
    /* Rem font sizing with pixel fallback */
    font-size: 14px;
    line-height: 1.5;
    font-size: 1.4rem;
    line-height: 2.1rem;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
  #unit-info .box.phone .number {
    /* Rem font sizing with pixel fallback */
    font-size: 14px;
    line-height: 1.5;
    font-size: 1.4rem;
    line-height: 2.1rem;
  }
}
#unit-info .box.email {
  background: #262729;
}
#unit-info .box.email a {
  display: inline-block;
  line-height: 1;
}
#unit-info .box.email .title {
  line-height: 1;
  margin: 0;
}
#unit-info .box.email .title, #unit-info .box.email .email {
  color: #fff;
}
@media screen and (min-width: 1100px) and (max-width: 1279px) {
  #unit-info .box.email [data-icon]:before {
    /* Rem font sizing with pixel fallback */
    font-size: 14px;
    line-height: 1;
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  #unit-info .box.email [data-icon]:before {
    /* Rem font sizing with pixel fallback */
    font-size: 14px;
    line-height: 1;
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
}
#unit-info .box.email .email {
  /* Rem font sizing with pixel fallback */
  font-size: 17px;
  line-height: 1.4;
  font-size: 1.7rem;
  line-height: 2.38rem;
  padding-left: 35px;
        /*@media screen and (min-width : $compact + 1) and (max-width: $narrow) {

        }*/
}
@media screen and (max-width: 600px) {
  #unit-info .box.email .email {
    /* Rem font sizing with pixel fallback */
    font-size: 14px;
    line-height: 1.3;
    font-size: 1.4rem;
    line-height: 1.82rem;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1279px) {
  #unit-info .box.email .email {
    /* Rem font sizing with pixel fallback */
    font-size: 14px;
    line-height: 1.5;
    font-size: 1.4rem;
    line-height: 2.1rem;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
  #unit-info .box.email .email {
    /* Rem font sizing with pixel fallback */
    font-size: 14px;
    line-height: 1.5;
    font-size: 1.4rem;
    line-height: 2.1rem;
  }
}

.unit-info-wrapper {
  /* unit front */
  position: relative;
  background: #efedeb;
  margin-bottom: 30px;
}
.unit-info-wrapper:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.unit-info-wrapper img.unit-image {
  width: 76%;
  float: left;
  display: block;
}
@media only screen and (min-width: 1075px) and (max-width: 1379px) {
  .unit-info-wrapper img.unit-image {
    width: 100%;
    float: none;
  }
}
@media only screen and (max-width: 1024px) {
  .unit-info-wrapper img.unit-image {
    width: 100%;
    float: none;
  }
}
.unit-info-wrapper #unit-info {
  display: block;
  width: 24%;
  float: right;
}
@media only screen and (min-width: 1075px) and (max-width: 1379px) {
  .unit-info-wrapper #unit-info {
    width: 100%;
    float: none;
  }
}
@media only screen and (max-width: 1024px) {
  .unit-info-wrapper #unit-info {
    width: 100%;
    float: none;
  }
  .unit-info-wrapper #unit-info .box.phone .number {
    /* Rem font sizing with pixel fallback */
    font-size: 18px;
    line-height: 1.5;
    font-size: 1.8rem;
    line-height: 2.7rem;
  }
  .unit-info-wrapper #unit-info .box.phone .title {
    /* Rem font sizing with pixel fallback */
    font-size: 24px;
    line-height: 1.4;
    font-size: 2.4rem;
    line-height: 3.36rem;
  }
}
.unit-info-wrapper #unit-info .box {
  margin-bottom: 0;
}
.unit-info-wrapper #unit-info .box.facts {
  background: #efedeb;
}

#unit-news .views-row {
  margin-bottom: 2px;
}
#unit-news .views-row a {
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding: 30px;
  margin-bottom: 2px;
  background: #f8f7f6;
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.5;
  font-size: 1.3rem;
  line-height: 1.95rem;
  padding: 17px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  #unit-news .views-row a {
    padding: 20px;
  }
}
#unit-news .views-row a:last-child {
  margin-bottom: 0;
}
#unit-news .views-row time {
  /*@include headline-styles;*/
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.8;
  font-size: 1.4rem;
  line-height: 2.52rem;
  margin-bottom: 6px;
  display: block;
  color: #939598;
}
#unit-news .views-row .title {
  font-style: italic;
  font-family: "Bitter", serif;
  font-weight: normal;
  color: #af1685;
  /*font-family: $font-body;
  font-style: normal;*/
  /* Rem font sizing with pixel fallback */
  font-size: 17px;
  line-height: 1.4;
  font-size: 1.7rem;
  line-height: 2.38rem;
}
@media screen and (max-width: 600px) {
  #unit-news .views-row .title {
    /* Rem font sizing with pixel fallback */
    font-size: 14px;
    line-height: 1.3;
    font-size: 1.4rem;
    line-height: 1.82rem;
  }
}
#unit-news .view-footer > a {
  padding: 10px 20px;
  /*@include headline-styles;*/
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.8;
  font-size: 1.3rem;
  line-height: 2.34rem;
}
#unit-news .views-row a, #unit-news .view-footer a {
  background: #f8f7f6;
  color: #939598;
  display: block;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#unit-news .views-row a:hover, #unit-news .view-footer a:hover {
  background: #f2f0ee;
}
#unit-news .view-footer a {
  color: #af1685;
}

#unit-info .box.opening-hours .title {
  /* Rem font sizing with pixel fallback */
  font-size: 21px;
  line-height: 1.5;
  font-size: 2.1rem;
  line-height: 3.15rem;
}
@media screen and (min-width: 1100px) and (max-width: 1279px) {
  #unit-info .box.opening-hours .title {
    /* Rem font sizing with pixel fallback */
    font-size: 18px;
    line-height: 1.4;
    font-size: 1.8rem;
    line-height: 2.52rem;
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  #unit-info .box.opening-hours .title {
    /* Rem font sizing with pixel fallback */
    font-size: 18px;
    line-height: 1.4;
    font-size: 1.8rem;
    line-height: 2.52rem;
  }
}

#related-units {
  padding: 30px 0 40px;
  /*background: lighten($bg-dark, 75%);*/
  background: none;
  padding-bottom: 0;
}
@media screen and (max-width: 800px) {
  #related-units {
    padding: 20px 0 30px;
  }
}

.node-type-page #related-units,
.node-type-news #related-units,
.node-type-synced-page #related-units {
  padding: 30px 0 40px;
  /*background: lighten($bg-dark, 70%);*/
  padding-bottom: 0;
}
@media screen and (max-width: 800px) {
  .node-type-page #related-units,
  .node-type-news #related-units,
  .node-type-synced-page #related-units {
    padding: 20px 0 30px;
  }
}
.node-type-page #related-units.teaser-block .block-title,
.node-type-news #related-units.teaser-block .block-title,
.node-type-synced-page #related-units.teaser-block .block-title {
  /*color:#fff;*/
  margin-bottom: 30px;
}
@media screen and (max-width: 800px) {
  .node-type-page #related-units.teaser-block .block-title,
  .node-type-news #related-units.teaser-block .block-title,
  .node-type-synced-page #related-units.teaser-block .block-title {
    margin-bottom: 20px;
  }
}
.node-type-page #related-units.teaser-block ul.image-teasers li .title,
.node-type-news #related-units.teaser-block ul.image-teasers li .title,
.node-type-synced-page #related-units.teaser-block ul.image-teasers li .title {
  /*color:#fff;*/
}

/* SLIDESHOW
=========================== */
.view.slideshow {
  position: relative;
}
.view.slideshow ul.slides:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.view.slideshow ul.slides > li {
  width: 100%;
  margin: 0;
}
.view.slideshow ul.slides > li.slide {
  position: relative;
}
.view.slideshow ul.slides > li.slide .caption {
  display: block;
  position: absolute;
  width: 60%;
  max-width: 1047px;
  top: 30%;
  left: 0;
  right: 0;
  z-index: 999;
  text-align: center;
  margin: 0 auto;
  /*@media screen and (min-width: 1261px) and (max-width : 1530px) {
    top:30%;
  }*/
}
@media screen and (min-width: 751px) and (max-width: 1260px) {
  .view.slideshow ul.slides > li.slide .caption {
    top: 22%;
  }
}
@media screen and (min-width: 661px) and (max-width: 750px) {
  .view.slideshow ul.slides > li.slide .caption {
    top: 16%;
  }
}
@media screen and (max-width: 660px) {
  .view.slideshow ul.slides > li.slide .caption {
    position: inherit;
    margin-top: 10px;
    width: 90%;
  }
}
.view.slideshow ul.slides > li.slide .caption .title {
  color: #fff;
  margin: 0 0 5px;
}
@media screen and (max-width: 780px) {
  .view.slideshow ul.slides > li.slide .caption .title {
    /* Rem font sizing with pixel fallback */
    font-size: 23.7px;
    line-height: 1.2;
    font-size: 2.37rem;
    line-height: 2.844rem;
  }
}
@media screen and (max-width: 660px) {
  .view.slideshow ul.slides > li.slide .caption .title {
    /* Rem font sizing with pixel fallback */
    font-size: 19px;
    line-height: 1.2;
    font-size: 1.9rem;
    line-height: 2.28rem;
    color: #636466;
  }
}
.view.slideshow ul.slides > li.slide .caption .summary {
  color: #fff;
  /* Rem font sizing with pixel fallback */
  font-size: 22px;
  line-height: 1.3;
  font-size: 2.2rem;
  line-height: 2.86rem;
  font-style: italic;
  font-family: "Bitter", serif;
  font-weight: normal;
  margin: 10px 0 15px;
  /*@media screen and (max-width : 780px) {
    @include font-size($size: 1.9, $line: 1.2);
  }*/
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  .view.slideshow ul.slides > li.slide .caption .summary {
    /* Rem font sizing with pixel fallback */
    font-size: 19px;
    line-height: 1.3;
    font-size: 1.9rem;
    line-height: 2.47rem;
  }
}
@media screen and (max-width: 600px) {
  .view.slideshow ul.slides > li.slide .caption .summary {
    /* Rem font sizing with pixel fallback */
    font-size: 17px;
    line-height: 1.3;
    font-size: 1.7rem;
    line-height: 2.21rem;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1279px) {
  .view.slideshow ul.slides > li.slide .caption .summary {
    font-family: "Open sans", sans-serif;
    font-style: normal;
    /* Rem font sizing with pixel fallback */
    font-size: 15px;
    line-height: 1.5;
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin: 10px 0 5px;
  }
}
@media screen and (max-width: 900px) {
  .view.slideshow ul.slides > li.slide .caption .summary {
    font-family: "Open sans", sans-serif;
    font-style: normal;
    /* Rem font sizing with pixel fallback */
    font-size: 15px;
    line-height: 1.5;
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin: 10px 0 5px;
  }
}
@media screen and (max-width: 660px) {
  .view.slideshow ul.slides > li.slide .caption .summary {
    /*@include font-size($size: 1.4, $line: 1.2);*/
    margin-top: 8px;
    color: #636466;
  }
}
.view.slideshow ul.slides > li.slide .caption .button {
  margin-top: 20px;
}
@media screen and (max-width: 660px) {
  .view.slideshow ul.slides > li.slide .caption .button {
    margin-top: 10px;
  }
}
.view.slideshow ul.slides > li img {
  width: 100%;
  height: auto;
  display: block;
}
.view.slideshow .slide-direction-nav a {
  position: absolute;
  top: 48%;
  z-index: 999;
  display: block;
  color: #fff;
  background: #af1685;
  text-align: center;
  padding: 8px;
  height: 18px;
  width: 18px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  /* Rem font sizing with pixel fallback */
  font-size: 13.7px;
  line-height: 1.2;
  font-size: 1.37rem;
  line-height: 1.644rem;
}
@media screen and (max-width: 900px) {
  .view.slideshow .slide-direction-nav a {
    display: none;
  }
}
.view.slideshow .slide-direction-nav a.slide-prev {
  left: 3%;
}
.view.slideshow .slide-direction-nav a.slide-next {
  right: 3%;
}
.view.slideshow .slide-control-nav {
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  position: absolute;
  bottom: 10%;
  z-index: 101;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1215px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 660px) {
  .view.slideshow .slide-control-nav {
    position: inherit;
    padding: 0 0 20px 0;
  }
}
.view.slideshow .slide-control-nav li {
  display: inline-block;
  margin: 0 3px;
  cursor: pointer;
}
.view.slideshow .slide-control-nav li a {
  display: block;
  text-indent: 100%;
  overflow: hidden;
  /*border: 1px solid $base-font-color-inv;*/
  background: #fff;
  font-size: 2px;
  line-height: 2px;
  height: 15px;
  width: 15px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen and (max-width: 660px) {
  .view.slideshow .slide-control-nav li a {
    background: #636466;
    height: 8px;
    width: 8px;
  }
}
.view.slideshow .slide-control-nav li a.slide-active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.no-touch .view.slideshow {
  /* Fade slide buttons on non-touch devices */
}
.no-touch .view.slideshow .slide-direction-nav {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.no-touch .view.slideshow:hover .slide-direction-nav {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.touch .view.slideshow {
  /* Hide slide buttons on touch devices */
}
.touch .view.slideshow .slide-direction-nav {
  display: none;
}

/* SOCIAL MEDIA
=========================== */
.addtoany_list {
  display: block;
  margin-bottom: 30px;
}
.addtoany_list:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.addtoany_list a {
  display: block;
  float: left;
  padding: 0;
  margin-right: 6px;
  /* Rem font sizing with pixel fallback */
  font-size: 25px;
  line-height: 1;
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: #636466;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
.addtoany_list a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.addtoany_list a > span {
  display: none !important;
}
.addtoany_list [data-icon]:before {
  display: inline-block;
}

.a2a_button_facebook {
  width: 25px;
  height: 25px;
  background-image: url(../images/icon-facebook.png);
  background-image: url(../images/icon-facebook.svg);
  background-size: 25px 25px;
  background-position: center center;
  background-repeat: no-repeat;
}

.a2a_button_twitter {
  width: 25px;
  height: 25px;
  background-image: url(../images/icon-twitter.png);
  background-image: url(../images/icon-twitter.svg);
  background-size: 25px 25px;
  background-position: center center;
  background-repeat: no-repeat;
}

.a2a_button_pinterest {
  width: 25px;
  height: 25px;
  background-image: url(../images/icon-pinterest.png);
  background-image: url(../images/icon-pinterest.svg);
  background-size: 25px 25px;
  background-position: center center;
  background-repeat: no-repeat;
}

.a2a_button_google_plus {
  width: 25px;
  height: 25px;
  background-image: url(../images/icon-google_plus.png);
  background-image: url(../images/icon-google_plus.svg);
  background-size: 25px 25px;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Social */
 /*ul.share-links li {
  margin-bottom: 15px;
  &:last-child {
    margin-bottom: 0;
  }
  a {
    display: block;
    @include font-size($size: 1.2,$line:1);
    [data-icon]:before {
      @include font-size($size: 2.0);
      margin-right: 7px;
      vertical-align: text-top;
      line-height: 14px;
    }
  }
  &.link {
    [data-icon]:before {
      @include font-size($size: 1.8);
      line-height: 14px;
    }
  }
}*/
/*
To make it easier to use all variables and mixins in any Sass file in this
theme, each .scss file has a @import "base" declaration. And this _base.scss
file is in charge of importing all the other partials needed for the theme.
*/
/* COLORS
=========================== */
/* dark grey menu blocks */
/* Green */
/* Purple */
/* Light green */
/* Magenta */
/* Cyan */
/* Red */
/* Yellow */
/* Slighty darker */
/* Slighty darker */
/* Messages colors */
/* SIZES & UNITS
=========================== */
/* MIXINS
=========================== */
/* FONTS
=========================== */
/* MARGINS & SPACING
=========================== */
/* BREAKPOINTS
=========================== */
/*  Use as following:
    @include mq($narrow,$wide) {
      font-size: xx;
    }
*/
/* IE SUPPORT
=========================== */
/*
These variables are used by many mixins to add additional CSS to support
specific versions of IE or specific vendor prefixes.

To turn on support for IE6 or IE7, set those variables to true.

Zen does not require special handling for IE8 or later. But Compass uses that
variable for a couple edge cases. We include it for completeness sake. See
the documentation at http://compass-style.org/reference/compass/support/
*/
/* IMPORTS
=========================== */
/*@import "zen";              // Add the Zen Grids responsive layout mixins.*/
/*@import "compass/utilities/general/clearfix"; // Better than Drupal's clearfix.*/
/*@import "compass/utilities/sprites"; // See http://compass-style.org/help/tutorials/spriting/ */
/*@import "compass/typography/vertical_rhythm"; // Helps set up a vertical rhythm. */
/*@import "toolkit/pe"; */
/*@import "custom";           // Import our custom mixins last. */
/* CONTENT
=========================== */
/* Images */
.node img {
  max-width: 100%;
  height: auto;
  display: block;
}

img.insert-image {
  display: block;
  height: auto;
}

img.image-right {
  float: right;
  margin: 3px 0 20px 25px;
}

img.image-left {
  float: left;
  margin: 3px 25px 20px 0;
}

img.image-full {
  margin-bottom: 20px;
}

img.image-right,
img.image-left {
  max-width: 200px;
}
@media screen and (max-width: 700px) {
  img.image-right,
  img.image-left {
    max-width: 40%;
  }
}
@media screen and (max-width: 450px) {
  img.image-right,
  img.image-left {
    width: 100%;
    max-width: none;
  }
}

img.image-content {
  clear: both;
  float: none;
  margin: 20px 0 30px;
}

.field-name-field-images img,
.field-name-field-images em {
  display: block;
}
.field-name-field-images .field-item {
  margin-bottom: 20px;
}
.field-name-field-images .field-item em.caption {
  padding-top: 5px;
}
.field-name-field-images .field-item:last-child {
  margin-bottom: 0;
}

/* Iframe */
iframe {
  border: none;
}
iframe.tyck-till {
  width: 470px;
  margin: 0 auto;
  display: block;
}

/* Videos */
.video-filter-wrapper {
  position: relative;
  padding-bottom: 65.25%;
  /*padding-top: 30px;*/
  height: 0;
  /*overflow: auto; */
  -webkit-overflow-scrolling: touch;
}
.video-filter-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* TEASERS
=========================== */
/* Coloured teasers */
ul.teasers:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
ul.teasers li {
  position: relative;
  overflow: hidden;
  /* 4 col */
  /* Set column count for grid layouts */
  width: 24.87437%;
  float: left;
  margin-right: 0.1675%;
  margin-bottom: 2px;
}
ul.teasers li:nth-child(4n) {
  margin-right: 0;
}
ul.teasers li:nth-child(4n+1) {
  clear: left;
}
ul.teasers li:nth-child(6n+1) {
  background: #78be20;
}
ul.teasers li:nth-child(6n+2) {
  background: #af1685;
}
ul.teasers li:nth-child(6n+3) {
  background: #5c068c;
}
ul.teasers li:nth-child(6n+4) {
  background: #05c3de;
}
ul.teasers li:nth-child(6n+5) {
  background: #f8485e;
}
ul.teasers li:nth-child(6n+6) {
  background: #ffa300;
}
@media screen and (min-width: 531px) and (max-width: 900px) {
  ul.teasers li {
    /* 2 col */
    /*width: (2 * $col-width) + ($gutter-width);*/
    width: 49.8%;
    float: left;
    margin-right: 0.4%;
  }
  ul.teasers li:nth-child(4n) {
    margin-right: 0;
  }
  ul.teasers li:nth-child(4n+1) {
    clear: none;
  }
  ul.teasers li:nth-child(2n) {
    margin-right: 0;
  }
  ul.teasers li:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 530px) {
  ul.teasers li {
    /* 2 col */
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 2px;
    clear: both;
  }
}
ul.teasers li img {
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
  opacity: 0.15;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  -webkit-backface-visibility: hidden;
}
@media screen and (min-width: 531px) and (max-width: 900px) {
  ul.teasers li img {
    margin: -25px 0;
  }
}
@media screen and (min-width: 531px) and (max-width: 650px) {
  ul.teasers li img {
    margin: -55px 0;
  }
}
@media screen and (min-width: 401px) and (max-width: 530px) {
  ul.teasers li img {
    margin: -30% 0;
  }
}
@media screen and (max-width: 400px) {
  ul.teasers li img {
    margin: -26% 0;
  }
}
ul.teasers li a {
  display: block;
}
ul.teasers li .details {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  -moz-transition: top 0.1s ease-in-out;
  -o-transition: top 0.1s ease-in-out;
  -webkit-transition: top 0.1s ease-in-out;
  transition: top 0.1s ease-in-out;
}
ul.teasers li .details .wrapper {
  -moz-transition: -moz-transform 0.1s ease-in-out;
  -o-transition: -o-transform 0.1s ease-in-out;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
}
ul.teasers li .details h2 {
  color: #fff;
  text-align: center;
  /* Rem font sizing with pixel fallback */
  font-size: 25px;
  line-height: 1.4;
  font-size: 2.5rem;
  line-height: 3.5rem;
  position: relative;
  margin: 0;
  padding: 0 20px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transition: -moz-transform 0.1s ease-in-out;
  -o-transition: -o-transform 0.1s ease-in-out;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
}
@media screen and (min-width: 651px) and (max-width: 1550px) {
  ul.teasers li .details h2 {
    /* Rem font sizing with pixel fallback */
    font-size: 21px;
    line-height: 1.3;
    font-size: 2.1rem;
    line-height: 2.73rem;
  }
}
@media screen and (max-width: 650px) {
  ul.teasers li .details h2 {
    /* Rem font sizing with pixel fallback */
    font-size: 17px;
    line-height: 1.3;
    font-size: 1.7rem;
    line-height: 2.21rem;
  }
}
ul.teasers li .details p {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  text-align: center;
  margin: 0;
  padding: 0 25px;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.5;
  font-size: 1.4rem;
  line-height: 2.1rem;
}
@media screen and (min-width: 1280px) and (max-width: 1550px) {
  ul.teasers li .details p {
    padding: 0 20px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1279px) {
  ul.teasers li .details p {
    padding: 0 15px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1379px) {
  ul.teasers li .details p {
    /* Rem font sizing with pixel fallback */
    font-size: 13px;
    line-height: 1.45;
    font-size: 1.3rem;
    line-height: 1.885rem;
  }
}
@media screen and (min-width: 901px) and (max-width: 1024px) {
  ul.teasers li .details p {
    /* Rem font sizing with pixel fallback */
    font-size: 13px;
    line-height: 1.45;
    font-size: 1.3rem;
    line-height: 1.885rem;
  }
}
@media screen and (max-width: 650px) {
  ul.teasers li .details p {
    /* Rem font sizing with pixel fallback */
    font-size: 13px;
    line-height: 1.45;
    font-size: 1.3rem;
    line-height: 1.885rem;
    display: none;
  }
}
ul.teasers li:hover .details .wrapper, .touch ul.teasers li:focus .details .wrapper {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 650px) {
  ul.teasers li:hover .details .wrapper, .touch ul.teasers li:focus .details .wrapper {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
ul.teasers li:hover .details p, .touch ul.teasers li:focus .details p {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
@media screen and (min-width: 1100px) and (max-width: 1279px) {
  ul.teasers li:hover .details h2, .touch ul.teasers li:focus .details h2 {
    display: none;
  }
}
@media screen and (min-width: 901px) and (max-width: 1024px) {
  ul.teasers li:hover .details h2, .touch ul.teasers li:focus .details h2 {
    display: none;
  }
}
ul.teasers li:hover img, .touch ul.teasers li:focus img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1;
}
ul.teasers li:empty {
  background: #d7d2cb url(../images/bg_teasers.jpg) center center !important;
}
ul.teasers li a.edit {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  padding: 2px 10px;
  text-align: center;
  /* Rem font sizing with pixel fallback */
  font-size: 12px;
  line-height: 1.8;
  font-size: 1.2rem;
  line-height: 2.16rem;
}

/* Image teasers */
ul.image-teasers:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
ul.image-teasers li {
  position: relative;
  overflow: hidden;
  /* 4 col */
  /* Set column count for grid layouts */
  width: 24.87437%;
  float: left;
  margin-right: 0.1675%;
  margin-bottom: 2px;
  margin-bottom: 30px;
}
ul.image-teasers li:nth-child(4n) {
  margin-right: 0;
}
ul.image-teasers li:nth-child(4n+1) {
  clear: left;
}
@media screen and (min-width: 531px) and (max-width: 900px) {
  ul.image-teasers li {
    /* 2 col */
    /*width: (2 * $col-width) + ($gutter-width);*/
    width: 49.8%;
    float: left;
    margin-right: 0.4%;
  }
  ul.image-teasers li:nth-child(4n) {
    margin-right: 0;
  }
  ul.image-teasers li:nth-child(4n+1) {
    clear: none;
  }
  ul.image-teasers li:nth-child(2n) {
    margin-right: 0;
  }
  ul.image-teasers li:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 530px) {
  ul.image-teasers li {
    /* 2 col */
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 2px;
    clear: both;
    margin-bottom: 30px;
  }
}
ul.image-teasers li img {
  display: block;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1279px) {
  ul.image-teasers li img {
    margin-bottom: 12px;
  }
}
ul.image-teasers li .title {
  text-align: center;
  padding: 0 12px;
  /* Rem font sizing with pixel fallback */
  font-size: 20px;
  line-height: 1.3;
  font-size: 2rem;
  line-height: 2.6rem;
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  ul.image-teasers li .title {
    /* Rem font sizing with pixel fallback */
    font-size: 19px;
    line-height: 1.3;
    font-size: 1.9rem;
    line-height: 2.47rem;
  }
}
@media screen and (max-width: 600px) {
  ul.image-teasers li .title {
    /* Rem font sizing with pixel fallback */
    font-size: 17px;
    line-height: 1.3;
    font-size: 1.7rem;
    line-height: 2.21rem;
  }
}
ul.image-teasers li p.summary {
  padding: 0 5%;
  text-align: center;
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.6;
  font-size: 1.3rem;
  line-height: 2.08rem;
  color: #636466;
}
@media only screen and (max-width: 530px) {
  ul.image-teasers li p.summary {
    /* Rem font sizing with pixel fallback */
    font-size: 14px;
    line-height: 1.6;
    font-size: 1.4rem;
    line-height: 2.24rem;
  }
}
ul.image-teasers li a.edit {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  padding: 2px 10px;
  text-align: center;
  /* Rem font sizing with pixel fallback */
  font-size: 12px;
  line-height: 1.8;
  font-size: 1.2rem;
  line-height: 2.16rem;
}

/* Shortcut teaser */
.teaser {
  margin: 0;
}
.teaser.shortcut {
  background: #edebe8;
}
.teaser.aside {
  @incluce clear;
  padding: 0;
}
.teaser.aside li {
  list-style: none;
  margin-bottom: 20px;
  position: relative;
}
.teaser.aside li:last-child {
  margin-bottom: 0;
}
.teaser.aside a {
  background: #f6f5f3;
  display: table;
  -moz-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  -webkit-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}
.teaser.aside a:hover {
  background: #f2f0ee;
}
.teaser.aside a .image {
  display: table-cell;
  /*width: 35%;*/
  width: 30%;
}
@media only screen and (min-width: 751px) and (max-width: 900px) {
  .teaser.aside a .image {
    width: 40%;
  }
}
.teaser.aside a .image img {
  display: block;
  width: 100%;
}
.teaser.aside a .info {
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding-left: 30px;
  padding-right: 30px;
  display: table-cell;
  vertical-align: middle;
  width: 70%;
}
@media screen and (max-width: 600px) {
  .teaser.aside a .info {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 751px) and (max-width: 900px) {
  .teaser.aside a .info {
    padding: 0 15px 0 15px;
  }
}
.teaser.aside a .info .wrapper .title {
  color: #af1685;
}
@media only screen and (min-width: 1100px) and (max-width: 1279px) {
  .teaser.aside a .info .wrapper .title {
    /* Rem font sizing with pixel fallback */
    font-size: 15px;
    line-height: 1.5;
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}
@media only screen and (min-width: 751px) and (max-width: 900px) {
  .teaser.aside a .info .wrapper .title {
    /* Rem font sizing with pixel fallback */
    font-size: 15px;
    line-height: 1.5;
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}
.teaser.aside a .info .wrapper .info_description {
  display: block;
}
@media only screen and (min-width: 1100px) and (max-width: 1279px) {
  .teaser.aside a .info .wrapper .info_description {
    /* Rem font sizing with pixel fallback */
    font-size: 13px;
    line-height: 1.4;
    font-size: 1.3rem;
    line-height: 1.82rem;
  }
}
@media only screen and (min-width: 751px) and (max-width: 900px) {
  .teaser.aside a .info .wrapper .info_description {
    /* Rem font sizing with pixel fallback */
    font-size: 13px;
    line-height: 1.4;
    font-size: 1.3rem;
    line-height: 1.82rem;
  }
}
@media only screen and (max-width: 500px) {
  .teaser.aside a .info .wrapper .info_description {
    /* Rem font sizing with pixel fallback */
    font-size: 13px;
    line-height: 1.4;
    font-size: 1.3rem;
    line-height: 1.82rem;
  }
}
.teaser.aside a.edit {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  padding: 2px 10px;
  text-align: center;
  /* Rem font sizing with pixel fallback */
  font-size: 12px;
  line-height: 1.8;
  font-size: 1.2rem;
  line-height: 2.16rem;
}

@media screen and (min-width: 800px) {
  .col-3-extended .teaser.aside a {
    display: block;
  }
  .col-3-extended .teaser.aside a .info {
    padding-right: 10px;
    padding-left: 10px;
  }
  .col-3-extended .teaser.aside a .info .wrapper .info_description {
    display: none;
  }
  .col-3-extended .teaser.aside a .image {
    /*max-width: 100px;*/
  }
  .col-3-extended .teaser.aside a .image img {
    -ms-interpolation-mode: bicubic;
  }
}
.col-3-extended.no-nav .teaser.aside a .info {
  padding-left: 25px;
}

/* NEWS
=========================== */
/* News list */
.news-list .pane-content .view-content {
  /*background: url(../images/bg_border.gif) center top repeat-y;*/
}
.news-list .pane-content .view-content:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
@media screen and (max-width: 800px) {
  .news-list .pane-content .view-content {
    border: none;
    background: none;
  }
}
.news-list .pane-content .view-content .views-row {
  position: relative;
  overflow: hidden;
  /* 4 col */
  /* Set column count for grid layouts */
  width: 24.87437%;
  float: left;
  margin-right: 0.1675%;
  margin-bottom: 2px;
  padding: 50px 0;
  text-align: center;
  background: #f6f5f3;
  min-height: 180px;
}
.news-list .pane-content .view-content .views-row:nth-child(4n) {
  margin-right: 0;
}
.news-list .pane-content .view-content .views-row:nth-child(4n+1) {
  clear: left;
}
@media screen and (max-width: 800px) {
  .news-list .pane-content .view-content .views-row {
    /* 2 col */
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 2px;
    clear: both;
    border-top: none;
    min-height: inherit;
    padding: 30px 0;
  }
}
.news-list .pane-content .view-content .views-row:last-child {
  border-bottom: none;
}
.news-list .pane-content .view-content .views-row:nth-child(4n+1) {
  clear: left;
}
.news-list .pane-content .view-content .views-row time {
  display: block;
}
.news-list .pane-content .view-content .views-row .title {
  margin: 15px 0;
}
.news-list .pane-content .view-content .views-row .title a {
  color: #af1685;
  display: block;
  padding: 0 5%;
}
.news-list .pane-content .view-content .views-row p {
  display: block;
  padding: 0 5%;
}
.news-list .pane-content .view-content .views-row .image {
  margin-top: 30px;
  margin-bottom: 20px;
}
.news-list .pane-content .view-content .views-row .image img {
  width: 100px;
  height: auto;
  border-radius: 999px;
}
.news-list .pane-content ul.pager {
  margin-top: 30px;
  padding-top: 0;
}

/* News teasers */
.news-teasers {
  padding: 30px 0 40px;
  background: #f8f7f6;
}
@media screen and (max-width: 800px) {
  .news-teasers {
    padding: 20px 0 30px;
  }
}
@media screen and (max-width: 900px) {
  .news-teasers {
    background: none;
  }
}
.news-teasers .view-content:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.news-teasers .view-content {
  margin: 40px 0 35px 0;
}
@media screen and (max-width: 900px) {
  .news-teasers .view-content {
    margin: 10px 0 20px;
  }
}
.news-teasers .view-content ul {
  padding: 0;
  margin: 0;
}
.news-teasers .view-content ul li.news-item {
  position: relative;
  overflow: hidden;
  /* 4 col */
  /* Set column count for grid layouts */
  width: 24.87437%;
  float: left;
  margin-right: 0.1675%;
  margin-bottom: 2px;
}
.news-teasers .view-content ul li.news-item:nth-child(4n) {
  margin-right: 0;
}
.news-teasers .view-content ul li.news-item:nth-child(4n+1) {
  clear: left;
}
@media screen and (min-width: 531px) and (max-width: 900px) {
  .news-teasers .view-content ul li.news-item {
    /* 2 col */
    /*width: (2 * $col-width) + ($gutter-width);*/
    width: 49.8%;
    float: left;
    margin-right: 0.4%;
  }
  .news-teasers .view-content ul li.news-item:nth-child(4n) {
    margin-right: 0;
  }
  .news-teasers .view-content ul li.news-item:nth-child(4n+1) {
    clear: none;
  }
  .news-teasers .view-content ul li.news-item:nth-child(2n) {
    margin-right: 0;
  }
  .news-teasers .view-content ul li.news-item:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 530px) {
  .news-teasers .view-content ul li.news-item {
    /* 2 col */
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 2px;
    clear: both;
  }
}
.news-teasers .view-content ul li.news-item article {
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding-left: 30px;
  padding-right: 30px;
  border-right: 1px solid #e2e2e2;
}
@media screen and (max-width: 600px) {
  .news-teasers .view-content ul li.news-item article {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 900px) {
  .news-teasers .view-content ul li.news-item article {
    background: #f8f7f6;
    /* Include a standard padding on selected sides that shrinks on smaller sizes */
    padding: 30px;
    border: none;
    min-height: 125px;
  }
}
@media screen and (max-width: 900px) and (max-width: 600px) {
  .news-teasers .view-content ul li.news-item article {
    padding: 20px;
  }
}

@media screen and (max-width: 530px) {
  .news-teasers .view-content ul li.news-item article {
    text-align: center;
    min-height: 0;
  }
}
.news-teasers .view-content ul li.news-item article .title {
  margin: 5px 0 10px 0;
  font-style: normal;
  font-family: "Open sans", sans-serif;
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.7;
  font-size: 1.4rem;
  line-height: 2.38rem;
}
.news-teasers .view-content ul li.news-item article .title a {
  font-style: normal;
  font-family: "Open sans", sans-serif;
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.7;
  font-size: 1.4rem;
  line-height: 2.38rem;
}
.news-teasers .view-content ul li.news-item:nth-child(4n) article {
  border: none;
}
.news-teasers .view-footer {
  text-align: center;
}
.news-teasers .view-footer p {
  margin: 0;
}

/* News article */
.node-type-article #content time {
  color: #939598;
  margin-bottom: 10px;
  display: block;
}

/* BLOG
=========================== */
/* blog list */
a.feedlink {
  display: block;
  text-align: center;
}

.blog-list .view-content {
  margin-top: 30px;
}
.blog-list .view-content .views-row {
  /* 2 col */
  width: 100%;
  float: none;
  margin-right: 0;
  margin-bottom: 2px;
  clear: both;
  border-top: 1px solid #e2e2e2;
  padding: 50px 0;
}
.blog-list .view-content .views-row time {
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
.blog-list .view-content .views-row img.thumbnail {
  display: block;
  width: 100px;
  height: auto;
  border-radius: 999px;
  margin: 0 auto 20px auto;
}
.blog-list .view-content .views-row h2.title {
  text-align: center;
}

/* blog post */
.node-type-blog-post article#content time {
  margin-bottom: 30px;
  display: block;
}
.node-type-blog-post article#content img.thumbnail {
  display: block;
  width: 100px;
  height: auto;
  margin: 0 auto 20px auto;
  border-radius: 999px;
}

/* COWORKERS
=========================== */
@media screen and (min-width: 531px) and (max-width: 900px) {
  .coworker-list {
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.coworker-list h3.group {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e9e9e9;
  text-align: center;
}
.coworker-list .wrapper {
  margin-bottom: 30px;
}
.coworker-list .wrapper:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.coworker-list .wrapper .views-row {
  /* 4 col */
  /* Set column count for grid layouts */
  width: 24.87437%;
  float: left;
  margin-right: 0.1675%;
  margin-bottom: 2px;
  margin-bottom: 30px;
}
.coworker-list .wrapper .views-row:nth-child(4n) {
  margin-right: 0;
}
.coworker-list .wrapper .views-row:nth-child(4n+1) {
  clear: left;
}
@media screen and (min-width: 681px) and (max-width: 900px) {
  .coworker-list .wrapper .views-row {
    /* 2 col */
    /*width: (2 * $col-width) + ($gutter-width);*/
    width: 49.8%;
    float: left;
    margin-right: 0.4%;
    margin-bottom: 0;
  }
  .coworker-list .wrapper .views-row:nth-child(4n) {
    margin-right: 0;
  }
  .coworker-list .wrapper .views-row:nth-child(4n+1) {
    clear: none;
  }
  .coworker-list .wrapper .views-row:nth-child(2n) {
    margin-right: 0;
  }
  .coworker-list .wrapper .views-row:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 680px) {
  .coworker-list .wrapper .views-row {
    /* 2 col */
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 2px;
    clear: both;
  }
}
.coworker-list .wrapper .views-row span {
  display: block;
}
.coworker-list .wrapper .views-row p.presentation {
  padding: 10px 10px 0;
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.45;
  font-size: 1.3rem;
  line-height: 1.885rem;
  color: #939598;
}
@media screen and (min-width: 531px) and (max-width: 900px) {
  .coworker-list .wrapper .views-row .image {
    display: block;
    width: 25%;
    float: left;
  }
  .coworker-list .wrapper .views-row .info {
    display: block;
    text-align: left;
    width: 70%;
    float: right;
  }
}
@media screen and (max-width: 680px) {
  .coworker-list .wrapper .views-row .image {
    display: block;
    width: 35%;
    float: left;
  }
  .coworker-list .wrapper .views-row .info {
    display: block;
    text-align: left;
    width: 60%;
    float: right;
  }
}

/* PARTNERS
=========================== */
.partner-list {
  padding: 30px 0;
  background: #fff;
}
.partner-list ul {
  margin-top: 30px;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
  display: block;
}
.partner-list ul li {
  position: relative;
  list-style: none;
  display: inline-block;
}
.partner-list ul li img {
  width: 200px;
  display: block;
  height: auto;
}
.partner-list ul li img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
@media screen and (max-width: 500px) {
  .partner-list ul li img {
    width: 150px;
  }
}
.partner-list ul li a.edit {
  display: block;
  background: rgba(255, 255, 255, 0.8);
  padding: 2px 10px;
  text-align: center;
  /* Rem font sizing with pixel fallback */
  font-size: 12px;
  line-height: 1.8;
  font-size: 1.2rem;
  line-height: 2.16rem;
}

/* OG - CONTENT
=========================== */
.page-og-content .col-1 .content {
  max-width: 1000px;
}
.page-og-content .col-1 .content .view-og-content table {
  width: 100%;
}
.page-og-content .col-1 .content .view-og-content table td {
  padding: 10px;
}

/* GIFTs
=========================== */
.gifts {
  text-align: center;
}

.section-gava .node-donation {
  max-width: 850px;
  margin: 0 auto;
  padding: 30px;
}
.section-gava .node-donation .field {
  padding: 20px;
  border: 1px solid #dedede;
  margin: 10px 0 30px 0;
}

/* CTA
=========================== */
.cta {
  border-radius: 10px;
  color: #fff;
  display: block;
  font-style: italic;
  font-family: "Bitter", serif;
  font-weight: normal;
  font-size: 3rem;
  line-height: 3rem;
  margin: auto;
  max-width: 510px;
  padding: 1.5rem 0 1.8rem;
  text-align: center;
  width: 100%;
}
.cta:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.cta:hover {
  color: #fff;
}
.cta.cta-green {
  background-color: #78be20;
}
.cta.cta-purple {
  background-color: #5c068c;
}
.cta.cta-light-green {
  background-color: #97d700;
}
.cta.cta-magenta {
  background-color: #af1685;
}
.cta.cta-cyan {
  background-color: #05c3de;
}
.cta.cta-red {
  background-color: #f8485e;
}
.cta.cta-orange {
  background-color: #ffa300;
}

/* DONATIONS
=========================== */
/* Print preview (node view) */
.donation-print {
  padding: 0;
  background: #fff;
}
.donation-print #page {
  max-width: 1000px;
  padding: 0;
  /*border: 1px solid #c0c0c0;*/
  margin: 0 auto;
  /*padding: 30px;*/
  text-align: center;
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.55;
  font-size: 1.3rem;
  line-height: 2.015rem;
}
.donation-print #page img.topimg {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  display: block;
  margin-bottom: 40px;
}
.donation-print #page h1 {
  margin-bottom: 30px;
  /* Rem font sizing with pixel fallback */
  font-size: 35px;
  line-height: 1.5;
  font-size: 3.5rem;
  line-height: 5.25rem;
}
.donation-print #page h4 {
  /* Rem font sizing with pixel fallback */
  font-size: 20px;
  line-height: 1.5;
  font-size: 2rem;
  line-height: 3rem;
}
.donation-print #page .receiver {
  margin-bottom: 35px;
}
.donation-print #page .message {
  padding: 0 10%;
}
.donation-print #page .logo {
  width: 130px;
  height: auto;
  margin-bottom: 20px;
}

/*
To make it easier to use all variables and mixins in any Sass file in this
theme, each .scss file has a @import "base" declaration. And this _base.scss
file is in charge of importing all the other partials needed for the theme.
*/
/* COLORS
=========================== */
/* dark grey menu blocks */
/* Green */
/* Purple */
/* Light green */
/* Magenta */
/* Cyan */
/* Red */
/* Yellow */
/* Slighty darker */
/* Slighty darker */
/* Messages colors */
/* SIZES & UNITS
=========================== */
/* MIXINS
=========================== */
/* FONTS
=========================== */
/* MARGINS & SPACING
=========================== */
/* BREAKPOINTS
=========================== */
/*  Use as following:
    @include mq($narrow,$wide) {
      font-size: xx;
    }
*/
/* IE SUPPORT
=========================== */
/*
These variables are used by many mixins to add additional CSS to support
specific versions of IE or specific vendor prefixes.

To turn on support for IE6 or IE7, set those variables to true.

Zen does not require special handling for IE8 or later. But Compass uses that
variable for a couple edge cases. We include it for completeness sake. See
the documentation at http://compass-style.org/reference/compass/support/
*/
/* IMPORTS
=========================== */
/*@import "zen";              // Add the Zen Grids responsive layout mixins.*/
/*@import "compass/utilities/general/clearfix"; // Better than Drupal's clearfix.*/
/*@import "compass/utilities/sprites"; // See http://compass-style.org/help/tutorials/spriting/ */
/*@import "compass/typography/vertical_rhythm"; // Helps set up a vertical rhythm. */
/*@import "toolkit/pe"; */
/*@import "custom";           // Import our custom mixins last. */
/* ATTACHMENTS
=========================== */
.view-files {
  padding-top: 18px;
}

.views-field-field-files [data-icon] {
  margin-right: 5px;
}
.views-field-field-files .item-list ul {
  padding: 0;
}
.views-field-field-files .item-list ul li {
  list-style: none;
  padding: 0;
}
.views-field-field-files .item-list ul:last-child {
  margin-bottom: 0;
}

.field.files {
  /*padding-top: 20px;*/
  margin-bottom: 25px;
}
.field.files:last-child {
  margin-bottom: 0;
}
.field.files li {
  padding: 1px 0 1px 0;
}
.field.files li [data-icon]:before {
  margin-right: 5px;
}

.field.body + .field.files {
  padding-top: 5px;
}

/* SEARCH RESULTS
=========================== */
ol.search-results {
  padding-left: 0;
}
ol.search-results li {
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px solid #e9e9e9;
}

ol.search-results li p {
  color: #939598;
  margin: 0;
}
ol.search-results li .views-field-body {
  margin-bottom: 10px;
}
ol.search-results li .views-field-type {
  margin-bottom: 10px;
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.8;
  font-size: 1.3rem;
  line-height: 2.34rem;
  color: #939598;
}

/* PAGERS
=========================== */
ul.pager {
  padding: 10px 0 0;
}

ul.pager li {
  list-style: none;
  display: inline;
  margin-right: 4px;
}

/* ADMIN MENU
=========================== */
#admin-menu {
  font-family: sans-serif;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
  padding: 0;
  width: auto;
  margin: 0;
}

/* MESSAGES & STATUS
=========================== */
.error {
  color: #e55;
}

.warning {
  color: #e09010;
}

.ok {
  color: #008000;
}

/* General background images */
div.status,
div.ok,
table tr.ok,
table tr.ok .project {
  background-image: url(../images/icon-info.png);
}

div.error,
table tr.error,
table tr.error .project {
  background-image: url(../images/icon-error.png);
}

div.warning,
table tr.warning,
table tr.warning .project {
  background-image: url(../images/icon-warning.png);
}

/* Messages */
div.messages {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  border: 1px solid #e9e9e9;
  margin: 0 0 20px;
  padding: 8px 40px;
  color: #2f2f2f;
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.4;
  font-size: 1.4rem;
  line-height: 1.96rem;
}
div.messages ul {
  margin: 0;
  padding: 0;
}
div.messages ul li {
  padding-left: 0;
  list-style: none;
  margin-bottom: 5px;
}

/* Status tables */
table tr.error,
table tr.warning,
table tr.ok,
table.update tr .project {
  background-repeat: no-repeat;
  background-position: 8px 8px;
  padding-left: 35px;
}

table tr.error .project {
  border: 1px solid #f8b7b7;
}

table tr.warning .project {
  border: 1px solid #f7eeb2;
}

table tr.ok .project {
  border: 1px solid #d8f0c0;
}

table tr.ok,
table tr.ok .project {
  background-color: #ecf9de;
  color: #000;
}

table tr.error,
table tr.error .project {
  background-color: #fcc;
  color: #000;
}

table tr.warning,
table tr.warning .project {
  background-color: #fefadc;
  color: #000;
}

table tr.error.merge-up,
table tr.warning.merge-up,
table tr.ok.merge-up {
  background-image: none;
}

table tr.error.merge-up td,
table tr.warning.merge-up td,
table tr.ok.merge-up td {
  padding-left: 35px;
}

/* ADMIN TABLES
=========================== */
table tr.drag {
  background-color: #fffff0;
}

table tr.drag-previous {
  background-color: #ffffdd;
}

table tr.menu-disabled {
  opacity: 0.6;
}

table td.active {
  background: transparent;
}

table td img.screenshot {
  display: block;
}

/* ADMIN & ACTION LINKS
=========================== */
.region-help {
  margin-bottom: 15px;
}

.action-links {
  margin-bottom: 15px;
}

div.compact-link a,
ul.action-links li a {
  background: #af1685;
  color: #fff;
  padding: 5px 10px;
  text-decoration: none;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
}

div.compact-link a:hover,
ul.action-links li a:hover {
  background: #a1147a;
}

ul.action-links li {
  display: inline;
}

div.compact-link {
  margin-bottom: 15px;
  padding-bottom: 5px;
}

/* Admin panels */
div.admin .admin-panel {
  margin-bottom: 15px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e2e2e2;
}

div.admin dt,
.node-type-list dt,
.admin-list dt {
  margin-top: 5px;
}

div.admin dd,
.node-type-list dd,
.admin-list dd {
  margin: 0 0 13px;
  color: #727272;
  line-height: 16px;
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.8;
  font-size: 1.4rem;
  line-height: 2.52rem;
}

div.admin div.admin-panel ul {
  margin: 15px 0 15px 0;
}

div.admin div.admin-panel ul li {
  list-style-type: none;
}

div.admin .left {
  float: left;
  width: 48%;
  margin: 0;
}

div.admin .right {
  float: right;
  width: 48%;
  margin: 0;
}

/* Links */
ul.links,
ul.inline {
  list-style: none;
  padding-left: 0;
}
ul.links li,
ul.inline li {
  display: inline;
  margin-right: 5px;
}

/* COMMENTS
=========================== */
#comment-form-container {
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding: 30px;
  margin-bottom: 2px;
  background: #f8f7f6;
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.5;
  font-size: 1.3rem;
  line-height: 1.95rem;
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  #comment-form-container {
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  #comment-form-container {
    padding: 20px;
  }
}
#comment-form-container:last-child {
  margin-bottom: 0;
}

.comments {
  margin-top: 30px;
}

.comments .comment {
  border-top: 1px solid #e9e9e9;
  padding: 20px 0;
}
.comments .comment.last {
  margin-bottom: 25px;
  border-bottom: 1px solid #e9e9e9;
}

.comments .submitted {
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.8;
  font-size: 1.3rem;
  line-height: 2.34rem;
  color: #a4a4a4;
  padding-top: 5px;
  margin-bottom: 10px;
}

/* VIEWS
=========================== */
.views-displays {
  float: none;
}

.views-displays h1,
.views-displays h2,
.views-displays h3,
.views-displays h4,
.views-displays h1 a,
.views-displays h2 a,
.views-displays h3 a,
.views-displays h4 a,
.views-displays h1 a:hover,
.views-displays h2 a:hover,
.views-displays h3 a:hover,
.views-displays h4 a:hover {
  color: #2f2f2f;
  text-shadoxw: none;
}

/* OVERRRIDE OF system.base.css
=========================== */
/**
 * Autocomplete. @see autocomplete.js
 */
/* Suggestion list */
#autocomplete {
  border: 1px solid;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}

#autocomplete ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

#autocomplete li {
  background: #fff;
  color: #000;
  cursor: default;
  white-space: pre;
}

/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(../images/loader.gif);
  background-position: 150% 50%;
  /* LTR */
  background-repeat: no-repeat;
}

html.js input.throbbing {
  background-position: 99% 50%;
  /* LTR */
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  height: 1em;
}

html.js fieldset.collapsed .fieldset-wrapper {
  display: none;
}

fieldset.collapsible {
  position: relative;
}

fieldset.collapsible .fieldset-legend {
  display: block;
}

/**
 * Resizable textareas.
 *
 * @see textarea.js
 */
.form-textarea-wrapper textarea {
  display: block;
  margin: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.resizable-textarea .grippie {
  background: #eee url(../../misc/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
body.drag {
  cursor: move;
}

.draggable a.tabledrag-handle {
  cursor: move;
  float: left;
  /* LTR */
  height: 1.7em;
  margin-left: -1em;
  /* LTR */
  overflow: hidden;
  text-decoration: none;
}

a.tabledrag-handle:hover {
  text-decoration: none;
}

a.tabledrag-handle .handle {
  background: url(../../misc/draggable.png) no-repeat 6px 9px;
  height: 13px;
  margin: -0.4em 0.5em;
  /* LTR */
  padding: 0.42em 0.5em;
  /* LTR */
  width: 13px;
}

a.tabledrag-handle-hover .handle {
  background-position: 6px -11px;
}

div.indentation {
  float: left;
  /* LTR */
  height: 1.7em;
  margin: -0.4em 0.2em -0.4em -0.4em;
  /* LTR */
  padding: 0.42em 0 0.42em 0.6em;
  /* LTR */
  width: 20px;
}

div.tree-child {
  background: url(../../misc/tree.png) no-repeat 11px center;
  /* LTR */
}

div.tree-child-last {
  background: url(../../misc/tree-bottom.png) no-repeat 11px center;
  /* LTR */
}

div.tree-child-horizontal {
  background: url(../../misc/tree.png) no-repeat -11px center;
}

.tabledrag-toggle-weight-wrapper {
  text-align: right;
  /* LTR */
}

/**
 * TableHeader behavior.
 *
 * @see tableheader.js
 */
table.sticky-header {
  background-color: #fff;
  margin-top: 0;
}

/**
 * Progress behavior.
 *
 * @see progress.js
 */
/* Bar */
.progress .bar {
  background-color: #fff;
  border: 1px solid;
}

.progress .filled {
  background-color: #000;
  height: 1.5em;
  width: 5px;
}

.progress .percentage {
  float: right;
  /* LTR */
}

/* Throbber */
.ajax-progress {
  display: inline-block;
}

.ajax-progress .throbber {
  background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px;
  float: left;
  /* LTR */
  height: 15px;
  margin: 2px;
  width: 15px;
}

.ajax-progress .message {
  padding-left: 20px;
}

tr .ajax-progress .throbber {
  margin: 0 2px;
}

.ajax-progress-bar {
  width: 16em;
}

/**
 * Inline items.
 */
.container-inline div,
.container-inline label {
  display: inline;
}

/* Fieldset contents always need to be rendered as block. */
.container-inline .fieldset-wrapper {
  display: block;
}

/**
 * Prevent text wrapping.
 */
.nowrap {
  white-space: nowrap;
}

/**
 * For anything you want to hide on page load when JS is enabled, so
 * that you can use the JS to control visibility and avoid flicker.
 */
html.js .js-hide {
  display: none;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  /*width: 1px;*/
}

/**
 * The .element-focusable class extends the .element-invisible class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
}

/* USERS */
.page-user .profile {
  /* For indentation of wide text containers, to avoid long lines */
  /*@media screen and (min-width: $narrow + 1) and (max-width : $menu-break) {
    padding-left: 8%;
    padding-right: 8%;
  }*/
}
@media screen and (min-width: 1651px) {
  .page-user .profile {
    padding-left: 15%;
    padding-right: 15%;
    max-width: 1060px;
  }
}
@media screen and (min-width: 1380px) and (max-width: 1650px) {
  .page-user .profile {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1379px) {
  .page-user .profile {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 801px) and (max-width: 1099px) {
  .page-user .profile {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) {
  .page-user .profile {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 600px) {
  .page-user .profile {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page-user .profile .field-name-og-user-node {
  margin-bottom: 30px;
}
.page-user .profile .field-name-og-user-node .field-label {
  margin-bottom: 10px;
  /* Rem font sizing with pixel fallback */
  font-size: 22px;
  line-height: 1.8;
  font-size: 2.2rem;
  line-height: 3.96rem;
  border-bottom: 1px solid #ccc;
  font-style: italic;
  font-family: "Bitter", serif;
  font-weight: normal;
  color: #636466;
}

/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* IE6 */
* html .clearfix {
  height: 1%;
}

/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}

/*
To make it easier to use all variables and mixins in any Sass file in this
theme, each .scss file has a @import "base" declaration. And this _base.scss
file is in charge of importing all the other partials needed for the theme.
*/
/* COLORS
=========================== */
/* dark grey menu blocks */
/* Green */
/* Purple */
/* Light green */
/* Magenta */
/* Cyan */
/* Red */
/* Yellow */
/* Slighty darker */
/* Slighty darker */
/* Messages colors */
/* SIZES & UNITS
=========================== */
/* MIXINS
=========================== */
/* FONTS
=========================== */
/* MARGINS & SPACING
=========================== */
/* BREAKPOINTS
=========================== */
/*  Use as following:
    @include mq($narrow,$wide) {
      font-size: xx;
    }
*/
/* IE SUPPORT
=========================== */
/*
These variables are used by many mixins to add additional CSS to support
specific versions of IE or specific vendor prefixes.

To turn on support for IE6 or IE7, set those variables to true.

Zen does not require special handling for IE8 or later. But Compass uses that
variable for a couple edge cases. We include it for completeness sake. See
the documentation at http://compass-style.org/reference/compass/support/
*/
/* IMPORTS
=========================== */
/*@import "zen";              // Add the Zen Grids responsive layout mixins.*/
/*@import "compass/utilities/general/clearfix"; // Better than Drupal's clearfix.*/
/*@import "compass/utilities/sprites"; // See http://compass-style.org/help/tutorials/spriting/ */
/*@import "compass/typography/vertical_rhythm"; // Helps set up a vertical rhythm. */
/*@import "toolkit/pe"; */
/*@import "custom";           // Import our custom mixins last. */
/* TABS
=========================== */
#tabs {
  /* Include a standard bottom margin for eg. regions that shrinks on smaller sizes */
  margin-bottom: 30px;
  margin-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  background: rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 1024px) {
  #tabs {
    margin-bottom: 20px;
  }
}

ul.primary,
ul.secondary {
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
ul.primary:after,
ul.secondary:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
ul.primary li,
ul.secondary li {
  display: inline-block;
  margin: 0;
  float: none;
}
ul.primary a,
ul.secondary a {
  color: #af1685;
  display: block;
  padding: 7px 12px 6px;
  text-decoration: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
ul.primary a:hover,
ul.primary a:focus,
ul.secondary a:hover,
ul.secondary a:focus {
  color: #540b40;
}
ul.primary a.active,
ul.secondary a.active {
  background: #5c068c;
  color: #fff;
}

ul.secondary {
  margin-top: 7px;
}

/*
To make it easier to use all variables and mixins in any Sass file in this
theme, each .scss file has a @import "base" declaration. And this _base.scss
file is in charge of importing all the other partials needed for the theme.
*/
/* COLORS
=========================== */
/* dark grey menu blocks */
/* Green */
/* Purple */
/* Light green */
/* Magenta */
/* Cyan */
/* Red */
/* Yellow */
/* Slighty darker */
/* Slighty darker */
/* Messages colors */
/* SIZES & UNITS
=========================== */
/* MIXINS
=========================== */
/* FONTS
=========================== */
/* MARGINS & SPACING
=========================== */
/* BREAKPOINTS
=========================== */
/*  Use as following:
    @include mq($narrow,$wide) {
      font-size: xx;
    }
*/
/* IE SUPPORT
=========================== */
/*
These variables are used by many mixins to add additional CSS to support
specific versions of IE or specific vendor prefixes.

To turn on support for IE6 or IE7, set those variables to true.

Zen does not require special handling for IE8 or later. But Compass uses that
variable for a couple edge cases. We include it for completeness sake. See
the documentation at http://compass-style.org/reference/compass/support/
*/
/* IMPORTS
=========================== */
/*@import "zen";              // Add the Zen Grids responsive layout mixins.*/
/*@import "compass/utilities/general/clearfix"; // Better than Drupal's clearfix.*/
/*@import "compass/utilities/sprites"; // See http://compass-style.org/help/tutorials/spriting/ */
/*@import "compass/typography/vertical_rhythm"; // Helps set up a vertical rhythm. */
/*@import "toolkit/pe"; */
/*@import "custom";           // Import our custom mixins last. */
/* BLOCKS
=========================== */
.region-content .block {
  /* Include a standard bottom margin for eg. regions that shrinks on smaller sizes */
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .region-content .block {
    margin-bottom: 20px;
  }
}
.region-content .block.last {
  margin-bottom: 0;
}

.sidebar .block {
  /* Block wrapper */
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding: 30px;
  margin-bottom: 2px;
  background: #f8f7f6;
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.5;
  font-size: 1.3rem;
  line-height: 1.95rem;
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  .sidebar .block {
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .sidebar .block {
    padding: 20px;
  }
}
.sidebar .block:last-child {
  margin-bottom: 0;
}
.sidebar .block.block-views ul, .sidebar .block.block-block ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar .block p:last-child {
  margin-bottom: 0;
}

/*
To make it easier to use all variables and mixins in any Sass file in this
theme, each .scss file has a @import "base" declaration. And this _base.scss
file is in charge of importing all the other partials needed for the theme.
*/
/* COLORS
=========================== */
/* dark grey menu blocks */
/* Green */
/* Purple */
/* Light green */
/* Magenta */
/* Cyan */
/* Red */
/* Yellow */
/* Slighty darker */
/* Slighty darker */
/* Messages colors */
/* SIZES & UNITS
=========================== */
/* MIXINS
=========================== */
/* FONTS
=========================== */
/* MARGINS & SPACING
=========================== */
/* BREAKPOINTS
=========================== */
/*  Use as following:
    @include mq($narrow,$wide) {
      font-size: xx;
    }
*/
/* IE SUPPORT
=========================== */
/*
These variables are used by many mixins to add additional CSS to support
specific versions of IE or specific vendor prefixes.

To turn on support for IE6 or IE7, set those variables to true.

Zen does not require special handling for IE8 or later. But Compass uses that
variable for a couple edge cases. We include it for completeness sake. See
the documentation at http://compass-style.org/reference/compass/support/
*/
/* IMPORTS
=========================== */
/*@import "zen";              // Add the Zen Grids responsive layout mixins.*/
/*@import "compass/utilities/general/clearfix"; // Better than Drupal's clearfix.*/
/*@import "compass/utilities/sprites"; // See http://compass-style.org/help/tutorials/spriting/ */
/*@import "compass/typography/vertical_rhythm"; // Helps set up a vertical rhythm. */
/*@import "toolkit/pe"; */
/*@import "custom";           // Import our custom mixins last. */
/* FORMS GENERAL
=========================== */
form, input, select, textarea, optgroup, label.compact-form-label {
  /* Rem font sizing with pixel fallback */
  font-size: 16px;
  line-height: 1.8;
  font-size: 1.6rem;
  line-height: 2.88rem;
  font-family: "Open sans", sans-serif;
  margin: 0;
  padding: 0;
  color: #636466;
}

.description, .form-item .description {
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.8;
  font-size: 1.3rem;
  line-height: 2.34rem;
  color: #939598;
  padding-top: 4px;
}

fieldset {
  margin: 0 0 10px;
  padding: 0;
  border: none;
}

legend {
  font-weight: bold;
  padding: 0;
  margin: 0;
}

label {
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.8;
  font-size: 1.4rem;
  line-height: 2.52rem;
}

.form-item optgroup {
  font-style: normal;
}
.form-item label {
  display: block;
  font-weight: bold;
  margin: 0 0 5px;
}
.form-item label.compact-form-label {
  font-weight: normal;
  top: 7px;
  left: 8px;
  margin: 0;
}
.form-item label.option {
  display: inline;
  font-weight: normal;
}
.form-checkboxes .form-item, .form-radios .form-item {
  margin: 0;
}
.form-item .form-type-checkbox .form-checkbox {
  float: left;
  margin: 2px 8px 0 0;
}
.form-item .element-invisible,
.form-item .form-type-checkbox label.element-invisible {
  display: none;
}
.form-item .form-text {
  line-height: 1;
}
.form-item .form-text,
.form-item .form-textstyle,
.form-item .form-textarea,
.form-item .form-select {
  padding: 10px;
  background: #fff;
  border: 1px solid #e9e9e9;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 100%;
}
.form-item .form-type-radio {
  margin: 0;
}
.form-item .form-type-radio input, .form-item .form-type-radio label {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.form-item .form-type-radio input {
  margin-right: 5px;
}

/* Buttons */
input.form-submit,
.ui-widget input.form-submit {
  background: #af1685;
  color: #fff;
  padding: 10px 14px;
  display: inline-block;
  font-style: italic;
  font-family: "Bitter", serif;
  font-weight: normal;
  /* Rem font sizing with pixel fallback */
  font-size: 16px;
  line-height: 1.3;
  font-size: 1.6rem;
  line-height: 2.08rem;
  text-align: center;
  border: none;
  cursor: pointer;
  margin-right: 5px;
  overflow: visible;
  text-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
input.form-submit:hover, input.form-submit:focus,
.ui-widget input.form-submit:hover,
.ui-widget input.form-submit:focus {
  background: #981374;
}

.form-actions.form-wrapper {
  margin: 0;
}

/* Misc */
.container-inline div,
.container-inline label {
  /* Inline labels and form divs */
  display: inline-block;
}

/* Password */
.password-parent,
.confirm-parent {
  margin: 0;
}

/* NODE & ADMIN FORMS, FORMBLOCKS
=========================== */
.node-form {
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding: 30px;
  margin-bottom: 2px;
  background: #f8f7f6;
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.5;
  font-size: 1.3rem;
  line-height: 1.95rem;
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* Donation form */
}
@media screen and (max-width: 600px) {
  .node-form {
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .node-form {
    padding: 20px;
  }
}
.node-form:last-child {
  margin-bottom: 0;
}
.node-form .form-wrapper, .node-form .form-item {
  /* Rem font sizing with pixel fallback */
  font-size: 12px;
  line-height: 1.8;
  font-size: 1.2rem;
  line-height: 2.16rem;
}
.node-form .form-wrapper:not(.form-actions),
.node-form .form-item {
  /*color: #2f2f2f;*/
  margin: 0 0 25px 0;
}
.node-form .form-wrapper:not(.form-actions) .form-item,
.node-form .form-item .form-item {
  margin: 0 0 5px;
}
.node-form .form-item .form-wrapper,
.node-form .form-wrapper .form-wrapper,
.node-form .form-item .form-item,
.node-form .form-wrapper .form-item {
  background: none;
  padding: 0;
  border: none;
}
.node-form .form-text,
.node-form .form-textstyle,
.node-form .form-textarea {
  display: block;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.node-form .form-select {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.node-form fieldset {
  margin-bottom: 0;
}
.node-form .form-field-name-field-donation-image:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.node-form .form-field-name-field-donation-image .form-type-radio {
  width: 32%;
  float: left;
  position: relative;
  padding-right: 2%;
}
.node-form .form-field-name-field-donation-image .form-type-radio:nth-child(3n) {
  padding-right: 0;
}
.node-form .form-field-name-field-donation-image .form-type-radio input {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
}
.node-form .form-field-name-field-donation-image .form-type-radio label {
  cursor: pointer;
  display: block;
}
.node-form .form-field-name-field-donation-image .form-type-radio label img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  background: #fff;
  padding: 10px;
  border: 1px solid #e9e9e9;
  width: 100%;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 600px) {
  .node-form .form-field-name-field-donation-image .form-type-radio label img {
    padding: 5px;
  }
}
.node-form .form-field-name-field-donation-image .form-type-radio input[type=radio]:checked + label img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* Image field */
.form-field-type-image {
  margin-top: 20px;
  margin-bottom: 30px;
}
.form-field-type-image .image-widget {
  padding: 15px;
}
.form-field-type-image .image-widget input[type=submit] {
  /*margin-left: 15px;*/
}
.form-field-type-image .image-widget a {
  word-wrap: break-word;
}
.form-field-type-image .image-widget .image-preview {
  padding: 0 10px 0 0;
  max-width: 30%;
}
.form-field-type-image .image-widget .image-preview img {
  border-radius: 999px;
}
.form-field-type-image .image-widget .image-preview + .image-widget-data {
  /* Padding when uploaded */
  padding-top: 34px;
  max-width: 63%;
}
@media screen and (max-width: 550px) {
  .form-field-type-image .image-widget .image-preview + .image-widget-data {
    padding-top: 0;
  }
}
.form-field-type-image .image-widget .image-widget-data .form-file {
  margin-right: 15px;
}
.form-field-type-image .image-widget .image-widget-data .file-size {
  padding-right: 15px;
}
.form-field-type-image label {
  font-weight: normal;
  /* Rem font sizing with pixel fallback */
  font-size: 15px;
  line-height: 1.8;
  font-size: 1.5rem;
  line-height: 2.7rem;
}
.form-field-type-image fieldset {
  /* If multiple value field */
  margin: 60px 0;
}
.form-field-type-image fieldset table.tabledrag-processed {
  margin-bottom: 15px;
  width: 100%;
}
.form-field-type-image fieldset table.tabledrag-processed td {
  background: rgba(255, 255, 255, 0.5);
}
.form-field-type-image fieldset table.tabledrag-processed td .image-widget {
  background: none;
}

.not-logged-in .block-formblock .vertical-tabs {
  display: none;
}

/* USER LOGIN
=========================== */
#user-login-form {
  text-align: left;
  /* LTR */
  /*
   * OpenID
   *
   * The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */
}
#user-login-form ul {
  /* OpenID creates a new ul above the login form's links. */
  margin-bottom: 0;
  /* Position OpenID's ul next to the rest of the links. */
}
html.js #user-login-form li.openid-link,
#user-login-form li.openid-link {
  /* The "Log in using OpenID" link. */
  margin-top: 1.5em;
  margin-left: -20px;
  /* LTR */
  /* Un-do some of the padding on the ul list. */
}
#user-login-form li.user-link {
  /* The "Cancel OpenID login" link. */
  margin-top: 1.5em;
}

#user-login,
#user-pass,
#user-register-form {
  width: 350px;
  margin: 0 auto 30px auto;
}
#user-login #user-login ul,
#user-pass #user-login ul,
#user-register-form #user-login ul {
  margin: 1.5em 0;
}
#user-login input.form-text,
#user-pass input.form-text,
#user-register-form input.form-text {
  background: #edebe8;
  padding: 10px;
  width: 330px;
}
#user-login input.form-submit,
#user-pass input.form-submit,
#user-register-form input.form-submit {
  margin: 30px auto;
  display: block;
}
#user-login input#edit-name:-webkit-autofill,
#user-pass input#edit-name:-webkit-autofill,
#user-register-form input#edit-name:-webkit-autofill {
  background-color: #edebe8;
}
#user-login label,
#user-pass label,
#user-register-form label {
  text-align: center;
  margin-bottom: 10px;
}

/* ADMIN TABLE FORMS
=========================== */
/*
 * We overrode these styles in normalize.css, but restore them for the admin
 * section of the site.
 */
form th {
  text-align: left;
  /* LTR */
  padding-right: 1em;
  /* LTR */
  border-bottom: 3px solid #ccc;
}
form tbody {
  border-top: 1px solid #ccc;
}
form tr.even {
  background-color: #fff;
}
form table .item-list ul {
  margin: 0;
}

/* COLLAPSING FIELDSETS
=========================== */
/*
html.js fieldset.collapsed {
  .fieldset-wrapper {
    display: none;
  }
  legend {
    display:block;
  }
  legend a {
    background-image: url(/misc/menu-collapsed.png);
    background-position: 5px 50%;
  }
}
html.js fieldset.collapsible {
  margin-bottom:20px;

  legend a {
    padding-left:15px;
    background:url(/misc/menu-expanded.png) 5px 75% no-repeat;
  }
  legend a {
    display:block;
  }
  .fieldset-wrapper {
    overflow:auto;
    background: #fff;
    color: #2f2f2f;
    padding: 12px 12px 12px;
    margin: 0 0 15px 0;
    border: 1px solid #e6e6e6;
    @include border-radius(5px);
    @include box-shadow(0 2px 0 0 rgba(0,0,0,0.05));
  }
  .fieldset-wrapper .fieldset-wrapper {
    background: none;
    border: none;
    padding: 0;
    @include box-shadow(none);
  }
  .fieldset-wrapper fieldset.collapsible {
    margin-top: 15px;
  }
  .fieldset-wrapper fieldset.collapsible .fieldset-wrapper {
    background: none;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 10px;
    @include box-shadow(none);
  }
}*/
/* Vertical tabs */
div.vertical-tabs {
  margin: 15px 0;
  padding: 10px;
  border: 1px solid #ddd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
}
div.vertical-tabs .vertical-tabs-list {
  float: left;
  width: 25%;
  list-style: none;
  margin: 0;
  padding: 0;
}
div.vertical-tabs .vertical-tabs-panes {
  float: right;
  width: 75%;
}
div.vertical-tabs .vertical-tabs-pane {
  padding-left: 20px;
}
div.vertical-tabs .vertical-tab-button a {
  border-right: 1px solid #ddd;
  display: block;
  padding: 10px 12px;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px 0 0 3px;
}
div.vertical-tabs .selected a {
  color: #000;
  background: #eee;
}
div.vertical-tabs .vertical-tab-button .summary {
  display: none;
}
div.vertical-tabs .form-item,
div.vertical-tabs .form-item:hover {
  padding: 0;
  margin: 10px 0 15px;
  background: none;
  border: none;
}
div.vertical-tabs .form-wrapper,
div.vertical-tabs .form-wrapper:hover {
  margin: 10px 0 15px;
  background: none;
  border: none;
}
div.vertical-tabs fieldset,
div.vertical-tabs fieldset.form-wrapper {
  background: none;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.node-form div.vertical-tabs fieldset {
  background: none;
  border: none;
}

/* WEBFORMS & COMMENT FORMS
=========================== */
#content .webform-client-form .form-item,
form.comment-form .form-item {
  margin: 0 0 10px;
}
#content .webform-client-form .form-textarea,
#content .webform-client-form .form-text,
form.comment-form .form-textarea,
form.comment-form .form-text {
  width: 100%;
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.8;
  font-size: 1.4rem;
  line-height: 2.52rem;
  line-height: 1.4em;
  padding: 9px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
}
#content .webform-client-form .compact-form-label,
form.comment-form .compact-form-label {
  top: 10px;
  left: 10px;
  font-weight: normal;
}

#content .webform-client-form {
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding: 30px;
  margin-bottom: 2px;
  background: #f8f7f6;
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.5;
  font-size: 1.3rem;
  line-height: 1.95rem;
  /* Include a standard padding on selected sides that shrinks on smaller sizes */
  padding: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  #content .webform-client-form {
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  #content .webform-client-form {
    padding: 20px;
  }
}
#content .webform-client-form:last-child {
  margin-bottom: 0;
}

.field-name-body + .webform-client-form {
  margin-top: 30px;
}

.form-item-mail.compact-form-wrapper .description {
  display: none;
}

/* SEARCH
=========================== */
/* Block */
#block-search-form {
  position: relative;
  overflow: hidden;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
#block-search-form:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* Form inside block */
#search-block-form,
#views-exposed-form-site-search-panel-pane-1 {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  /*.container-inline,
  .form-item,
  .form-wrapper {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
  }**/
  /*.form-submit,
  .form-submit:hover {
    border: none;
    outline: none;
    background: url(../images/bg_search.svg) no-repeat center center;
    text-indent: -9999px;
    max-width: 100px;
    border: none;
    margin: 0;
    width: 35px;
    height: 20px;
    padding: 5px;
    @include border-radius(0);
    @include box-shadow(none);
  }*/
}
#search-block-form:after,
#views-exposed-form-site-search-panel-pane-1:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#search-block-form .views-exposed-widgets,
#search-block-form .views-exposed-widget,
#views-exposed-form-site-search-panel-pane-1 .views-exposed-widgets,
#views-exposed-form-site-search-panel-pane-1 .views-exposed-widget {
  margin: 0;
  padding: 0;
  width: auto;
  float: none;
  display: block;
}
#search-block-form .compact-form-label,
#views-exposed-form-site-search-panel-pane-1 .compact-form-label {
  /* Rem font sizing with pixel fallback */
  font-size: 16px;
  line-height: 1;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #939598;
  top: 12px;
  /*left: 40px;*/
  left: 0;
  font-weight: 300;
  width: 100%;
  text-align: center;
}
#search-block-form .form-text,
#views-exposed-form-site-search-panel-pane-1 .form-text {
  width: 100%;
  border: none;
  outline: none;
  background: rgba(255, 255, 255, 0.6) url(../images/bg_search.svg) no-repeat 12px 50%;
  color: #939598;
  padding: 10px 40px 10px 40px;
  text-align: center;
  /* Rem font sizing with pixel fallback */
  font-size: 16px;
  line-height: 1;
  font-size: 1.6rem;
  line-height: 1.6rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
  /*&.form-autocomplete {
    &:after {
      content: '...';
    }
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-image: url(../images/tag.svg);
    background-size: 26px;
    padding-left: 40px;
    @include default-transition(opacity);
    &.throbbing {
      background-image: url(../images/loader.gif);
      background-position: 20px 46%;
      background-size: 12px;
      @include opacity(0.8);
    }
    &:focus { outline: none; }
  }*/
}
#search-block-form .form-text:hover, #search-block-form .form-text:focus,
#views-exposed-form-site-search-panel-pane-1 .form-text:hover,
#views-exposed-form-site-search-panel-pane-1 .form-text:focus {
  outline: none;
  color: #636466;
  background-color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 800px) {
  #search-block-form .form-text,
  #views-exposed-form-site-search-panel-pane-1 .form-text {
    background-color: #fff;
  }
}
#search-block-form .form-submit,
#search-block-form input[type=submit],
#views-exposed-form-site-search-panel-pane-1 .form-submit,
#views-exposed-form-site-search-panel-pane-1 input[type=submit] {
  display: none;
}

/* Form */
.page-search #search-form {
  margin: 0 auto 40px;
}

#search-form #edit-advanced {
  display: none;
}

#search-form .form-item-keys label {
  padding-right: 10px;
}

/* AUTOCOMPLETE
=========================== */
/* Search api suggestions */
.search-api-autocomplete-suggestion {
  position: relative;
}
.search-api-autocomplete-suggestion .autocomplete-user-input {
  font-weight: bold;
}
.search-api-autocomplete-suggestion .autocomplete-suggestion-note {
  /* Notes, like "did you mean" */
  background: #8ddb2b;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 4px 7px;
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.8;
  font-size: 1.3rem;
  line-height: 2.34rem;
  text-shadow: 1px 1px 0 #75ba1f;
  font-weight: normal;
  margin-right: 5px;
}
.search-api-autocomplete-suggestion .autocomplete-suggestion-note:before {
  content: 'q';
  font-family: 'bracke';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -6%;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.search-api-autocomplete-suggestion .autocomplete-suggestion-results {
  margin-left: 5px;
  position: static;
  color: #d8f3b7;
  /* Rem font sizing with pixel fallback */
  font-size: 12px;
  line-height: 1.8;
  font-size: 1.2rem;
  line-height: 2.16rem;
}
.search-api-autocomplete-suggestion .autocomplete-suggestion-suffix {
  /* Text after match */
  color: #d8f3b7;
}

#content .search-api-autocomplete-suggestion .autocomplete-suggestion-note {
  background: #e9e9e9;
  text-shadow: none;
}
#content .search-api-autocomplete-suggestion .autocomplete-suggestion-results,
#content .search-api-autocomplete-suggestion .autocomplete-suggestion-suffix {
  color: #939598;
}

/* Suggestion list */
#autocomplete {
  border: none;
  overflow: hidden;
  position: absolute;
  z-index: 1000;
  /*background: $accent;*/
  -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
  padding-top: 5px;
}
#autocomplete ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
#autocomplete li {
  background: #78be20;
  color: #fff;
  cursor: default;
  white-space: pre;
  zoom: 1;
  /* IE7 */
  padding: 6px 10px;
  border-top: 1px solid #89d824;
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.8;
  font-size: 1.4rem;
  line-height: 2.52rem;
}
#autocomplete li:last-child {
  border-bottom: 0;
}
#autocomplete li:hover {
  cursor: pointer;
}
#autocomplete li.selected {
  background: #fff;
  color: #000;
  color: inherit;
}
#autocomplete li.selected .autocomplete-suggestion-results,
#autocomplete li.selected .autocomplete-suggestion-suffix {
  color: #939598;
}
#autocomplete li.selected .autocomplete-suggestion-note {
  color: #fff;
}

#content #autocomplete {
  width: 100%;
  margin: 0;
  padding: 0;
  /* Set rgba-color as background, width fallback */
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95);
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#content #autocomplete li {
  background: none;
  color: #636466;
  border-top: 1px solid #e9e9e9;
  padding-left: 41px;
}
#content #autocomplete li.selected {
  background: #fff;
}
#content #autocomplete li.selected .autocomplete-suggestion-note {
  color: #636466;
}

/*
To make it easier to use all variables and mixins in any Sass file in this
theme, each .scss file has a @import "base" declaration. And this _base.scss
file is in charge of importing all the other partials needed for the theme.
*/
/* COLORS
=========================== */
/* dark grey menu blocks */
/* Green */
/* Purple */
/* Light green */
/* Magenta */
/* Cyan */
/* Red */
/* Yellow */
/* Slighty darker */
/* Slighty darker */
/* Messages colors */
/* SIZES & UNITS
=========================== */
/* MIXINS
=========================== */
/* FONTS
=========================== */
/* MARGINS & SPACING
=========================== */
/* BREAKPOINTS
=========================== */
/*  Use as following:
    @include mq($narrow,$wide) {
      font-size: xx;
    }
*/
/* IE SUPPORT
=========================== */
/*
These variables are used by many mixins to add additional CSS to support
specific versions of IE or specific vendor prefixes.

To turn on support for IE6 or IE7, set those variables to true.

Zen does not require special handling for IE8 or later. But Compass uses that
variable for a couple edge cases. We include it for completeness sake. See
the documentation at http://compass-style.org/reference/compass/support/
*/
/* IMPORTS
=========================== */
/*@import "zen";              // Add the Zen Grids responsive layout mixins.*/
/*@import "compass/utilities/general/clearfix"; // Better than Drupal's clearfix.*/
/*@import "compass/utilities/sprites"; // See http://compass-style.org/help/tutorials/spriting/ */
/*@import "compass/typography/vertical_rhythm"; // Helps set up a vertical rhythm. */
/*@import "toolkit/pe"; */
/*@import "custom";           // Import our custom mixins last. */
/* SEARCH
=========================== */
.view-site-search .view-empty {
  text-align: center;
  padding: 0 0 30px;
}

#filter {
  color: #fff;
}
#filter a {
  color: #fff;
}

/* FACETS
=========================== */
#filter {
  /* Set rgba-color as background, width fallback */
  background-color: #5c068c;
  background-color: rgba(92, 6, 140, 0.8);
  /*@media screen and (max-width: 1280px) {
    padding: 20px 0;
  }*/
}
#filter .pane-title {
  /* Rem font sizing with pixel fallback */
  font-size: 22px;
  line-height: 1.3;
  font-size: 2.2rem;
  line-height: 2.86rem;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  #filter .pane-title {
    /* Rem font sizing with pixel fallback */
    font-size: 19px;
    line-height: 1.3;
    font-size: 1.9rem;
    line-height: 2.47rem;
  }
}
@media screen and (max-width: 600px) {
  #filter .pane-title {
    /* Rem font sizing with pixel fallback */
    font-size: 17px;
    line-height: 1.3;
    font-size: 1.7rem;
    line-height: 2.21rem;
  }
}
#filter .filter-group {
  padding: 20px 0 0;
}
#filter .filter-group .item-list {
  /* For indentation of wide text containers, to avoid long lines */
  /*@media screen and (min-width: $narrow + 1) and (max-width : $menu-break) {
    padding-left: 8%;
    padding-right: 8%;
  }*/
  max-width: 850px;
  margin: 0 auto;
}
#filter .filter-group .item-list:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
@media screen and (min-width: 1651px) {
  #filter .filter-group .item-list {
    padding-left: 15%;
    padding-right: 15%;
    max-width: 1060px;
  }
}
@media screen and (min-width: 1380px) and (max-width: 1650px) {
  #filter .filter-group .item-list {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1379px) {
  #filter .filter-group .item-list {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 801px) and (max-width: 1099px) {
  #filter .filter-group .item-list {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (min-width: 601px) and (max-width: 800px) {
  #filter .filter-group .item-list {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 600px) {
  #filter .filter-group .item-list {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#filter .filter-group .item-list ul {
  padding: 0;
  margin: 0 0 20px;
}
#filter .filter-group .item-list ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#filter .filter-group .item-list ul.facetapi-facet-field-unitcategory li {
  width: 31%;
  padding-right: 15px;
}
#filter .filter-group .item-list ul.facetapi-facet-field-unitcategory li a {
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.3;
  font-size: 1.3rem;
  line-height: 1.69rem;
}
@media screen and (max-width: 850px) {
  #filter .filter-group .item-list ul.facetapi-facet-field-unitcategory li {
    width: 44%;
  }
}
@media screen and (max-width: 700px) {
  #filter .filter-group .item-list ul.facetapi-facet-field-unitcategory li {
    width: 100%;
    padding: 0;
  }
}
#filter .filter-group .item-list ul li {
  float: left;
  list-style: none;
  position: relative;
  width: 19%;
  display: inline-block;
  margin-bottom: 7px;
}
#filter .filter-group .item-list ul li [data-icon]:before {
  color: rgba(255, 255, 255, 0.7);
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.4;
  font-size: 1.4rem;
  line-height: 1.96rem;
  margin-right: 5px;
}
@media screen and (max-width: 1150px) {
  #filter .filter-group .item-list ul li {
    width: 24.5%;
  }
}
@media screen and (max-width: 900px) {
  #filter .filter-group .item-list ul li {
    width: 33%;
  }
}
@media screen and (max-width: 740px) {
  #filter .filter-group .item-list ul li {
    width: 49%;
  }
}
#filter .filter-group .item-list ul li:nth-child(4n) {
  margin-right: 0;
}
@media screen and (max-width: 780px) {
  #filter .filter-group .item-list ul li {
    width: 48.5%;
    margin-right: 3%;
  }
  #filter .filter-group .item-list ul li:nth-child(2n) {
    margin-right: 0;
  }
}
#filter .filter-group .item-list ul li a {
  color: #fff;
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.4;
  font-size: 1.4rem;
  line-height: 1.96rem;
  font-weight: 400;
}
#filter .filter-group .item-list ul li a span.count {
  color: rgba(255, 255, 255, 0.7);
}
#filter .filter-group .item-list ul li a:before {
  -moz-transition: content 0.1s ease-in-out;
  -o-transition: content 0.1s ease-in-out;
  -webkit-transition: content 0.1s ease-in-out;
  transition: content 0.1s ease-in-out;
}
#filter .filter-group .item-list ul li a.facetapi-inactive:hover:before, #filter .filter-group .item-list ul li a.facetapi-inactive:focus:before, #filter .filter-group .item-list ul li a.facetapi-active:before {
  content: 'x';
}
#filter .filter-group .item-list ul li a.facetapi-inactive:focus:before, #filter .filter-group .item-list ul li a.facetapi-active:before {
  color: #fff;
  margin-right: 5px;
}
#filter .filter-group .item-list ul li a.facetapi-active:before {
  font-family: 'bracke';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -6%;
  -webkit-font-smoothing: antialiased;
}
#filter .filter-group .item-list ul li a.facetapi-active span.active {
  display: none;
}
#filter .collapsible-handle {
  padding: 10px;
  text-align: center;
  background: #5c068c;
  margin-bottom: 1px;
  -moz-transition: background 0.25s ease-in-out;
  -o-transition: background 0.25s ease-in-out;
  -webkit-transition: background 0.25s ease-in-out;
  transition: background 0.25s ease-in-out;
}
#filter .collapsible-handle a {
  color: #fff;
  /* Rem font sizing with pixel fallback */
  font-size: 16px;
  line-height: 1.3;
  font-size: 1.6rem;
  line-height: 2.08rem;
}
#filter .collapsible-handle [data-icon]:before {
  /* Rem font sizing with pixel fallback */
  font-size: 12px;
  line-height: 1;
  font-size: 1.2rem;
  line-height: 1.2rem;
  margin-right: 5px;
}

/*
a.facetapi-limit-link {
  color: $base-font-color;
  @include font-size($size: 1.4, $line: 1.0);
  padding:2px 6px;
  background: $base-font-color-inv;
  border-radius: $border-radius;
}
.content [data-icon]:before {
  margin-right: 5px;
  @include font-size($size: 1.0, $line: 1.0);
}*/
/**
 * @file
 * Views Styling
 */
/*
To make it easier to use all variables and mixins in any Sass file in this
theme, each .scss file has a @import "base" declaration. And this _base.scss
file is in charge of importing all the other partials needed for the theme.
*/
/* COLORS
=========================== */
/* dark grey menu blocks */
/* Green */
/* Purple */
/* Light green */
/* Magenta */
/* Cyan */
/* Red */
/* Yellow */
/* Slighty darker */
/* Slighty darker */
/* Messages colors */
/* SIZES & UNITS
=========================== */
/* MIXINS
=========================== */
/* FONTS
=========================== */
/* MARGINS & SPACING
=========================== */
/* BREAKPOINTS
=========================== */
/*  Use as following:
    @include mq($narrow,$wide) {
      font-size: xx;
    }
*/
/* IE SUPPORT
=========================== */
/*
These variables are used by many mixins to add additional CSS to support
specific versions of IE or specific vendor prefixes.

To turn on support for IE6 or IE7, set those variables to true.

Zen does not require special handling for IE8 or later. But Compass uses that
variable for a couple edge cases. We include it for completeness sake. See
the documentation at http://compass-style.org/reference/compass/support/
*/
/* IMPORTS
=========================== */
/*@import "zen";              // Add the Zen Grids responsive layout mixins.*/
/*@import "compass/utilities/general/clearfix"; // Better than Drupal's clearfix.*/
/*@import "compass/utilities/sprites"; // See http://compass-style.org/help/tutorials/spriting/ */
/*@import "compass/typography/vertical_rhythm"; // Helps set up a vertical rhythm. */
/*@import "toolkit/pe"; */
/*@import "custom";           // Import our custom mixins last. */
/*
 * Views' admin tabs
 *
 * The views admin tabs use the same classes as the secondary tabs. We prevent
 * some of our tab styling from bleeding into (and breaking) the Views admin
 * pages. If your sub-theme isn't used for admin pages, you can remove this
 * entire section.
 */
/* GRIDS
=========================== */
.view.grid .view-content:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.view.grid .views-row {
  float: left;
}

/* PAGERS & LOADERS
=========================== */
.view > .item-list .pager {
  padding-bottom: 20px;
}
.view > .item-list .ajax-progress .throbber {
  background: url(../images/loader.gif) no-repeat bottom;
  margin: 0 0 0 5px;
  padding: 0;
  width: 16px;
  height: 16px;
}
.view > .item-list .ajax-progress img {
  display: none;
}

/* VIEWS UI
=========================== */
.views-displays .secondary li {
  float: none;
  margin: 0 6px 0;
}
.views-displays .secondary a:link,
.views-displays .secondary a:visited {
  text-shadow: none;
  padding: 2px 7px 3px;
}
.views-displays .secondary .open > a {
  -moz-border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px;
  border-radius: 7px 7px 0 0;
}
.views-displays .secondary .open > a:hover {
  color: #333;
}
.views-displays .secondary .action-list li {
  margin: 0;
}
.views-displays .secondary .action-list li:first-child {
  -moz-border-radius: 0 7px 0 0;
  -webkit-border-radius: 0;
  border-radius: 0 7px 0 0;
}
.views-displays .secondary .action-list li:last-child {
  -moz-border-radius: 0 0 7px 7px;
  -webkit-border-radius: 0;
  border-radius: 0 0 7px 7px;
}

.view-filters {
  margin-bottom: 30px;
}

#views-ajax-body form {
  width: auto;
  margin: 0;
  padding: 0;
}

/* VIEWS UI DIALOG
=========================== */
.views-ui-dialog {
  border: none;
  padding: 10px;
  font-family: "Open sans", sans-serif;
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.8;
  font-size: 1.4rem;
  line-height: 2.52rem;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.views-ui-dialog .ui-dialog-titlebar {
  border: none;
}

.views-ui-dialog a.ui-dialog-titlebar-close {
  width: 20px;
  height: 20px;
  border: none !important;
  border-radius: 0;
  right: 0;
  padding: 0;
  background: url(../images/icon-close.png) no-repeat 0 0 !important;
}

.views-ui-dialog #views-ajax-title,
.views-ui-dialog .views-override,
.views-ui-dialog .form-buttons {
  background: #f7f7f7;
}

.views-ui-dialog .views-override {
  padding: 8px 13px;
}

.views-ui-dialog .views-override label {
  margin-right: 6px;
}

.views-ui-dialog #edit-options {
  border: none;
}

.views-ui-dialog.ui-widget input,
.views-ui-dialog.ui-widget select,
.views-ui-dialog.ui-widget textarea,
.views-ui-dialog.ui-widget button {
  font-family: "Open sans", sans-serif;
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.8;
  font-size: 1.4rem;
  line-height: 2.52rem;
}

/* SORTING
=========================== */
.tabledrag-changed-warning {
  display: none !important;
}

.draggable a {
  color: #636466;
}

.draggable a.tabledrag-handle {
  /* Override system css */
  margin-left: 0;
  color: #636466;
  line-height: 1;
  height: auto;
  margin-top: 1px;
}

a.tabledrag-handle .handle {
  /* Override system css */
  background: none;
  height: auto;
  width: auto;
  padding: 0;
  margin: 0 5px 0 0;
}
a.tabledrag-handle .handle:before {
  content: '#';
  font-family: 'bracke';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -6%;
  -webkit-font-smoothing: antialiased;
  /* Rem font sizing with pixel fallback */
  font-size: 16px;
  line-height: 1.4;
  font-size: 1.6rem;
  line-height: 2.24rem;
}

.tabledrag-toggle-weight-wrapper {
  display: none;
}

.view.sort-enabled .view.sorting {
  width: 100%;
  margin: 0 auto;
  border: none;
  position: static;
}
.view.sort-enabled .view.sorting .views-table.draggable {
  margin-top: 0;
}
.view.sort-enabled .view.sorting .views-form {
  margin-bottom: 20px;
  padding-top: 20px;
}
.view.sort-enabled .view.sorting .sort-trigger {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  text-align: center;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 150px;
  margin: 0 auto;
  padding: 2px 5px;
  background: #000;
  color: #fff;
  z-index: 100;
  /* Rem font sizing with pixel fallback */
  font-size: 16px;
  line-height: 1.8;
  font-size: 1.6rem;
  line-height: 2.88rem;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
.view.sort-enabled .view.sorting .sort-trigger:before {
  content: 'V';
  font-family: 'bracke';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -6%;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
}
.view.sort-enabled table.views-table {
  width: 100%;
  /* Rem font sizing with pixel fallback */
  font-size: 14px;
  line-height: 1.8;
  font-size: 1.4rem;
  line-height: 2.52rem;
}
.view.sort-enabled table.views-table tr:hover {
  /* Set rgba-color as background, width fallback */
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.05);
}
.view.sort-enabled table.views-table tr.drag-previous,
.view.sort-enabled table.views-table tr.drag {
  /* Set rgba-color as background, width fallback */
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.view.sort-enabled table.views-table td {
  padding: 5px;
}

.view.sort-enabled:hover .view.sorting .sort-trigger,
.view.sort-enabled.expanded .view.sorting .sort-trigger {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.view.sort-enabled.expanded .view.sorting .sort-trigger {
  bottom: 0;
  right: 0;
  left: auto;
}
.view.sort-enabled.expanded .view.sorting .sort-trigger:before {
  content: '^';
}

/* EXPOSED FILTERS
=========================== */
.panel-1col .views-exposed-form {
  background: #5c068c;
  position: relative;
  padding: 10px 20px 20px;
  margin: 20px 0 30px;
}
@media screen and (max-width: 800px) {
  .panel-1col .views-exposed-form {
    padding: 10px;
    margin: 10px 0 30px;
  }
}
.panel-1col .views-exposed-form .views-exposed-widgets {
  margin: 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .panel-1col .views-exposed-form .views-exposed-widgets {
    text-align: right;
  }
}
.panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget {
  margin: 5px;
  padding: 0;
  display: inline-block;
  vertical-align: bottom;
  float: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget label {
  font-weight: normal;
  color: #fff;
  color: rgba(255, 255, 255, 0.5);
}
.panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget label.compact-form-label {
  line-height: 1;
  top: 11px;
  left: 8px;
}
.panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget .form-select {
  background: #7C37A2;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 6px 8px;
  line-height: 19px;
  min-height: 37px;
  /*option {
    background: #7C37A2;
    background:rgba(255,255,255,0.2);
    color: $base-font-color-inv;
  }*/
}
.panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget .form-select option {
  color: #000;
}
.panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget .form-select.shs-select {
  width: auto;
}
@media screen and (max-width: 750px) {
  .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget .form-select.shs-select {
    width: 100%;
  }
}
.panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget .form-select.shs-select-level-2 {
  margin-left: 2px;
}
@media screen and (max-width: 750px) {
  .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget .form-select.shs-select-level-2 {
    margin-left: 0;
  }
}
@media screen and (max-width: 750px) {
  .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget {
    width: 100%;
    margin: 5px 0;
  }
}
@media screen and (max-width: 750px) {
  .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget label, .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget label + .views-widget {
    display: inline-block;
    vertical-align: middle;
  }
  .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget label {
    width: 20%;
    padding-right: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget label + .views-widget {
    width: 79%;
  }
}
@media screen and (max-width: 600px) {
  .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget label {
    width: 27%;
  }
  .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget label + .views-widget {
    width: 71%;
  }
}
.panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget input[type=text] {
  background: #000;
  color: #636466;
  max-width: 180px;
}
@media screen and (max-width: 750px) {
  .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget input[type=text] {
    max-width: 100%;
  }
}
.panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget input[type=text]:hover, .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget input[type=text]:focus {
  background: white;
}
.panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget .form-submit {
  margin: 0;
  min-height: 37px;
  background: #400461;
  background: rgba(0, 0, 0, 0.3);
  line-height: 19px;
}
@media screen and (max-width: 750px) {
  .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget .form-submit {
    width: 20%;
  }
}
@media screen and (max-width: 600px) {
  .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget .form-submit {
    width: 100%;
  }
}
.panel-1col .view-empty {
  text-align: center;
}

/* COMPATIBILITY
=========================== */
/* --- Feature detect --- */
.no-svg {
  /* Tyck till */
}
.no-svg #header #logo {
  background: url(../logo.png) no-repeat right top;
  width: 213px;
  /* Compensate with 40px to left for center-effect */
  height: 96px;
  padding-left: 0;
}
.no-svg #header #logo img {
  display: none;
}
.no-svg #search-block-form .form-text,
.no-svg #views-exposed-form-site-search-panel-pane-1 .form-text {
  background-image: url(../images/bg_search.png);
  background-position: 12px 50%;
}
.no-svg .breadcrumb ol li:first-child a {
  background: url(../images/home.png) no-repeat left;
}
.no-svg .mm-menu.mm-bracke .mm-list li a[href^="/tyck-till"]:after {
  /* Tyck till */
  background-image: url(../images/icon-tycktill.png);
}
.no-svg #navigation a[href^="/tyck-till"]:after {
  background-image: url(../images/icon-tycktill-white.png);
}

.no-backgroundsize #header {
  background-image: url(../images/bg_header-fallback.png);
}

.no-cssfilters .view.slideshow ul.slides > li.slide .blur_image {
  background: #000;
}
.no-cssfilters .view.slideshow ul.slides > li.slide .blur_image img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* --- Browser detect --- */
/* IE 7 and below */
.lt-ie8 #block-search-form .content input[type=submit] {
  display: block;
}
.lt-ie8 #block-search-form .content button {
  display: none;
}

/* IE 8 and below */
.lt-ie9 #google_translate_element {
  display: none;
}
.lt-ie9 .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget .form-select,
.lt-ie9 .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget .form-submit {
  min-height: 0;
}

/* IE 9 and below */
.lte-ie9 {
  /* Layout */
  /* Teasers front */
  /* Partners */
  /* Select boxes on unit list */
}
.lte-ie9 #hamburger {
  display: none;
}
.lte-ie9 .mm-page {
  left: 0 !important;
  width: auto !important;
}
.lte-ie9 #page {
  padding-left: 325px;
  left: 0 !important;
}
.lte-ie9 #mm-main-menu {
  display: none !important;
}
.lte-ie9 #main-menu {
  width: 325px;
  display: block !important;
  background: #262729;
  min-height: 100%;
}
.lte-ie9 #main-menu ul.menu li {
  border-bottom: 1px solid #464748;
}
.lte-ie9 #main-menu ul.menu li:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.lte-ie9 #main-menu ul.menu li a {
  color: #fff;
  padding: 8px 10px 8px 20px;
  display: block;
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.8;
  font-size: 1.3rem;
  line-height: 2.34rem;
}
.lte-ie9 #main-menu ul.menu li a[href^="/tyck-till"]:after {
  background: url(../images/icon-tycktill.png) no-repeat center center;
  content: '\00A0';
  background-size: 90%;
  display: inline-block;
  width: 20px;
  height: 17px;
  margin-left: 8px;
}
.lte-ie9 #main-menu ul.menu li.expanded {
  cursor: pointer;
}
.lte-ie9 #main-menu ul.menu li.expanded > a {
  /*background: #2e2f31;*/
  width: 250px;
  float: left;
}
.lte-ie9 #main-menu ul.menu li.expanded:before {
  float: right;
  content: '\002b';
  font-family: 'bracke';
  width: 44px;
  background: #2e2f31;
  text-align: center;
  font-size: 10px;
  line-height: 14px;
  height: 100%;
  padding: 13px 0;
  cursor: pointer;
  color: #fff;
  border-left: 1px solid #464748;
}
.lte-ie9 #main-menu ul.menu li.expanded.collapse:before {
  content: '\002d';
  cursor: pointer8;
}
.lte-ie9 #main-menu ul.menu li.expanded.active-trail:before {
  background: #2e2f31;
  color: #fff;
}
.lte-ie9 #main-menu ul.menu li.expanded.active-trail > a {
  background: #2e2f31;
}
.lte-ie9 #main-menu ul.menu li.expanded > ul {
  border-top: 1px solid #464748;
  border-bottom: none;
  /*padding: 4px 0;*/
  padding: 0;
  background: #2e2f31;
  clear: both;
}
.lte-ie9 #main-menu ul.menu li.expanded > ul li {
  margin: 2px 0;
}
.lte-ie9 #main-menu ul.menu li.expanded > ul li a {
  /*background: #f9f4f1;*/
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 40px;
  /*&:hover,
  &.active,
  &.active:hover,
  &:focus {
    color: #3c1d00;
  }*/
}
.lte-ie9 #main-menu ul.menu li.expanded > ul li ul.menu a {
  padding-left: 30px;
}
.lte-ie9 #main-menu ul.menu li.expanded > ul li.last {
  border-bottom: none;
}
.lte-ie9 .no-sidebars #content {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
}
.lte-ie9 ul.teasers li .details {
  top: 0;
}
.lte-ie9 ul.teasers li .details h2 {
  /* Rem font sizing with pixel fallback */
  font-size: 20px;
  line-height: 1.4;
  font-size: 2rem;
  line-height: 2.8rem;
  top: 0;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  margin-bottom: 5px;
  margin-top: 15px;
}
.lte-ie9 ul.teasers li .details p {
  padding: 0 15px;
  /* Rem font sizing with pixel fallback */
  font-size: 13px;
  line-height: 1.5;
  font-size: 1.3rem;
  line-height: 1.95rem;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.lte-ie9 ul.teasers li:hover .details .wrapper, .touch .lte-ie9 ul.teasers li:focus .details .wrapper {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.lte-ie9 .partner-list ul li {
  width: 200px;
}
.lte-ie9 .panel-1col .views-exposed-form .views-exposed-widgets .views-exposed-widget .form-select {
  background: #fff;
  color: #000;
}

/*@import "collapsible";*/
/*@import "tables";*/
/*@import "wysiwyg";*/