@charset "utf-8";
/* CSS Document */


html, body{
	background-repeat: repeat-y;
	background-size: contain;
	overflow-x: hidden!important;
	max-width: 100%!important;
	background-color: #142025;
}

/* unvisited link */
a:link {
  color: white;
}

/* visited link */
a:visited {
  color: #AFA189;
}

/* mouse over link */
a:hover {
  color: #f6f6ee;
}

/* selected link */
a:active {
  color: #e6f36d;
}
/* 
.fa {
  padding: 20px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}
*/
.fa {
  padding: 20px;
  font-size: 30px;
  width: 70px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
	/* margin-left: 90vw!Important;*/
}

.fa:hover {
    opacity: 0.3;
}

.fa-facebook {
  background: #AFA189;
  color: white!important;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #AFA189;
  color: white!important;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-android {
  background: #a4c639;
  color: white;
}

.fa-dribbble {
  background: #ea4c89;
  color: white;
}

.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-vine {
  background: #00b489;
  color: white;
}

.fa-foursquare {
  background: #45bbff;
  color: white;
}

.fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.fa-flickr {
  background: #f40083;
  color: white;
}

.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-rss {
  background: #ff6600;
  color: white;
}


.link{
	text-decoration-line: none!important;
	color: #AFA189!important;
}

.link:hover{
	text-decoration-line: none!important;
	color: white!important;
}

.link:active {
	text-decoration-line: none!important;
  color: #e6f36d!important;
}
.link:visited {
	text-decoration-line: none!important;
  color: #e6f36d!important;
}

.event-link{
	text-decoration-line: none!important;
	color: #e6f36d!important;
}

.event-link:hover{
	text-decoration-line: none!important;
	color: #FFFFFF!important;
}

.event-link:active {
	text-decoration-line: none!important;
  color: #FFFFFF!important;
}
.event-link:visited {
	text-decoration-line: none!important;
  color: #FFFFFF!important;
}

/* Target only the EVENTS link */
.site-menu li a[href="/skatepark-revived/"] span {
  display: inline-block;
  position: relative;
  animation: jump 2s ease-in-out infinite;
}

/* Animated underline */
.site-menu li a[href="/skatepark-revived/"] span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: center;
  animation: underlineFlash 2s ease-in-out infinite;
}

/* Bounce only at start of cycle */
@keyframes jump {
  0%   { transform: translateY(0); }
  10%  { transform: translateY(-8px); }
  20%  { transform: translateY(0); }
  30%  { transform: translateY(-4px); }
  40%  { transform: translateY(0); }
  100% { transform: translateY(0); } /* rest of cycle is idle */
}

/* Underline flash only during bounce */
@keyframes underlineFlash {
  0%, 100% { transform: scaleX(0); opacity: 0; }
  10%      { transform: scaleX(1); opacity: 1; }
  20%      { transform: scaleX(0); opacity: 0; }
  30%      { transform: scaleX(1); opacity: 1; }
  40%      { transform: scaleX(0); opacity: 0; }
}


@media only screen and (max-width: 730px){
.fa {
	padding: 15px;
    font-size: 25px;
    width: 55px;
    text-align: center;
    text-decoration: none;
    margin: 5px 5px;
    border-radius: 50%;
}
}