/*
Theme Name: Kohlertheme
Theme URI: http://mydomainname.com/
Description: Child theme for the Twenty Twelve theme
Author: Thomas Schrøder / Shrink Ink
Author URI: http://shrink-ink.dk
Template: twentytwelve
Version: 0.1.0
*/
@import url("../twentytwelve/style.css");

/* GDPR */
div.wpgdprc p {
    font-size: 11px !important;
    line-height: 15px !important;
    margin-bottom: 10px !important;
}
/* END GDPR */

body {
    color: #3a3a3a;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
}

body .site {
    box-shadow: none;
    margin-bottom: 3.42857rem;
    margin-top: 0rem;
    padding: 0 2.85714rem;
}
.site {
    background-color: transparent !important;
	padding: 0rem !important;    /*padding: 0.85714rem !important;*/
}
/* Header */
.site-header {
	padding: 24px 0 12px;
	padding: 1.714285714rem 0 0.85714285714rem;
}
.site-header h1,
.site-header h2 {
	clear:none;
}

.site-header h2{
	float:right;
}
.site-header h1 a{
	text-indent: -999px;
	width: 305px;
	height: 48px;
}
.phoneimg{
	padding:0 2px;
}
.entry-content a:visited {
    color: #7BBB58 !important;
}
.entry-content a:hover {
    color: #EE7439 !important;
}
.mc-layout__modalContent iframe {
    display: block;
    background: #e3efd9 !important;
}
.wpcf7-form {
    background:#eee;
	border-radius: 5px;
	padding: 15px;
}
.wpcf7-form-control.wpcf7-textarea {
    width: 93%;
}
.wpcf7-text {
    width: 93%;
}
@media screen and (min-width: 960px)  {
.site-header h1{
	float:left;
    margin-bottom: 1rem;
}
.site-header h1 a{
	background-image: url("images/kohler-logo-tagline.png"); /*background-image: url("images/logo-long.png");*/
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 960px;
	height: 80px;
	background-position: center;
}
.site-header h2 {
	font-weight: bold;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
	/*display:none;*/
}
}
@media screen and (min-width: 601px) and (max-width: 959px){
.site-header h1{
	float:left;
    margin-bottom: 1rem;
}
.site-header h1 a{
	background-image: url("images/kohler-logo-tagline.png");
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 305px;
	height: 80px;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
	/*display:none;*/
}
}
@media screen and (max-width: 600px){
.site-header h1{
	width:100%;
	text-align:center;
}
.site-header h1 a{
	background-image: url("images/kohler-logo-tagline.png");
	background-repeat: no-repeat;
	height: 80px;
	background-position: center;
}
.site-header h2 {
	display:none;
}
}

.nav-menu{
	background-image: url("images/menu-bg.jpg");
	height: 33px;
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: none;
    border-top: none;
    display: inline-block !important;
    text-align: center;
    width: 100%;
}
.main-navigation li {
	margin: 0 0 0 -5px;
	margin: 0 0 0 -0.357143rem
	position: relative;
	background-image: url("images/menu-bg-divider.jpg");
    background-position: right center;
    background-repeat: no-repeat;
}

.main-navigation li a {
    line-height: 30px;
	color: #ffffff;
	padding: 0 14px;
	padding: 0 1.5rem;
	text-transform: none;
}
.main-navigation li a:hover {
    background-image: url("images/menu-bg-hover.jpg");
   }
.main-navigation li a:hover,
.main-navigation li a:focus {
	color: #444;
	}
	

.main-navigation li ul li a {
    color: #888;
    background-image: none !important;
   }
.main-navigation li ul li a:hover {
     background-image: none;
   }
   
   

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
    color: #ffffff;
    font-weight: bold;
    background-image: url("images/menu-bg-hover.jpg");

}
.main-navigation .current-page-ancestor a {
    color: #444444;
    font-weight: bold;
    background-image: url("images/menu-bg-hover.jpg");
}


.main-navigation li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 1000;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

#crumbs{
	color:#999;
	font-size: 11px;
	margin-bottom: 1.71429rem;
}
#crumbs a{
	color:#999;
	text-decoration:underline;
}
    
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

@media screen and (min-width: 960px)  {
#main{
	border: 0px solid #ccc;
	padding: 20px 0px;
	background-color: #fff;
}
}
@media screen and (max-width: 959px)  {
#main{
	border: 0px solid #ccc;
	padding: 20px 5px;
	background-color: #fff;
}
}


#slidercontainer{
	clear:both;
	}
	
	.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	border: 1px solid #ccc;
    margin-bottom: 1.429rem;
    padding: 7% 10%;
}
@media screen and (min-width: 600px) {
.widget-area .widget {
    width: 100%;
}
#secondary{
	border: 0px solid #ccc;
	padding: 0; /*2%*/
}
}
@media screen and (max-width: 599px) {
.widget-area .widget {
    max-width: 100%;
}
#secondary{
	border: 0px solid #ccc;
	padding: 0; /*2%*/
	float:left;
	width:100%;
	margin-top: 10px;
}
}
.widget-area .widget h3 {
	font-size:18px;
	font-size:1.125rem;
	margin-bottom: 0px;
	margin-bottom: 0rem;
}
.widget-area .widget a {
	color: #222;
	text-decoration:none;
}
.widget-area .widget a:hover {
	color: #222;
	font-weight:bold;
}
.widget-area .widget a:visited {
	color: #222;
}
.widget.widget_nav_menu {
	background: #f2f9ed none repeat scroll 0 0;
}

.visual-form-builder .vfb-legend {
    border-bottom: 1px solid #ccc;
    color: #999;
    font-size: inherit;
    margin: 5px 14px;
    padding: 0 6px;
}
	
	
@media screen and (min-width: 960px)  {
#frontpanewrapper{
	position:relative;
	width:100%;
}
#frontpanecontainer{
	float:left;
	margin: 0 auto;
}
.frontpane:nth-child(4n) {
	padding-right: 0;
}
.frontpane{
	float:left;
	padding-right: 25px;
	padding-bottom: 26px;
	max-width:25%;
}
.menupunkt{
	max-width:21%;
	float:left;
	padding:2%;
}
}

@media screen and (min-width: 769px) and (max-width:960px) {
#frontpanewrapper{
	position:relative;
	width:100%;
}
#frontpanecontainer{
	float:left;
	margin: 0 auto;
}
.frontpane{
	float:left;
	margin-right: 26px;
	margin-bottom: 26px;
	max-width:22%;

}
.frontpane:nth-child(4n) {
	margin-right: 0;
}
.menupunkt{
	max-width:23%;
	float:left;
	padding:1%;
}
}
@media screen and (min-width: 600px) and (max-width:768px) {
#frontpanewrapper{
	position:relative;
	width:100%;
}
#frontpanecontainer{
	/*float:left;*/
	margin: 0 auto;
}
.frontpane{
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	max-width:32%;
}
.frontpane:nth-child(3n) {
	margin-right: 0;
}
.frontpane img{
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	max-width:100%;
}
.menupunkt{
	max-width:31%;
	float:left;
	padding:1%;
}
}
@media screen and (min-width: 320px) and (max-width:599px) {
#frontpanewrapper{
	position:relative;
	width:100%;
}
#frontpanecontainer{
	/*float:left;*/
	margin: 0 auto;
}
.frontpane{
	float:left;
	margin-right: 5px;
	margin-bottom: 5px;
	max-width:49%;
}
.frontpane:nth-child(2n) {
	margin-right: 0;
}
.frontpane img{
	float:left;
	margin-right: 5px;
	margin-bottom: 5px;
	max-width:100%;
}
.menupunkt{
	max-width:48%;
	float:left;
	padding:1%;
}
}

.menupunkt img{
	width:100%;
}
.menutext{
	text-align:center;
	line-height: 18px;
}
.menutext p{
	font-size:11px;
}
.ngg-gallery-thumbnail img {
    margin:  0px !important;/* 4px 0 4px 4px;*/
    padding: 0px !important;
}

.ngg-gallery-thumbnail {
	margin:5px !important;
	border: 1px solid #dedede !important;
	
}

.ngg-gallery-thumbnail img,.ngg-gallery-thumbnail a {
    display: block;
    margin: 0px !important;
    padding: none !important;
    border: none !important;
    box-shadow: none;
}
.ngg-galleryoverview.default-view {
    text-align: left !important;
}

.site-content{
	border: 1px solid #ccc;
	padding: 2%;
	height:100%;
	margin:0;
/*	float:left;*/
}
    .widget-area {
     margin:0;
}

.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
    line-height: 1.571428rem;
    margin: 0 0 0.85714rem;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 3px;
	box-shadow: none;
}
.entry-content img {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 0px solid #ccc;	
}
.site-content article {
	border-bottom: 0px double #ededed;
	margin-bottom: 12px;
	margin-bottom: 0.8571428571rem;
	padding-bottom: 6px;
	padding-bottom: 0.428571rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.kontaktknap{
	width:100%;
	text-align:center;
	margin-top:18px;
	clear:both;
	float:left;
}
.kontaktknap img{
	max-width:368px;
	width:100%;
}
.wp-caption{
	width:157px !important;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: normal;
	font-size: 100%;
	/*font-size: 0.857142857rem;*/
	line-height: 2;
	color: #666;
}
img.alignleft,
.wp-caption.alignleft {
	margin: 0;
	margin: 0;
}
.wp-caption-text{
	text-align:center;
}

   
footer[role="contentinfo"] {
    background-color: #fff;
    border-top: 3px solid #f9b814;
    clear: both;
    font-size: 0.857143rem;
    line-height: 2;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.71429rem;
    max-width: 68.5714rem;
    padding: 1.71429rem 0;
}
@media screen and (min-width: 960px) {
.site-info{
	padding:0;
	clear:both;
}
.site-info-left{
	float:left;
}
.site-info-right{
	float:right;
}
}
@media screen and (max-width: 959px) {
.site-info{
	padding:0 5px;
	clear:both;
}
.site-info-left{
	width:100%;
	text-align: center;
	}
.site-info-right{
	width:100%;
	text-align: center;
}
hgroup {
    padding: 0 5px;
}
}

.webshop-info{
	clear:both;
	margin-bottom: 16px;
	float:left;
	
}

.betalingsikoner,.footerlink{
	float:left;
}
.footerlink{
	margin-left:16px;
}


/*----- WOOCOMMERCE -----*/

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #d29824;
    color: #fff;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #f9b814;
    color: #fff;
}
.woocommerce-info {
    border-top-color: #f9b814;
    }
.woocommerce-info::before {color: #f9b814;
	}
.woocommerce ul.products li.product .price::before{
	content: "Pris:  ";
}
.sku_wrapper{
clear:both;}
.posted_in{float:left;}

.product h1,.products h2, .products h4, .products h5, .products h6 {
    clear: both;
    font-family: "Open Sans",sans-serif;}

.woocommerce-products-header H1{
    font-family: "Open Sans",sans-serif;
    font-size: 1.125rem;
}

.productinfo-show-discounts {
    margin: 5px 0;
    clear: left;
}
.pristabel{
	float:left;
	width: 48%;
	clear: left;
	margin-bottom: 2em;
}
.pristabel li {
    float: left;
    clear: left;
    background: #eee;
    width: 100%;
    font-size:12px;
    border-bottom: 1px solid #ddd;
}
.tabellabel{
	float:left;
	padding:6px;
}
.tabelpris{
	float:right;
	clear:right;
	padding:6px;
}
.related.products h2{
	margin-bottom:10px;
}
.new-price {
    clear: both;
    display: block;
}

/*----- Brochure download -----*/
#folderpane{
	float:left;
	width:33%;
	height:150px;
	margin-bottom:25px;
}
.dldiv{
	/*width:49%;*/
	float:left;
}
#dl1800{
}
#label1910{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/08/Kohler-blokholder.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1912{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/08/Kohler-standard-brochureholdere.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1914{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/08/koehler_1_thumb.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1916{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-folder-2.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1918{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-instore-floor-display.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1920{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-LED-Line.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1922{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-Power-brand-hyldebakker.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1925{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-lighting.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1927{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-Lift-system.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1929{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-pushfeed.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1931{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-rollerfeed.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1933{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-Compartment-pusher.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1935{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-system-tray.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1937{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-Tobak-pro.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1939{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler_labelling_and_price_display_thumb.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1941{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler_shelf_management_thumb.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}
#label1943{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler_pos_and_signage_thumb.jpg") no-repeat scroll;
	width:71px;
	height:100px;
    margin-left: 25px;
}

#downloadinputform{
	clear:both;
}
.wpcf7-form p {
    clear: both;
}


/*----- Brochurebestilling -----*/
#item-vfb-5{
	min-height:70px;
}
#item-vfb-5 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/08/Kohler-blokholder.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-19 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/08/Kohler-standard-brochureholdere.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-20 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/08/koehler_1_thumb.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-21 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-folder-2.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-22 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-instore-floor-display.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-23 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-LED-Line.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-24 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-Power-brand-hyldebakker.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-25 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-lighting.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-26 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-Lift-system.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-27 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-pushfeed.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-28 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-rollerfeed.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-29 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-Compartment-pusher.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-30 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-system-tray.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-31 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler-Tobak-pro.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-32 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler_labelling_and_price_display_thumb.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-33 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler_shelf_management_thumb.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}
#item-vfb-34 .vfb-desc{
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/09/Kohler_pos_and_signage_thumb.jpg") no-repeat scroll;
		height:100px;
	width:95px;
	background-position: 24px 0px !important;
}

.vfb-item-checkbox{
	background: #333;
	display:block;
	min-height:70px;
}

/*-- move sidebar to the left --*/
@media screen and (min-width: 600px) {
    .site-content {
        float: right;
        width: 69.104%;
    }
    .widget-area {
        float: left;
        width: 20.042%;
    }
}

/* for IE8 and IE7 ----------------*/
.ie .site-content {
    float: right;
}
.ie .widget-area {
    float: left;
}
.ngg-gallery-thumbnail img {
    background-color: #fff;
    border: 1px solid #ececec !important;
    display: block;
    margin: 4px 0 4px 4px;
    padding: 0px;
    position: relative;
}
@media( max-width: 600px ) {
  #PopupSignupForm_0{
	display:none;
    position: relative;
    bottom: 0px !important;
}
}