footer {
	padding: 2em;
	margin: 3em 0;
	border-top:1px solid #ddd;
	color: #999;
	text-align: center;
}

.navbar-default .navbar-nav > li > a {
	font-family: Oswald;
	text-transform: uppercase;
	font-weight: 300;
	font-size:1.8em;

}



.skinny {
    font-weight: 300;
}


.mylogo h1 {
    color:grey;
    line-height:1.3em;
    margin-bottom: 0px;
}

.mylogo h3 {
    color:#B53D26;
    line-height: 1em;
    font-size: 3em;
    margin-bottom: 0px;
}
/*social media icon styling*/

/* this is for the social media icons that appear in sm & xs*/
.bottom-icons{
    vertical-align: middle;
    font-size:2.5em;  
}
.bottom-icons a.fa.fa-facebook-square{
color:#3B5998;
}
.bottom-icons a.fa.fa-google-plus-square{
color:#dd4b39;
}
.bottom-icons a.fa.fa-linkedin-square{
color:#007bb6;
}
.bottom-icons a.fa.fa-pinterest-square{
color:#cb2027;
}

/* this is for the social media icons only in the md & lg nav bar*/
.pull-right .fa{
    vertical-align: middle;
    font-size:2.5em;
    padding-right:5px;
    padding-top: 10px;
    line-height: 20px;
    box-sizing: border-box;
}
a.fa{
color:#999;
}
a.fa:hover{
color:red;
text-decoration: none;
}
a.fa.fa-facebook-square:hover{
color:#3B5998;
}
a.fa.fa-google-plus-square:hover{
color:#dd4b39;
}
a.fa.fa-linkedin-square:hover{
color:#007bb6;
}
a.fa.fa-pinterest-square:hover{
color:#cb2027;
}
.navbar-collapse {
    padding-right:0px;
}
/*end social media icon styling*/

/*this adds the background image*/
html { 
  background: url('../images/body_bg.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
/* end background image*/


body {
    background-color: transparent;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
font-family: Oswald;
margin-top: 0PX;
}

.resumebody ul, p{
	font-family: "Open Sans",Ariel,"sans serif";
	font-size:1.4em;
}

p .newtitle{
	font-size: 2em;
}

/*this is for the mobile device "menu" icon in the navbar*/
.navbar-toggle {
	font-family: Oswald;
	font-weight: 300;
	font-size:1.5em;
	padding: 5px 10px;
	color: #B53D26;
}

/*clears the background color from the active section of the navbar*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: none;
    color: #B53D26;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #B53D26;
    //background-color: white;
}

.pull-right.img-responsive {
	margin:0 0 1em 1em;
}

.btn-info{
	background-color: #cdae51;
	border-color:#3f2b22;

	color:white;
}

.top-buffer { margin-top:20px; }

.bottom-buffer { margin-bottom:20px; }

/*This adds the text inside newTitle in fancybox */
.newTitle{
	display: none;
}

/*this if for the thumbnail hover effect*/
.gallery-item {
    height: auto;
    width:inherit;
    position: relative;
}

.gallery-item:hover .img-title {
    opacity: .8;
}

.img-title {
   position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    overflow: hidden; 
    text-align: center;
    display: none; /* comment this out for CSS hover */
    background-color: #333;
    /*transition: all 0.5s ease;*/
}

    .img-title h5 {
        font-family: Oswald, Ariel,sans-serif;
        text-transform: uppercase;
		font-weight: 300;
		font-size:1.8em;
        position: absolute;
        color: #fff;
        top: 33%;
        width: 100%;
        text-align: center;
    }

    /*this adds padding to all the bootstrap column classes*/
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    	padding:15px;
}

/*this styles the divs in the education sections*/
.edubox {
    background-color:white;
    padding:15px;
    border: 1px solid #e7e7e7;
}

.coursenum{
    background-color:#B53D26;
    color:white;
    display:inline;
    float:left;
    vertical-align: middle;
    padding:5px 15px;
    width:2.5em;
    height:2.5em;
    font-family: Oswald;
    text-transform: uppercase;
    font-weight: 300;
    font-size:1.8em;
    line-height: 1em;
}

.coursenum2{
    background-color:#B53D26;
    color:white;
    vertical-align: middle;
    padding:5px 15px;
    width:2.5em;
    height:2.5em;
    font-family: Oswald;
    text-transform: uppercase;
    font-weight: 300;
    font-size:1.8em;
    line-height: 1em;
    float: none;
    margin: 0 auto;
}

.coursenum3{
    
   
    height: 85px;
    width: 85px;
    float: none;
    margin: 0 auto;
    background: url("../images/course-seal.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    font-family: 'Oswald',Helvetica,Arial,sans-serif;
    height: 85px;
    padding: 20px 20px;
    width: 85px;
    color: white;
    text-align: center;
    font-size:1.5em;
    line-height: 1em;
    font-weight: 300;
}

.coursenum4{
    height: 85px;
    position: absolute;
    width: 85px;
    float: none;
    margin: 0 auto;
    background: url("../images/course-seal.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    font-family: 'Oswald',Helvetica,Arial,sans-serif;
    height: 85px;
    left: -20px;
    padding: 20px 20px;
    top: -10px;
    width: 85px;
    color: white;
    text-align: center;
    font-size:1.5em;
    line-height: 1em;
    font-weight: 300;
}

.coursenum5{
   background-color:#B53D26;
    color:white;
    padding:10px;
    width:100%;
    font-family: Oswald;
    text-transform: uppercase;
    font-weight: 300;
    font-size:1.8em;
    line-height: 1em;
    border-radius: 5px;
}

.coursenum6{
    background-color:#B53D26;
    color:white;
    padding:10px;
    width:100%;
    font-family: Oswald;
    text-transform: uppercase;
    font-weight: 300;
    font-size:1.8em;
    line-height: 1em;
    border-radius: 5px;
}

/*this overrides the panel title default sizing */
.panel-title {
    font-size: 18px;
}

/*THis styles the resume page */

hr {
    margin-bottom: 0px;
    margin-top: 0px;
    opacity: 50%;
   // border-color:grey;
    }

.resumecategory h2{
    color:#B53D26;
    line-height:.2em;
    padding-top:0;
    margin-top: 15px;
}
/*this left aligns the resume sections on mobile and tablets*/
@media (max-width: 970px) {
       .resumecategory h2{
        text-align: left;
    }
}

.pagetitle{
    margin:0px;
    padding:0px;
    margin-left:15px;
}