/*
Theme Name: Blocksoftware child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/**********/
/* HEADER */
/**********/
/* Logo needs to be wider (was 300) */
@media (min-width: 1160px) {#header .logo {width:200px;}}
@media (max-width: 767px) {#header .logo {max-width: 200px;}}

/* search field header needs to be wider */
.headerSearch {width:400px;}

/* header center border */
.header-main {border-bottom: 1px solid #e0dfdf;}

/* hamburger was not visible on mobile cause of the color */
#header .mobile-toggle {color:black !important;}

/* menu (little bit more spacing between item and >) */
.mega-menu .popup li.menu-item {margin-right: 15px;}
.mega-menu .narrow li.menu-item-has-children > a:before {margin-right: -10px;}
.mega-menu .narrow li.menu-item-has-children:hover>a:before {margin-right: -8px;}

/* hover was nog visible for cart, wishlist and account icons */
.header-main .header-contact a:hover, #header .top-links > li.menu-item:hover > a, #header .top-links > li.menu-item > a.active, #header .top-links > li.menu-item > a.focus, #header .top-links > li.menu-item.has-sub:hover > a, #header .searchform-popup .search-toggle:hover, .header-wrapper .custom-html a:not(.btn):hover, #header .my-account:hover, #header .my-wishlist:hover, #header .yith-woocompare-open:hover, #mini-cart .minicart-icon:hover {color: black !important;}

/*********/
/* PAGES */
/*********/
/* wishlist page, price field is to wide so not the whole text on the buttons were not visible */
.shop_table.wishlist_table .product-price {width: auto !important;}

/* add to cart notification */
.success-message-container {width:400px;}

/* home slider */
.home-banner-slider .owl-dots .owl-dot span {border: 2px solid gray;}

/************/
/* Category */
/************/
ul.products li.product-col .woocommerce-loop-product__title {white-space: initial !important; overflow: hidden; text-overflow: ellipsis; height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product-meta {margin-bottom: 10px;}
.woocommerce-price-suffix {font-size: 65%;}
.product-image .inner {min-height:265px;max-height:265px;}
.product-image img {width: auto;}
.product_list_widget .product-image .inner {min-height: initial;max-height: initial;}
ul.products li.product-category .thumb-info-title {background: rgba(33,37,41,0.6) !important;min-height: 100px;}

/*******************/
/* Category Filter */
/*******************/
div.filter__item {border: 0 !important;padding: 0 !important;margin-top: 0 !important;}
div.filter__title {position: relative;font-size: 14px !important;font-weight: 600;text-transform: uppercase;margin: 0 0 20px;padding: 15px 0;border-bottom: 1px solid #eee;}

/***********/
/* Product */
/***********/
.owl-carousel .img-thumbnail img {width: auto;}

/************/
/* WISHLIST */
/************/
.wishlist-delete {color: #FFFFFF;}
.wishlist_table tr th.wishlist-delete {text-align:left !important;}

/*************************/
/* CLIENT BASED SETTINGS */
/*************************/
#header .my-account {color: #1f9bde;}
#header .wishlist, #header .my-wishlist {color: #ee7421 !important;}
#mini-cart .minicart-icon {color: #80bd01 !important;;}
html .btn-v-dark {background-color: #80bd01;}
.cart-v2 .card.card-default {border: 2px solid #ee7421;}

/**********/
/* MOBILE */
/**********/
@media (max-width: 992px) {#header .my-account {color: white;}}
@media (max-width: 575px) {#header .searchform-popup {display: inline-block !important;}}