/* Vars */
/* 	Width of tabs when showing just the letter, and the full word.

	TODO(?): It would be better if the width wasn't set to a hard pixel value. But I can't think
	of a quick way to animate that -- since width:auto will instantly resize the tab to 
	the width of its content. I mean, not without some messy combination of jQuery and a 
	duplicate DOM node with visibility:hidden. Yuck. 
*/
/* Acronym animations (in the top tabs) */
.nav-tabs {
  background-color: #ededed; }
  .nav-tabs li {
    margin-bottom: -2px;
    margin-left: -2px;
    /* colour stuff */
    /* acronym stuff */ }
    .nav-tabs li a {
      border-right: 1px solid #bababa;
      color: #005f7a;
      border: none; }
      .nav-tabs li a:focus, .nav-tabs li a:hover {
        border: none;
        background-color: #fed479;
        color: #A62B4B; }
    .nav-tabs li.active > a {
      border: none;
      background-color: #fed479;
      color: #A62B4B; }
      .nav-tabs li.active > a:focus, .nav-tabs li.active > a:hover {
        border: none;
        background-color: #fed479;
        color: #A62B4B; }
    .nav-tabs li.acronym {
      transition: width .3s;
      overflow-x: hidden;
      width: 40px; }
      .nav-tabs li.acronym a .acronym__letter {
        display: block; }
      .nav-tabs li.acronym a .acronym__full-word {
        display: none; }
      .nav-tabs li.acronym.active {
        width: 120px; }
        .nav-tabs li.acronym.active a .acronym__letter {
          display: none; }
        .nav-tabs li.acronym.active a .acronym__full-word {
          display: block; }

/* Tab contents, generic */
.tab-content {
  background-color: #faf8f8;
  padding: 0; }

.tab-pane {
  padding: 0 25px;
  width: 100%;
  height: 100%; }

.img-thumbnail.pull-right {
  margin-left: 25px; }

.text-content.half-panel {
  width: 100%;
  height: 100%;
  max-width: 425px;
  padding: 20px;
  border: 1px solid #f3f1f1;
  background-color: #faf8f8; }

/* intro slide */
#europe-today {
  padding: 0;
  background: #fff url(../images/bk_colourMap.jpg) right no-repeat; }

#europe-changes {
  background: #fff url(../images/bk_neutralMap.jpg) right no-repeat;
  padding: 25px; }
  #europe-changes .text-content {
    width: 60%; }

#survival-strategies {
  padding: 0;
  background: #fff url(../images/bk_neutralMap.jpg) right no-repeat;
  /* text links to tab contents */ }
  #survival-strategies .link-to-tab {
    font-size: 1.75rem; }

/* Generic stuff */
.hidden {
  display: none; }

/* Timeline! */
#europeTimeline {
  margin-top: 45px;
  width: 420px; }
  #europeTimeline h3 {
    margin-bottom: 0; }

.cd-horizontal-timeline_Timeline .events-wrapper_Timeline:before, .cd-horizontal-timeline_Timeline .events-wrapper_Timeline:after {
  background: none; }

.events-content_Timeline {
  display: none; }

figure {
  display: table;
  margin-left: 15px; }

figcaption {
  display: table-caption;
  caption-side: bottom;
  padding-left: 5px;
  font-size: 10px; }

/*# sourceMappingURL=styles.css.map */