/*
 * This file is part of the TypeYoTextHere fun-project and the ReDesignTomorrow project.
 *
 */

.doctitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #d57709;
	font-weight: bold;
}
.docdescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #d57709;
}
.docauthor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #d57709;
}
.doccreationdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #d57709;
}
.doclastchangeddate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #d57709;
}
.docfilename {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #d57709;
}
.docfileformatinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #d57709;
}
.docnumberofpages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #d57709;
}
.docsizeinkb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #d57709;
}
body {
	background-color: #2a002e;
	background-image: url(FlowerSunSpaceFoggyandSpacy2hdv2.png);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-position: center; 
}
.toctitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #d57709;

}
.tcolor {
	background-color: #2a002e;
}
.ccolor {
	background-color: #2a002e;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #d57709;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #0099FF;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #d57709;
}


<!-- Image of location/map -->
<img src="/w3images/map.jpg" class="w3-image w3-greyscale-min" style="width:100%">

<!-- Footer -->
<footer class="w3-container w3-padding-64 w3-center w3-opacity w3-light-grey w3-xlarge">
  <i class="fa fa-facebook-official w3-hover-opacity"></i>
  <i class="fa fa-instagram w3-hover-opacity"></i>
  <i class="fa fa-snapchat w3-hover-opacity"></i>
  <i class="fa fa-pinterest-p w3-hover-opacity"></i>
  <i class="fa fa-twitter w3-hover-opacity"></i>
  <i class="fa fa-linkedin w3-hover-opacity"></i>
  <p class="w3-medium">Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
</footer>

<script>
// Automatic Slideshow - change image every 4 seconds
var myIndex = 0;
carousel();

function carousel() {
  var i;
  var x = document.getElementsByClassName("mySlides");
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";  
  }
  myIndex++;
  if (myIndex > x.length) {myIndex = 1}    
  x[myIndex-1].style.display = "block";  
  setTimeout(carousel, 4000);    
}

// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
  var x = document.getElementById("navDemo");
  if (x.className.indexOf("w3-show") == -1) {
    x.className += " w3-show";
  } else { 
    x.className = x.className.replace(" w3-show", "");
  }
}

// When the user clicks anywhere outside of the modal, close it
var modal = document.getElementById('ticketModal');
window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}
</script>