/*  Custom CSS for

    Podcast Generator



    by Randy Greene

    RG Creative

    http://discoverRG.com

 */



 /* Base Colors:

 //   white: #eee;

 //   gray: #B2D2D9;

 //   black: #333;

 //   teal: #3A8392;

 //   blue: #255DAD;

 */



body {

	margin-top: 50px;

	padding: 0 !important;

	background: #3A8392 url('../img/pattern_008.png');

	color: #eee;

	font-family: 'Lato', sans-serif;

	font-size: 16px;

	line-height: 21px;

}



a {

	color: #B2D2D9;

}

a:hover {

	color: #eee;

}



.navbar.navbar-inverse.navbar-fixed-top {

	margin: 0;

}

.navbar-inverse .navbar-inner {

	background: #eee;

	border: 0;

}

.navbar-inverse .navbar-inner .container-fluid {

}

.navbar a.brand {

	display: inline-block;

	margin: 5px;

	padding: 10px 15px;

	border-radius: 4px;

	text-align: center;

	color: #255DAD;

	font-size: 28px;

	font-weight: 700;

	text-shadow: none;

}

.navbar a.brand:hover {

	color: #3A8392;

}

.navbar .nav {

	margin: 5px;

}

.navbar .nav > li {

	margin-right: 10px;

	border-radius: 4px;

	border-bottom: 3px solid #255DAD;

	box-sizing: border-box;

	transition: all .2s linear;

}

.navbar .nav > li:hover {

	background: #3A8392;

}

.navbar .nav > li:hover > p,

.navbar .nav > li:hover > p .navbar-link,

.navbar .nav > li:hover > a,

.navbar .nav > li:hover > a:hover {

	color: #eee !important;

}

.navbar .nav > li > p {

	margin: 0;

	padding: 10px 15px;

	color: #8a8a8a;

}

.navbar-inverse .nav > li > a,

.navbar-inverse .nav .active > a,

.navbar-inverse .nav-collapse .dropdown-menu a:hover {

	background: transparent;

	color: #8a8a8a;

	text-shadow: none;

	box-shadow: none;

}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {

	border-top-color: #8a8a8a;

	border-bottom-color: #8a8a8a;

}

.navbar-inverse .nav li.dropdown > a:hover .caret {

	border-top-color: #8a8a8a;

	border-bottom-color: #8a8a8a;

}

.navbar-inverse .navbar-link:hover,

.navbar-inverse .nav-collapse .nav > li > a:hover,

.navbar-inverse .nav .active > a:hover,

.navbar-inverse .nav .active > a:focus {

	color: #363636;

	background: transparent;

	text-shadow: none;

	box-shadow: none;

}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,

.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,

.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {

	color: #363636;

	background: transparent;

}

.dropdown-menu {

	text-align: left;

}



.jumbotron {

	padding: 100px 0;

	background: #255DAD;

	text-shadow: 0 0 3px #333;

}

.jumbotron p {

	font-size: 1.3em;

	line-height: normal;

}

.container-fluid.dark {

	padding: 25px 0;

	background: #333 url('../img/pattern_012.png');

}

.container.mainbody {

	padding: 25px 10px;

}

.centered {

	text-align: center;

}

.no-margin {

	margin: 0;

}

a.btn.btn-large {

	margin: 15px 45px;

	padding: 15px 30px;

}



.topseparator {

	padding: 10px 25px;

}



.rightbox {

	background: #eee;

	color: #333;

}

.rightbox a {

	color: #3A8392;

}

.rightbox a:hover {

	color: #255DAD;

}



.alert, .alert h4 {

	display: inline-block;

	margin-left: 10px;

	color: #eee;

	font-weight: bold;

	text-shadow: none;

}

legend {

	color: #eee;

}

input.readonlyinput {

	color: #eee;

	font-weight: bold;

}



footer p {

	color: #f2f2f2;

	text-align: center;

}

footer a {

	color: #aeaeae;

	font-weight: 700;

}

footer a:hover {

	color: #f2f2f2;

	text-decoration: none;

}



/* RESPONSIVE STYLES */

@media (min-width: 980px) {

	.hidden-lg {

		display: none;

	}

	.jumbotron {

		background: url('../img/background-image2.jpg') fixed;

	}

}

@media (max-width: 979px) {

	body {

		margin-top: 0;

		padding-top: 0;

	}

	.visible-lg {

		display: none;

	}

	.navbar-fixed-top .navbar-inner,

	.navbar-fixed-bottom .navbar-inner {

		padding: 0;

	}

	.navbar .btn-navbar {

		position: absolute;

	}

	.navbar .container-fluid {

		text-align: center;

	}

	.navbar a.brand {

		float: none;

	}

	.navbar .nav > li {

		border: 0;

	}

	.navbar .nav > li:hover {

		background: transparent;

	}

	.navbar .nav > li:hover > p,

	.navbar .nav > li:hover > p .navbar-link,

	.navbar .nav > li:hover > a,

	.navbar .nav > li:hover > a:hover {

		color: #333 !important;

	}



}



.episodebox {

	margin-left:0;

}



.sectionTitle {

	padding-left:0px;

}



.episode_image {

	width:80%;

}