/* ------------------------------------
	CORE VARIEBLES
	Modify this for custom colors 
--------------------------------------- */
@color: #EBB91C; /* main color - color of the titles, buttons, links etc. (default value: #EBB91C) */

@color-btn: #000; /* color of the text on buttons (default value: #000) */




/* ------------------------------------

	Don't edit this!

--------------------------------------- */
.gradient(@origin: top, @start:@color + #373737, @stop:@color - #373737){
    background-color: @color;
    background-image: -webkit-linear-gradient(@origin, @start, @stop);
    background-image: -moz-linear-gradient(@origin, @start, @stop);
    background-image: -o-linear-gradient(@origin, @start, @stop);
    background-image: -ms-linear-gradient(@origin, @start, @stop);
    background-image: linear-gradient(@origin, @start, @stop);  
}
.gradient-ie(@stop1:0, @start:darken(@color, 7%), @stop2:100%, @stop:lighten(@color, 10%)){
	-pie-background: linear-gradient(@start, @stop);
	filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @start, @stop));
}

.shadow (@x: 0, @y: 0, @blur: 1px, @color-shadow: fadeout(@color, 60%)) {
  box-shadow: @arguments;
  -moz-box-shadow: @arguments;
  -webkit-box-shadow: @arguments;
}

.border{border:1px solid darken(@color, 40%);}


/* CSS Styles */
.main-color, a, .top-outer a:hover, #footer-page a:hover, a.llgin-txt-link:hover, .sitemap-outer .nav a:hover {
	color: @color;
}
a:hover, a:focus {
	color: darken(@color, 15%);
}
.btn{
	.gradient;
}

a.btn-navbar span, .nav-top .nav .active > a > span, .nav-top .nav .active > a:hover > span, .nav-top .nav .active > a:focus > span, .nav-top .nav > li > a:hover > span, .nav-top .nav > li:hover > a > span{
	.gradient;
	.gradient-ie;
}

.btn:hover, .btn:focus, .btn:active, a.btn-navbar:hover span, .nav-top .sub-nav .sub-nav-link:hover{
	.gradient(top, @color + #373737, @color - #444);
}

a.btn-navbar:hover span, .nav-top .sub-nav .sub-nav-link:hover{
	.gradient-ie(0,(@color + #373737),100%,(@color - #444));
}

.btn, .navbar a.btn-navbar, a.btn-navbar, .nav-top .nav .active > a, .nav-top .nav .active > a:hover, .nav-top .nav .active > a:focus, .nav-top .nav > li > a:hover,.nav-top .nav > li:hover > a {
	.border;
}

.btn, .btn:hover, .btn:focus, .btn:active, .navbar a.btn-navbar span, .nav-top li:hover a.top-nav-link span, .nav-top li.active a.top-nav-link span, .nav-top li.active a.top-nav-link:hover span  {
	color: @color-btn;
}

.nav-bottom .nav > li > a:hover, .nav-bottom .nav > li > a:focus, .nav-bottom .nav > li.active > a {
	color: @color;
}

.nav-bottom .nav > li > a:hover:after, .nav-bottom .nav > li > a:focus:after, .nav-bottom .nav > li.active > a:after {
	color: @color;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border-color: fadeout(@color, 50%);
	.shadow(0, 0, 8px);
}

/* responsive CSS */
@media (max-width: 979px) {
	.sitemap-outer .nav a.top-nav-link:hover, .sitemap-outer .nav a.top-nav-link:hover:after, .sitemap-outer .nav a.sub-nav-link:before{
    	color: @color;
	}
}