h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-weight: 500;}

/* TemplateHeader */

    .mcerp-header {
        background-image: linear-gradient(to top, #f0f0f0, #f4f4f4);}
    
    .header-flex-container {
        padding: 10px 0 10px 0;
    	display: flex;	
    	justify-content: space-between;
    }
    
    .logo-sitename {
        display: flex; 
        align-items: center;
    }
    
    .logo-text {padding-left: 10px;}
    
    a.sitename {
        font-family: "Muli";
        font-size: 28px;
        color: #000;
        text-decoration: none;
    }
    
    .navbar-header .navbar-toggle {
        float: none;
        background-color: transparent;
        background-image: none;
        color: #000;
    }
    
    .navbar-header .navbar-toggle:hover, 
    .navbar-header .navbar-toggle:focus {
        background-color: #355997;
        color: #FFF;
    }
    
    .navbar-header .navbar-toggle i {font-size: 2em;}
    
/*---------*/
/* MenuBar */
/*---------*/

.navbar-header {height: auto;}
.navbar {min-height: auto;
    margin-bottom: none;
    border: none;
}

.navbar-header .navbar-toggle {position: absolute !important;}

.navbar-header-full {
    border-top: none;
}

@media (max-width: 767px) {
    .dropdown > a {border-bottom: none;}
    
    .dropdown > a:after {
        content: "\f105";
    }

    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
        background-color: #355997;
        color: #FFF;
    }
    .navbar-default .navbar-nav>.open>a:focus,
    .dropdown.open > a:after {
        font-weight: 700;
    }
}

    
    /* Search box */
    
        #searchMCERP .row {margin: 10px 0 0 0;}
        
        #searchMCERP .input-group {width: 340px;}
        @media (max-width: 400px) {
            #searchMCERP .input-group {width: 260px;}
        }
        
        #btnSearchBox {
            background-color: #333;
            border-color: #333;
            }
        
        #btnSearchBox:hover {background-color: #355997;}
    
    @media (max-width: 1200px) {
        a.sitename {font-size: 24px;} 
        }
    
    @media (max-width: 991px) {
        #mc-seal {width: 50px;}
        a.sitename {font-size: 20px;} 
        }
    
    @media (max-width: 767px) {
        .header-flex-container {flex-direction: column;}
        .logo-sitename {justify-content: center;}
        #mc-seal {width: 50px;}
        a.sitename {font-size: 20px;} 
        .login-search {
            display: flex;
            flex-direction: row;
            justify-content: space-between;}
        .input-group {width: 250px;}
        
        #btnSearchBox { /* replace "search" with magnifier icon; swap is done via JQuery in footer */
            width: 35px !important;
            height: 34px !important;
            border-color: #D3D3D3;
            font-weight: 400;
            border-radius: 0 !important;
            }
        #btnSearchBox i {
            font-size: 1.3em;
            margin-left: -3px;
            }
    }

    .page-header {margin-top:20px;}
    
/* Home page - mobile login button display */

.mobile-login-buttons {text-align: center;}
@media (max-width: 419px) {
    .mobile-login-buttons {
        width: 225px;
        margin-right: auto;
        margin-left: auto;}
}

.mobile-login-buttons a {margin-top: 10px;}
    
/* Home page panels */

    .content-box a:hover {color: white; text-decoration: underline;}

    .content-box-title {
        margin: 10px 0 0 0;
        font-weight: 500;
    }
    .content-box-title a {
        color: white;
    }
    .content-box-title img {margin-bottom: 10px;}

    .panel-success-dark .panel-heading {
      /* background-color: #376226; */
      background-color: #4A8433; /* improves contrast */
    }

    
    .panel-success-dark .panel-heading  h3 {
      text-align: center;
      font-weight: 500;
    }

/* General site content */

    #mcerp-home-alert {margin-top:20px;} /* used on home page */
	#mcerp-box-row {margin-bottom:20px;} /* used on home page */
	.mcerp-panel-heading {padding: 3px 10px;} /* used on home page */
	.mcerp-panel-title {color: #FFF; padding-top: 0px;}

    .btn-responsive {white-space: normal !important; text-align: left;}
    
    .btn-success {background-color: #317131;} /* for Fidelity log-in */

	/* .btn-crhbt-header {margin: 10px 0 15px 0;} */

    .btn-bottom-space, .btn-mcerp-header, .bottom-space {margin-bottom: 15px;}
	.row .btn-bottom-space {margin-right: 5px;}

	#ers-panel {border-right: 1px solid #f3f3f3;} /* used on Active Members page; hide for sm and xs display */
	@media(max-width:991px){
		#ers-panel {border-right: none;}
	}
    
    .plan-title {margin-top: 0px;}

    .mcerp-panel-title {color: #FFF;}

	.heading-name {font-weight: bold;} /* used in BIT and CRHBT board member listings */

	.education-table-header {font-size: 1.2em;} /* used on Investment Education and Counseling home page */
    
    ul.list-unstyled li {margin-left: 7px;}


/* Find my retirement plan - include file */

    #find-my-plan table {margin: 10px 0;}
    #find-my-plan th, #find-my-plan td {vertical-align:top;padding:5px; border: 1px solid black;}
    #find-my-plan td.center {text-align:center;}
    #find-my-plan li {margin-bottom: 15px;}

/* Footer */

    #mcerp-footer {
        /* border-top: 1px solid silver; 
        border-bottom: 1px solid silver; */
        margin-top: 20px;
        padding: 10px 0;
        background-color: #333;
		color: #c8c8c8;
    }
    
    #mcerp-footer a {
    	color: #b9d3eb;
    	text-decoration: none;
	}

	#mcerp-footer a:hover {
    	color: #FFFFAD;
    	text-decoration: none;
	}

	#mcerp-footer .footer-widget-title {color: #06b4ff;}

    #certificate-img {margin-top:25px; width:160px;}
    #county-stat-img {margin-top:25px; width: 160px; padding: 10px; background-color: #FFF;}
    
    .copyright {
        text-align: center;
        color:#4c4c4c;
        font-size:1em;
        letter-spacing: 2px;
        padding-top: 8px;
    }
    
    #googleLabel{font-weight: 500;}
    
    .goog-te-gadget {color: #555;}