@charset "UTF-8";
/******************************************************************
Driv Starter theme styles
******************************************************************/
/******************************************************************
/* Colours

Variables written throughout the site. Everything on this page
should decide every colour on the site.
******************************************************************/
/* Alerts */
/* General colours */
/* Brand colours */
/* Using these doesn't tie us down to naming conventions */
/******************************************************************
/* Animation

Pre-defined cubic-beziers adds life to animations. Subtle eases that
enhance the qwuality of an animation.
******************************************************************/
/******************************************************************
/* Fonts

Placing fonts in variables. Because Andrew said so.

******************************************************************/
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, h2, h3 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * Change font properties to `inherit` in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  font: inherit; }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 * 2. Show the overflow in Edge, Firefox, and IE.
 */
button,
input,
select {
  /* 2 */
  overflow: visible; }

/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  /* 1 */
  margin: 0; }

/**
 * Remove the inheritence of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritence of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Change the cursor in all browsers (opinionated).
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer; }

/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */
[disabled] {
  cursor: default; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; }

/**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/* generated with grunt-sass-globbing */
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/* 

Rems for the future, PX for the past.

This is a function that has been created to
remove the need to write everything twice when it comes to REMs and PX.

Basically, when you use u(3rem), the px-only variable on the style, 
android and ie page tells the preprocessor to either change all 
values in the breakpoint stylesheets to be either REM or PX, 
and it'll do the math around it. So what you're left with is more hair
at the end of the day.

Source: http://davidwalsh.name/rem-px-browser-function-sass
@Useage: u(3rem); 
 
*/
/* 1 */
/* This solves an issue with 1px == 1 and 1em == 1, thus 1px == 1em */
/************************
	SQUARE ROOTS
*************************/
/*/////////////////////////////
// Exponent
/////////////////////////////*/
/*************************************
This converts columns to pixels based 
on the $content width 
*************************************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
/* Breakpoints

Written as just the size. This allows combining of these queries
into something like "only screen and landscape and tablet-down"

Good read: http://zellwk.com/blog/media-query-units/
******************************************************************/
/* 	This mixin will help you nest mediaqueries easier.
	@Usage:
		@include wider-than(mobile) 	{ width: 55%; 	}
		@include wider-than(phablet) 	{ width: 65%; 	}
		@include wider-than(tablet) 	{ width: 75%;	}

	Uses the breakpoint map defined inside _breakpoints.scss
*/
/* 
	Blend Modes
	===========
	http://caniuse.com/#feat=css-backgroundblendmode
	@usage:  
		@include blended("url", $colour);
		@include blended("url", $grad: $love);

*/
/*********************
Background colour based on brightness
*********************/
/************************************
		B U T T O N   C O L O U R S
	This mixin gives you a button in any
	colour that you want. It then decides
	if the background is dark or light and
	gives you white or dark grey text colour.
*************************************/
.btn-brand {
  border: 0;
  text-indent: 0;
  display: inline-block;
  cursor: pointer;
  outline: none;
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  font-smoothing: antialiased;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-shadow: 0;
  padding: 0.844rem 1.5rem;
  line-height: 1.125rem;
  font-size: 0.875rem; }
  @media (min-width: 48em) {
    .btn-brand {
      padding: 0.8125rem 2rem;
      font-size: 1rem; } }

/*********************
CLEARFIXIN'
*********************/
.clearfix, .cf {
  zoom: 1; }
  .clearfix:before, .clearfix:after, .cf:before, .cf:after {
    content: "";
    display: table; }
  .clearfix:after, .cf:after {
    clear: both; }

/*********************
C O N T E N T   C H O R E O G R A P H Y
Something that will reorder your content if used correctly.
And on the right browser, of course.
**********************/
/* 
	Counting Elements can be fun.
	http://www.sitepoint.com/using-sass-quantity-queries/

	// If there are exactly 5 elements:
	@include count-is(5){
		// Say something beautiful
	}
	
	// If there are less than 3 elements:
	@include count-is-less-than(3){
		// Say something beautiful
	}

	// If there are 3 or more elements:
	@include count-is-more-than(3){
		// Say something beautiful
	}

*/
/* Font Smoothing - http://maximilianhoffmann.com/posts/better-font-rendering-on-osx */
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/************************
 I N L I N E - B L O C K
~ Gap Removal Technique ~

@usage: @include ib();
************************/
/* This is quite an experiment with font sizes.
 Basically, i'm using a modualr scale for the type. */
/* this is the padding */
.padding-1 {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .padding-1-top {
    padding-top: 16px;
    padding-top: 1rem; }
  .padding-1-bottom {
    padding-bottom: 16px;
    padding-bottom: 1rem; }

.padding-2 {
  padding-top: 32px;
  padding-bottom: 32px;
  padding-top: 2rem;
  padding-bottom: 2rem; }
  .padding-2-top {
    padding-top: 32px;
    padding-top: 2rem; }
  .padding-2-bottom {
    padding-bottom: 32px;
    padding-bottom: 2rem; }

.padding-3 {
  padding-top: 48px;
  padding-bottom: 48px;
  padding-top: 3rem;
  padding-bottom: 3rem; }
  .padding-3-top {
    padding-top: 48px;
    padding-top: 3rem; }
  .padding-3-bottom {
    padding-bottom: 48px;
    padding-bottom: 3rem; }

.padding-4 {
  padding-top: 64px;
  padding-bottom: 64px;
  padding-top: 4rem;
  padding-bottom: 4rem; }
  .padding-4-top {
    padding-top: 64px;
    padding-top: 4rem; }
  .padding-4-bottom {
    padding-bottom: 64px;
    padding-bottom: 4rem; }

.no-margin-top {
  margin-top: 0; }

.no-margin-bottom {
  margin-bottom: 0; }

.no-margin-left {
  margin-left: 0; }

.no-margin-right {
  margin-right: 0; }

/*********************
Placeholder Mixin
Simply use this in a class somewhere to add placeholder styles.
	@include placeholder {
		colour: $brand-colour;
	}
*********************/
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.screen-reader-text {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute; }

/**
 * Unloading the document
 */
@-webkit-keyframes unload-clicked {
  0% {
    right: 100%; }
  100% {
    right: 0%; } }
@keyframes unload-clicked {
  0% {
    right: 100%; }
  100% {
    right: 0%; } }
.unloading {
  cursor: wait !important; }
  .unloading a {
    cursor: wait !important; }
  .unloading .clicked {
    position: relative; }
    .unloading .clicked:before {
      content: "";
      display: block;
      position: absolute;
      height: 100%;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      background-color: rgba(255, 255, 255, 0.5);
      -webkit-animation-name: unload-clicked;
              animation-name: unload-clicked;
      -webkit-animation-duration: 0.2s;
              animation-duration: 0.2s; }

/*
	@include center(x);
 */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

.content-wrapper,
.content-width,
.width-lock {
  max-width: 63.25em;
  margin: 0 auto;
  width: 100%; }

.sw {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 48em) {
    .sw {
      max-width: 92%; } }
  @media (min-width: 64em) {
    .sw {
      max-width: 72rem; } }

.w {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 77.5em) {
    .w {
      max-width: 92rem; } }

/*
  Spacing between elements

  This needs to be uniform throughout the
  whole site. So what I've done here is
  create two variables that handle everything.

  From a design side of things, you should be
  able to get the vertical rhythm on the site
  sorted by changing these four values.

*/
/**
 * Grid.
 * @param  int      $i          Amount of columns needed
 * @param  int      $max:       12            Total amount of columns in grid
 * @param  gutter   $guttering: 1.875rem      Space between columns with rem value
 * @param  boolean  $last:      false         Determines final gutter
 * @return width
 *
 * @usage  @include span(6, 12);              Width with gutter
 * @usage  @include span(4, 12, 1rem);        Width with custom gutter
 * @usage  @include span(6, 12, $last:true);  Last element
 */
@media (min-width: 38em) {
 /**
* sidebar wrapper for article templates
* [article-pages]
*/
  .c-t-1, .c-t-2, .c-t-3, .c-t-4, .c-t-5, .c-t-6, .c-t-7, .c-t-8, .c-t-9, .c-t-10, .c-t-11, .c-t-12 {
    float: left; }
    .c-t-1:last-of-type, .c-t-2:last-of-type, .c-t-3:last-of-type, .c-t-4:last-of-type, .c-t-5:last-of-type, .c-t-6:last-of-type, .c-t-7:last-of-type, .c-t-8:last-of-type, .c-t-9:last-of-type, .c-t-10:last-of-type, .c-t-11:last-of-type, .c-t-12:last-of-type {
      margin-right: 0; }

  .c-t-r {
    float: right;
    margin-top: 32px;
    margin-top: 2rem; }

  .c-t-1 {
    width: 6.33333%;
    width: -webkit-calc(8.32333% - 0.5rem);
    width: calc(8.32333% - 0.5rem);
    margin-right: 2%;
    margin-right: -webkit-calc(1rem);
    margin-right: calc(1rem); }

  .c-t-2 {
    width: 14.66667%;
    width: -webkit-calc(16.65667% - 0.66667rem);
    width: calc(16.65667% - 0.66667rem);
    margin-right: 2%;
    margin-right: -webkit-calc(1rem);
    margin-right: calc(1rem); }

  .c-t-3 {
    width: 23%;
    width: -webkit-calc(24.99% - 0.75rem);
    width: calc(24.99% - 0.75rem);
    margin-right: 2%;
    margin-right: -webkit-calc(1rem);
    margin-right: calc(1rem); }

  .c-t-4 {
    width: 31.33333%;
    width: -webkit-calc(33.32333% - 0.8rem);
    width: calc(33.32333% - 0.8rem);
    margin-right: 2%;
    margin-right: -webkit-calc(1rem);
    margin-right: calc(1rem); }

  .c-t-5 {
    width: 39.66667%;
    width: -webkit-calc(41.65667% - 0.83333rem);
    width: calc(41.65667% - 0.83333rem);
    margin-right: 2%;
    margin-right: -webkit-calc(1rem);
    margin-right: calc(1rem); }

  .c-t-6 {
    width: 48%;
    width: -webkit-calc(49.99% - 0.85714rem);
    width: calc(49.99% - 0.85714rem);
    margin-right: 2%;
    margin-right: -webkit-calc(1rem);
    margin-right: calc(1rem); }

  .c-t-7 {
    width: 56.33333%;
    width: -webkit-calc(58.32333% - 0.875rem);
    width: calc(58.32333% - 0.875rem);
    margin-right: 2%;
    margin-right: -webkit-calc(1rem);
    margin-right: calc(1rem); }

  .c-t-8 {
    width: 64.66667%;
    width: -webkit-calc(66.65667% - 0.88889rem);
    width: calc(66.65667% - 0.88889rem);
    margin-right: 2%;
    margin-right: -webkit-calc(1rem);
    margin-right: calc(1rem); }

  .c-t-9 {
    width: 73%;
    width: -webkit-calc(74.99% - 0.9rem);
    width: calc(74.99% - 0.9rem);
    margin-right: 2%;
    margin-right: -webkit-calc(1rem);
    margin-right: calc(1rem); }

  .c-t-10 {
    width: 81.33333%;
    width: -webkit-calc(83.32333% - 0.90909rem);
    width: calc(83.32333% - 0.90909rem);
    margin-right: 2%;
    margin-right: -webkit-calc(1rem);
    margin-right: calc(1rem); }

  .c-t-11 {
    width: 89.66667%;
    width: -webkit-calc(91.65667% - 0.91667rem);
    width: calc(91.65667% - 0.91667rem);
    margin-right: 2%;
    margin-right: -webkit-calc(1rem);
    margin-right: calc(1rem); }

  .c-t-12 {
    width: 98%;
    width: -webkit-calc(99.99% - 0.92308rem);
    width: calc(99.99% - 0.92308rem);
    margin-right: 2%;
    margin-right: -webkit-calc(1rem);
    margin-right: calc(1rem); }

  /*
    .c-t-4 {
      width: 31.333%;
      width: calc(33.333% - 1rem);
      margin-right: 2%;
      margin-right: calc(1rem);
      @extend %col;
    }
  
    .c-t-8 {
      width: 66.66%;
      @extend %col;
    }
    .c-t-9 {
      width: 75%;
      @extend %col;
    }
  */
  /**
   * article wrapper for article templates
   * [article-pages]
   */
  .content-wrapper .col-left {
    width: 50%;
    float: left;
    padding-right: 1em; }
  .content-wrapper .col-right {
    width: 50%;
    float: right;
    padding-left: 1em; } }
.fl-row {
  clear: left; }

/**
 * Font styles
 */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.015rem;
  font-family: sans-serif; }

h1, h2, h3 {
  color: #000;
  font-family: serif;
  font-weight: 300;
  font-size: 1.44676rem;
  letter-spacing: -0.075rem;
  margin: 0; }
  @media (min-width: 30em) {
    h1, h2, h3 {
      font-size: 1.73611rem; } }
  @media (min-width: 48em) {
    h1, h2, h3 {
      font-size: 2.08333rem; } }
  @media (min-width: 64em) {
    h1, h2, h3 {
      font-size: 2.5rem; } }
  @media (min-width: 77.5em) {
    h1, h2, h3 {
      font-size: 3rem; } }

h2, h3 {
  color: #000;
  font-weight: 300;
  font-size: 0.9472rem;
  margin: 0; }
  @media (min-width: 30em) {
    h2, h3 {
      font-size: 1.184rem; } }
  @media (min-width: 48em) {
    h2, h3 {
      font-size: 1.48rem; } }
  @media (min-width: 64em) {
    h2, h3 {
      font-size: 1.85rem; } }
  @media (min-width: 77.5em) {
    h2, h3 {
      font-size: 2.3125rem; } }

h3 {
  color: #000;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.625rem; }
  @media (min-width: 64em) {
    h3 {
      font-size: 1.5rem;
      line-height: 2rem; } }

h4 {
  color: #444444;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.4375rem; }
  @media (min-width: 64em) {
    h4 {
      font-size: 1.25rem;
      line-height: 1.4; } }

h5 {
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.125rem; }
  @media (min-width: 64em) {
    h5 {
      font-size: 1rem;
      line-height: 1.25rem; } }

h6 {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 1.5rem; }

h1, h2, h3, h2, h3, h3, h4, h5, h6 {
  margin: 0 0 1.5rem;
  display: block; }

/******************************************************************
Site Name: MEAT
Author: Eivin + Andrew

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field {
  padding: 0.3rem 1.125rem;
  color: #000;
  vertical-align: top;
  border: 1px solid #1d1d1d;
  font-family: sans-serif;
  background-color: #F5F5F5;
  -webkit-box-shadow: inset 0 1px 1px #2A2A2A;
          box-shadow: inset 0 1px 1px #2A2A2A;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-size: 1.125rem;
  font-weight: 200;
  -webkit-transition: background-color 0.24s cubic-bezier(0.84, 0.1, 0.83, 0.67);
  transition: background-color 0.24s cubic-bezier(0.84, 0.1, 0.83, 0.67);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, select:focus, textarea:focus, .field:focus, input[type="text"]:active, input[type="password"]:active, input[type="datetime"]:active, input[type="datetime-local"]:active, input[type="date"]:active, input[type="month"]:active, input[type="time"]:active, input[type="week"]:active, input[type="number"]:active, input[type="email"]:active, input[type="url"]:active, input[type="search"]:active, input[type="tel"]:active, input[type="color"]:active, select:active, textarea:active, .field:active {
    -webkit-box-shadow: 0 0 1px #FC5844;
            box-shadow: 0 0 1px #FC5844;
    outline: 0; }
  input.error[type="text"], input.error[type="password"], input.error[type="datetime"], input.error[type="datetime-local"], input.error[type="date"], input.error[type="month"], input.error[type="time"], input.error[type="week"], input.error[type="number"], input.error[type="email"], input.error[type="url"], input.error[type="search"], input.error[type="tel"], input.error[type="color"], select.error, textarea.error, .error.field, input.is-invalid[type="text"], input.is-invalid[type="password"], input.is-invalid[type="datetime"], input.is-invalid[type="datetime-local"], input.is-invalid[type="date"], input.is-invalid[type="month"], input.is-invalid[type="time"], input.is-invalid[type="week"], input.is-invalid[type="number"], input.is-invalid[type="email"], input.is-invalid[type="url"], input.is-invalid[type="search"], input.is-invalid[type="tel"], input.is-invalid[type="color"], select.is-invalid, textarea.is-invalid, .is-invalid.field {
    color: #fb1a2c;
    border-color: #fb1a2c;
    background-color: white;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url("../images/icon-error.svg");
    outline-color: #fb1a2c; }
    .no-svg input.error[type="text"], .no-svg input.error[type="password"], .no-svg input.error[type="datetime"], .no-svg input.error[type="datetime-local"], .no-svg input.error[type="date"], .no-svg input.error[type="month"], .no-svg input.error[type="time"], .no-svg input.error[type="week"], .no-svg input.error[type="number"], .no-svg input.error[type="email"], .no-svg input.error[type="url"], .no-svg input.error[type="search"], .no-svg input.error[type="tel"], .no-svg input.error[type="color"], .no-svg select.error, .no-svg textarea.error, .no-svg .error.field, .no-svg input.is-invalid[type="text"], .no-svg input.is-invalid[type="password"], .no-svg input.is-invalid[type="datetime"], .no-svg input.is-invalid[type="datetime-local"], .no-svg input.is-invalid[type="date"], .no-svg input.is-invalid[type="month"], .no-svg input.is-invalid[type="time"], .no-svg input.is-invalid[type="week"], .no-svg input.is-invalid[type="number"], .no-svg input.is-invalid[type="email"], .no-svg input.is-invalid[type="url"], .no-svg input.is-invalid[type="search"], .no-svg input.is-invalid[type="tel"], .no-svg input.is-invalid[type="color"], .no-svg select.is-invalid, .no-svg textarea.is-invalid, .no-svg .is-invalid.field {
      background-image: url("../images/icon-error.png"); }
  input.success[type="text"], input.success[type="password"], input.success[type="datetime"], input.success[type="datetime-local"], input.success[type="date"], input.success[type="month"], input.success[type="time"], input.success[type="week"], input.success[type="number"], input.success[type="email"], input.success[type="url"], input.success[type="search"], input.success[type="tel"], input.success[type="color"], select.success, textarea.success, .success.field, input.is-valid[type="text"], input.is-valid[type="password"], input.is-valid[type="datetime"], input.is-valid[type="datetime-local"], input.is-valid[type="date"], input.is-valid[type="month"], input.is-valid[type="time"], input.is-valid[type="week"], input.is-valid[type="number"], input.is-valid[type="email"], input.is-valid[type="url"], input.is-valid[type="search"], input.is-valid[type="tel"], input.is-valid[type="color"], select.is-valid, textarea.is-valid, .is-valid.field {
    color: #5fb207;
    border-color: #5fb207;
    background-color: white;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url("../images/icon-success.svg");
    outline-color: #5fb207; }
    .no-svg input.success[type="text"], .no-svg input.success[type="password"], .no-svg input.success[type="datetime"], .no-svg input.success[type="datetime-local"], .no-svg input.success[type="date"], .no-svg input.success[type="month"], .no-svg input.success[type="time"], .no-svg input.success[type="week"], .no-svg input.success[type="number"], .no-svg input.success[type="email"], .no-svg input.success[type="url"], .no-svg input.success[type="search"], .no-svg input.success[type="tel"], .no-svg input.success[type="color"], .no-svg select.success, .no-svg textarea.success, .no-svg .success.field, .no-svg input.is-valid[type="text"], .no-svg input.is-valid[type="password"], .no-svg input.is-valid[type="datetime"], .no-svg input.is-valid[type="datetime-local"], .no-svg input.is-valid[type="date"], .no-svg input.is-valid[type="month"], .no-svg input.is-valid[type="time"], .no-svg input.is-valid[type="week"], .no-svg input.is-valid[type="number"], .no-svg input.is-valid[type="email"], .no-svg input.is-valid[type="url"], .no-svg input.is-valid[type="search"], .no-svg input.is-valid[type="tel"], .no-svg input.is-valid[type="color"], .no-svg select.is-valid, .no-svg textarea.is-valid, .no-svg .is-valid.field {
      background-image: url("../images/icon-success.png"); }
  input[disabled][type="text"], input[disabled][type="password"], input[disabled][type="datetime"], input[disabled][type="datetime-local"], input[disabled][type="date"], input[disabled][type="month"], input[disabled][type="time"], input[disabled][type="week"], input[disabled][type="number"], input[disabled][type="email"], input[disabled][type="url"], input[disabled][type="search"], input[disabled][type="tel"], input[disabled][type="color"], select[disabled], textarea[disabled], [disabled].field, input.is-disabled[type="text"], input.is-disabled[type="password"], input.is-disabled[type="datetime"], input.is-disabled[type="datetime-local"], input.is-disabled[type="date"], input.is-disabled[type="month"], input.is-disabled[type="time"], input.is-disabled[type="week"], input.is-disabled[type="number"], input.is-disabled[type="email"], input.is-disabled[type="url"], input.is-disabled[type="search"], input.is-disabled[type="tel"], input.is-disabled[type="color"], select.is-disabled, textarea.is-disabled, .is-disabled.field {
    cursor: not-allowed;
    border-color: #F5F5F5;
    opacity: 0.6; }
    input[disabled][type="text"]:focus, input[disabled][type="password"]:focus, input[disabled][type="datetime"]:focus, input[disabled][type="datetime-local"]:focus, input[disabled][type="date"]:focus, input[disabled][type="month"]:focus, input[disabled][type="time"]:focus, input[disabled][type="week"]:focus, input[disabled][type="number"]:focus, input[disabled][type="email"]:focus, input[disabled][type="url"]:focus, input[disabled][type="search"]:focus, input[disabled][type="tel"]:focus, input[disabled][type="color"]:focus, select[disabled]:focus, textarea[disabled]:focus, [disabled].field:focus, input[disabled][type="text"]:active, input[disabled][type="password"]:active, input[disabled][type="datetime"]:active, input[disabled][type="datetime-local"]:active, input[disabled][type="date"]:active, input[disabled][type="month"]:active, input[disabled][type="time"]:active, input[disabled][type="week"]:active, input[disabled][type="number"]:active, input[disabled][type="email"]:active, input[disabled][type="url"]:active, input[disabled][type="search"]:active, input[disabled][type="tel"]:active, input[disabled][type="color"]:active, select[disabled]:active, textarea[disabled]:active, [disabled].field:active, input.is-disabled[type="text"]:focus, input.is-disabled[type="password"]:focus, input.is-disabled[type="datetime"]:focus, input.is-disabled[type="datetime-local"]:focus, input.is-disabled[type="date"]:focus, input.is-disabled[type="month"]:focus, input.is-disabled[type="time"]:focus, input.is-disabled[type="week"]:focus, input.is-disabled[type="number"]:focus, input.is-disabled[type="email"]:focus, input.is-disabled[type="url"]:focus, input.is-disabled[type="search"]:focus, input.is-disabled[type="tel"]:focus, input.is-disabled[type="color"]:focus, select.is-disabled:focus, textarea.is-disabled:focus, .is-disabled.field:focus, input.is-disabled[type="text"]:active, input.is-disabled[type="password"]:active, input.is-disabled[type="datetime"]:active, input.is-disabled[type="datetime-local"]:active, input.is-disabled[type="date"]:active, input.is-disabled[type="month"]:active, input.is-disabled[type="time"]:active, input.is-disabled[type="week"]:active, input.is-disabled[type="number"]:active, input.is-disabled[type="email"]:active, input.is-disabled[type="url"]:active, input.is-disabled[type="search"]:active, input.is-disabled[type="tel"]:active, input.is-disabled[type="color"]:active, select.is-disabled:active, textarea.is-disabled:active, .is-disabled.field:active {
      background-color: #1D59A1; }
  input[type="text"]:placeholder, input[type="password"]:placeholder, input[type="datetime"]:placeholder, input[type="datetime-local"]:placeholder, input[type="date"]:placeholder, input[type="month"]:placeholder, input[type="time"]:placeholder, input[type="week"]:placeholder, input[type="number"]:placeholder, input[type="email"]:placeholder, input[type="url"]:placeholder, input[type="search"]:placeholder, input[type="tel"]:placeholder, input[type="color"]:placeholder, select:placeholder, textarea:placeholder, .field:placeholder {
    color: #000; }
  input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .field::-webkit-input-placeholder {
    color: #000; }
  input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="color"]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder, .field:-moz-placeholder {
    /* Firefox 18- */
    color: #000; }
  input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, .field::-moz-placeholder {
    /* Firefox 19+ */
    color: #000; }
  input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder, .field:-ms-input-placeholder {
    color: #000; }

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em; }

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* 1 */
  padding-right: 2rem;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItNDgyIDI3OS4zIDE0LjkgOS40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC00ODIgMjc5LjMgMTQuOSA5LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMjIyO3N0cm9rZS13aWR0aDo0O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSItNDY5LjEsMjgxLjMgLTQ3NC41LDI4Ni44IC00ODAsMjgxLjMgIi8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 92% center;
  background-size: 0.8rem; }
  .no-svg select {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAUCAMAAABCtxbIAAAAG1BMVEX///8AAiIAAiIAAiIAAiIAAiIAAiIAAiIAAiJDP+JjAAAACHRSTlMAIEBggKDA8KxW2BUAAABhSURBVHgBXcqxEUQxCANRgQ2o/4pvnNzwVxm8laLGneKyPRVSjN8O+PhtQmUz+LNdGjNY7JHNYLGtZvDhVprBYqd0EODmA8ygyAzIDMgMyAzIDMgMyAzADMAMwFzce0N7P87TCeYxUGxTAAAAAElFTkSuQmCC); }
  @media (max-width: 480px) {
    select {
      font-size: 1rem; } }
  .textshadow select:-moz-focusring {
    text-shadow: 0 0 0 #000;
    color: transparent; }

.btn-brand {
  color: white;
  background-color: #FC5844;
  -webkit-transition: background-color 0.1s cubic-bezier(0.84, 0.1, 0.83, 0.67);
  transition: background-color 0.1s cubic-bezier(0.84, 0.1, 0.83, 0.67); }
  .btn-brand:hover {
    background-color: #f6412b;
    color: white;
    text-decoration: none; }
  .btn-brand:focus, .btn-brand:active {
    background-color: #f74f3a;
    color: white;
    -webkit-box-shadow: none;
            box-shadow: none; }

/* generated with grunt-sass-globbing */
.archive.main-container {
  float: right; }

body.archive .page-title--archive {
  margin-top: 2rem;
  font-size: 2rem; }

.archive--item {
  margin: 3rem 0; }
  .archive--item:first-child {
    margin-top: 0.25rem; }
    @media (min-width: 48em) {
      .archive--item:first-child {
        margin-top: 0; } }
  @media (min-width: 48em) {
    .archive--item .wp-post-image {
      width: 49%;
      float: left;
      padding-right: 1%; } }
  .archive--item .article-text {
    padding: 0.5rem 0; }
    @media (min-width: 48em) {
      .archive--item .article-text {
        padding-left: 0;
        padding-right: 0;
        width: 50%;
        float: right; } }
  .archive--item .goto-link {
    text-align: left;
    padding-left: 0; }
  @media (min-width: 48em) {
    .archive--item h2, .archive--item h3,
    .archive--item h3 {
      width: 50%;
      float: right; } }

.archive-list .cat-item {
  list-style-type: none;
  border-top: 1px solid #a6a6a6; }
  .archive-list .cat-item:first-of-type {
    border-top: none; }
  .archive-list .cat-item a {
    color: #454545;
    display: inline-block;
    padding: 1rem 0;
    font-family: DINWebPro-Light;
    line-height: 135%;
    margin-bottom: 0; }
    .archive-list .cat-item a:before {
      content: "";
      background: url(../images/redcord-icons.svg);
      display: inline-block;
      width: 1.1rem;
      height: 1.2rem;
      background-size: 4.5rem auto;
      background-position: 55px 0;
      overflow: hidden;
      margin-right: 0.5rem;
      margin-bottom: -0.25rem; }

@media (min-width: 48em) {
  .article-active-wrapper {
    padding-right: 0.5em; } }

.content-wrapper {
  position: relative; }
  @media (min-width: 48em) {
    .content-wrapper {
      padding: 0 0.5em; } }
  .content-wrapper .with-image {
    padding: 0.75rem 0.5rem;
    margin-bottom: 1rem; }

.article-title,
.cms-no-route h1,
.cms-no-route h2,
.cms-no-route h3,
.cms-no-route h2,
.cms-no-route h3,
.cms-no-route h3 {
  font-weight: 300;
  font-size: 1.75em;
  line-height: 115%;
  padding: 0 0.25em;
  font-family: DINWebPro-Light; }
  @media (min-width: 48em) {
    .article-title,
    .cms-no-route h1,
    .cms-no-route h2,
    .cms-no-route h3,
    .cms-no-route h2,
    .cms-no-route h3,
    .cms-no-route h3 {
      font-size: 2.25em;
      padding: 0;
      margin-top: 32px;
      margin-top: 2rem; } }
  @media (min-width: 77.5em) {
    .article-title,
    .cms-no-route h1,
    .cms-no-route h2,
    .cms-no-route h3,
    .cms-no-route h2,
    .cms-no-route h3,
    .cms-no-route h3 {
      padding-left: 0;
      padding-right: 0; } }

.blockquote-wrapper {
  border-left: solid 4px #a6a6a6; }
  @media (min-width: 48em) {
    .blockquote-wrapper {
      margin-left: 0; } }

.wrapper-blockquote-large {
  border-left-width: 0;
  padding: 1em;
  margin: 1em 0; }
  @media (min-width: 48em) {
    .wrapper-blockquote-large {
      width: 59%;
      float: left;
      margin: 0; } }
  .wrapper-blockquote-large .blockquote-large {
    margin: 0;
    padding: 0.5em; }
    @media (min-width: 48em) {
      .wrapper-blockquote-large .blockquote-large {
        margin-top: 20%; } }
    @media (min-width: 77.5em) {
      .wrapper-blockquote-large .blockquote-large {
        margin-top: 12%; } }
    .wrapper-blockquote-large .blockquote-large p {
      padding: 0;
      margin: 0;
      font-size: 1.75em;
      line-height: 125%;
      font-family: DINWebPro-Light;
      border: 0; }
      @media (min-width: 77.5em) {
        .wrapper-blockquote-large .blockquote-large p {
          font-size: 2.5rem; } }
  .wrapper-blockquote-large .blockquote-byline {
    padding: 0.5em; }
    @media (min-width: 48em) {
      .wrapper-blockquote-large .blockquote-byline {
        font-size: 1.25em;
        padding-top: 1.75rem;
        padding-bottom: 2.25rem; } }
    @media (min-width: 77.5em) {
      .wrapper-blockquote-large .blockquote-byline {
        font-size: 1.5em; } }

@media (min-width: 48em) {
  .testimonial-bg {
    margin-right: 0 !important; } }

@media (min-width: 48em) {
  .testimonial-image {
    width: 40%;
    float: left; } }
@media (min-width: 77.5em) {
  .testimonial-image {
    width: 40%; } }

@media (min-width: 48em) {
  .testimonial-wrapper {
    padding-bottom: 0 !important;
    margin-bottom: 20px !important; }
    .testimonial-wrapper p {
      min-height: 5.2rem !important; } }

@media (min-width: 48em) {
  .article-active-wrapper {
    padding-right: 0.5em; } }

.breadcrumbs {
  padding-left: 0.625rem;
  margin: 1.25rem 0 0;
  font-size: 0.75rem; }
  .breadcrumbs a,
  .breadcrumbs .breadcrumb_last {
    font-size: 1em;
    list-style-type: none;
    float: left;
    padding-right: 0.25em; }
    @media (min-width: 48em) {
      .breadcrumbs a,
      .breadcrumbs .breadcrumb_last {
        font-size: 1.15em; } }
    .breadcrumbs a:after,
    .breadcrumbs .breadcrumb_last:after {
      content: "\00BB";
      font-size: 14px;
      color: #454545;
      padding-left: 5px; }
  .breadcrumbs .breadcrumb_last {
    font-weight: 600; }
    .breadcrumbs .breadcrumb_last:after {
      display: none; }

/**
 * Boxes
 * [site-wide]
 */
.box {
  margin-bottom: 1em;
  padding-bottom: 1rem; }
  @media (min-width: 77.5em) {
    .box {
      margin-top: 1.75rem; } }

/**
 * Box grey
 * [site-wide]
 * This class is used to make boxes grey
 */
.box-grey {
  background-color: #f1f1f1; }

/** 
 * Custom classes for the frontpage boxes
 */
@media (min-width: 77.5em) {
  .box-padded {
    margin-bottom: 0;
    border: 0.1em solid #d9d9d9;
    padding: 0; }

  .box-not-padded {
    margin-top: 0; } }
@media (min-width: 38em) and (max-width: 48em) {
  .box-padded {
    margin-bottom: 0; } }

/**
 * Box dark grey
 * [site-wide]
 */
.box-dark-grey {
  background-color: #4d4d4d;
  color: #fff;
  /* special hover for the goto-link located in the dark grey box */
  /* style only on activ the front page for now */ }
  .box-dark-grey .goto-link:hover {
    background-color: rgba(0, 0, 0, 0.2); }

/**
* Content boxes, shown of frontpage
**/
.frame-list {
  list-style-type: none;
  display: block;
  border: 0.1em solid #d9d9d9;
  border-top: 0;
  padding: 0;
  text-indent: -0.75em; }
  @media (min-width: 48em) {
    .frame-list {
      margin-bottom: 0.75rem; } }
  .frame-list--item {
    border-bottom: 0.1em solid #d9d9d9;
    text-align: center; }
    @media (min-width: 77.5em) {
      .frame-list--item {
        width: 50%;
        float: left;
        text-align: left;
        border-right: 0.1em solid #d9d9d9; } }
    .frame-list--item a {
      color: #000;
      padding: 0.75em 0;
      line-height: 1em;
      display: inline-block; }
      @media (min-width: 77.5em) {
        .frame-list--item a {
          padding-left: 2rem; } }
    .frame-list--item:nth-child(2n), .frame-list--item:last-child {
      border-right: 0; }
  .frame-list:last-child {
    border-bottom: 0; }

.box-dark-grey .goto-link {
  display: inline-block;
  float: right;
  margin-right: 1.5em;
  padding: 4px 8px 15px; }

.c-t-4 .frame-list {
  border-top: 0.1em solid #d9d9d9; }
.c-t-4 .frame-list--item {
  width: 100%;
  float: none;
  border-right: 0; }
  .c-t-4 .frame-list--item a {
    padding-left: 2rem; }

.has-image:not(.featured) .news-image {
  padding: 0.4375rem 0; }

@media (min-width: 48em) {
  .has-image .news-content {
    padding-left: 1.75rem; } }

.terapaut h2, .terapaut h3 {
  min-height: 4.65rem; }

/**
* Fonts for Redcord
**/
/**
* Border box
* [site-wide]
* Site wide border box
*/
html, body, * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

/**
* Redcords custom fonts
* [site-wide]
* Site wide border box
*/
/* first for IE 4–8 */
@font-face {
  font-family: DINWebPro;
  src: url("../redcord-fonts/DINWebPro.eot"); }
/* then for WOFF-capable browsers */
@font-face {
  font-family: DINWebPro;
  src: url("../redcord-fonts/DINWebPro.woff") format("woff"); }
/* first for IE 4–8 */
@font-face {
  font-family: DINWebPro-Medium;
  src: url("../redcord-fonts/DINWebPro-Medium.eot"); }
/* then for WOFF-capable browsers */
@font-face {
  font-family: DINWebPro-Medium;
  src: url("../redcord-fonts/DINWebPro-Medium.woff") format("woff"); }
/* first for IE 4–8 */
@font-face {
  font-family: DINWebPro-Light;
  src: url("../redcord-fonts/DINWebPro-Light.eot"); }
/* then for WOFF-capable browsers */
@font-face {
  font-family: DINWebPro-Light;
  src: url("../redcord-fonts/DINWebPro-Light.woff") format("woff"); }
/* first for IE 4–8 */
@font-face {
  font-family: ApexSerif-Extrabold;
  src: url("../redcord-fonts/ApexSerif-Extrabold.eot"); }
/* then for WOFF-capable browsers */
@font-face {
  font-family: ApexSerif-Extrabold;
  src: url("../redcord-fonts/ApexSerif-Extrabold.woff") format("woff"); }
html.flexbox body {
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  html.flexbox body .container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

/* social icons in navigation block */
.social-icon {
  width: 40px;
  height: 40px;
  background-image: url("../images/social-icons.png");
  background-size: 700% auto;
  background-repeat: no-repeat;
  -webkit-border-radius: 0.25em;
          border-radius: 0.25em;
  content: '/';
  color: transparent;
  background-position: 0 0; }

/* social icons in navigation block */
.fb-icon {
  background-position: -55px 0; }

/* social icons in navigation block */
.twitter-icon {
  background-position: 1px 0; }

/* social icons in navigation block */
.instagram-icon {
  background-position: -168px -1px; }

/* social icons in navigation block */
.yt-icon {
  background-position: -210px -2px; }

/* social icons in navigation block */
.newsletter-icon {
  background-position: -110px -1px; }

.footer {
  background: #131313;
  padding: 2.5rem 0;
  color: #fff;
  /* social icons in navigation block */
  /* list items that are aligns, five by five */
  /* wrapper for social icons in the navigation, header/footer */ }
  .footer__widget {
    margin-bottom: 2rem;
    width: 100%; }
    @media (max-width: 48em) {
      .footer__widget {
        text-align: center; } }
@media (max-width: 64em) and (min-width: 48em) {
  .footer__widget {
    width: 48%;
    width: -webkit-calc(49.98889% - 0.9375rem);
    width: calc(49.98889% - 0.9375rem);
    float: left;
    margin-right: 2%;
    margin-right: -webkit-calc(1.875rem);
    margin-right: calc(1.875rem); }
    .footer__widget:nth-of-type(even) {
      margin-right: 0; } }

    @media (min-width: 64em) {
      .footer__widget {
        width: 23%;
        width: -webkit-calc(24.98889% - 1.40625rem);
        width: calc(24.98889% - 1.40625rem);
        float: left;
        margin-right: 2%;
        margin-right: -webkit-calc(1.875rem);
        margin-right: calc(1.875rem); }
        .footer__widget:last-child {
          margin-right: 0; } }
    .footer__widget--title {
      color: #fff; }
  .footer .logo {
    padding: 0 40px; }
    @media (min-width: 48em) {
      .footer .logo {
        padding: 0; } }
  .footer p {
    font-family: DINWebPro;
    margin-bottom: 0; }
  .footer a {
    color: #fff; }
  .footer .social-icon {
    background-color: #fff;
    -webkit-border-radius: 2em;
            border-radius: 2em;
    width: 40px;
    height: 40px;
    padding: 0; }
  .footer .li-fifth {
    padding: 0 0.5em;
    display: inline-block; }
    @media (min-width: 48em) {
      .footer .li-fifth {
        padding: 0 0.15rem; } }
  .footer .social-icon-wrapper {
    padding-top: 2.5em !important;
    list-style: none;
    padding-left: 0; }
  .footer .button {
    max-width: 100%;
    margin-top: 2.25rem; }

.post--credits {
  padding: 2rem 0;
  background-color: black;
  color: #fff;
  text-align: left; }
  @media (max-width: 48em) {
    .post--credits {
      text-align: center; } }

/** 
* Default global styles for Redcord
* Graciously imported from the old Redcord site
**/
@media (min-width: 48em) {
  .mo {
    display: none !important; } }

.tu {
  display: none !important; }
  @media (min-width: 48em) {
    .tu {
      display: inherit !important; } }

/**
 * Resets for removing margin top on various elements
 * [site-wide]
 */
h1, h2, h3, h2, h3, h3, h4, h5, h6, p, pre, blockquote, ul {
  margin-top: 0; }

/**
* Headers <h1-6>
* [site-wide]
*/
h1, h2, h3 {
  font-family: DINWebPro-Medium;
  line-height: 115%; }

/* set new position for admin bar so it doesn't get bugged and falls down over the content,
 * leaving a blank space at the top of the page, as it does sometimes.
 */
#wpadminbar {
  position: fixed; }

/* the load icon for contact form, setting its size so it doesn't get huge */
.ajax-loader {
  width: 2em;
  height: auto; }

/* success msg and error msg for contact form */
.wpcf7-response-output {
  padding: 1em !important;
  width: 100% !important; }

/**
* Headers, thin h1
* [site-wide]
* some of the h1's are not as thick as default h1 style
*/
.h1-thin {
  font-family: DINWebPro-Light; }

/**
* Headers, h2
* [site-wide]
*/
h2, h3 {
  margin: 0.25em 0;
  font-size: 1.5em;
  margin-bottom: 0;
  font-family: DINWebPro, sans-serif; }

/**
* Headers <h1-h6>
* [site-wide]
*/
.box--title,
h2,
h3 {
  padding-left: 0.33333em;
  padding-right: 0.33333em; }
  @media (min-width: 77.5em) {
    .box--title,
    h2,
    h3 {
      padding-left: 0;
      padding-right: 0; } }

/**
* Headers, extra bold h2
* [site-wide]
* some of the h2's are bolder than the default h2 style
*/
.h2-bold, .news-title {
  font-family: DINWebPro-Medium; }

/**
* Headers, large thin
* [site-wide]
* some of the box titles are larger and thinner than the default style
*/
.title-large-thin {
  font-family: DINWebPro-Light;
  font-size: 1.5rem; }

/**
* Headers, indented box titles
* [site-wide]
* some of the box titles are indented, which differs from the default style
*/
.title-indented {
  padding-left: 1rem !important; }

/**
* Headers, h3
* [site-wide]
*/
.c-t-4 .box--title {
  font-size: 1.25rem; }
  @media (min-width: 48em) {
    .c-t-4 .box--title {
      margin-bottom: 1rem; } }

/**
* p
* [site-wide]
* Paragraph elements, and in-content links
*/
p, .p {
  font-family: DINWebPro-Light;
  line-height: 135%;
  margin-bottom: 0; }
  p a, .p a {
    text-decoration: underline;
    color: #000; }

/**
* Content paragraphs
* [site-wide]
*/
p {
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-bottom: 1em; }
  @media (min-width: 77.5em) {
    p {
      padding-left: 0;
      padding-right: 0; } }

/**
 * audio and video player
 * [site-wide]
 */
.mejs-container,
.mejs-overlay-play,
.wp-video-shortcode {
  max-width: 100%; }

/**
 * Links on all pages
 * [site-wide]
 */
a {
  text-decoration: none;
  color: #000; }
  a:focus, a:hover {
    text-decoration: underline; }

strong {
  font-family: DINWebPro-Medium;
  font-weight: normal; }

.text-thin {
  font-family: DINWebPro-Light; }

/* news title on medical page, may also be used site-wide */
/**
* Screen reader only
* [site-wide]
* Used to hide elements that should only be visible to screen readers
*/
.screenreader-only {
  text-indent: -999em;
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/**
* Underline on hover
* [site-wide]
* Typically used on links that only has underline on hover and focus
*/
.uoh {
  text-decoration: none !important; }
  .uoh:hover, .uoh:focus {
    text-decoration: underline !important; }
    .uoh:hover span, .uoh:focus span {
      text-decoration: underline; }

/* utility class for items that have position relative */
.pr {
  position: relative; }

/* hiding the cart widget in the sidebar on all pages */
.block-cart {
  display: none !important; }

/**
* Clearfix
* [site-wide]
* Site wide clearfix
*/
.main-container,
.cf {
  clear: both;
  *zoom: 1; }
  .main-container:before, .main-container:after,
  .cf:before,
  .cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .main-container:after,
  .cf:after {
    clear: both; }

/**
 * All images on website
 * [site-wide]
 * This rule styles att the images on website, refrain from using this whenever possible for css performance
 */
img {
  width: 100%;
  height: auto; }

/* Width image, sets size for full width cover img
 * [front/active/medical page]
 */
.with-image {
  background-size: cover;
  background-repeat-x: no-repeat; }
  .with-image .box--title {
    padding: 1.25rem 0.5rem 0.75rem; }

/* Width image, centers full width img
 * [front/active/medical page]
 */
.box.with-image {
  background-position: center; }

/**
 * Padding Up & Down
 * [site-wide]
 * Gives an element extra padding above and below
 */
.pud {
  display: inline-block;
  padding: 1em 0; }

/**
 * Padding Left & Right
 * [site-wide]
 * Gives an element extra padding left and right
 */
.plr {
  padding-left: 0.5em;
  padding-right: 0.5em; }

/**
 * Lined grey
 * [site-wide]
 * Typically used for list items. Creates a line over and under items.
 */
.lined-grey {
  list-style-type: none;
  border-top: 1px solid #a6a6a6; }
  .lined-grey:last-child {
    border-bottom: 1px solid #a6a6a6; }

/**
 * Menu vertical
 * [site-wide]
 * Normal <ul> and <ol> menus with no margin and padding
 */
.menu-vertical {
  padding-left: 0;
  margin: 0; }

/**
 * Goto link
 * [site-wide]
 */
.goto-link {
  display: block;
  text-align: center;
  padding: 0.5em 0.75em 0.375em 0.25em; }

/**
 * Frame white
 * [site-wide]
 */
.frame-white, .frame-grey {
  border: 1px solid #fff;
  display: block;
  margin: 2em 0.5em 0.5em; }

/**
 * Frame grey
 * [site-wide]
 */
.frame-grey {
  border-color: #a6a6a6;
  margin: 0.5em; }

/**
 * Full width
 * [site-wide]
 *  make content full width within its parent
 */
.width-full {
  text-align: center;
  display: block; }

/**
 * Half width
 * [site-wide]
 * make content half width within its parent
 */
.width-half {
  width: 50%;
  padding: 0 0.25em; }

/**
 * Half width wrapper, wraps width-half content
 * [site-wide]
 */
.wrapper-half-width {
  margin: 0 -0.25em;
  padding: 0.25em 0.5em 0; }

/**
 * Text large
 * [site-wide]
 * make text/paragraphs large (16px/1.5em)
 */
.text-large {
  font-size: 1.3em;
  font-family: DINWebPro-Light; }

/**
 * Text colours
 * [site-wide]
 */
.text-grey, .text-faded p, .crumb-item .crumb-link, .crumb-separator, .wrapper-blockquote-large .blockquote-byline {
  color: #454545; }

.text-light-grey, .hr-grey {
  color: #a6a6a6; }

.text-red {
  color: #dd042b; }

.text-black {
  color: #000; }

.text-white {
  color: #fff; }

.hr-grey {
  margin: 1rem 0 0.5rem;
  width: 99.9%; }

/**
 * Links that are black on click
 * [site-wide]
 */
.boc:focus {
  color: #000; }
  .boc:focus span {
    color: #000; }

/**
 * Display (PDF) on links that lead to a pdf
 * [site-wide]
 */
a[href*="pdf"]:after {
  content: ' (PDF)';
  display: inline; }

/**
 * Paragraphs in boxes
 * [site-wide]
 */
.box-padded p {
  padding: 0.5em;
  margin-bottom: 0; }

/**
 * Box Title
 * [site-wide]
 */
.box--title {
  margin: 0; }
  .box--title em {
    font-weight: 300;
    font-family: DINWebPro-Light; }

.box .box--title-red, .box .box--title-dark {
  margin-bottom: 1rem;
  padding: 1.0625rem 0.5rem 0.75rem; }

/**
 * Box Title dark and box title transparent
 * [site-wide]
 * A box title with a transparent background
 */
.box--title-transparent {
  color: #fff;
  padding-left: 1rem; }

/**
 * Box Title with dark background
 * [site-wide]
 */
.box--title-dark {
  color: #fff;
  background-color: #4d4d4d; }

/**
 * Box Title with red background
 * [site-wide]
 */
.box--title-red {
  color: #fff;
  background-color: #c91820; }

/**
 * Admin edit link for blocks
 * [site-wide]
 */
.admin-edit-link {
  font-size: 0.5em;
  font-family: "Lucida Console", Monaco, monospace;
  float: right;
  padding: 0.375em 0.5em 0.25em 0.625em;
  margin: 0.5em;
  background: #eee;
  border: 1px solid #999;
  color: #444;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: inset -1px -1px 2px #CCC;
          box-shadow: inset -1px -1px 2px #CCC;
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }
  .admin-edit-link:hover, .admin-edit-link:focus {
    background: #FFF;
    opacity: 1;
    text-decoration: none; }

.admin-hover {
  outline: 1px dashed #dd042b;
  outline-offset: 2px; }

/**
* Styles for the header-container
**/
.header-container {
  padding: 0.4375rem 0.4375rem 0 0.4375rem;
  position: relative;
  background-color: #000;
  width: 100%;
  height: 3.25em;
  margin-bottom: 1rem; }
  @media (min-width: 48em) {
    .header-container {
      padding: 0.5em 0.5em 0 0.5em;
      height: 5em;
      margin-bottom: 0; } }
  .header-container.transparent-bg {
    margin-bottom: -3.5em;
    background: transparent; }
    @media (min-width: 48em) {
      .header-container.transparent-bg {
        margin-bottom: -5em; } }

/**
* Lets implement the logo
**/
.logo .logo--link {
  text-indent: -999em;
  overflow: hidden;
  width: 13em;
  height: 3em;
  background-image: url(../images/redcord-logos.svg);
  background-position: 14px -22px;
  background-size: 213px auto;
  display: block;
  z-index: 9;
  position: absolute;
  top: 6px; }
  @media (min-width: 48em) {
    .logo .logo--link {
      background-size: 243px auto;
      background-position: -9px -87px;
      width: 14.5em; }
      .logo .logo--link .logo--text {
        height: 1px; } }
  @media (min-width: 77.5em) {
    .logo .logo--link {
      background-size: 276px auto;
      background-position: -15px -95px;
      width: 15.5em;
      height: 4rem;
      top: 2px; } }

@media (min-width: 48em) {
  .header {
    position: relative;
    padding-bottom: 0.75em;
    padding-top: 0.25em;
    padding-left: 0.5rem;
    padding-right: 0.5rem; }

  /**
  * Top bar
  * Only visible on tablet up
  **/
  .top-bar .right-links {
    float: right;
    padding: 0; } }
@media (min-width: 48em) and (min-width: 48em) and (max-width: 77.5em) {
  .top-bar .right-links {
    padding-right: 1.5625rem; } }

  @media (min-width: 48em) and (min-width: 77.5em) {
    .top-bar .right-links {
      padding-right: 0.5rem; } }
@media (min-width: 48em) {
    .top-bar .right-links__list {
      list-style: none;
      padding: 0;
      margin: 0; }
      .top-bar .right-links__list li {
        display: inline-block;
        background: none;
        position: inherit; }
        .top-bar .right-links__list li a {
          color: #000;
          font-size: 14px; }
          .top-bar .right-links__list li a:hover {
            background: none;
            color: #333; }
      .top-bar .right-links__list .current-menu-item a {
        -webkit-box-shadow: none;
                box-shadow: none; } }
/* Logo */
.site-title {
  color: #000;
  font-weight: 300;
  line-height: 1;
  font-size: 1.54302rem;
  letter-spacing: -0.075rem;
  margin: 0;
  text-decoration: none; }
  @media (min-width: 30em) {
    .site-title {
      font-size: 1.64641rem; } }
  @media (min-width: 48em) {
    .site-title {
      font-size: 1.75671rem; } }
  @media (min-width: 64em) {
    .site-title {
      font-size: 1.87441rem; } }
  @media (min-width: 77.5em) {
    .site-title {
      font-size: 2rem; } }

/**
* All iframes, typically youtube videos
* [site-wide]
*/
iframe {
  width: 100%;
  height: 225px; }
  @media (min-width: 38em) {
    iframe {
      width: 100%;
      height: 343px; } }
  @media (min-width: 48em) {
    iframe {
      width: 100%;
      height: 355px; } }
  @media (min-width: 77.5em) {
    iframe {
      width: 100%;
      height: 468px; } }

@media (max-width: 48em) {
  .menu-burger {
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 2em; }

  body.menu-active {
    display: block !important;
    background-color: #1b1b1b; }
    body.menu-active > *:not(.header-container) {
      display: none; }
  .menu-bar {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #1b1b1b; }
    .menu-bar .button {
      max-width: 100%;
      padding: 5px 10px; }
    .menu-bar--list {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      padding: 0;
      margin-top: 2rem;
      margin-bottom: 1rem;
      width: 100%; }
    .menu-bar .menu-item {
      padding-left: 0;
      margin-bottom: 1rem;
      list-style: none;
      margin: 0;
      display: block; }
      .menu-bar .menu-item a {
        display: block;
        padding: 0.5em 1em;
        border-bottom: solid 1px #353535;
        color: #fff;
        font-family: DINWebPro;
        font-size: 1.25em;
        list-style-type: none !important; }
    .menu-bar li:last-of-type {
      background: #dc042b;
      text-align: center;
      padding: 0;
      margin: 0;
      margin-top: 2.5rem;
      margin-right: 0 !important; }
      .menu-bar li:last-of-type .plus-icon {
        background-position: -3rem -4.49rem;
        height: 1.20em; }
      .menu-bar li:last-of-type a {
        border: 0; }
    .menu-bar li li:last-of-type {
      background: none;
      text-align: left;
      margin-top: 0; }

  .menu-burger--stripe {
    width: 1.75em;
    height: 0.1875em;
    background-color: #fff;
    margin-bottom: 0.45em; }

  .body.menu-inactive .menu-bar {
    pointer-events: none;
    top: 0; }

  .body.menu-active .menu-bar {
    top: 0;
    left: 50%;
    max-width: 92rem; }

  .hide {
    display: none; }

  .button-menu {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/icon-meny-mobile.svg");
    background-size: 40px 32px;
    width: 32px;
    height: 40px;
    vertical-align: text-bottom;
    text-indent: -9999px;
    position: absolute;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    top: 13%;
    right: 10%;
    z-index: 999;
    color: white;
    text-align: center;
    overflow: hidden; }
    .button-menu:hover {
      cursor: pointer; }
    .no-svg .button-menu {
      background-image: url("../img/icon-meny-mobile.png"); }
    .button-menu.open {
      position: absolute;
      background: none;
      font-size: 1.125rem;
      top: 1rem;
      color: #fff;
      -webkit-border-radius: 0;
      border-radius: 0;
      text-align: right;
      height: auto;
      z-index: 2000;
      overflow: visible; } }
.form-search {
  display: none; }

.menu-active .form-search {
  display: block;
  border-bottom: solid 1px #4d4d4d;
  border-top: solid 1px #4d4d4d;
  width: 100%;
  margin-top: 4rem;
  position: relative; }
  .menu-active .form-search .input-text {
    background: #000;
    color: #fff;
    border: 0;
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0.875rem;
    width: 100%; }
  .menu-active .form-search--button {
    background: url(../images/redcord-icons.svg) 0.062em -4.125em no-repeat;
    text-indent: 999em;
    width: 2rem;
    height: 1.875rem;
    border: 0;
    position: absolute;
    top: 0.8rem;
    right: 1.25rem; }

@media (min-width: 38em) and (max-width: 48em) {
  .button-menu {
    top: 0.8rem;
    right: 1.2rem; }

  .logo .logo--link {
    top: 0.5rem; } }
@media (min-width: 77.5em) {
  .button-menu {
    display: none; } }
.menu-contact {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
     -moz-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  text-align: center;
  padding: 0;
  width: 100%;
  margin-top: 2rem; }
  .menu-contact h2, .menu-contact h3 {
    padding: 0;
    font-size: 1.0625rem;
    font-family: DINWebPro-Medium;
    color: #a6a6a6;
    margin-top: 0.75rem;
    margin-bottom: 1rem; }
  .menu-contact p {
    font-family: DINWebPro-Light;
    line-height: 135%;
    color: #fff; }
  .menu-contact .frame-grey {
    -webkit-border-radius: 0.25rem;
            border-radius: 0.25rem;
    padding: 0.625rem;
    color: #a6a6a6; }
  @media only screen and (min-width: 769px) {
    .menu-contact {
      display: none; } }

::-webkit-input-placeholder {
  color: #f00; }

::-moz-placeholder {
  color: #f00; }

/* firefox 19+ */
:-ms-input-placeholder {
  color: #f00; }

/* ie */
input:-moz-placeholder {
  color: #f00; }

.top-bar-article-wrapper {
  border-bottom: 1px solid #a6a6a6;
  margin-top: 0rem;
  background: #dc042b;
  color: #fff;
  padding: 0; }
  @media (min-width: 48em) {
    .top-bar-article-wrapper {
      margin-bottom: 2rem; } }

@media (min-width: 48em) {
  .top-bar-article {
    width: 100%;
    margin-bottom: 0;
    font-size: 1em; } }
@media (max-width: 38em) {
  .top-bar-article .topbar-navigation {
    padding: 0;
    margin: 0; }
    .top-bar-article .topbar-navigation:before, .top-bar-article .topbar-navigation:after {
      content: " ";
      display: table;
      clear: both; } }
@media (min-width: 48em) {
  .top-bar-article .topbar-navigation {
    float: right;
    display: inline;
    padding-left: 0;
    padding-bottom: 0.75rem;
    margin: 0;
    padding-top: 0.375rem; } }
@media (min-width: 77.5em) {
  .top-bar-article .topbar-navigation {
    padding: 0;
    padding-right: 1.25rem; } }
.top-bar-article .slash {
  padding: 0 0 0 0.5em;
  font-family: DINWebPro-Medium; }
@media (max-width: 38em) {
  .top-bar-article .topbar-navigation-item {
    padding: 0;
    margin: 0;
    display: block;
    border-bottom: 1px solid #ccc; }
    .top-bar-article .topbar-navigation-item:last-of-type {
      border: none; }
    .top-bar-article .topbar-navigation-item .p {
      padding: 0.5em;
      display: block;
      background-color: #f1f1f1; }
    .top-bar-article .topbar-navigation-item .slash {
      display: none !important; }
    .top-bar-article .topbar-navigation-item a {
      color: #000 !important; } }
@media (min-width: 48em) {
  .top-bar-article .topbar-navigation-item {
    float: left;
    list-style-type: none;
    padding-bottom: 0;
    margin-top: 0.5em;
    margin-right: 0.5em;
    text-align: right; }
    .top-bar-article .topbar-navigation-item:last-child {
      margin-right: 0; }
      .top-bar-article .topbar-navigation-item:last-child .slash {
        display: none; } }
.top-bar-article .topbar-navigation-item a {
  font-family: DINWebPro-Medium;
  color: #fff;
  font-size: 1rem; }
.top-bar-article .arrow-right {
  width: 1.1rem;
  height: 1.25rem;
  background-size: 4.5rem auto;
  background-position: -16px -1px;
  margin-right: 0.25rem; }
.top-bar-article .text-large {
  padding-bottom: 0.25em;
  margin-right: 0;
  margin-top: 7px;
  margin-bottom: 0;
  font-family: DINWebPro-Medium;
  float: left;
  display: inline;
  list-style-type: none;
  padding-left: 0;
  color: #fff; }
  @media (max-width: 38em) {
    .top-bar-article .text-large {
      width: 100%;
      background-color: #333;
      padding: 0;
      line-height: 250%;
      margin-top: 0;
      margin-bottom: 0; } }
  @media (min-width: 48em) {
    .top-bar-article .text-large {
      padding-top: 0.3125rem;
      padding-left: 1.124rem; } }
  @media (min-width: 77.5em) {
    .top-bar-article .text-large {
      padding-top: 0;
      padding-left: 0.5rem; } }
@media (max-width: 38em) {
  .top-bar-article .w-toggle-icon {
    padding-left: 1.6em;
    cursor: pointer; }
    .top-bar-article .w-toggle-icon:before, .top-bar-article .w-toggle-icon:after {
      content: " ";
      display: table;
      clear: both; } }

.sidebar-wrapper {
  padding: 0 0.5em; }
  @media (min-width: 48em) {
    .sidebar-wrapper {
      float: left;
      margin-top: 32px;
      margin-top: 2rem; } }
  @media (min-width: 77.5em) {
    .sidebar-wrapper {
      padding: 0; } }

.lined-grey:first-of-type {
  border-top: none; }

@media (min-width: 48em) {
  .main-container {
    width: 64.66667%;
    width: -webkit-calc(66.65667% - 0.88889rem);
    width: calc(66.65667% - 0.88889rem);
    margin-right: 2%;
    margin-right: -webkit-calc(1rem);
    margin-right: calc(1rem);
    margin-top: 2rem;
    float: left; } }

@media (min-width: 48em) {
  body.page-parent .main-container {
    width: 64.66667%;
    width: -webkit-calc(66.65667% - 0.88889rem);
    width: calc(66.65667% - 0.88889rem);
    margin-right: 2%;
    margin-right: -webkit-calc(1rem);
    margin-right: calc(1rem);
    margin-top: 2rem;
    float: right; } }

/**
* Styles for share article box
*/
.share-article {
  padding-bottom: 0.35em;
  padding-top: 0.45em;
  cursor: pointer; }

.button-icon {
  display: block;
  overflow: hidden;
  margin-left: 0.75em;
  font-weight: 300;
  background: url(../images/redcord-icons.svg) no-repeat;
  width: 1.75em;
  height: 1.75em;
  overflow: hidden; }

.share-icon {
  background-position: 0 0;
  display: inline-block;
  background-position: -78px -99px;
  width: 1em;
  height: 1em;
  margin: 0 0.5em -0.15em -0.25em; }

.share-overlay-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  z-index: 2000; }

.share-overlay {
  max-width: 18em;
  background-color: #fff;
  margin: -5em auto 0;
  position: relative;
  top: 50%;
  padding: 1em; }
  .share-overlay .menu-vertical {
    padding: 0; }
  .share-overlay li {
    list-style: none; }

.share-btn {
  padding: 0.5rem 0; }
  .share-btn-f {
    color: #3d619f;
    border-color: #3d619f; }
  .share-btn-t {
    color: #41a6f8;
    border-color: #41a6f8; }
  .share-btn-e {
    border-color: #dd042b; }
  .share-btn-c {
    color: #454545; }

/**
* Slideshow styles
**/
.header-slideshow {
  padding: 0; }
  @media (min-width: 48em) {
    .header-slideshow {
      padding: 0 22px 0 10px;
      margin-top: 20px; } }
  .header-slideshow ul {
    padding-left: 0;
    list-style: none; }
  .header-slideshow li {
    position: relative; }
  .header-slideshow img {
    width: 100%;
    height: auto; }
  .header-slideshow .main-image {
    margin-bottom: 5px; }
    .header-slideshow .main-image .image-content p {
      color: #fff;
      position: absolute;
      bottom: 15px;
      left: 10px;
      font-size: 20px;
      text-shadow: 1px 1px #000;
      margin-bottom: 0; }
      @media (min-width: 48em) {
        .header-slideshow .main-image .image-content p {
          bottom: 40px;
          font-size: 34px; } }
      .header-slideshow .main-image .image-content p p {
        margin: 0; }
      .header-slideshow .main-image .image-content p:after {
        content: " ";
        background-position: -104px -140px;
        background-size: 1980%; }
  .header-slideshow .small-images {
    text-align: center;
    list-style: none; }
    .header-slideshow .small-images li {
      width: 49%;
      float: left; }
      .header-slideshow .small-images li:first-of-type {
        margin-right: 2%; }
    .header-slideshow .small-images .image-content {
      position: absolute;
      color: #fff;
      font-size: 14px;
      text-shadow: 1px 1px #000;
      text-align: left;
      bottom: 10px;
      left: 5px; }
      @media (min-width: 48em) {
        .header-slideshow .small-images .image-content {
          bottom: 20px;
          left: 10px;
          font-size: 22px; } }
  .header-slideshow .click-me {
    position: absolute;
    bottom: 10%;
    right: 10%; }
  .header-slideshow.fullwidth-slider .unslider {
    width: 100%; }
  .header-slideshow .unslider {
    position: relative; }
  .header-slideshow .unslider-arrow {
    display: block;
    width: 32px;
    height: 32px;
    top: 50%;
    right: -50px;
    left: auto;
    margin-top: -16px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.15) no-repeat 50% 50%;
    background-image: url(../images/redcord-icons.svg);
    background-size: 150px auto;
    -webkit-border-radius: 32px;
            border-radius: 32px;
    text-indent: -999em;
    opacity: .6;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    background-color: #000; }
    .header-slideshow .unslider-arrow.prev {
      left: 2%;
      background-position: -67px -77px; }
    .header-slideshow .unslider-arrow.next {
      right: 2%;
      background-position: -98px -78px; }
    .header-slideshow .unslider-arrow.prev:hover, .header-slideshow .unslider-arrow.next:hover {
      opacity: 1; }
  @media (min-width: 77.5em) {
    .header-slideshow .unslider {
      width: 66.3%;
      float: left; }
    .header-slideshow .images-right {
      width: 32%;
      float: right; }
      .header-slideshow .images-right ul {
        list-style: none;
        padding: 0; }
      .header-slideshow .images-right li {
        float: none;
        width: 100%; }
        .header-slideshow .images-right li:first-of-type {
          margin-bottom: 3.1%;
          margin-right: 0; } }

/** 
* Sprites
**/
.arrow-right, .simple-arrow-right, .wrapper-simple-arrow:hover .simple-arrow-right, .wrapper-simple-arrow:focus .simple-arrow-right, .simple-arrow-down, .plus-icon, .minus-icon, .mail-icon, .phone-icon {
  background: url(../images/redcord-icons.svg);
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  margin-right: 0.5rem;
  margin-bottom: -0.25rem; }

/**
 * simple arrow right, over main image
 * [front/active/medical page]
 */
.simple-arrow-right {
  background-position: -29px -24px;
  position: absolute;
  top: 0.625rem;
  left: 0.9375rem;
  opacity: 0.8;
  width: 1rem; }

/**
 * this is the round wrapper for the arrow on image
 * [front/active/medical page]
 */
.wrapper-simple-arrow {
  border: 1px solid #fff;
  -webkit-border-radius: 3rem;
          border-radius: 3rem;
  margin: 0.5rem auto;
  width: 3rem;
  height: 3rem;
  position: relative; }
  .wrapper-simple-arrow:hover, .wrapper-simple-arrow:focus {
    background-color: #fff; }
    .wrapper-simple-arrow:hover .simple-arrow-right, .wrapper-simple-arrow:focus .simple-arrow-right {
      background-position: -13px -24px; }

/**
 * simple arrow down, over main image
 * [front/active/medical page]
 */
.simple-arrow-down {
  background-position: -47px -25px;
  margin: 0 auto;
  opacity: 0.8;
  position: absolute;
  left: 50%;
  margin-left: -12px;
  top: 16.5em; }

/**
 * plus-icon on menu items
 * [site-wide]
 */
.plus-icon {
  background-position: -25px -96px;
  background-position: -1.5625rem -6rem;
  height: 1.15em;
  margin-left: -1.2em; }

/**
 * minus-icon on menu items
 * [site-wide]
 */
.minus-icon {
  background-position: -50px -96px;
  background-position: -3.125rem -6rem;
  height: 1.2em;
  margin-left: -1.2em; }

/**
* mail icon in navigation block
* [site-wide]
*/
.mail-icon {
  background-size: 88px auto;
  height: 1.0625rem;
  width: 1.5rem;
  margin-right: 0.25rem;
  background-position: -61px -6px;
  margin-bottom: -0.15rem; }

/**
* phone icon in navigation block
* [site-wide]
*/
.phone-icon {
  background-size: 92px auto;
  background-position: -66px -22px;
  margin-right: 0.25rem; }

.arrow-right {
  width: 1.1rem;
  height: 1rem;
  background-size: 4.5rem auto;
  background-position: 56px 0;
  margin-top: 0.1875rem; }

.arrow-red {
  background-size: 5.5rem auto;
  background-position: 15.25rem 0;
  width: 1.25rem;
  height: 1.3125rem; }

.button {
  background-color: #dc042b;
  border: 0;
  padding: 0.75em;
  color: #fff;
  font-family: DINWebPro-Medium;
  max-width: 100%; }
  .button:hover, .button:focus {
    background-color: #d30227; }
  @media (min-width: 48em) {
    .button {
      max-width: 50%;
      display: block; } }

@media (min-width: 48em) {
  .mini-sticky {
    background: #000 !important;
    position: fixed;
    height: 3em;
    padding-top: 0;
    left: 0;
    right: 0;
    z-index: 8; }
    .mini-sticky .logo--link {
      width: 12rem;
      background-size: 12rem auto;
      background-position: 0 -1.12rem;
      height: 3rem !important;
      top: 5px;
      left: 0; }
    .mini-sticky .menu-bar--list {
      padding-top: 1.2rem; }
      .mini-sticky .menu-bar--list .sub-menu {
        display: none; } }

body.logged-in .mini-sticky {
  display: none; }

/**
* Text over image page style
*/
.page-template-text-over-image .header-container {
  margin-bottom: 0; }

.cover-image {
  height: 32em;
  background-size: 100%;
  background-size: cover;
  background-position: center center;
  margin-bottom: 0.75em; }
  .cover-image h2, .cover-image h3 {
    color: #fff !important; }
  @media (min-width: 48em) {
    .cover-image {
      height: 42.5em;
      margin-bottom: 0; } }

.wrapper-text-over-image {
  position: absolute;
  top: 12.5rem;
  width: 100%;
  padding: 1rem 0.5rem; }
  @media (min-width: 48em) {
    .wrapper-text-over-image {
      top: 23rem; } }
  @media (min-width: 77.5em) {
    .wrapper-text-over-image {
      top: 19rem; } }
  .wrapper-text-over-image .title-over-image {
    color: #fff;
    text-align: center;
    font-family: ApexSerif-Extrabold;
    font-size: 2.25em;
    width: 100%;
    margin: 0 0.5rem 0.5rem 0.5rem; }
    @media (min-width: 48em) {
      .wrapper-text-over-image .title-over-image {
        font-size: 3.5em;
        margin-bottom: 1.5rem;
        margin-left: 0; } }

.text-over-image {
  color: #fff;
  text-align: center; }
  @media (min-width: 48em) {
    .text-over-image {
      font-size: 1.25em;
      padding-right: 6em;
      padding-left: 6em; } }
  .text-over-image a {
    color: #fff; }

/**
* Unslider Redcord styles are found in _slideshow.scss
*/
.unslider {
  overflow: auto;
  margin: 0;
  padding: 0; }

.unslider-wrap {
  position: relative; }

.unslider-wrap.unslider-carousel > li {
  float: left; }

.unslider-vertical > ul {
  height: 100%; }

.unslider-vertical li {
  float: none;
  width: 100%; }

.unslider-fade {
  position: relative; }

.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8; }

.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10; }

.unslider li, .unslider ol, .unslider ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none; }

.unslider-nav ol {
  list-style: none;
  text-align: center; }

.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #fff;
  cursor: pointer; }

.unslider-nav ol li.unslider-active {
  background: #fff;
  cursor: default; }

.unslider-arrow {
  position: absolute;
  z-index: 2;
  cursor: pointer; }

/**
 * Widgets are used in footers and sidebars
 * to allow content to be editable
 */
.alignleft, img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
  width: auto; }

.alignright, img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
  text-align: right;
  width: auto; }

.aligncenter, img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
  text-align: center;
  width: auto; }

/**
 * Image captions
 * Here I'm using an inner block to let the text (<p>) align itself with the image.
 * It's useful when the image has a caption and is aligned center or right.
 */
.wp-caption--inner {
  display: inline-block;
  text-align: left; }

.menu-bar .button {
  max-width: 100%;
  padding: 5px 10px; }

@media (min-width: 48em) {
  .menu-bar--list {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none; } }
@media (min-width: 48em) {
  .menu-bar--list {
    text-align: right;
    padding-top: 1.7rem; }
    .menu-bar--list a {
      color: #fff; }
      .menu-bar--list a:active {
        color: #ccc; }
      .menu-bar--list a:hover {
        background: none; }
    .menu-bar--list li {
      position: relative;
      display: inline-block;
      margin-right: 1.75rem; }
      .menu-bar--list li:last-of-type {
        background-color: #dc042b;
        border: 0;
        padding: 0.75em;
        color: #fff;
        font-family: DINWebPro-Medium;
        padding: 8px 10px;
        margin-right: 0.9rem; }
        .menu-bar--list li:last-of-type:hover, .menu-bar--list li:last-of-type:focus {
          text-decoration: none;
          color: #ccc; }
      .menu-bar--list li:hover .sub-menu {
        z-index: 3;
        opacity: 1; }
    .menu-bar--list .sub-menu {
      width: 19rem;
      padding: 5px 0px;
      position: absolute;
      top: 100%;
      left: 0px;
      z-index: -1;
      opacity: 0;
      -webkit-transition: opacity linear 0.15s;
      transition: opacity linear 0.15s;
      background: #000;
      text-align: left;
      padding-top: 30px; }
      .menu-bar--list .sub-menu li {
        display: block;
        font-size: 16px; }
        .menu-bar--list .sub-menu li a {
          padding: 10px 30px;
          display: block; }
          .menu-bar--list .sub-menu li a:hover {
            background: none;
            text-decoration: underline; }
        .menu-bar--list .sub-menu li:last-of-type {
          background: none;
          padding: 0;
          font-family: sans-serif; } }

@media (min-width: 48em) {
  .quick-link,
  .menu-item {
    font-size: 1.125em;
    bottom: 1.125em; }
    .quick-link a:hover,
    .quick-link a:focus,
    .menu-item a:hover,
    .menu-item a:focus {
      text-decoration: none;
      color: #ccc; } }
@media (min-width: 48em) {
  .menu-item a {
    font-size: 1rem;
    padding: 0.5em 1em;
    border-bottom: 0; }

  #menu li .plus-icon {
    display: none; } }
@media (max-width: 48em) {
  .current-menu-parent > a,
  .current-menu-item > a {
    -webkit-box-shadow: inset 0.25em 0 0 0 #dd042b;
            box-shadow: inset 0.25em 0 0 0 #dd042b; }

  #menu li .plus-icon {
    margin-left: 0; } }
/* Printing stylesheet for the print savvy' */
@media print {
  /*
   * Print Stylesheet
   * If the website contains a button that says  "Print this recipe",
   * then we're going to have to cater for the print styles
   */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a {
    text-decoration: underline; }
    a:visited {
      text-decoration: underline; }
    a[href]:after {
      content: " (" attr(href) ")";
      font-size: 80%; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after {
    content: ""; }

  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, code {
    border: 1px solid #999;
    page-break-inside: avoid; }

  blockquote {
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr {
    page-break-inside: avoid; }

  img {
    page-break-inside: avoid;
    max-width: 100%; }

  @page {
    margin: 0.5cm; }
  p, h2, h3, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3, h3 {
    page-break-after: avoid; }

  img {
    min-height: 50px; }
    img:before {
      content: " ";
      display: block;
      position: absolute;
      top: -10px;
      left: 0;
      height: -webkit-calc(100% + 10px);
      height: calc(100% + 10px);
      width: 100%;
      background-color: white;
      border: 2px dotted #c8c8c8;
      -webkit-border-radius: 5px;
              border-radius: 5px; }
    img:after {
      content: "" " Broken Image of " attr(alt);
      display: block;
      font-size: 16px;
      font-style: normal;
      font-family: FontAwesome;
      color: #646464;
      position: absolute;
      top: 5px;
      left: 0;
      width: 100%;
      text-align: center; } }

/*# sourceMappingURL=style.css.map */