/* HEADER LINKS */

/*
.header-link {
  background-color: #f3f3f3;
  box-shadow: 0 5px 0 #e2e2e2;
  color: #383838 !important;
  padding: 1em 1em 0.5em 1em;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Luckiest Guy';
  border-radius: 10px;
}

.header-link a:hover, .header-link a:focus  {
  border: none !important;
  outline: none !important;
  text-decoration: none !important;
  color: white !important;
  -webkit-tap-highlight-color: white !important;
  -webkit-focus-ring-color: white !important;
}
*/

.site-nav a.header-link
{
  color: white;
  text-decoration: none;
  font-family: 'Luckiest Guy';
  padding-left: 50px;
}

.page-link
{
  margin-right: 0px !important;
}

a:active {
  box-shadow: none;
  top: 5px;
}
/* END HEADER LINKS */

body
{
  overflow: overlay !important;
  background-color: black;
  color: white;
}

div.home-content
{
  text-align: center;
  margin-top: 30px;
}

div.home-content .logo
{
  width: 500px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

header.site-header, footer.site-footer
{
  border: 0px;
}


.scroller a, .scroller a:hover, .scroller a:visited, .scroller a:focus 
{
  border:none !important;
  outline:none !important;
  text-decoration:none !important;
  color:inherit !important;
  -webkit-tap-highlight-color: white !important;
  -webkit-focus-ring-color: white !important;
}

a:hover
{
  text-decoration:none !important;
}

img
{
  -khtml-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.greeting
{
  max-width: 940px;
  margin: auto;
  padding: 10px;
  background-color: #f3f3f3;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  box-shadow: 0 5px 0 #e2e2e2;
}

.carousel
{
  width: 100%; 
  max-width: 960px;
  margin: auto;
}

.home
{
  background-color: #f3f3f3; 
}

.multiple-items
{
  display: flex;
  max-width: 900px;
  text-align: center;
  margin: auto;
}

.banner
{
  width: 100%; 
  max-width: 960px;
  margin: auto;
}

.description
{
  max-width: 400px;
  margin: auto;
  float: left;
}

.title-font
{
  font-family: 'Luckiest Guy';
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 15px;
  margin-bottom: -20px;
}

.post-content
{
  margin-bottom: 0px;
}

.inline-post-content
{
  max-height: 200px;
  overflow-y: hidden;
}

.game-images
{
  max-width: 450px;
  float: right;
}

.details
{
  max-width: 900px;
  margin: auto;
}

.store-buttons
{
  margin: 20px;
}

.contact-info
{
  max-width: 500px;
  margin: auto;
}

.contact-title
{
  font-family: 'Luckiest Guy';
}

.privacy-policy
{
  max-width: 900px;
  margin: auto;
}

.footer-info
{
  text-align: center;
  font-style: oblique;
  color: white;
}

.footer-info a
{
  color: white;
}

.trigger
{
  padding-top: 35px;
}

.site-posts
{
  max-width: 900px;
  margin: auto;
}

.site-title
{
  max-width: 400px;
}

.game-row
{
  text-align: center;
  margin: 25px;
  border: 1px solid #d0cfcf;
  border-radius: 60px;
  background-color: #1d1d1d;
  /* box-shadow: 0 5px 0 #e2e2e2; */
}

.game-row-icon
{
  text-align: center;
  float: left;
  max-width: 200px;
  margin: auto;
}

.game-row-icon img
{
  border-radius: 60px;
}

.game-row-desc
{
  text-align: center;
  height: 200px;
  vertical-align: middle;
  display: table-cell;
  padding: 0px 50px 0px 50px;
}

.game-row-desc a
{
  text-decoration: none;
  color: white;
}

.link-button
{
  background-color: #4697ff;
  box-shadow: 0 5px 0 #006fff;
  color: #ffffff !important;
  padding: 1em 1em 0.5em 1em;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Luckiest Guy';
  border-radius: 5px;
}

.border-text
{
  text-shadow: 1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000,
    0px 1px 0 #000,
    0px -1px 0 #000,
    -1px 0px 0 #000,
    1px 0px 0 #000,
    1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000,
    0px 1px 0 #000,
    0px -1px 0 #000,
    -1px 0px 0 #000,
    1px 0px 0 #000,
    1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000,
    1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000;
}

.social-media-list
{
  text-align: center;
  padding: 0px;
  margin: 0px;
}

@media screen and (max-width: 750px) 
{
  .mobile-wrapper
  {
    padding: 0px;
  }

  .description
  {
    padding: 20px;
  }

  .title-font
  {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 30px;
  }

  .trigger
  {
    padding-top: 0px;
  }

  .game-row-icon {
    max-width: 400px;
  }

  .game-row-desc
  {
    padding: 0px 20px 0px 20px;
  }
}

@media screen and (max-width: 900px) 
{
  .greeting
  {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}

@media screen and (max-width: 600px)
{
  .site-nav
  {
    background-color: #1d1d1d;
  }
  
  .site-nav .menu-icon > svg
  {
    fill: #fff;
  }
}

div.game-banner-home
{
  background-color: black;
}

div.game-page-banner img
{
  border-radius: 30px;
}