/*
Theme Name: Creative
Theme URI: https://github.com/BlackrockDigital/startbootstrap-creative
Author: David Miller
Author URI: http://blackrockdigital.io/
Description: Creative is a one page Bootstrap theme for creatives, small businesses, and other multipurpose uses. The theme includes a number of rich features and plugins that you can use as a great boilerplate for your next Bootstrap based project!
Version: 1.0
License: MIT license
License URI: https://github.com/BlackrockDigital/startbootstrap-creative/blob/gh-pages/LICENSE
Text Domain: creative
*/

/*!
 * Start Bootstrap - Creative v4.0.0-alpha (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
#mainNav,a{-webkit-transition:all .2s;-moz-transition:all .2s}header,header .header-content{position:relative;width:100%;text-align:center}body,html{height:100%;width:100%}body{font-family:Merriweather,'Helvetica Neue',Arial,sans-serif;webkit-tap-highlight-color:#222}#mainNav,#mainNav .navbar-brand,.btn,h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}hr{border-color:#4abdbc;border-width:3px;max-width:50px}hr.light{border-color:#fff}a{transition:all .2s;color:#4abdbc}a:focus,a:hover{color:#4abdbc}p{font-size:16px;line-height:1.5;margin-bottom:20px}.bg-primary{background-color:#4abdbc!important}.bg-dark{background-color:#222!important;color:#fff}.text-faded{color:rgba(255,255,255,.7)}section{padding:100px 0}aside{padding:50px 0}.no-padding{padding:0}#mainNav{background-color:#fff;border-color:rgba(34,34,34,.05);transition:all .2s}#mainNav .navbar-brand{color:#4abdbc;font-weight:700;text-transform:uppercase}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#4abdbc}#mainNav .navbar-toggle{font-weight:700;font-size:12px;color:#222;text-transform:uppercase}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{text-transform:uppercase;font-weight:700;font-size:13px;color:#222}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#4abdbc}#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#4abdbc!important;background-color:transparent}#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}@media (min-width:992px){#mainNav{background-color:transparent;border-color:rgba(255,255,255,.3)}#mainNav .navbar-brand{color:rgba(255,255,255,.7)}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(255,255,255,.7)}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff}#mainNav.navbar-shrink{background-color:#fff;border-color:rgba(34,34,34,.05)}#mainNav.navbar-shrink .navbar-brand{color:#4abdbc;font-size:16px}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#4abdbc}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#222}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#4abdbc}}header{min-height:auto;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;background-position:center;background-image:url(img/header.jpg);color:#fff}header .header-content{padding:100px 15px}header .header-content .header-content-inner h1{font-weight:700;text-transform:uppercase;margin-top:0;margin-bottom:0;font-size:30px}header .header-content .header-content-inner hr{margin:30px auto}header .header-content .header-content-inner p{font-weight:300;color:rgba(255,255,255,.7);font-size:16px;margin-bottom:50px}@media (min-width:768px){header{height:100%;min-height:600px}header .header-content{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0 50px}header .header-content .header-content-inner{max-width:1000px;margin-left:auto;margin-right:auto}header .header-content .header-content-inner h1{font-size:50px}header .header-content .header-content-inner p{font-size:18px;max-width:80%;margin-left:auto;margin-right:auto}}.section-heading{margin-top:0}.service-box{max-width:400px;margin:50px auto 0}@media (min-width:992px){.service-box{margin:20px auto 0}}.service-box p{margin-bottom:0}.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}.portfolio-box .portfolio-box-caption{color:#fff;opacity:0;display:block;background:rgba(74,189,188,.9);position:absolute;bottom:0;text-align:center;width:100%;height:100%;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}.btn-default.active,.btn-default:active,.btn-primary.active,.btn-primary:active,.open>.btn-default.dropdown-toggle,.open>.btn-primary.dropdown-toggle{background-image:none}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{width:100%;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;padding:0 15px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{text-transform:uppercase;font-weight:600;font-size:14px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}.portfolio-box:hover .portfolio-box-caption{opacity:1}.portfolio-box:focus{outline:0}@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}.call-to-action h2{margin:0 auto 20px}.text-primary{color:#4abdbc!important}.no-gutter>[class*=col-]{padding-right:0;padding-left:0}.btn-default{color:#222;background-color:#fff;border-color:#fff}.btn-default.focus,.btn-default:focus{color:#222;background-color:#e6e6e6;border-color:#bfbfbf}.btn-default.active,.btn-default:active,.btn-default:hover,.open>.btn-default.dropdown-toggle{color:#222;background-color:#e6e6e6;border-color:#e0e0e0}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.btn-default.dropdown-toggle.focus,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle:hover{color:#222;background-color:#d4d4d4;border-color:#bfbfbf}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#fff}.btn-default .badge{color:#fff;background-color:#222}.btn-primary{color:#fff;background-color:#4abdbc;border-color:#4abdbc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#eb3812;border-color:#a4270d}.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.btn-primary.dropdown-toggle{color:#fff;background-color:#eb3812;border-color:#e13612}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover{color:#fff;background-color:#c93110;border-color:#a4270d}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#4abdbc;border-color:#4abdbc}.btn-primary .badge{color:#4abdbc;background-color:#fff}.btn{border:none;border-radius:300px;font-weight:700;text-transform:uppercase}.btn-xl{padding:15px 30px}::-moz-selection{color:#fff;text-shadow:none;background:#222}::selection{color:#fff;text-shadow:none;background:#222}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}

:target:before {
	content:"";
	display:block;
	height:110px; /* fixed header height*/
	margin:-110px 0 0; /* negative fixed header height */
}
 
/*-----------------------
	colours
------------------------*/
/*

	Primary (Lagoon blue):			#4ABDBC;
	Highlight 1 (Coral red):		#FC4A1A;
	Highlight 2 (Sunshine Yellow):	#F7B733;
	Grey (Cloud Grey):				#DFDCE3;
	
	primary-darker:					#3da7a8;
	
	primary-dark:					#308276;
	Highlight 1 (Coral red):		#BF2A02;
	Highlight 2 (Sunshine Yellow):	#CD8D08;
	Grey (Cloud Grey):				#DFDCE3;
*/
	.bg-white{background-color:#fff!important;}
	
	.bg-primary-darker{background-color:#3da7a8!important;}
	
	.bg-grey-light{background-color:#f0eff2!important;}
	.bg-grey-lighter{background-color:#f9f8fa!important;}
	.bg-grey{background-color:#DFDCE3!important;}
	
	.bg-highlight{background-color:#FC4A1A!important;}
	
	.text-dark {
		color:#292b2c;
	}
 
/*-----------------------
	additional styles
------------------------*/

body.logged-in #mainNav {
    margin-top: 30px !important;
}

.hidden {
	display:none;
}

.intro-footer {
    position: absolute;
    bottom: 0;
    left: 20%;
    right: 20%;
}

.menu-inline li+li:before {
    content: "|";
	margin-right: 5px;
}

.filter {
  position: relative;
  /*-webkit-filter: contrast(125%) saturate(110%) sepia(33%) invert(15%);
  filter: contrast(125%) saturate(110%) sepia(33%) invert(15%);*/
  filter: contrast(125%) saturate(110%) invert(15%);
}
.filter::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
  mix-blend-mode: darken;
  opacity: 0.75;
  /*background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 1) 10, rgba(255, 255, 255, 0), 100);*/
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 10%, rgba(255, 255, 255, 0) 100%);
}

.opaque-slightly {
	opacity: 0.7;
}

.font-weight-light {
	font-weight: 300;
}

.background-thing {
	background-image: url("img/318502490.jpg");
	min-height: auto;
    background-size: cover;
    background-position: center;
    color: #fff;
	background-attachment: fixed;
}

.cursor-pointer {
	cursor: pointer;
}

.text-404 {
    font-size: 15vw;
}

hr {border-color:#dfdce3;border-width:1px;max-width:100%;}

hr.hr-primary{border-color:#4abdbc;border-width:3px;max-width:50px}

hr.hr-white{border-color:#fff;border-width:3px;max-width:50px}

@media (min-width: 992px) {

	#mainNav.navbar-shrink {
		border-bottom: 1px solid #4abdbc;
	}
}

ul.academic-partners {list-style-type:none;}

#map {
	margin-top:0;
	height: 400px;
    width: 100%;
}

.epsrc-logo {
	padding-left:20px;
}


/*------------------------------
	timeline
-------------------------------*/

.timeline {
  position: relative;
  padding: 0;
  list-style: none; }
  .timeline:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    content: '';
    background-color: #f1f1f1; }
  .timeline > li {
    position: relative;
    min-height: 50px;
    margin-bottom: 50px; }
    .timeline > li:before, .timeline > li:after {
      display: table;
      content: ' '; }
    .timeline > li:after {
      clear: both; }
    .timeline > li .timeline-panel {
      position: relative;
      float: right;
      width: 100%;
      padding: 0 20px 0 100px;
      text-align: left; }
      .timeline > li .timeline-panel:before {
        right: auto;
        left: -15px;
        border-right-width: 15px;
        border-left-width: 0; }
      .timeline > li .timeline-panel:after {
        right: auto;
        left: -14px;
        border-right-width: 14px;
        border-left-width: 0; }
    .timeline > li .timeline-image {
      position: absolute;
      z-index: 100;
      left: 0;
      width: 80px;
      height: 80px;
      margin-left: 0;
      text-align: center;
      color: white;
      border: 3px solid #3da7a8;
      border-radius: 100%;
      background-color: #4abdbc;
	  display: flex;
      align-items: center;
      justify-content: center;	  }
      .timeline > li .timeline-image h4 {
        font-size: 10px;
        line-height: 14px;
        margin-top: 12px; }
    .timeline > li.timeline-inverted > .timeline-panel {
      float: right;
      padding: 0 20px 0 100px;
      text-align: left; }
      .timeline > li.timeline-inverted > .timeline-panel:before {
        right: auto;
        left: -15px;
        border-right-width: 15px;
        border-left-width: 0; }
      .timeline > li.timeline-inverted > .timeline-panel:after {
        right: auto;
        left: -14px;
        border-right-width: 14px;
        border-left-width: 0; }
    .timeline > li:last-child {
      margin-bottom: 0; }
  .timeline .timeline-heading h4 {
    margin-top: 0;
    color: inherit; }
    .timeline .timeline-heading h4.subheading {
      text-transform: none; }
  .timeline .timeline-body > p,
  .timeline .timeline-body > ul {
    margin-bottom: 0; }

@media (min-width: 768px) {
  .timeline:before {
    left: 50%; }
  .timeline > li {
    min-height: 100px;
    margin-bottom: 100px; }
    .timeline > li .timeline-panel {
      float: left;
      width: 41%;
      padding: 0 20px 20px 30px;
      text-align: right; }
    .timeline > li .timeline-image {
      left: 50%;
      width: 100px;
      height: 100px;
      margin-left: -50px;
	  border: 7px solid #3da7a8;}
      .timeline > li .timeline-image h4 {
        font-size: 13px;
        line-height: 18px;
        margin-top: 16px; }
    .timeline > li.timeline-inverted > .timeline-panel {
      float: right;
      padding: 0 30px 20px 20px;
      text-align: left; } }

@media (min-width: 992px) {
  .timeline > li {
    min-height: 150px; }
    .timeline > li .timeline-panel {
      padding: 0 20px 20px; }
    .timeline > li .timeline-image {
      width: 150px;
      height: 150px;
      margin-left: -75px; }
      .timeline > li .timeline-image h4 {
        font-size: 18px;
        line-height: 26px;
        margin-top: 30px; }
    .timeline > li.timeline-inverted > .timeline-panel {
      padding: 0 20px 20px; } }

@media (min-width: 1200px) {
  .timeline > li {
    min-height: 150px; }
    .timeline > li .timeline-panel {
      padding: 0 20px 20px 100px; }
    .timeline > li .timeline-image {
      width: 150px;
      height: 150px;
      margin-left: -75px; }
      .timeline > li .timeline-image h4 {
        margin-top: 40px; }
    .timeline > li.timeline-inverted > .timeline-panel {
      padding: 0 100px 20px 20px; } }
	  

@media (min-width:768px) { 
/* centered navigation */
 .navbar-nav {
     float: left;
 }
 .navbar-nav {
     clear: left;
     float: left;
     margin: 0;
     padding: 0;
     position: relative;
     left: 50%;
     text-align: center;
 }
 .navbar-nav > li {
     position: relative;
     right: 50%;
 }
.navbar-nav li {
    text-align: left
 }
}

.cimcomp_publications p {
	padding:0;
	margin:0;
}

.cimcomp_publications {
	padding-bottom:30px;
}

.idc-button {
	padding: 10px 0;
}

ul#menu-footer .current-menu-item  {
	display:inline-block;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding: 10px 4px 0px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

.biography-text p {
	text-align: justify;
}