﻿/* ------------- Design C - 230406 ------------- */


/* Skyltning image front page */

#StartView #ProdListHeader .list_info p:nth-child(1) {margin-left: -15vw;margin-right: -15vw;}

.startView .list_info h1 {
	display: none;
}


/* Text color in menu */

div#MenuContent,a{
color: #00577f;
}

/* Page head logo placement */

#Header, #HeaderContainer {
  height: 120px;
}
#OpenMenuContent {
  flex-grow: 0;
}
#imgLogo {
    width: 190px;
}

/* Circle around menu */

#OpenMenuIcon {
    border:2px solid #00577f;
    border-radius: 100px;
    padding: 10px;
    height: 47px;
    width: 47px;
    text-align: center;
    color: #00577f;
}

/* Circle around basket */

i#OpenCartIcon {
    border:2px solid #00577f;
    border-radius: 100px;
    padding: 10px;
    height: 47px;
    width: 47px;
    text-align: center;
    color: #00577f;
}


/* Circle around filter, sort and pageselector */

#FilterToggle, #SortToggle {
    border: 2px solid #00577f;
    border-radius: 100px;
}

#FirstPager {
    border: 2px solid #00577f;
    border-radius: 100px;
}


/* FOOTER */

footer {
    background-color: #ebebeb;
    border-top: 15px solid #ebebeb;
    border-bottom: 75px solid #ebebeb;
}

footer .footer-inner>div {
    background-color: #ebebeb;
}

#MainFooter_CompanyInformation{display: none;}

.footerMenu a {
    font-size: 16px;
    color: #005580;
    margin-top: 1.5em;
}

.footerMenu ul li .menunolink {
    font-size: 16px;
    font-weight: inherit;
    text-transform: inherit;
    margin-top: 10px;
}

.footerTitle h4 {
    font-size: 19.44px;
    font-weight: bold;
    font-family: 'Open Sans';
}

footer#Footer{
    background-color: #ebebeb;
}
v

/* Center image from Skyltning */

.list_info {
    margin-right: auto;
    margin-left: auto;
    }

/* Color of arrows */

.fw-button.fw-button-outline {
    color: #00577f;
}

/*Hidden stock symbol*/

i.fw-icon-warning.outofstock {
visibility: hidden;
}

/*Similar size of images in overview skyltning*/

.image-wrapper {
  height: 300px;
  width: auto;
}
.hqy-wrapper.hqy-loaded {
  height: auto;
  padding-bottom:0px !important;
}
.image-inner{
  width: auto;
}
.hqy-wrapper.hqy-loaded img {
  /* min-height: 200px; ---- caused wrong proportions for image in skyltning, however might needed if crosselling is used?*/
  max-height: 290px;
  width: auto;
}
.hqy-wrapper {
  background-color:white;
  text-align: center !important;
}
.prodlist.window-view .image-inner img {
  display: -webkit-inline-box;
}
img.hqy-lazy {
  position: inherit;
}

/*Height correction of image in search result*/

.table .row .cell img {
  min-height:auto;
}

/*Color of buy button*/

button.fw-button-success, *.fw-button.fw-button-success, body.page-Product #updProduct #Dimensions .radiolist label.fw-button-success {
    color: #fff;
    background-color: #0098d8;
}

/*Color of buy button hover*/

button.fw-button-success.fw-button-outline:hover,button.fw-button-success.fw-button-outline:focus,button.fw-button-success.fw-button-outline.fw-button-active,*.fw-button.fw-button-success.fw-button-outline:hover,body.page-Product #updProduct #Dimensions .radiolist label.fw-button-success.fw-button-outline:hover,body.page-Product #updProduct #Dimensions .radiolist input[type="radio"]+label.fw-button-success:hover,*.fw-button.fw-button-success.fw-button-outline:focus,body.page-Product #updProduct #Dimensions .radiolist label.fw-button-success.fw-button-outline:focus,body.page-Product #updProduct #Dimensions .radiolist input[type="radio"]+label.fw-button-success:focus,*.fw-button.fw-button-success.fw-button-outline.fw-button-active,body.page-Product #updProduct #Dimensions .radiolist label.fw-button-success.fw-button-outline.fw-button-active,body.page-Product #updProduct #Dimensions .radiolist input[type="radio"]+label.fw-button-success.fw-button-active,body.page-Product #updProduct #Dimensions .radiolist input[type="radio"]:checked+label.fw-button-success {
    
    color: #fff;

    background-color: #00577f;
    border-color: transparent;

}
button.fw-button-success:hover,button.fw-button-success:focus,button.fw-button-success.fw-button-active,*.fw-button.fw-button-success:hover,body.page-Product #updProduct #Dimensions .radiolist label.fw-button-success:hover,*.fw-button.fw-button-success:focus,body.page-Product #updProduct #Dimensions .radiolist label.fw-button-success:focus,*.fw-button.fw-button-success.fw-button-active,body.page-Product #updProduct #Dimensions .radiolist label.fw-button-success.fw-button-active,body.page-Product #updProduct #Dimensions .radiolist input[type="radio"]:checked+label.fw-button-success {
    
    color: #fff;

    background-color: #00577f;
}

/* Produktsidan */

/* Egenskapsdata */

#Specifications div span:last-child {float: right; padding-right: 13px;}
#Specifications .row .cell span {padding-left: 8px; padding-right: 0;}
#Specifications div span:first-child {padding-left:7px;}
#Specifications div .cell:first-child span {padding-left:0; float: left;}
