/*
Theme Name: Manito Media
Theme URI: http://websitegoeshere.com
Description: Custom Wordpress theme.
Author: Curt Thiessen - Avenue 4 Communications
Version: 1.03
*/

/**********************************
Table of Contents
1. Fonts
2. Colors
3. Universal styles
4. Header and Nav
5. Main body content
6. Sidebar
7. Footer content
8. Media Queries
**********************************/

/**********************************
1. Fonts
	font-family: 'Raleway', sans-serif;
	font-family: 'Lato', sans-serif;
**********************************/

/**********************************
2. Colours
	#fff 		White
	#000 		Black
**********************************/

/**********************************
3. Universal styles
**********************************/
html {
	position: relative;
	min-height: 100%;
}
body {
	background: #f5f5f5;
	margin-bottom: 145px;
}

h1, h2, h3 {font-weight: bold;}
h1 {}
h2 {
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	margin-top: 0;
	margin-bottom: 16px;
	font-size: 2.143em;
	color: #aa0000;
	border-bottom: 1px solid #d8d8d8;
}
h3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	margin-top: 0;
	margin-bottom: 16px;
	font-size: 2.143em;
	color: #aa0000;
}
.main-content h3 {margin-top: 30px;}
.page-template-page-team h2 {
	margin-bottom: 29px;
}

p {
	font-family: 'Lato', sans-serif;
	font-size: 1.071em;
	font-weight: 300;
	line-height: 1.875em;
	margin-bottom: 15px;
}
a {color: #aa0000;}
	a:hover {color: #660000;}

.clear {clear: both;}


.container {
	width: auto;
	max-width: 1170px;
}

/**********************************
4. Header and Nav
**********************************/
.navbar, .navbar .container  {height: 178px;}
	.container {position: relative;}
.navbar-default {
	background: #272727;
	border: none;
	border-radius: 0;
}

.navbar h1 {
	width: 196px;
	height: 82px;
	margin-top: 30px;
}
.navbar h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 2.143em;
	font-weight: 100;
	color: #fff;
	position: absolute;
	right: 15px;
	top: 40px;
	margin: 0;
	border-bottom: 0;
	color: #ffca69;
}

.navbar .navbar-right {
	margin-top: 97px;
	padding-right: 0;
}

.navbar-default .navbar-nav>li {
	margin-left: 57px;
}
.navbar-default .navbar-nav>li>a {
	font-family: 'Lato', sans-serif;
	font-size: 1.286em;
	font-weight: 300;
	color: #fff;
	border-bottom: solid 1px #474747;
	padding-left: 0;
	padding-right: 0;
	text-decoration: none;
}
	.navbar-default .navbar-nav>li>a:hover {
		color: #aa0000;
		border-bottom: solid 1px #aa0000;
	}
	.navbar-default .navbar-nav>li.current-menu-item a,
	.single-productions .navbar-nav>li#menu-item-29 a {
		color: #aa0000;
		border-bottom: none;
	}
	.navbar-default .navbar-nav>li.current-menu-item,
	.single-productions .navbar-nav>li#menu-item-29 {border-bottom: solid 1px #aa0000;}

.navbar-toggle {margin-top: 37px;}

/**********************************
5. Main body content
**********************************/
.wrapper {background: #f5f5f5;}
.main {margin-top: 45px;}

.no-padding {
	padding-left: 0;
	padding-right: 0;
}

.wide-thumbnail {
	display: block;
	margin-bottom: 30px;
}
.small-thumbnail {
	display: block;
	margin-bottom: 30px;
}
	.archive .small-thumbnail {margin-bottom: 10px;}

	
	.small-thumbnail, .wide-thumbnail {background: #000 url('i/view.png') center center no-repeat;}
	
.work-item {
	text-align: center;
	margin-bottom: 25px;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
	font-size: 1.071em;
	font-weight: 300;
}

.single-banner {margin-bottom: 25px;}

.about-block {
	margin-bottom: 28px;
}
	.about-block p {
		margin-top: 0;
	}
	.about-block h3 {
		font-family: 'Raleway', sans-serif;
		font-weight: 100;
		margin-top: 8px;
		line-height: 1.5em;
		font-size: 1.375em;
		color: #333;
	}
	.about-block h2 {border: none;}

.team-member {margin-bottom: 50px;}
.team-member h3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 1.5em;
	margin-top: 0;
}
.team-member .description {border-left: 1px solid #d8d8d8;}

.blog-item {margin-bottom: 50px;}
	.blog-item h2 a {text-decoration: none;}

.main-content .glyphicon {margin-right: 5px;}

.contact-info {
	display: inline-block;
	width: 80px;
}

.video-container { position: relative; padding-bottom: 56.25%; margin-bottom: 25px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/**********************************
6. Sidebar
**********************************/
.sidebar h3 {
	font-family: 'Raleway', sans-serif;
	font-size: 2.143em;
	font-weight: 100;
	color: #aa0000;
	margin: 0 0 30px 0;
}
	.sidebar .sidebar-about h3, .sidebar .sidebar-contact h3 {margin: 0 0 20px 0;}

	.sidebar .sidebar-sizzle, .sidebar .sidebar-about, .sidebar .sidebar-contact {
		position: relative;
		max-width: 293px;
		margin-bottom: 35px;
	}
		.sidebar .sidebar-contact p strong {
			display: inline-block;
			width: 105px;
		}
		
	.sidebar .glyphicon {margin-right: 5px;}
	.sidebar .social-media-link {margin-bottom: 5px;}
		
	
		
.sidebar .underline {
	position: absolute;
	width: 3000px;
	height: 1px;
	border-bottom: 1px solid #d8d8d8;
}
	.sidebar .sidebar-sizzle .underline {
		left: -2763px;
		margin-top: -31px;
	}
	.sidebar .sidebar-about .underline {
		left: -2876px;
		margin-top: -21px;
	}
	.sidebar .sidebar-contact .underline {
		left: -2829px;
		margin-top: -21px;
	}

/**********************************
7. Footer content
**********************************/
footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 145px;
	background: #272727;
	padding-top: 45px;
	padding-bottom: 45px;
}
	footer .copyright {
		font-family: 'Lato', sans-serif;
		font-size: 1em;
		font-weight: 300;
		color: #fff;
		line-height: normal;
	}
	footer .nav>li>a {
		font-family: 'Lato', sans-serif;
		font-size: 1em;
		font-weight: 300;
		color: #fff;
		padding-top: 0;
		padding-bottom: 0;
	}
			footer .nav>li>a:hover {
				color: #aa0000;
				background: none;
			}

	footer .social {
		display: block;
		width: 260px;
		margin: -10px auto 0 auto;
	}
		footer .social li {
			display: block;
			float: left;
			list-style: none;
			margin: 0 10px 0 10px;
		}
			footer .social li a {
				display: block;
				width: 40px;
				height: 39px;
			}
				footer .social li a.youtube {background: url('i/icons-social.png') 0 0 no-repeat;}
				footer .social li a.twitter {background: url('i/icons-social.png') -62px 0 no-repeat;}
				footer .social li a.facebook {background: url('i/icons-social.png') -123px 0 no-repeat;}
				
			footer .navbar-nav>li:nth-child(odd) {width: 135px;}
			footer .navbar-nav>li#menu-item-23 {}
			footer .navbar-nav>li#menu-item-58 {}
		
		
				

/**********************************
8. Media Queries
**********************************/

@media only screen and (max-width : 1199px) {
	.navbar-default .navbar-nav>li {
		font-size: 0.875em;
		margin-left: 35px;
	}
		.navbar-default .navbar-nav>li a {padding-bottom: 5px;}
		.single-productions iframe {
			
		}
}

@media only screen and (max-width : 991px) {
	.navbar h2 {font-size: 1.875em;}
	.navbar-default .navbar-nav>li {
		margin-left: 18px;
	}
	.navbar-default .navbar-nav>li a {font-size: 1.125em;}

	.home .sidebar .sidebar-contact p strong {display: block;}

	.team-member .team-image {margin-bottom: 20px;}
	.team-member .description {border-left: none;}

	.sidebar h3 {
		margin-top: 6px;
		font-size: 1.875em;
	}

	.sidebar .sidebar-sizzle .underline {left: -2793px;}
	.sidebar .sidebar-about .underline {left: -2892px;}
	.sidebar .sidebar-contact .underline {left: -2850px;}

	.sidebar .sidebar-contact p strong {width: 100%;}

	footer .copyright {text-align: center;}
	footer .social {margin-top: 25px;}
	footer .nav-container {
		text-align: center;
	}
		footer .navbar-right {
			display:inline-table;
			float: none !important;
			margin-top: 25px;
			margin-right: 0;
		}
			footer .navbar-right li {display: inline-block;}
			.footer-wrapper {margin-top: 0;}
}

@media only screen and (max-width : 768px) {
	.main {margin-top: 0;}
	

	.about-block h3 {
		font-family: 'Lato', sans-serif;
		font-size: 1.071em;
		font-weight: 400;
		line-height: 2.143em;
		margin-bottom: 25px;
	}

	footer .copyright {text-align: center;}
	footer .social {margin-top: 25px;}

}
@media only screen and (max-width : 767px) {
	.navbar {z-index: 2000;}
	.navbar h2 {display: none;}
	.navbar, .navbar .container  {height: 115px;}
	.navbar h1 {margin-top: 8px;}
	.navbar .navbar-right {
		margin-top: 15px;
		background: #000;
		padding-right: 15px;
		padding-left: 15px;
	}
	.navbar-default .navbar-nav>li {
		margin: 0;
		text-align: center;
	}
	.navbar-default .navbar-nav>li>a {
		border: none;
		padding-top: 5px;
	}
		.navbar-default .navbar-nav>li>a:hover {border: none;}
	.navbar-default .navbar-nav>li.current-menu-item {border: none;}
}