// Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

//
// Component: Contrast
//
// ========================================================================


// Base
// ========================================================================

.hook-contrast-base-code() {}


// Nav
// ========================================================================

.hook-contrast-nav-side() {}
.hook-contrast-nav-side-hover() {}
.hook-contrast-nav-side-active() {}
.hook-contrast-nav-side-header() {}
.hook-contrast-nav-side-divider() {}


// Subnav
// ========================================================================

.hook-contrast-subnav() {}
.hook-contrast-subnav-hover() {}
.hook-contrast-subnav-active() {}
.hook-contrast-subnav-line-divider() {}
.hook-contrast-subnav-pill-hover() {}
.hook-contrast-subnav-pill-active() {}


// List
// ========================================================================

.hook-contrast-list-line() {}

// Form
// ========================================================================

.hook-contrast-form() {}
.hook-contrast-form-focus() {}


// Button
// ========================================================================

.hook-contrast-button() {
	position: relative;
	border: 1px solid #171616;
	-moz-box-shadow: inset 0 1px 1px #666;
	-webkit-box-shadow: inset 0 1px 1px #666;
	box-shadow: inset 0 1px 1px #666;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3MTcxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI3MjcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #171717 0%, #272727 100%);
	background-image: -o-linear-gradient(bottom, #171717 0%, #272727 100%);
	background-image: -webkit-linear-gradient(bottom, #171717 0%, #272727 100%);
	background-image: linear-gradient(bottom, #171717 0%, #272727 100%);
	text-shadow: 0 1px 1px rgba(0,0,0,.75);
	color: @contrast-color;
}

.hook-contrast-button-hover() {
	background-color: #282727;
	border: 1px solid #171616;
	-moz-box-shadow: inset 0 1px 1px #666;
	-webkit-box-shadow: inset 0 1px 1px #666;
	box-shadow: inset 0 1px 1px #666;
	background-image: none;
	text-shadow: none;
}
.hook-contrast-button-active() {
	background-color: #282727;
	border: 1px solid rgb(11, 10, 10);
	-moz-box-shadow: inset 0px 1px 4px rgb(0, 0, 0);
	-webkit-box-shadow: inset 0px 1px 4px rgb(0, 0, 0);
	box-shadow: inset 0px 1px 4px rgb(0, 0, 0);
	background-image: none;
	text-shadow: none;
}
.hook-contrast-button-primary() {
	border: 1px solid rgb(172, 55, 43);
	-moz-box-shadow: inset 0 1px 1px rgb(239, 86, 71);
	-webkit-box-shadow: inset 0 1px 1px rgb(239, 86, 71);
	box-shadow: inset 0 1px 1px rgb(239, 86, 71);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0MzYyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M3NDMzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, rgb(164, 54, 43) 0%, rgb(199, 67, 55) 100%);
	background-image: -o-linear-gradient(bottom, #a4362b 0%, #c74337 100%);
	background-image: -webkit-linear-gradient(bottom, #a4362b 0%, #c74337 100%);
	background-image: linear-gradient(bottom, #a4362b 0%, #c74337 100%);
}
.hook-contrast-button-primary-hover() {
	background: #c74337;
	border: 1px solid #ac372b;
	-moz-box-shadow: inset 0 1px 1px #ef5647;
	-webkit-box-shadow: inset 0 1px 1px #ef5647;
	box-shadow: inset 0 1px 1px #ef5647;
	background-image: none;
	text-shadow: none;
}
.hook-contrast-button-primary-active() {
	background: #c74337;
	border: 1px solid rgb(149, 17, 4);
	-moz-box-shadow: inset 0 1px 4px RGB(150, 49, 39);
	-webkit-box-shadow: inset 0 1px 4px RGB(150, 49, 39);
	box-shadow: inset 0 1px 4px RGB(150, 49, 39);
	background-image: none;
	text-shadow: none;
}


// Icon
// ========================================================================

.hook-contrast-icon-hover() {}
.hook-contrast-icon-hover-hover() {}
.hook-contrast-icon-button() {}
.hook-contrast-icon-button-hover() {}
.hook-contrast-icon-button-active() {}


// Miscellaneous
// ========================================================================

.hook-contrast-misc() {}