@charset "UTF-8";
/* CSS Document */

/* Fonts Geo and Ubuntu Mono */
@import url('https://fonts.googleapis.com/css?family=Geo|Ubuntu+Mono');

/* Sitewide */
html {
  position: relative;
  min-height: 100%;
}

body {
	font-family: 'Ubuntu Mono', monospace;
	/*background-color:  #A7AFB2;*/
	/*color: #fff;*/
	margin-bottom: 10rem;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Geo', sans-serif;
	margin-top: 0;
	margin-bottom: 0;
}
p {
	font-size: 1.5rem;
}
a {
	color:#003186;
	text-decoration: underline;
}
a:hover, a:active {
	color: #D82F25;
}
ul {
	list-style: square;
}

.btn-primary {
  text-decoration: none;
  background-color: #013286;
  color: white;
  border: none;

}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #d83026;
  color: white;
  transition: background .5s;
}
.pagination > li > a {
  z-index: 3;
  color: #FFF;
  background-color: #013286;
  border-color: none;
  transition: background .5s;

}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    background-color: #d83026;
    transition: background .5s;
}

/* Navbar Stuff */

#primeNav .navbar-brand h1.fullName {
  font-size: 1.5em;
}


#primeNav a.navbar-brand,
#primeNav a.navbar-brand:hover,
#primeNav a.navbar-brand:focus {
  text-decoration: none;
}

#primeNav .navbar-toggle {
    background-color: #fff;
    color: #003186;
}

#primeNav .navbar-toggle:focus,
#primeNav .navbar-toggle:hover {
  background-color: #D82F25;
  transition: background .5s;
}

#primeNav.navbar-default {
	background: rgba(255,255,255,.5);
	border: none;
	margin-bottom: 0;
}

#siteNav {
  padding: 0;
}
#siteNav a {
	color: #003186;
	font-size: 1.5em;
  font-weight: bold;
  text-decoration: none;
}
#siteNav a:hover {
  color: #D82F25;
}

#siteLinks {
    background-color: #D82F25;
}
.in #siteLinks .menu-item a {
  text-decoration: none;
}
.in #siteLinks .menu-item a:hover, .in #siteLinks .menu-item a:focus  {
  color: #fff;
}


#siteLinks .navbar-nav {
  margin: 0;
}

/*Logo*/
#logo {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.logo {
  width: 100%;
}
h1.fullName, h2.specialty {
	margin-top: 0;
	margin-bottom: 0;
}
.letterM, .letterJ {
    fill: #003186;
}
.letterL {
    fill: #D82F25;
}
.firstN, .lastN {
	color: #003186;
	display: inline-block;
}
.middleN {
	color: #D82F25;
	display: inline-block;
}
.specialty {
	display: inline-block;
}
/*Intro*/
.intro, .resumeArea {
	margin-top: 4rem;
	margin-bottom: 2rem
}
.intro p {
	font-size: 1.5em;
}

/*Whats new area*/
.whatsNew {
  margin-top: 3em;
}
.theLatest {
    margin-bottom: 1.5rem;
}
/* Footer */
.social .fa {
	padding: 0 1rem 0 1rem;
}

/*Portfolio*/

.portfolioArea {
	margin-top: 2rem;
	height: 100%;
}
.portfolioArea .grid-item-content{
	min-height: 50rem;
	margin-bottom: 2em;
	border: 1px solid #efefef;
	padding: 5px;
}
.portfolioArea h4.technology small {
  color: #003186;
}

/*Portfolio Item */
#projectCarousel .carousel-control.right,
#projectCarousel .carousel-control.left {
  background-image: none;
}


/*Resume*/
.pageTitle {
	margin-bottom: 2rem
}
.position {
    margin-bottom: 5rem;
}
.position h2, .position h3 {
    margin-bottom: 0;
	margin-top: 0;
	font-weight: bold;
}

.position li {
	font-size: 1.5rem;
}

/*Blog*/
.blogArea {
	margin-top: 2rem;
	height: 100%;
}
.blogArea .grid-item-content{
	min-height: 50rem;
}

/*Footer */
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 100px;
	/*line-height: 60px;*/ /* Vertically center the text there */
}
.footer a {
	text-decoration: none;
}
.copyright {
	color:#003186;
}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    right: 10px; /* padding from the left side of the window */
    z-index: 2;
}

@media (max-width: 1200px) {
    .affix {
        position: static;
    }
}