@charset "UTF-8";
/**
 * This file is a container for custom CSS. You can use it to override the default styles of the theme.
 *
 * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css".
 *    Otherwise this file will not be loded by Magento.
 * 2. Enable it in the admin panel.
 * 3. Uncomment slected sample styles or add your own CSS to override the default styles of the theme.
 *
 * Please refer to the user guide for more details.
 *
 */
/**********************
* BJÖRNS OVERRIDES HÄR *
**********************/
/**
	¡Tänk ALLTID så här!
	* Mobile first
	* Ovanför Media queries ska BASE CSS in. Alltså det som ligger som grund för styling
	* Sedan stegar man in i query för query och adderar CSS där det behövs overrides
*/
/* BASE styles */
/**********
* SLIDER */
.caption_custom {
  /*
	RENSA I DENNA
	*/
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0; }

.caption.dark2.caption_custom .heading {
  background-color: #444;
  width: 100%;
  margin: 0;
  font-size: 120%;
  padding: 0.75% 0.85%; }

.banner:last-child {
  margin-bottom: 0px; }

/* END SLIDER 
*************/
/* end of BASE styling */
@media only screen and (min-width: 640px) {
  /**********
	* SLIDER */
  .caption.dark2.caption_custom .heading {
    font-size: 160%; }
  /* END SLIDER 
	*************/ }

/*  end of media query */
@media only screen and (min-width: 768px) {
  /**********
	* SLIDER */
  .the-slideshow > .slides {
    border: 5px solid #444; }
  .caption.dark2.caption_custom .heading {
    font-size: 145%; }
  /* END SLIDER 
	*************/ }

/*  end of media query */
/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 960px) {
  /**********
	* SLIDER */
  .caption.dark2.caption_custom .heading {
    font-size: 195%; }
  /* END SLIDER 
	*************/ }

/*  end of media query */
/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
/*  end of media query */
/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1280px) {
  /**********
	* SLIDER */
  .caption.dark2.caption_custom .heading {
    padding: 0.85%;
    font-size: 220%; }
  /* END SLIDER 
	*************/ }

/*  end of media query */
/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* styles 2x */ }

/*  end of media query */
/*
iPHONE 5 MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  /* iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want) */ }

/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /* Print styles */ }

/*
	SPECIALARE
*/
@media only screen and (max-width: 959px) {
  #top.header-container {
    background: none; } }

/*  end of media query */
/** LYBE: Björn [Accordion] **/
/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------

$mq-support: false;
$mq-fixed-value: 1024;

// Renders at fixed value
@include bp (min-width, 300px) { 
    div { color:#000; }
}

// Doesn't render without MQ support
@include bp (min-width, 1200px) { 
    div { color:#FFF; }
}

// Doesn't render without MQ support
@include bp (max-width, 300px) { 
    div { color:#444; }
}

// Renders at fixed value
@include bp (max-width, 1200px) { 
    div { color:#888; }
}

// ----------------------------------------------
*/
.lybe-form-index-index .form-list textarea {
  width: initial; }

/** LYBE: Björn [Accordion. Extract to mixin] **/
.block-layered-nav dt {
  border-bottom: rgba(0, 0, 0, 0.0588235) solid 1px;
  cursor: pointer;
  padding: 5px 25px 5px 10px;
  transition-duration: 0.45s, 0.45s;
  transition-property: color, background-color;
  transition-timing-function: ease-in-out, ease-in-out;
  line-height: 19px;
  text-transform: capitalize; }
  .block-layered-nav dt:hover {
    background: rgba(0, 0, 0, 0.03); }
    .block-layered-nav dt:hover:after {
      background-image: url(../images/infortis/ultra-megamenu/opener-w.png);
      background-color: rgba(0, 0, 255, 0.15); }
  .block-layered-nav dt:after {
    width: 28px;
    height: 28px;
    content: "";
    display: block;
    float: right;
    margin: -5px -25px 0 0;
    background: 50% 50% rgba(0, 0, 255, 0.06);
    background-image: url(../images/infortis/ultra-megamenu/opener.png); }
  .block-layered-nav dt.active:after {
    background-image: url(../images/infortis/ultra-megamenu/opener-active.png); }
  .block-layered-nav dt.active:hover:after {
    background-image: url(../images/infortis/ultra-megamenu/opener-active-w.png); }

.block-layered-nav dd {
  margin-left: 10px; }

#narrow-by-list {
  padding: 0; }

/** LYBE: Björn [Kategoriträd – Subcategories] **/
.accordion .level0 > a {
  font-weight: bold; }

/** LYBE: Björn [Search field] **/
#search_mini_form input#search {
  border-width: 2px;
  padding: 25px 20px;
  font-size: 1.4em;
  color: #333333;
  border-color: #444444; }
  #search_mini_form input#search:hover, #search_mini_form input#search:active {
    color: #010101;
    border-color: #010101; }

#search_mini_form button {
  padding: 10px; }
  #search_mini_form button span {
    opacity: 0.9; }

@media only screen and (min-width: 959px) {
  .search-wrapper-mobile {
    width: 25%; }
  .header-primary {
    padding: 0 0 8px; } }

@media only screen and (min-width: 1279px) {
  .header-primary {
    padding: 10px 0; }
    .header-primary .logo img {
      width: 65%;
      margin-top: -20px; } }

/** LYBE: Björn [Slideshow: banners] **/
.banner {
  text-align: right;
  margin-bottom: 1.50%;
  /** LYBE: Björn [TEMP VALUE.. change pictures next time. To panoramas or 2 columns] **/ }
  .banner img {
    margin: 0;
    width: 50%;
    /** LYBE: Björn [TEMP VALUE.. change pictures next time. To panoramas or 2 columns] **/ }
    .banner img.placeholder-img {
      width: 0.356%; }

/** LYBE: Björn [Banner: Newsfeed (via Flagbit extension)] **/
.block-feed-reader {
  text-align: left; }
  .block-feed-reader .block-title,
  .block-feed-reader .block-content {
    padding: 0; }
    .block-feed-reader .block-title #feed-items li,
    .block-feed-reader .block-content #feed-items li {
      padding: 0.5% 0; }
      @media only screen and (min-width: 768px) {
        .block-feed-reader .block-title #feed-items li.item-3,
        .block-feed-reader .block-content #feed-items li.item-3 {
          display: none; } }
      @media only screen and (min-width: 1280px) {
        .block-feed-reader .block-title #feed-items li.item-3,
        .block-feed-reader .block-content #feed-items li.item-3 {
          display: list-item; } }
      .block-feed-reader .block-title #feed-items li .date,
      .block-feed-reader .block-content #feed-items li .date {
        text-align: center;
        background: gray;
        padding: 2% 1%;
        margin: 0;
        color: white; }
        @media only screen and (min-width: 768px) {
          .block-feed-reader .block-title #feed-items li .date,
          .block-feed-reader .block-content #feed-items li .date {
            display: none; } }
        @media only screen and (min-width: 1280px) {
          .block-feed-reader .block-title #feed-items li .date,
          .block-feed-reader .block-content #feed-items li .date {
            display: inline; } }
      .block-feed-reader .block-title #feed-items li .feed-title,
      .block-feed-reader .block-content #feed-items li .feed-title {
        font-size: 12px;
        padding: 2% 0 2% 1%;
        margin-bottom: 0;
        background: whitesmoke;
        margin-right: 0; }
        @media only screen and (min-width: 960px) {
          .block-feed-reader .block-title #feed-items li .feed-title,
          .block-feed-reader .block-content #feed-items li .feed-title {
            padding: 3.7% 0 3.7% 1%; } }
        @media only screen and (min-width: 1280px) {
          .block-feed-reader .block-title #feed-items li .feed-title,
          .block-feed-reader .block-content #feed-items li .feed-title {
            padding: 2% 0 2% 1%;
            width: 81.33%; } }

/** LYBE: Björn [CMS Block loaded into category] **/
.catalog-category-view .category-top-cms {
  padding: 10px 0; }
  .catalog-category-view .category-top-cms h3 {
    margin-bottom: 5px; }
  .catalog-category-view .category-top-cms p, .catalog-category-view .category-top-cms ul {
    padding: 0 0 10px; }
  .catalog-category-view .category-top-cms ul {
    list-style: initial;
    list-style-position: inside; }
  .catalog-category-view .category-top-cms *:last-child {
    padding: 0; }

.catalog-category-view .sorter {
  position: absolute;
  right: 0;
  margin-top: -50px; }
  .catalog-category-view .sorter .amount {
    background: none; }

.pager {
  display: none; }
  .toolbar-bottom .pager {
    display: block; }

.note-msg.empty-catalog {
  background: url(../images/adcontact_gammeter.png) 10px 35px no-repeat !important;
  background-size: 25% !important; }
  .note-msg.empty-catalog h3 {
    margin-left: 10%; }
    .note-msg.empty-catalog h3 a {
      color: #52ae35; }

.level0-wrapper .dropdown-6col {
  max-height: 600px;
  overflow-y: scroll; }

ul.level3 {
  display: none; }

.footer .grid12-2 {
  width: 17.66%; }

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