/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

#footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}


/* Top Logo Line */
body > .container { padding-top: 140px; }
.navbar-fixed-top { top: 80px; transition: top 0.3s; }
.logo-top {position: fixed; top: 0; right: 0; left: 0; background-color: #fff; height: 80px; padding-top: 15px; transition: top 0.3s;}
.logo-top > .container > div {float: left;}
.logo-top .main-info {margin-left: 60px;}
.logo-top .main-title {font-weight: bold; font-size: 150%;}
.logo-top .main-description {}
.links-top {float: right !important; height: 50px;}
.links-top img {height: 50px;}

/* NavBar Logo */
.logo-small {
	position: relative;
	display: inline-block;
	width: 52px;
	margin-right: 15px;
	padding: 0px;
	margin-top: -50px;
	opacity: 0;
	transition: margin-top: 0.2s;
	transition: opacity 0.3s;
}

.logo-small > img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

/* NavBar Colors*/
.navbar-default {
  background-color: #008ccb;
  border-color: #0c679f;
}
.navbar-default .navbar-brand {
  color: #fcfcfc;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #fcfcfc;
}
.navbar-default .navbar-nav > li > a {
  color: #fcfcfc;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #008ccb;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #fcfcfc;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #0c679f;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #0c679f;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #0c679f;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #0c679f;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #0c679f;
}
.navbar-default .navbar-toggle {
  border-color: #0c679f;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #0c679f;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fcfcfc;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #fcfcfc;
}
.navbar-default .navbar-link {
  color: #fcfcfc;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fcfcfc;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #0c679f;
  }
}


/* News Slider */
.sliderNews {width: 100%;}
.sliderNews:after {content: ""; display: table; clear: both;}
.sliderNews .newsItem {background: #008CCB; padding: 2px 2px;}
.sliderNews .newsImage {float: left; width: 560px; height: 420px;}
.sliderNews .newsDescription {margin-left: 570px; padding: 10px 15px;}
.sliderNews .newsDescription, .sliderNews .newsDescription a {color: #fff;}
.sliderNews .newsTitle {margin-bottom: 15px; font-family: "Open Sans Condensed", sans-serif; font-size: 120%; font-weight: bold; }

.indexHighlights > .slick-prev::before, .indexHighlights > .slick-next::before {color: gray !important;}

/* Index Banners */
.indexBanner {margin: 0; padding: 0; list-style-type: none; }
.indexBanner li {margin-bottom: 10px;}
.indexBanner img {max-width: 250px;}

/* Social Icons */
#social ul {list-style: none; margin: 0; padding: 0;}
#social ul li {display: inline-block;}
#social ul li a {color: #fff; text-decoration: none;}
.fa-facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-facebook:hover {
    background-color: #3d5b99;
}
.fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-twitter:hover {
    background-color: #00aced;
}
.fa-youtube {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-youtube:hover {
    background-color: #e64a41;
}

/* Index News & Publications*/
.indexDots {
    background: linear-gradient(90deg, #fff 3px, transparent 1%) center, linear-gradient(#fff 3px, transparent 1%) center, #999;
    background-size: 4px 4px;
}
.indexBlock {margin-top: 24px;}
.indexBlock .newsTitle { font-family: "Open Sans Condensed", sans-serif; }
.indexBlock .newsTitle h2 {margin-top: 10px;}
.indexBlock .newsItems {background: #fff; padding: 15px; margin-bottom: 10px;}
a.indexBlock {display: block; margin: 10px auto; text-align: center;}
.img-border {border: solid 1px #999;}

/* News List */
ul.newsList {list-style-type: none;}
ul.newsList li {border-bottom: 1px solid #999; padding: 10px; position: relative; min-height: 120px;}
ul.newsList li:nth-of-type(odd) {background-color: #eee;}
ul.newsList li a.commonMore {position: absolute;bottom: 10px;right: 50px;}

/* Events */
.eventInfo {padding: 10px 0 10px 8.33%; margin-bottom: 15px; background: #cef0ff;}
.eventInfo label {width: 130px;}
ul.eventList {list-style-type: none;}
ul.eventList>li.header {min-height: 40px;}
ul.eventList>li.header>div {text-align: center; font-weight: bold;}
ul.eventList li {border-bottom: 1px solid #999; padding: 10px; position: relative; min-height: 60px;}
ul.eventList li:nth-of-type(odd) {background-color: #eee;}

/* Left Column */
#leftColumn .simpleItem {margin-bottom: 15px;}
#leftColumn .simpleItem .itemDate {font-size: 90%; font-weight: bold; color: grey;}

/* Photo Gallery */
.album-item, .image-item {
    width: 220px;
    height: 300px;
    float: left;
    padding: 5px 10px;
}