/*
 Theme Name:   BFB SitePoint Base Child
 Theme URI:    http://www.bigfunbox.com/
 Description:  A sitepoint-base child theme by Tahir Taous
 Author:       Shawn Epling
 Author URI:   http://www.bigfunbox.com
 Template:     sitepoint-base
 Text Domain:  bfb-sitepoint-base-child
 Version:      1.0.0
*/

a {color: #00BCD4;}
a:visited {text-decoration: underline;}

.site-title a {
    color: #00BCD4;
    font-size: 32px;
    font-size: 2rem;
}

body, dt, b, strong, strong em, b em, em,
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption,
blockquote p, blockquote cite,
.menu-toggle, button, input,
.archive-title,
.page-title,
.entry-content th,
.comment-content th,
.comments-link,
.entry-header address,
.comment-content address,
.entry-header time,
.entry-header address,
.entry-content dt,
.comment-content dt,
.archive-meta,
.comments-area article header time,
form label.error,
#wp-calendar caption,
.nav-menu
{
  font-family: 'Titillium Web', sans-serif;
}

h1, h2, h3, h4, h5, h6,
article.sticky .featured-post,
h1.page-title{
font-family: Arial, Helvetica, sans-serif;
}

.nav-menu { font-weight: normal;}
.main-small-navigation a, .main-navigation a{color: #00bcd4;}

.main-navigation ul ul a {padding: .5rem;}

.widget li {margin: .5rem 0;}

@media only screen and (max-width: 519px) {
.site-description{text-align: center;}
}

h1 {
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	font-size: 2rem;
	line-height: 1.25;
}

h2 {
	margin-bottom: 8px;
	margin-bottom: .5rem;
	font-size: 1.8rem;
	line-height: 1.1666;
}

h3 {
	margin-bottom: 6px;
	margin-bottom: 0.375rem;
	font-size: 1.65rem;
	line-height: 1.2857;
}


h4 {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 1.5rem;
	line-height: 1.25;
}

h5 {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
  font-size: 1.2rem;
	line-height: 1.25;
}

h6 {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 1.1rem;
	line-height: 1.2142;
}


.content-bar {
	width:100%;
	float:none;
	position:relative;
	padding: 50px 10px;	
}
section.content-bar div { max-width:1200px; margin-right:auto; margin-left:auto; }
section.content-bar h1, section.content-bar h1, section.content-bar h1 {
    clear:none;
}
section.content-bar div h1  {
	font-size:18px;
    display: block;
    margin: 0;
    padding: 20px;
    position: relative;
    text-align: center;
    width: 33%;
    float: left;
}
section.content-bar div h2  {
    font-size:16px;
}
section.content-bar div h3  {
    font-size:14px;
    color:yellow;
}
.white-bar {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #636363 0%, #ffffff 5px, #fcfcfc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(5px,#ffffff), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #636363 0%,#ffffff 5px,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #636363 0%,#ffffff 5px,#fcfcfc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #636363 0%,#ffffff 5px,#fcfcfc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #636363 0%,#ffffff 5px,#fcfcfc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
}
.blue-bar {
	color: white;
	background: #26456d; /* Old browsers */
	background: -moz-linear-gradient(top,  #26456d 0%, #1e5799 5px, #1e5799 43%, #1e5799 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26456d), color-stop(5px,#1e5799), color-stop(43%,#1e5799), color-stop(98%,#1e5799)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #26456d 0%,#1e5799 5px,#1e5799 43%,#1e5799 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #26456d 0%,#1e5799 5px,#1e5799 43%,#1e5799 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #26456d 0%,#1e5799 5px,#1e5799 43%,#1e5799 98%); /* IE10+ */
	background: linear-gradient(to bottom,  #26456d 0%,#1e5799 5px,#1e5799 43%,#1e5799 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26456d', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
}
.blue-bar a, .orange-bar a {
	border: 1px solid white;
    color: white;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 5px auto;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 200px;
}
.blue-bar a:hover, .orange-bar a:hover { color:yellow;}
/*end blue-bar*/
.orange-bar {
	color:seashell;
	background: #af5500; /* Old browsers */
	background: -moz-linear-gradient(top, #af5500 0%, #ffa500 2%, #ffa500 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af5500), color-stop(2%,#ffa500), color-stop(100%,#ffa500)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #af5500 0%,#ffa500 2%,#ffa500 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #af5500 0%,#ffa500 2%,#ffa500 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #af5500 0%,#ffa500 2%,#ffa500 100%); /* IE10+ */
	background: linear-gradient(to bottom, #af5500 0%,#ffa500 2%,#ffa500 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af5500', endColorstr='#ffa500',GradientType=0 ); /* IE6-9 */
}
/* end orange-bar */
section.content-bar section.half {
	display:block;
	float:left;
	width:50%;
	text-align:left;
	padding-left:20px;
}
section.content-bar section.half img {float:left; margin:0px 20px;}
section.content-bar section.half h1 {
	display: inline;
	float:none;
	padding:0px;
	
}

footer.page-footer {
	background-color: #e6e6e6;
}
.main {
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	padding: 1.71429rem 0;
}

/* form elements */
.control-group .control-label {
	float:left;
	display: block; 
	width:200px;
	width: 12.5rem;
}
fieldset { border: 0; }