//--------------------------------------------------------------
// 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
//---------------------------------------------------------------

// MODULES
//---------------------------------------------------------------

.span0 {
	float: none !important;
}

.span50 {
	float: left !important;
	width: 50% !important;
}

// default modules
// --------------------------

.jm-module {
	margin-bottom: @JMbaseSpace;
	.jm-title {
		font-weight: @JMmoduleTitleFontWeight;
		font-family: @JMmoduleTitleFontFamily;
		font-size: @JMmoduleTitleFontSize;
		line-height: 1.1;
		margin: 0 0 26px;
		color: @JMmoduleTitleFontColor;
		text-transform: uppercase;
	}
}

.moduletable {
	margin: 0 0 20px;
	> h3 {
		font-weight: @JMmoduleTitleFontWeight;
		font-family: @JMmoduleTitleFontFamily;
		font-size: @JMmoduleTitleFontSize;
		margin: 0 0 20px;
		color: @JMmoduleTitleFontColor;
	}
}

//sections
#jm-header {
	.jm-module .jm-title,
	.moduletable > h3 {
		color: @JMheaderModuleTitle;
	}
}

#jm-top1 {
	.jm-module .jm-title,
	.moduletable > h3 {
		color: @JMtop1ModuleTitle;
	}
}

#jm-top2 {
	.jm-module .jm-title,
	.moduletable > h3 {
		color: @JMtop2ModuleTitle;
	}
}

#jm-top3 {
	.jm-module .jm-title,
	.moduletable > h3 {
		color: @JMtop3ModuleTitle;
	}
}

#jm-bottom1 {
	.jm-module .jm-title,
	.moduletable > h3 {
		color: @JMbottom1ModuleTitle;
	}
}

#jm-bottom2 {
	.jm-module .jm-title,
	.moduletable > h3 {
		color: @JMbottom2ModuleTitle;
	}
}

#jm-bottom3 {
	.jm-module .jm-title,
	.moduletable > h3 {
		color: @JMbottom3ModuleTitle;
	}
}

#jm-footer-mod {
	.jm-module .jm-title,
	.moduletable > h3 {
		color: @JMfooterModuleTitle;
	}
}

//color-ms
.jm-module.color-ms {
	a {
		color: inherit;
	}
}

#jm-allpage .jm-module.color-ms {
	padding: @JMbaseSpace;
	background: @JMcolormsBackground;
	color: @JMcolormsFontColor;
	.jm-title {
		color: @JMcolormsModuleTitle;
	}
}

//white-ms
#jm-allpage .jm-module.white-ms {
	padding: @JMbaseSpace;
	background: @JMwhitemsBackground;
	color: @JMwhitemsFontColor;
	border: 1px solid @JMborder;
	.jm-title {
		color: @JMwhitemsModuleTitle;
	}
}

//center-ms
.jm-module.center-ms {
	.jm-title {
		font-size: @JMcentermsFontSize;
		text-align: center;
		margin: 0 0 36px;
	}
}

.jm-module iframe {
	max-width: 100%;
	box-sizing: border-box;
}

//logout topbar
#jm-top-bar {
	form {
		margin: 0;
	}
	div.login-greeting,
	.logout-button {
		display: inline-block;
	}
	.logout-button .btn {
		font-size: 9px;
		height: 22px;
		line-height: 20px;
		padding: 0 5px;
		margin-left: 10px !important;
	}
}

//jmmoduleraw
.jm-module-raw {
	float: left;
	margin-right: 20px;
}

//top-menu
#jm-top-menu {
	.jm-module-raw {
		float: right;
		margin-left: 20px;
		margin-right: 0;
		&:first-child {
			margin-left: 0;
		}
	}
}

//topbar2
#jm-top-bar2 {
	.jm-module-raw {
		float: right;
		margin-left: 20px;
		margin-right: 0;
	}
}

//header
#jm-header-content .jm-module:first-child {
	margin-top: @JMbaseSpace;
}

#jm-header-bg .jm-module-raw {
	float: none;
	margin: 0;
}

//margin
.jm-module.margin-ms {
	margin: 0 !important;
}

.jm-module-raw.margin-ms {
	margin: 0 !important;
}

//module with class menu
.jm-module.nav.menu {
	margin-bottom: @JMbaseSpace;
}

//hide offcanvasbutton
.toggle-nav.menu {
	display: none;
}
#jm-maincontent .toggle-nav.menu {
	display: block;
}

//contact-ps
#jm-allpage .contact-ps {
	.well {
		border: none;
		background: none;
		padding: 0;
	}
	h3,
	form#contact-form > fieldset > legend,
	> .contact-address.dl-horizontal {
		display: none;
	}
	> h3:first-child {
		display: block;
		font-size: @JMarticleTitleFontSize;
		line-height: 1.1;
		font-weight: @JMarticleTitleFontWeight;
		margin: 0;
	}
	.form-horizontal .control-label {
		float: none;
		width: auto;
		text-align: inherit;
		padding: 0;
		label {
			margin: 0 0 10px;
		}
	}
	.form-horizontal .controls {
		margin: 0;
	}
	.form-actions {
		background: none;
		border: none;
		padding: 0;
	}
}

// custom html
// ----------------------------------

// topbar contact
// --------------------------

.jm-top-contact {
	margin: -10px -10px 0;
	.cf();
	.item {
		float: left;
		padding: 10px 10px 0;
		.box-sizing(border-box);
		a {
			color: @JMtopbarFontColor;
			&:hover {
				color: @JMstyleLink;
				text-decoration: none;
			}
		}
	}
	[class^="icon-"], [class*=" icon-"] {
		line-height: 1;
	}
}

// search-ms
// --------------------------

#jm-allpage .search-ms {
	form {
		text-align: center;
		margin: 0 0 @JMbaseSpace;
		.search-query {
			width: 100%;
			max-width: @JMsearchWidth;
		}
		.btn {
			margin-left: -2px;
			font-size: 0;
			position: relative;
			[class^="icon-"], [class*=" icon-"] {
				font-size: @JMbuttonFontSize;
			}
		}
	}
	#mod-finder-advanced {
		padding-top: @JMbaseSpace;
	}
}

// article category
// --------------------------

.jm-category-module {
	margin: -(@JMbaseSpace * 2) -(@JMbaseSpace /2) 0;
	li {
		background-image: none;
		padding: 0 (@JMbaseSpace /2);
		margin: @JMbaseSpace 0 0;
		float: left;
		.box-sizing(border-box);
		width: 100%;
		.item-in {
			padding-top: @JMbaseSpace;
			border-top: 1px solid @JMborder;
		}
		p {
			line-height: @JMbaseLineHeight;
		}
		&:first-child {
			.item-in {
				border-top: none;
			}
		}
	}
	.item-in {
		display: table;
	}
	.mod-article-image {
		display: table-cell;
		padding: 0 20px 0 0;
		vertical-align: top;
		img {
			max-width: none;
		}
	}
	.description {
		display: table-cell;
		vertical-align: top;
	}
	.mod-articles-category-title {
		font-family: @JMmoduleTitleFontFamily;
		line-height: 1.4;
		color: @JMmoduleTitleFontColor;
		text-decoration: none;
		display: block;
		margin: 0 0 5px;
	}
	a.mod-articles-category-title:hover {
		color: @JMstyleLink;
	}
	.mod-articles-category-date {
		display: block;
	}
	.mod-articles-category-introtext {
		margin-top: 15px;
	}
	.readmore {
		display: block;
	}
}

.col2 .jm-category-module {
	li {
		width: 50%;
		&:nth-child(2) {
			.item-in {
				border-top: none;
			}
		}
		&:nth-child(odd) {
			clear: both;
		}
	}
}

.col3 .jm-category-module {
	li {
		width: 33.3%;
		&:nth-child(2),
		&:nth-child(3) {
			.item-in {
				border-top: none;
			}
		}
		&:nth-child(4n+1) {
			clear: both;
		}
	}
}

.col4 .jm-category-module {
	li {
		width: 25%;
		&:nth-child(2),
		&:nth-child(3),
		&:nth-child(4) {
			.item-in {
				border-top: none;
			}
		}
		&:nth-child(5n+1) {
			clear: both;
		}
	}
}

.article-ms {
	.jm-category-module {
		margin-top: -(@JMbaseSpace);
		li .item-in {
			border: none;
			padding: 0;
		}
		.mod-article-image {
			img {
				background-color: @JMstyle;
				.border-radius(2px);
			}
		}
		.mod-articles-category-title {
			font-size: 120%;
			line-height: 1.1;
			margin: 0 0 32px;
			position: relative;
			float: left;
			&:before,
			&:after {
				content: '';
				position: absolute;
				height: 1px;
				width: 70px;
				background: @JMborder;
				left: 0;
				right: auto;
			}
			&:before {
				bottom: -18px;
			}
			&:after {
				bottom: -21px;
			}
		}
		.mod-articles-category-title + * {
			clear: both;
		}
	}
}

// counter
// --------------------------

.jm-counter,
#jm-allpage .jmm-counter.default {
	margin-top: -(@JMbaseSpace);
	text-align: center;
	color: @JMmoduleTitleFontColor;
	.box {
		margin-top: @JMbaseSpace;
	}
	[class^="icon-"], [class*=" icon-"] {
		display: block;
		line-height: 1;
		margin: 0 0 20px;
		&:before {
			display: block;
			text-align: center;
			font-size: @JMcountIconSize;
			line-height: 1;
		}
	}
	.number,
	.jm-count {
		display: block;
		font-weight: 700;
		font-size: @JMcountNumberFontSize;
		line-height: 1;
		margin: 0 0 5px;
	}
	.title,
	.jmm-subtitle {
		line-height: 1.1;
		font-family: @JMmoduleTitleFontFamily;
		text-transform: uppercase;
		color: currentColor;
		&:hover {
			color: @JMstyle;
			text-decoration: none;
		}
	}
}

//dark
#jm-top3,
#jm-bottom1,
#jm-footer-mod {
	.jm-counter,
	.jmm-counter.default {
		color: @JMtop3ModuleTitle;
	}
}

// social icons
// --------------------------

.jm-social {
	margin: -5px -5px 0;
	a {
		display: inline-block;
		vertical-align: top;
		text-decoration: none!important;
		width: @JMsocialIconWidth;
		height: @JMsocialIconHeight;
		margin: 5px 5px 0;
		.transition(all 0.3s ease-in-out);
		color: currentColor;
		background-color: @JMsocialBackground;
		background-position: center center;
		background-repeat: no-repeat;
		font-size: 0;
	}
	a:hover {
		background-color: @JMstyle;
	}
	a.jm-facebook {
		background-image: url('../images/social/facebook-white.png');
	}
	a.jm-twitter {
		background-image: url('../images/social/twitter-white.png');
	}
	a.jm-link {
		background-image: url('../images/social/link-white.png');
	}
	a.jm-skype {
		background-image: url('../images/social/skype-white.png');
	}
}

#jm-allpage .jmm-social.default {
	text-align: initial;
	.jmm-link .jmm-ico {
		color: @white;
		background: @JMsocialBackground;
		font-size: 20px;
		line-height: 40px;
		width: 40px;
		height: 40px;
	}
	.jmm-link:hover .jmm-ico {
		background-color: @JMstyle;
	}
}

// Pricing
// --------------------------

.jm-pricing {
	margin: 0 -(@JMbaseSpace /2);
	.box {
		float: left;
		margin: ((@JMpricingPriceSize /2) + 10) 0 0;
		padding: 0 (@JMbaseSpace /2);
		.box-sizing(border-box);
		position: relative;
	}
	&.col1 .box {
		width: 100%;
	}
	&.col2 .box {
		width: 50%;
	}
	&.col3 .box {
		width: 33%;
	}
	&.col4 .box {
		width: 25%;
	}
	.price {
		position: absolute;
		top: -(@JMpricingPriceSize /2);
		left: 50%;
		right: auto;
		.translateX(-50%);
		background: @JMstyle;
		.border-radius(100%);
		width: @JMpricingPriceSize;
		height: @JMpricingPriceSize;
		padding-top: @JMpricingPriceTopSpace;
		.box-sizing(border-box);
		span {
			display: block;
			color: @JMpricingPriceFontColor;
			text-align: center;
		}
		.up,
		.down {
			font-size: @JMpricingPriceUpDownFontSize;
			line-height: 1.1;
		}
		.middle {
			font-size: @JMpricingPriceMiddleFontSize;
			font-weight: bold;
			line-height: 1.2;
		}
	}
	.title {
		background: @JMpricingTitleBackground;
		padding-top: ((@JMpricingPriceSize /2) + 15px);
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 20px;
		color: @JMpricingTitleFontColor;
		text-transform: uppercase;
		text-align: center;
		font-size: 26px;
		font-weight: bold;
	}
	.content {
		background: @JMpricingContentBackground;
		padding: 20px;
		border-left: 1px solid @JMborder;
		border-right: 1px solid @JMborder;
		.box-sizing(border-box);
	}
	.subtitle {
		font-size: 20px;
		color: @JMmoduleTitleFontColor;
		text-transform: uppercase;
		font-weight: 400;
		margin: 0 0 15px;
	}
	.bottom {
		background: @JMpricingBottomBackground;
		padding: 20px;
		text-align: center;
	}
}

// DJ-Simple-Contact-form
// --------------------------

#jm-allpage .dj-simple-contact-form {
	form {
		margin: 0;
	}
	.dj-simple-contact-form-introtext {
		display: block;
		margin: 0 0 15px;
	}
	.inputbox {
		height: @JMinputHeight;
		line-height: @baseLineHeight;
		margin: 0 0 20px;
	}
	.name,
	.email {
		width: 50%;
		float: left;
		.box-sizing(border-box);
	}
	.name + .email {
		padding-left: 20px;
	}
	.dj-simple-contact-form textarea {
		height: auto;
		min-height: 145px;
	}
	.button-box {
		margin: 20px 0 0;
		text-align: right;
	}
}

// mapX
// --------------------------

.sitemap {
	ul {
		margin-bottom: @JMbaseSpace;
	}
	ul ul {
		padding-left: @JMbaseSpace;
		margin-bottom: 10px;
	}
}

// JM Intro Articles
// --------------------------

.jm-category-module.override {
	margin-left: 0;
	margin-right: 0;
}

.jm-category-module.override .mod-article-image.pull-left {
	margin-right: 0;
}

.jm-category-module.override .jmm-row:after {
	content: "";
	display: table;
	clear: both;
}

.jm-category-module.override .jmm-rows {
	margin: 0 -15px;
}

.jm-category-module.override .jmm-rows > div > .jmm-item {
	float: left;
	margin-top: 30px;
	padding: 30px 15px 0;
	box-sizing: border-box;
	position: relative;
	&:before {
		content: '';
		position: absolute;
		top: 0;
		left: 15px;
		right: 15px;
		width: calc(~"100% - 30px");
		height: 1px;
		background: @JMborder;
	}
}

.jm-category-module.override .jmm-rows .row-0 {
	.jmm-item {
		&:before {
			display: none;
		}
	}
}

.article-ms .jm-category-module.override .jmm-rows > div > .jmm-item {
	margin-top: 0;
	&:before {
		display: none;
	}
}

html[dir='rtl'] .jm-category-module.override .jmm-rows > div > .jmm-item {
	float: right;
}

.jm-category-module.override .jmm-rows.rows-1 > div > .jmm-item {
	width: 100%;
}

.jm-category-module.override .jmm-rows.rows-2 > div > .jmm-item {
	width: 50%;
}

.jm-category-module.override .jmm-rows.rows-3 > div > .jmm-item {
	width: 33.33%;
}

.jm-category-module.override .jmm-rows.rows-4 > div > .jmm-item {
	width: 25%;
}

.jm-category-module.override .jmm-rows.rows-5 > div > .jmm-item {
	width: 20%;
}

.jm-category-module.override .jmm-rows.rows-6 > div > .jmm-item {
	width: 16.66%;
}

.jm-category-module.override .jmm-rows.rows-7 > div > .jmm-item {
	width: 14.28%;
}

.jm-category-module.override .jmm-rows.rows-8 > div > .jmm-item {
	width: 12.5%;
}

.jm-category-module.override .jmm-rows.rows-9 > div > .jmm-item {
	width: 11.11%;
}

.jm-category-module.override .jmm-rows.rows-10 > div > .jmm-item {
	width: 10%;
}

.jm-category-module.override .jmm-rows.rows-11 > div > .jmm-item {
	width: 9.09%;
}

.jm-category-module.override .jmm-rows.rows-12 > div > .jmm-item {
	width: 8.33%;
}

@media (max-width: 767px) {
	.jm-category-module.override .jmm-rows[class*='rows-'] > div > .jmm-item {
		width: 100%;
	}
}

/* item */

.jm-category-module.override .jmm-text span {
	display: block;
}

.jm-category-module.override .jmm-text .jmm-title {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 5px;
}

.jm-category-module.override .jmm-text .jmm-hits,
.jm-category-module.override .jmm-text .jmm-author,
.jm-category-module.override .jmm-text .jmm-category,
.jm-category-module.override .jmm-text .jmm-date {
	font-size: 0.9em;
}

.jm-category-module.override .jmm-text .jmm-date {
	opacity: 0.9;
}

.jm-category-module.override .jmm-intortext {
	margin: 20px 0 0;
	display: inline-block;
	width: 100%;
}

.jm-category-module.override .jmm-readmore {
	margin-top: 5px;
}

/* carousel */

.jm-category-module.override.carousel {
	line-height: inherit;
	margin: -15px;
}

.jm-category-module.override.carousel .jmm-rows {
	margin: 0;
}

.jm-category-module.override.carousel .carousel-indicators {
	padding: 5px;
}

.jm-category-module.override.carousel .carousel-indicators li {
	background: currentColor;
	opacity: 0.6;
	cursor: pointer;
	padding: 0;
	margin: 0 5px;
	width: 10px;
}

.jm-category-module.override.carousel .carousel-indicators .active {
	opacity: 1;
}

.jm-category-module.override.carousel .carousel-control {
	font-size: 15px;
	font-weight: normal;
	line-height: 40px;
}

.jm-category-module.override.carousel .carousel-control.left,
.jm-category-module.override.carousel .carousel-control.right {
	margin: 5px;
}

.jm-category-module.override.carousel .carousel-control .arrow {
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.jm-category-module.override.carousel .carousel-control.left .arrow:before {
	content: "\e079";
}

.jm-category-module.override.carousel .carousel-control.right .arrow:before {
	content: "\e080";
}

html[dir='rtl'] {
	.jm-category-module.override.carousel .carousel-control.left .arrow:before {
		content: "\e080";
	}
	.jm-category-module.override.carousel .carousel-control.right .arrow:before {
		content: "\e079";
	}
}

/* wcag */

.jm-category-module.override .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

