/* ==========================================================================
Mk82 Custom CSS Edits
========================================================================== */

/* Main logo */

#logo {
    width: 250px;
    max-width: 250px;
}

.community {
  padding: 0 auto;
}

@media screen and (min-width: 769px) {
  .community {
    width: 33% !important;
  }
}

@media screen and (max-width: 768px) {
  #logo {
    width: 70%;
  }
  .community {
    width: 100%;
  }
}

/* Links */


/* News & Events */

.newsHide {
	display: none;
}

/* Buttons */

p a.btn {
	text-decoration: none !important;
  	text-transform: uppercase;
  	font-weight: bold;
  	font-style: normal !important;
  	color: #ffffff;
 	background-color: #F29325;
  	border: 0;
  	border-radius: 0.5em;
  	padding-top: 0.65em !important;
  	padding-bottom: 0.25em !important;
	padding-left: 1em !important;
	padding-right: 1em !important;
  	transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-webkit-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
}

p a.btn:hover, p a.btn:active, p a.btn:focus {
  	background-color: #008080;
  	color: #ffffff;
}

/* Text */

*, html, body {
	font-size: 16px;
}

/* Home Sections */

section#about {
  background-color: #000000;
}

section#supporters {
  background-color: #008080;
}

section#about, section#supporters {
  padding: 4em 0 !important;
}

sectioon#about p, section#supporters p { color: #fff; line-height: 30px; }

/* Footer */

footer { background-color: #000000; padding: 2em 0 4em 0; }
footer p { color: #fff; line-height: 30px; }
.footer-nav { list-style: none; padding: 0; }
.footer-nav li a { display: block; color: #fff; padding: 5px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.footer-nav li a:hover, .footer-nav li a:focus { text-decoration: none; color: #ffffff; }
.badge-btn { width: 60px; height: 60px; background: url('../img/footer-icon.png') no-repeat center center; background-size: contain; text-indent: -99999px; display: block; margin: 65px auto 65px; -webkit-transition-duration: 3s; -moz-transition-duration: 3s; -o-transition-duration: 3s; transition-duration: 3s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; }
.badge-btn:hover, .badge-btn:focus { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); }
.footer-credit, .footer-credit a { font-size: 12px; text-transform: uppercase; letter-spacing: 3px; }
footer a { color: #ffffff; text-decoration: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
footer a:hover, footer a:focus { color: #F29325; text-decoration: none; }