/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco, Dennis Hunink
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

/*_______________BUG FIXES BELOW______________*/

/*
 * Tommy Booking declares some global CSS that conflicts with the default them.
 * We need to override them.
 * Source: https://api.tommybookingsupport.com/assets/css/bootstrap.min.prefixed.css 
*/
a,
a:focus,
a:hover {
    color: none!important;
    text-decoration:none!important;
}
h3{
	color: none!important;
}

/*
 * Bug-fix: some browsers don't render breadcrumbs correct
*/
.x-crumbs-link {
    overflow: visible;
}

/*
 * Bug-fix: altough defined in the theme options to not show post-meta, those will show up in search results
*/
.search-results .p-meta{
	display: none;
}

/*_______________END BUG FIXES_____________*/



/*
 * Style Cookie Bar
*/
.cookie-notice-container{
	font-size:0.9em;
}
a.cn-accept-cookie{
	Padding: 5px 10px;
}

/*
 * Remove animation from x-img-lightbox:hover by matching it's style to the non-hover state
*/
a.x-img-thumbnail.x-img-lightbox:hover{
	border: 1px solid rgba(0,0,0,0.15);
	box-shadow: 0em 1px 3px 0em rgba(0,0,0,0.1);
}

/*
 * Style Search Result Page
 * All articles should have the same spacing; without this declaration only pages and posts get enough margin
*/
.search-results article{
	margin-top:4em;
}


/*_______________WOOCOMMERCE STYLING BELOW______________*/

/*
 * Style WooCommerce
 * On Woocommerce pages, hide the second item of the breadcrumbs navivation, which is basicly the link ot the shop page we do not use anywhere
 * On the main shop page however, the second item is the shop homepage. We dont' want to hide that, therefore we check if that's the last child
*/
.woocommerce ol.x-crumbs-list li.x-crumbs-list-item:nth-child(2):not(:last-child),
.single-product ol.x-crumbs-list li.x-crumbs-list-item:nth-child(2):not(:last-child){
	display: none !important;
}
body[class^="term-"]{
	display: none!important;
}

/*
 * Adding a product notification bar on top of the image
*/
.entry-product a span.product-notification,
.entry-product a span,
a.woocommerce-LoopProduct-link.woocommerce,
span.product-notification{
	background:rgb(124,185,87);
	color:#fff;
	font-size: 1em;
	text-align: center;
	margin-bottom:0;
	box-shadow:0 0.15em 0.35em 0 rgba(0,0,0,0.135);
	text-transform: uppercase;
	padding: 0.5em 0;
	font-style: italic;
	letter-spacing: 0.05em;
}

/*
 * Style WooCommerce
 * style the short-description
*/
.woocommerce-product-details__short-description{
	font-size:1.1em;
	letter-spacing: 0.05em;
	font-weight: 600;
}
.woocommerce-product-details__short-description p{
	margin-bottom: 0.5em;
}
.woocommerce-product-details__short-description a{
	font-weight: normal;
	font-size: 0.9em;
	/*color: rgb(0,102,51);*/
}

/*
 * Style WooCommerce
 * Style the products ACF fields
*/
ul.woocommerce-acf-product-details{
	list-style: none;
	margin: 0;
}

ul.woocommerce-acf-product-details li .x-icon{
	margin-left:0;
	margin-right:0.8em;
}

/*
 * Style WooCommerce
 * Two column lay-out on mobile
*/
@media screen and (max-width: 480px) {
  	
	
	.archive.woocommerce h2,
	.archive.woocommerce h3{
		font-size: 1.2em!important;
	}
	
}


/*
 * Style WooCommerce
 * Style product category on archives
*/
.archive.woocommerce .product-category{
	background: rgb(124,185,87);
}
.archive.woocommerce .product-category h2{
	color:#FFF;
	margin:0;
	padding: calc(1.35em + 145px) 15px;
	font-size:1.48em;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.archive.woocommerce .product-category h2{
		padding: calc(1.35em + 33px) 15px;
	}
}
.archive.woocommerce .product-category .count{
	display: none;
}
.archive.woocommerce .product-category img{
	display: none;
}


/*
 * Style WooCommerce
 * Adjust the styling of the 'starting from' price for each product
*/
.woocommerce .price_append{
	display: block;
	font-size: 0.9em;
	padding-top:0.4em;
	font-style:italic;
}


/*
 * Style WooCommerce
 * Hide the description that's displayed above the final, calculated, price
*/
.single-product .woocommerce-variation-description a{
	display: none;
}
.single-product .woocommerce-variation-description p{
	font-style: italic;
}

/* 
 * Style WooCommerce
 * Hide 'Select options' button from categories page 
 */
.archive.woocommerce .products .product_type_variable {
  display: none !important;
}

/* 
 * Style WooCommerce
 * Add a loader icon to the blockUI div, that's displayed when WooCommerce is searching for variations
 */
.woocommerce .blockUI.blockOverlay:before,
.woocommerce .loader:before {
	position: absolute;
	display: inline-block;
    align-content: center;
	text-align: center;
    vertical-align: middle;
	top:50%;
	left:50%;
	width:3em;
	font-size: 3em;
	font-family: FontAwesome;
    content: "\f017";
	color:#0D0D0D;
}


/*
 * Style WooCommerce
 * Style the product description tab's navigation item, but do display the tab itself
*/
.woocommerce-tabs ul.x-nav li.description_tab{
	display: none !important;
}
.woocommerce-tabs div.x-tab-content{
	background-image: url(framework/img/global/huisstijl-ruit-pattern-square-h40px.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 40px;
    box-shadow: inset 0 -40px 40px -40px rgba(0,0,0,0.133);
}
.woocommerce-tabs div.x-tab-content div.description_pane{
	display: block!important;
}

.woocommerce-tabs div.x-tab-content div.description_pane ul.list-product-buffet{
	list-style: none;
	margin:0;
}
.woocommerce-tabs div.x-tab-content div.description_pane ul.list-product-buffet li{
	margin:15px 0;
	font-size: 1.2em;
	/*border-bottom: 1px solid rgb(0,102,51);*/
	color:rgb(0,102,51);
}
.woocommerce-tabs div.x-tab-content div.description_pane ul.list-product-buffet li ul{
	margin-left:15px;
	list-style: none;
}
.woocommerce-tabs div.x-tab-content div.description_pane ul.list-product-buffet li ul li{
	font-size:1rem;
	margin:0;
	border:none;
	color:hsl(0,0%,29%);
}


/*
 * Style WooCommerce
 * Hide heading 'Billing details'
*/
.woocommerce-billing-fields h3{
	display: none;
}

/*
 * Style WooCommerce
 * Checkout: hide payment method, no payments will be made
 * We hide the label only; there's a div inside with additional information for the users
*/
.wc_payment_methods li:first-child label{
	display: none;
}