html {
    background-color: #add4d8;
}

body {
    background-color: #add4d8;
    font-size: calc(12px + 0.25vh + 0.25vw);
    color: #000;
}

* {
    line-height: normal !important;
}

body {
    font-family: serif;
}

nav, main h2, main h3 {
    font-family: 'Baloo Chettan', sans serif;
}

nav {
  font-size: 2.7vw;
  font-variant: small-caps;
  background: #000;
}

nav img {
    width: 80%;
    height: auto;
    margin: 2vw 10%;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav a {
  color: white;
}

nav a:hover, nav a:active {
  color: white !important;
}

nav li a {
  display: block;
  padding: 0.5rem 1rem;
  color: white;
  text-decoration: none;
  text-align: center;
}
nav li a.current {
  background: #333;
  color: white;
}
nav li a:hover, nav li a:active {
  background: #333;
  box-shadow: 0px 0px 20px inset #000;
  text-decoration: none !important;
}

nav #cookienotice {
  white-space: normal;
  font-size: 1.5vw;
  padding: 1vw;
  text-align: center;
  color: white;
}

main section.content {
    background: #fff;
    padding: 1vw calc(3vw + 1em);
}

main section.content h2 {
    font-size: calc(2vw + 100%);
    text-align: center;
    margin: 2vw 0 1.6vw 0;
}

main section.content h3 {
    font-size: calc(1vw + 70%);
    text-align: center;
    margin: 1vw 0 1vw 0;
}

main section.content ul {
    list-style-type: none;
    padding-left: 0;
}

main section.content li {
    text-align: center;
    margin: 0.4em;
}

main section.content li:before {
    content: '❋ ';
}

main section.content li:after {
    content: ' ❋';
}

main section.content.robotry li:before {
  content: '• ';
  font-size: 150%;
  vertical-align: middle;
}

main section.content.robotry li:after {
  content: ' •';
  font-size: 150%;
  vertical-align: middle;
}

main section.content p {
    font-size: 100%;
    text-align: center;
}

main section.content a {
    color: #07d !important;
}

main section.content a.button {
    display: inline-block;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 10px;
    text-decoration: none !important;

    color: #000 !important;
    background-color: #add4d8;
}

main section.content a.button.big {
    border-radius: 10px;
    padding: 10px 20px;
    margin: 20px;
	
	font-size: 200%;
}

main section.content a.button:hover {
    background-color: #9dc4c8;
    text-decoration: none !important;
}

.button i {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
}

.button, .button .label {
	white-space: nowrap;
}

main section#presskit {
    padding-bottom: 2em;
}

footer a:link, footer a:visited {
    color: #000;
    text-decoration: underline;
}

footer {
    padding: 1em 0;
    text-align: center;
    font-size: 80%;
    background-color: #add4d8;
}

blockquote {
  padding: 1.5em calc(1em + 2vw);
  margin: 1em;
  position: relative;
}
@media screen and (min-width: 300px) {
  blockquote {
    border: 1px solid gray;
  }
  blockquote:before, blockquote:after {
    background-color: white;
    font-size: 200%;
    position: absolute;
    z-index: 20;
    text-align: center;
  }
  blockquote:before {
    content:"\201D";
    width: 1.2em;
    height: 1em;
    left: -0.6em;
    top: -0.5em;
    padding-top: 0.2em;
  }
  blockquote:after {
    content:"\201C";
    width: 1.2em;
    height: 1em;
    right: -0.6em;
    bottom: -0.5em;
    padding-top: 0.3em;
  }
}
blockquote cite {
  display: block;
  width: 100%;
  font-size: 100%;
  color: #555;
  text-align: right;
  padding-right: 2em;
}
blockquote cite:before {
  content:"\2014 \2009";
}

#presskit img {
	width: 100%;
}

#presskit * {
    text-align: left !important;
}

#presskit h2 {
    font-size: calc(1vw + 100%);
}

#presskit #content img.header-with-spacing,
#presskit #navigation h1.nav-header {
	margin-top: 10px;
}

#presskit #navigation h1.nav-header {
	padding: 0 15px;
	margin-bottom: 0;
	font-size: calc(1vw + 100%);
}

#presskit #navigation a.nav-header {
	padding: 5px 15px;
	font-weight: bold;
	font-size: calc(0.1vw + 60%);
}

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

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

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

#presskit #content h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

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

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

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

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

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

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

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

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

main section.content a.button.steam i {
  background:rgba(0, 0, 0, 0) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path style='fill:white' d='M22.411 9.681c0 .924-.751 1.676-1.676 1.676-.924 0-1.676-.752-1.676-1.676s.752-1.676 1.676-1.676c.925 0 1.676.752 1.676 1.676zm1.589 0c0 1.801-1.464 3.282-3.303 3.263l-2.872 2.141-.006.002c-.008 1.369-1.111 2.483-2.485 2.496-1.24.01-2.257-.872-2.484-2.021l-8.962-3.769c-.39.256-.854.409-1.354.414-1.398.012-2.521-1.109-2.534-2.486-.014-1.395 1.113-2.534 2.511-2.534 1.213 0 2.228.863 2.459 2.013l8.971 3.772c.416-.272.896-.418 1.428-.407l2.105-2.946c.033-1.773 1.48-3.202 3.262-3.202 1.802 0 3.264 1.461 3.264 3.264zm-20.794 1.826l-1.226-.515c-.716-.301-1.052-1.125-.751-1.84.301-.716 1.125-1.052 1.841-.751l1.211.509c-.303-.678-.984-1.153-1.77-1.153-1.096.004-1.951.895-1.941 1.958.01 1.044.861 1.926 1.958 1.922.236-.002.464-.048.678-.13zm14.045 3.547c-.01-1.06-.88-1.922-1.939-1.922-.229.001-.455.04-.686.127l1.229.517c.716.301 1.052 1.125.751 1.84-.301.715-1.124 1.052-1.841.751l-1.23-.518c.302.685.985 1.165 1.794 1.162 1.072-.009 1.932-.884 1.922-1.957zm5.703-5.373c0-1.224-.995-2.219-2.219-2.219-1.223 0-2.219.995-2.219 2.219 0 1.223.996 2.219 2.219 2.219 1.224 0 2.219-.996 2.219-2.219z'/></svg>") 0 0 no-repeat;
}

main section.content a.button.steam {
    background-color: #171a21;
    color: #fff !important;
}

main section.content a.button.steam:hover, main section.content a.button.steam:active {
    background-color: #2f3950;
}

main section.content a.button.switch {
    background-color: #e4000f;
    color: #fff !important;
}

main section.content a.button.switch:hover, main section.content a.button.switch:active {
    background-color: #f50616;
}

main section.content a.button.xbox {
  background-color: #0e7a0d;
  color: #fff !important;
}

main section.content a.button.xbox:hover, main section.content a.button.xbox:active {
  background-color: #17aa15;
}

/* Twitter follow button */

main section.content a.button.twitter-btn {
	background-color: #1b95e0;
	color: #fff !important;
}

main section.content a.button.twitter-btn:hover, .button.twitter-btn:active {
	background-color:#0c7abf;
}

.twitter-btn i {
	background: rgba(0, 0, 0, 0) url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E) 0 0 no-repeat;
}

main section.content a.button.facebook-btn {
	background-color: #3b5998;
	color: #fff !important;
}

main section.content a.button.facebook-btn:hover, .button.facebook-btn:active {
	background-color:#2d4373;
}

.facebook-btn i {
	background: rgba(0, 0, 0, 0) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path style='fill:white' d='M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z'/></svg>") 0 0 no-repeat;
}

#mc_embed_signup .button {
	margin: auto !important;
	display: block !important;
	background-color: #eb6 !important;
	font-size: 120% !important;
}