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

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: #3aa8db; 
}

.bg-primary,
.btn-primary,
.progress-bar-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,
.pace .pace-progress:before,
.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: #3aa8db; 
}

/* Secondary */

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

.bg-secondary,
.btn-secondary,
.icon-circle.icon-secondary,
.progress-bar-secondary,
.te-secondary:before {
	background-color: #31485e; 
}

/* Tertiary */

.text-tertiary,
.btn-tertiary:hover, .btn-tertiary:focus,
.icon-tertiary.icon-hover:hover, .icon-tertiary.icon-hover:focus {
	color: #caa669; 
}

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

.btn.btn-primary.opened{
	background-color: #fff;
	color:#3aa8db;
}

.btn.btn-primary.collapsed{
	background-color: #3aa8db;
	color:#fff;
}

/* Styles for the close button when on a directly loaded project page */
.ajax-body .ajax-close.direct-load-close-style {
    position: absolute; /* Position it relative to .ajax-body */
    top: 20px;          /* Adjust as needed for your layout */
    right: 20px;         /* Adjust as needed */
    z-index: 1050;       /* Ensure it's above other content, similar to modal z-indexes */
    /* Add any other styles needed for visibility or appearance */
    /* For example, ensure it has a background or border if needed against page content */
}

/* Ensure the .ajax-body (the main container of your project content)
   can serve as a positioning context for the absolute positioned button. */
.ajax-body {
    position: relative; /* This is often necessary for 'position: absolute' on child elements to work as expected. */
}

body.ajax-modal-opened #mobile-nav-toggle {
    display: none !important; /* Using !important to ensure it overrides other display styles if necessary */
}