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

Mi. - Personal Resume vCard Template

File:			Blue-Beige Theme
Version:		1.0
Last change:	09/10/15
Author:			Suelo

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

/* Primary */

a:hover, a:focus,
.text-primary,
.icon-white,
#messenger-toggle,
.btn-primary:hover, .btn-primary:focus,
.icon-primary.icon-hover:hover, .icon-primary.icon-hover:focus {
	color: #337ab7;
}

.bg-primary,
.btn-primary,

.te-primary:before,
.icon-circle.icon-primary,
.nav-vertical > li > a:before,
.nav-horizontal > li > a:before,
#messenger-box:before,
#messenger-toggle:hover, #messenger-toggle:focus,
.icon-white.icon-hover:hover, .icon-white.icon-hover:focus,
.label-primary,
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover,
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover,
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover,
.nav-panels > li.active > a, .nav-panels > li.active > a:focus, .nav-panels > li.active > a:hover,
#ajax-loader:before,
.owl-pagination .owl-page.active > span {
	/*background-color: #337ab7;*/
	background-color: #337ab7;
	background-color: rgb(57, 149, 203);
	background: linear-gradient(150deg, rgba(57, 149, 203, 1) 0%, rgba(36, 104, 162, 1) 100%);
transition:all 0.3s ease-in;
}
.icon-circle:hover,
.icon-white.icon-hover:focus{
	background: #f5f5f5;
color:#337ab7;
}

.progress-bar-primary,
.pace .pace-progress:before{
	background-color: #337ab7;

}

/* Secondary */

.text-secondary,
.btn-secondary:hover, .btn-secondary:focus,
.icon-secondary.icon-hover:hover, .icon-secondary.icon-hover:focus {
	/*color: #31485e;*/
	color: #ddd;
}

#contact-form .btn.btn-secondary:hover, #contact-form .btn.btn-secondary:focus{
	color: #337ab7;
}

.bg-secondary,
.btn-secondary,
.icon-circle.icon-secondary,
.progress-bar-secondary,
.te-secondary:before {
	background-color: #31485e;
	 background-image: linear-gradient(to right bottom, #3a546e, #334d66, #2c465f, #253f57, #1e3850);
}

/* Tertiary */

.text-tertiary,
.btn-tertiary:hover, .btn-tertiary:focus,
.icon-tertiary.icon-hover:hover, .icon-tertiary.icon-hover:focus {
	/*color: #caa669;*/
	color: #e2bc7b;
	background: -webkit-linear-gradient(-45deg, #e2bc7b, #c79747);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}

.bg-tertiary,
.btn-tertiary,
.icon-circle.icon-tertiary,
.progress-bar-tertiary,
.te-tertiary:before {
	/*background-color: #caa669; */
	background-color: #e2bc7b;
}



.timeline-event::before{
	width: 7px;
	height: 7px;
}

.icon-circle.icon-hover:hover:not(.icon-white):not(#messenger-toggle),
.icon-circle.icon-hover:focus:not(.icon-white):not(#messenger-toggle),
a.icon-circle:hover:not(.icon-white):not(#messenger-toggle),
a.icon-circle:focus:not(.icon-white):not(#messenger-toggle){
	 background-color: #d12d2d;
}

#ajax-modal .icon-circle.icon-hover:focus:not(.icon-white),
#ajax-modal a.icon-circle:hover:not(.icon-white),
#ajax-modal a.icon-circle:focus:not(.icon-white){
	 background-color: #d12d2d;
 }

#ajax-modal .ajax-close.icon.icon-hover.icon-primary.icon-circle.icon-sm:hover{
	background: #d12d2d;
}

.caption .text-secondary{
	color: #eee;
}
.tooltip.fade.top.in{
	color:#f00;
	left:50px;
}