/*
 *
 *         Made by Thomas Toma @ Codeable - https://www.codeable.io/developers/thomas-toma/
 *         Under MIT License
 *
 */

/* ADD custom CSS below here*/
.breadcrumbs {display:none;}
h1.page-heading {display:none;}

.header-logo-image {
top: auto !important;
transform: none !important;
}


.card-figcaption .button--primary {
	background-color: rgba(255,255,255,.6);
	color:black;
	border:1px solid black;
}

.card-figcaption .button--primary:hover {
	background-color: rgba(0,0,0,.2);
	border-color: rgba(0,0,0,.3);
	color:black;
}

.slick-vertical .slick-prev {
	top:-15px;
}

div[data-layout-name="pro_quality_text"] {
	font-family: 'VTRedzone-Classic' !important;
}

div[data-layout-name="page_heading"] p {
	font-family: 'VTRedzone-Classic' !important;
	line-height: 1.1em;
}

div[data-layout-name="page_heading_shadow"] p {
	font-family: 'VTRedzone-Classic' !important;
	line-height: 1.1em;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.80);
}

div[data-test-id="hero-image-title"] {
	font-family: 'VTRedzone-Classic' !important;
	line-height: 1em;
}


@media only screen and (max-width: 600px) {
	div[data-test-id="hero-image-title"] {color:rgba(233,36,41,1);}
	div[data-test-id="hero-image-subtitle"] {color:black;}
	div[data-test-id="hero-image-button"] {color:white;}
}


@media only screen and (min-width: 1025px) {
	.productGrid .product {
		width: -webkit-fill-available !important;
		max-width: 33%;
	}
}
.page #product-listing-container {
	width: 100% !important;
}

div[data-layout-name="5_column_layout"] > div {
    width: 20% !important;
    flex-basis: 20% !important;
    max-width: 20% !important;
}

@media only screen and (max-width: 600px) {
div[data-layout-name="5_column_layout"] > div {
    width: 80% !important;
    flex-basis: 80% !important;
    max-width: 80% !important;
}
}