/*
* 
* Matisse Blue: #0f43be
*
* 
* 3:4 FONT RATIO  
* 5 / 7/ 9 / 12 / 16 / 21 / 28 / 37 / 50 / 67 / 89 / 119 / 159
*
* h1 font-size: 4.2em = 67.2px
* h2 font-size: 3.2em = 51.2px
* h3 font-sise: 2.3em = 36.8px
* h4 font-size: 1.75em = 28px
* h5 font-size: 1.34em = 21.44px
* h6 font-size: 1em = 16px
*
* BOOTSTRAP BREAKPOINTS
*          xs < 768px
*  768px < sm < 992px
*  992px < md < 1200px
* 1200px < lg
*
*/

/***************************** GLOBAL *****************************/
body {
	/*background: #f2f2f2;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin-top: 75px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 800;
	letter-spacing: -0.05em;
	color: #000;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	font-weight: 300 !important;
}

ul, ol {
	margin-bottom: 2em;
}

p {
	font-weight: 400;
    line-height: 1.7em;
    margin-bottom: 1.6em;
}

p.small {
	font-size: 0.9em;
	line-height: 1.5em;
}

p a {
	letter-spacing: -0.02em;
}

a:link,
a:visited {
	color: #0f43be;
	font-weight: bold;
	text-decoration: underline;
}

a:hover,
a:active {
	/*color: orange;*/
	/*color: #4571db;*/
	/*color: #012b8e;*/
	color: black;
}

a.btn:link, 
a.btn:visited {
	text-decoration: none;
}

a.btn-primary:link,
a.btn-primary:visited {
	background: #0f43be;
	border-color: #0f43be;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.2em;
}

a.btn-primary:hover,
a.btn-primary:active {
	background: #012b8e;
	border-color: #012b8e;
}

a.btn-small:link,
a.btn-small:visited {
	background: #0f43be;
	border-color: #0f43be;
	color: white;
	text-decoration: none;
	font-weight: 400 !important;
	font-size: 1em;
	margin: 0;
	padding: 0.5em;
}

a.btn-small:hover,
a.btn-small:active {
	background: #012b8e;
	border-color: #012b8e;
}

a.btn-small-black:link,
a.btn-small-black:visited {
	background: black;
	border-color: black;
	color: white;
	text-decoration: none;
	font-weight: 400 !important;
	font-size: 1em;
	margin: 0;
	padding: 0.5em;
}

a.btn-small-black:hover,
a.btn-small-black:active {
	background: #0f43be;
	border-color: #0f43be;
}

h1 {
	/*font-size: 67.2px;*/ 
	font-size: 4.2em;
	margin-bottom: 40px;
}

h2 {
	/*font-size: 51.2px;*/
	font-size: 3.2em;
	margin-bottom: 30px;
}

h3 {
	/*font-size: 36.8px;*/
	font-size: 2.3em;
}

h4 {
	/*font-size: 28px;*/
	font-size: 1.75em;
	margin-top: 1.2em;
}

h5 {
	/*font-size: 21.44px;*/
	font-size: 1.34em;
}

h6 {
	/*font-size: 16px;*/
	font-size: 1em;
}

hr {
	border-top: 2px solid #0b0700;
	margin-top: 60px;
	margin-bottom: 60px;
}

hr.light {
	border-top: 1px solid #d1d1d1;
	margin-top: 40px;
	margin-bottom: 40px;
}


dl dd {
	margin-bottom: 1em;
	line-height: 1.7em;
}


/***************** HELPERS  *****************/

.light {
	font-weight: 300 !important;
}

.normal {
	font-weight: 400 !important;
}

.semi {
	font-weight: 600 !important;
}

strong, .strong {
	font-weight: 700;
	/*letter-spacing: -0.05em;*/
	letter-spacing: -0.02em;
}

.heavy {
	font-weight: 800 !important;
	/*letter-spacing: -0.05em;*/
	letter-spacing: -0.03em;
}

.blue {
	background-color: #0f43be;
}

.rwd-line {
	display: block;
}

/***************** altMBA Alert *****************/

/*.alert-altmba {
	background-color: #0f43be;
	color: white;
}*/

.query-alert {
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 40px;
	margin-bottom: -20px;
}


/***************** APPLICATION BUTTON *****************/

.applicationbutton {
	padding: 3em 0 3em 0;
}


/***************** FOOTER *****************/

.footer {
	background: black;
	padding: 2em 0 2em 0;
	margin-top: 100px;
}

.home .footer {
	margin-top: 0;
}

.footer p {
	color: white;
	font-size: 0.6em;
	margin-bottom: 0;
}

.footer p .rwd-line {
	display: inline;
}

/*For mobile in landscape mode*/
@media (max-width: 768px) and (orientation: landscape) {
	.footer p {
		padding-left: 60px;
		padding-right: 60px;
	}
}

@media (min-width: 768px) {
	.footer p {
		font-size: 0.8em;
		text-align: center;
	}

	.footer p .rwd-line {
		display: block;
	}
}

/***************** FORMS *****************/

label {
	margin-bottom: 0;
}

input[type="radio"] {
	margin-top: 8px;
}