/* Minification failed. Returning unminified contents.
(570,1): run-time error CSS1019: Unexpected token, found '@import'
(570,9): run-time error CSS1019: Unexpected token, found 'url("//hello.myfonts.net/count/3ad8d4")'
(906,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(907,8): run-time error CSS1035: Expected colon, found '{'
(3319,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3320,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3329,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3330,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/* ===========================================================
 *
 *  Name:          selectordie_dev.css
 *  Updated:       2014-10-10
 *  Created by:    Per V @ Vst.mn
 *  What?:         Base CSS for Select or Die
 *
 *  Copyright (c) 2014 Per Vestman
 *  Dual licensed under the MIT and GPL licenses.
 *
 *  No, I don't usually comment my CSS, but in this
 *  case it might "help" someone.
 *
 *  Oddny | Cogs 'n Kegs
 * =========================================================== */

/* Remove, change to fit your needs */

.sod_select,
.sod_select *
    {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
     -webkit-touch-callout: none;
       -webkit-user-select: none;
          -moz-user-select: none;
           -ms-user-select: none;
               user-select: none;
    }

/* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */
.sod_select
    {
        display: inline-block;
        position: relative;
        line-height: 1;

        width: 200px;
        padding: 15px 10px;
        border: 3px solid #5e5e5e;
        background: #ffffff;
        color: #444444;
        font-size: 11px;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
        outline: 0;
        outline-offset: -2px; /* Opera */
        cursor: default;
    }

    /* Up/Down arrows */
    .sod_select:before,
    .sod_select:after
        {
            content: "\25B2";
            position: absolute;
            right: 10px;
            top: 12px;
            font-size: 7px;
        }

        /* Down arrow */
        .sod_select:after
            {
                content: "\25BC";
                top: auto;
                bottom: 12px;
            }

    /* Change the border color on hover, focus and when open */
    .sod_select:hover,
    .sod_select.open,
    .sod_select.focus { border-color: #000000; }

        .sod_select.open { color: #919191; }
        .sod_select.focus { box-shadow: 0 0 5px rgba(0,0,0,.2); }

    /* When the entire SoD is disabled, go crazy! */
    .sod_select.disabled
        {
            border-color: #828282;
            color: #b2b2b2;
            cursor: not-allowed;
        }

    /* The "label", or whatever we should call it. Keep the first three lines for truncating. */
    .sod_select .sod_label
        {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;

            padding-right: 15px;
        }

        .sod_select .sod_prefix { /* Use this if you're using a prefix and want to style it */ }
        .sod_select .sod_placeholder { /* Use this if you're using a placeholder and want to style it */ }



    /* Options list wrapper */
    .sod_select .sod_list_wrapper
        {
            position: absolute;
            top: 100%;
            left: 0;
            display: none;
            height: auto;
            width: 200px;
            margin: 0 0 0 -3px;
            background: #ffffff;
            border: 3px solid #000000;
            border-top: none;
            color: #444444;
            font-weight: 300;
            z-index: 1;
        }

        /* Shows the option list (don't edit) */
        .sod_select.open .sod_list_wrapper { display: block;  }

        /* Don't display the options when  */
        .sod_select.disabled.open .sod_list_wrapper { display: none;  }

        /* When the option list is displayed above the SoD */
        .sod_select.above .sod_list_wrapper
            {
                top: auto;
                bottom: 100%;
                border-top: 3px solid #000000;
                border-bottom: none;
            }

    /* Options list container */
    .sod_select .sod_list
        {
            display: block;
            overflow-y: auto;
            padding: 0;
            margin: 0;
        }

        /* All the options. Keep the first three lines for truncating... */
        .sod_select .sod_option
            {
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;

                position: relative;
                padding: 10px 10px;
                list-style-type: none;
            }

            /* Optgroups */
            .sod_select .sod_option.optgroup,
            .sod_select .sod_option.optgroup.disabled
                {
                    background: inherit;
                    color: #939393;
                    font-size: 10px;
                    font-style: italic;
                }

                /* Children of an optgroup */
                .sod_select .sod_option.groupchild { padding-left: 20px; }

            /* Used together with placeholderOption / data-placeholder-option */
            .sod_select .sod_option.is-placeholder {
                display: none;
            }

            /* Disabled option */
            .sod_select .sod_option.disabled
                {
                    background: inherit;
                    color: #cccccc;
                }

            /* Hover state for options, also used when a user uses his/hers up/down keys */
            .sod_select .sod_option.active
                {
                    background: #f7f7f7;
                    color: #333333;
                }

            /*Make room for the check mark */
            .sod_select .sod_option.selected
                {
                    font-weight: 700;
                    padding-right: 25px;
                }

                /* Displays a check mark for the selected option */
                .sod_select .sod_option.selected:before
                    {
                        content: "";
                        position: absolute;
                        right: 10px;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                            -ms-transform: translateY(-50%);
                                transform: translateY(-50%);
                        display: inline-block;
                        color: #808080;
                        height: 9px;
                        width: 10px;
                        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K);
                    }

                /* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */
                .sod_select.no_highlight .sod_option.selected { font-weight: 300; }
                .sod_select.no_highlight .sod_option.selected:before { display: none; }

            .sod_select .sod_option.link { /* If data-link is set on a specific option */ }
            .sod_select .sod_option.linkexternal { /* If data-link-external is set on a specific option */ }



    /* Hide native select */
    .sod_select select { display: none !important; }

        /* The native select in touch mode. Keep this first line. Sorry, keep everything. */
        .sod_select.touch select
            {
                -webkit-appearance: menulist-button;

                position: absolute;
                top: 0;
                left: 0;
                display: block !important;
                height: 100%;
                width: 100%;
                opacity: 0;
                z-index: 1;
            }

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    /*background: #fff url('./ajax-loader.gif') center center no-repeat;*/
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

@charset "UTF-8";
/* colors */
/* font stacks */
/* font sizes */
/*grid*/
@import url("//hello.myfonts.net/count/3ad8d4");
.page-intro {
  background: #fffdec;
  text-align: center; }
  .page-intro .inner {
    padding: 0 1em;
    max-width: 761px; }
  .page-intro-heading {
    font-family: "avenir-black", "Avenir 95 Black", sans-serif;
    font-size: 2em; }
    .page-intro-heading em {
      font-family: "caslon-bolditalic", "Caslon 224 Bold Italic", serif;
      line-height: 1.2;
      margin-bottom: .5em; }
  .page-intro-body {
    color: #2E2E2E;
    /*font-size: 18px;*/
    font-size: 1.2em;
    line-height: 1; }
    .page-intro-body img {
      max-width: 100%;
      height: auto; }
    .page-intro-body iframe, .page-intro-body video {
      max-width: 100%; }
    .page-intro-body video::-internal-media-controls-download-button {
      display: none; }
    .page-intro-body video::-webkit-media-controls-enclosure {
      overflow: hidden; }
    .page-intro-body video::-webkit-media-controls-panel {
      width: calc(100% + 30px);
      /* Adjust as needed */ }

@media (min-width: 768px) {
  .page-intro {
    padding-bottom: 40px; }
    .page-intro .inner {
      padding: 0 1em;
      max-width: 761px; }
    .page-intro-heading {
      font-size: 3.125em; }
    .page-intro-body {
      font-size: 1.35em; } }

/*lägger den här uppe så att man kan override färgen i common*/
/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
/*
 * Normalization
 */
:root {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  text-size-adjust: 100%; }

audio:not([controls]) {
  display: none; }

details {
  display: block; }

input[type="number"] {
  width: auto; }

input[type="search"] {
  -webkit-appearance: textfield; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

main {
  display: block; }

summary {
  display: block; }

pre {
  overflow: auto; }

progress {
  display: inline-block; }

small {
  font-size: 75%; }

template {
  display: none; }

textarea {
  overflow: auto; }

[hidden] {
  display: none; }

[unselectable] {
  user-select: none; }

/*
 * Universal inheritance
 */
*,
*::before,
*::after {
  box-sizing: inherit;
  text-decoration: inherit;
  vertical-align: inherit; }

* {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  line-height: inherit; }

/*
 * Opinionated defaults
 */
*,
*::before,
*::after {
  border-style: solid;
  border-width: 0; }

* {
  margin: 0;
  padding: 0; }

:root {
  box-sizing: border-box;
  cursor: default;
  font-family: "Avenir 55 Roman", sans-serif;
  line-height: 1.5em;
  text-rendering: optimizeLegibility;
  vertical-align: top; }

button,
input,
select,
textarea {
  background: transparent; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; }

input {
  min-height: 1.5em; }

nav ol,
nav ul {
  list-style: none; }

select {
  -moz-appearance: none;
  -webkit-appearance: none; }
  select::-ms-expand {
    display: none; }
  select::-ms-value {
    color: currentColor; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

textarea {
  resize: vertical; }

::selection {
  background-color: #B3D4FC;
  text-shadow: none; }

@media screen {
  [hidden~="screen"] {
    display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important; } }

/* normalize 2.0 */
@font-face {
  font-family: 'avenir-roman';
  src: url("/fonts/avenir/AvenirLTW02_55Roman.eot");
  src: url("/fonts/avenir/AvenirLTW02_55Roman.eot?#iefix") format("embedded-opentype"), url("/fonts/avenir/AvenirLTW02_55Roman.woff2") format("woff2"), url("/fonts/avenir/AvenirLTW02_55Roman.woff") format("woff"), url("/fonts/avenir/AvenirLTW02_55Roman.ttf") format("truetype"), url("/fonts/avenir/AvenirLTW02_55Roman.svg#avenir-roman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenir-oblique';
  src: url("/fonts/avenir/AvenirLTW02-55Oblique.eot");
  src: url("/fonts/avenir/AvenirLTW02-55Oblique.eot?#iefix") format("embedded-opentype"), url("/fonts/avenir/AvenirLTW02-55Oblique.woff2") format("woff2"), url("/fonts/avenir/AvenirLTW02-55Oblique.woff") format("woff"), url("/fonts/avenir/AvenirLTW02-55Oblique.ttf") format("truetype"), url("/fonts/avenir/AvenirLTW02-55Oblique.svg#avenir-roman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenir-medium';
  src: url("/fonts/avenir/AvenirLTW02_65Medium.eot");
  src: url("/fonts/avenir/AvenirLTW02_65Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/avenir/AvenirLTW02_65Medium.woff2") format("woff2"), url("/fonts/avenir/AvenirLTW02_65Medium.woff") format("woff"), url("/fonts/avenir/AvenirLTW02_65Medium.ttf") format("truetype"), url("/fonts/avenir/AvenirLTW02_65Medium.svg#avenir-roman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenir-heavy';
  src: url("/fonts/avenir/AvenirLTW02_85Heavy.eot");
  src: url("/fonts/avenir/AvenirLTW02_85Heavy.eot?#iefix") format("embedded-opentype"), url("/fonts/avenir/AvenirLTW02_85Heavy.woff2") format("woff2"), url("/fonts/avenir/AvenirLTW02_85Heavy.woff") format("woff"), url("/fonts/avenir/AvenirLTW02_85Heavy.ttf") format("truetype"), url("/fonts/avenir/AvenirLTW02_85Heavy.svg#avenir-roman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenir-heavyobl';
  src: url("/fonts/avenir/AvenirLTW02-85HeavyObli.eot");
  src: url("/fonts/avenir/AvenirLTW02-85HeavyObli.eot?#iefix") format("embedded-opentype"), url("/fonts/avenir/AvenirLTW02-85HeavyObli.woff2") format("woff2"), url("/fonts/avenir/AvenirLTW02-85HeavyObli.woff") format("woff"), url("/fonts/avenir/AvenirLTW02-85HeavyObli.ttf") format("truetype"), url("/fonts/avenir/AvenirLTW02-85HeavyObli.svg#avenir-roman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenir-black';
  src: url("/fonts/avenir/AvenirLTW02_95Black.eot");
  src: url("/fonts/avenir/AvenirLTW02_95Black.eot?#iefix") format("embedded-opentype"), url("/fonts/avenir/AvenirLTW02_95Black.woff2") format("woff2"), url("/fonts/avenir/AvenirLTW02_95Black.woff") format("woff"), url("/fonts/avenir/AvenirLTW02_95Black.ttf") format("truetype"), url("/fonts/avenir/AvenirLTW02_95Black.svg#avenir-roman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenir-book';
  src: url("/fonts/avenir/AvenirLTW02_45Book.eot");
  src: url("/fonts/avenir/AvenirLTW02_45Book.eot?#iefix") format("embedded-opentype"), url("/fonts/avenir/AvenirLTW02_45Book.woff2") format("woff2"), url("/fonts/avenir/AvenirLTW02_45Book.woff") format("woff"), url("/fonts/avenir/AvenirLTW02_45Book.ttf") format("truetype"), url("/fonts/avenir/AvenirLTW02_45Book.svg#avenir-roman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'caslon-bolditalic';
  src: url("/fonts/caslon/ITCCaslon224W01-BoldIt.eot");
  src: url("/fonts/caslon/ITCCaslon224W01-BoldIt.eot?#iefix") format("embedded-opentype"), url("/fonts/caslon/ITCCaslon224W01-BoldIt.woff2") format("woff2"), url("/fonts/caslon/ITCCaslon224W01-BoldIt.woff") format("woff"), url("/fonts/caslon/ITCCaslon224W01-BoldIt.ttf") format("truetype"), url("/fonts/caslon/ITCCaslon224W01-BoldIt.svg#avenir-roman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Caslon';
  src: url("/fonts/caslon/caslongrad-webfont.woff2") format("woff2");
  font-weight: normal;
  font-weight: bold; }

@font-face {
  font-family: 'LunchBoxSlab';
  src: url("/fonts/LunchBoxSlab/LunchBoxSlab.eot");
  src: url("/fonts/LunchBoxSlab/LunchBoxSlab.eot?#iefix") format("embedded-opentype"), url("/fonts/LunchBoxSlab/LunchBoxSlab.woff2") format("woff2"), url("/fonts/LunchBoxSlab/LunchBoxSlab.woff") format("woff"), url("/fonts/LunchBoxSlab/LunchBoxSlab.ttf") format("truetype"); }

@font-face {
  font-family: 'pagen-icons';
  src: url("/fonts/pagen-icons/pagen-icons.eot?76590548");
  src: url("/fonts/pagen-icons/pagen-icons.eot?76590548#iefix") format("embedded-opentype"), url("/fonts/pagen-icons/pagen-icons.woff?76590548") format("woff"), url("/fonts/pagen-icons/pagen-icons.woff2?76590548") format("woff2"), url("/fonts/pagen-icons/pagen-icons.ttf?76590548") format("truetype"), url("/fonts/pagen-icons/pagen-icons.svg?76590548#pagen-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "pagen-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased; }

.icon-search:before {
  content: '\e800'; }

/* '' */
.icon-twitter:before {
  content: '\e801'; }

/* '' */
.icon-facebook:before {
  content: '\e802'; }

/* '' */
.icon-youtube-play:before {
  content: '\e803'; }

/* '' */
.icon-youtube-secondary-play:before {
  content: url("../img/icons/social-media/Youtube-secondary-icon.svg"); }

/* '' */
.icon-instagramm:before {
  content: '\e804'; }

/* '' */
.icon-linkedin:before {
  content: '\e805'; }

/* '' */
.icon-clock:before {
  content: '\e806'; }

/* '' */
.icon-mail-alt:before {
  content: '\e807'; }

/* '' */
.icon-location:before {
  content: '\e808'; }

/* '' */
.icon-heart:before {
  content: '\e809'; }

/* '' */
.icon-print:before {
  content: '\e80a'; }

.icon-pinterest:before {
  content: '\e80d'; }

.icon-tiktok:before {
  content: '\e810'; }

.btn.btn-circle.btn-sm .icon-tiktok, .btn-sm.btn-subbrand.btn .icon-tiktok, .btn-sm.btn-subbrand.FormSubmitButton .icon-tiktok, .btn-circle.btn-sm.FormSubmitButton .icon-tiktok {
  font-size: 24px; }

.social-links__link .icon-tiktok {
  font-size: 44px; }

html, body {
  background: #fffdeb;
  color: #2e2e2e;
  font-family: "avenir-roman", "Avenir 55 Roman", sans-serif; }

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased; }

@keyframes repaint {
  from {
    zoom: 1; }
  to {
    zoom: 0.99999; } }

/* use specific font name instead of weights / styles */
* {
  font-style: normal;
  font-weight: 400; }

.site-wrapper {
  overflow: hidden;
  background: #fffdeb; }

.site-content {
  position: static;
  z-index: 5; }

.page-wrapper {
  position: relative;
  max-width: 1086px;
  margin: 0 auto; }

.page-wrapper.mega-nav-menu-holder {
  max-width: 1370px; }

.page-wrapper.mega-nav-menu-holder {
  max-width: 1370px; }

.page-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99; }

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

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.js-filter-summary .lowercase {
  vertical-align: top; }

.lowercase {
  text-transform: lowercase; }

.page-body {
  background-color: #fffdeb; }

.page-body-content {
  position: relative;
  z-index: 5;
  background: #fff; }

footer {
  background: #fffdeb;
  position: relative;
  z-index: 5; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto; }

.pos-relative {
  position: relative; }

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

.hidden {
  display: none; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.valign-center {
  display: table;
  width: 100%;
  height: 100%; }
  .valign-center-child {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }

#cookiebar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 84px;
  background-color: #fffdeb;
  z-index: 999;
  color: #2e2e2e;
  font-family: "avenir-roman", "Avenir 55 Roman", sans-serif;
  text-align: center;
  font-size: 14px;
  padding: 30px 20px;
  box-shadow: 0px -2px 28px -14px #ccc; }
  #cookiebar .cookie-bar-logo-image {
    display: block;
    background-image: url("/img/logos/footer-logo.png");
    background-size: contain;
    width: 63px;
    height: 37px;
    margin: 0 auto 10px;
    background-size: contain; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      #cookiebar .cookie-bar-logo-image {
        background-image: url("/img/logos/footer-logo@2x.png");
        -webkit-background-size: 63px 37px;
        -moz-background-size: 63px 37px;
        -o-background-size: 63px 37px;
        background-size: 63px 37px; } }
  #cookiebar .cookie-bar-logo-tagline {
    color: #cba463;
    font-size: 0.625em;
    text-transform: uppercase;
    text-align: center;
    font-family: "avenir-roman", "Avenir 55 Roman", sans-serif; }
  #cookiebar .cookie-bar-text {
    margin: 15px auto 30px;
    max-width: 960px; }
  #cookiebar .cookie-bar-buttons > * {
    margin-left: 15px; }
    #cookiebar .cookie-bar-buttons > *:first-child {
      margin-left: 0; }
  #cookiebar a {
    text-decoration: underline; }
  #cookiebar #cookieclosebtn {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("/img/icons/icon-close-white-sm.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 14px;
    width: 50px;
    height: 84px;
    outline: none; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      #cookiebar #cookieclosebtn {
        background-image: url("/img/icons/icon-close-white-sm@2x.png");
        -webkit-background-size: 13px 14px;
        -moz-background-size: 13px 14px;
        -o-background-size: 13px 14px;
        background-size: 13px 14px; } }

@media (min-width: 768px) {
  #cookiebar {
    font-size: 16px;
    padding: 40px 30px 50px; }
    #cookiebar .cookie-bar-logo-image {
      width: 105px;
      height: 60px;
      background-size: 105px 60px; }
    #cookiebar .cookie-bar-text {
      margin: 25px auto 30px; } }

p strong {
  font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif; }

p em {
  font-family: "avenir-oblique", "Avenir 55 Oblique", sans-serif; }

p em strong, p strong em {
  font-family: "avenir-heavyobl", "Avenir 85 Heavy Oblique", sans-serif; }

/* base */
/* todo: move to base.scss */
.rte ul {
  margin-left: 18px; }

.rte ol {
  margin-left: 22px; }

.rte.article ul {
  margin-left: 2em;
  margin-bottom: 1.3em;
  margin-top: -10px; }

.rte.article ol {
  margin-left: 2em;
  margin-bottom: 1.3em;
  margin-top: -10px; }

.rte p strong, .rte ul strong, .rte ol strong, .rte li.bold {
  font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif; }

.rte p em {
  font-family: "avenir-oblique", "Avenir 55 Oblique", sans-serif; }

.rte p em strong, .rte p strong em {
  font-family: "avenir-heavyobl", "Avenir 85 Heavy Oblique", sans-serif; }

.rte p.intro {
  font-size: 1.35em; }

.rte img {
  max-width: 100%;
  height: auto; }

.rte h2 {
  font-size: 1.125em; }

[class^="bg___"], [class*=" bg___"] {
  min-height: 60px;
  padding: 40px 0;
  background-size: cover;
  background-repeat: no-repeat; }

.bg___primary + .bg___primary, .bg___secondary + .bg___secondary, .bg___light + .bg___light {
  padding-top: 0; }

.bg___parallax {
  min-height: 500px;
  background-attachment: fixed;
  background-position: center; }

.bg___light {
  background: #fff; }

.bg___primary {
  background: #fefcec; }

.bg___secondary {
  background: #f3eede; }

.separator-block--hr {
  padding: 0;
  margin: 0;
  border-top: 1px solid #E4D7B9; }
  .separator-block--hr:before {
    content: "";
    display: block;
    width: 32px;
    height: 16px;
    background: #fffdeb url(/img/icons/icon-heart.png) top center no-repeat;
    position: absolute;
    top: -4px;
    left: 50%;
    z-index: 1;
    text-align: center;
    color: #cca55e;
    font-family: "caslon-bolditalic","Caslon 224 Bold Italic",serif;
    font-size: 1.125em;
    line-height: 1.8;
    margin-left: -17px; }

.rating {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  font-size: 0; }
  .rating i {
    font-family: "pagen-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    vertical-align: middle; }
    .rating i:before {
      content: '\e809';
      color: #e5d1b1;
      margin: 0 2px; }
  .rating .star-on-png:before {
    color: #cba463; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clear {
  clear: both; }

.desktop-only {
  display: none; }

.mobile-only {
  display: block; }

@media (min-width: 768px) {
  .desktop-only {
    display: block; }
  .mobile-only {
    display: none; }
  [class^="bg___"], [class*=" bg___"] {
    min-height: 60px;
    padding: 80px 0;
    background-size: cover;
    background-repeat: no-repeat; }
  .page-intro[class^="bg___"], .page-intro[class*=" bg___"] {
    padding-bottom: 40px; }
  .body-blocks [class^="bg___"], .body-blocks [class*=" bg___"] {
    padding: 0; } }

@media (max-width: 1086px) {
  .page-wrapper {
    padding-left: 15px;
    padding-right: 15px; } }

body.campaignmode {
  margin-top: 0px; }
  body.campaignmode .page-header, body.campaignmode .empty-banner, body.campaignmode #cookiebar, body.campaignmode .footer-nav-social, body.campaignmode .footer-nav-menu, body.campaignmode .breadcrumb-nav-menu {
    display: none; }
  body.campaignmode .subbrand-nav {
    top: 0px !important; }

.languageModal {
  padding: 3em;
  background-color: #eee;
  margin-right: 30%;
  margin-left: 30%; }
  .languageModal a {
    display: block;
    margin: .5em 0; }

section.divider-block {
  margin: 0;
  padding: 0;
  min-height: 0;
  /*min-height:15px;
	@media(min-width:768px){
		min-height:30px;
	}*/ }

.kr-wrapper {
  position: relative; }
  .kr-wrapper .kr-overlay {
    width: 100%;
    height: 100%;
    opacity: 0.75;
    position: fixed;
    top: 0;
    background-color: #000000;
    z-index: 8200; }
  .kr-wrapper .kr-info {
    background-color: white;
    position: absolute;
    max-width: 40em;
    z-index: 8500;
    padding: 2em 2em 1em 2em;
    width: 50%;
    overflow: auto;
    margin: auto;
    left: 0;
    right: 0;
    margin-top: 2em; }
  .kr-wrapper .kr-close {
    font-weight: bold;
    float: right;
    margin-top: -10px;
    cursor: pointer; }

sup {
  vertical-align: super;
  font-size: small; }

.help-wrapper,
.prompt-wrapper {
  position: relative; }
  .help-wrapper .help-overlay,
  .help-wrapper .prompt-overlay,
  .prompt-wrapper .help-overlay,
  .prompt-wrapper .prompt-overlay {
    width: 100%;
    height: 100%;
    opacity: 0.75;
    position: fixed;
    top: 0;
    background-color: #000000;
    z-index: 8200; }
  .help-wrapper .help-info,
  .help-wrapper .prompt-info,
  .prompt-wrapper .help-info,
  .prompt-wrapper .prompt-info {
    background-color: white;
    position: fixed;
    max-width: 40em;
    z-index: 8500;
    padding: 2em 2em 2em 2em;
    width: 50%;
    overflow: auto;
    margin: auto;
    left: 0;
    right: 0;
    top: 40%;
    /*margin-top:2em;*/ }
    @media (max-width: 1086px) {
      .help-wrapper .help-info,
      .help-wrapper .prompt-info,
      .prompt-wrapper .help-info,
      .prompt-wrapper .prompt-info {
        top: 10%;
        width: 85%; } }
  .help-wrapper .help-close,
  .prompt-wrapper .help-close {
    font-weight: bold;
    float: right;
    margin-top: -10px;
    cursor: pointer; }
  .help-wrapper.hidden,
  .prompt-wrapper.hidden {
    display: none; }
  .help-wrapper--center .prompt-info,
  .prompt-wrapper--center .prompt-info {
    text-align: center; }

/* For anchor links to work in article blocks */
@media (min-width: 768px) {
  .articel-block--wrapper {
    position: relative; }
    .articel-block--wrapper .content-grid.articel-block {
      position: relative;
      padding-top: 105px; } }

.content-grid.no-padding {
  padding: 0;
  min-height: 0; }

/* CTA landing page */
.cta-landingpage {
  min-height: 100vh;
  background-position: top center;
  background-size: cover; }
  .cta-landingpage-inner {
    padding: 20px 50px 40px 50px;
    text-align: center; }
  .cta-landingpage-logo-image {
    background-image: url(/img/logos/logo.png);
    width: 297px;
    height: 159px;
    margin: 0 auto;
    background-size: contain;
    margin-bottom: 60px; }
  .cta-landingpage .btn.btn-tertiary, .cta-landingpage .btn-tertiary.FormSubmitButton {
    display: block;
    width: 100%;
    max-width: 275px;
    margin: 0 auto 20px;
    text-align: center; }
  .cta-landingpage p {
    font-size: 24px;
    line-height: 33px;
    color: #fff;
    margin-top: 60px; }
    .cta-landingpage p a {
      font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif;
      color: #fff;
      text-decoration: underline; }

@media (min-width: 768px) {
  .cta-landingpage-inner {
    padding: 25px 50px 40px 50px; }
  .cta-landingpage-logo-image {
    width: 227px;
    height: 122px;
    margin-bottom: 103px; }
  .cta-landingpage p {
    margin-top: 80px; } }

button {
  cursor: pointer; }

a {
  color: #cba463;
  outline: none; }
  a:hover {
    color: #9F7147; }

.campaign-play-icon img {
  display: block;
  max-width: 100%;
  position: relative; }
  .campaign-play-icon img:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url("/img/icons/icon-video-play.png");
    background-size: contain;
    width: 61px;
    height: 61px;
    margin-left: -30px;
    margin-top: -30px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .campaign-play-icon img:after {
        background-image: url("/img/icons/icon-video-play@2x.png");
        -webkit-background-size: 61px 61px;
        -moz-background-size: 61px 61px;
        -o-background-size: 61px 61px;
        background-size: 61px 61px; } }

a[href*="youtu"] figure, .campaign-play-icon figure {
  display: block;
  max-width: 100%;
  position: relative; }
  a[href*="youtu"] figure:after, .campaign-play-icon figure:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url("/img/icons/icon-video-play.png");
    background-size: contain;
    width: 61px;
    height: 61px;
    margin-left: -30px;
    margin-top: -30px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      a[href*="youtu"] figure:after, .campaign-play-icon figure:after {
        background-image: url("/img/icons/icon-video-play@2x.png");
        -webkit-background-size: 61px 61px;
        -moz-background-size: 61px 61px;
        -o-background-size: 61px 61px;
        background-size: 61px 61px; } }

.recipie-list-play-icon:after {
  content: '';
  position: absolute;
  left: 50%;
  background-image: url("/img/icons/icon-video-play.png");
  background-size: contain;
  width: 61px;
  height: 61px;
  margin-left: -30px;
  margin-top: 85px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .recipie-list-play-icon:after {
      background-image: url("/img/icons/icon-video-play@2x.png");
      -webkit-background-size: 61px 61px;
      -moz-background-size: 61px 61px;
      -o-background-size: 61px 61px;
      background-size: 61px 61px; } }

@media (min-width: 768px) {
  .recipie-list-play-icon:after {
    top: 50%;
    left: 75%;
    margin-top: -30px; } }

.btn, .btn.btn-subbrand, .btn-subbrand.FormSubmitButton, .FormSubmitButton {
  border: none;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  padding: 14px 25px;
  text-transform: uppercase;
  margin-bottom: 5px;
  outline: none; }
  .btn:hover, .FormSubmitButton:hover {
    text-decoration: none; }

.btn:disabled, .FormSubmitButton:disabled {
  cursor: disabled;
  opacity: .5; }

.btn.btn-text, .btn-text.FormSubmitButton {
  font-size: 12px;
  padding: 14px 25px;
  text-transform: uppercase;
  color: #CBA463; }
  .btn.btn-text:hover, .btn-text.FormSubmitButton:hover {
    color: #9F7147; }

.btn.btn-default, .btn-subbrand.FormSubmitButton, .FormSubmitButton {
  font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif;
  background-color: #cba463;
  border-radius: 2px;
  color: #fff; }
  .btn.btn-default:hover, .FormSubmitButton:hover, .btn.btn-default.toggle:hover, .toggle.FormSubmitButton:hover, .btn.btn-default.heading-hover, .heading-hover.FormSubmitButton {
    background-color: #9F7147; }
  .btn.btn-default.is-toggled, .is-toggled.FormSubmitButton {
    background-color: #e4d0a7; }

.btn.btn-secondary, .btn-secondary.FormSubmitButton {
  font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif;
  background-color: #e4d0a7;
  border-radius: 2px;
  color: #fff; }
  .btn.btn-secondary:hover, .btn-secondary.FormSubmitButton:hover, .btn.btn-secondary.toggle:hover, .btn-secondary.toggle.FormSubmitButton:hover, .btn.btn-secondary.heading-hover, .btn-secondary.heading-hover.FormSubmitButton {
    background-color: #dabe8c; }
  .btn.btn-secondary.is-toggled, .btn-secondary.is-toggled.FormSubmitButton {
    background-color: #cba463; }

.btn.btn-tertiary, .btn-tertiary.FormSubmitButton {
  font-family: "avenir-roman", "Avenir 55 Roman", sans-serif;
  font-size: 18px;
  line-height: 25px;
  background-color: #B51D1D;
  border-radius: 15px;
  color: #fff;
  text-transform: none;
  padding: 17px 25px; }
  .btn.btn-tertiary:hover, .btn-tertiary.FormSubmitButton:hover, .btn.btn-tertiary.toggle:hover, .btn-tertiary.toggle.FormSubmitButton:hover, .btn.btn-tertiary.heading-hover, .btn-tertiary.heading-hover.FormSubmitButton, .btn.btn-tertiary:active, .btn-tertiary.FormSubmitButton:active {
    background-color: #9e2525; }

.btn.btn-tag, .btn-tag.FormSubmitButton {
  font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif;
  background-color: #96A925;
  border-radius: 2px;
  color: #FFF;
  text-transform: none;
  padding: 5px 10px; }
  .btn.btn-tag:hover, .btn-tag.FormSubmitButton:hover {
    background-color: #637600; }

.btn.btn-tag-filter, .btn-tag-filter.FormSubmitButton {
  font-family: "avenir-roman", "Avenir 55 Roman", sans-serif;
  color: #522F19;
  font-size: 0.875em;
  vertical-align: middle;
  padding: 0;
  border: 1px solid transparent;
  margin-bottom: 0; }
  .btn.btn-tag-filter:after, .btn-tag-filter.FormSubmitButton:after {
    content: 'X';
    color: #522F19;
    font-size: 9px;
    font-family: "avenir-roman", "Avenir 55 Roman", sans-serif;
    margin-left: 5px;
    margin-right: 6px;
    text-align: center;
    line-height: 0;
    display: inline; }
  .btn.btn-tag-filter:hover, .btn-tag-filter.FormSubmitButton:hover {
    color: #CBA463; }
    .btn.btn-tag-filter:hover:after, .btn-tag-filter.FormSubmitButton:hover:after {
      color: #CBA463; }

.btn.big-toggle-btn, .big-toggle-btn.FormSubmitButton {
  display: inline-block;
  width: 66px;
  height: 66px;
  background-color: #FFF;
  border: 1px solid #CBA463;
  padding: 0;
  color: #CBA463;
  font-family: "avenir-roman", "Avenir 55 Roman", sans-serif;
  font-size: 0.8125em;
  text-align: center;
  text-transform: none;
  word-wrap: break-word; }
  .btn.big-toggle-btn.is-toggled, .big-toggle-btn.is-toggled.FormSubmitButton, .btn.big-toggle-btn:hover, .big-toggle-btn.FormSubmitButton:hover {
    background-color: #cba463;
    color: #fff; }
  .btn.big-toggle-btn.is-active:hover, .big-toggle-btn.is-active.FormSubmitButton:hover {
    background-color: #fff;
    color: #cba463; }

.btn.btn-textcursive, .btn-textcursive.FormSubmitButton {
  font-family: "caslon-bolditalic", "Caslon 224 Bold Italic", serif;
  font-size: 1.125em;
  padding: 0;
  text-transform: none; }

.btn.btn-foldout, .btn-foldout.FormSubmitButton {
  font-size: 0.75em;
  font-family: "avenir-medium", "Avenir 65 Medium", sans-serif;
  text-transform: uppercase; }
  .btn.btn-foldout:after, .btn-foldout.FormSubmitButton:after {
    display: inline-block;
    width: 10px;
    text-align: center;
    margin-left: 5px;
    content: '+';
    font-family: "avenir-roman", "Avenir 55 Roman", sans-serif;
    font-size: 16px;
    line-height: 1; }
  .btn.btn-foldout.is-open:after, .btn-foldout.is-open.FormSubmitButton:after {
    content: " \2013"; }
  .btn.btn-foldout.dark-button-text, .btn-foldout.dark-button-text.FormSubmitButton {
    color: #555;
    font-size: 100%;
    font: "avenir-heavy", "Avenir 85 Heavy", sans-serif; }
    .btn.btn-foldout.dark-button-text:after, .btn-foldout.dark-button-text.FormSubmitButton:after {
      font-size: 110%;
      vertical-align: text-top; }
    .btn.btn-foldout.dark-button-text:hover, .btn-foldout.dark-button-text.FormSubmitButton:hover {
      color: #9f7147; }

.btn.btn-circle, .btn-subbrand.btn, .btn-subbrand.FormSubmitButton, .btn-circle.FormSubmitButton {
  background-clip: border-box;
  background-color: #cba463;
  border-radius: 50% 50%;
  color: #fff;
  overflow: hidden;
  padding: 6px 7px; }
  .btn.btn-circle:hover, .btn-subbrand.btn:hover, .btn-subbrand.FormSubmitButton:hover, .btn-circle.FormSubmitButton:hover {
    background-color: #9F7147; }
  .btn.btn-circle.btn-sm, .btn-sm.btn-subbrand.btn, .btn-sm.btn-subbrand.FormSubmitButton, .btn-circle.btn-sm.FormSubmitButton {
    width: 33px;
    height: 33px;
    padding: 0;
    text-align: center;
    line-height: 0; }
    .btn.btn-circle.btn-sm [class^="icon-"]:before, .btn-sm.btn-subbrand.btn [class^="icon-"]:before, .btn-sm.btn-subbrand.FormSubmitButton [class^="icon-"]:before, .btn-circle.btn-sm.FormSubmitButton [class^="icon-"]:before, .btn.btn-circle.btn-sm [class*=" icon-"]:before, .btn-sm.btn-subbrand.btn [class*=" icon-"]:before, .btn-sm.btn-subbrand.FormSubmitButton [class*=" icon-"]:before, .btn-circle.btn-sm.FormSubmitButton [class*=" icon-"]:before {
      line-height: 0;
      margin: 0;
      font-size: 1.3em; }

.contact-card-content a.btn-sm {
  padding-top: 5px !important; }

.btn-subbrand.btn, .btn-subbrand.FormSubmitButton {
  background-color: #FFF;
  border: 1px solid #DDC9B7;
  width: 83px;
  height: 83px;
  padding: 0 !important;
  overflow: hidden;
  margin-left: 3px;
  margin-right: 3px; }
  .btn-subbrand.btn:hover, .btn-subbrand.FormSubmitButton:hover, .btn-subbrand.active.btn, .btn-subbrand.active.FormSubmitButton {
    border: 1px solid #CBA463;
    background: #fff; }
  .btn-subbrand.btn img, .btn-subbrand.FormSubmitButton img {
    max-width: 100%; }

.js-btn-read-more {
  display: block;
  color: #cca565;
  font-family: "Open Sans";
  font-size: 2.5em;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
  transition: transform 150ms ease-out; }
  .js-btn-read-more .icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px; }
    .js-btn-read-more .icon img {
      display: block;
      width: 28px;
      height: 28px;
      transition: transform 600ms ease-out;
      padding-bottom: 1px; }
  .js-btn-read-more .text {
    display: inline-block;
    vertical-align: middle;
    font-family: "avenir-roman", "Avenir 55 Roman", sans-serif;
    font-size: 19px;
    text-transform: uppercase; }
  .js-btn-read-more .less {
    display: none; }
  .js-btn-read-more.is-open .icon img {
    transform: rotate(-180deg);
    padding-bottom: 0;
    padding-top: 1px; }
  .js-btn-read-more.is-open .more {
    display: none; }
  .js-btn-read-more.is-open .less {
    display: inline-block; }

@media (min-width: 768px) {
  .btn, .btn.btn-subbrand, .btn-subbrand.FormSubmitButton, .FormSubmitButton {
    font-size: 12px;
    padding: 14px 25px; }
  .btn-subbrand.btn, .btn-subbrand.FormSubmitButton {
    width: 100px;
    height: 100px; } }

/*$column-width: 60px;
$gutter-width: 8px;
$columns: 6;


@function gridsystem-width($columns:$columns) {
	@return ($column-width * $columns) + ($gutter-width * $columns);
}


$total-width: 100%;*/
body {
  width: 100%; }
  body:before, body:after {
    content: "";
    display: table; }
  body:after {
    clear: both; }

/*@mixin row($columns:$columns) {
	display: block;
	width: $total-width*(($gutter-width + gridsystem-width($columns))/gridsystem-width($columns));
	margin-left: $total-width*((($gutter-width*.5)/gridsystem-width($columns))*-1);
	margin-right: $total-width*((($gutter-width*.5)/gridsystem-width($columns))*-1);
	// *width: $total-width*(($gutter-width + gridsystem-width($columns))/gridsystem-width($columns))-$correction;
	// *margin: 0 $total-width*((($gutter-width*.5)/gridsystem-width($columns))*-1)-$correction;
	@include clearfix();
}
@mixin column($x,$columns:$columns) {
	display: inline;
	float: left;
	width: $total-width*(((($gutter-width+$column-width)*$x)-$gutter-width) / gridsystem-width($columns));
	margin-left: $total-width*(($gutter-width*.5)/gridsystem-width($columns));
	margin-right: $total-width*(($gutter-width*.5)/gridsystem-width($columns));
	margin-bottom:$total-width*(($gutter-width*.5)/gridsystem-width($columns));
	// *width: $total-width*(((($gutter-width+$column-width)*$x)-$gutter-width) / gridsystem-width($columns))-$correction;
	// *margin: 0 $total-width*(($gutter-width*.5)/gridsystem-width($columns))-$correction;
}
@mixin push($offset:1) {
	margin-left: $total-width*((($gutter-width+$column-width)*$offset) / gridsystem-width($columns)) + $total-width*(($gutter-width*.5)/gridsystem-width($columns));
}
@mixin pull($offset:1) {
	margin-right: $total-width*((($gutter-width+$column-width)*$offset) / gridsystem-width($columns)) + $total-width*(($gutter-width*.5)/gridsystem-width($columns));
}*/
.grid {
  display: block;
  width: 101.96078%;
  margin-left: -0.98039%;
  margin-right: -0.98039%; }
  .grid:before, .grid:after {
    content: "";
    display: table; }
  .grid:after {
    clear: both; }
  .grid .col-1,
  .grid .col-2,
  .grid .col-3,
  .grid .col-4,
  .grid .col-5,
  .grid .col-6,
  .grid .col-full,
  .grid .col-half,
  .grid .col-one-third,
  .grid .col-two-third,
  .grid .col-one-fourth,
  .grid .col-two-fourth,
  .grid .col-three-fourth,
  .grid .col-aside,
  .grid .col-body {
    display: inline;
    float: left;
    width: 98.03922%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .row {
    display: block;
    width: 101.96078%;
    margin-left: -0.98039%;
    margin-right: -0.98039%; }
    .grid .row:before, .grid .row:after {
      content: "";
      display: table; }
    .grid .row:after {
      clear: both; }
  .grid .col-aside.recipe-col section {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto; }

@media (min-width: 768px) {
  .grid:before, .grid:after {
    content: "";
    display: table; }
  .grid:after {
    clear: both; }
  .grid .col-1 {
    display: inline;
    float: left;
    width: 14.70588%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-2 {
    display: inline;
    float: left;
    width: 31.37255%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-3 {
    display: inline;
    float: left;
    width: 48.03922%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-4 {
    display: inline;
    float: left;
    width: 64.70588%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-5 {
    display: inline;
    float: left;
    width: 81.37255%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-6 {
    display: inline;
    float: left;
    width: 98.03922%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-full {
    display: inline;
    float: left;
    width: 98.03922%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-half {
    display: inline;
    float: left;
    width: 48.03922%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-one-third {
    display: inline;
    float: left;
    width: 31.37255%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-two-third {
    display: inline;
    float: left;
    width: 64.70588%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-one-fourth {
    display: inline;
    float: left;
    width: 23.03922%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-two-fourth {
    display: inline;
    float: left;
    width: 48.03922%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-three-fourth {
    display: inline;
    float: left;
    width: 73.03922%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-three-fifth {
    display: inline;
    float: left;
    width: 58.03922%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-two-fifth {
    display: inline;
    float: left;
    width: 38.03922%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-aside {
    display: inline;
    float: left;
    width: 27.20588%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-body {
    display: inline;
    float: left;
    width: 66.37255%;
    margin-left: 0.98039%;
    margin-right: 0.98039%;
    margin-bottom: 0.98039%; }
  .grid .col-right {
    float: right; } }

.form {
  margin: 0 0 1em 0; }
  .form:before, .form:after {
    content: "";
    display: table; }
  .form:after {
    clear: both; }

.form-legend {
  display: block;
  font-size: 20px;
  width: 100%;
  margin: 1em 0 .5em;
  float: left; }

input.placeholder, textarea.placeholder {
  color: #686767;
  font-family: "avenir-oblique", "Avenir 55 Oblique", sans-serif; }

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #686767;
  font-family: "avenir-oblique", "Avenir 55 Oblique", sans-serif; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #686767;
  font-family: "avenir-oblique", "Avenir 55 Oblique", sans-serif; }

textarea,
input[type="text"],
input[type="search"],
input[type="number"],
input[type="date"],
input[type="email"],
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0; }

.form-control, .FormTextbox__Input {
  display: block;
  width: 100%;
  background-color: #FFF;
  border: 1px solid #CDCDCD;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #DDC9B7;
  font-size: 1em; }
  .form-control.placeholder, .placeholder.FormTextbox__Input {
    color: #522F19;
    color: #737373;
    font-family: inherit;
    font-size: inherit;
    font-family: "avenir-oblique", "Avenir 55 Oblique", sans-serif; }
  .form-control:-moz-placeholder, .FormTextbox__Input:-moz-placeholder {
    color: #522F19;
    color: #737373;
    font-family: inherit;
    font-size: inherit;
    font-family: "avenir-oblique", "Avenir 55 Oblique", sans-serif; }
  .form-control::-webkit-input-placeholder, .FormTextbox__Input::-webkit-input-placeholder {
    color: #522F19;
    color: #737373;
    font-family: inherit;
    font-size: inherit;
    font-family: "avenir-oblique", "Avenir 55 Oblique", sans-serif; }
  .form-control.failed, .failed.FormTextbox__Input {
    border: 1px solid #ff0000; }
  .form-control:focus, .FormTextbox__Input:focus {
    outline: none;
    border: 1px solid #CBA462; }
  .form-control-sm {
    padding: 5px 10px; }
  .form-control-lg {
    font-size: 1.125em;
    padding: 27px 30px; }

textarea.form-control, textarea.FormTextbox__Input {
  height: 10em; }

input[type="number"].form-control, input[type="number"].FormTextbox__Input {
  width: 100%; }

input[type="search"].form-control, input[type="search"].FormTextbox__Input {
  -webkit-appearance: textfield; }

.sod_select {
  display: block;
  line-height: 1.1;
  height: 47px;
  background-color: #FFF;
  border: 1px solid #CDCDCD;
  margin: 10px 0;
  width: 100%; }
  .sod_select:hover, .sod_select.open, .sod_select.focus {
    border-color: #CBA462;
    box-shadow: none; }
  .sod_select.open .sod_list_wrapper {
    border: 1px solid #000000;
    margin: 0 0 0 -1px;
    width: 100%;
    z-index: 99; }
  .sod_select .sod_label {
    color: #737373;
    font-family: "avenir-roman", "Avenir 55 Roman", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none; }

.recipe-sort .col-one-third .checkbox {
  width: 44%; }

.recipe-sort .btn-tag {
  background-color: #96a925;
  /*#CED198*/
  text-shadow: 0 0 2px #999; }

.recipe-sort .tag-selected, .recipe-sort .btn-tag:hover {
  background-color: #637600; }

.recipe-sort .sod_select {
  margin: 0;
  height: 36px;
  background-color: #fff;
  border-radius: 2px;
  color: #cba463;
  padding: 12px;
  border: 1px solid #cba463; }
  .recipe-sort .sod_select:before {
    display: none; }

.recipe-sort .sod_label {
  color: #cba463;
  font-size: 14px;
  margin-top: -2px; }

.recipe-categories .checkbox {
  margin-bottom: 3px; }

#recipewrapper.overlay div.recipe-card {
  transition-property: opacity, left;
  transition-duration: .5s, 4s;
  opacity: 0.3; }

.form-group {
  position: relative;
  margin: 0 0 10px; }
  .form-group .fileerror {
    padding-top: 5px;
    font-weight: bold; }

.form-verification {
  display: none; }

.form-group-inline {
  display: inline-block; }
  .form-group-inline .radio, .form-group-inline .checkbox {
    display: inline-block;
    margin-right: 10px; }

.radio-inline-label {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.625em;
  font-family: "avenir-medium", "Avenir 65 Medium", sans-serif;
  text-transform: uppercase;
  margin-right: 10px; }

.borderradius .radio > label, .borderradius .checkbox > label {
  user-select: none; }
  .borderradius .radio > label span, .borderradius .checkbox > label span {
    padding-left: 20px;
    position: relative;
    color: #cba463; }
  .borderradius .radio > label span:before, .borderradius .checkbox > label span:before {
    content: '';
    width: 15px;
    height: 15px;
    background-color: #FFF;
    border: 1px solid #CBA463;
    left: 0;
    position: absolute;
    top: 2px; }
  .borderradius .radio > label:hover span:before, .borderradius .checkbox > label:hover span:before {
    background-color: #e4d0a7; }
  .borderradius .radio > label input[type=radio], .borderradius .radio > label input[type=checkbox], .borderradius .checkbox > label input[type=radio], .borderradius .checkbox > label input[type=checkbox] {
    display: none; }
  .borderradius .radio > label input[type=radio]:checked + span:after, .borderradius .radio > label input[type=checkbox]:checked + span:after, .borderradius .checkbox > label input[type=radio]:checked + span:after, .borderradius .checkbox > label input[type=checkbox]:checked + span:after {
    background-color: #cba463;
    content: '';
    width: 9px;
    height: 9px;
    left: 3px;
    position: absolute;
    top: 5px; }

.borderradius .radio span:before, .borderradius .radio span:after {
  border-radius: 50% 50%; }

.successmsg {
  font-size: 1.2rem;
  padding: 4em 0 3em;
  color: #522f19; }

.failmsg {
  font-size: 1.2rem;
  padding: 1em 0 1em;
  color: #990000; }

@media (min-width: 768px) {
  input[type="search"].form-control, input[type="search"].FormTextbox__Input {
    padding-left: 30px; }
  .sod_select {
    display: inline-block;
    width: 200px;
    margin: 10px; }
  .recipe-sort {
    margin-bottom: 0; }
    .recipe-sort .sod_select {
      margin-top: 1em; }
  .form.horizontal .form-group {
    position: relative;
    padding-left: 275px;
    overflow: hidden; }
    .form.horizontal .form-group:before, .form.horizontal .form-group:after {
      content: "";
      display: table; }
    .form.horizontal .form-group:after {
      clear: both; }
    .form.horizontal .form-group > label, .form.horizontal .form-group > .label {
      width: 250px;
      position: absolute;
      top: 0;
      left: 0; }
    .form.horizontal .form-group input, .form.horizontal .form-group textarea, .form.horizontal .form-group select {
      float: left; }
    .form.horizontal .form-group .radio, .form.horizontal .form-group .checkbox {
      float: left;
      margin-right: 25px; }
  .form.horizontal .checkfield-group {
    position: relative;
    padding-left: 275px; }
    .form.horizontal .checkfield-group:before, .form.horizontal .checkfield-group:after {
      content: "";
      display: table; }
    .form.horizontal .checkfield-group:after {
      clear: both; }
    .form.horizontal .checkfield-group .form-group {
      padding: 0; }
    .form.horizontal .checkfield-group legend {
      width: 250px;
      margin: 0;
      font-size: inherit;
      position: absolute;
      top: 0;
      left: 0; }
      .form.horizontal .checkfield-group legend:after {
        content: ':'; } }

.Form__Element {
  margin-bottom: 10px; }

.Form__Element__ValidationError {
  color: #ce0f0f;
  margin: 5px 0px 0px 10px;
  font-size: 14px;
  display: inline-block; }

.FormFileUpload__Input {
  display: block;
  margin: 15px 0; }

.FormChoice__Input {
  transform: scale(1.25);
  margin-right: 10px;
  margin-bottom: 10px; }

@media (max-width: 768px) {
  .xform {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px; } }

.xform .steps-caption {
  color: #CBA463;
  font-family: "avenir-medium", "Avenir 65 Medium", sans-serif;
  font-size: 0.75em; }

.xform .form-success {
  margin-left: 1em; }

.xform .form-section {
  display: none; }
  .xform .form-section .step-wrapper {
    margin: 1em 0; }
  .xform .form-section .button-wrapper {
    margin-top: 2em;
    /*margin-bottom:2em;*/ }
    .xform .form-section .button-wrapper .btn, .xform .form-section .button-wrapper .FormSubmitButton {
      max-height: 45px; }

.xform #section-0 {
  display: block; }

.xform .input-label {
  font-family: "caslon-bolditalic","Caslon 224 Bold Italic",serif;
  font-size: 1.875em; }

.xform .small .input-label {
  font-size: 1em; }

.xform .medium .input-label {
  font-size: 1.25em; }

.xform .input-wrapper {
  margin: 1em 0; }
  .xform .input-wrapper .checkbox-wrapper, .xform .input-wrapper .radio-wrapper {
    margin: 5px 0; }
    .xform .input-wrapper .checkbox-wrapper input, .xform .input-wrapper .radio-wrapper input {
      margin-right: 5px; }

.xform .validation-summary-errors ul {
  list-style-type: none; }

.xform .mandatory input, .xform .mandatory textarea, .xform .mandatory .input-wrapper {
  border: 1px solid #ff0000;
  border-image: url("/img/mandatory-border.png") 20% round; }

.xform .form-group input[type="text"], .xform .form-group input[type="email"], .xform .form-group input[type="date"], .xform .form-group input[type="number"], .xform .form-group textarea {
  color: #2e2e2e !important; }

.xform input.failed {
  background-color: #ffdddd;
  border: 1px solid #ff0000;
  border-image: url("/img/mandatory-border.png") 20% round; }

.xform .ean-validation .col-one-third {
  padding-right: 1em; }

.xform .ean-validation img {
  max-width: 100%;
  margin-right: 5px; }
  @media (max-width: 768px) {
    .xform .ean-validation img {
      display: none; } }

.xform .ean-validation input[name="ean"] {
  margin: 15px 0;
  max-width: 2em;
  display: inline-block;
  border-style: dashed;
  border-radius: 3px;
  font-size: 120%;
  text-align: center; }
  .xform .ean-validation input[name="ean"].mobile-only {
    display: none; }
  @media (max-width: 768px) {
    .xform .ean-validation input[name="ean"] {
      font-size: 100%;
      display: none; }
      .xform .ean-validation input[name="ean"].mobile-only {
        display: inline-block;
        max-width: 14em; } }

.xform .ean-validation input.btn, .xform .ean-validation input.FormSubmitButton {
  margin: 15px 0 15px 50px; }
  @media (max-width: 768px) {
    .xform .ean-validation input.btn, .xform .ean-validation input.FormSubmitButton {
      margin-left: 0;
      display: block; } }

.xform .ean-validation .ean-input-wrapper:after {
  content: ' ';
  color: red;
  font-size: 200%;
  padding: 15px 0 0 10px;
  position: absolute; }

.xform .ean-validation .ean-input-wrapper.failed:after {
  content: 'X'; }

.xform .ean-validation .ean-input-wrapper.failed input[name="ean"] {
  border-color: #ff0000; }

.xform .hk-input {
  display: none; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8 {
  margin-bottom: .5em; }

h1, .h1,
h2, .h2,
h3, .h3 {
  font-family: "avenir-black", "Avenir 95 Black", sans-serif;
  color: #522f19;
  line-height: 1; }
  h1 i, h1 em, .h1 i, .h1 em,
  h2 i,
  h2 em, .h2 i, .h2 em,
  h3 i,
  h3 em, .h3 i, .h3 em {
    display: block;
    font-family: "caslon-bolditalic", "Caslon 224 Bold Italic", serif; }

.h3 {
  font-family: "avenir-black", "Avenir 95 Black", sans-serif;
  font-size: 1.875em; }

h4, .h4 {
  font-family: "avenir-black", "Avenir 95 Black", sans-serif;
  font-size: 1.875em; }

h5, .h5 {
  font-size: 1.375em;
  font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif; }

h6, .h6 {
  font-family: "caslon-bolditalic", "Caslon 224 Bold Italic", serif;
  font-size: 1.125em; }

.h7 {
  font-size: 1.125em;
  font-family: "avenir-roman", "Avenir 55 Roman", sans-serif; }

.h8 {
  font-size: 0.75em;
  font-family: "avenir-medium", "Avenir 65 Medium", sans-serif;
  text-transform: uppercase; }

.block-base-title {
  font-family: "caslon-bolditalic", "Caslon 224 Bold Italic", serif;
  font-size: 1.875em;
  text-align: center; }

p {
  line-height: 1.8;
  margin-bottom: 1.3em; }

blockquote, .quote {
  line-height: 1.5;
  margin: 0 1em 1.3em;
  color: #CBA463;
  font-family: "caslon-bolditalic", "Caslon 224 Bold Italic", serif;
  font-size: 22px; }

@media (min-width: 768px) {
  .block-base-title {
    font-size: 2.5em; } }

.font-LunchBoxSlab {
  font-family: "LunchBoxSlab", serif; }

.top-hero p.font-LunchBoxSlab,
.top-hero h1 p,
.page-intro-heading p.font-LunchBoxSlab,
.page-intro h1 p {
  margin-bottom: 0;
  line-height: 1.2em; }

.page-intro .page-intro-body p.font-LunchBoxSlab {
  font-size: 22px; }

.page-intro .rte p.font-LunchBoxSlab {
  font-size: 18px; }

.articel-block--wrapper .rte p.font-LunchBoxSlab {
  font-size: 18px; }

.alergi-table {
  width: 100%;
  margin-bottom: 1em; }
  .alergi-table thead td {
    color: #522F19;
    font-family: "caslon-bolditalic", "Caslon 224 Bold Italic", serif;
    font-size: 0.875em;
    text-align: center;
    vertical-align: middle; }
  .alergi-table tbody tr:nth-child(odd) td:nth-child(odd) {
    background: #fffef7; }
  .alergi-table tbody tr:nth-child(odd) td:nth-child(even) {
    background: #fffceb; }
  .alergi-table tbody tr:nth-child(even) td {
    background: #f3e9d0; }
  .alergi-table tbody td {
    width: 33.33%;
    border: 1px solid #e7d6b6;
    padding: 15px;
    color: #CBA463;
    font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif;
    font-size: 0.875em;
    vertical-align: middle; }
    .alergi-table tbody td a.product-name {
      color: #8e6327;
      /*#686767;*/
      /*font-size: em(12px);*/
      font-family: "avenir-roman", "Avenir 55 Roman", sans-serif;
      display: block;
      width: 100%;
      height: 100%; }
      .alergi-table tbody td a.product-name:hover {
        color: #CBA463; }

@media (min-width: 768px) {
  .alergi-table thead td {
    font-size: 1.875em; }
  .alergi-table tbody td {
    font-size: 1em; }
    .alergi-table tbody td.product-name {
      font-size: 0.875em; } }

/* nav */
.main-nav {
  background: #fffdec;
  height: 52px;
  border-bottom: 1px solid #e9d2b0;
  z-index: 12;
  position: relative; }
  .main-nav .inner {
    padding-left: 0;
    padding-right: 0; }
  .main-nav-logo {
    position: relative;
    z-index: 2;
    background-image: url("/img/logos/main-nav-logo-sm.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    display: block;
    width: 71px;
    height: 52px;
    position: absolute;
    top: 0;
    left: 10px;
    /*transition: all .2s ease-in-out;*/
    transform: scale(0.67); }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .main-nav-logo {
        background-image: url("/img/logos/main-nav-logo-sm@2x.png");
        -webkit-background-size: 65px 37px;
        -moz-background-size: 65px 37px;
        -o-background-size: 65px 37px;
        background-size: 65px 37px; } }
  .main-nav-search-button {
    background-image: url("/img/icons/icon-search-sm.png");
    background-size: contain;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 52px;
    border-left: 2px solid #f0e3c3;
    outline: none;
    cursor: pointer; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .main-nav-search-button {
        background-image: url("/img/icons/icon-search-sm@2x.png");
        -webkit-background-size: 18px 18px;
        -moz-background-size: 18px 18px;
        -o-background-size: 18px 18px;
        background-size: 18px 18px; } }
    .main-nav-search-button.is-active {
      background-color: #fff;
      background-image: url("/img/icons/icon-close-sm.png");
      background-size: contain;
      background-size: 13px 14px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        .main-nav-search-button.is-active {
          background-image: url("/img/icons/icon-close-sm@2x.png");
          -webkit-background-size: 13px 14px;
          -moz-background-size: 13px 14px;
          -o-background-size: 13px 14px;
          background-size: 13px 14px; } }
  .main-nav-burger {
    background-image: url("/img/icons/main-nav-burger-sm.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 52px;
    border-left: 2px solid #f0e3c3;
    outline: none;
    cursor: pointer;
    display: inline-block; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .main-nav-burger {
        background-image: url("/img/icons/main-nav-burger-sm@2x.png");
        -webkit-background-size: 19px 19px;
        -moz-background-size: 19px 19px;
        -o-background-size: 19px 19px;
        background-size: 19px 19px; } }
  .main-nav-menu-wrapper {
    text-align: right; }
  .main-nav-menu {
    display: none;
    vertical-align: middle; }
    .main-nav-menu.sm-priority {
      display: inline-block; }
    .main-nav-menu > li {
      display: table;
      height: 52px;
      border-left: 2px solid #f0e3c3; }
    .main-nav-menu > li a {
      color: #522f19;
      display: table-cell;
      font-size: 0.875em;
      vertical-align: middle;
      padding: 0 15px;
      line-height: 1;
      text-transform: uppercase; }
      .main-nav-menu > li a span {
        position: relative;
        top: 2px;
        padding-bottom: 5px; }
        .main-nav-menu > li a span.arrow img {
          transform: rotate(90deg);
          margin-left: 6px; }
        .main-nav-menu > li a span.arrow.sub-menu-open img {
          transform: rotate(-90deg); }
      .main-nav-menu > li a.current-link-active, .main-nav-menu > li a.current-link-fake-active {
        font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif; }
        .main-nav-menu > li a.current-link-active span, .main-nav-menu > li a.current-link-fake-active span {
          border-bottom: 1px solid #522f19; }
          .main-nav-menu > li a.current-link-active span.arrow, .main-nav-menu > li a.current-link-fake-active span.arrow {
            border-bottom: none; }
      .main-nav-menu > li a:hover span, .main-nav-menu > li a .active span, .main-nav-menu > li a:active span {
        border-bottom: 1px solid #522f19; }
        .main-nav-menu > li a:hover span.arrow, .main-nav-menu > li a .active span.arrow, .main-nav-menu > li a:active span.arrow {
          border-bottom: none; }

.main-nav-searchbar {
  display: none;
  position: relative;
  z-index: 1;
  border-bottom: 2px solid #e9d2b0; }
  .main-nav-searchbar.is-open {
    display: block; }
  .main-nav-searchbar-input {
    -webkit-appearance: none !important;
    -webkit-border-radius: 0 !important;
    background: #fff;
    border-left: 1px solid #e9d2b0;
    border-right: 1px solid #e9d2b0;
    width: 100%;
    height: 65px;
    font-size: 1.125em;
    padding: 20px; }
    .main-nav-searchbar-input:focus {
      outline: none; }
  .main-nav-searchbar-submit {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("/img/icons/icon-search-sm.png");
    background-size: contain;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 65px;
    outline: none;
    cursor: pointer; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .main-nav-searchbar-submit {
        background-image: url("/img/icons/icon-search-sm@2x.png");
        -webkit-background-size: 18px 18px;
        -moz-background-size: 18px 18px;
        -o-background-size: 18px 18px;
        background-size: 18px 18px; } }
  .main-nav-searchbar-close {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    background-image: url("/img/icons/icon-close-sm.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 14px;
    width: 50px;
    height: 65px;
    outline: none;
    cursor: pointer; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .main-nav-searchbar-close {
        background-image: url("/img/icons/icon-close-sm@2x.png");
        -webkit-background-size: 13px 14px;
        -moz-background-size: 13px 14px;
        -o-background-size: 13px 14px;
        background-size: 13px 14px; } }

@media (min-width: 768px) {
  .main-nav {
    height: 67px; }
    .main-nav .inner {
      padding-right: 0; }
    .main-nav-logo {
      display: block;
      width: 136px;
      height: 98px;
      position: absolute;
      top: 4px;
      left: 13px;
      background: none;
      transform-origin: 0% 0%;
      transform: none;
      transform: scale(0.67);
      /*&:after {
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 136px;
				height: 98px;
				background: url('/img/logos/logo-bg@1x.png') no-repeat;
				background-size: 136px 98px;
				z-index: 1;
				opacity: 1;
				transition: all .2s ease-in-out;
			}*/
      /*&.--tiny {
				transform: scale(0.67);

				&:after {
					opacity: 0;
				}
			}*/ }
      .main-nav-logo:before {
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 136px;
        height: 98px;
        background-image: url("/img/logos/logo@2x.png");
        background-size: 136px 98px;
        z-index: 2; }
      .main-nav-logo.staging {
        background-image: url("/img/logos/main-nav-logo-test.png");
        background-size: contain; } }
      @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi), only screen and (min-width: 768px) and (min-resolution: 2dppx) {
        .main-nav-logo.staging {
          background-image: url("/img/logos/main-nav-logo-test@2x.png");
          -webkit-background-size: 136px 98px;
          -moz-background-size: 136px 98px;
          -o-background-size: 136px 98px;
          background-size: 136px 98px; } }

@media (min-width: 768px) {
      .main-nav-logo.has-sticky-subnav {
        background-image: url("/img/logos/main-nav-logo-sm.png");
        background-size: contain;
        width: 65px;
        left: 20px;
        top: 0;
        height: 67px; } }
      @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi), only screen and (min-width: 768px) and (min-resolution: 2dppx) {
        .main-nav-logo.has-sticky-subnav {
          background-image: url("/img/logos/main-nav-logo-sm@2x.png");
          -webkit-background-size: 65px 37px;
          -moz-background-size: 65px 37px;
          -o-background-size: 65px 37px;
          background-size: 65px 37px; } }

@media (min-width: 768px) {
        .main-nav-logo.has-sticky-subnav.staging {
          background-image: url("/img/logos/main-nav-logo-sm-test.png");
          background-size: contain; } }
        @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi), only screen and (min-width: 768px) and (min-resolution: 2dppx) {
          .main-nav-logo.has-sticky-subnav.staging {
            background-image: url("/img/logos/main-nav-logo-sm-test@2x.png");
            -webkit-background-size: 65px 37px;
            -moz-background-size: 65px 37px;
            -o-background-size: 65px 37px;
            background-size: 65px 37px; } }

@media (min-width: 768px) {
    .main-nav-burger {
      display: none; }
    .main-nav-search-button {
      background-image: url("/img/icons/icon-search.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 10px;
      width: 50px;
      height: 67px;
      border-left: none;
      outline: none; } }
    @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi), only screen and (min-width: 768px) and (min-resolution: 2dppx) {
      .main-nav-search-button {
        background-image: url("/img/icons/icon-search@2x.png");
        -webkit-background-size: 10px 10px;
        -moz-background-size: 10px 10px;
        -o-background-size: 10px 10px;
        background-size: 10px 10px; } }

@media (min-width: 768px) {
      .main-nav-search-button.is-active {
        display: none; }
    .main-nav-menu {
      display: inline-block; }
      .main-nav-menu > li {
        float: left;
        height: 67px;
        border-left: none;
        border-spacing: 8px 0; }
      .main-nav-menu > li a {
        display: table-cell;
        font-size: 0.75em;
        padding: 0;
        line-height: 1; }
  .main-nav-searchbar {
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    padding-left: 166px; }
    .main-nav-searchbar-input {
      width: 100%;
      max-width: 100%;
      height: 65px;
      font-size: 1.125em;
      padding: 20px;
      float: right; }
    .main-nav-searchbar-submit {
      display: none; }
    .main-nav-searchbar-close {
      display: block; } }

@media (min-width: 960px) {
  .main-nav-menu > li {
    border-spacing: 13px 0; } }

@media (min-width: 1086px) {
  .main-nav-logo {
    left: 0; } }

.mega-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100vh;
  height: 100%;
  padding-top: 52px;
  visibility: hidden;
  /*transition: transform .2s;
	display: none;*/
  transition: transform .5s;
  display: block;
  transform: translateY(-100%); }
  .mega-nav .page-wrapper {
    padding: 0; }
  .mega-nav .inner {
    position: relative;
    width: 100%;
    height: 100%; }
  .mega-nav.is-open {
    transform: translateY(0%);
    visibility: visible;
    position: static;
    padding-top: 0;
    height: auto;
    max-height: 100%;
    z-index: 11; }
  .mega-nav.lvl2-open {
    /*-webkit-transform: translateX(-100%);
		transform: translateX(-100%);*/
    margin-left: -100%; }
    .mega-nav.lvl2-open .mega-back-mobile {
      display: block; }
    .mega-nav.lvl2-open .default-open {
      display: none; }

@media (min-width: 768px) {
  .mega-nav.is-open {
    position: fixed;
    height: 100vh;
    background: #fffced; } }

@media (max-width: 992px) {
  .grid.dropdown-grid .col-one-third {
    width: 100%; }
  .grid.dropdown-grid .col-one-third .block-spotlight {
    max-width: 50%; } }

.mobile-menu-image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 235px;
  height: 314px;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: -105px 120px;
  background-image: url("/img/ax.png"); }
  @media (min-width: 768px) {
    .mobile-menu-image {
      background-position: 0; } }

.mega-close {
  display: none; }

.mega-nav-menu-list, .mega-nav-menu-list-product {
  list-style: none;
  margin: 0;
  height: 100%;
  position: relative;
  z-index: 9; }

.mega-nav-menu-list .mega-nav-menu-item a:not(.has-children) {
  width: calc(100% - 55px); }

.mega-nav-menu-list {
  padding-top: 50px; }
  .mega-nav-menu-list .mega-nav-menu-list {
    padding-top: 0; }

.mega-nav-menu-holder {
  position: absolute;
  width: 100%;
  left: 0; }
  @media (max-width: 768px) {
    .mega-nav-menu-holder {
      position: static; } }

.mega-nav-category-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -100%; }

.mega-nav-menu-lvl1 {
  width: 100%;
  height: 100%;
  background-color: #FFFCED;
  padding-left: 18px;
  overflow: auto; }

.mega-nav-menu-lvl2 {
  width: 100%;
  height: 100%;
  display: none; }
  .mega-nav-menu-lvl2.is-open {
    display: block; }
  .mega-nav-menu-lvl2 .page-wrapper {
    background: #CBA463;
    background-color: #fffced;
    padding-left: 18px; }
  .mega-nav-menu-lvl2 .mega-nav-menu-list-product {
    padding-top: 50px; }
    .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item a {
      display: block;
      font-size: 16px;
      font-size: 1rem;
      height: 100%; }
    .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item .product-thumbnail {
      display: block;
      max-width: 100%;
      /*&:hover{
					background-color: #f5eee1;
				}*/ }
      .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item .product-thumbnail img {
        margin: auto;
        border-radius: 2px;
        max-width: 92px; }
    .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item .product-title {
      color: #cba463;
      font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif;
      font-size: 1.25em;
      line-height: 1.3;
      text-align: left;
      margin-bottom: 0.625em; }
    .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item .product-description {
      /*display: block;*/
      color: #8f8f8f;
      font-family: "caslon-bolditalic", "Caslon 224 Bold Italic", serif;
      font-size: 1em; }
    .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item .product-text {
      vertical-align: middle;
      margin-left: 15px;
      max-width: 60%; }
    .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item .product-thumbnail, .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item .product-text {
      display: block; }

.mega-nav-menu-item {
  border-bottom: 1px solid #d5b682;
  border-bottom: 1px solid #FFD692;
  cursor: pointer; }
  .mega-nav-menu-item.parent-menu-item {
    border-bottom: none;
    font-size: 18px;
    display: block;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .mega-nav-menu-item.parent-menu-item {
        display: none; } }
    .mega-nav-menu-item.parent-menu-item a {
      color: #DAA586;
      font-weight: 900;
      font-family: "avenir-heavy","Avenir 85 Heavy",sans-serif; }
  .mega-nav-menu-item a {
    position: relative;
    display: inline-block;
    color: #FFF;
    color: #81695B;
    font-family: "avenir-roman", "Avenir 55 Roman", sans-serif;
    font-size: 1.375em;
    padding: 10px 0; }
    .mega-nav-menu-item a.has-children + span {
      transition: transform 0.5s ease;
      position: relative;
      display: inline-block;
      color: #fff;
      float: right;
      font-family: "avenir-roman","Avenir 55 Roman",sans-serif;
      font-size: 1.25em;
      padding: 10px 24px;
      background-color: #fffced;
      border-bottom: 1px solid #ffd692; }
      .mega-nav-menu-item a.has-children + span img {
        margin: 9px 0; }

@media (min-width: 768px) {
  .mega-nav-menu-list-product .mega-nav-menu-item a {
    color: #FFF;
    color: #81695B; }
    .mega-nav-menu-list-product .mega-nav-menu-item a:hover {
      background-color: #f5eee1; } }

@media (min-width: 768px) {
  .mega-nav-menu-list-product .mega-nav-menu-item a {
    color: #FFF;
    color: #81695B; }
    .mega-nav-menu-list-product .mega-nav-menu-item a:hover {
      background-color: #f5eee1; } }

.main-nav-menu.sm-priority {
  display: none; }

@media (max-width: 768px) {
  .mega-nav-menu-item a {
    color: #522f19; }
    .mega-nav-menu-item a.has-children + span {
      border-bottom: none; } }

@media (max-width: 768px) {
  .main-nav-menu.sm-priority {
    display: inline-block; } }

.mega-nav-mobile-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 20px;
  z-index: 11; }
  .mega-nav-mobile-header:before, .mega-nav-mobile-header:after {
    content: "";
    display: table; }
  .mega-nav-mobile-header:after {
    clear: both; }
  .mega-nav-mobile-header .mega-close-mobile {
    float: right;
    background-image: url("/img/icons/icon-close-sm.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 14px;
    width: 50px;
    height: 65px;
    outline: none; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .mega-nav-mobile-header .mega-close-mobile {
        background-image: url("/img/icons/icon-close-sm@2x.png");
        -webkit-background-size: 13px 14px;
        -moz-background-size: 13px 14px;
        -o-background-size: 13px 14px;
        background-size: 13px 14px; } }
  .mega-nav-mobile-header .mega-back-mobile {
    float: left;
    color: #DAA586;
    font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif;
    font-size: 1.3125em;
    height: 65px;
    outline: none;
    font-family: "avenir-roman","Avenir 55 Roman",sans-serif; }
    .mega-nav-mobile-header .mega-back-mobile span:before {
      content: '< ';
      font-size: 1em; }

.mega-overlay {
  /*background-color: #333;
	opacity: 0.5;
	height: 100%;*/ }

.mega-nav-menu-item--last {
  display: none; }

@media (min-width: 768px) {
  .mega-nav-menu.mega-nav-menu-lvl2.is-open {
    z-index: 5;
    background: #fff; }
  .mega-nav-menu-item--last {
    display: block; }
  .mega-nav-mobile-header {
    display: none; }
  .mega-nav.lvl2-open {
    margin-left: 0;
    /*transform: translateX(0);
		-webkit-transform: translateX(0);*/ }
  .mega-nav-menu-holder {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    height: 100%; }
  .mega-nav.three-images-dropdown-styling .mega-nav-menu-lvl1 {
    border-right: 1px solid #E9D8C3;
    z-index: 15; }
  .mega-nav.three-images-dropdown-styling .mega-nav-menu-lvl2 {
    background: #fff; }
    .mega-nav.three-images-dropdown-styling .mega-nav-menu-lvl2.is-open {
      z-index: 10; }
  .mega-nav .mega-about-dropdown-view {
    position: absolute;
    top: 0;
    left: 320px;
    right: 0;
    bottom: 0;
    z-index: 5;
    overflow-y: auto; }
    .mega-nav .mega-about-dropdown-view .mega-dropdown-content-container {
      width: 75%;
      margin: 120px auto 0 auto;
      text-align: center; }
    .mega-nav .mega-about-dropdown-view.title-text-three-images h1, .mega-nav .mega-about-dropdown-view.title-text-three-images .h1 {
      font-size: 64px;
      font-weight: 300; }
    .mega-nav .mega-about-dropdown-view.title-text-three-images .dropdown-grid {
      margin-top: 60px; }
    .mega-nav .mega-about-dropdown-view.title-text-three-images .block-spotlight-content {
      padding: 5px 20px; }
    .mega-nav .mega-about-dropdown-view.title-text-three-images .block-spotlight-title {
      font-size: 18px; }
    .mega-nav .mega-about-dropdown-view.title-text-button h1,
    .mega-nav .mega-about-dropdown-view.title-text-button .h1,
    .mega-nav .mega-about-dropdown-view.title-text-button p {
      font-size: 64px;
      color: white;
      font-weight: bold;
      text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
      line-height: 1;
      font-weight: 300; }
    .mega-nav .mega-about-dropdown-view.title-text-button p {
      font-family: "caslon-bolditalic","Caslon 224 Bold Italic",serif;
      font-style: italic;
      margin-bottom: 40px; }
  .mega-nav .desktop-only.mega-about-dropdown-view.title-text-button .mega-dropdown-content-container {
    margin: 35vh auto 0 auto; }
  .mega-nav-menu-lvl1 {
    width: 320px;
    height: 100%;
    position: relative;
    z-index: 10;
    padding-top: 75px;
    overflow: visible;
    background-color: #FFFCED; }
    .mega-nav-menu-lvl1:before {
      content: '';
      background-color: #FFFCED;
      width: 1000px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 100%;
      z-index: -1; }
    .mega-nav-menu-lvl1 .mega-nav-menu-list {
      overflow: auto;
      z-index: 999;
      position: relative;
      overflow: visible; }
    .mega-nav-menu-lvl1 .mega-nav-menu-item {
      border-bottom: 1px solid #FFD692; }
      .mega-nav-menu-lvl1 .mega-nav-menu-item a {
        position: relative;
        display: inline-block;
        color: #81695B;
        font-family: "avenir-roman", "Avenir 55 Roman", sans-serif;
        font-size: 1.25em;
        padding: 10px 0; }
        .mega-nav-menu-lvl1 .mega-nav-menu-item a.is-active, .mega-nav-menu-lvl1 .mega-nav-menu-item a:hover {
          font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif; }
        .mega-nav-menu-lvl1 .mega-nav-menu-item a.is-active + span {
          transform: translateX(50px); }
  .mega-nav-menu-lvl2, .mega-nav-category-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    .mega-nav-menu-lvl2 .page-wrapper, .mega-nav-category-holder .page-wrapper {
      padding-left: 285px;
      background: none; }
  .mega-nav-menu-lvl2 {
    overflow: visible;
    display: none; }
    .mega-nav-menu-lvl2.is-open, .mega-nav-menu-lvl2.default-open {
      display: block; }
    .mega-nav-menu-lvl2 .mega-nav-menu-list-product {
      /*width: 205px;
			height: auto;
			float: left;
			overflow: hidden;*/
      /*margin-right:10px;*/
      display: flex;
      position: relative;
      flex-wrap: wrap;
      width: 100%; }
      .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item {
        margin-bottom: 20px;
        border: none;
        width: 33%;
        padding-left: 15px;
        padding-right: 15px; }
        .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item a {
          font-size: 16px;
          font-size: 1rem;
          display: block;
          padding: 0;
          padding-bottom: 15px; }
          .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item a:hover .product-title {
            color: #000; }
        .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item .product-thumbnail {
          display: block; }
          .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item .product-thumbnail img {
            border-radius: 2px;
            max-width: 100%; }
        .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item .product-text {
          display: block;
          max-width: 100%;
          margin-left: 0;
          text-align: center;
          padding: 0 15px; }
        .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item .product-title {
          display: block;
          color: #cba463;
          font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif;
          font-size: 1em;
          line-height: 1.36;
          margin: 0;
          text-align: center;
          margin: 15px auto 10px; } }
        @media (min-width: 768px) and (max-width: 1086px) {
          .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item .product-title {
            line-height: 1.2; } }

@media (min-width: 768px) {
        .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item br {
          display: none; }
        .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item .product-description {
          font-size: 0.75em;
          line-height: 1.5; }
    .mega-nav-menu-lvl2 .widecol .mega-nav-menu-list-product {
      width: 245px; }
    .mega-nav-menu-lvl2 .lvl2-content-scroll {
      width: 100%;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      padding: 0;
      background: rgba(255, 255, 255, 0.83); } }
    @media (min-width: 768px) and (max-width: 1086px) {
      .mega-nav-menu-lvl2 .lvl2-content-scroll {
        width: 100%; } }

@media (min-width: 768px) {
    .mega-nav-menu-lvl2 .lvl2-content {
      padding: 50px 0 50px 100px;
      min-height: 100%;
      min-width: 10px;
      float: left; }
      .mega-nav-menu-lvl2 .lvl2-content:before, .mega-nav-menu-lvl2 .lvl2-content:after {
        content: "";
        display: table; }
      .mega-nav-menu-lvl2 .lvl2-content:after {
        clear: both; }
      .mega-nav-menu-lvl2 .lvl2-content .mega-nav-menu-list .mega-nav-menu-item {
        border: none; }
        .mega-nav-menu-lvl2 .lvl2-content .mega-nav-menu-list .mega-nav-menu-item a {
          color: #522F19;
          font-family: "avenir-roman", "Avenir 55 Roman", sans-serif;
          font-size: 0.9375em;
          padding: 5px 0; }
          .mega-nav-menu-lvl2 .lvl2-content .mega-nav-menu-list .mega-nav-menu-item a:hover {
            color: #000; }
  .mega-close {
    display: inline-block;
    transition: transform .5s ease;
    position: relative;
    display: inline-block;
    color: #fff;
    float: right;
    font-family: "avenir-roman","Avenir 55 Roman",sans-serif;
    font-size: 1.25em;
    padding: 10px 20px;
    /*display: block;
		position: absolute;
		width: 34px;
		height: 34px;
		right: 20px;
		top: 50px;
		@include background-image-retina('/img/icons/icon-mega-close', png, 34px, 34px);
		z-index: 10;
		outline: none;*/ }
    .mega-close img {
      margin: 9px 0; }
  .mega-nav {
    padding-top: 67px;
    max-height: 100vh; } }

@media (max-width: 768px) {
  .mega-nav-menu.mega-nav-menu-lvl2 {
    height: calc(100vh - 52px); }
    .mega-nav-menu.mega-nav-menu-lvl2 .page-wrapper {
      padding: 0;
      max-width: 100vw;
      height: 100%; }
      .mega-nav-menu.mega-nav-menu-lvl2 .page-wrapper .lvl2-content-scroll {
        height: calc(100% - 65px);
        max-width: 100%;
        float: none;
        padding-left: 18px;
        overflow-y: auto;
        position: relative;
        top: 65px;
        width: 100%;
        padding-left: 20px;
        z-index: 11; }
      .mega-nav-menu.mega-nav-menu-lvl2 .page-wrapper .lvl2-content--products {
        padding-top: 0;
        padding-bottom: 30px; } }

@media (min-width: 768px) {
  .mega-nav-menu.mega-nav-menu-lvl2 .page-wrapper {
    padding: 0;
    max-width: 100vw;
    height: 100%; }
    .mega-nav-menu.mega-nav-menu-lvl2 .page-wrapper .lvl2-content-scroll {
      max-width: 65vw;
      float: right;
      padding-left: 0px; } }

@media (min-width: 940px) {
  .mega-nav-menu-lvl2 .lvl2-content.lvl2-content--products {
    padding-left: 45px; } }

@media (min-width: 1086px) {
  .mega-nav-menu-lvl2 .page-wrapper {
    padding-left: 261px; }
  .mega-nav-menu-lvl2 .mega-nav-menu-list-product {
    width: 100%; } }

@media (min-width: 1100px) {
  .mega-nav-menu-lvl2 .lvl2-content--products {
    padding-left: 0; }
  .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item .product-title {
    font-size: 1.375em; }
  .mega-nav-menu-lvl2 .mega-nav-menu-list-product .mega-nav-menu-item .product-description {
    font-size: 1.125em; } }

@media (min-width: 1110px) {
  .mega-nav-menu-lvl2 .lvl2-content.lvl2-content--products {
    padding-left: 0; } }

@media (min-width: 1110px) {
  .mega-nav-menu.mega-nav-menu-lvl2 .page-wrapper .lvl2-content-scroll {
    max-width: 68vw; }
  .mega-nav-menu-lvl2 .mega-nav-menu-list-product {
    max-width: 1000px;
    padding-left: 0; } }

@media (min-width: 1600px) {
  .mega-nav-menu.mega-nav-menu-lvl2 .page-wrapper .lvl2-content-scroll {
    max-width: 65vw; } }

@media (min-width: 2000px) {
  .mega-nav-menu-lvl2 .mega-nav-menu-list-product {
    padding-left: 3vw; } }

@media (min-width: 2500px) {
  .mega-nav-menu-lvl2 .mega-nav-menu-list-product {
    padding-left: 5vw; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.share-nav {
  background-color: #FFFCEB;
  border-top: 1px solid #EEE;
  padding: 12px 0; }
  .share-nav:before, .share-nav:after {
    content: "";
    display: table; }
  .share-nav:after {
    clear: both; }
  .share-nav .logo {
    background: transparent url("/img/pagen_logo_small.png") no-repeat 0 0;
    background-size: 100% 100%;
    display: block;
    float: left;
    width: 63px;
    height: 36px; }
    .svg .share-nav .logo {
      background-image: url("/img/pagen_logo_small.svg"); }
  .share-nav .share-buttons {
    float: right; }
    .share-nav .share-buttons li {
      display: inline-block; }

.footer-nav {
  padding: 40px 0 25px 0;
  border-top: 1px solid #c69349;
  background: #fffdeb; }
  .footer-nav:before, .footer-nav:after {
    content: "";
    display: table; }
  .footer-nav:after {
    clear: both; }
  .footer-nav-logo-image {
    background-image: url("/img/logos/footer-logo.png");
    background-size: contain;
    width: 105px;
    height: 60px;
    margin: 0 auto 20px;
    background-size: contain; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .footer-nav-logo-image {
        background-image: url("/img/logos/footer-logo@2x.png");
        -webkit-background-size: 105px 60px;
        -moz-background-size: 105px 60px;
        -o-background-size: 105px 60px;
        background-size: 105px 60px; } }
  .footer-nav-logo-tagline {
    color: #cba463;
    font-size: 0.9375em;
    text-transform: uppercase;
    text-align: center;
    font-family: "avenir-roman", "Avenir 55 Roman", sans-serif; }
  .footer-nav-menu {
    text-align: center; }
    .footer-nav-menu > li {
      margin-bottom: 15px; }
      .footer-nav-menu > li a {
        font-size: 0.75em;
        font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif;
        color: #8e6327;
        text-transform: uppercase; }
        .footer-nav-menu > li a:hover {
          color: #cba463; }
    .footer-nav-menu.languages {
      padding-bottom: 6px; }
    .footer-nav-menu.secondary > li a {
      text-transform: none;
      font-family: "avenir-roman", "Avenir 55 Roman", sans-serif; }
  .footer-nav-social {
    text-align: center;
    margin: 40px 13px; }
    .footer-nav-social > li {
      display: inline-block; }
      .footer-nav-social > li .btn.btn-circle, .footer-nav-social > li .btn-subbrand.btn, .footer-nav-social > li .btn-subbrand.FormSubmitButton, .footer-nav-social > li .btn-circle.FormSubmitButton {
        font-size: 0.75em;
        background-color: #5E341B;
        margin: 0 3px;
        width: 40px;
        height: 40px; }
        .footer-nav-social > li .btn.btn-circle [class^="icon-"]:before, .footer-nav-social > li .btn-subbrand.btn [class^="icon-"]:before, .footer-nav-social > li .btn-subbrand.FormSubmitButton [class^="icon-"]:before, .footer-nav-social > li .btn-circle.FormSubmitButton [class^="icon-"]:before, .footer-nav-social > li .btn.btn-circle [class*=" icon-"]:before, .footer-nav-social > li .btn-subbrand.btn [class*=" icon-"]:before, .footer-nav-social > li .btn-subbrand.FormSubmitButton [class*=" icon-"]:before, .footer-nav-social > li .btn-circle.FormSubmitButton [class*=" icon-"]:before {
          line-height: 40px; }
        .footer-nav-social > li .btn.btn-circle:hover, .footer-nav-social > li .btn-subbrand.btn:hover, .footer-nav-social > li .btn-subbrand.FormSubmitButton:hover, .footer-nav-social > li .btn-circle.FormSubmitButton:hover {
          background-color: #A07148; }
      .footer-nav-social > li .btn-cta {
        border: 2px solid #5E341B;
        border-radius: 20px;
        padding: 9px 15px 7px;
        font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif;
        color: #5E341B;
        line-height: 20px;
        margin-left: 20px; }
        .footer-nav-social > li .btn-cta .icon-chat:before {
          content: '';
          background: url("/img/icons/icon-chat.svg") no-repeat 100% 100%/contain;
          width: 20px;
          height: 20px;
          display: inline-block;
          margin-right: 10px; }
        .footer-nav-social > li .btn-cta:hover {
          border: 2px solid #A07148;
          background-color: #A07148;
          color: #fff; }
          .footer-nav-social > li .btn-cta:hover .icon-chat:before {
            background: url("/img/icons/icon-chat-white.svg") no-repeat 100% 100%/contain; }
      @media only screen and (max-width: 440px) {
        .footer-nav-social > li:last-child {
          display: block;
          margin-top: 20px; }
          .footer-nav-social > li:last-child .btn-cta {
            margin-left: 0; } }

@media (min-width: 768px) {
  .footer-nav-logo-image {
    margin-bottom: 10px; }
  .footer-nav-logo-tagline {
    font-size: 0.625em; }
  .footer-nav-menu > li {
    display: inline-block;
    margin: 0 15px; } }

.subbrand-nav {
  background: #9f7147;
  z-index: 6;
  height: 52px; }
  .subbrand-nav.is_stuck {
    margin-top: -15px; }
  .subbrand-nav.sticky-menu {
    position: fixed;
    margin-top: 0;
    top: 52px;
    left: 0;
    width: 100%;
    z-index: 98; }
    @media (min-width: 768px) {
      .subbrand-nav.sticky-menu {
        top: 67px; } }
  .subbrand-nav .inner {
    padding: 0; }
  .subbrand-nav-logo {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    height: 42px;
    width: 100px;
    margin: 5px 0;
    display: none;
    z-index: 80; }
  .subbrand-nav-menu-toggle {
    position: relative;
    color: #FFF;
    font-size: 0.875em;
    font-family: "avenir-medium", "Avenir 65 Medium", sans-serif;
    text-transform: uppercase;
    float: left;
    height: 52px;
    padding: 0 20px;
    text-transform: uppercase;
    outline: none;
    background: transparent !important;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.1) !important;
    padding-right: 50px; }
    .subbrand-nav-menu-toggle.is-active {
      border-left: 1px solid transparent;
      background: #cba463 !important; }
    .subbrand-nav-menu-toggle:after {
      content: "";
      display: block;
      width: 52px;
      height: 52px;
      background: url(/img/icons/sub-nav-burger-sm@2x.png) 18px 20px no-repeat;
      background-size: 13px 11px;
      vertical-align: middle;
      position: absolute;
      top: 0;
      right: 0; }
  .subbrand-nav-menu-close {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("/img/icons/icon-close-white-sm.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 14px;
    width: 50px;
    height: 65px;
    outline: none; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .subbrand-nav-menu-close {
        background-image: url("/img/icons/icon-close-white-sm@2x.png");
        -webkit-background-size: 13px 14px;
        -moz-background-size: 13px 14px;
        -o-background-size: 13px 14px;
        background-size: 13px 14px; } }
  .subbrand-nav-menu {
    position: relative;
    z-index: 6;
    display: none;
    clear: both;
    background: #cba463;
    padding: 70px 0 0;
    height: 100vh; }
    .subbrand-nav-menu.is-open {
      display: block; }
    .subbrand-nav-menu-item {
      display: block;
      padding: 0; }
    .subbrand-nav-menu a {
      display: block;
      color: #FFF;
      font-size: 1.5em;
      text-align: center;
      padding: 12px 10px 15px; }
      .subbrand-nav-menu a span {
        padding-bottom: 3px; }
      .subbrand-nav-menu a.active span, .subbrand-nav-menu a:hover span {
        border-bottom: 1px solid #fff; }

.subbrand-nav + .breadcrumb-nav {
  padding-top: 20px; }

@media (max-height: 320px) {
  .subbrand-nav-menu {
    padding: 60px 0 0; }
    .subbrand-nav-menu a {
      line-height: 1;
      padding: 5px 10px; } }

@media (min-width: 768px) {
  .subbrand-nav + .breadcrumb-nav {
    padding-top: 40px; }
  .subbrand-nav {
    height: 52px; }
    .subbrand-nav.is_stuck {
      margin-top: 0; }
    .subbrand-nav .inner {
      padding-left: 160px; }
    .subbrand-nav-menu {
      display: block;
      background: transparent !important;
      height: auto;
      padding: 0; }
      .subbrand-nav-menu ul {
        display: flex; }
      .subbrand-nav-menu a {
        vertical-align: middle;
        font-size: 0.75em;
        line-height: 52px;
        text-transform: uppercase;
        padding: 0 10px;
        white-space: nowrap; }
    .subbrand-nav-logo {
      width: 157px;
      height: 90px;
      margin: 0;
      left: 15px; }
    .subbrand-nav-menu-toggle, .subbrand-nav-menu-close {
      display: none; } }

@media (min-width: 1086px) {
  .subbrand-nav-logo {
    left: 0; } }

.breadcrumb-nav {
  padding: 20px 0 20px; }
  .breadcrumb-nav-menu-item {
    display: inline-block; }
  .breadcrumb-nav-menu-link {
    color: #CBA463;
    font-family: "avenir-medium", "Avenir 65 Medium", sans-serif;
    font-size: 0.8125em; }
    .breadcrumb-nav-menu-link:after {
      content: '/';
      float: right;
      margin-left: .5em; }
    .breadcrumb-nav-menu-link.active {
      font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif; }
      .breadcrumb-nav-menu-link.active:after {
        display: none; }

@media (min-width: 768px) {
  .breadcrumb-nav-menu-link {
    font-size: 0.75em; } }

.aside-nav {
  list-style: none; }
  .aside-nav-item {
    border-bottom: 1px solid #e5ddcc;
    padding: 8px 0 5px; }
    .aside-nav-item a {
      display: block;
      padding: 7px 0;
      line-height: 1;
      font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif; }
      .aside-nav-item a em {
        font-family: "avenir-oblique", "Avenir 55 Oblique", sans-serif; }

.blog-archive.aside-nav .aside-nav-item a {
  color: #522F19;
  position: relative; }
  .blog-archive.aside-nav .aside-nav-item a:after {
    content: '>';
    color: #522F19;
    font-size: 10px;
    position: absolute;
    right: 0;
    text-decoration: none; }

.aside-section {
  margin-bottom: 40px; }
  .aside-section:last-child {
    margin-bottom: 0; }
  .aside-section:first-child {
    margin-bottom: 40px; }
  .aside-section .aside-title {
    margin-bottom: 20px; }
  .aside-section a .product-aside-wrapper {
    color: #2e2e2e; }
    .aside-section a .product-aside-wrapper img {
      float: left;
      margin-top: 5px;
      margin-right: 10px; }
  .aside-section.similar-recipes a {
    padding-bottom: 15px;
    text-align: center;
    display: block;
    color: #555;
    font-size: 1.25em;
    font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif; }
    .aside-section.similar-recipes a img {
      margin-bottom: 3px; }
  .aside-section.similar-recipes a:hover {
    color: #9f7147; }

.aside-section-narrow {
  margin-bottom: 22px; }

@media (min-width: 768px) {
  .aside-nav {
    color: #522F19; } }

.aside-news {
  list-style: none;
  margin-bottom: 3em; }
  .aside-news-item {
    position: relative;
    display: block;
    padding-left: 76px;
    padding-bottom: 10px;
    margin-bottom: 18px;
    text-decoration: none;
    border-bottom: 1px solid #e5ddcc; }
  .aside-news-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 65px; }
  .aside-news-heading {
    color: #522F19;
    font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif;
    font-size: 1.125em; }
  .aside-news-body {
    color: #522F19;
    font-family: "avenir-roman", "Avenir 55 Roman", sans-serif;
    font-size: 1em; }
  .aside-news-time {
    color: #CBA463;
    font-family: "avenir-medium", "Avenir 65 Medium", sans-serif;
    font-size: 0.75em; }

.inline-nav {
  text-align: center;
  padding: 0 0 40px; }
  .inline-nav .title {
    display: block;
    font-family: "avenir-medium", "Avenir 65 Medium", sans-serif;
    font-size: 0.5em;
    vertical-align: middle;
    margin-right: 10px;
    padding-bottom: 4px;
    text-transform: uppercase; }
  .inline-nav a {
    display: inline-block;
    vertical-align: middle;
    color: #522F19;
    font-family: "avenir-medium", "Avenir 65 Medium", sans-serif;
    font-size: 0.625em;
    text-transform: uppercase;
    padding-bottom: 3px;
    margin: 0 5px; }
    .inline-nav a.active {
      border-bottom: 1px solid #000; }
    .inline-nav a:hover {
      border-bottom: 1px solid #000; }

@media (min-width: 768px) {
  .inline-nav .title {
    display: inline-block;
    font-size: 0.625em; }
  .inline-nav a {
    display: inline-block;
    font-size: 0.75em; } }

/* hero & banner modules */
.banner {
  font-size: 16px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* parallax */
  background-attachment: scroll;
  position: static;
  /* chrome os x bg-atch-fixed fix*/
  height: 320px; }
  .banner .video-background {
    position: absolute;
    left: 0; }
  .banner .inner {
    height: 320px; }
  .banner .valign-center {
    position: relative;
    z-index: 2;
    min-height: 320px;
    height: 100%; }
  .banner .inner {
    padding: 0 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    .banner .inner h1, .banner .inner p {
      color: #fff; }

.hero-search {
  position: relative;
  width: 100%;
  max-width: 598px;
  margin: 35px auto 0; }
  .hero-search.start {
    z-index: 5;
    top: -22px;
    padding: 0; }
  .hero-search .hero-search-input {
    height: 55px;
    padding: 20px 55px 20px 20px;
    -webkit-appearance: none !important;
    -webkit-border-radius: 0 !important; }
  .hero-search .hero-search-submit {
    position: absolute;
    top: 1px;
    right: 12px;
    background-image: url("/img/icons/icon-search-sm.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    /*background-color:#fff;*/
    width: 18px;
    height: 53px;
    outline: none;
    cursor: pointer; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-search .hero-search-submit {
        background-image: url("/img/icons/icon-search-sm@2x.png");
        -webkit-background-size: 18px 18px;
        -moz-background-size: 18px 18px;
        -o-background-size: 18px 18px;
        background-size: 18px 18px; } }

.page-hero section.video {
  position: relative;
  overflow: hidden; }

.top-hero.start-hero {
  margin-bottom: -35px;
  min-height: 320px;
  height: 90vh;
  max-height: 600px;
  /*overflow:hidden;*/ }
  .top-hero.start-hero .banner, .top-hero.start-hero .banner .inner, .top-hero.start-hero .banner .valign-center {
    min-height: 320px;
    height: 90vh; }
  .top-hero.start-hero .banner {
    height: 90vh; }
  .top-hero.start-hero .video-wrap {
    min-height: 320px;
    height: 100vh;
    position: relative;
    overflow: hidden;
    z-index: 0 !important; }
  .top-hero.start-hero .valgin-center-child {
    padding-top: 80px; }
  .top-hero.start-hero.no-search {
    margin-bottom: 0; }

.top-hero.light-font h1 {
  font-family: "avenir-roman", "Avenir 55 Roman", sans-serif; }
  .top-hero.light-font h1 i {
    font-family: "avenir-roman", "Avenir 55 Roman", sans-serif;
    /*font-family: $font-family-sansserif-roman-italic;*/ }

.top-hero .video-wrap video {
  display: none; }

.top-hero.page-hero.hero-width-recepies {
  /*margin-bottom: -35px;*/
  min-height: 320px;
  height: 90vh;
  max-height: 600px; }
  .top-hero.page-hero.hero-width-recepies .banner, .top-hero.page-hero.hero-width-recepies .banner .inner, .top-hero.page-hero.hero-width-recepies .banner .valign-center {
    min-height: 320px;
    height: 90vh; }
  .top-hero.page-hero.hero-width-recepies .banner {
    height: 90vh; }
  .top-hero.page-hero.hero-width-recepies .video-wrap {
    min-height: 320px;
    height: 100vh;
    position: relative;
    overflow: hidden;
    z-index: 0 !important; }
  .top-hero.page-hero.hero-width-recepies .valgin-center-child {
    padding-top: 80px; }

.rte .top-hero {
  margin-bottom: 15px; }
  .rte .top-hero .inner {
    max-width: 100%; }
  @media (min-width: 768px) {
    .rte .top-hero {
      margin-top: 15px;
      margin-bottom: 30px; } }

.banner-static-image {
  display: none; }

@media (min-width: 768px) {
  .banner {
    font-size: 16px;
    height: 500px; }
    .banner .inner {
      height: 500px;
      background-attachment: fixed; }
    .banner .valign-center {
      min-height: 500px;
      height: 100%; }
    .banner .video-overlay {
      padding: 150px 20px; }
    .banner.no-parallax {
      background-attachment: local; }
    .banner .no-parallax {
      background-attachment: local; }
  .rte .banner .no-parallax {
    margin-left: auto;
    margin-right: auto; }
  .top-hero.start-hero {
    max-height: none;
    min-height: 500px; }
    .top-hero.start-hero .banner {
      height: 90vh; }
      .top-hero.start-hero .banner .inner {
        height: 90vh; }
    .top-hero.start-hero .btn, .top-hero.start-hero .FormSubmitButton {
      font-size: 19px;
      padding: 20px 30px; }
    .top-hero.start-hero .banner, .top-hero.start-hero .banner .inner, .top-hero.start-hero .banner .valign-center {
      min-height: 500px; }
  .top-hero.page-hero.hero-width-recepies {
    max-height: none;
    min-height: 500px; }
    .top-hero.page-hero.hero-width-recepies .banner {
      height: 90vh; }
      .top-hero.page-hero.hero-width-recepies .banner .inner {
        height: 90vh; }
    .top-hero.page-hero.hero-width-recepies .banner, .top-hero.page-hero.hero-width-recepies .banner .inner, .top-hero.page-hero.hero-width-recepies .banner .valign-center {
      min-height: 500px; }
  .banner-static-image {
    display: block;
    position: absolute;
    bottom: -80px;
    right: -100px;
    z-index: 9; }
    .banner-static-image img {
      display: block;
      max-width: 70%;
      height: auto;
      float: right; } }

@media (min-width: 968px) {
  /*.banner{
		background-attachment:fixed;
	}*/
  .banner-static-image {
    bottom: -100px;
    right: 0; }
    .banner-static-image img {
      max-width: 87%; }
  .top-hero .video-wrap video {
    display: block; } }

@media (min-width: 1025px) {
  .banner {
    background-attachment: fixed; } }

.top-hero h1, .top-hero h2, .top-hero h3, .top-hero h4, .top-hero h5, .top-hero h6 {
  font-size: 5em;
  line-height: 1;
  font-family: "avenir-black", "Avenir 95 Black", sans-serif; }
  .top-hero h1 i, .top-hero h1 em, .top-hero h2 i, .top-hero h2 em, .top-hero h3 i, .top-hero h3 em, .top-hero h4 i, .top-hero h4 em, .top-hero h5 i, .top-hero h5 em, .top-hero h6 i, .top-hero h6 em {
    display: block;
    font-family: "caslon-bolditalic", "Caslon 224 Bold Italic", serif; }

.top-hero video {
  width: 100%;
  display: inline-block;
  vertical-align: baseline;
  background: #fff; }

.hero-recepies {
  margin-top: -175px;
  height: 245px;
  overflow: hidden;
  position: relative;
  z-index: 10; }
  @media (max-width: 768px) {
    .hero-recepies {
      margin-top: -100px; } }
  .hero-recepies ::-moz-selection {
    background-color: transparent !important; }
  .hero-recepies ::selection {
    background-color: transparent !important; }
  .hero-recepies .hero-recepies--nav-left, .hero-recepies .hero-recepies--nav-right {
    background-color: rgba(0, 0, 0, 0.5);
    width: 50px;
    height: 50px;
    color: white;
    position: absolute;
    top: 80px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 220%;
    font-family: "avenir-roman", "Avenir 55 Roman", sans-serif; }
    .hero-recepies .hero-recepies--nav-left img, .hero-recepies .hero-recepies--nav-right img {
      position: absolute;
      top: 12px; }
  .hero-recepies .hero-recepies--nav-left {
    left: -80px;
    z-index: 15; }
    .hero-recepies .hero-recepies--nav-left img {
      left: 16px; }
    @media (max-width: 1270px) {
      .hero-recepies .hero-recepies--nav-left {
        left: -15px; } }
    @media (max-width: 768px) {
      .hero-recepies .hero-recepies--nav-left {
        left: -5px; } }
  .hero-recepies .hero-recepies--nav-right {
    right: -80px;
    z-index: 15; }
    .hero-recepies .hero-recepies--nav-right img {
      left: 19px; }
    @media (max-width: 1270px) {
      .hero-recepies .hero-recepies--nav-right {
        right: -15px; } }
    @media (max-width: 768px) {
      .hero-recepies .hero-recepies--nav-right {
        right: -5px; } }
  .hero-recepies .hero-recepies-container {
    padding: 20px 10px; }
  .hero-recepies .hero-recepies--list {
    background-color: white;
    padding: 0;
    max-height: 232px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden; }
    @media (max-width: 768px) {
      .hero-recepies .hero-recepies--list {
        width: 285px;
        margin: 0 auto; } }
    .hero-recepies .hero-recepies--list a {
      display: inline-block; }
  .hero-recepies .hero-recepies--list-wrapper {
    min-width: 100%;
    transition: transform 0.5s ease;
    padding-left: 10px;
    padding-right: 10px; }
  .hero-recepies .hero-recepies--list-item {
    /*@media(max-width: 768px) {
            width: auto;
            display: none !important;

            &:first-child {
                display: inline !important;
            }
        }*/ }
    .hero-recepies .hero-recepies--list-item .img-wrapper {
      outline: 5px solid #fff;
      display: inline-block;
      overflow: hidden;
      transition: outline .1s ease-in-out;
      text-align: center;
      width: 100%; }
      .hero-recepies .hero-recepies--list-item .img-wrapper img {
        width: 100%; }
    .hero-recepies .hero-recepies--list-item .grid {
      padding-top: 5px; }
    .hero-recepies .hero-recepies--list-item .hero-recepies--list-name {
      color: #522f19;
      font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif; }
      @media (max-width: 768px) {
        .hero-recepies .hero-recepies--list-item .hero-recepies--list-name {
          max-width: 63%; } }
    @media (min-width: 768px) {
      .hero-recepies .hero-recepies--list-item:hover .img-wrapper {
        outline: 5px solid #cba463; }
        .hero-recepies .hero-recepies--list-item:hover .img-wrapper img {
          transform: scale(1.1); }
      .hero-recepies .hero-recepies--list-item:hover .hero-recepies--list-name {
        color: #9f7147; } }
    .hero-recepies .hero-recepies--list-item .hero-recepies--list-item-info {
      font-size: 80%;
      text-align: right; }
      @media (max-width: 768px) {
        .hero-recepies .hero-recepies--list-item .hero-recepies--list-item-info {
          max-width: 30%; } }
      .hero-recepies .hero-recepies--list-item .hero-recepies--list-item-info i.star-on-png, .hero-recepies .hero-recepies--list-item .hero-recepies--list-item-info i.star-off-png {
        font-size: 10px; }
      .hero-recepies .hero-recepies--list-item .hero-recepies--list-item-info .time {
        vertical-align: baseline;
        font-family: "avenir-heavyobl", "Avenir 85 Heavy Oblique", sans-serif; }

.hero-width-recepies {
  margin-bottom: 150px !important; }
  @media (max-width: 768px) {
    .hero-width-recepies {
      margin-bottom: 225px !important; } }

.top-hero-large.hero-layout-top .valign-center-child {
  vertical-align: top;
  padding-top: 20px; }

.top-hero-large.hero-layout-right .valign-center-child {
  padding: 0 1em;
  text-align: right; }

.top-hero-large.hero-layout-right .valign-center {
  max-width: 1086px;
  margin: 0 auto; }
  .top-hero-large.hero-layout-right .valign-center .valign-center-child {
    padding: 0 1em;
    text-align: right; }

.top-hero-large.hero-layout-bottom .valign-center-child {
  vertical-align: bottom;
  padding-bottom: 20px; }

.top-hero-large.hero-layout-left .valign-center, .top-hero-large.hero-layout-right .valign-center {
  max-width: 1086px;
  margin: 0 auto; }
  .top-hero-large.hero-layout-left .valign-center .valign-center-child, .top-hero-large.hero-layout-right .valign-center .valign-center-child {
    padding: 0 1em;
    text-align: left; }

.top-hero-large.hero-layout-right .valign-center .valign-center-child {
  text-align: right; }

@media (min-width: 768px) {
  .top-hero-large .banner {
    height: 750px; }
    .top-hero-large .banner .valign-center {
      min-height: 750px; }
  .top-hero-large.hero-layout-top .valign-center-child {
    padding-top: 120px; }
  .top-hero-large.hero-layout-right .valign-center .valign-center-child {
    padding: 0; }
  .top-hero-large.hero-layout-bottom .valign-center-child {
    padding-bottom: 60px; }
  .top-hero-large.hero-layout-left .valign-center .valign-center-child {
    padding: 0; } }

.banner.image-block {
  text-align: center;
  z-index: 6; }
  .banner.image-block .btn, .banner.image-block .FormSubmitButton {
    margin-top: 20px; }
  .banner.image-block h1, .banner.image-block p {
    color: #fff;
    text-shadow: 1px 1px 4px #000;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); }
  .banner.image-block h1.dark {
    color: #522f19; }
    .banner.image-block h1.dark * {
      color: #522f19; }
  .banner.image-block sup {
    font-size: 40%;
    vertical-align: top; }
  .banner.image-block h1 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%; }

@media (max-width: 768px) {
  .banner.image-block h1.fittext, .banner.image-block p.fittext {
    font-size: 2.25em !important;
    /* override fittex*/ } }

.banner.image-block-puff {
  position: static;
  padding: 0;
  min-height: 0;
  height: auto; }
  .banner.image-block-puff .inner {
    min-height: 0;
    background-image: none;
    padding: 0;
    height: auto; }
  .banner.image-block-puff .page-wrapper {
    padding: 0; }
  .banner.image-block-puff .image-block-puff-card {
    /*background:#fff;*/
    border-top: 1px solid #E1E1E1;
    padding: 40px; }
  .banner.image-block-puff .image-block-puff-subheading {
    color: #96A825;
    font-family: "avenir-black", "Avenir 95 Black", sans-serif;
    font-size: 0.9375em; }
  .banner.image-block-puff .image-block-puff-heading {
    color: #96A825;
    font-size: 1.875em; }
  .banner.image-block-puff .image-block-puff-body {
    color: #22201D;
    font-size: 1em; }

@media (min-width: 768px) {
  .banner.image-block-puff .inner {
    background-image: inherit; }
  .banner.image-block-puff .image-block-puff-card {
    border: 1px solid #E1E1E1;
    position: relative;
    padding: 4.5%;
    top: -35px;
    max-width: 427px;
    z-index: 5;
    margin-left: 15px; }
  .banner.image-block-puff .image-block-puff-subheading {
    font-size: 1em; }
  .banner.image-block-puff .image-block-puff-heading {
    font-size: 2.5em; }
  .banner.image-block-puff .image-block-puff-background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 490px; }
    .banner.image-block-puff .image-block-puff-background img {
      display: none; } }

.empty-banner {
  height: 35px;
  /*background-color:#e9d2b0;*/ }

.empty-banner-light {
  height: 35px;
  background-color: white; }

.hero-text {
  position: relative;
  overflow: hidden;
  height: 178px;
  background-color: #ced198; }
  .hero-text-heading {
    padding: 0 0;
    text-align: center;
    color: #fff;
    margin: 0; }
  .hero-text .inner {
    top: 52px;
    left: 0;
    width: 100%;
    min-height: 178px;
    height: 100%;
    padding: 0; }
  .hero-text .valign-center {
    min-height: 178px;
    height: 178px; }

@media (min-width: 768px) {
  .hero-text {
    margin-top: 67px; }
    .hero-text .inner {
      top: 67px; } }

.csr-spotlight {
  width: 100%;
  max-width: 360px;
  position: relative; }
  .csr-spotlight a {
    display: block;
    width: 100%;
    position: relative;
    border: 1px solid #e5ddcb;
    text-align: center;
    margin-top: 2.2em;
    padding: 30px 15px 36px 15px; }
    .csr-spotlight a:hover {
      border-color: #CBA463; }
  .csr-spotlight:before {
    content: "";
    display: block;
    width: 32px;
    height: 16px;
    background: #fffdeb url(/img/icons/icon-heart.png) top center no-repeat;
    position: absolute;
    top: -4px;
    left: 50%;
    z-index: 1;
    text-align: center;
    color: #cca55e;
    font-family: "caslon-bolditalic", "Caslon 224 Bold Italic", serif;
    font-size: 1.125em;
    line-height: 1.8;
    margin-left: -17px; }
  .csr-spotlight .csr-headline p {
    display: block;
    font-family: "caslon-bolditalic", "Caslon 224 Bold Italic", serif;
    font-size: 4.375em !important;
    line-height: 1;
    color: #7c4412 !important;
    margin-bottom: 7px; }
  .csr-spotlight .csr-headline img {
    max-width: 100%;
    margin-bottom: 12px; }
  .csr-spotlight .csr-headline sub {
    vertical-align: sub;
    font-size: smaller; }
  .csr-spotlight .csr-text {
    display: block;
    line-height: 1.5;
    font-size: 1.125em;
    font-weight: 800;
    line-height: 1.4;
    color: #7c4412; }
  .csr-spotlight .csr-byline {
    display: block;
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: "caslon-bolditalic", "Caslon 224 Bold Italic", serif;
    font-size: 1.125em;
    line-height: 1.8; }
    .csr-spotlight .csr-byline span {
      display: inline-block;
      background: #fffdeb;
      color: #CBA463;
      padding: 0 8px; }
  .csr-spotlight.theme-blue .csr-headline p,
  .csr-spotlight.theme-blue .csr-text {
    color: #6a8cbf !important; }
  .csr-spotlight.theme-orange .csr-headline p,
  .csr-spotlight.theme-orange .csr-text {
    color: #ed7102 !important; }
  .csr-spotlight.theme-green .csr-headline p,
  .csr-spotlight.theme-green .csr-text {
    color: #95a824 !important; }
  .csr-spotlight.theme-yellow .csr-headline p,
  .csr-spotlight.theme-yellow .csr-text {
    color: #fbb900 !important; }
  .csr-spotlight.theme-brown .csr-headline p,
  .csr-spotlight.theme-brown .csr-text {
    color: #7c4412 !important; }

/* Special for product page */
.product-info .csr-spotlight {
  max-width: 265px; }

.product-info .mobile-only .csr-spotlight {
  max-width: 235px;
  display: none; }

/* Special for article block */
.articel-block .col-one-third .csr-spotlight {
  padding-left: 30px; }
  .articel-block .col-one-third .csr-spotlight a {
    margin-top: 13px; }

@media (max-width: 767px) {
  /* Special for product page */
  .product-info .csr-spotlight {
    display: none; }
  .product-info .mobile-only .csr-spotlight {
    display: block; }
  /* Special for article block */
  .articel-block .col-one-third .csr-spotlight {
    padding-left: 0;
    margin-left: auto;
    margin-right: auto; }
    .articel-block .col-one-third .csr-spotlight a {
      margin-top: 0; } }

@media (max-width: 1160px) {
  body.PillarPage .page-wrapper {
    margin-left: 30px;
    margin-right: 30px; }
    body.PillarPage .page-wrapper.inner {
      margin: 0 auto; } }

body.PillarPage .site-content > .page-intro {
  padding-bottom: 0px; }

body.PillarPage .group {
  margin-top: 40px;
  margin-bottom: 20px; }
  body.PillarPage .group > h1 {
    font-size: 90px;
    font-weight: 300; }
  body.PillarPage .group > h2 {
    font-size: 60px;
    font-weight: 900; }
  body.PillarPage .group > h3 {
    font-size: 40px;
    font-weight: 900; }
  body.PillarPage .group > h4 {
    font-size: 30px;
    font-weight: 900; }
  body.PillarPage .group > h5 {
    font-size: 22px;
    font-weight: 800; }
  body.PillarPage .group > h6 {
    font-size: 18px;
    font-weight: 700; }
  body.PillarPage .group > h1, body.PillarPage .group > h2, body.PillarPage .group > h3, body.PillarPage .group > h4, body.PillarPage .group > h5, body.PillarPage .group > h6 {
    overflow-wrap: anywhere;
    margin-bottom: 1em; }
    @supports (hyphenate-limit-chars: 10 5 3) {
      body.PillarPage .group > h1, body.PillarPage .group > h2, body.PillarPage .group > h3, body.PillarPage .group > h4, body.PillarPage .group > h5, body.PillarPage .group > h6 {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        hyphenate-limit-chars: 10 5 3; } }
    body.PillarPage .group > h1.xsmall, body.PillarPage .group > h2.xsmall, body.PillarPage .group > h3.xsmall, body.PillarPage .group > h4.xsmall, body.PillarPage .group > h5.xsmall, body.PillarPage .group > h6.xsmall {
      font-size: 18px;
      font-weight: 700; }
    body.PillarPage .group > h1.small, body.PillarPage .group > h2.small, body.PillarPage .group > h3.small, body.PillarPage .group > h4.small, body.PillarPage .group > h5.small, body.PillarPage .group > h6.small {
      font-size: 22px;
      font-weight: 800; }
    body.PillarPage .group > h1.medium, body.PillarPage .group > h2.medium, body.PillarPage .group > h3.medium, body.PillarPage .group > h4.medium, body.PillarPage .group > h5.medium, body.PillarPage .group > h6.medium {
      font-size: 30px;
      font-weight: 900; }
    body.PillarPage .group > h1.large, body.PillarPage .group > h2.large, body.PillarPage .group > h3.large, body.PillarPage .group > h4.large, body.PillarPage .group > h5.large, body.PillarPage .group > h6.large {
      font-size: 40px;
      font-weight: 900; }
    body.PillarPage .group > h1.xlarge, body.PillarPage .group > h2.xlarge, body.PillarPage .group > h3.xlarge, body.PillarPage .group > h4.xlarge, body.PillarPage .group > h5.xlarge, body.PillarPage .group > h6.xlarge {
      font-size: 60px;
      font-weight: 900; }
    body.PillarPage .group > h1.xxlarge, body.PillarPage .group > h2.xxlarge, body.PillarPage .group > h3.xxlarge, body.PillarPage .group > h4.xxlarge, body.PillarPage .group > h5.xxlarge, body.PillarPage .group > h6.xxlarge {
      font-size: 90px;
      font-weight: 300; }
    body.PillarPage .group > h1.center, body.PillarPage .group > h2.center, body.PillarPage .group > h3.center, body.PillarPage .group > h4.center, body.PillarPage .group > h5.center, body.PillarPage .group > h6.center {
      text-align: center;
      /*margin-right: 178px;*/ }
    body.PillarPage .group > h1.right, body.PillarPage .group > h2.right, body.PillarPage .group > h3.right, body.PillarPage .group > h4.right, body.PillarPage .group > h5.right, body.PillarPage .group > h6.right {
      text-align: right;
      /*margin-right: 178px;*/ }
  body.PillarPage .group .pillar-quote {
    margin: 0 auto;
    width: 80%;
    text-align: center; }
    @media (max-width: 500px) {
      body.PillarPage .group .pillar-quote {
        width: 100%; } }
    body.PillarPage .group .pillar-quote blockquote {
      font-size: 2rem;
      margin-left: auto;
      margin-right: auto; }
      body.PillarPage .group .pillar-quote blockquote span::before {
        content: open-quote; }
      body.PillarPage .group .pillar-quote blockquote span::after {
        content: close-quote; }
      body.PillarPage .group .pillar-quote blockquote.xsmall {
        font-size: 1.2rem; }
      body.PillarPage .group .pillar-quote blockquote.small {
        font-size: 1.6rem; }
      body.PillarPage .group .pillar-quote blockquote.medium {
        font-size: 2rem; }
      body.PillarPage .group .pillar-quote blockquote.large {
        font-size: 2.4rem; }
      body.PillarPage .group .pillar-quote blockquote.xlarge {
        font-size: 2.6rem; }
      body.PillarPage .group .pillar-quote blockquote.xxlarge {
        font-size: 3rem; }
      body.PillarPage .group .pillar-quote blockquote .author {
        font-family: "avenir-roman", "Avenir 55 Roman", sans-serif;
        font-size: 16px;
        font-weight: 600;
        margin-top: 16px;
        color: #522F19; }
      body.PillarPage .group .pillar-quote blockquote .author-image {
        margin-bottom: 15px; }
        body.PillarPage .group .pillar-quote blockquote .author-image img {
          border-radius: 50%; }
  body.PillarPage .group [class^="bg___"], body.PillarPage .group [class*=" bg___"] {
    padding: unset; }
  body.PillarPage .group .page-intro {
    padding-bottom: unset; }
  body.PillarPage .group .articel-block--wrapper .content-grid.articel-block {
    padding-top: unset; }
  body.PillarPage .group .content-grid p {
    font-size: unset; }
  body.PillarPage .group.media > div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    body.PillarPage .group.media > div .media-link {
      margin: 0rem 1rem 2rem 1rem; }
      body.PillarPage .group.media > div .media-link .media-link-image {
        opacity: 1;
        border-radius: 10px;
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.29);
        margin-bottom: 2rem; }
  body.PillarPage .group.faq {
    margin-bottom: 40px; }
    body.PillarPage .group.faq .faq-item {
      border-bottom: 1px solid #E4D7B9;
      /* Style the buttons that are used to open and close the accordion panel */
      /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
      /* Style the accordion panel. Note: hidden by default */ }
      body.PillarPage .group.faq .faq-item .question {
        font-size: 22px; }
      body.PillarPage .group.faq .faq-item .answer {
        font-size: 16px; }
        body.PillarPage .group.faq .faq-item .answer p {
          line-height: 1.3;
          margin-top: 0.5em; }
      body.PillarPage .group.faq .faq-item .accordion {
        cursor: pointer;
        padding: 18px;
        width: 100%;
        text-align: left;
        border: none;
        outline: none;
        transition: 0.4s; }
        @media (max-width: 500px) {
          body.PillarPage .group.faq .faq-item .accordion {
            padding-left: 0px;
            padding-right: 0px; } }
      body.PillarPage .group.faq .faq-item .accordion:before {
        content: '\002B';
        font-weight: bold;
        float: right;
        margin-left: 5px;
        color: #cca55e; }
      body.PillarPage .group.faq .faq-item .accordion.active:before {
        content: '\2012'; }
      body.PillarPage .group.faq .faq-item .active, body.PillarPage .group.faq .faq-item .accordion:hover {
        /*background-color: #ccc;*/ }
      body.PillarPage .group.faq .faq-item .panel {
        padding: 0 18px;
        display: none;
        overflow: hidden; }
        @media (max-width: 500px) {
          body.PillarPage .group.faq .faq-item .panel {
            padding: 0; } }
  body.PillarPage .group .page-intro .page-wrapper.inner {
    overflow: overlay; }

body.PillarPage section.anchor-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 3em;
  font-size: 21px;
  line-height: 2.5rem;
  /*a::after {
            content: " ● ";
        }

        a:last-of-type::after {
            content: "";
        }*/ }
  @media (max-width: 1086px) {
    body.PillarPage section.anchor-links {
      flex-direction: column;
      align-items: center; } }
  @media (max-width: 500px) {
    body.PillarPage section.anchor-links {
      flex-direction: column;
      align-items: start; } }
  body.PillarPage section.anchor-links a {
    white-space: nowrap;
    margin: 0 1rem; }
    @media (max-width: 500px) {
      body.PillarPage section.anchor-links a {
        line-height: 2rem;
        white-space: break-spaces;
        margin: .7rem 0 0 0; } }
  body.PillarPage section.anchor-links .separator {
    color: #cba463;
    margin: 0 11px; }
    @media (max-width: 1086px) {
      body.PillarPage section.anchor-links .separator {
        display: none; } }
  body.PillarPage section.anchor-links .separator:last-of-type {
    display: none; }

body.PillarPage .media-link {
  margin-bottom: 2em; }
  @media (max-width: 500px) {
    body.PillarPage .media-link {
      padding-left: 0px;
      padding-right: 0px; }
      body.PillarPage .media-link .video-play figure:after {
        background-image: url(/img/video-play-red.png);
        width: 75px;
        height: 75px;
        -webkit-background-size: 75px 75px;
        -moz-background-size: 75px 75px;
        -o-background-size: 75px 75px;
        margin-left: -38px;
        margin-top: -38px; } }
  body.PillarPage .media-link .media-link-title {
    margin-bottom: 10px; }
  body.PillarPage .media-link .media-link-body {
    text-align: center; }
  body.PillarPage .media-link .media-link-image {
    margin-bottom: 4em; }

body.PillarPage .top-hero p {
  line-height: unset;
  margin-bottom: unset; }

body.PillarPage .articel-block--wrapper .grid {
  width: unset;
  margin: unset; }

body.PillarPage .title-author.intro {
  justify-content: center;
  font-variant-caps: all-small-caps; }

body.PillarPage .title-author {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  font-size: 16px; }
  body.PillarPage .title-author span {
    font-style: oblique; }

body.PillarPage .page-intro-body p {
  text-align: left;
  line-height: 1.4; }

body.PillarPage .item-list {
  margin-left: 20px;
  margin-bottom: 20px; }
  body.PillarPage .item-list .list-item a {
    display: block; }
  body.PillarPage .item-list .list-item p {
    margin-bottom: 0; }

body.PillarPage footer {
  margin-top: 40px; }

.site-content.job-content {
  margin-top: 70px; }
  .site-content.job-content .job-video-button-wrapper .btn-cta {
    line-height: 1.1em;
    border: 2px solid #5E341B;
    border-radius: 20px;
    padding: 10px 20px 9px;
    font-family: "avenir-heavy", "Avenir 85 Heavy", sans-serif;
    color: #5E341B;
    display: flex;
    align-items: center;
    margin-bottom: 15px; }
  .site-content.job-content span.icon-youtube-secondary-play {
    margin-right: 10px; }
  .site-content.job-content .job-video-button-wrapper {
    display: flex;
    align-items: flex-start; }
  .site-content.job-content #videos iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto; }
    .site-content.job-content #videos iframe:not(:first-child) {
      margin-top: 30px; }
  @media (max-width: 768px) {
    .site-content.job-content #videos {
      margin-bottom: 30px; } }

.JobPage .btn-apply {
  margin-bottom: 40px; }

.articel-block .rte h2 {
  margin-bottom: 0.5em;
  font-family: "caslon-bolditalic", "Caslon 224 Bold Italic", serif;
  font-size: 3.125em;
  line-height: 1.2; }

.has-background {
  background-size: cover;
  background-repeat: no-repeat; }
  .has-background .page-intro, .has-background .content-grid, .has-background .spotlight-grid {
    background: none !important; }

