@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
/* line 26, ../scss/_mixin.scss */
::selection {
  background: #ccc; }

/* line 27, ../scss/_mixin.scss */
::-moz-selection {
  background: #ccc; }

/* line 28, ../scss/_mixin.scss */
html, body, h1, h2, h3, h4, h5, h6, p, ul, li, span, ol, a, table, label {
  margin: 0;
  padding: 0; }

/* line 29, ../scss/_mixin.scss */
a {
  text-decoration: none; }

/* line 30, ../scss/_mixin.scss */
ul {
  list-style: none; }

/* line 31, ../scss/_mixin.scss */
body {
  background-color: #fce1e1;
  min-width: 320px; }

/* ----------------------------------------------------------------------------------------------------

Super Form Reset

A couple of things to watch out for:

- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs

----------------------------------------------------------------------------------------------------*/
/* line 80, ../scss/_mixin.scss */
input,
label,
select,
button,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  /* Browsers have different default form fonts */
  font-size: 13px; }

/* Remove the stupid outer glow in Webkit */
/* line 100, ../scss/_mixin.scss */
input:focus {
  outline: 0; }

/* Box Sizing Reset
-----------------------------------------------*/
/* All of our custom controls should be what we expect them to be */
/* line 109, ../scss/_mixin.scss */
input,
textarea {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* These elements are usually rendered a certain way by the browser */
/* line 118, ../scss/_mixin.scss */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Text Inputs
-----------------------------------------------*/
/* Button Controls
-----------------------------------------------*/
/* line 154, ../scss/_mixin.scss */
input[type=checkbox],
input[type=radio] {
  width: 13px;
  height: 13px; }

/* File Uploads
-----------------------------------------------*/
/* Search Input
-----------------------------------------------*/
/* Make webkit render the search input like a normal text field */
/* line 173, ../scss/_mixin.scss */
input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box; }

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
/* line 180, ../scss/_mixin.scss */
::-webkit-search-decoration {
  display: none; }

/* Buttons
-----------------------------------------------*/
/* line 188, ../scss/_mixin.scss */
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  /* Fix IE7 display bug */
  overflow: visible;
  width: auto; }

/* IE8 and FF freak out if this rule is within another selector */
/* line 199, ../scss/_mixin.scss */
::-webkit-file-upload-button {
  padding: 0;
  border: 0;
  background: none; }

/* Textarea
-----------------------------------------------*/
/* line 209, ../scss/_mixin.scss */
textarea {
  /* Move the label to the top */
  vertical-align: top;
  /* Turn off scroll bars in IE unless needed */
  overflow: auto; }

/* Selects
-----------------------------------------------*/
/* line 226, ../scss/_mixin.scss */
select[multiple] {
  /* Move the label to the top */
  vertical-align: top; }

/* line 4, ../scss/index.scss */
.post {
  width: 100%;
  background: #fff;
  margin: 20px 0 0 0;
  overflow: hidden; }
  @media screen and (max-width: 540px) {
    /* line 4, ../scss/index.scss */
    .post {
      margin: 10px 0 0 0; } }
  /* line 12, ../scss/index.scss */
  .post a {
    float: left;
    width: 100%;
    position: relative; }
    /* line 16, ../scss/index.scss */
    .post a:hover > span {
      padding: 10px 23px; }
      @media screen and (max-width: 540px) {
        /* line 16, ../scss/index.scss */
        .post a:hover > span {
          padding: 8px 20px; } }
    /* line 22, ../scss/index.scss */
    .post a span {
      position: absolute;
      left: 0;
      top: 10px;
      background: #d52c1e;
      padding: 10px 18px;
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      color: #fff;
      pointer-events: none;
      -webkit-transition-property: padding;
      -moz-transition-property: padding;
      -o-transition-property: padding;
      transition-property: padding;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s; }
      @media screen and (max-width: 540px) {
        /* line 22, ../scss/index.scss */
        .post a span {
          padding: 8px 16px;
          font-size: 14px;
          font-weight: 600; } }
      /* line 40, ../scss/index.scss */
      .post a span.smashdig {
        background: #d52c1e; }
  /* line 45, ../scss/index.scss */
  .post img {
    float: left;
    width: 100%;
    height: inherit;
    position: relative;
    opacity: 1;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s; }
    @media screen and (max-width: 1320px) {
      /* line 45, ../scss/index.scss */
      .post img {
        height: auto; } }
    /* line 56, ../scss/index.scss */
    .post img:hover {
      opacity: 0.8; }
  /* line 61, ../scss/index.scss */
  .post .youtube:hover span {
    padding: 10px 23px; }
    @media screen and (max-width: 540px) {
      /* line 61, ../scss/index.scss */
      .post .youtube:hover span {
        padding: 8px 20px; } }
  /* line 67, ../scss/index.scss */
  .post .youtube span {
    background-color: #d52c1e; }
  /* line 71, ../scss/index.scss */
  .post .youtube-thumb {
    float: left;
    width: 100%;
    height: 348px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background-repeat: no-repeat;
    background-position: center center; }
    /* line 80, ../scss/index.scss */
    .post .youtube-thumb:hover {
      opacity: 0.8; }
    @media screen and (max-width: 660px) {
      /* line 71, ../scss/index.scss */
      .post .youtube-thumb {
        height: 281px; } }
    @media screen and (max-width: 540px) {
      /* line 71, ../scss/index.scss */
      .post .youtube-thumb {
        height: 221px; } }
    @media screen and (max-width: 413px) {
      /* line 71, ../scss/index.scss */
      .post .youtube-thumb {
        height: 199px; } }
    @media screen and (max-width: 374px) {
      /* line 71, ../scss/index.scss */
      .post .youtube-thumb {
        height: 169px; } }
  /* line 96, ../scss/index.scss */
  .post .vimeo-thumb {
    float: left;
    width: 100%;
    height: 348px;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s; }
    /* line 102, ../scss/index.scss */
    .post .vimeo-thumb:hover {
      opacity: 0.8; }
    @media screen and (max-width: 660px) {
      /* line 96, ../scss/index.scss */
      .post .vimeo-thumb {
        height: 281px; } }
    @media screen and (max-width: 540px) {
      /* line 96, ../scss/index.scss */
      .post .vimeo-thumb {
        height: 221px; } }
    @media screen and (max-width: 413px) {
      /* line 96, ../scss/index.scss */
      .post .vimeo-thumb {
        height: 199px; } }
    @media screen and (max-width: 374px) {
      /* line 96, ../scss/index.scss */
      .post .vimeo-thumb {
        height: 169px; } }
  /* line 118, ../scss/index.scss */
  .post .text-holder {
    float: left;
    width: 560px;
    margin: 30px; }
    @media screen and (max-width: 660px) {
      /* line 118, ../scss/index.scss */
      .post .text-holder {
        width: 450px;
        margin: 25px; } }
    @media screen and (max-width: 540px) {
      /* line 118, ../scss/index.scss */
      .post .text-holder {
        width: 354px;
        margin: 20px; } }
    @media screen and (max-width: 413px) {
      /* line 118, ../scss/index.scss */
      .post .text-holder {
        width: 315px; } }
    @media screen and (max-width: 374px) {
      /* line 118, ../scss/index.scss */
      .post .text-holder {
        width: 260px; } }
    /* line 136, ../scss/index.scss */
    .post .text-holder h2 {
      float: left;
      width: 100%;
      font-size: 54px;
      line-height: 56px; }
      @media screen and (max-width: 660px) {
        /* line 136, ../scss/index.scss */
        .post .text-holder h2 {
          font-size: 35px;
          line-height: 37px; } }
      @media screen and (max-width: 540px) {
        /* line 136, ../scss/index.scss */
        .post .text-holder h2 {
          font-size: 33px;
          line-height: 35px; } }
      @media screen and (max-width: 413px) {
        /* line 136, ../scss/index.scss */
        .post .text-holder h2 {
          font-size: 30px;
          line-height: 32px; } }
      /* line 153, ../scss/index.scss */
      .post .text-holder h2 a {
        width: auto; }
        /* line 155, ../scss/index.scss */
        .post .text-holder h2 a:hover {
          text-decoration: underline; }
        /* line 158, ../scss/index.scss */
        .post .text-holder h2 a.fet {
          font-weight: 700; }
        /* line 161, ../scss/index.scss */
        .post .text-holder h2 a.smal {
          font-weight: 400; }
      /* line 165, ../scss/index.scss */
      .post .text-holder h2.stor {
        font-size: 60px;
        line-height: 62px; }
        @media screen and (max-width: 660px) {
          /* line 165, ../scss/index.scss */
          .post .text-holder h2.stor {
            font-size: 54px;
            line-height: 56px; } }
        @media screen and (max-width: 540px) {
          /* line 165, ../scss/index.scss */
          .post .text-holder h2.stor {
            font-size: 45px;
            line-height: 47px; } }
        @media screen and (max-width: 413px) {
          /* line 165, ../scss/index.scss */
          .post .text-holder h2.stor {
            font-size: 43px;
            line-height: 45px; } }
      /* line 181, ../scss/index.scss */
      .post .text-holder h2.mellan {
        font-size: 50px;
        line-height: 52px; }
        @media screen and (max-width: 660px) {
          /* line 181, ../scss/index.scss */
          .post .text-holder h2.mellan {
            font-size: 44px;
            line-height: 46px; } }
        @media screen and (max-width: 540px) {
          /* line 181, ../scss/index.scss */
          .post .text-holder h2.mellan {
            font-size: 40px;
            line-height: 42px; } }
        @media screen and (max-width: 413px) {
          /* line 181, ../scss/index.scss */
          .post .text-holder h2.mellan {
            font-size: 35px;
            line-height: 37px; } }
      /* line 197, ../scss/index.scss */
      .post .text-holder h2.liten {
        font-size: 44px;
        line-height: 46px; }
        @media screen and (max-width: 660px) {
          /* line 197, ../scss/index.scss */
          .post .text-holder h2.liten {
            font-size: 40px;
            line-height: 42px; } }
        @media screen and (max-width: 540px) {
          /* line 197, ../scss/index.scss */
          .post .text-holder h2.liten {
            font-size: 35px;
            line-height: 37px; } }
        @media screen and (max-width: 413px) {
          /* line 197, ../scss/index.scss */
          .post .text-holder h2.liten {
            font-size: 28px;
            line-height: 30px; } }
    /* line 214, ../scss/index.scss */
    .post .text-holder span {
      float: left;
      color: #d52c1e;
      font-weight: 600;
      width: auto;
      margin-top: 8px;
      font-size: 17px;
      line-height: 22px; }
      @media screen and (max-width: 660px) {
        /* line 214, ../scss/index.scss */
        .post .text-holder span {
          font-size: 16px;
          line-height: 21px;
          margin-top: 5px; } }
    /* line 228, ../scss/index.scss */
    .post .text-holder p {
      float: left;
      width: 100%;
      color: #1e1e1e;
      margin-top: 8px;
      font-size: 19px;
      line-height: 22px;
      font-weight: 400; }
      @media screen and (max-width: 660px) {
        /* line 228, ../scss/index.scss */
        .post .text-holder p {
          font-size: 16px;
          line-height: 21px;
          margin-top: 5px; } }
      /* line 241, ../scss/index.scss */
      .post .text-holder p a.text-link {
        font-weight: normal; }
  /* line 246, ../scss/index.scss */
  .post .related {
    float: left;
    background: #dddcdc;
    width: 100%; }
    /* line 250, ../scss/index.scss */
    .post .related ul {
      float: left;
      width: 100%; }
      /* line 253, ../scss/index.scss */
      .post .related ul li {
        float: left;
        background: #fff;
        width: 100%;
        margin-top: 1px; }
        /* line 258, ../scss/index.scss */
        .post .related ul li .hold-related {
          float: left;
          width: 560px;
          margin: 20px 30px;
          font-size: 20px;
          line-height: 24px; }
          @media screen and (max-width: 660px) {
            /* line 258, ../scss/index.scss */
            .post .related ul li .hold-related {
              width: 450px;
              margin: 15px 25px;
              font-size: 18px;
              line-height: 22px; } }
          @media screen and (max-width: 540px) {
            /* line 258, ../scss/index.scss */
            .post .related ul li .hold-related {
              width: 354px;
              margin: 10px 20px;
              font-size: 17px;
              line-height: 21px; } }
          @media screen and (max-width: 413px) {
            /* line 258, ../scss/index.scss */
            .post .related ul li .hold-related {
              width: 315px;
              font-size: 16px; } }
          @media screen and (max-width: 374px) {
            /* line 258, ../scss/index.scss */
            .post .related ul li .hold-related {
              width: 260px; } }
          /* line 283, ../scss/index.scss */
          .post .related ul li .hold-related a {
            width: 100%;
            font-weight: 600;
            float: left;
            width: auto; }
            /* line 288, ../scss/index.scss */
            .post .related ul li .hold-related a:hover {
              text-decoration: underline; }

/* line 298, ../scss/index.scss */
#hold-author {
  float: left;
  width: 560px;
  padding: 30px;
  background: #fff;
  margin: 20px 0 20px 0; }
  @media screen and (max-width: 660px) {
    /* line 298, ../scss/index.scss */
    #hold-author {
      width: 450px;
      padding: 25px; } }
  @media screen and (max-width: 540px) {
    /* line 298, ../scss/index.scss */
    #hold-author {
      width: 354px;
      padding: 20px;
      margin: 10px 0 10px 0; } }
  @media screen and (max-width: 413px) {
    /* line 298, ../scss/index.scss */
    #hold-author {
      width: 315px; } }
  @media screen and (max-width: 374px) {
    /* line 298, ../scss/index.scss */
    #hold-author {
      width: 260px; } }
  /* line 319, ../scss/index.scss */
  #hold-author #tag {
    float: left;
    width: 100%; }
    /* line 322, ../scss/index.scss */
    #hold-author #tag h1 {
      float: left;
      width: 100%;
      font-size: 35px;
      line-height: 35px; }
      @media screen and (max-width: 660px) {
        /* line 322, ../scss/index.scss */
        #hold-author #tag h1 {
          font-size: 30px;
          line-height: 30px; } }
      @media screen and (max-width: 540px) {
        /* line 322, ../scss/index.scss */
        #hold-author #tag h1 {
          font-size: 28px;
          line-height: 28px; } }
      @media screen and (max-width: 413px) {
        /* line 322, ../scss/index.scss */
        #hold-author #tag h1 {
          font-size: 26px;
          line-height: 26px; } }
      @media screen and (max-width: 374px) {
        /* line 322, ../scss/index.scss */
        #hold-author #tag h1 {
          font-size: 24px;
          line-height: 24px; } }
    /* line 344, ../scss/index.scss */
    #hold-author #tag #holder {
      float: left;
      width: 100%;
      clear: left;
      margin-top: 8px; }
      @media screen and (max-width: 660px) {
        /* line 344, ../scss/index.scss */
        #hold-author #tag #holder {
          margin-top: 5px; } }
      /* line 352, ../scss/index.scss */
      #hold-author #tag #holder p {
        float: left;
        color: #999;
        font-weight: 400;
        margin-right: 5px;
        font-size: 17px;
        line-height: 21px; }
        @media screen and (max-width: 660px) {
          /* line 352, ../scss/index.scss */
          #hold-author #tag #holder p {
            font-size: 16px; } }
      /* line 363, ../scss/index.scss */
      #hold-author #tag #holder span {
        float: left;
        font-weight: 600;
        color: #d52c1e;
        font-size: 17px;
        line-height: 21px;
        text-transform: capitalize; }
        @media screen and (max-width: 660px) {
          /* line 363, ../scss/index.scss */
          #hold-author #tag #holder span {
            font-size: 16px; } }
  /* line 376, ../scss/index.scss */
  #hold-author #author {
    float: left;
    width: 100%; }
    /* line 379, ../scss/index.scss */
    #hold-author #author img {
      float: left;
      width: 100px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
      @media screen and (max-width: 540px) {
        /* line 379, ../scss/index.scss */
        #hold-author #author img {
          position: relative;
          left: 50%;
          margin-left: -45px;
          width: 90px; } }
    /* line 390, ../scss/index.scss */
    #hold-author #author #author-text {
      float: left;
      width: 435px;
      margin-left: 25px; }
      @media screen and (max-width: 660px) {
        /* line 390, ../scss/index.scss */
        #hold-author #author #author-text {
          width: 315px; } }
      @media screen and (max-width: 540px) {
        /* line 390, ../scss/index.scss */
        #hold-author #author #author-text {
          width: 100%;
          margin-left: 0;
          clear: left;
          text-align: center;
          margin-top: 20px; } }
      /* line 404, ../scss/index.scss */
      #hold-author #author #author-text h1 {
        float: left;
        width: 100%;
        font-size: 25px;
        line-height: 25px;
        color: #d52c1e;
        font-weight: 600; }
        @media screen and (max-width: 540px) {
          /* line 404, ../scss/index.scss */
          #hold-author #author #author-text h1 {
            font-size: 24px;
            line-height: 24px; } }
        @media screen and (max-width: 413px) {
          /* line 404, ../scss/index.scss */
          #hold-author #author #author-text h1 {
            font-size: 22px;
            line-height: 22px; } }
      /* line 420, ../scss/index.scss */
      #hold-author #author #author-text span {
        font-size: 16px;
        line-height: 16px;
        font-weight: 500;
        color: #999;
        float: left;
        width: 100%;
        margin-top: 8px; }
      /* line 429, ../scss/index.scss */
      #hold-author #author #author-text p {
        float: left;
        width: 100%;
        font-size: 16px;
        line-height: 21px;
        margin-top: 8px;
        color: #1e1e1e; }

/** AD STYLES **/
/* line 442, ../scss/index.scss */
.reklam-head {
  float: left;
  position: relative;
  left: 50%;
  margin: 50px 0 50px -234px;
  background: rgba(0, 0, 0, 0.4);
  list-style: none; }
  @media screen and (max-width: 1020px) {
    /* line 442, ../scss/index.scss */
    .reklam-head {
      display: none; } }
  /* line 452, ../scss/index.scss */
  .reklam-head a {
    float: left;
    width: 468px;
    height: 360px; }
    /* line 456, ../scss/index.scss */
    .reklam-head a img {
      float: left;
      width: 100%; }
    /* line 460, ../scss/index.scss */
    .reklam-head a:before {
      content: 'Annons:';
      position: absolute;
      top: -18px;
      left: 0;
      font-weight: 400;
      color: #999;
      font-size: 13px;
      line-height: 13px; }

/* line 474, ../scss/index.scss */
#wsSmashdigStartMiddle {
  margin-top: 20px; }

/* line 479, ../scss/index.scss */
.smashdig-out-ap {
  text-align: center;
  margin-bottom: 20px; }