/** COLORS **/

.white { color: #fff; }
.light { color: #eef1f5; }
.black { color: #000; }
.light-blue { color: #C3D2E2; }


.bg-blue { background-color: #3E6087; }
.bg-dark { background-color: #011123; }
.bg-grey { background-color: #eef1f5; }

.section-blue { background-color: #3E6087; }
.section-dark { background-color: #9099A2; }
.section-grey { background-color: #eef1f5; }

/** GLOBAL & OVERRIDES **/

body { 
	padding-top: 50px; 
	color: #4A4A4A;
	font-family: 'Roboto', sans-serif;
}

section {
	width: 100%;
	margin: 0;
}

p {
	font-weight: 300;
	font-size: 1.1em; 
	line-height: 2em;
}

li {
	font-weight: 300;
	line-height: 2em;
}

h1 {
	font-size: 12px;
}

h4 {
	line-height: 1.5rem;
}

.label {
	font-size: 14px;
	font-weight: 300;
	color: #060606;
	padding: 5px;
}

.form-control {
	border-radius: 0;
}

.logo {
	width: 170px;
}

.footer-logo {
	width: 120px;
	margin-top: 20px;
}

.icon {
	width: 100px;
}

.panel {
	border-radius: 0;
}

.panel:hover {
	background-color: #eef1f5;
}

.link-panel:hover {
	text-decoration: none;
}

.bg-img {
	background: #3E6087 url(/img/bg-img5.png) center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.jumbotron {
	margin-bottom: 0;
}

.jumbotron h1 {
	font-size: 4rem;
	color: #fff;
	padding-top: 15px;
}

.jumbotron h2 {
	font-size: 2rem;
	color: #fff;
}

/** NEWS **/

ul.news {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: 300;
	line-height: 2.0em;
}

ul.news li {
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}


/** FOOTER **/

footer {
	background-color: #060606;
	color: #eee;
	padding: 30px 0;
	margin: 0;
}

footer h5 {
	font-size: 14px;
}

footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer li {
	padding: 3px;
}

footer li > a {
	font-size: 11px;
	font-weight: 300;
	color: #eee;
	text-decoration: none;
}

footer li > a:hover {
	color: #eee;
	text-decoration: underline;
}

footer a {
	font-weight: 300;
	color: #eee;
	text-decoration: none;
}

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

footer hr {
	border: 0;
	height: 1px;
	background-color: #eef1f5;
}

.social li {
	display: inline;
	list-style: none;
	padding: 15px;
}

.social li > a {
	font-size: 1.5rem;
}

/** BUTTONS **/


.btn {
	border-radius: 0;
}

.btn-navbar {
    border: 1px solid #3E6087;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: transparent;
    color: #eee;
}
 
.btn-navbar:hover, .btn-navbar:focus, .btn-navbar:active, .btn-navbar.active {
    background: #398971;
    color: #eee;
}

.btn-banner {
	padding: 10px 20px;
    border: none;
    border-radius: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #398971;
    color: #eee;
}
 
.btn-banner:hover, .btn-banner:focus, .btn-banner:active, .btn-banner.active {
    background: #21725A;
    color: #eee;
}

.btn-subscribe {
	width: 300px;
	padding: 10px 30px;
	border: 1px solid #3E6087;
	border-radius: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #eef1f5;
}

.btn-subscribe:hover, .btn-subscribe:focus, .btn-subscribe:active, .btn-subscribe.active {
    background: #3E6087;
    color: #eee;
}

.btn-blog {
	width: 100%;
	text-align: center; 
}

/** NAVBAR **/

nav {
	padding: 12px 0;
}

.nav a {
	font-size: 1.2em;
	font-weight: 300;
}

.navbar-default {
	background-color: #fff;
	/*border-bottom: 1px solid #eee;
	border-radius: 0px;*/
	margin-bottom: 0;
	border: none;
  	box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
}

.navbar-default .navbar-nav > li > a {
    margin: 5px 20px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #000;
}

.navbar-default .navbar-nav > li > a.button {
    border: 1px solid #3E6087;
    background: transparent;
}
.navbar-default .navbar-nav > li > a.button:hover,
.navbar-default .navbar-nav > li > a.button:focus {
	background: #3E6087;
    color: #eee;
}

/** BLOG **/

.blog-main {
	border-top: 1px solid #eee;
	padding-top: 20px;
}

.blog-sidebar h5 {
	text-transform: uppercase;
}

.blog-sidebar-widget {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px; 
	padding-bottom: 20px;
}

.blog-item {
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
}

.blog-item h2 {
	font-weight: 700;
}

.author-block {
	display: block;
	float: left;
	width: 100%;
	margin: 20px 0;
	border: 1px solid #eee;
	background-color: #eef1f5;
	padding: 10px; 
}

.author-bio {
	width: 100px;
}

/** HELPERS **/

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }

.p30 { padding: 30px 0; }
.p50 { padding: 50px 0; }
.p70 { padding: 70px 0; }
.p100 { padding: 100px 0; }

.w300 { font-weight: 300; }
.w400 { font-weight: 400; }
.w700 { font-weight: 700; }

.lh1 { line-height: 1em; }
.lh12 { line-height: 1.2em;}
.lh15 { line-height: 1.5em; }
.lh2 { line-height: 2em; }