/* Header 
=================================== */

.top-bar {
    background: #333333;
}

.top-bar a {
    color: #cfcfcf;
}

h1.title {
	color: #FFF;
	font-family: 'Merriweather', serif;
}

h2.subtitle {
	font-family: 'Merriweather', serif;
	color: #FFF;
	font-size: 24px;
}

.banner {
    background-color: #710100;
}

.banner-text {
    color: #fff;
    font-size: 1.25em;
}


/* Navbar
============================== */

.navbar {
	background-color: #eac2c2;
}


/* Miscellaneous
============================ */

.content {
    height: 480px;
	overflow: auto;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #710100;
}

h2.pageTitle {
	font-family: 'Merriweather', serif;
}

h5.right-col-title {
    font-family: 'Merriweather', serif;
}

.logo-background {
    background-color: rgb(240, 240, 240);
    margin-left: auto;
    margin-right: auto;
}

.emptyCirc {
    list-style-type: circle;
}

.notice {
    border: solid 2px #710100;
    padding: 10px;
    font-size: 20px;
    }

.google-maps {
     position: relative;
     padding-bottom: 75%; // This is the aspect ratio
     height: 0;
     overflow: hidden;
    }
    
.google-maps iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100% !important;
     height: 100% !important;
    }
    
.express-entry {
     font-weight: 700;
     font-size: 18px; 
}



/* Assessment Page
========================= */

.mandatory {
    color: #710100;
    font-weight: 700;
}

.assessmentButtons {
	text-align:center;
}

.btn-gradient {
	font-weight: 700;
	color: #710100;
       	background: -webkit-linear-gradient(#9f9f9f, #efefef); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(#9f9f9f, #efefef); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#9f9f9f, #efefef); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#9f9f9f, #efefef); /* Standard syntax (must be last) */
	border: none;
}

.btn-gradient:hover {
	color: #FFFFFF;
}

.inputMedium {
	width: 50%;
}

.antispam {
    display: none;
}


/* Footer
========================== */

footer { background: #333333;
}

footer p {
	color: #cfcfcf;
	padding: 10px 0 10px 0;
}

footer a {
	color: #cfcfcf;
	font-weight: 400;
}

footer a:hover {
	color: #cfcfcf;
	text-decoration: underline;
}

footer .col-md-5 {
	text-align: right;
}