/* //////////////// Colours //////////////// 

Light Grey:         
Grey:  #7A7675;
Dark Grey:    #3f3d3d;
Lenora's Colour:     #A8867E
*/

div#preload {
    display: none;
}
.edit-this {
	width:  33px;
	float: right;
}
a:link, a:visited{
	color: #3f3d3d;
}
/* //////////////// Font //////////////// */
@font-face {
    font-family: "Orpheus";
    src: url("https://unveiled.ca/font/OrpheusPro-Regular.woff") format('woff');
}
body {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-size:  18px;
  color:  #7A7675;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Orpheus", Garamond, serif;
    font-size:  30px;
    letter-spacing: 2px;
    color:  #A8867E;
}
h1 {font-size: 44px}
h2 {font-size: 37px}
h3 {font-size: 31px}
h4 {font-size: 26px}
h5 {font-size: 22px}
h6 {font-size: 18px}
p {
     letter-spacing: 2px;
}

@media (min-width: 768px) {
  h1 {font-size: 54px}
  h2 {font-size: 44px}
  h3 {font-size: 35px}
  h4 {font-size: 28px}
  h5 {font-size: 23px}
  h6 {font-size: 18px}
 }
}
.text-larger{
  font-size:  54px;
  letter-spacing: 5px;
}
.btn-primary{
  background-color:  #7A7675;
  border:  none;
  border-radius:  0;
  letter-spacing:  3px;
  tansition: 0.3s;
  color: #fff !important;
  }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color:  #A8867E;
}

/* //////////////// Navigation //////////////// */

#navbar-top{
  background-color: #3f3d3d!important;
  border-radius: 0;
}
.navbar {
  display:  none;
}

.nav-logo {
  margin-left:  20px;
  text-shadow: 0px 0px 8px #A8867E;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  #navbar-top {
    background-color: transparent !important;
  }
  .navbar {
    /* background-color: rgba(140,136,135,0.65) !important;   old navbar tint */
    background-color: rgba(168,134,126,0.65) !important;
    display:  block;
  }
}


.nav-item {
  margin: 8px 20px 8px 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
/*  X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .nav-item {
    margin: 8px 35px 8px 35px;
    letter-spacing: 3px;
  }
}
a.nav-link {
  color: #ffffff !important;
  padding-left: 20px!important;
  padding-right: 20px!important;
  transition: 0.3s;
  text-shadow: 0px 0px 8px #A8867E;
}
a.nav-link:hover {
  color: #000;
}
.active {
  background-color: #7A7675 !important;
}

/* //////////////// Sections //////////////// */
#hero {
  margin-top:-80px; 
  padding-top:80px;
  min-height:101vh;
  color: #ffffff;
  background-color: #8c8887; /* Used if the image is unavailable */
  height: 600px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}
/*  X-Large devices (large desktops, 1200px and up) */
@media (min-width: 768px) {
  #hero-mobile {
  display: none;
    width: 100vw !important;
	height: 100vw !important;
    background-color: #8c8887; 
    background-position: center;
    background-repeat: no-repeat important;
    background-size: cover!important;
  }
}



.logo {
 margin: 50vh 10vw 40vh 10vw;
}
section{
  max-width:  100%;
  overflow:  hidden;
}
#experience{
  padding-top:50px;
  max-width:  100%;
  overflow:  hidden;
}
#about{padding-top:50px;}
.img-about {
  width:  60%;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(122,118,117,1);
  -moz-box-shadow: 10px 10px 0px 0px rgba(122,118,117,1);
  box-shadow: 10px 10px 0px 0px rgba(122,118,117,1);
}
#sponsors{padding-top:50px;}
.img-sponsor {
  width: 85%;
  margin-bottom: 15px;
}
#tickets {padding-top:50px;}
#contact {padding-top:50px;}
.form-control {
  width:  100%;
}
/*  X-Large devices (large desktops, 1200px and up) */
@media (min-width: 768px) {
  .form-control {
  width:  600px;
  }
}
#instagram {padding-top:50px;}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  #instagram, #contact, #tickets, #sponsors, #about, #experience{padding-top:100px;}
}