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

// HIGH CONTRAST (black white)
//---------------------------------------------------------------

//focus
a {
	&:hover,
	&:focus {
		outline: 2px dotted @JMlinkFocusColor;
	}
}

body.highcontrast {

	// layout
	background: @JMhcBackground;
	color: @JMhcFontColor;
	#jm-allpage,
	#jm-allpage > div,
	#jm-top-bar,
	#jm-logo-nav,
	#jm-top-menu,
	#jm-footer {
		background: @JMhcBackground;
		color: @JMhcFontColor;
		border: none !important;
		.jm-module {
			.jm-title {
				color: @JMhcFontColor;
			}
		}
	}
	#jm-allpage {
		padding-top: 0 !important;
	}
	#jm-bar {
		position: static;
	}

	&.sticky-bar #jm-bar {
		border-color: @JMhcFontColor;
	}

	//logo-nav
	#jm-logo-sitedesc #jm-logo a {
		color: @JMhcFontColor;
		&:hover {
			color: @JMhcBackground;
			background: @JMhcFontColor;
		}
		img {
			background-color: @JMhcFontColor;
		}
	}

	//links
	a,
	.color-ms a,
	.white-ms	a {
		color: @JMhcFontColor2;
		text-decoration: underline;
		&:hover {
			color: @JMhcBackground;
			background: @JMhcFontColor;
			text-decoration: none;
		}
	}

	//headings
	h1, h2, h3, h4, h5, h6 {
		color: @JMhcFontColor;
		a {
			color: @JMhcFontColor2;
			text-decoration: underline;
			&:hover {
				color: @JMhcBackground;
				background: @JMhcFontColor;
				text-decoration: none;
			}
		}
	}
	#jm-allpage .color-ms,
	#jm-top3,
	#jm-bottom1,
	#jm-footer-mod {
		h1, h2, h3, h4, h5, h6 {
			color: @JMhcFontColor;
			a {
				color: @JMhcFontColor2;
				text-decoration: underline;
				&:hover {
					color: @JMhcBackground;
					background: @JMhcFontColor;
					text-decoration: none;
				}
			}
		}
	}

	//readmore
	#jm-allpage .readmore {
		color: @JMhcFontColor2;
		&:hover {
			color: @JMhcBackground;
			background: @JMhcFontColor;
		}
	}

	#jm-allpage p.readmore {
		background: none;
		&:hover {
			background: none;
		}
	}

	//editor
	.jm-color {
		color: @JMhcFontColor2;
	}
	.jm-block span {
		background: @JMhcFontColor;
		color: @JMhcBackground;
	}
	.jm-block.second span {
		background: @JMhcFontColor2;
	}
	p,
	span {
		&.jmbadge {
			background-image: url("../images/icons/white/badge.png");
		}
		&.jmcalendar {
			background-image: url("../images/icons/white/calendar.png");
		}
		&.jmchat {
			background-image: url("../images/icons/white/chat.png");
		}
		&.jmcheck {
			background-image: url("../images/icons/white/check.png");
		}
		&.jmcloud {
			background-image: url("../images/icons/white/cloud.png");
		}
		&.jmdirection {
			background-image: url("../images/icons/white/direction.png");
		}
		&.jmdivide {
			background-image: url("../images/icons/white/divide.png");
		}
		&.jmerror {
			background-image: url("../images/icons/white/error.png");
		}
		&.jmfire {
			background-image: url("../images/icons/white/fire.png");
		}
		&.jmflag {
			background-image: url("../images/icons/white/flag.png");
		}
		&.jmheart {
			background-image: url("../images/icons/white/heart.png");
		}
		&.jmhome {
			background-image: url("../images/icons/white/home.png");
		}
		&.jminfo {
			background-image: url("../images/icons/white/info.png");
		}
		&.jmlist {
			background-image: url("../images/icons/white/list.png");
		}
		&.jmmail {
			background-image: url("../images/icons/white/mail.png");
		}
		&.jmpeople {
			background-image: url("../images/icons/white/people.png");
		}
		&.jmstar {
			background-image: url("../images/icons/white/star.png");
		}
		&.jmstat {
			background-image: url("../images/icons/white/stat.png");
		}
	}

	//lists
	ul:not([class]),
	ul.jm-arrow,
	ul.jm-arrow2 {
		list-style: disc outside none;
		li {
			padding: 0;
			margin: 0;
			background-image: none;
		}
	}
	#jm-allpage .color-ms,
	#jm-allpage .white-ms	{
		ul:not([class]),
		ul.jm-arrow,
		ul.jm-arrow2 {
			list-style: disc outside none;
			li {
				padding: 0;
				margin: 0;
				background-image: none;
			}
		}
	}

	//megamenu
	.dj-megamenu-override li.dj-up {
		a.dj-up_a {
			color: @JMhcFontColor;
			text-decoration: underline;
			small.subtitle {
				.opacity(100);
			}
		}
		&.active,
		&:hover,
		&.hover  {
			a.dj-up_a {
				text-decoration: none;
				color: @JMhcBackground;
				background: @JMhcFontColor;
			}
		}
	}

	.dj-megamenu-override {
		li {
			div.dj-subwrap {
				div.dj-subwrap-in {
					background: @JMhcFontColor;
					border-color: @JMhcFontColor;
				}
			}
		}
	}

	.dj-megamenu-override .dj-submenu {
		> li {
			> a {
				color: @JMhcBackground;
				text-decoration: underline;
			}
		}
		> li:hover > a,
		> li.hover > a,
		> li.active > a {
			text-decoration: none;
			color: @JMhcFontColor;
			background: @JMhcBackground;
		}
	}

	.dj-megamenu-override .dj-subtree {
		> li > a {
			color: @JMhcBackground;
			background-image: none;
			text-decoration: underline;
		}
		> li:hover > a,
		> li.hover > a,
		> li.active > a {
			text-decoration: none;
			color: @JMhcFontColor;
			background: @JMhcBackground;
		}
	}

	.dj-megamenu-override .multiple_cols .dj-subcol + .dj-subcol:after {
		border-color: @JMhcFontColor;
	}

	.dj-megamenu-override.dj-megamenu-sticky {
		background: @JMhcBackground;
	}

	#jm-allpage {
		.dj-megamenu-offcanvas,
		.dj-megamenu-accordion,
		.dj-megamenu-select {
			.dj-mobile-open-btn {
				color: @JMhcFontColor;
				&:hover {
					color: @JMhcFontColor2;
				}
			}
		}
	}

	//megamenu module
	#jm-allpage .dj-megamenu-override .modules-wrap {
		color: @JMhcBackground;
		.moduletable {
			> h3 {
				color: @JMhcBackground;
			}
		}
	}

	//megamenu menu
	#jm-allpage .dj-megamenu-override .nav.menu {
		li a,
		li span.separator {
			color: @JMhcBackground;
			text-decoration: none;
			background-image: none;
			padding-top: 6px;
			padding-bottom: 6px;
			&:hover,
			&:focus {
				text-decoration: underline;
				color: @JMhcFontColor;
				background: @JMhcBackground;
				text-indent: 5px;
			}
		}
		> li > a,
		> li > span.separator {
			background: none;
			padding-top: 14px;
			padding-bottom: 14px;
			text-indent: 5px;
		}
		li.active > a,
		li.active > span.separator {
			color: @JMhcFontColor;
			background: @JMhcBackground;
			text-indent: 5px;
		}
	}

	//megamenu offcanvas
	.dj-megamenu-offcanvas .dj-mobile-open-btn,
	.dj-megamenu-accordion .dj-mobile-open-btn,
	.dj-megamenu-select .dj-mobile-open-btn {
		color: @JMhcFontColor;
	}
	.dj-offcanvas,
	.dj-offcanvas > div {
		background: @JMhcFontColor;
		color: @JMhcBackground;
	}
	.dj-offcanvas .dj-offcanvas-close-btn {
		color: @JMhcBackground;
	}
	.dj-offcanvas ul li.dj-mobileitem > a {
		background: @JMhcFontColor;
		color: @JMhcBackground;
		border: none;
	}
	.dj-offcanvas ul li.dj-mobileitem:hover > a,
	.dj-offcanvas ul li.dj-mobileitem.active > a {
		background: @JMhcBackground;
		color: @JMhcFontColor;
	}
	.dj-offcanvas ul li.dj-mobileitem.parent > a span.toggler {
		color: @JMhcBackground;
	}
	.dj-offcanvas ul li.dj-mobileitem.parent:hover > a span.toggler,
	.dj-offcanvas ul li.dj-mobileitem.parent.active > a span.toggler	{
		color: @JMhcFontColor;
	}

	//image slider
	#jm-header .slide-desc-bg-override {
		.opacity(100);
		background: @JMhcBackground;
	}
	#jm-header .slide-desc-text-override {
		padding: 20px 30px;
	}
	#jm-header .slide-desc-text-override .slide-title,
	#jm-header .slide-desc-text-override .slide-text	{
		color: @JMhcFontColor;
		text-shadow: none;
		a {
			color: @JMhcFontColor;
			text-decoration: underline;
			&:hover {
				text-decoration: none;
				color: @JMhcBackground;
				background: @JMhcFontColor;
			}
		}
	}
	.slide-desc-bg-override {
		.opacity(100);
		background: @JMhcBackground;
	}
	.slide-desc-text-override .slide-title,
	.slide-desc-text-override .slide-text {
		color:@JMhcFontColor;
		a {
			color: @JMhcFontColor;
			text-decoration: underline;
			&:hover {
				text-decoration: none;
				color: @JMhcBackground;
				background: @JMhcFontColor;
			}
		}
	}
	.djslider-override a.readmore {
		color: @JMhcFontColor;
		text-decoration: underline;
		&:hover {
			text-decoration: none;
			color: @JMhcBackground;
			background: @JMhcFontColor;
		}
	}
	.djslider-override .load-button {
		background: @JMhcFontColor;
		.opacity(100);
	}
	.djslider-override .load-button-active {
		background: @JMstyle;
	}
	.djslider-override .navigation-numbers .load-button {
		color: @JMhcBackground;
	}

	//modules
	#jm-allpage .jm-module.white-ms,
	#jm-allpage .jm-module.color-ms	{
		background: @JMhcBackground;
		color: @JMhcFontColor;
		border: 1px solid @JMhcFontColor;
	}

	//custom & joomla modules
	.jm-category-module {
		li {
			.item-in {
				border-color: @JMhcFontColor;
			}
		}
		.mod-articles-category-title {
			color: @JMhcFontColor;
		}
		a.mod-articles-category-title {
			text-decoration: underline;
		}
		a.mod-articles-category-title:hover {
			text-decoration: none;
			color: @JMhcBackground;
			background: @JMhcFontColor;
		}
	}

	.article-ms {
		.jm-category-module {
			.mod-article-image {
				img {
					background-color: transparent;
				}
			}
			.mod-articles-category-title {
				&:before,
				&:after {
					background: @JMhcFontColor;
				}
			}
		}
	}

	.newsflash .newsflash-title {
		color: @JMhcFontColor;
		a {
			color: @JMhcFontColor;
			text-decoration: underline;
			&:hover {
				text-decoration: none;
				color: @JMhcBackground;
				background: @JMhcFontColor;
			}
		}
	}
	.jm-social a {
		color: @JMhcFontColor;
		background: none;
		font-size: @JMbaseFontSize;
		width: auto;
		height: auto;
		text-decoration: underline !important;
		&:hover {
			text-decoration: none !important;
			color: @JMhcBackground;
			background: @JMhcFontColor;
		}
	}
	.dj-offcanvas .jm-social a {
		color: @JMhcBackground;
	}

	#jm-allpage .jmm-social.default {
		.jmm-link .jmm-ico {
			color: @JMhcBackground;
			background: @JMhcFontColor;
		}
		.jmm-link:hover .jmm-ico {
			background-color: @JMhcFontColor2;
		}
	}

	.jm-pricing {
		.price {
			background: @JMhcFontColor2;
			span {
				color: @JMhcBackground;
			}
		}
		.title {
			background: @JMhcFontColor;
			color: @JMhcBackground;
		}
		.content {
			background: @JMhcBackground;
			border-color: @JMhcFontColor;
		}
		.subtitle {
			color: @JMhcFontColor2;
		}
		.bottom {
			background: @JMhcBackground;
			border: 1px solid @JMhcFontColor;
		}
	}

	.jm-counter,
	#jm-allpage .jmm-counter.default {
		color: @JMhcFontColor;
	}
	#jm-top3,
	#jm-bottom1,
	#jm-footer-mod {
		.jm-counter,
		.jmm-counter.default {
			color: @JMhcFontColor;
		}
	}

	//menus
	.nav.menu,
	#jm-allpage .color-ms .nav.menu,
	#jm-allpage .white-ms .nav.menu,
	#jm-top3 .nav.menu,
	#jm-bottom1 .nav.menu,
	#jm-footer-mod .nav.menu {
		//all elements
		li a,
		li span.separator {
			color: @JMhcFontColor;
			text-decoration: underline;
			background-image: none;
			border-color: @JMhcFontColor;
			padding-top: 6px;
			padding-bottom: 6px;
			&:hover,
			&:focus {
				color: @JMhcBackground;
				background: @JMhcFontColor;
				text-indent: 5px;
			}
		}
		button {
			color: @JMhcFontColor;
			text-decoration: underline;
			background-image: none;
			border-color: @JMhcFontColor;
			padding-top: 6px;
			padding-bottom: 6px;
			&:hover,
			&:focus {
				color: @JMhcBackground !important;
				background: @JMhcFontColor !important;
			}
		}
		> li > a,
		> li > span.separator {
			background: none;
			padding-top: 14px;
			padding-bottom: 14px;
		}
		li.active > a,
		li.active > span.separator {
			color: @JMhcBackground;
			background: @JMhcFontColor;
			text-indent: 5px;
		}
		> li.parent > ul {
			margin-top: 0;
		}
	}

	.nav.menu {
		li a img {
			background-color: @JMhcFontColor;
			padding: 2px;
		}
	}

	//classic-ms
	#jm-allpage .jm-module {
		&.classic-ms .nav.menu,
		.nav.menu.classic-ms {
			> li > a,
			> li > span.separator {
				color: @JMhcFontColor;
				&:hover,
				&:focus {
					color: @JMhcBackground;
					background: @JMhcFontColor !important;
					text-indent: 5px;
				}
			}
		}
	}

	//top-bar menu
	.jm-top-contact .item a {
		color: @JMhcFontColor;
		&:hover {
			color: @JMhcBackground;
			background: @JMhcFontColor;
		}
	}

	#jm-top-bar .nav.menu {
		> li {
			border: none;
		}
		li a,
		li span.separator {
			&:hover,
			&:focus {
				text-decoration: none;
				color: @JMhcBackground;
				background: @JMhcFontColor;
				text-indent: 0;
			}
		}
	}

	//high contrast buttons
	#jm-allpage #jm-page-settings {
		.nav.menu {
			.contrast {
				button {
					border-color: @JMhcFontColor;
					&:hover,
					&:focus {
						background: @JMhcFontColor;
					}
				}
				.jm-highcontrast {
					&:hover,
					&:focus {
						background: @JMhcFontColor;
						color: @JMhcBackground;
					}
				}
				.jm-highcontrast2 {
					&:hover,
					&:focus {
						background: @JMhc2FontColor;
						color: @JMhc2Background;
					}
				}
				.jm-highcontrast3 {
					&:hover,
					&:focus {
						background: @JMhc3FontColor;
						color: @JMhc3Background;
					}
				}

			}
			.day-night {
				li + li {
					border: none;
				}
				button {
					&:hover,
					&:focus {
						background: @JMhcFontColor;
					}
				}
			}
			.container-width {
				button {
					[class^="icon-"], [class*=" icon-"] {
						border-color: @JMhcFontColor;
					}
					&:hover,
					&:focus {
						background: @JMhcFontColor;
					}
				}
			}
			.resizer {
				button {
					&:hover,
					&:focus {
						background: @JMhcFontColor;
					}
				}
			}
		}
	}

	//skip-ms
	#jm-allpage #jm-top-bar .skip-ms {
		.nav.menu {
			> li > a {
				color: @JMhcBackground;
				background: @JMhcFontColor2;
				&:hover,
				&:focus {
					color: @JMhcBackground;
					background: @JMhcFontColor2;
					text-indent: 0;
				}
			}
		}
	}

	//copyright
	#jm-copyrights, #jm-poweredby {
		color: @JMhcFontColor;
		a {
			color: @JMhcFontColor;
			text-decoration: underline;
			&:hover {
				text-decoration: none;
				color: @JMhcBackground;
				background: @JMhcFontColor;
			}
		}
	}

	#jm-sitemap .nav.menu {
		> li > a,
		> li > span.separator {
			color: @JMhcFontColor2;
			background: none;
			text-decoration: none;
			&:hover {
				text-decoration: underline;
				color: @JMhcBackground;
				background: @JMhcFontColor;
			}
		}
		li.active > a,
		li.active > span.separator {
			text-decoration: none;
			color: @JMhcBackground;
			background: @JMhcFontColor;
		}
	}

	//bootstrap

	//buttons
	#jm-allpage {
		.btn,
		a.button,
		input.button,
		button.button {
			background: @JMhcFontColor;
			border-color: @JMhcFontColor;
			color: @JMhcBackground;
			&:hover,
			&:focus,
			&:active,
			&.active {
				background: @JMhcBackground;
				color: @JMhcFontColor;
			}
		}
	}

	a.btn,
	a.button {
		text-decoration: none;
	}

	//input
	#jm-allpage {
		select,
		textarea,
		input[type="text"],
		input[type="password"],
		input[type="datetime"],
		input[type="datetime-local"],
		input[type="date"],
		input[type="month"],
		input[type="time"],
		input[type="week"],
		input[type="number"],
		input[type="email"],
		input[type="url"],
		input[type="search"],
		input[type="tel"],
		input[type="color"],
		.uneditable-input {
			border-color: @JMhcFontColor;
			color: @JMhcFontColor;
			background: @JMhcBackground;
			&:focus {
				border-color: @JMhcFontColor2;
			}
		}
	}
	input,
	textarea {
		.placeholder(@JMhcFontColor);
	}

	//chzn
	#jm-allpage {
		.chzn-container-single .chzn-single,
		.chzn-container-multi .chzn-choices {
			border-color: @JMhcFontColor;
			color: @JMhcFontColor;
			background: @JMhcBackground;
		}
		.chzn-container .chzn-drop {
			border-color: @JMhcFontColor;
			background: @JMhcBackground;
		}
		.chzn-container-multi .chzn-choices .search-field input.default {
			color: @JMhcFontColor;
		}
		.chzn-container-multi .chzn-choices .search-choice {
			color: @JMhcFontColor;
			border-color: @JMhcFontColor;
			background: @JMhcBackground;
		}
	}


	//article info
	dl.article-info {
		color: @JMhcFontColor;
	}

	//tabs
	.nav-tabs > li > a,
	dl.tabs > dt a {
		color: @JMhcFontColor;
		background: @JMhcBackground;
		&:hover,
		&:focus {
			color: @JMhcFontColor;
			background: @JMhcBackground;
		}
	}
	.nav-tabs > li.active > a,
	dl.tabs > dt.open a {
		color: @JMhcFontColor2;
		background: @JMhcBackground;
	}
	dd.tabs,
	.tab-content {
		background: @JMhcBackground;
	}

	//nav stacked
	.nav-tabs.nav-stacked > li > a {
		border-color: @JMhcFontColor;
	}

	//accordion
	.accordion-heading .accordion-toggle,
	.pane-sliders h3.title a {
		color: @JMhcFontColor;
		&:focus,
		&:hover {
			color: @JMhcFontColor2;
		}
	}
	.accordion-heading .accordion-toggle,
	.pane-sliders h3.title a {
		&:after {
			background-image: url('../images/plus-white.png');
		}
	}

	.pane-sliders h3.title.pane-toggler-down a:after {
		background-image: url('../images/minus-white.png');
	}

	//well
	.well {
		border: none;
		background: none;
	}

	//dropdown
	.dropdown-menu {
		background: @JMhcBackground;
		border-color: @JMhcFontColor;
	}

	//legend
	legend	{
		color: @JMhcFontColor;
		border-color: @JMhcFontColor;
	}

	//table
	.table,
	table.category
	{
		th,
		td {
			border-color: @JMhcFontColor;
		}
		th {
			background: @JMhcFontColor;
			color: @JMhcBackground;
			a {
				color: @JMhcBackground;
				text-decoration: underline;
				&:hover {
					text-decoration: none;
				}
			}
		}
	}

	//pager
	.pager li > a,
	.pager li > span {
		color: @JMhcBackground;
		background: @JMhcFontColor;
		border-color: @JMhcFontColor;
		text-decoration: none;
	}
	.pager li > a:hover,
	.pager li > a:focus {
		color: @JMhcFontColor;
		background: @JMhcBackground;
	}

	//pagination
	.pagination ul > li > a,
	.pagination ul > li > span {
		color: @JMhcFontColor;
		background: none;
		border-color: @JMhcFontColor;
		&:hover {
			color: @JMhcFontColor;
			background: @JMhcBackground;
		}
	}
	//active = selected
	.pagination ul > li.active > a,
	.pagination ul > li > span.pagenav {
		color: @JMhcBackground;
		background: @JMhcFontColor;
	}
	//inactive
	.pagination {
		ul li.pagination-start span.pagenav,
		ul li.pagination-prev span.pagenav,
		ul li.pagination-next span.pagenav,
		ul li.pagination-end span.pagenav {
			border-color: transparent;
			background: none;
			color: @JMhcFontColor;
			&:hover {
				color: @JMhcFontColor;
				background: none;
			}
		}
	}
	//hover
	.pagination {
		ul li.pagination-start a,
		ul li.pagination-prev a,
		ul li.pagination-next a,
		ul li.pagination-end a {
			border-color: transparent;
			color: @JMhcFontColor;
			background: none;
			&:hover {
				color: @JMhcBackground;
				background: @JMhcFontColor;
			}
		}
	}
	.pagination ul > li > a:hover,
	.pagination ul > li > a:focus,
	.pagination ul > .active > a,
	.pagination ul > .active > span {
		color: @JMhcBackground!important;
		background: @JMhcFontColor;
	}
	.pagination ul > .active > a,
	.pagination ul > .active > span {
		color: @JMhcBackground;
		background: @JMhcFontColor;
	}

	//lable-badges
	.label-info[href], .badge-info[href],
	.label-info, .badge-info {
		color: @JMhcBackground!important;
		background: @JMhcFontColor;
		text-decoration: none;
		&:hover {
			background: @JMhcFontColor;
			text-decoration: underline;
		}
	}

	//caption
	p.img_caption {
		border-color: @JMhcFontColor;
	}

	//articles separator
	.items-leading div[class*="leading-"],
	.items-row,
	.archive-items > div {
		border-color: @JMhcFontColor;
	}

	//caret
	.caret {
		border-top-color: @JMhcBackground;
	}
	.btn {
		&:hover,
		&:focus,
		.active {
			.caret {
				border-top-color: @JMhcFontColor;
			}
		}
	}

	//finder
	span.highlight {
			color: @JMhcBackground;
			background-color: @JMhcFontColor2;
	}

	//joomla tooltip
	.tip-wrap {
		.tip {
		color: @JMhcBackground;
		background-color: @JMhcFontColor;
		}
		.tip-top {
			border-bottom-color: @JMhcFontColor;
		}
		.tip-title {
			color: @JMhcBackground;
		}
		.tip-text {
			color: @JMhcBackground;
		}
	}

	.tooltip {
		&.in     { .opacity(100); }
	}

	// Wrapper for the tooltip content
	.tooltip-inner {
		color: @JMhcBackground;
		background-color: @JMhcFontColor;
	}
	.tooltip {
		&.top .tooltip-arrow {
			border-top-color: @JMhcFontColor;
		}
		&.right .tooltip-arrow {
			border-right-color: @JMhcFontColor;
		}
		&.left .tooltip-arrow {
			border-left-color: @JMhcFontColor;
		}
		&.bottom .tooltip-arrow {
			border-bottom-color: @JMhcFontColor;
		}
	}

	//registration fields star
	strong.red,
	span.star {
		color: @JMhcFontColor2;
	}

	//end wrap
}
