/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2018-12-05 11:57:40 */
body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main {
        width: 49%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media {
        width: 49%;
    }
}
.page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown, .minicart-wrapper .block-minicart, .product-item .tocart, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-item-actions .actions-secondary.action, .action.tocompare, .product-addto-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist, input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"], .footer-middle .block.newsletter input, .footer-middle .block.newsletter .action.subscribe, .filter-options-title, .filter-options-item.active .filter-options-title, .filter-options-content, .filter-options-title:after, .toolbar select, .swatch-option, .pages .page, .pages .action, .fotorama__stage, .fotorama__nav--thumbs .fotorama__thumb, .fotorama__nav .fotorama__thumb-border, .input-text.qty, .qty.field .qty-changer > a, button, a.action.primary, textarea, .minicart-items .item-qty, .block-minicart .block-content > .actions > .secondary .action.viewcart, .cart.table-wrapper .product-image-container, .cart-summary, select, #discount-coupon-form #coupon_code, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage, .message, .box .box-title, .box .box-actions, .customer-welcome .header.links, .btn, .cms-index-index blockquote.testimonial, .recent-posts .item .post-image, .prev-next-products .product-nav .product-pop, #newsletter_popup, .product-label, .page-header.type11 .navigation li.level0.active, .page-header.type11 .navigation li.level0:hover, .filter .filter-current-subtitle, .filter-actions, .products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2, .block-header-customer-login, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-item-actions .actions-secondary.action, .action.tocompare, .product-addto-links .action.tocompare, .moved-add-to-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .moved-add-to-links .action.mailto.friend, .product-social-links .action.towishlist, .product-addto-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist
{
    border-radius: 0;
}
.sw-megamenu.navigation li.level0.fullwidth:hover > .submenu, .sw-megamenu.navigation li.level0.staticwidth:hover > .submenu, .sw-megamenu.navigation li.level0.classic .submenu, .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu, .sw-megamenu.navigation span.cat-label, .category-boxed-banner .owl-item .item, .iwd-summary-cart, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary {
    border-radius: 0 !important;
}
@media (min-width: 768px) {
    .block-search input, .page-header.type1 .navigation > ul, .navigation li.level0, .page-header.type1 .navigation li.level0.parent:hover, .page-header.type1 .navigation li.level0.active, .page-header.type1 .navigation li.level0:hover, .page-header .navigation .level0 .submenu, .product.data.items > .item.title > .switch, .customer-welcome .header.links, .page-header.type5 .block-search input, .page-header.type5 .navigation .level0.parent:hover > .level-top, .page-header.type6 .block-search input, .page-header.type6 .navigation .level0:hover > .level-top, .page-header.type6 .navigation .level0.parent:hover > .level-top, .product.info.detailed.vertical .product.data.items > .item.title > .switch, .page-header.type5 .navigation .level0:hover > .level-top, .page-header.type11 .navigation li.level0.parent:hover
    {
        border-radius: 0;
    }
}
@media (min-width: 640px) {
    .modes-mode
    {
        border-radius: 0;
    }
}
.product-item-photo {
    border-radius: 0;
    border: 0;
    padding: 0;
}
.product-image-photo.hover_image {
    padding: 0;
    border-radius: 0;
}

/******* IE fix *********/

@media (min-width: 767px) {
    header {
        padding-bottom:50px;
    }
    .page-header .sections.nav-sections {
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 50px;
     }   
    .page-header.type2 .navigation .level0>.level-top {
         font-size:12px;
          padding:0 5px;
    }
}
@media (min-width: 945px) {
   .page-header.type2 .navigation .level0>.level-top {
          font-size:13px;
          padding:0 12px;
    }
}
.page-main {
     flex-grow:0;
}

@media (max-width: 768px) {
     header .custom-block .porto-icon-phone-1 {
       display:none !important;
    }
}

/**********************
/**** CUSTOM CSS ******
*********************/
/* This file contains the custom css for the Porto theme for Wesseling Materiaal B.V. */

/* PLEASE NOTE: This file is not used by the website, but the code is copy pasted into the Customization Settings of Porto instead. This to make sure this CSS is loaded last */

/************************************/
/*********** TYPOGRAPGY *************/
/************************************/

h1, h2, h3, h4, h5, h6 {
	color:#0094C9;
}

h1 {font-size: 26px;}
h2 {font-size: 18px;}
h3, h4, h5, h6 {font-size: 16px;}

.page-main > .page-title-wrapper .page-title { 
	font-size: 26px;
}

/*************************************/
/*********** HEADER *************/
/*************************************/

/* Widget */

.cms-index-index .block-static-block {
    margin-bottom:0;
}

.page-header.type1 .navigation > ul, .page-header.type2 .nav-sections, .page-header.type8 .menu-wrapper, .page-header.type25 .menu-wrapper, .page-header .drop-menu .nav-sections, .page-header.type11 .nav-sections, .page-header.type16 .navigation > ul, header.page-header.sticky-header.type16 .nav-sections, .page-header.type17 .nav-sections, .page-header.type18 .nav-sections, .page-header.header-newskin .nav-sections {
    background: #0094C9;
}

/* Mobile header */
@media only screen and (max-width : 767px) {
    .page-header.type2 {
        background: #fff;
    }
    .page-header.type2 .nav-toggle:before {
        color: #0094C9;
    }
    .page-header.type2 .block-search .label:before {
        color: #0094C9;
    }
    .page-header.type2 .minicart-wrapper .action.showcart:before, .page-header.type2 .minicart-wrapper .action.showcart.active:before {
        color: #0094C9;
    }
    .page-header.type2 .minicart-wrapper .action.showcart .counter.qty {
        color: #fff;
    }
    /* Navigation */
    .page-header.type1 .navigation > ul, .page-header.type2 .nav-sections, .page-header.type8 .menu-wrapper, .page-header.type25 .menu-wrapper, .page-header .drop-menu .nav-sections, .page-header.type11 .nav-sections, .page-header.type16 .navigation > ul, header.page-header.sticky-header.type16 .nav-sections, .page-header.type17 .nav-sections, .page-header.type18 .nav-sections, .page-header.header-newskin .nav-sections{
         background: #f6f6f6;
     }
    .page-header .navigation .level0 > .level-top {
        padding: 13px 36px 13px 15px;
    }
}
/* Header links */
.header.panel > .header.links > li  {
    font-size: 12px;
}

/* Welcome Message */
.header.panel > .header.links > li > span  {
    color: #919191;
}

/* Page massages */
.page .messages {
	padding-left: 15px;
	padding-right: 15px;
}

/* Navigation Desktop view*/
@media only screen and (min-width: 768px) {
    /* Menu item top level*/
    .page-header .navigation .level0 > .level-top {
        font-size: 14px;
        font-weight: normal;
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

/* Search */
.search-autocomplete ul:not(:empty) {
   color: #bbbbbb !important;
}

/******************************/
/********** SLIDER ************/
/******************************/

#homepage-slider {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0eeee+0,dedede+100 */
    background: #f0eeee; /* Old browsers */
    background: -moz-linear-gradient(top, #f0eeee 0%, #dedede 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f0eeee 0%,#dedede 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f0eeee 0%,#dedede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eeee', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
}

#homepage-slider .owl-stage-outer {
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
}
#homepage-slider .side-custom-menu {
    background: #fff;
    border-radius: 0px;
    border: none;
}

#homepage-slider .side-custom-menu h2 {
    background: #0094C9;
    color:#fff;
}

#homepage-slider .side-custom-menu .action  .btn {
    display: block;
    margin: 20px ;
    background: #eb3f34;
    color: #fff;
}

/* Slider caption*/
#homepage-slider .content {
	color:#fff;
	background-color:#0094C9;
	font-size:18px;
	position:absolute;
	z-index:1;
	top:0;
	bottom:0;
	left:0;
	padding:80px;
	text-align:left;	
}

#homepage-slider .content h2, #homepage-slider .content p {	color:#fff; }

#homepage-slider .content h2 {
	font-weight:600;
	font-family:'Oswald';
	font-size:2.5em;
	margin-top:5px
}

#homepage-slider .content p {
	font-size:1.0em;
	font-weight:400;
}
#homepage-slider .content p.bigger {
	font-size:1.3333333em;
}

#homepage-slider .content p.bigger span {
	font-size:1.66666666em;
	font-family:'Oswald';"
}

#homepage-slider .content a  {
	background-color:#eb3f34;
	color:#fff;
	font-size:0.7777777777777778em;
	letter-spacing:0.025em;
	font-weight:400;
	padding:15px;
}

#homepage-slider .content a:hover  {
	background-color:#ccc;
	color:#000;
}

@media only screen and (max-width: 1120px) {
	#homepage-slider .content {
		font-size:16px;
	}
}

@media only screen and (max-width: 930px) {
	#homepage-slider .content { font-size:14px;}
}

@media only screen and (max-width: 850px) {
	#homepage-slider .content {
		font-size:12px;
	}
}

@media only screen and (max-width: 700px) {
	#homepage-slider .content { font-size:10px;}
	#homepage-slider .content a {
	    color: #fff;
	}
}

@media only screen and (max-width: 600px) {
	#homepage-slider .content {
		font-size:9px;
	}
}

@media only screen and (max-width: 550px) {
	#homepage-slider .content { display:none;}
}

/*******************************/
/***** HOMEPAGE ELEMENTS *******/
/*******************************/

/* USP Bar */
@media screen and (max-width: 1199px) {
    .homepage-bar {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.homepage-bar {
    border:none;
    background: none;
	margin-bottom:30px;
}
.homepage-bar .row, .homepage-bar h3 { color:#fff;}
.homepage-bar .row {padding: 0px; margin:0px;}
.homepage-bar .row > div {
    position: relative;
    border-bottom: 2px solid #fff;
    padding-left: 0px;
    padding-right:  0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0094c9+0,2079ab+100 */
    background: #0094c9; /* Old browsers */
    background: -moz-linear-gradient(top, #0094c9 0%, #2079ab 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0094c9 0%,#2079ab 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0094c9 0%,#2079ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094c9', endColorstr='#2079ab',GradientType=0 ); /* IE6-9 */
}
.homepage-bar .row > div::after {
    content: "";
    height: 3px;
    background:#eb3f34;
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
}
.homepage-bar .row, .homepage-bar h3 { color:#fff;}
.homepage-bar [class*=" porto-icon-"], .homepage-bar [class^="porto-icon-"] { color: #fff;}


/* Image banner */
.usp-block .image-link { position:relative;  }
.usp-block .image-link .title {
    position: absolute;
    bottom:15px;
    font-weight: bold;
    right: 0px;
    background: #eb3f34;
    color:#fff;
    padding: 10px;
    box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
}

/*New products Widget */
.products-grid .product-item-details .product-item-actions .actions-secondary {	display:none;}

/* Brands Carousel */
.brands-slider .owl-carousel .owl-item img { margin: 0 auto;}
.brands-slider .owl-theme .owl-dots { bottom: 0px; }
.brands-slider .owl-theme.owl-carousel .owl-controls .owl-dot.active span {
    background: #ccc;
    border: 1px solid #ccc;
}

.brands-slider .owl-theme.owl-carousel .owl-controls .owl-dot.active span {
    background: #ccc;
    border: 1px solid #ccc;
}

/* Cookie alert box */
.message.global.cookie {
    z-index: 999;
    background-color: rgba(0,0,0,0.9);
    color: #fff;
}

/*************************************/
/********** FORM ELEMENTS ************/
/*************************************/

/* fields */
.page-header.type1 .block-search input, .page-header.type1 .block-search .action.search, .page-header.type2 .block-search input, .page-header.type2 .block-search .action.search, .page-header.type8 .block-search input, .page-header.type8 .block-search .action.search, .page-header.type25 .block-search input, .page-header.type25 .block-search .action.search, .page-header.type11 .block-search input, .page-header.type11 .block-search .action.search, .page-header.type12:not(.sticky-header) .header.panel .block-search input {
    border-color: #bbbbbb;
    color: #bbbbbb;
}

/* Search icon */
.page-header.type1 .block-search input, .page-header.type2 .block-search input, .page-header.type1 .block-search .action.search:before, .page-header.type1 .block-search .action.search:hover:before, .page-header.type2 .block-search .action.search:before, .page-header.type2 .block-search .action.search:hover:before, .page-header.type8 .block-search input, .page-header.type8 .block-search .action.search:before, .page-header.type8 .block-search .action.search:hover:before, .page-header.type25 .block-search input, .page-header.type25 .block-search .action.search:before, .page-header.type25 .block-search .action.search:hover:before, .page-header.type11 .block-search input, .page-header.type11 .block-search .action.search:before, .page-header.type11 .block-search .action.search:hover:before, .page-header.type12:not(.sticky-header) .header.panel .block-search input {
    color: #bbbbbb;
}

/* Add to cart button */
@media only screen and (max-width: 360px) {
	.product-item .tocart:before {
		display:none;
		
	}
}

/********************************/
/********** Webforms ************/
/********************************/
.webforms .actions-toolbar .primary {width:100%;}
.webforms .actions-toolbar .action.primary {
	padding: 10px 25px;
	height: auto;
	margin-top: 10px;
}


/*************************************/
/*********** Contactpage *************/
/*************************************/

/* Google map*/
#store_map {margin-top:15px;}

.contact-index-index .fieldset > .legend, .contact-index-index .contact-info .contacts-title {
	color:#000;
}


/**************************************/
/************** FOOTER ****************/
/**************************************/

.footer .logo  { display: none;} /* Hide logo in the footer */

/* Footer landingpages */
.footer-middle-2 { padding-top:0;}
.footer-middle-2 .container {
	border-top: 1px solid #fff;
	padding-top: 30px;
}

.footer-middle-2 ul.links li { padding:5px 0; }

/* Titles */
.footer-middle .block .block-title strong {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
}

/* Icons */
.footer-middle [class^="porto-icon-"], .footer-middle [class*=" porto-icon-"] { color: #fff; }

/* Social icons */
.social-icons > li > a { background-color: #fff; }
.social-icons [class^="porto-icon-"] { color: #0094C9; }
.social-icons > li > a.facebook-link:hover, .social-icons > li > a.twitter-link:hover, .social-icons > li > a.linkedin-link:hover {
    background-color: #ccc;
}

/**************************************/
/*********** CATEGORYPAGE *************/
/**************************************/

/* Blocks */
.block-category-list .block-title {
    border-radius: 0;
}

.block-category-list .block-content {
    border-radius: 0;
	margin-bottom:15px;
}

/* Filters */
.filter-options-item {
    margin-bottom: -1px;
}

@media only screen and (max-width: 639px){
	.filter.active .filter-options-title, .filter.active .filter-options-content  {
 	   padding-left: 10px;
	   padding-right: 10px;
	}
}

/*************************************/
/*********** PRODUCTPAGE *************/
/*************************************/

.sidebar .custom-block.custom-block-1 {
    padding-bottom: 0px;
}

.product-item-info {
	padding:5px;
	box-sizing:border-box;
}

.product-item-info .price-box {
	height:30px;
}

.product-item-info .product-item-name {
	height:60px;
	overflow:hidden;
	
}

.products-grid .product-item-details .product-item-actions {
	margin: 0;
}

@media only screen and (max-width: 767px){ 
	.prev-next-products {
	    margin-right: 0px;
	}
}

/*************************************/
/*********** PRODUCTPAGE *************/
/*************************************/

/* Offerte formulier */
.fieldset.form-qoute-options {
	margin:20px 0px;
}

.fieldset > .field .field.choice {
	float:left;
	width:50%;
}

@media only screen and (max-width: 503px){ 
	.fieldset > .field .field.choice {
		float:none;
		width:auto;
	}
}

/* Table */

.productvariants-wrapper {
	clear:both;
	margin:50px 0;
}

table.variants-table {
	/*border:1px solid #0094C9;*/
	margin-bottom:0;
}

table.variants-table > thead tr {
	background-color:#0094C9;
	color:#fff;
}

table.variants-table > thead th {
	border-bottom:0;
}

table.variants-table > tbody > tr > td {
	border-top:0;
}

table.variants-table > tbody tr:nth-child(even) {
	background-color: #f5f5f5;
}

.product-info-price .price-box .old-price .price{
	font-size:24px;
	color:#919191;
}

/* Grouped Product */
.page-product-grouped .product-info-price {
	float:left;
}

/*************************************/
/********** PRODUCT GRID *************/
/*************************************/

.product-item-photo > a:before {
	display:none;
}

.products.wrapper.grid .product-item-info:hover, .block.widget.grid .product-item-info:hover {
	border:1px solid #bbb;
	box-shadow: 3px 3px 4px 0 rgba(0,0,0,.3);
	padding:4px;
}

.product-item-photo {
	padding:15px;
}

/* Product Owl Carousel */
.owl-carousel.products .product-item-details {
	float:none;
}

.owl-carousel.products .owl-theme .owl-controls {
    float: left;
    width: 100%;
}

[class*=owl-carousel-products-].owl-theme .owl-dots {
    bottom: 0px;
}

.catalog-product-view .column.main .products-grid.products-related .product-item .product-item-info .product-item-details .field.choice.related {
    width: 100%;
}

.related-products-container, .upsell-products-container {
	padding: 0 10px;
}

/********************************/
/********** SIDEBAR *************/
/********************************/

/* Sidebar container */
.page-layout-2columns-right .sidebar-additional{
	background-color: #f0eeee;
	border: 1px solid #919191;
	padding:20px;
	width:23%;
	margin-left:2%;
}

@media only screen and (max-width: 767px){ 
	.page-layout-2columns-right .sidebar-additional{
		width:100%;
		margin-left:0;
	}
}

/* Align quantity field next to add to cart button */
.sidebar .field.qty { 
	float:left !important;
	margin-right:10px !important;
}

/* Add to cart button */
.sidebar .box-tocart button.action.primary{
	width:100%;
	padding: 15px;
	height: auto;
}

/* Sidebar */
.sidebar .custom-block {
    margin-bottom: 0;
    padding-bottom: 0;
    background: none;
}

.custom-sidebar-block span {
	font-size: 15px;
	font-weight: 600;	
}

.product-info-main .product-info-stock-sku {
    text-align: left;
    padding-left: 0;
}