/*
======================================== WEBWISER CSS ========================================

This file contains all customised CSS for Truth.coffee website.
Creation date: 16 June 2017
Dev by: MvdHeerik & BRode

The CSS was created by WebWiser South Africa +27 826 466 591 or dev@webwiser.io

==============================================================================================
*/


/* --- MENU RESPONSIVENESS ADJUSTENTS --- */  

.custom-content .custom__item-inner--product .card__info { 
  min-height:250px;max-height:250px; 
}
#98db1d52_1496739348 iframe, .powr-tabs > iframe, .powrLoaded > iframe { 
  width: 100%!important; 
}
iframe, .is-container iframe { 
  width: 100%!important; 
}


/* --- PRODUCT BLOCKS --- */
.card__info { padding-top: 25px; }

.custom-content .custom__item-inner--product .card__info { 
  min-height: 150px;
  max-height: 150px;
}

/* --- BUTTON STYLE --- */
.button-homepage {
    border: 2px solid #555;
    color: #000;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
    display: block;
    margin: auto;
    width: 50%;
}

/* --- FOOTER --- */
@media all {
    .site-footer a {
        color: #fff;
        text-decoration: none;
    }
}






/* collection filter */
.collection-wrapper, .collection-pagination{width:100%; float:left;}
.collection-wrapper .aside-container{width:24%; float:left;}
.collection-wrapper .product-container{width:75%; float:right;}

.collection-wrapper .aside-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    min-height: 1px;
    vertical-align: top;
}
.collection-wrapper aside {
    *zoom: 1;
    margin-top: 6px;
    background: #f8f8f8;
  width:100%;
  float:left;
}
.collection-wrapper aside .nav-container {
    padding: 15px 20px;
}
.collection-wrapper aside nav {
    margin-bottom: 20px;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.collection-wrapper aside nav h5, .collection-wrapper aside nav .h5 {
    margin-bottom: 6px;
    padding-bottom: 6px;
    font-size: 17px;
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    border-bottom: 1px solid #dfdfdf;
}
.collection-wrapper aside nav a {
    font-size: 0.9375em;
    text-decoration: none;
    color: #4f4f4f;
    text-transform: capitalize;
}
.collection-wrapper aside nav li.active a{
  	color:#baa15b;
}
.collection-wrapper aside nav ul{
 	padding-left: 0; 
}
.collection-wrapper aside nav li{
  	list-style: none;
}
.collection-wrapper .mobile-filter-toggle-wrap{display:none;}


.clear-filter{width:100%; text-align:center; float:left; display:none;}
.clear-filter a {
    text-decoration: none;
    color:#baa15b;
    font-weight: bold;
    font-size: 17px;
  	border: 1px solid #dfdfdf;
    padding: 5px 20px 5px 20px;
  	width:100%;
  	float:left;
}
.clear-filter svg{height:10px; fill:#baa15b;}

@media screen and (max-width: 749px) { 
  	/* collection filter */
	.collection-wrapper, .collection-pagination{width:100%; float:left;}
	.collection-wrapper .aside-container{width:100%; float:left;}
	.collection-wrapper .product-container{width:100%; float:left;}
  	
  	.collection-filter-wrap{display:none;}
  	.collection-wrapper .mobile-filter-toggle-wrap{display:block;  text-align:center; padding: 5px 0 30px 0;}
    .collection-wrapper a.mobile-filter-toggle {
      	background-color: transparent;
        background-image: url(//cdn.shopify.com/s/files/1/1756/3979/t/22/assets/ico-select.svg?7649165568199563612);
        background-position: right 0 top 8px;
    	background-size: 10px;
        background-repeat: no-repeat;
        padding: 0 20px 0 10px;
      	text-decoration:none;
        color:#000;
    }
  	.collection-wrapper aside nav h5, .collection-wrapper aside nav .h5 {text-align:center;}
    .collection-wrapper aside nav li {
        display: inline-block;
        border: 1px solid #dfdfdf;
        padding: 0px 10px 0 10px;
      	margin: 0px 3px 6px 0px;
    }
  	/* collection filter */
}
/* collection filter */