/*Font*/

@font-face {
	font-family: 'Socialico Plus';
	src: url('../fonts/SocialicoPlus-Plus.otf');}


@font-face {
	font-family: 'roadway';
	src: url('../fonts/Roadway-AjLA.ttf');}
	
@font-face {
    font-family: 'arca_majora_3bold';
    src: url('../fonts/arcamajora3-bold-webfont.woff2') format('woff2'),
         url('../fonts/arcamajora3-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'arca_majora_3heavy';
    src: url('../fonts/arcamajora3-heavy-webfont.woff2') format('woff2'),
         url('../fonts/arcamajora3-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*Background*/

body    {background-image: url('images/news page.jpg'); background-size: cover; height: 3100px; margin: 0px; background-repeat:no-repeat; overflow-x: hidden;}

/*Background For Current Page*/

span.news a {color: black; font-weight: bold;}
span.news a:hover {color: white;}
span.archive a:hover {color: #00d0f1;}

/*Navigation*/

.nowhere a {color: white; font-family: 'roadway'; font-size: 23px; text-decoration: none; position: relative; left: 1250px; top: -50px; z-index: 1;}
.nowhere a:hover {color: red;}

.box {background-color: red; width: 78px;  height: 72px;  border: 1px solid red; position: relative; left: 130px; margin: 0px;}  

.navrow1 a {margin: 0px; position: relative; left: 20px; top:-93px; font-family: arial; font-size: 23px; font-weight: 600; padding: 15px;}
.navrow1 a {color: white; text-decoration: none;}
.navrow1 a:hover {color: red;}


/*Youtube*/

.youtubelink a {color: white; font-family: 'arial'; font-size: 2.26em; font-weight: bold; text-decoration: none; position: relative; left: 770px; top: 660px;}
.youtubelink a:hover {color: red;}

/*Middle News Images*/


.dreamdrive {position: relative; top:952px; left: 86px;}
.textbox {position: absolute; top: 1020px; left:91px;}
.podcastlink a {color: white; font-family: 'arial'; font-size: 1.5em; text-decoration: none; position: relative; top: 830px; left: 759px;}
.podcastlink a:hover {color: limegreen;}

/*Button 1*/

.tour1 {position: relative; top: 380px; left: -185px;}


.button1 {
  display: inline-block;
  border-radius: 4px;
  background-color: black;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 25px;
  padding: 5px;
  width: 105px;
  height: 30px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  position: relative;
  left: 800px;
  top: 795px;
}

.button1 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

a.button1 {color: white; font-family: 'arial';}
a:hover.button1 {color: red;}

.button1 span:after {
  
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}


.button1:hover span:after {
  opacity: 1;
  right: 0;
}

/*Button 2*/

.tour2 {position: relative; top: 455px; left: -185px;}


.button2 {
  display: inline-block;
  border-radius: 4px;
  background-color: black;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 24px;
line-height: 35px;
  padding: 6px;
  width: 105px;
  height: 35px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  position: relative;
  left: 800px;
  top: 795px;
}

.button2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

a.button2 {color: white; font-family: 'arial';}
a:hover.button2 {color: red;}

.button2 span:after {
  
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}


.button2:hover span:after {
  opacity: 1;
  right: 0;
}


/*Button 3*/

.tour3 {position: relative; top: 527px; left: -185px;}


.button3 {
  display: inline-block;
  border-radius: 4px;
  background-color: black;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 24px;
  line-height: 35px;
  padding: 6px;
   width: 105px;
  height: 35px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  position: relative;
  left: 800px;
  top: 795px;
}

.button3 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

a.button3 {color: white; font-family: 'arial';}
a:hover.button3 {color: red;}

.button3 span:after {
  
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}


.button3:hover span:after {
  opacity: 1;
  right: 0;
}

/*Button 4*/

.tour4 {position: relative; top: 580px; left: -185px;}


.button4 {
  display: inline-block;
  border-radius: 4px;
  background-color: black;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 24px;
  padding: 6px;
  line-height: 35px;
  width: 105px;
  height: 35px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  position: relative;
  left: 800px;
  top: 795px;
}

.button4 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

a.button4 {color: white; font-family: 'arial';}
a:hover.button4 {color: red;}

.button4 span:after {
  
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}


.button4:hover span:after {
  opacity: 1;
  right: 0;
}

/*Button 5*/

.tour5 {position: relative; top: 640px; left: -185px;}


.button5 {
  display: inline-block;
  border-radius: 4px;
  background-color: black;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 25px;
  padding: 5px;
  width: 105px;
  height: 35px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  position: relative;
  left: 800px;
  top: 795px;
}

.button5 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

a.button5 {color: white; font-family: 'arial';}
a:hover.button5 {color: red;}

.button5 span:after {
  
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}


.button5:hover span:after {
  opacity: 1;
  right: 0;
}

/*Email form*/

form {position: relative; left: 521px; top: 1760px;}

input:required {box-shadow:none;}
input:invalid {box-shadow:0 0 red;}

input[type=text], input[type=password] {width: 25%; height: 38px; padding: 15px; margin: 5px 0 22px 0; display: inline-block;
  border: none; background: black;}

input, text{color:white;}
input[type=text]:focus, input[type=password]:focus {background-color: grey; outline: none;}

/* Set a style for the submit button */
button, .registerbtn {position: relative; top: -22px; background-color: red; color: white; border: none; cursor: pointer; margin: 0; font-size: 1.5em; font-family: 'arial'; width: 27.2%; height: 67px; opacity: 0.9}
.registerbtn:hover {opacity: 1;}

/*Legal*/

.legalleft {font-size: 1em; font-family: 'arial'; color: white; position: relative; left: 50px;top: 1930px;}
.legalleft a {color: white; text-decoration: none;}

.legalright {font-size: 1em; font-family: 'arial'; color: white; position: relative; top: 1940px; left: 50px}

/*Social Media Buttons*/

.social  {position: relative; top: -148px; left: 950px; margin: 0px;}
.social2 a {color: white; font-family: 'Socialico Plus'; font-size: 42px; text-decoration: none; position: relative; top: 1740px; left: 610px;}
.social2 a:hover {color: black;}





.fa {
  padding: 10px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%}

.fa:hover {
    opacity: 0.7;}

.fa-facebook {
  background: white;
  color: red;}

.fa-twitter {
  background: white;
  color: red;}
  
  .fa-youtube {
  background: white;
  color: red;}

.fa-instagram {
  background: white;
  color: red;}
  
  .fa-soundcloud {
  background: white;
  color: red;}