/* CHcustomCSS Static Resource */

/* DIRECTIONS:

1. Find/Replace #0C2577 with a medium or dark (preferably dark) color. it should be one of the prospect's main colors.
Usage: Global header background color, bottom border on buttons, header buttons on mobile;

2. Find/Replace #143DC3 with a different shade of the color you used in step 1.
Usage: Global header hover background color.

*/

.m-footer {
	text-align: center;
	padding-top: 0;
	padding-bottom: 5px;
}

.form-control {
	border-radius: 0;
	border: 1px solid #ccc;
}

.navbar-brand.m-navbar-logo img {
	max-height: 125px;
	width: auto;
}

.btn-primary, 
.btn-primary:hover, 
.btn-primary:focus, 
a.list-group-item.active, 
a.list-group-item.active:hover, 
a.list-group-item.active:focus,
.btn-secondary, 
.btn-secondary:hover, 
.btn-secondary:focus {
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 0;
}

.btn-primary, 
.btn-primary:hover, 
.btn-primary:focus, 
a.list-group-item.active, 
a.list-group-item.active:hover, 
a.list-group-item.active:focus {
    background-color: #143DC3 !important;
    border-color: #143DC3 !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid #143DC3;
    color: #fff !important;
}

.btn-primary:focus,  
a.list-group-item.active:focus {
    background-color: #0C2577 !important;
}

.btn-secondary, 
.btn-secondary:hover, 
.btn-secondary:focus {
    border-bottom: 3px solid #0C2577;
}

label {
	font-weight: normal;
}

.card,
.card-list {
    border-radius: 0;
    border: 1px solid #e5e4e4;
}

.card .card-heading {
	font-weight: normal;
	text-transform: uppercase;
}

.page-header.page-header-anchor {
	background-color: #fff !important;
	border-bottom-color: #fff !important;
	color: #444 !important;
}

.page-header.page-header-anchor h1 {
	font-weight: normal;
    text-transform: uppercase;
    font-size: 32px;
}

.input-group-addon {
	border-radius: 0;
}

.m-paging-nav .pagination > .active > a, 
.m-paging-nav .pagination > .active > a:focus, 
.m-paging-nav .pagination > .active > a:hover, 
.m-paging-nav .pagination > .active > span, 
.m-paging-nav .pagination > .active > span:focus, 
.m-paging-nav .pagination > .active > span:hover, 
.btn-group > .m-btn-selected, 
.btn-group > .m-btn-selected:hover, 
.btn-group > .m-btn-selected:focus {
	background-color: #0C2577 !important;
}

.m-footer .container {
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width : 992px) {
	.m-logo-retina {
		width: 328px;
		height: auto;
	}

	.navbar-brand {
		height: auto;
	}

	.m-login {
		margin: 10px 0 15px 0;
	}
}

@media (min-width: 768px) {
	.navbar-header {
		float: none !important;
	}

	.navbar-right {
		float: none !important;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: 0;
		background-color: #0C2577;
		margin: 15px 0;
	}

	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-nav>li>a:hover, 
	.navbar-default .navbar-nav>li>a:focus {
		background-color: #143DC3 !important;
		border-color: #143DC3 !important;
	}

	.navbar-default .navbar-nav>li>a, 
	.navbar-default .navbar-text, 
	.navbar-default .navbar-nav>li>a:hover, 
	.navbar-default .navbar-nav>li>a:focus, 
	.navbar-default .navbar-toggle.m-toggle-button, 
	.navbar-default .navbar-toggle.m-toggle-button:hover, 
	.navbar-default .navbar-toggle.m-toggle-button:focus {
		color: #fff !important;
		text-transform: uppercase;
		border-top:none;
	}

	.navbar-default .navbar-nav > li.m-highlight > a {
		background-color: #0C2577;
	}

	.container>.navbar-header {
		margin-top: 10px;
	}

	.page-header.page-header-anchor.m-page-header {
		padding-top: 0;
		margin-top: 0;
	}

	.m-page-header h1 {
		margin: 0 !important;
	    padding: 20px 20px 10px 20px;
	}

	.m-page-header p {
	    padding: 0 20px 20px 20px;
	    margin: 0;
	}
}