@charset "UTF-8";

/* CSS Document

DOCUMENT INFORMATION
	- Document: Site Styles
	- Version:  1
	- Author:   Simon Oakley

/* =Legend
==================================================

COLORS

Light Maroon  #ac1455
Maroon        #7a003c
Dark Maroon   #56002a
Light Grey    #f1f1f1
Grey          #c6cbce
Dark Grey     #8e979d
Light Slate   #6a7882
Slate         #323e48
Dark Slate    #1e252b
Light Yellow  #fdbf57
Yellow        #e8941a
Dark Yellow   #bf5711
Light Blue    #147cac
Blue          #193989
Dark Blue     #260059
Light Green   #98a632
Green         #677718
Dark Green    #384208

FONTS

Light Condensed         - font-family: 'LightCon';
Light Condensed Italic  - font-family: 'LightConObl';
Bold Condensed          - font-family: 'BoldCon';
Bold Condensed Italic   - font-family: 'BoldConObl';
Condensed               - font-family: 'RegCon';
Condensed Italic        - font-family: 'RegConObl';
Ultra Condensed         - font-family: 'UltraCon';
Font Awesome            - font-family: 'FontAwesome';
Glyphicons Halflings    - font-family: 'Glyphicons Halflings'

/* =Sticky Footer
==================================================*/

html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 250px; /* bottom = footer height */
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 204px;
    width: 100%;
}


/* =Header
==================================================*/
#site-header {
  padding-bottom:0;
}
#site-title {
  display:inline-block;
  margin-top:30px;
  font-family: 'UltraCon';
  color:#1e252b;
  font-size: 50px;
  line-height: 60px;
  margin-bottom: 20px;

}
#site-nav {
  border-radius: 0;
  height:auto !important;
  min-height:0;
  margin-bottom:0;
  border:0;
  background:none;
}

#site-nav * {
  border-radius: 0;
}
#site-nav .navbar-header {
  background:#7a003c;
  margin-left:0; margin-right:0;
  outline:0 !important; border:0 !important;
}
#site-nav .nav {
  margin:0;
  height:auto !important;
  background:#7a003c;
}
#site-nav .nav a {
  padding-left:0; padding-right:0;
  padding-top:11px; padding-bottom:14px;
  font-size:16px; line-height:20px;
  color:#fff;
}
#site-nav .nav a:hover {
  background: #56002a;
}
#site-nav .nav a:focus {
  border:0;
  background: #56002a;
}
#site-nav .nav li.active a {
  background: #1e252b;
}
#site-nav .nav li.active a:hover {
  background: #1e252b;
  cursor: default;
}
#site-nav .collapse {
/*  background-color:#7a003c;*/
  margin-left:0; margin-right:0;
  outline:0 !important; border:0 !important;
}
#site-nav .navbar-collapse {
    border:0 !important;
  padding:0; margin:0;

}
#site-nav .navbar-toggle {
  border:0; margin:0; padding:15px; overflow:hidden; width:100px; padding-left:64px;
}
#site-nav .navbar-toggle .icon-bar {
  background:#fff;
}
#site-nav .navbar-toggle .icon-label {
  color:#fff;
  position:absolute; right:50px; top:12px;
  font-size:16px; line-height:20px;

}




/* =Highlight Cards
==================================================*/
.highlight-card {
  padding-top:0;
  padding-bottom:40px;
  display:block;
  margin-top:0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  box-shadow:0 0 0 rgba(0,0,0,0);
}
.highlight-card:hover {
  margin-top:-5px !important;
  box-shadow:0 2px 15px rgba(0,0,0,0.1);
  background:#fafafa;
}
.card-title {
  font-family: 'RegCon';
  font-size:22px; line-height:30px;
  margin-bottom:0;
  margin-top:20px !important;
}
.card-desc {
  margin-top:10px;
}
.card-image-box {
  overflow:hidden;
  height:160px;
  margin-bottom:0;
  margin-left:-20px; margin-right:-20px;
  background:#1e252b;
   position:relative;
  display:block;

}
.card-image-box img {
  display:block; width:100%; height:auto;

}
.card-date {
  margin-bottom:-10px;
}
.news-card .card-image-box {
  height:200px;
}
.news-card .card-image-box img {
  height:100%; width:auto;
}

/* =Profile
==================================================*/

.well-profile {
  text-align: center;
  padding-bottom: 30px;
}
.profile-img {
  display: block;
  width: 160px;
  height: 160px;
  margin: 10px auto;
}
.profile-name {
  font-family: 'LightCon';
  margin-bottom: 0;
  margin-top: 0;
}
.profile-detail {
  margin-top: 0;
  margin-bottom: 10px;
}
.profile-detail a {
  border-bottom: 0 !important;
}

/* =Publications
==================================================*/
.publication-list {
  margin-top:40px;
  margin-bottom:40px;

}
.publication {
  border-top:1px solid #eee;
  padding-top:10px; padding-bottom:10px;
  padding-left:15px; padding-right:20px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-left:0px solid #eee;
}
.publication * {
  margin:0;
}
.publication p a {
  border-bottom:0; padding:0;
}
.publication:hover {
  padding-left:20px; padding-right:15px;
  background-color:#fafafa;
    border-left:10px solid #c6cbce;
}
.pub-title {
  margin-top:5px;
  margin-bottom:5px;
}
.pagination a {
  color:#7a003c !important;
}
.pagination .active a {
  background-color:#7a003c; color:#fff !important;
  border-color:#7a003c;
}

/* =Funders
==================================================*/
.funder-row {
  padding:0;
  margin-top:40px;
}
.funder-row li {
  list-style-image: none;
  list-style-type: none;
}

.equal-row.funder-row [class*="col-"]>a {
/*  background:red;*/
  height:100%;
  box-sizing: border-box;
  display:inline-block;
  vertical-align: middle;
  width:100%;
  padding:5px;
  border:1px solid #fff;
  text-align:center;
}
.funder-row img {
  display:inline-block;
  vertical-align: middle;
  position:relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
.equal-row.funder-row [class*="col-"]>a:hover {
  border:1px solid #eee;
  box-shadow:0px 1px 10px rgba(0,0,0,0.1);
}

/* =People
==================================================*/
.people-row  {
  margin-bottom:20px;
}
.people-contact-info {
  font-family: 'RegCon';
}
.people-contact-info * {
  margin:0;
}
.people-row a.people-image-box {
  width:140px; height:140px;
  overflow:hidden;
  position:relative;
  display:inline-block;
  border-radius: 50%;
  border:1px solid #eee;
  margin-top:20px;
}
.people-row img {
  display:block;
  width:100%; height: auto;

}
.people-row .people-name {
  margin-top:10px;
  font-size:22px;
  line-height:25px;
  margin-bottom:5px;
  font-family: 'RegCon';
}
.people-row .people-title {
  margin:0;
  margin-bottom:20px;
  font-size:16px; line-height:20px;
}
.header-underline {
  border-bottom:1px solid #ddd;
  padding-bottom:5px;
}

/* =Resources
==================================================*/
.tab-content {
  padding-top:40px;
}

.resource-row .well {
  text-align: center;
  padding: 30px 20px 50px;
}
.resource-title {
  font-family: 'UltraCon';
  text-transform: uppercase;
  font-size: 30px;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 5px;
}
.resource-desc {
  margin-top:10px;
}
.resource-btn {
  margin: 0;
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
}

/* =Banner
==================================================*/
.carousel {

}
.carousel-cell {
  width: 100%; /* full width */
  height: 160px; /* height of carousel */
  margin-right: 10px;
  position:relative;
  display:block;
}
.carousel-cell img {
  display:block; width:100%; height:auto;
  position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.carousel-cell a {
  position:absolute; color:#fff; bottom:30px; left:50px;
  font-size:40px; line-height:50px;
  max-width:40%;
  border-top:2px solid transparent;
  padding-top:15px;
  text-shadow: 1px 2px 15px rgba(0,0,0,1);
}
.carousel-cell a:hover {
  border-top-color:#fff;
  padding-bottom:5px;
}
.carousel-cell a.hero-text-right {
  left:auto; right:50px;
  text-align:right;
}
/* big buttons, no circle */
.flickity-prev-next-button {
  width: 40px;
  height: 40px;
  background: transparent;
}
.flickity-prev-next-button:hover {
  background: transparent;
}
/* arrow color */
.flickity-prev-next-button .arrow {
  fill: white;
}
.flickity-prev-next-button.no-svg {
  color: white;
}
/* hide disabled button */
.flickity-prev-next-button:disabled {
  display: none;
}

/* =Main
==================================================*/
h1 {
  font-family: 'LightCon';
  font-size:40px;
}
h2 {
  font-size:30px; line-height:40px;
}


/* =Footer
==================================================*/
#site-footer {
padding-top:20px; padding-bottom:20px;
}
#site-footer h2 {
  margin-top:0;
  margin-bottom:10px;
}
#site-footer h3 {
  margin-top:0; text-transform: uppercase;
  font-size:12px; line-height:20px;
  margin-bottoM:10px;
  color:#6a7882;
  letter-spacing:1px;
  font-family: 'RegCon';
}
  #footer-site-title {
  font-family: 'UltraCon';
    font-size:35px;
    line-height:40px;
    color:#7a003c;
}
#footer-site-title:hover {
    color:#ac1455;
}
.footer-details {
  font-size:14px;
  font-family: 'RegCon';
  color:#323e48
}