/*
Theme Name:         MakeICT
Theme URI:          http://makeict.org
Description:        WordPress theme for the MakeICT organization website.
Version:            1.0.0
Author:             MakeICT
Author URI:         http://makeict.org/

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

body {
	padding-top: 70px; /* For navbar! */
	overflow-y: scroll;
}

.navbar {
	padding-top: 25px;
	margin-bottom: 0;
	border: none;
	z-index: 3;
}

.navbar-brand {
	background: url(assets/images/logo-primary.png) no-repeat;
	width: 155px;
	height: 145px;
	text-indent: -9999px;
	background-size: contain;
	margin-top: -20px;
	margin-left: -24px !important;
	background-color: #fff;
	border-radius: 10%;
}

.navbar-backing {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 7em;
	background: #fff;
	z-index: 1;
}

.icon-bar { background: #000; }

.jumbotron {
	padding: .5em;
}

.jumbotron > .container > *{
	font-weight: bold;
}

.jumbotron-main {
	position: fixed;
	width: 100%;
	padding-top: 4em;
	padding-bottom: 0em;
	margin-top: -3em;
	z-index: 2;
	font-weight: bold;
}

.jumbotron-main h1 {
	font-size: 48px;
	margin-top: 0;
	white-space: nowrap;
}

.jumbotron-spacer {
	height: 6.5em;
	background: #fff;
}

.jumbotron-main>.container {
	padding-left: 160px;
}

@media (max-width:767px) {
	.navbar-brand {
		width: 90px;
		height: 90px;
		background-size: contain;
		margin-left: 25px !important;
		margin-top: 0;
	}
	
	.jumbotron-main h1 {
		margin-top: 1em;
		font-size: 32px;
	}
	
	.jumbotron-main {
		padding-top: 0;
		padding-bottom: 1em;
	}
	
	.jumbotron-main > .container {
		padding-left: 120px;
	}

	.jumbotron-spacer {
		height: 3.5em;
	}
	
	#navbar {
		margin-top: -6em;
		width: 100%;
		position: fixed;
		top: 180x;
	}
	
	.navbar-nav > * {
		font-weight: bold;
	}
	.navbar-nav * {
		background-color: #fff;
		text-align: center;
	}
}

.footer {
	padding-bottom: 40px;
	text-align: center;
}

.carousel {
	margin-bottom: 1em;
}

.carousel-inner>.item>img{
	margin: auto;
}

.carousel-control.right,
.carousel-control.left {
	background: none;
}

.carousel-caption {
	font-weight: bold;
	font-size: 24pt;
}

/* Contact form fixes */
.contact-form>div {
	margin-bottom: 1em;
}

.contact-form>div>* {
	width: 100%;
}

.contact-form label {
	display: block;
	margin-bottom: 0;
}
	
.contact-form label span {
	display: none;
}

.contact-form textarea {
	height: 100px;
}

table.bom th {
	background-color: #ccc;
}

table.bom tr:nth-child(odd) {
	background: #eee;
}

table.bom td,
table.bom th {
	border: 1px solid #000;
	padding: .1em .4em .1em .4em;
	width: 5em;
}

table.bom td {
	text-align: right;
}

table.bom td:first-child,
table.bom th:first-child,
table.bom tr>*:nth-child(6){
	width: 15em;
	text-align: left;
}

table.bom tr:last-child>* {
	text-align: right;
}

.blog-date {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 1em;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}