/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/

.baddmadrassImage{
	width: 200px;
	float: left;
	margin-right: 10px;
}

.baddmadrassSpecs{
	width: 300px;
	float: left;
}

.baddmadrassSpecs hr{
	padding: 6px 0;
	margin: 0;
	border: 0;
}

.readMoreButton{
	width: 100%;
	padding: 5px 0;
	margin: 0;
	position: absolute;
	text-align: center;
	display: block;
	background: #3d464d;
	text-decoration: none;
	color: #FFF;
	font-family: freight-sans-pro;
	font-weight: 600;
	bottom: 10px;
}

.readMoreButton:hover{color: #FFF; background: #333a40; text-decoration: none;}
.readMoreButton:active{color: #FFF; text-decoration: none;}
.readMoreButton:visited{color: #FFF; text-decoration: none;}


.kollektion_fabrikat_heading{
	padding: 20px 0 0 0;
}

.kollektion_top_banner{
	position: relative;
	height: 400px;
	width: 100%;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#butik_top_banner{
	height: 250px;
	background:url('/wp-content/uploads/2015/11/Namnlöst-7.jpg');
	background-size: cover;
	background-position: center;
}

.text_div{
	width:100%;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.5;
}

.text_div h3{
	margin: 5px 0 0 0;
}

.text_div h3 span{
	font-weight: 100;
	font-size: 16px;
}

.col_link:link, .col_link:active, .col_link:visited, .col_link:hover{
	font-size: 16px;
	font-family: inherit;
	line-height: 1.5;
	color: #555;
}

.center_text{
	text-align: center;
}

#fabrikat_logo{
	float: right;
	padding: 8px 0;
}

.kollektioner_fabrikat_logo{
	float: left;
	margin: 0;
	padding: 5px;
	width: auto;
	height: 30px;
}


.kollektioner_fabrikat_logo_link{
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
	height: auto;
}

/*************** Hover-sida ***************/

map{
width: 100px;
}
map area{
    outline: none;
}
.image_container{
position: relative;
margin-bottom: 20px;
text-align: center;
}
.map_img{
position: relative;
top: 0;
}
.map_poduct{
height: 150px;
}
.image_overlay {
width: 100%;
position: absolute;
top: 100px;
font-family: sans-serif;
font-size: 24px;
font-weight: 100;
padding: 20px 0;
text-align: center;
background: url('/wp-content/uploads/2015/11/headingBackground.png');
}

.akesonTygContainerLink{
float: left;
}

.akesonTygContainer{
    vertical-align: top;
    text-align: center;
    width: 107px !important;
margin: 0 4px 6px 0;
padding: 0;
float: left;
text-decoration: none;
position: relative;
list-style: none;
}

.artwoodTygContainer{
height: 150px;
}

.sikaTygContainer{
height: 105px;
}

.tygThumb {
width: 107px;
height: 70px;
display: inline-block;
}
.tygNamn {
    display: block;
margin: 1px 0 2px 0;
padding: 0;
font-size: 12px;
color: #222;
min-height: 35px;
}
.tygSpec {
display: block;
font-size: 9px;
color: #333;
margin: 2px 0 0 0;
padding: 0;
border-top: 1px #999 solid;
}
.addOnButton{
background: #00944d;
padding: 5px 15px;
font-weight: bold;
color: #FFF;
text-decoration: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
cursor: pointer;
border-radius: 25px;
}

.addOnButton:hover{
background: #00773e;
color: #FFF;
}

.addOnButton:active{
background: #005d30;
}

.product-addon-textil .input-text, .product-addon-fargval .input-text{
font-size: 15px;
color: #000;
font-weight: 600;
}

.valjFargprovButtonContainer{
position: absolute;
left: 50%;
}

.valjFargprovButton{
position: relative;
left: -50%;
padding: 1px 8px;
background-color: #00944d;
top: 0;
margin: 3px;
font-size: 14px;
font-weight: 500;
color: #FFF;
white-space: nowrap;
display: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
border-radius: 10px;
}

.valjFargprovButton:hover{
color: #FFF;
background-color: #00773e;
}

.valjFargprovButton:active{
background-color: #005d30;
}

.akesonTygContainer:hover .valjFargprovButton{
display: block;
}

.shortcode_tabgroup ul.tabs{
background: #00944d;
border: 0px !important;
margin: 0 0 10px 0 !important;
}

.shortcode_tabgroup li.tab a{
margin: 0 !important;
color: #FFF !important;
padding: 6px 10px 10px 10px!important;
}

.shortcode_tabgroup li.tab a:hover{
border-top-color: #657756 !important;
}

.shortcode_tabgroup li.active a{
background: #2EA76D;
border-top-color: #657756 !important;
}

@-webkit-keyframes flash {
    30% {
        background-color: #00944d;
        opacity:1;
color: #FFF;
    }
    22% {
        background-color: #00944d;
    }
    100% {
        background-color: none;
    }
}

.flash {
    -webkit-animation-name: flash;
    -webkit-animation-duration: 900ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
}

@media only screen and (max-width: 800px) {
   .hide_on_mobile{ display: none !important; }
#top-block-h1{font-size: 26px !important;}
.top-block-h2{font-size: 22px !important; padding: 0;}
.top-block-h3{font-size: 18px !important; padding: 0;}
.top-block-h4{font-size: 14px !important; padding: 0;}
#showCategories{display: none !important;}
.valjFargprovButton{display: block;}
}

@media only screen and (max-width: 1130px) {
   .hide_on_tablet{ display: none !important; }
   }

@media only screen and (min-width: 800px) {
   .hide_on_desktop{display: none !important;}
#scrollToProducts{display: none !important;}
#top-block-h1{font-size: 42px !important;}
.top-block-h2{font-size: 34px !important; padding: 0;}
.top-block-h3{font-size: 28px !important; padding: 0;}
.top-block-h4{font-size: 20px !important; padding: 0;}
.float_right_on_desktop{float:right; margin: 0 0 15px 15px;}

.valjFargprovButton{font-size: 11px; top: 5px;}
.tygNamn{display:none; font-size: 10px; font-weight: 600;}
.akesonTygContainer {height: 70px; transition: all .2s ease-in-out; background: #fff;}
.akesonTygContainer:hover {z-index: 999; transform: scale(1.4);}
.akesonTygContainer:hover img{padding: 4px 4px 0 4px; border-left: 1px solid #444; border-right: 1px solid #444; border-top: 1px solid #444;}
.akesonTygContainer:hover .tygNamn{display: block; background: #fff; margin: 0; padding: 0 4px 4px 4px; border-left: 1px solid #444; border-right: 1px solid #444; border-bottom: 1px solid #444;}
}

@media only screen and (max-width: 1679px) {
.sale-banner-block{display: none;}
}

.sale-banner-block{
background: #9fb68b;
z-index: 9999;
max-width: 500px;
font-size: 18px;
padding: 5px 10px 10px 10px;
margin: 10px;
position: absolute;
top: 0;
right: 0;
}

.sale-banner-block p{
color: #FFF !important;
font-weight: 600;
margin: 0 0 10px 0;
}

.sale-banner-block h2{
text-decoration: underline;
display: inline-block;
font-size: 24px;
color: #FFF;
}

.sale-banner-block-dot{
display: inline-block;
background: #6c8159;
height: 6px;
width: 6px;
margin: 3px 5px 3px 0;
}

.start_product_slider li{
padding-bottom: 0 !important;
margin-bottom: 5px !important;
}

.top-block-text-banner p{
text-align: center;
color: #666 !important;
margin: 0 auto;
max-width: 1000px;
line-height: 1;
font-size: 13px;
}



.categoryLinkList a{
padding: 3px 4px;
margin: 2px 0;
background: #f5f5f5;
color: #777;
border: 1px solid #ccc;
text-decoration: none;
display: inline-block;
}

.categoryLinkList br{
display: none
}

#createPriceTagButton{
background: #00944d;
padding: 0px 10px !important;
color: #FFF;
}

.full_width .columns-4 ul.component_option_thumbnails_container li.component_option_thumbnail_container{
	width: 25.3%;
}

.full_width .columns-4 ul.component_option_thumbnails_container li.component_option_thumbnail_container{
	margin: 0 0.5% 0.5em 0;
}


.addon-custom-price{display: none !important;}

.prdctfltr-plus{
	display: none;
}

.product-info .sales-usps span{
	white-space: nowrap;
}

.product-info .sales-usps .fa-check:before{
	color: #00944D; 
	font-size: 18px;
}
