/* --------------------------------------
   Body elements & links
   -------------------------------------- */

h1, h2, h3, h4, .byLine, .introHeader, .introClosingHeader { font-family: 'Fjalla One', sans-serif; }

p { font-size: 15px; line-height: 23px; }

small { font-size: 13px; line-height: 14px; }

p a, p a:link, p a:visited {
    color: #a93c3c;
}

.byLine a, byLine a:link, byLine a:visited {
    color: #a93c3c;
}

blockquote { 

	background: #f7f7f7; 
	padding: 15px 20px 15px 25px;
	margin: 20px 0px 20px 0px;
	border-left: 4px solid #d1d1d9;
}

footer a, footer a:link, footer a:visited {
    color: #7689b7;
}

.custom-search-form {
    margin-top: 20px;
}

.twitter-timeline { margin-bottom: 20px; }

/* --------------------------------------
   Footer - stick to bottom on short pages only (About and others)
   -------------------------------------- */

html, body {
    height: 100%;
}

#header {
    width: 100%;
}

#holder {
    min-height: 100%;
    position: relative;
}

#body {
    padding-bottom: 120px;
}

#footer{
    bottom: 0;
    left: 0;
    height: 120px;
    position: absolute;
    right: 0;
}


/* --------------------------------------
   Navbar color adjustments
   -------------------------------------- */

.navbar-inverse 
{ background-color: #304a86; }

.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus 
{ background-color: #161457; }

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #161457; }

.dropdown-menu>li>a { color: black; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background:#f3f3ff color: black; }

.navbar-inverse .navbar-brand { color: white; }

.navbar-inverse .navbar-nav>li>a { color: white; }

.navbar-inverse .navbar-toggle { border-color: #5d658c; background-color: #161457; }
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus { background-color: #122a62; }

.navbar-brand {
	padding: 13px 15px;
}

/* --------------------------------------
   Home page Intro copy
   -------------------------------------- */

.introHeader { color: #a93c3c; font-size: 18px; margin-top: 5px; margin-bottom: -15px; }

.introCopy { margin: 15px 100px 25px 100px; }

.introClosingHeader { color: #a93c3c; font-size: 18px; margin-top: 5px; margin-bottom: -15px; }

.introClosingCopy { margin: 15px 100px 25px 100px; }
   
/* --------------------------------------
   Carousel
   -------------------------------------- */
   
#myCarousel { margin-bottom: 40px; }

.carousel-caption p { font-size: 16px; }

.carousel-caption h1 { font-size: 45px; color: #e2cf81; }


/* --------------------------------------
   Main article panel
   -------------------------------------- */

.panel {

	border-radius: 0px;
	padding: 0px 10px 0px 10px; }
	
.articleHeader {
	
	font-size: 45px; }
		
}

h5 { color: #aeaeae; }

h4 { color: #a93c3c; }

.storySub { margin-top: 25px; line-height: 25px; }
	
.byLine { 

	font-size: 90%;
	margin-top: -10px;
	margin-bottom: 0px;
	color: #aeaeae;
	
}

.page-header {
	margin-top: 0;
	color: #a93c3c;
}

.sub {
	
	color: #aeaeae;
	margin-top: 0px;
	margin-bottom: 15px;
	
}

.panel-body {
	
	padding-top: 0px;
	
}


/* --------------------------------------
   Article image adjustment
   -------------------------------------- */

.featureImg {
	
	margin-bottom: 15px; margin-top: 15px; 
}

.insetImg {

	float: left; margin: 5px 10px 0px 0px;
	
}


/* --------------------------------------
   Right Sidebar adjustments
   -------------------------------------- */

.sidebar-header {
	
	margin-top: 0px;
	padding: -10px;
	background: #f3f3ff;
	
}

.sidebar-header2 {
	
	font-size: 100%;
	color: #5a5555;
	margin-top: 0px;
	margin-bottom: 0px;

}

.sidebar-item {
	
	color: #a93c3c;
	
}


.list-group-item-text {
	
	margin-bottom: 8px;
	margin-top: -5px;
	font-size: 90%;
	
}


.list-group-item {
	
	border-radius: 0px !important;
	
}

.list-group-item:hover {
	background: #f3f3ff !important;
}



/* --------------------------------------
   Footer
   -------------------------------------- */

footer { background: #304a86; color: #eee; font-size: 12px; padding: 10px; }

.footerHeadline { color: white; }

.footerBody { font-size: 13px; line-height: 17px; }

ul.unstyled { list-style: none; padding: 0; }


/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* XS- Extra Small - Portrait & landscape phone */
@media (max-width: 767px) {

p { font-size: 14px; line-height: 22px; }

.sidebar-item { font-size: 16px; }
.list-group-item-text { font-size: 100%;}

.sub { font-size: 100%; line-height: 140%; }
.byLine { font-size: 80%; }

.imgSummary { display: none; }

.introHeader { display: none; }
.introCopy { display: none; }

#myCarousel { margin-bottom: 20px; }
.carousel-caption h1 { font-size: 20px; }
.carousel-caption p { display: none; }

.panel { padding: 0px; }

.articleHeader { font-size: 24px; margin-bottom: 5px; line-height: 30px; }
.storySub { font-size: 16px; line-height: 23px; }

.articleHeaderHome { font-size: 24px; }

.introClosingCopy { margin: 15px 20px 25px 20px; }

.twitterSidebar { display: none; }


}


/* SM - Small - Portrait tablet to laptop */

@media (min-width: 768px) and (max-width:991px) {


.carousel-caption h1 { font-size: 40px; }

.articleHeaderHome { font-size: 32px; }

.twitterSidebar { display: none; }
        
}

/* MD - Medium - Small desktop */

@media (min-width: 992px) and (max-width:1199px) {

.sidebar-item { font-size: 17px; }
.list-group-item-text { font-size: 85%; }
.sidebar-header2 { font-size: 90%; }
.sub { font-size: 115%; }

.articleHeaderHome { font-size: 30px; }

        
}

/* LG - Large desktops */

@media (min-width: 1200px) {

.carousel-caption h1 { font-size: 50px; }

.articleHeaderHome { font-size: 30px; }
    
        
}


/* --------------------------------------
   Animations
   -------------------------------------- */
   
.fade-in {
  animation: fadeIn ease 4s;
  -webkit-animation: fadeIn ease 4s;
  -moz-animation: fadeIn ease 4s;
  -o-animation: fadeIn ease 4s;
  -ms-animation: fadeIn ease 4s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}