/* 	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: max-width .3s;
      overflow-x: hidden;
      max-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 {
        max-width: 120px; }
        .nav-tabs li.acronym.active a .acronym__letter {
          display: none; }
        .nav-tabs li.acronym.active a .acronym__full-word {
          display: block;
          white-space: nowrap; }

/* 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; }

.dcc_content {
  width: 898px;
  height: 498px;
  border: 1px solid #efefef;
  overflow: hidden;
  position: relative; }

#europeMap {
  position: relative;
  height: 100%;
  width: 100%;
  background-size: 105%;
  background-position-x: -36px;
  background-position-y: -16px;
  background-repeat: no-repeat;
  transform: translateZ(0); }
  #europeMap .panel-group.tabscomponents-nav {
    width: 200px;
    padding: 20px; }
  #europeMap #ententeInfographic, #europeMap #allianceInfographic {
    width: 200px;
    position: absolute;
    top: 220px;
    left: 20px; }
  #europeMap.country-detail #ententeInfographic, #europeMap.country-detail #allianceInfographic {
    display: none; }
  #europeMap.triple-alliance {
    background-image: url(../images/bk_allianceMap.jpg); }
    #europeMap.triple-alliance #ententeInfographic {
      display: none; }
  #europeMap.triple-entente {
    background-image: url(../images/bk_ententeMap.jpg); }
    #europeMap.triple-entente #allianceInfographic {
      display: none; }

.triple-alliance-members ul li a {
  color: #A62B4B; }

#maintab {
  width: 675px;
  height: 400px;
  transform: translateX(900px);
  position: absolute;
  top: 60px;
  right: 20px; }
  #maintab .img-thumbnail {
    max-height: 270px; }

.bounce-in-from-right {
  animation: bounce-in-from-right 1000ms linear both; }

/* Generated with Bounce.js. Edit at https://goo.gl/tjypCC */
@keyframes bounce-in-from-right {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 800, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 800, 0, 0, 1); }
  1.3% {
    -webkit-transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 632.054, 0, 0, 1);
    transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 632.054, 0, 0, 1); }
  2.55% {
    -webkit-transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 487.46, 0, 0, 1);
    transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 487.46, 0, 0, 1); }
  4.1% {
    -webkit-transform: matrix3d(4.025, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 335.766, 0, 0, 1);
    transform: matrix3d(4.025, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 335.766, 0, 0, 1); }
  5.71% {
    -webkit-transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 212.257, 0, 0, 1);
    transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 212.257, 0, 0, 1); }
  8.11% {
    -webkit-transform: matrix3d(1.82, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 84.392, 0, 0, 1);
    transform: matrix3d(1.82, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 84.392, 0, 0, 1); }
  8.81% {
    -webkit-transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 58.239, 0, 0, 1);
    transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 58.239, 0, 0, 1); }
  11.96% {
    -webkit-transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -12.868, 0, 0, 1);
    transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -12.868, 0, 0, 1); }
  12.11% {
    -webkit-transform: matrix3d(1.023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -14.748, 0, 0, 1);
    transform: matrix3d(1.023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -14.748, 0, 0, 1); }
  15.07% {
    -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -33.764, 0, 0, 1);
    transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -33.764, 0, 0, 1); }
  16.12% {
    -webkit-transform: matrix3d(0.951, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -34.685, 0, 0, 1);
    transform: matrix3d(0.951, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -34.685, 0, 0, 1); }
  27.23% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.271, 0, 0, 1);
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.271, 0, 0, 1); }
  27.58% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.655, 0, 0, 1);
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.655, 0, 0, 1); }
  38.34% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.829, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.829, 0, 0, 1); }
  40.09% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.776, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.776, 0, 0, 1); }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.127, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.127, 0, 0, 1); }
  60.56% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.02, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.02, 0, 0, 1); }
  82.78% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
.dcc-title {
  margin: 0;
  background: #007fa3;
  padding: 7px;
  color: white; }

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