//Variables
@primary-color: #602758;
@secundary-color: #6db2e1;
@background-color: #2b2d34;
@almost-white: #f7f7f8;
@lighter-gray: #dfe1e5;
@light-gray: #a0a0a0;
@medium-gray: #696b6e;
@dark-gray: #46484a;
@base-font-size: 16px;
@main-font: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
@headline-font: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
@serif-font: 'Droid Serif', Times, Georgia, serif;

// General styles
::selection{background: fade(@primary-color,40%)}
.divider, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:@primary-color}
.dropdown-item.active, .dropdown-item:active {color: @primary-color;}

#backtop{background-color: @secundary-color;}

//Primary Button
.btn-primary{
	background-color: @primary-color;
	border-color: @primary-color;
}


.btn-primary:hover, .btn-primary:focus,  {
	background-color: lighten(@primary-color,5%);
	border-color: @primary-color;
}
.btn-primary:active,.btn-primary:not([disabled]):not(.disabled):active,.btn-outline-primary:active, .btn-outline-primary:not([disabled]):not(.disabled):active{
	background-color: darken(@primary-color,5%);
	border-color: darken(@primary-color,5%);

}
.col-news .box .fa-angle-right{color: @primary-color}

.btn:focus, .btn-outline-primary:not([disabled]):not(.disabled):active,.btn-primary:not([disabled]):not(.disabled):active{
	box-shadow: 0 0 0 3px fade(@primary-color,50%);
}


.form-control:focus{
	box-shadow: 0 0 0 3px fade(@primary-color,20%);
	border-color: fade(@primary-color,80%);
}


.btn-outline-primary, .btn-outline-primary:visited {
	color: @primary-color;
	border-color: @primary-color;
	background: none;
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
	background-color: @primary-color;
	border-color: @primary-color;
	color: #fff;
}

//Secondary Button

.btn-secondary {
 	border-color: @medium-gray;
 	background-color: @medium-gray;
 	color: #fff;
 }

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
		border-color: @dark-gray;
		background-color: @dark-gray;
		color: #fff;
	}

.btn-outline-secondary, .btn-outline-secondary:visited {
	color: @medium-gray;
	border-color: @medium-gray;
	background: none;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active {
	border-color: @medium-gray;
	background: @medium-gray;
	color: #fff;
}
.page-link,
.team .emphasis{color:@primary-color;}
.page-link:focus, .page-link:hover{background:@secundary-color;}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{background-color: @primary-color !important;}
.bootstrap-datetimepicker-widget table td.today:before{border-bottom-color:@primary-color !important;}
.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#FFF !important;}
//White button outlined
.scroll nav .btn-outline-white,.nav-open nav .btn-outline-white,.scroll nav .btn-outline-white:visited{
    border-color: @secundary-color;
}
.scroll nav .btn-outline-white:hover{
	background-color: @primary-color;
	border-color: #FFF;
	color: #FFF;
}

.form-control-custom:focus{border-color:@primary-color}
.footer .social li a:hover{color: @secundary-color;}


.sidebar .agendaitems tr:hover a,
.next .sidebar .box ul li a:hover{color:@primary-color !important}

.nav-item .btn{background: @secundary-color !important}
.scroll .nav-item .btn{background: inherit!important}
//.scroll .navbar-custom {background-color: @primary-color !important}

.matchbox{box-shadow: 0 55px 0 @primary-color inset;}


.btn-secundary {border-color:@secundary-color !important; background-color:@secundary-color }

.btn-secundary:hover {border-color:@primary-color !important; background-color:@primary-color}

.heading-light {color: #FFF;}

.lead-light {color: rgba(255,255,255,0.75);}

.divider-light{background:#FFF;}