@import 'https://fonts.googleapis.com/css?family=Merriweather+Sans|Oswald';
#header #logo h3 a {
	font-family: Bebas;
    color: #FFFFFF;
}

#header.scrolled #logo h3 a {
    color: #FFFFFF !important;
}

#header {
    background-color: rgba(0, 0, 0, 0.9);
}

#header.scrolled {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

#header #navbar a {
    color: #c4c4c4;
}

#header #navbar a:hover, #header #navbar li.active > a {
    color: #FFFFFF;
}

#header.scrolled #navbar a {
    color: #c4c4c4 !important;
}

#header.scrolled #navbar a:hover, #header.scrolled #navbar li.active > a {
    color: #FFFFFF !important;
}

#header #navbar a::before, #header.scrolled #navbar a::before, #header #navbar a::after, #header.scrolled #navbar a::after {
    background-color: #DDDDDD !important;
}

#header #navbar ul.navigation li ul {
    background-color: #333333;
    border: 1px solid #888888;
}

#header #navbar ul.navigation li ul li:hover > a, #header #navbar ul.navigation li ul li a:hover {
    background-color: #262626 !important;
    color: #fff !important; }
    
    
#header #navbar ul.navigation li ul li a {
    color: #c4c4c4;
    margin: 0px;
}

#header #navbar ul.navigation li ul li.active > a {
    background-color: #CCC !important;
    color: #444 !important; }

#header #navbar .navigation > .has-children:hover > a {
    background: #333333;
    border: 1px solid #888888;
    border-bottom-color: #333333;
}

#header #navbar .navigation > .has-children > a:hover {
    background: #262626;
}

.header-image #header .navigation .has-children:hover > a {
    color: #FFFFFF;
}

.header-image #header .navigation .has-children > a:hover, .header-image #header .navigation .has-children:hover ul a {
    color: #DDDDDD;
}

#header #navbar .has-children > a > span:after {
    color: #DDDDDD;
}

#header #navbar .has-children > a:hover > span:after {
    color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Oswald", "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

h1 + h2 {
    font-family: "Merriweather Sans", "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

ul.social-buttons li a {
	display: block;
	background-color: #222;
	height: 40px;
	width: 40px;
	border-radius: 100%;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	outline: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
    text-align: center;
}

ul.social-buttons li.socialyoutube a:active, ul.social-buttons li.socialyoutube a:focus, ul.social-buttons li.socialyoutube a:hover {
    background-color:#bb0000
}

ul.social-buttons li.socialreddit a:active, ul.social-buttons li.socialreddit a:focus, ul.social-buttons li.socialreddit a:hover {
    background-color:#FF5700
}

ul.social-buttons li.socialtwitter a:active, ul.social-buttons li.socialtwitter a:focus, ul.social-buttons li.socialtwitter a:hover {
    background-color:#00aced
}

ul.social-buttons li.socialsteam a:active, ul.social-buttons li.socialsteam a:focus, ul.social-buttons li.socialsteam a:hover {
    background-color:#404040
}

ul.social-buttons li.socialdiscord a:active, ul.social-buttons li.socialdiscord a:focus, ul.social-buttons li.socialdiscord a:hover {
    background-color:#7289DA
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

#footer p {
    top: 40%;
}

form .g-recaptcha {
    margin-bottom: 1em;
}

.text {
    background: #f6f6f6;
    padding: 1rem 0.938rem;
}

#header.scrolled #navbar span {
    color: #FFFFFF !important;
}

#header #navbar .panel-activation {
    color: #FFFFFF;
}

.header-image #body .flush-top {
    margin-top: -8rem;
    padding-top: 5rem;
}

.modular .showcase .button
{
  margin: 0 2rem;
}

.modular .lightslider .grav-lightslider.ls-inline {
  padding-right: 1em;
  float: left;
  width: 480px;
}

.modular .lightslider .lightslider-text
{
  font-size: x-large;
}

@media (max-width: 1440px) {
  .modular .lightslider .lightslider-text
  {
    font-size: large;
  }
}

@media (max-width: 1200px) {
  .modular .lightslider .grav-lightslider.ls-inline {
    padding-right: 0;
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: initial;
    max-width: 480px;
  }
  .modular .lightslider .lightslider-text
  {
    font-size: medium;
  }
}

.center {
	display: block;
	margin: 0 auto;
}