/* 
	Author:			Jack
	Date:			11/01/2019
	Description:	CSS for the examples section, specifically styling
					the select list for navigation
*/

.container-fluid * { 
	font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
}

.container-fluid {
    margin-bottom: 150px !important;
}

.container-fluid .row {
    overflow-x: hidden!important;
    width: 100%;
    padding-bottom: 20px;
}

.btn-group ul {
    display: flex;
    align-items: center;
}

.btn-group ul li {
    width: 35px;
}

.btn-group ul li:nth-child(1) {
    max-width: 120px;
    width: 120px;
}

.navbar {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.2em;	
}

.navbar-brand {
	font-family: 'Montserrat', sans-serif;
    padding-top: 9.8px;
    font-size: 2rem;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
	color: #ffc72c;
}

footer {
    margin-top: 100px;
}

.main {
	margin: 20px auto;
	border-bottom: 4px double #041e42;
    overflow-x: hidden;
} 

.nav>li>a {
	font-family: 'Montserrat', sans-serif;
	font-size: .8em;
}

.col-md-4 p {
	margin-top: 30px;
}

.btn-group ul {
	list-style: none;
}

.btn-group ul li {
	display: inline-block;
	line-height: 1.3em;
	font-size: 1.1em;
	/* width: 30px; */
	margin-right: 10px;
	text-align: center;
}

.btn-group ul li a {
	display: block;
	max-width: 85px;
	padding: 3px 5px;
	text-decoration: none;
}

.btn-group ul li a:hover {
	background: rgba(200,0,0,.3);
	border-radius: 50px;
	color: white;
	text-decoration: none;
}

/*
.container-fluid {
	margin: 0 100px;
}
*/

.container-fluid h1 {
	color: #041e42;
	text-align: center;
	font-size: 2em;
	width: 50%;
	margin: auto;
	font-weight: 100;
	border-bottom: 1px solid #041e42;
}

.container-fluid h2 {
	color: #041e42;
	width: 50%;
	border-bottom: 1px solid #041e42;
}

select {
	text-indent: 8px;
	margin-top: 20px;
}

option:nth-child(even) {
	background: rgba(100, 71, 216, .1);
}

p a, .col-md-4 ul a {
	background: rgba(200,0,0,.1);
}

.m,
.mb,
.mg,
.mp,
.mr {
	font-family: monospace;
	font-weight: bold;
	color: black;
}

.mb {
	color: blue;
}

.mg {
	color: green;
}

.mp {
	color: purple;
}

.mr {
	color: red;
}

.row h1 {
    display: block;
    height: 1.5em;
    width: 90%;
}

.col-md-8 {
    padding-left: 10em;
}