/*////////////////////////*/
/*

		  PLATINO
	CUSTOM CSS - © 2015-2016 OSP
			BY
	  ARNO TENKINK <atenkink@tradosoft.com>

*/
/*////////////////////////*/


/*
	1. Structure
	2. Colors & Fonts

*/


/* ## 1. Structure ## */

	body {background:  #FFF;}
	body, a, li, .btn-default {transition: all 0.2s ease;}
	.top-20 {margin-top: 20px;}
	.top-0 {margin-top: 0;}
	.no-margin-bottom{ margin-bottom: 0;}
	.innertop-20 {padding-top: 20px;}
	.min-height-100{ min-height: 100px;}
	.min-height-200{ min-height: 200px;}
	.min-height-300{ min-height: 300px;}
	.no-padding {padding: 0 !important;}
	.no-padding-right {padding-right: 0 !important;}
	.no-padding-left {padding-left: 0 !important;}
	.glyphicon-right {padding-left: 5px;}
	.glyphicon-left {padding-right: 5px;}

	h1 {font-size: 25px; margin: 7px 0 15px;}
	h2 {font-size: 22px;}
	h3 {font-size: 18px;}
	h5 {font-weight: bold;}

	.btn { border: 1px solid #a1a1a1; }

	#lightbox-container-image-data-box {display: none !important;}

/* NAV */

	.navbar {border-radius: 0;}
	#navtop {margin: 0; background: #FFF; margin: 20px auto;}
	#navmain {margin: 0; border-top: 1px solid #14171e; background: #1b1b1b;}
	#navhelp {margin: 0; background-color: #336b1b;}

	/* TOP */

		/* LOGO */
		#top_logo {margin: 5px 20px 0 0; border-right: solid 1px #aeaeae; width: 120px;}
		.textlogo {list-style-type: none; margin: 0 0 0 10px; padding: 0;}
		
		/* CART */
		#navtop .glyphicon-align-left {padding-right: 5px;}
		.cart-button {margin-top: 5px;}

	/* MAIN */
	#entry {margin: 20px auto;}
	.navbar-inverse {border: 0 solid transparent;}
	#navmain.navbar-inverse .navbar-nav>li {background: url('gfx/nav_border.png') repeat-x center bottom #1b1b1b;}
	#navmain.navbar-inverse .navbar-nav>li:hover {background: url('gfx/nav_border.png') repeat-x center bottom #414b65; }
	
	#navmain .active {background: url('gfx/nav_active.png') no-repeat center bottom #428923;}

	/* SIDEMENU */
	.menu_category {
		/* display: flex; */
		/* flex-flow: row wrap;
		float: left; */

		display: flex;
		flex-flow: column wrap;
		max-height: 1200px;
		margin-left: -8px; /* Adjustment for the gutter */
		width: 100%;
	}

	#sidemenu li {font-size: 13px; padding: 5px 0;}

	/* NAVHELP */
	#navhelp input {background: #418b22; border: 1px solid #3c831f;}
		#navhelp .form-control:focus { border-color: rgba(255, 255, 255, 0);  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 255, 255, 0.6);  outline: 0 none; }
		#navhelp .navbar-form .form-control {width: 250px;}
		#navhelp .btn-default {border: 1px solid #FFF; background: #336b1b;}
			#navhelp .btn-default:hover {background: #FFF;}
		#navhelp #tel>li>a {display: inline-block; padding-left: 5px;}

	/* FOOTER */
	#navfooter.navbar-inverse {background: #1b1b1b; margin: 0;}
	#navfooter.navbar-inverse .navbar-nav>li {background: #1b1b1b; font-weight: 100; }
	#navfooter.navbar-inverse .navbar-nav>li:hover {background: url('gfx/nav_border.png') repeat-x center bottom #414b65; }

/* CONTENT */

	/* TOPINFO (Homepage) */
	.logo-group li a {padding-left: 40%; width: 100%; height: 44px; display: block;}
		.logo-fordmustang {background: url('gfx/logo-fordmustang.png') no-repeat left center;}
		.logo-cherv {background: url('gfx/logo-chervolet.jpg') no-repeat left center;}
		.logo-dodge {background: url('gfx/logo-dodge.jpg') no-repeat left center;}

	/* BOXES */
		.outlinebox {display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; }
			.outlinebox p {padding: 10px;}
		.jumbotron {margin-bottom: 0;}
			.jumbotron p {padding: 0 0 10px 0;}
			#facebookcover {background: url('gfx/facebook-cover.jpg'); background-size: cover;}

		.last-box {padding-bottom: 20px;}

		.panel-default, panel-heading {float: left;}

		.caption p a {
			width: 100%;
			display: block;
		}

	/* Michiel: Category home spotlight items */
	.innertop-20 .thumbnail { min-height: 470px; }
	.innertop-20 .text-box { margin-bottom: 20px !important; }

	/* Michiel: Product home spotlight items */
	.product-home-spotlight-item { width: 100%; }
	.product-home-spotlight-item .description-container { display: block; height: 75px; margin-bottom: 10px; }

	.select { padding: 5px 10px 5px 10px; cursor: pointer; }

/* SHOP */

	/* PAGINATION */

	.pagination .active {
		background: #336b1b;
		color: #FFF;
	}

	/* BREADCRUMBS */
	.breadcrumb .active {
		font-weight: 700;
	}

	/* CATEGORY LIST */
	.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
		background: #FFF;
		border-top: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
		font-weight: 700;
		color: #336b1b !important;
	}

	#sidebar {
		background-color: #f2f2f2;
		padding: 15px;
		float: left;
		width: 100%;
	}

	#sidebar li {
		background-color: #f2f2f2 ;
		border: 0;
	}

	.sidebar-heading {
		padding-left: 10px;
		font-size: 22px;
	}

	.list-group-item.active a, .list-group-item.active:hover a, .list-group-item.active:focus a{
		color: #336b1b !important;
	}

  .category__item {
		border: 0;
	}



	/* PRODUCT LIST */
	#productlist .list-group-item {
		min-height: 150px;
	}
	#productlist .media-left {
		float: left;
		min-height: 150px;
	}
		#productlist .media-left img {
		width: 150px;
	}

	.product__item {
		padding: 15px;
		background: #f2f2f2;
		margin-bottom: 15px;
    height: 410px;
		overflow: hidden;
	}

	.product__title {
		display: block;
		float: left;
		width: 100%;
	}

	.product__text {
		float: left;
		width: 100%;
		display: block;
		overflow: hidden;
		height: 77px;
	}

	.product__price {
    float: left;
    width: 50%;
	}

	.product__readmore-container {
    float: left;
    width: 50%;
	}

	.product__readmore {
		width: 100%;
		text-align: center;
	}

	.product__button-container {
    float: left;
		width: 100%;
	}

	.product__buybutton {
		display: block;
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}

	.primary-btn-highlight {
		background-color: #336b1b !important;
		border-color: #3c891b !important;
		color: #FFF !important;
	}

	.primary-btn-highlight:hover {
		background-color: #3c891b !important;
	}

	.product__image-container {
		width: 100%;
    text-align: center;
    height: 150px;
    background: #FFF;
    padding-top: 20px;
		float: left;
		display: block;
	}

	.product__image {

	}

	.product__bottom {
		position: absolute;
		left: 0;
		right: 0;
		padding: 0 30px 30px;
		bottom: 0;
	}

	/* PRODUCT PAGE */
	#product-image:before {
		content: "\e015";
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		position: absolute;
		color: #FFF;
		font-size: 25px;
		bottom: 20px;
		right: 35px;
		text-shadow: 0px 2px 10px #000000;
	}
	#image-container {
		width: 100% !important;
	}

	/* Price */
	.price { font-size: 20px; font-weight: bold; margin-bottom: 20px; display: inline-block;}
	#product-order {background: #F2F2F2; padding: 20px 0; border-radius: 5px;}
/* ## 2. COLORS & FONTS ## */

	/* # MAIN COLORS # */
	a, body {color: #1b1b1b; font-family: 'Merriweather Sans', sans-serif; transition: all 0.2s ease;}
		a:hover {color: #414b65;}
	.TX_color1 {color: #1b1b1b;}
	.TX_color2 {color: #336b1b;}

	/* MENU */
		.nav>li>a:hover, .nav>li>a:focus {background-color: transparent; color: #1b1b1b;}
		.navbar-inverse {font-weight: 800; text-transform: uppercase;}
			.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>p {color: #FFF;}
			.navbar-inverse .navbar-nav>li>a:hover { background: #428923; }

		#navhelp input {font-size: 13px; color: #FFF; font-weight: 300; font-style: italic;}
			#navhelp input::-webkit-input-placeholder { color: #FFF;}

		#navhelp .btn-default {color: #FFF;}
			#navhelp .btn-default:hover {color: #336b1b;}

		#tel>li {color: #FFF; text-transform: none !important; font-style: italic; font-weight: 300;}
			#tel>li>a {font-weight: 700;}
			/* NAME / TAGLINE */
	#website_title {Font-weight: 800; font-size: 26px; margin-top: 8px;}
		#website_title span {font-size: 13px;}

	.textlogo .TX_color2 {font-size: 16px;}

	/* NAVCART */
	#cart {text-align: right; padding: 15px 55px 0 0; line-height: 18px; height: 49px; background: url('gfx/icon_cart.png') no-repeat 230px 14px;}
		#cart span {display: block;}
		#cart a {text-decoration: underline; font-weight: 700;}

	#cart-mobile-view { display: none; }

	/* CONTENT */

	.jumbotron h1, .jumbotron .h1 {font-size: 28px;}
	#facebookcover {color: #FFF;}
	.sale-item { float: left; border: 1px solid #ddd !important;}
		.sale-item img{ max-height: 180px;}

	.footer-content {background: #262626; color: #FFF;}
		.footer-content a {color: #336b1b;}
		.footer-content .container {padding: 20px 0 40px 0;}
		.footer-copyright {background: #0f0f0f; color: #595959; padding: 20px 0;}
			.footer-copyright a {color: #595959; text-decoration: underline;}
	/* BUTTONS */
	.btn-primary {background-color: transparent; border-color: #336b1b; color: #336b1b; font-weight: 600;}
		.btn-primary:hover {background-color: #336b1b; border-color: #336b1b; color: #FFF;}

	/* BOXES & PANELS*/
	.outlinebox {background-color: #fff; border: 1px solid #ddd;}
	.panel-default>.panel-heading {background: #1b1b1b; border-color: #1b1b1b; border-right: 10px solid #336b1b; border-bottom: 0px solid #FFF; color: #FFF; text-transform: uppercase; font-weight: 600;}

	.logo-group .list-group-item {
		padding: 25px 15px;
	}

	.js-turn {
		transition: all 200ms;
	}

	.js-turn45 {
	    transform: rotate(45deg);
	}

	/* Like */
	a.like-btn
	{
		display: 			inline-block !important;
		background: 	 	#5b9de3;
		border-radius: 		10px;
		padding: 			5px;
		color: 				white;
		min-width:			100px;
		text-decoration: 	none;
	}


	a.like-btn:hover
	{
		background: 		#2569d3;
	}

	/* Whatsapp */
	a.wsapp-share
	{
		display: 			inline-block !important;
		background: 	 	#075E54;
		border-radius: 		10px;
		padding: 			5px;
		color: 				white;
		width: 				240px;
		text-decoration: 	none;
	}


	a.wsapp-share:hover
	{
		background: 		#25D366;
	}

	/* Youtube */

	.youtube-promo {
		max-width: 340px;
		display: block;
		padding: 10px;
		color: #FFF !important;
		background: #e62117;
		border-radius: 3px;
		margin: 10px 0;
		text-align: center;
	}

	.tr-navmelding {
		text-align: center;
		padding: 10px;
		background-color: yellow;
		font-size: 12px;
	}

	/* Button coloring */
	.btn-encourage {background-color: rgb(0, 163, 0); border-color: rgb(0, 175, 0); color: #FFF;}
		.btn-encourage:hover {background-color: rgb(0, 139, 0); border-color: rgb(0, 175, 0); color: #FFF;}
	
	.btn-warning {background-color: #ffb108; border-color: #ffb108; color: #FFF;}
		.btn-warning:hover {background-color: #ff9100; border-color: #ff9100; color: #FFF;}

	.encourage { background-color: green; color: white; border-color: #CCC; }
	.warning { background-color: #F1C64E; }
	.discourage { background-color: red; }

/* MOBILE */

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
		#top_logo {margin: 10px 20px 0 0;}
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

		.navbar .container { padding: 0px; padding-right: 10px; margin: 0px; width: auto; }
		.navbar-right { margin-right: 0px; }

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		#top_logo {margin: 0px 20px 0 0; margin-top: 6px; width: 80px;}
		#navtop .col-sm-8 { padding: 0px; }
		
		#website_title {font-size: 20px; margin-top: 0px;}
		.textlogo .TX_color2 {font-size: 14px;}

		.navbar-right { margin-left: 0px; }

		.menu_category {
			max-height: none;
		}
		.navbar-inverse .navbar-toggle {
			background-color: #1b1b1b;
			color: #FFF;
			border-color: #FFF;
			float: left;
			margin-left: 15px;
		}
		.product-home-spotlight-item {
			min-height: inherit !important;
		}
		.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
			border-color: #101010;
			width: 100%;
			padding: 0;
			margin: 0;
			border-color: #315721;
		}

		.mobile-hidden {
			display: none;
		}

		#navhelp .navbar-form .form-control {
			width: 200px;
			float: left;
			margin-left: 15px;
			margin-top: 5px;
		}
		#navhelp .btn-default {
			color: #FFF;
			margin-left: 5px;
			margin-bottom: 5px;
		}
		.navbar .cart-button {
			margin-top: 8px;
			display: block;
			margin-right: 15px;
		}

		.navbar .cart-button button {
			height: 40px;
		}
		#tel>li {
		    padding: 0 15px;
		}
		#tel>li>a {
			padding-top: 0;
			padding-bottom: 0;
		}

		a.list-group-item .list-group-item-heading {
			color: #333;
			display: block;
			margin-top: 10px;
			float: left;
			font-weight: 700;
		}
		.list-group-item button {
			margin: 10px 0;
		}
		.order-product {
			float: left;
			margin-top: 15px;
		}
		#product-order input[name=ipt-sm-shopping-cart] {
			margin-top: 5px;
			width: 100%;
		}

		#sidebar .category__item {
			width: 100%;
		}

		.categorybutton__toggle {
			padding: 15px;
			background-color: #336b1b;
			color: #FFF;
			border-radius: 5px;
			margin-top: 10px;
			margin-bottom: 15px;
		}

		div#cart-default {
			display: none;
		}

		div#cart-mobile-view {
			display: block;
			margin-bottom: 20px;
		}
}



    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {
		#productlist .media-left {
			width: 100%;
		}
		#productlist .media-left img {
			width: 100%;
		}
	}

	@media only screen and (max-width : 380px) {
		#top_logo {margin: 0px; margin-top: 6px; border-right: 0px; width: 80px;}
	}

    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {

    }

		.mod-header {
			padding: 0 1.5%;
		}

		.mod-header__title {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 5%;
			/* background-color: #404040; */
			color: #000;
			margin: 0;
			font-weight: 700;
			line-height: 120%;
			font-size: 20px;
		}

		.mod-header__image {
			flex: 2;
			object-fit: cover; /* Don't forget IE! */
			max-width: 100%;
			width: 50%;
			height: 50%;
		}

		.mod-brands {
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-around;
			text-align: center;
		}

		.mod-brands__item {
			flex: 1 0 20%;
			transition: 200ms ease;
		}

		.mod-brands__item:hover {
			opacity: 0.8;
		}

		.mod-brands img {
			max-width: 100%;
			max-height: 100px;
			margin-bottom: 2.5%;
		}

		.mod-contentBlock {
			padding: 0 1.5%;
		}

		.mod-contentBlock__heading {
			font-weight: 800;
			margin-top: 0;
			line-height: 1.5;
		}

		.mod-products {
			flex-wrap: nowrap;
			align-items: center;
			margin-bottom: 2.5%;
			align-items: stretch;
			margin-top: 50px;
		}

		.mod-products--sales {
			display: flex;
			flex-wrap: wrap;
			justify-content: auto;
		}

		.mod-products__item {
			display: flex !important;
			flex: 1;
			margin: 0 1.5% 3%;
			flex-direction: column;
			max-width: 300px;
			margin-top: 30px;
		}

		.mod-products__itemContainer {
			display: flex;
			flex-direction: column;
		}

		.mod-products--sales .mod-products__itemContainer {
			flex: 2;
		}

		.mod-products--sales .mod-products__item {
			display: flex;
		    flex: 1 0 45%;
		    background-color: #336b1b;
		    color: #FFF;
		    flex-direction: row;
		}

		.mod-products__item:hover {
			text-decoration: none;
		}

		.mod-products__title {
			color: #336b1b;
			font-weight: 800;
			font-size: 16px;
			padding: 0 0 2.5%;
		}

		.mod-products--sales .mod-products__title {
			color: #FFF;
			padding: 5%;
		}

		.mod-products__price {
			font-size: 16px;
			font-weight: 800;
			padding: 0 0 2.5%;
		}

		.mod-products--sales .mod-products__price, .mod-products--sales .mod-products__text {
			flex: 1;
			padding: 2.5% 5%;
		}

		.mod-products__text {
			font-size: 12px;
			padding: 0 0 5%;
			flex: 1 auto;
			height: 100px !important;
			max-height: 100px !important;
		}

		.mod-products__image {
			max-height: 150px;
			object-fit: contain !important;
		}

		.mod-products--sales .mod-products__image {
			max-height: unset;
			padding-bottom: 0;
			width: 50%;
			flex: 1;
			object-fit: cover !important;
		}

		.mod-button {
			flex: 1 100%;
			padding: 0.55em 1em;
			text-align: center;
			background-color: #1b1b1b;
			color: #FFF;
			transition: 150ms ease-in;
			max-height: 40px;
		}

		.mod-products--sales .mod-button {
			flex: 1;
			margin: 0 5%;
		}

		.mod-button--inverted {
			color: #1b1b1b;
			background-color: #FFF;
			border: 2px solid #FFF;
		}

		.mod-button--inverted:hover {
			border: 2px solid #FFF;
			color: #FFF;
		}

		.mod-button:hover {
			background-color: #336b1b;
		}

		.new_product_label { display: none; }
		.new_product .new_product_label { display: block; }

		[data-grid="chapeau-grid"] {
			display: flex;
			flex-direction: column;
			width: calc(100vw - 10%);
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 1.5%;
		}

		[data-grid="cg-row"] {
			display: flex;
			flex: 1;
			flex-wrap: wrap;
			margin: 0 -15px;
		}

		[data-grid="cg-row--nomargin"] {
			display: flex;
			flex: 1;
			flex-wrap: wrap;
			margin-bottom: 15px;
		}

		[data-grid="cg-column"] {
			display: flex;
			margin: 0 -1.5%;
			flex-direction: column;
		}

		[data-grid^="cg-50"] {
			width: 50% !important;
		}

		[data-grid^="cg-content__image"] {
			object-fit: cover;
			flex: 1;
			max-width: 100%;
			padding: 0 0 5%;
		}

		[data-grid="cg-content__text"] {
			flex: 1;
			padding: 0 1.5%;
			margin: 0;
		}

		[data-grid="cg-title__100"] {
			width: 100%;
		}

		[data-grid^="cg-order-0"] {
			order: 0;
		}

		[data-grid^="cg-order-1"] {
			order: 1;
		}

		[data-grid^="cg-order-2"] {
			order: 2;
		}

		@media (max-width: 450px) {
			.mod-products__item {
				flex: 1.5% 1.5% 3%;
			}
		}

		@media (max-width: 620px) {

			.mod-brands__item {
				flex: 1 0 33%;
			}

			.mod-brands img {
				/* width: 100%; */
				padding: 10px;
			}
/*
			.mod-products--sales .mod-products__item {
				display: flex;
				flex: 1 100%;
				max-width: unset;
				flex-direction: column;
				margin-bottom: 15px;
			}

			.mod-products--sales .mod-products__image {
				width: 100%;
				max-height: 175px;
			}
			
			[data-grid^="cg-content__image"], [data-grid^="cg-content__text"] {
				flex: 1 100%;
			}
*/
		}

		.slick-slide { opacity: 1.0 !important; }