@import "variables";
.widget-cars-viewed {
	margin-bottom: 24px;
	.wcv-head {
		margin-bottom: 12px;
		font-size: 24px;
		font-weight: bold;
		color: $blue;
		@media(min-width: 768px){
			display: none;
		}
	}
	.wcv-body {
		& > .row {
			.col-xs-12 {
				margin-bottom: 16px;
				@media (min-width: 992px) {
					&:nth-child(n+4){
						display: none;
					}
				}
				@media (max-width: 991px) {
					&:nth-child(n+3){
						display: none;
					}
				}
				@media (max-width: 767px) {
					&:nth-child(n+2){
						display: none;
					}
				}
			}
		}
	}
	.wcv-footer {
		text-align: center;
		@media (max-width: 767px) {
			font-weight: bold;
			font-size: 13px;
		}
		a {
			border-bottom-color: transparent;
			&:hover {
				border-bottom-color: $blue;
			}
		}
	}
	.wcv-item {
		position: relative;
		overflow: hidden;
		.wcv-item__image {
			float: left;
			padding-right: 8px;
			img {
				display: block;
				height: 64px;
			}
		}
		.wcv-item__tbox {
			position: relative;
			overflow: hidden;
			font-size: 14px;
			line-height: 1.4;
			white-space: nowrap;
		}
		.wcv-item__model {
			margin-bottom: 2px;
			font-weight: bold;
		}
		.wcv-item__date {
			color: $color_gray_40;
		}
		.wcv-item__number {
			font-weight: bold;
			color: $color_gray_60;
			text-transform: uppercase;
		}

		@media (min-width: 768px) {
			padding: 8px;
			@include box-shadow(0 0 4px rgba(0,0,0,.25));
			@include border-radius(2px);
			@include transition();
			&:hover {
				@include box-shadow(0 0 8px rgba(0,0,0,.35));
			}
		}
		@media (max-width: 767px) {
			.wcv-item__image {}
			.wcv-item__tbox {}
			.wcv-item__model {}
		}
	}

	&.open {
		.wcv-body {
			& > .row {
				.col-xs-12 {
					display: block !important;
				}
			}
		}
		.wcv-footer {
			display: none;
		}
	}
}