/* ==========================================================================
Base colors
   ========================================================================== */
/**
 * Table of Contents:
 *
 *  1. Variables for colors
 *  2.
 *  3. 
 *  4.
 *  5.
 *  6.
 *  7.
 *  8.
 *  9.
 *  10. 
 *  11.
 *  12.
 *  13.
 *  14.
 *  15.
 *  16.
 *  17.
 *  18.
 *  19.
 *  20.
 *  21.
 *  22.
 *  23.
 *  24.
 */
/* 1. Variables for colors
   ========================================================================== */
/*$white: #fff;
$blue-lighter:#80cff1;
$blue-light: #b2d3e1;
$blue: #009fe3;


$blue-light-search: #bfe7f8;
$blue-light-dark-font-menu:#80cff1;
$blue-dark: #0077aa;
$black:#000000;
$black-light: #333333;

$grey: #cccccc;
$grey-light: #dfe5e7;
$grey-main:#edf2f3;
$grey-dark: #999999;
$grey-tabs:#f4f6f3;
$grey-socials:#b4bebf;

$green:#339900;
$orange: #ff841d;*/
/* ==========================================================================
Base Mixins
   ========================================================================== */
/**
 * Table of Contents:
 *
 *  1. Variables for colors
 *  2.
 *  3. 
 *  4.
 *  5.
 *  6.
 *  7.
 *  8.
 *  9.
 *  10. 
 *  11.
 *  12.
 *  13.
 *  14.
 *  15.
 *  16.
 *  17.
 *  18.
 *  19.
 *  20.
 *  21.
 *  22.
 *  23.
 *  24.
 */
/* 1. Mixins
   ========================================================================== */
/*when used ALLWAYS use in this order 
       @include phones {
                bottom: 117px;
            }

            @include tablets {
                bottom: 190px;
            }

            @include desktops {
                bottom: 300px;
            }
*/
/* ==========================================================================
Base utility
   ========================================================================== */
/**
 * Table of Contents:
 *
 *  1. Variables for font-family 
 *  2. Other variables
 *  3. 
 *  4.
 *  5.
 *  6.
 *  7.
 *  8.
 *  9.
 *  10. 
 *  11.
 *  12.
 *  13.
 *  14.
 *  15.
 *  16.
 *  17.
 *  18.
 *  19.
 *  20.
 *  21.
 *  22.
 *  23.
 *  24.
 */
/* 1. Variables for font-family
   ========================================================================== */
/*$font-tertiery: '';*/
/* 1. Other variables
   ========================================================================== */
/*sizes*/
/*input, select*/
/*$input-select-height: 35px;
$input-height: $input-select-height;
$select-height: $input-select-height;*/
/*Buttons*/
/***************Transistions***************/
/*Buttons*/
/* ==========================================================================
Base mobile menu
   ========================================================================== */
/**
 * Table of Contents:
 *
 *  1. header footer
 *  2. header
 *  3. #menu-mobile 
 *  4.  menu-sub-content
 *  5.
 *  6.
 *  7.
 *  8.
 *  9.
 *  10. 
 *  11.
 *  12.
 *  13.
 *  14.
 *  15.
 *  16.
 *  17.
 *  18.
 *  19.
 *  20.
 *  21.
 *  22.
 *  23.
 *  24.
 */
/* 1. header footer
   ========================================================================== */
/* 2. header
   ========================================================================== */
.header {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0 !important; }
  .header ul {
    text-align: center !important; }
    @media only screen and (max-width: 767px) {
      .header ul li div img {
        max-height: 17px; } }

/* 3. menu-mobile 
   ========================================================================== */
/*********Here comes other style for the small menu****************/
#menu-mobile {
  background-color: #3f3f3f; }
  @media only screen and (min-width: 992px) {
    #menu-mobile {
      display: none !important; } }
  #menu-mobile .mm-highest {
    background-color: rgba(0, 0, 0, 0.25); }
  #menu-mobile .mm-subopened {
    display: none; }
  #menu-mobile .mm-navbars-top {
    border-color: rgba(255, 255, 255, 0.25); }
    @media only screen and (min-width: 992px) {
      #menu-mobile .mm-navbars-top .mm-hasbtns {
        padding: 0 30px; } }
    @media only screen and (max-width: 991px) {
      #menu-mobile .mm-navbars-top .mm-navbar {
        padding: 0; } }
    #menu-mobile .mm-navbars-top .mm-navbar .site-logo img {
      max-width: 100%; }
    #menu-mobile .mm-navbars-top .mm-navbar .mm-prev::before {
      border-color: #fff; }
      @media only screen and (min-width: 992px) {
        #menu-mobile .mm-navbars-top .mm-navbar .mm-prev::before {
          left: 0; } }
    #menu-mobile .mm-navbars-top .mm-navbar .mm-prev {
      margin-top: 30px; }
    #menu-mobile .mm-navbars-top .mm-navbar .mm-title {
      color: #fff;
      text-transform: uppercase;
      font-size: 1.143em;
      margin-top: 60px;
      font-size: 18px; }
  #menu-mobile .mm-panels .mm-panel .mm-navbar {
    border: none; }
    #menu-mobile .mm-panels .mm-panel .mm-navbar .mm-btn {
      top: 105px; }
  #menu-mobile .mm-panels .mm-panel .mm-listview {
    padding: 0 25px; }
    #menu-mobile .mm-panels .mm-panel .mm-listview li {
      border-color: #3f3f3f;
      text-align: center;
      line-height: 25px; }
      #menu-mobile .mm-panels .mm-panel .mm-listview li a {
        padding: 10px 0px 10px 0px;
        color: #fff;
        text-transform: uppercase; }
        @media only screen and (max-width: 991px) {
          #menu-mobile .mm-panels .mm-panel .mm-listview li a {
            font-size: 1em;
            font-weight: 600; } }
        @media only screen and (min-width: 992px) {
          #menu-mobile .mm-panels .mm-panel .mm-listview li a {
            font-size: 1em;
            font-weight: 600; } }
        @media only screen and (min-width: 1199px) {
          #menu-mobile .mm-panels .mm-panel .mm-listview li a {
            font-size: 1em;
            font-weight: 600; } }
        @media only screen and (min-width: 1400px) {
          #menu-mobile .mm-panels .mm-panel .mm-listview li a {
            font-size: 1.143em;
            font-weight: 600; } }
      #menu-mobile .mm-panels .mm-panel .mm-listview li span {
        padding: 10px 0px 10px 0px;
        color: #9d9d9d;
        text-transform: uppercase; }
        @media only screen and (max-width: 991px) {
          #menu-mobile .mm-panels .mm-panel .mm-listview li span {
            font-size: 1em;
            font-weight: 600; } }
        @media only screen and (min-width: 992px) {
          #menu-mobile .mm-panels .mm-panel .mm-listview li span {
            font-size: 1em;
            font-weight: 600; } }
        @media only screen and (min-width: 1199px) {
          #menu-mobile .mm-panels .mm-panel .mm-listview li span {
            font-size: 1em;
            font-weight: 600; } }
        @media only screen and (min-width: 1400px) {
          #menu-mobile .mm-panels .mm-panel .mm-listview li span {
            font-size: 1.143em;
            font-weight: 600; } }
      #menu-mobile .mm-panels .mm-panel .mm-listview li a::after, #menu-mobile .mm-panels .mm-panel .mm-listview li span::after {
        border-color: #fff;
        right: 5px; }
  #menu-mobile .nordisk-top-wrapper {
    float: none; }
    @media only screen and (max-width: 767px) {
      #menu-mobile .nordisk-top-wrapper {
        height: 20px !important; } }
    #menu-mobile .nordisk-top-wrapper .login-nordisk {
      width: auto;
      float: none;
      background: none;
      opacity: 1;
      display: none; }
      #menu-mobile .nordisk-top-wrapper .login-nordisk a {
        color: #fff; }
        @media only screen and (max-width: 767px) {
          #menu-mobile .nordisk-top-wrapper .login-nordisk a {
            padding-top: 7px; } }
      #menu-mobile .nordisk-top-wrapper .login-nordisk select {
        width: auto; }
      #menu-mobile .nordisk-top-wrapper .login-nordisk i {
        padding-left: 0; }
        @media only screen and (max-width: 767px) {
          #menu-mobile .nordisk-top-wrapper .login-nordisk i {
            padding-top: 7px; } }
  @media only screen and (min-width: 768px) {
    #menu-mobile .mm-navbars-bottom {
      background-color: transparent; } }
  @media only screen and (max-width: 991px) {
    #menu-mobile .mm-navbars-bottom .mm-navbar-size-4 {
      height: 210px; } }
  @media only screen and (max-width: 767px) {
    #menu-mobile .mm-navbars-bottom .mm-navbar-size-4 {
      height: auto; } }
  #menu-mobile .mm-navbars-bottom .mm-logo-sub {
    height: 75px;
    width: 75px;
    background-image: url("../../../../graphics/channels/nordisk/nordisk_logo_vertical.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      #menu-mobile .mm-navbars-bottom .mm-logo-sub {
        height: 50px;
        width: 50px;
        margin-bottom: 0; } }
  #menu-mobile .mm-navbars-bottom .mobile-language {
    color: white;
    padding: 0 25px; }

/*.mm-hasnavbar-bottom-4 {
    .mm-panels {

        @include tablets {
            bottom: 0;
        }
    }
}*/
/*.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
    top: 105px;
}*/
/*.mm-widescreen {
    @include desktop-Extra-large {
        #menu-mobile {
            width: 20% !important;
        }
    }
}*/
/*.mm-slideout{z-index:10;}*/
@media only screen and (min-width: 992px) {
  html.mm-widescreen .mm-slideout {
    width: 100% !important;
    margin-left: 0 !important; } }

/* 4. menu-sub-content
   ========================================================================== */
.menu-sub-content {
  text-align: center; }
  .menu-sub-content h3 {
    color: #fff; }
    @media only screen and (max-width: 991px) {
      .menu-sub-content h3 {
        line-height: 12px; } }
  .menu-sub-content a {
    padding-right: 7px; }
    .menu-sub-content a i {
      font-size: 22px;
      color: #fff !important; }
  @media only screen and (max-width: 991px) {
    .menu-sub-content .search-menu-item {
      margin-bottom: 5px; } }
  @media only screen and (min-width: 992px) {
    .menu-sub-content .search-menu-item {
      display: none; } }
  .menu-sub-content .input-field-wrapper {
    margin-top: 0px;
    display: inline-block;
    max-width: 220px; }
    .menu-sub-content .input-field-wrapper .input-wrapper input {
      background-color: #000;
      color: #fff; }
    .menu-sub-content .input-field-wrapper button, .menu-sub-content .input-field-wrapper button:focus {
      background-color: transparent;
      color: #fff !important; }

@media only screen and (min-width: 992px) {
  .search-wrapper-new form {
    float: left;
    margin-left: 7px;
    padding-top: 8px; }
    .search-wrapper-new form .input-field-wrapper {
      margin-top: 0px;
      display: inline-block;
      max-width: 155px; }
      .search-wrapper-new form .input-field-wrapper .input-wrapper input {
        background-color: #000;
        color: #fff;
        border-color: rgba(159, 159, 159, 0.8) !important;
        box-shadow: 0 1px 1px rgba(159, 159, 159, 0.075) inset, 0 0 8px rgba(159, 159, 159, 0.6) !important; }
      .search-wrapper-new form .input-field-wrapper button, .search-wrapper-new form .input-field-wrapper button:focus {
        background-color: transparent;
        color: #fff !important; } }

.mobile-language-left {
  float: left;
  margin: 5px 0; }

.mobile-language-right {
  float: right;
  margin: 5px 0; }