/************************/
/* STICKY FOOTER STYLES */
/************************/

html, body {
  height: 100%;  /* Sticky Footer: The html and body elements cannot have any padding or margin. */
  font-size: 16px;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -80px; /* Negative indent footer by its height */
  padding: 0 0 80px; /* Pad bottom by footer height */
}

footer {
  height: 80px; /* Set the fixed height of the footer here */
  background-color: #f5f5f5;
  padding: 20px 0;
}

img {padding-bottom: 5px;}
    

/***********/
/* GENERAL */
/***********/

a:hover {
    cursor: pointer;
}

.hidden {
    display: none;
}

header {
    background-color: #2d4d84;
    margin-bottom:10px;;
	border-bottom-color:#fff;
}
/*************************/
/* SITE SPECIFIC CLASSES */
/*************************/
h1, h2, h3, h4, .title {
	font-family: 'Boogaloo', Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4 {color:#3e4f6c;}
h1 {font-weight: 900; font-size:35px;}
h2, h3 {font-weight: 700;}
h2 {font-size:23px;}
h3 {font-size:20px;}
h4 {font-size:18px; font-weight:500;}

.well > .h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

.title {font-size:35px; color:#3e4f6c; margin-bottom:0;}

@media (min-width: 768px) {
	.title {font-size:65px;}
}

/* Styles for image captions, relies on HTML5 Shiv for IE8 and below */
/* Styling HTML5 is scary, kids! */
figure {text-align:center; margin:10px;}
    figure img {margin-left:auto; margin-right:auto;}
    figcaption {font-size:12px; color:#999; margin-top:5px;}

/* Styles for a sidebar! */
/* Media Query gives the <aside> no margin when it spans the whole screen*/
aside {margin:0;}
@media (min-width: 768px) {
    aside {margin:0 0 10px 10px;}
}

#content li {margin-bottom:8px;}

table td {font-size:14px;}

footer {border-top:1px solid #ccc;}

/* To allow long lines to wrap! */
p {word-wrap:break-word;} 

.img-centre {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/**************/
/* NAVIGATION */
/**************/
/* Nested navigation lists indent */
nav ul ul {margin-left:15px;}

#sub-nav li {font-size:16px; font-weight:bold; color:#3e4f6c;}
#sub-nav li a {font-weight:normal; padding:5px 10px;}
/* Lighter background colour for subnav */
.navbar .sub-nav {background:#447;}

.nav-pills>li.active a, .nav-pills>li.active a:hover, .nav-pills>li.active a:focus {
	background-color:#3e4f6c;
}

.nav-pills>li.active>ul>li> a:hover, .nav-pills>li.active>ul>li> a:focus {
    background-color: #eee;
}

.nav-pills>li.active>ul>li> a {
    text-decoration: none;
    background-color: transparent;
}

/* Remove right margin from grouped navigation dropdowns */
.navbar .btn-group>.btn:first-child {
	margin-left: 0;
	margin-right: 0;
}

.nav>li a {
	padding-left:13px;
	padding-right:13px;
	font-size:12px;
}

/* Larger font size on wider viewports */
@media (min-width: 992px) {
	.nav>li a {
		padding-left:15px;
		padding-right:15px;
		font-size:14px;
	}
}

.nav .glyphicon {line-height:20px;}

/* Background colour */
.navbar-default {
	background-color:#2d4d84;
	color:#fff;
    border: none;
}

.navbar-toggle,
.navbar-nav .open .dropdown-menu {
	background:#eee;
	color:#000;
}

/* Text colour */
.navbar-default .navbar-nav>li a,
.navbar-default .navbar-nav>li a:hover,
.navbar-default .navbar-nav>li a:focus,
.navbar-default .navbar-nav>.active a,
.navbar-default .navbar-nav>.active a:hover {
	color:#fff;
}

/* Caret colour for dropdown menus, same as text colour above */
.navbar-default .navbar-nav>.dropdown>a .caret,
.navbar-default .navbar-nav>.dropdown>a:hover .caret,
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret  {
	border-top-color:#fff
}

/* Hover colour */
	/* Dropdown hovers */
	.dropdown-menu>li a:hover,
	.dropdown-menu>li a:focus,
	
	/* Normal hover */
	.navbar-default .navbar-nav>.active a,
	.navbar-default .navbar-nav>li a:hover,
	.navbar-default .navbar-nav>li a:focus {
		background-color:#3e4f6c;
	}
	/* Dropdown open menu */
	.navbar-default .navbar-nav>.open a,
	.navbar-default .navbar-nav>.open a:hover,
	.navbar-default .navbar-nav>.open a:focus {
		background-color:#3e4f6c;
		color:#fff;
	}

/* .active item hover colour */
.navbar-default .navbar-nav>.active a:hover {
	background-color:#6161C5;
}

#navigation-button {
    margin-left: 0;
}

#text-brand-container {
    margin-top: 50px;
}

#text-brand {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

#text-brand:hover {
    text-decoration: none;
}

#navbar-sub ul.nav-pills > li > a, #navbar-sub ul.nav-pills > li > a:hover {
    color: white;
    text-decoration: none;
}

#navbar-sub ul.nav-pills > li > a:hover {
    background-color: #38465f;
}

.header-links {
    margin-top: 20px;
}

.header-links .btn-default {
    color: #fff;
    background-color: #3e4f6c;
    border-color: #38465f;
}

.header-links .btn-default:hover {
    background-color: #38465f;
    border-color: #38465f;
}

.header-links a, .header-links a:visited, .header-links a:hover {
    color: #fff;
    text-decoration: none;
}
/***********************/
/* CUSTOM BUTTON CLASS */
/***********************/
.btn-default {
  color: #ffffff;
  background-color: #3e4f6c;
  border-color:#38465f;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default.disabled,
.btn-default[disabled] {
  color: #eeeeee;
  background-color: #3e4f6c;
  border-color:#38465f;
}

.btn-default:active,
.btn-default.active {
  background-color: #3e4f6c \9;
}

/******************/
/* EMBEDING MEDIA */
/******************/
/* Place YouTube/Vimeo videos inside an .embed-container div */
.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*******************************/
/* BOOTSTRAP CHANGES/ADDITIONS */
/*******************************/
img.pull-right {margin:10px 0 10px 10px;}
img.pull-left {margin:10px 10px 10px 0;}

/* Centre text in thumbnails */
.thumbnail > p, .thumbnail > h1, .thumbnail > h2, .thumbnail > h3 {
    text-align: center;
}

/* Fix Google Maps canvas - Wrap your Google Maps embed in a `.reset-box-sizing` to reset Bootstrap's global `box-sizing` changes. */
.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

/* Automatic document link styling - hooray! */
#content p .pdf, #content li .pdf, #content td .pdf, #content th .pdf,
#content p .doc, #content li .doc, #content td .doc, #content th .doc,
#content p .xls, #content li .xls, #content td .xls, #content th .xls,
#content p .ppt, #content li .ppt, #content td .ppt, #content th .ppt,
#content p .video, #content li .video, #content td .video, #content th .video {
    background-image:url(images/document-icons.gif);
    background-repeat:no-repeat;
    padding-right:20px;
}

#content p .pdf, #content li .pdf, #content td .pdf, #content th .pdf {background-position:right 0;}
#content p .doc, #content li .doc, #content td .doc, #content th .doc {background-position:right -16px;}
#content p .xls, #content li .xls, #content td .xls, #content th .xls {background-position:right -32px;}
#content p .ppt, #content li .ppt, #content td .ppt, #content th .ppt {background-position:right -48px;}
#content p .video, #content li .video, #content td .video, #content th .video {background-position:right -64px;}

.promotion {
    padding: 20px 25px;
    border-top: 5px solid #3e4f6c;
    margin: 40px auto;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3e4f6c), to(transparent));
    background-image: -webkit-linear-gradient(#3e4f6c, transparent);
    background-image:
        -moz-linear-gradient(#3e4f6c, transparent),
        -moz-linear-gradient(#3e4f6c, transparent)
    ;
    background-image:
        -o-linear-gradient(#3e4f6c, transparent),
        -o-linear-gradient(#3e4f6c, transparent)
    ;
    background-image: 
        linear-gradient(#3e4f6c, transparent),
        linear-gradient(#3e4f6c, transparent)
    ;
    -moz-background-size:5px 100%;
    background-size:5px 100%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;
}

.center-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.caption h3 {
    text-align: center;
}

#social-media a, #social-media a:hover {
    text-decoration: none;
}

.dl-horizontal dt {
    white-space: normal;
    width: 310px;
    padding-right: 5px;
}

/*************/
/* Animation */
/*************/

.overlay {     
    display: table;
}

.overlay > img {
    z-index: 1;
    position:relative;
}

.overlay-text {
    z-index: 2;
    left: 0;
    position: absolute;
    text-align: center;
    height: 100%;
    width: 100%;
    background:rgba(255,255,255,0.2);
    padding-top: 20px;
}

/***********/
/* Gallery */
/***********/

.gallery {
    display: inline-block;
    margin-top: 20px;
}

.gallery>div {
  float: left;
  width: 100px;  /* adjust to desired width */
  height: 100px; /* adjust to desired height */
  text-align: center;
  margin: 5px;  /* adjust as desired */
}