ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / centosnipponia / public_html / nipponiacom2 / caribe / templates / jm-car-dealer-ef4 / less

//--------------------------------------------------------------
// 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 "override/ltr/mixins.less";
@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: 18px;
}

#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: 34px;
  line-height: 1;
  font-weight: 700;
  color: @JMheadingFontColor;
  margin: 0 0 @JMbaseSpace;
}

#djcatalog {
  .djc_items .djc_title h3,
  .djc_related_items .djc_title h3 { 
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    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: 34px;
    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: 34px;
    color: @JMheadingFontColor;
    letter-spacing: 3px;
    line-height: 1;
    margin: 0 0 35px;
  }
}

#djcatalog .djc_subcategories .djc_title h3 {
  font-size: 24px;
  font-weight: 700;
  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: 24px;
	font-weight: 700;
	line-height: 26px;
}

.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: 16px;
	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;
}

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

#djcatalog .djc_filter_list,
#djcatalog .djc_filter_search,
#djcatalog .djc_filter_map_search,
#djcatalog .djc_filter_radius_search {
	li:first-child span {
		vertical-align: middle;
		display: inline-block;
		font-size: 20px;
		font-weight: 900;
		text-transform: uppercase;
		color: @JMtopfooterTextColor;
	}
}

#djcatalog .djc_filter_list .inputbox,
#djcatalog .djc_filter_list select, 
#djcatalog .djc_filter_search .inputbox,
#djcatalog .djc_filter_map_search .inputbox,
#djcatalog .djc_filter_map_search select {
	min-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 + div + .djc_atoz {
	margin-top: -@JMbaseSpace;
}

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

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

//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 {
		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: @JMbuttonDarkmsFontColor;
    border: 1px solid @JMborderDarkms;
    &:hover,
    &.active {
      border: 1px solid transparent;
    }
  }
}

#djcatalog {
  .djc_atoz_list li span span.btn {
    border: 1px solid @JMborderDarkms!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: 18px;
			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 button
#djcatalog.djc_item button#djc_contact_form_button {
	font-size: 16px;
	padding: 15px 25px;
	margin: 0;
	line-height: 20px;
}

#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 .button {
		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: 24px;
    line-height: 1.1;
    font-weight: 700;
    margin: 0 0 10px;
  }
  h3 {
    color: @JMmoduleTitleFontColor;
    font-size: 34px;
    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: 16px;
      font-weight: 300;
      padding: 9px 15px;
      line-height: 20px;
      .transition(all 0.2s ease-in);
      .border-radius(3px);
      &:hover,
      &.active {
        border: 1px solid @JMcatalogFrontpagePaginationFont;
      }
    }
    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,
#jm-djmenu .djf_mod,
#jm-offcanvas .djf_mod {
  h3 {
    color: @JMmoduleDarkmsTitleFontColor;
    a {
      color: @JMmoduleDarkmsTitleFontColor;
    }
  }
  a.btn {
    color: @JMreadmoreDarkmsFontColor;
    border: 1px solid @JMborderDarkms;
    &:hover {
      border: 1px solid transparent;
    }
  }
  .djc_price span {
    color: @JMcatalogFrontpageDarkmsPrice;
  }
  .djf_pag {
    span {
      border: 1px solid @JMcatalogFrontpageDarkmsPaginationColor;
      color: @JMcatalogFrontpageDarkmsPaginationFont;
      &:hover,
      &.active {
        border: 1px solid @JMcatalogFrontpageDarkmsPaginationFont;
      }
    }
  }
}

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

// Items module
.mod_djc_items {
	margin-left: -(@JMbaseSpace /2);
	margin-right: -(@JMbaseSpace /2);
}

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

.mod_djc_item {
	.box-sizing(border-box);
	padding-left: (@JMbaseSpace /2);
	padding-right: (@JMbaseSpace /2);
}

div.mod_djc_item {
	margin-top: @JMbaseSpace;
	text-align: center;
	&:first-child {
		margin-top: 0;
	}
	.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: 24px;
    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,
#jm-djmenu div.mod_djc_items,
#jm-offcanvas div.mod_djc_items {
  .djc_title h4 {
    color:  @JMmoduleDarkmsTitleFontColor;
    a {
      color:  @JMmoduleDarkmsTitleFontColor;
			&:hover {
				color: @JMstyleLink;
			}
    }
  }
  .djc_price span {
    color: @JMcatalogFrontpageDarkmsPrice;
  }
}

// Filters module
.mod_djc2filters {
  h4,
	.mod_djc2filters_group_label {
		color:  @JMheadingFontColor;
		font-size: 20px;
		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,
#jm-djmenu div.mod_djc2filters,
#jm-offcanvas div.mod_djc2filters {
  h4,
	.mod_djc2filters_group_label {
		color:  @JMmoduleDarkmsTitleFontColor;
  }
}

// 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.button {
	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;
}

[+] ..
[-] animated-buttons.less [edit]
[-] bootstrap.less [edit]
[-] bootstrap_responsive.less [edit]
[-] bootstrap_responsive_rtl.less [edit]
[-] bootstrap_rtl.less [edit]
[-] bootstrap_variables.less [edit]
[-] comingsoon.less [edit]
[-] custom.less [edit]
[-] djcatalog.less [edit]
[-] djcatalog_responsive.less [edit]
[-] djcatalog_rtl.less [edit]
[-] djmediatools.less [edit]
[-] djmediatools_responsive.less [edit]
[-] djmediatools_rtl.less [edit]
[-] djmegamenu.less [edit]
[-] djmegamenu_rtl.less [edit]
[-] editor.less [edit]
[-] index.html [edit]
[-] joomla.less [edit]
[-] layout.less [edit]
[-] menus.less [edit]
[-] modules.less [edit]
[-] offcanvas.less [edit]
[-] offline.less [edit]
[+] override
[-] template.less [edit]
[-] template_mixins.less [edit]
[-] template_responsive.less [edit]
[-] template_rtl.less [edit]
[-] template_variables.less [edit]
[-] .htaccess.disabled [edit]