@import url("https://fonts.googleapis.com/css2?family=Caudex:wght@400");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed");

body {
	padding: 15px 0;
	font-family: "Barlow Semi Condensed", Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	background-color: #262931;
	background-image: url("T_InventoryBackground.webp");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	color: #fbfde1;
}

img {
	width: 100%;
}

#navigation h1.nav-header {
	padding: 0 15px;
	margin-bottom: 0;
	color: #FCFEE2;
	font-family: "Caudex", serif;
}

#navigation a.nav-header {
	padding: 5px 15px;
	font-weight: bold;
}

#navigation ul.uk-nav {
	padding: 15px 0;
}

#navigation p {
	padding-bottom: 10px;
}

#navigation li.language-select select {
	float: right;
}

#content h2 {
	font-family: "Caudex", serif;
	color: #FCFEE2;
}

em {
	color: #FCFEE2;
}

#content img.header {
	margin-bottom: 20px;
}

#content ul {
	list-style-type: square;
}

#content li.done {
	color: #008000;
	text-decoration: line-through;
}

#content div.images div {
	padding-bottom: 25px;
}

#content p.images-text {
	margin-top: -15px;
}

#content .iframe-container {
	position: relative;
	/* Magic! Makes sure the container is high enough to show the entire iframe 
	 * Thanks to https://andmag.se/2011/11/responsive-embeds/ */
	padding-bottom: 56.5%;
}

#content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 767px) {
	h2 {
		margin-top: 25px;
	}
}

a {
	color: #B99C5E;
	font-family: "trebuchet-ms", "Barlow Semi Condensed", Arial, Helvetica, sans-serif;
}

a:hover {
	color: #D3B475;
}

.uk-nav-side>li>a {
	color: #FCFEE2;
}

.uk-nav-side>li>a:hover,
.uk-nav-side>li>a:focus {
  background:rgba(0,0,0,0.05);
  color:#FCFEE2;
  outline:0;
  box-shadow:inset 0 0 1px rgba(1,1,1,0.1);
  text-shadow:0 -1px 0 #fff
}

.side-borders {
  @media (min-width: 1280px) {
    &:before {
      content: '';
      position: fixed;
      background-image: url('/press/side-border.png');
      background-size: cover;
      background-position: center;
      top: 0;
      left: 5px;
      width: 20px;
      height: 100%;
      z-index: 1000;
    }

    &:after {
      content: '';
      position: fixed;
      background-image: url('/press/side-border.png');
      background-size: cover;
      background-position: center;
      top: 0;
      right: 5px;
      width: 20px;
      height: 100%;
      z-index: 1000;
    }
  }
}

.presskit h1 {
 font-size: 2.2rem;
}

.presskit h2 {
  font-size: 1.8rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

.presskit p em {
  font-size: 1.2rem;
}

.presskit p.credit-section {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

.presskit hr {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.presskit .history-heading {
  padding-top: 0.5rem;
  padding-bottom: 0.2rem;
}

.presskit .history-para {
  padding-bottom: 1rem;
}

.presskit .factsheet p {
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}