//--------------------------------------------------------------
// Copyright (C) joomla-monster.com
// License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
// Website: http://www.joomla-monster.com
// Support: info@joomla-monster.com
//---------------------------------------------------------------

// VARIABLES import
//---------------------------------------------------------------

@import "bootstrap_variables.less";
@import "template_variables.less";

// MIXINS import
//---------------------------------------------------------------

@import "template_mixins.less";

// DJCATALOG2
//---------------------------------------------------------------

//clearfix
.djc_clearfix {
	min-width: 0;
	display: block;
	&:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
}

.djc_clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

//reset default
#djcatalog a img {
	border: none;
	outline: none;
}

#djcatalog .img-polaroid,
.mod_djc_item .img-polaroid {
	border: none;
	padding: 0;
	background: none;
	.box-shadow(none);
}

//pagination
#djcatalog .pagination {
	margin: 0;
}

//readmore
.djc_readon {
	display: inline-block;
	width: 100%;
	margin: 0;
}

//rss
a.djc_rss_link {
	display: inline-block;
}

//price
#jm-allpage .djc_price span {
	font-weight: 700;
	font-size: (@JMbaseFontSize) * 1.15;
}

#jm-allpage .djc_price .djc_price_old {
	text-decoration: line-through;
	font-weight: normal !important;
	color: #ff0000 !important;
}

//headings
#djcatalog .djc_subcategories h2.djc_title {
	display: none;
}

#djcatalog.djc_item h2.djc_title,
#djcatalog.djc_producer h2.djc_title {
	font-size: @JMmoduleTitleFontSize;
	line-height: 1;
	color: @JMheadingFontColor;
	margin: 0 0 @JMbaseSpace;
}

#djcatalog {
	.djc_items .djc_title h3,
	.djc_related_items .djc_title h3 {
		font-size: @JMarticleTitleFontSize;
		font-weight: 700;
		line-height: 1.1;
		color: @JMheadingFontColor;
		a {
			color: @JMheadingFontColor;
			text-decoration: none;
			&:hover {
				color: @JMstyleLink;
			}
		}
	}
}

#djcatalog.djc_item {
	.djc_location h3,
	.djc_files h3,
	.djc_comments h3,
	.djc_contact_form fieldset legend,
	.djc_related_items .djc_related_title {
		font-size: @JMmoduleTitleFontSize;
		line-height: 1;
		font-weight: 900;
		text-transform: uppercase;
		margin: 0 0 35px;
		color: @JMheadingFontColor;
		letter-spacing: 3px;
	}
}

#djcatalog.djc_theme_jm-car-dealer.djc_checkout h2 {
	font-size: 20px;
	line-height: 1.2;
	color: @JMheadingFontColor;
	font-weight: 900;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#djcatalog {
	.djc_category h2.djc_title,
	.djc_subcategories h2.djc_title {
		text-transform: uppercase;
		font-weight: 900;
		font-size: @JMmoduleTitleFontSize;
		color: @JMheadingFontColor;
		letter-spacing: 3px;
		line-height: 1;
		margin: 0 0 35px;
	}
}

#djcatalog .djc_subcategories .djc_title h3 {
	font-size: @JMarticleTitleFontSize;
	margin: 0;
	line-height: 1.1;
	color: @JMheadingFontColor;
	a {
		color: @JMheadingFontColor;
		text-decoration: none;
		&:hover {
			color: @JMstyleLink;
		}
	}
}

#djcatalog.djc_list table.category .djc_td_title,
#djcatalog.djc_mylist table.category .djc_td_title {
	a {
	 color: @JMheadingFontColor;
	 text-decoration: none;
	}
}

#djcatalog .djc_attributes table tr.djc_attribute td.djc_label,
#djcatalog .djc_order .djc_order_buttons li:first-child span,
.djc_price span {
	color: @JMheadingFontColor;
}

#djcatalog {
	.djc_category_info,
	.djc_producer_info,
	.djc_price,
	.djc_author,
	.djc_date,
	.djc_hits,
	.djc_location {
		color: @JMheadingFontColor;
		span {
			margin-left: 10px;
		}
	}
}


// Modal Window
// --------------------------

#lbPrevLink, #lbNextLink {
	background-color: transparent !important;
}

.djc_cart_modal .djc_cart_popup {
	text-align: center;
}

.djc_cart_modal .djc_cart_popup p {
	margin: 30px 0 0;
	color: #4d4d4d;
	font-size: @JMarticleTitleFontSize;
	font-weight: 700;
	line-height: 1.1;
}

.djc_cart_modal .djc_cart_popup a {
	margin: 30px 0 0;
	border: 1px solid @JMborder;
	border-radius: 3px;
	color: #4d4d4d;
	display: inline-block;
	font-size: @JMbaseFontSize;
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 20px;
	padding: 14px 25px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	.transition(all 0.2s ease-in);
	&:hover {
		color: #ffffff;
		border: 1px solid transparent;
		background: @JMstyleReadmoreBackground;
	}
}

// Subcategories
// --------------------------

#djcatalog .djc_subcategories_grid .djc_subcategory {
	float: left;
}

#djcatalog .djc_subcategories_grid {
	margin-left: -(@JMbaseSpace /2);
	margin-right: -(@JMbaseSpace /2);
	margin-bottom: @JMbaseSpace;
}

#djcatalog .djc_subcategories_grid .djc_subcategory_bg {
	margin: 0 (@JMbaseSpace /2) @JMbaseSpace;
	border: 1px solid @JMborder;
	.border-radius(3px);
	padding: @JMbaseSpace;
	.box-sizing(border-box);
}

#djcatalog .djc_subcategory .djc_image img {
	max-width: 100%;
	&:hover {
		.scale(1.1);
		.transition(all 0.2s ease-in);
	}
}

#djcatalog .djc_subcategory_in {
	text-align: center;
}

#djcatalog .djc_subcategories_grid {
	.djc_image + div,
	.djc_image + p {
		margin: 30px 0 0;
	}
	.djc_title + div,
	.djc_title + p {
		margin: 15px 0 0;
	}
	.djc_description + div,
	.djc_description + p {
		margin: 20px 0 0;
	}
	div + .djc_readon a.btn,
	p + .djc_readon a.btn {
		margin: 20px 0 0;
	}
}

#djcatalog .djc_subcategories_grid {
	.djc_readon a.btn {
		background: none;
		&:hover {
			background: @JMstyleReadmoreBackground;
		}
	}
	.clear {
		display: none;
	}
}

//in category parent
#djcatalog .djc_category {
	margin: 0 0 @JMbaseSpace;
}

// Filters
// --------------------------

#djcatalog .djc_filters {
	background: @JMcatalogFiltersBackground;
	color: @JMcatalogFiltersFontColor;
}

#djcatalog .djc_filters .djc_filters_in {
	padding: @JMbaseSpace;
	margin: 0;
	.box-shadow(none);
	border: none;
	overflow: auto;
}

#djcatalog .djc_filter_list,
#djcatalog .djc_filter_search,
#djcatalog .djc_filter_map_search,
#djcatalog .djc_filter_radius_search {
	.span2 {
		width: auto;
	}
	li:first-child span {
		vertical-align: middle;
		display: inline-block;
		font-size: 20px;
		font-weight: 900;
		text-transform: uppercase;
		color: @JMtopfooterTextColor;
	}
	select,
	input.inputbox {
		width: 300px;
		max-width: 100%;
	}
}

#djcatalog .djc_filter_list,
#djcatalog .djc_filter_search,
#djcatalog .djc_filter_map_search,
#djcatalog .djc_filter_radius_search {
	li > span {
		min-width: 80px;
	}
}

#djcatalog .djc_filter_list,
#djcatalog .djc_filter_search,
#djcatalog .djc_order_buttons {
	margin: 0;
}

#djcatalog .djc_filter_list,
#djcatalog .djc_filter_map_search {
	margin: 0 0 20px;
}

#djcatalog .djc_filters + .djc_atoz,
#djcatalog .djc_filters + div + .djc_atoz {
	margin-top: -@JMbaseSpace;
}

#djcatalog .djc_filters {
	form,
	select,
	input.inputbox {
		margin: 0;
	}
}

#djcatalog .djc_filter_list li,
#djcatalog .djc_filter_map_search li,
#djcatalog .djc_filter_radius_search li,
#djcatalog .djc_order_buttons li {
	padding: 0;
	margin-right: 10px;
	background: none;
	display: inline-block;
	vertical-align: top;
	span {
		font-weight: bold;
	}
}

#djcatalog .djc_filter_search {
	display: inline-block;
	vertical-align: top;
	li {
		display: inline-block;
		vertical-align: top;
		margin-right: 10px;
		padding: 0;
	}
}

//advanced
#djcatalog .djc_additional_filters_in {
	padding: @JMbaseSpace 0;
	margin: 0 0 @JMbaseSpace;
	.box-shadow(none);
	border: none;
	border-bottom: 1px solid @JMborder;
}

#djcatalog .djc_filters,
#djcatalog .djc_additional_filters {
	.djc_adv_search_wrap {
		clear: both;
		margin: 15px 0 0;
		text-align: right;
		span {
			cursor: pointer;
			&:hover {
				text-decoration: underline;
			}
		}
		.icon-cog,
		.icon-uparrow {
			top: 2px;
			&:hover {
				text-decoration: none;
			}
		}
		.icon-uparrow:before {
			content: "\e014";
		}
	}
}

// abc buttons
#djcatalog .djc_atoz .djc_atoz_in {
	padding: @JMbaseSpace;
	background: @JMcatalogFiltersBackground;
}

#djcatalog .djc_atoz_list {
	text-align: center;
	margin: -5px 0 0;
	padding: 0;
	li {
		display: block;
		float: left;
		margin: 5px 0 0 !important;
		padding: 0;
		width: auto !important;
		list-style: none;
		background: none;
		text-align: center;
		a {
			text-decoration: none;
		}
		a span,
		span span {
			display: block;
			padding: 0;
			margin: 0 10px 0 0;
			text-transform: uppercase;
			font-size: 16px;
			font-weight: 300;
			line-height: 28px;
			width: 28px;
			.box-sizing(border-box);
			background: none;
		}
		a span:hover,
		a span.active {
			background: @JMstyleReadmoreBackground;
		}
		span span {
			.opacity(50);
			cursor: default;
		}
	}
}

#djcatalog {
	.djc_filter_search li .btn,
	.djc_atoz_list li .btn,
	.djc_filter_radius_search .btn	{
		color: @JMbuttonTopFooterFontColor;
		border: 1px solid @JMborderTopFooter;
		&:hover,
		&.active {
			border: 1px solid transparent;
		}
	}
}

#djcatalog {
	.djc_atoz_list li span span.btn {
		border: 1px solid @JMborderTopFooter !important;
	}
}

//search filter
#djcatalog .djc_filter_search li:nth-child(3) .btn {
	font-size: 0;
	background-color: @JMcustomButtonBackground;
	background-image: url('../images/search.png');
	background-repeat: no-repeat;
	background-position: center center;
	.border-radius(@JMbuttonBorderRadius);
	padding: 0;
	margin: 0;
	border: none;
	width: 50px;
	height: 50px;
	&:hover {
		background-color: @JMstyleButtonBackgroundHover;
	}
}

//order
#djcatalog .djc_order .djc_order_in {
	border: none;
	.box-shadow(none);
	padding: (@JMbaseSpace * 1.7) @JMbaseSpace @JMbaseSpace 0;
	border-bottom: 1px solid @JMborder;
	margin: 0;
}

#djcatalog .djc_order .djc_order_buttons li:first-child span {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 1.1;
	li {
		margin: 0 @JMbaseSpace 0 0;
		a {
			color: #838383;
		}
		.djcat_order_dir {
			margin: 0 0 0 6px;
		}
	}
}

//layout buttons
#djcatalog .djc_layout_switch {
	margin: @JMbaseSpace 0 0;
}

#djcatalog .djc_layout_buttons {
	float: right;
	margin: 0;
	li {
		float: right;
		background: none;
		padding: 0 0 0 20px;
		list-style: none;
		.btn {
			width: 32px;
			height: 32px;
			line-height: 1;
			.box-sizing(content-box);
			position: relative;
			padding: 10px;
			&:after {
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				right: auto;
				width: 32px;
				height: 32px;
				margin-left: -16px;
				margin-top: -16px;
			}
		}
	}
}

#djcatalog .djc_layout_buttons li:nth-child(1) .btn {
	&:after {
		background: url('../images/catalog/grid.png');
	}
	&:hover:after,
	&.active:after {
		background: url('../images/catalog/grid-white.png');
	}
}

#djcatalog .djc_layout_buttons li:nth-child(2) .btn {
	&:after {
		background: url('../images/catalog/table.png');
	}
	&:hover:after,
	&.active:after {
		background: url('../images/catalog/table-white.png');
	}
}

#djcatalog .djc_layout_buttons li a img {
	display: none;
}

#djcatalog .djc_items {
	margin-top: @JMbaseSpace;
}

// Blog view
// --------------------------

#djcatalog .djc_items,
#djcatalog .djc_related_items {
	.djc_item_row .djc_image {
		margin: 0 0 20px;
		display: inline-block;
		width: 100%;
		img {
			max-width: 100%;
			.box-sizing(border-box);
		}
	}
	.djc_item {
		float: left;
	}
}

#djcatalog .djc_item_row {
	margin-left: -(@JMbaseSpace /2);
	margin-right: -(@JMbaseSpace /2);
	overflow: hidden;
	position: relative;
	margin-bottom: @JMbaseSpace;
	&:before {
		position: absolute;
		content: '';
		width: 100%;
		height: 1px;
		left: @JMbaseSpace;
		right: auto;
		bottom: 0;
		background: @JMborder;
	}
	&:last-child {
		margin-bottom: 0;
		&:before {
			display: none;
		}
	}
}

#djcatalog .djc_items .djc_item_bg,
#djcatalog .djc_related_items .djc_item_bg {
	padding-left: (@JMbaseSpace /2);
	padding-right: (@JMbaseSpace /2);
	margin-bottom: @JMbaseSpace;
}

#djcatalog .djc_item_in {
	text-align: center;
}

//featured
#djcatalog .djc_items,
#djcatalog .djc_related_items  {
	img.djc_featured_image {
		display: none;
	}
	.featured_item .djc_title h3 {
		background-image: url("../images/catalog/featured.png");
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 85px;
	}
}

#djcatalog .djc_items .djc_description,
#djcatalog .djc_items .djc_title,
#djcatalog .djc_related_items .djc_description,
#djcatalog .djc_related_items .djc_title {
	text-align: left;
}

#djcatalog .djc_author,
#djcatalog .djc_date,
#djcatalog .djc_hits {
	small {
		font-size: 100%;
	}
}

//attributes table
#djcatalog .djc_items,
#djcatalog .djc_related_items {
	.djc_item .djc_description  .djc_attributes {
		margin: 10px 0 0;
	}
}


#djcatalog .djc_items .djc_item,
#djcatalog .djc_related_items .djc_item {
	.djc_addtocart,
	.djc_readon {
		margin: 20px 0 0;
		display: inline-block;
		width: auto;
		text-align: center;
	}
}

#djcatalog .djc_addtocart .btn {
	&:hover {
		background: @JMstyleReadmoreBackground;
	}
}

#djcatalog .djc_items,
#djcatalog .djc_related_items {
	.djc_item .djc_addtocart + .clear {
		display: none;
	}
}

#djcatalog .djc_items,
#djcatalog .djc_related_items {
	.djc_item .djc_addtocart + div + .djc_readon {
		margin-left: 10px;
	}
}

// Table
// --------------------------

#djcatalog.djc_list,
#djcatalog.djc_mylist,
#djcatalog .djc_item_variants {
	table.category {
		margin: 0 0 @JMbaseSpace;
		.djc_td_title a {
			font-size: (@JMbaseFontSize) * 1.15;
			font-weight: 700;
			line-height: 1.1;
			display: block;
			&:hover {
				color: @JMstyleLink;
			}
		}
		th {
			padding: 15px 30px 30px;
		}
		td {
			margin: 0 !important;
			padding: 20px;
			text-align: center;
			vertical-align: middle;
		}
		.djc_image {
			padding-left: 0;
			text-align: left;
		}
		.djc_addtocart_cell {
			padding-right: 0;
			text-align: right;
		}
		//featured
		tr.featured_item {
			background: #F6F6F6;
		}
		tr.featured_item img.djc_featured_image {
			display: inline-block;
			margin: 5px 0 0;
		}
	}
}

#djcatalog .djc_items .djc_items_table .djc_image img {
	max-width: none !important;
}

// Producers and Producer
// --------------------------

#djcatalog.djc_producers_list .djc_producer_item .djc_image,
#djcatalog.djc_producer .djc_images {
	img {
		border: 1px solid @JMborder;
		.box-sizing(border-box);
	}
}

#djcatalog.djc_producer .djc_images .djc_thumbnail {
	float: left;
}

// Single Product
// --------------------------

#djcatalog .djc_contact_form,
#djcatalog.djc_item .djc_contact_form_toggler,
#djcatalog.djc_item .djc_item_info,
#djcatalog.djc_item .djc_addtocart,
#djcatalog.djc_item .djc_social_ad,
#djcatalog.djc_item .djc_fulltext,
#djcatalog.djc_item .djc_tabs,
#djcatalog.djc_item .djc_files,
#djcatalog.djc_item .djc_attributes,
#djcatalog.djc_item .djc_location,
#djcatalog.djc_item .djc_comments {
	margin: 0 0 @JMbaseSpace;
}

#djcatalog.djc_item .djc_introtext {
	margin: 0 0 10px;
}

//attributes table
#djcatalog.djc_item .djc_attributes table {
	clear: both;
	max-width: 370px;
}

.nocolumn #djcatalog.djc_item .djc_attributes table {
	clear: none;
	max-width: 600px;
}

.noleft #djcatalog.djc_item .djc_attributes table,
.noright #djcatalog.djc_item .djc_attributes table {
	clear: none;
	max-width: 370px;
}

//featured
#djcatalog.djc_item .djc_title img.djc_featured_image {
	vertical-align: top;
	margin-top: 4px;
	display: inline-block;
}

//edit button
#djcatalog.djc_item .djc_title .btn-mini {
	vertical-align: top;
	margin-top: 4px;
	line-height: 24px;
	font-size: 10px;
}

//thumbnails
#djcatalog.djc_item .djc_images {
	margin-left: 20px;
	margin-bottom: 20px;
	text-align: right;
	max-width: 100%;
}

#djcatalog.djc_item .djc_thumbnails {
	clear: both;
}

#djcatalog.djc_item .djc_thumbnail {
	text-align: center;
}

#djcatalog.djc_item .djc_mainimage,
#djcatalog.djc_item .djc_thumbnail {
	float: left;
	max-width: 100%;
}

#djcatalog.djc_item .djc_thumbnail {
	height: auto !important;
	line-height: normal !important;
	width: auto !important;
}

#djcatalog.djc_item .djc_thumbnail {
	img {
		.opacity(50);
		.transition(all 0.2s ease-in);
	}
	&:hover img {
		.opacity(100);
	}
}

//btn toolbar
#djcatalog .djc_toolbar {
	margin-bottom: @JMbaseSpace;
	* {
		margin-top: 5px;
		&:first-child {
			margin-top: 0;
		}
	}
	input.btn,
	button.btn {
		font-size: @JMbuttonFontSize;
		padding: @JMbuttonPaddingUpDown @JMbuttonPaddingLeftRight;
	}
}

//producers link
#djcatalog a.djc_producer_items_link {
	height: auto;
	line-height: 1.5;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	padding: 0 0 0 12px;
	margin: 0 0 0 7px;
	position: relative;
	background: none;
	border: none;
	letter-spacing: normal;
	vertical-align: top;
	text-transform: none;
	color: @JMstylecol;
	span {
		margin: 0 !important;
	}
	&:hover {
		text-decoration: underline !important;
	}
	&:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		right: auto;
		width: 2px;
		height: 2px;
		background: #8d8d8d;
		margin-top: -1px;
	}
}

#djcatalog.djc_item .djc_category_info,
#djcatalog.djc_item .djc_producer_info,
#djcatalog.djc_item .djc_price {
	small {
		font-size: 100%;
	}
}

//contact form

#djcatalog.djc_item .djc_contact_form {
	clear: both;
	input,
	textarea {
		width: 100%;
		max-width: 400px;
	}
	input.checkbox {
		width: auto;
	}
}

//contact
#djcatalog.djc_item .djc_contact_form {
	legend {
		border: none;
		margin: 0;
		padding: 0;
	}
	legend + .control-group {
		margin-top: 0;
	}
}

#djcatalog.djc_item .djc_contact_form {
	fieldset > div:nth-last-child(2) > div {
		display: inline-block;
	}
	fieldset > div:nth-last-child(2) .controls input {
		vertical-align: middle;
		margin: 0 5px;
	}
}

//location
#djcatalog.djc_item .djc_location {
	.row-fluid {
		margin: 0;
	}
}

#djcatalog.djc_item .djc_files {
	ul,
	.djc_file {
		padding: 0;
		margin: 0;
	}
	.djc_file {
		background: none;
	}
	.djc_file + .djc_file {
		padding: 10px 0 0;
	}
	li .btn {
		padding: 10px;
	}
	li > br {
		display: none;
	}
	.djc_filesize {
		font-size: 12px;
		text-transform: uppercase;
		margin: 0 15px;
	}
}

//navi
#djcatalog .djc_product_top_nav {
	clear: both;
	margin: 0 0 @JMbaseSpace;
}

#djcatalog .djc_product_bottom_nav {
	clear: both;
	margin: 0 0 @JMbaseSpace;
}

#djcatalog .djc_product_top_nav a.djc_prev_btn,
#djcatalog .djc_product_bottom_nav a.djc_prev_btn {
	float: left;
	border-bottom: none;
}

#djcatalog .djc_product_top_nav a.djc_next_btn,
#djcatalog .djc_product_bottom_nav a.djc_next_btn {
	float: right;
	border-bottom: none;
}

// User Products
// --------------------------

#djcatalog .djc_form_toolbar {
	margin-bottom: 10px;
}

#djcatalog.djc_list table.category,
#djcatalog.djc_mylist table.category {
	td {
		vertical-align: middle;
		width: auto;
	}
}

#djcatalog.djc_mylist table.category {
	.djc_button_edit,
	.djc_button_published,
	.djc_button_delete {
		display: block;
		border-bottom: none;
		img {
			vertical-align: top;
		}
	}
}

// Custom attributes table
// --------------------------

#jm-allpage .djc_attributes table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	tr.djc_attribute {
		border: none;
		td {
			padding: 10px;
			border: none;
			border-top: 1px solid @JMborder;
			vertical-align: middle;
		}
		&:first-child td {
			border: none;
		}
		td.djc_label {
			width: 45%;
			padding-left: 0;
			padding-right: 0;
		}
	}
}

// Checkout Cart
// --------------------------

#jm-allpage #djcatalog .djc_cart_table {
	th {
		text-align: center;
	}
	td {
		text-align: center;
		.djc_image {
			display: block;
			margin: 0 0 10px;
		}
	}
	td.djc_td_update_qty {
		padding-left: 5px;
		padding-right: 1px;
		text-align: right;
	}
	td.djc_td_cart_remove {
		padding-left: 1px;
		padding-right: 5px;
		text-align: left;
	}
	tfoot td {
		text-transform: uppercase;
		font-weight: 700;
	}
}

//success override
#jm-allpage #djcatalog .btn-success {
	background: none;
	text-shadow: none;
	border: 1px solid @JMborder;
	color: @JMbuttonFontColor!important;
	font-size: @JMbuttonFontSize;
	font-weight: 300;
	padding: @JMbuttonPaddingUpDown @JMbuttonPaddingLeftRight;
	height: auto;
	line-height: 20px;
	&:hover {
		border: 1px solid transparent;
		color: @JMbuttonFontColorHover!important;
		background: @JMstyleReadmoreBackground;
	}
}

// Map
// --------------------------

#djcatalog .djc_map_wrapper {
	margin: @JMbaseSpace 0 0;
}

// Modules
// --------------------------

// front module
#jm-allpage .djf_mod {
	position: relative;
	.djf_cat h2 {
		font-size: @JMarticleTitleFontSize;
		line-height: 1.1;
		font-weight: 700;
		margin: 0 0 10px;
	}
	h3 {
		color: @JMmoduleTitleFontColor;
		font-size: @JMmoduleTitleFontSize;
		line-height: 1.1;
		font-weight: 700;
		margin: 0 0 @JMbaseSpace;
		a {
			color: @JMmoduleTitleFontColor;
			text-decoration: none;
			&:hover {
				color: @JMstyleLink;
			}
		}
	}
	.djf_gal .djf_cell,
	.djf_img {
		background: none;
		.box-shadow(none);
		padding: 0;
		border: none;
	}
	.djf_gal {
		float: right;
	}
	.djf_gal .djc_col {
		float: left;
		padding: 20px 0 0 20px;
		.opacity(60);
		.transition(all 0.2s ease-in);
		&:hover {
			.opacity(100);
		}
	}
	.djf_gal .djf_row:first-child .djc_col {
		padding-top: 0;
	}
	.djf_img {
		float: left;
		margin: 0;
	}
	.djf_left {
		 margin: 0 @JMbaseSpaceBig 5px 0;
	}
	a.btn {
		margin: @JMbaseSpace 0 0;
		padding: @JMbuttonPaddingUpDown @JMbuttonPaddingLeftRight;
		&:hover {
			background: @JMstyleReadmoreBackground;
		}
	}
	.djf_text + div {
		display: none;
	}
	.djf_pag {
		margin: 5px 0;
		position: absolute;
		bottom: 0;
		left: auto;
		right: 0;
		span {
			margin: 0 0 0 10px;
			background: none;
			border: 1px solid @JMcatalogFrontpagePaginationColor;
			color: @JMcatalogFrontpagePaginationFont;
			font-size: @JMbaseFontSize;
			font-weight: 300;
			padding: 9px 15px;
			line-height: 20px;
			.transition(all 0.2s ease-in);
			.border-radius(3px);
			&:hover,
			&.active {
				border-color: transparent;
				background: @JMstyle;
			}
		}
		span.djcf_next_button,
		span.djcf_prev_button {
			background-repeat: no-repeat;
			background-position: center center;
			width: 20px;
			height: 20px;
		}
		span.djcf_prev_button {
			background-image: url('../images/minus.png');

		}
		span.djcf_next_button {
			background-image: url('../images/plus.png');
		}
	}
}
//dark-ms
#jm-top1 .djf_mod,
#jm-footer-mod .djf_mod {
	h3 {
		color: @JMtopfooterModuleTitleColor;
		a {
			color: @JMtopfooterModuleTitleColor;
		}
	}
	a.btn {
		color: @JMbuttonTopFooterFontColor;
		border: 1px solid @JMborderTopFooter;
		&:hover {
			border: 1px solid transparent;
		}
	}
	.djc_price span {
		color: @JMtopfooterModuleTitleColor;
	}
	.djf_pag {
		span {
			border: 1px solid @JMborderTopFooter;
			color: @JMtopfooterModuleTitleColor;
			&:hover,
			&.active {
				border-color: transparent;
			}
		}
	}
}

#jm-djmenu .djf_mod {
	h3 {
		color: @JMmegamenuModuleTitle;
		a {
			color: @JMmegamenuModuleTitle;
		}
	}
	a.btn {
		color: @JMbuttonMegamenuFontColor;
		border: 1px solid @JMmegamenuSubmenuBorderColor;
		&:hover {
			border: 1px solid transparent;
		}
	}
	.djc_price span {
		color: @JMmegamenuModuleTitle;
	}
	.djf_pag {
		span {
			border: 1px solid @JMmegamenuSubmenuBorderColor;
			color: @JMmegamenuModuleTitle;
			&:hover,
			&.active {
				border-color: transparent;
			}
		}
	}
}

#jm-offcanvas .djf_mod {
	h3 {
		color: @JMoffcanvasModuleTitle;
		a {
			color: @JMoffcanvasModuleTitle;
		}
	}
	a.btn {
		color: @JMbuttonMegamenuFontColor;
		border: 1px solid @JMborderOffcanvas;
		&:hover {
			border: 1px solid transparent;
		}
	}
	.djc_price span {
		color: @JMoffcanvasModuleTitle;
	}
	.djf_pag {
		span {
			border: 1px solid @JMborderOffcanvas;
			color: @JMoffcanvasModuleTitle;
			&:hover,
			&.active {
				border-color: transparent;
			}
		}
	}
}

#jm-top1 .djf_mod {
	margin: 0 0 20px;
}

// Items module
.mod_djc_item {
	margin-top: @JMbaseSpace;
}

.mod_djc_items .items-row {
	margin-bottom: 0;
}

.mod_djc_items .items-row:first-child {
	margin-top: -@JMbaseSpace;
}

.mod_djc_items .djc_image img {
	max-width: 100% !important;
	.box-sizing(border-box);
}

div.mod_djc_item {
	text-align: center;
	.djc_image {
		margin: 0 0 20px;
	}
	.djc_title,
	.djc_description {
		text-align: left;
	}
	.djc_readon {
		margin: 20px 0 0;
	}
	.djc_category_info,
	.djc_producer_info,
	.djc_price {
		padding-bottom: 5px;
	}
	.djc_category_info + .djc_introtext,
	.djc_producer_info + .djc_introtext,
	.djc_price + .djc_introtext {
		margin-top: 5px;
	}
}

div.mod_djc_items {
	.djc_title h4 {
		color:  @JMheadingFontColor;
		font-size: @JMarticleTitleFontSize;
		line-height: 1.1;
		font-weight: 700;
		margin: 0 0 10px;
		a {
			color:  @JMheadingFontColor;
			text-decoration: none;
			&:hover {
				color:  @JMstyleLink;
			}
		}
	}
}

//dark-ms suffix
#jm-top1 div.mod_djc_items,
#jm-footer-mod div.mod_djc_items {
	.djc_title h4 {
		color: @JMtopfooterModuleTitleColor;
		a {
			color: @JMtopfooterModuleTitleColor;
			&:hover {
				color: @JMstyleLink;
			}
		}
	}
	.djc_price span {
		color: @JMtopfooterModuleTitleColor;
	}
}

#jm-djmenu div.mod_djc_items {
	.djc_title h4 {
		color: @JMmegamenuModuleTitle;
		a {
			color: @JMmegamenuModuleTitle;
			&:hover {
				color: @JMstyleLink;
			}
		}
	}
	.djc_price span {
		color: @JMmegamenuModuleTitle;
	}
}

#jm-offcanvas div.mod_djc_items {
	.djc_title h4 {
		color:  @JMoffcanvasModuleTitle;
		a {
			color:  @JMoffcanvasModuleTitle;
			&:hover {
				color: @JMstyleLink;
			}
		}
	}
	.djc_price span {
		color: @JMoffcanvasModuleTitle;
	}
}

// Filters module
.mod_djc2filters {
	h4,
	.mod_djc2filters_group_label {
		color:  @JMheadingFontColor;
		font-size: (@JMarticleTitleFontSize) * 0.8;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	.mod_djc2filters_group_label {
		float: left;
		margin: 7px 0;
		padding: 0;
		font-weight: 900;
	}
	.nav.menu {
		li a {
		 padding: 10px 0;
		 background: none;
		 border: none;
		}
	}
	.control-label {
		display: inline-block;
	}
	.field_reset_button {
		float: right;
		padding: 2px 5px;
		margin: 5px 5px 0;
		line-height: 1;
	}
}

//dark-ms suffix
#jm-top1 div.mod_djc2filters,
#jm-footer-mod div.mod_djc2filters {
	h4,
	.mod_djc2filters_group_label {
		color: @JMtopfooterModuleTitleColor;
	}
}

#jm-djmenu div.mod_djc2filters {
	h4,
	.mod_djc2filters_group_label {
		color: jmlighten(@JMsubmegamenuTextColor, 30%);
	}
}

#jm-offcanvas div.mod_djc2filters {
	h4,
	.mod_djc2filters_group_label {
		color: @JMoffcanvasModuleTitle;
	}
}

// Producers module
select#mod_djc2producers_pid {
	max-width: 100%;
	.box-sizing(border-box);
	margin: 0;
}

form#producersForm {
	margin: 0;
}

// Search module
.djc_mod_search input#mod_djcatsearch {
	margin: 0 5px 0 0;
}

.djc_mod_search input.btn {
	padding: 0 10px;
}

form#DJC2searchForm {
	margin: 0;
}

//cart module
#jm-topbar .mod_djc2cart {
	color: @JMmenuTopbarFontColor;
	font-weight: 300;
	.mod_djc2cart_info,
	.mod_djc2cart_button {
		display: inline-block;
	}
	.mod_djc2cart_button .btn {
		font-size: 10px;
		height: 24px;
		line-height: 1.1;
		padding: 0 15px;
		vertical-align: top;
		margin-left: 10px!important;
		margin-top: 8px;
		span {
			display: inline-block;
			margin-top: 6px;
		}
	}
}

// tabs and accordion
#djcatalog .nav-tabs > li > a {
	cursor: pointer;
}

#djcatalog .accordion-heading .accordion-toggle {
	cursor: pointer;
}

// social buttons code: top, after title, after desc, bottom
.djc_social_t {
	margin: 0 0 10px;
}

.djc_social_at {
	padding: 10px 0 0;
	display: table-cell;
}

.djc_social_ad {
	margin: 0 0 10px;
}

.djc_social_b {
	margin: 20px 0 0 0;
}