/* General app styling */
/* Rows were causing content to extend past the edge of the page and adding a horizontal scroll bar to the site */
.row {
  margin-left: 0px;
  margin-right: 0px;
}

body {
  padding: 0px;
}

h1 {
  font-weight: 900;
}

h2, h3, h4, h5 {
  font-weight: 500;
}

h1, h2, h3, h4, h5 {
  font-family: "Roboto";
}

p {
  font-family: "Open Sans";
  font-weight: 400;
}

/* Fix for the header so that the buttons can align with the content, but the header itsself will be full width */ 
.full-width-header {
  width: 100%;
}

/* Padding so that content is not covered by the sites footer */
.app-container.container {
  padding-top: 1rem;
  padding-bottom: 5rem;
}

div.app-container {
  padding-left: 0px;
  padding-right: 0px;
}

.hidden-field {
  display: none;
}

/* Buttons were touching when placed next to eachother */
.btn-space {
  margin-right: 0.25rem;
}

img.tg-logo {
  margin-top: 2rem;
  max-width: 100%;
}

.shadow {
  -webkit-box-shadow: 0px 5px 10px 2px rgba(173,173,173,0.77);
  -moz-box-shadow: 0px 5px 10px 2px rgba(173,173,173,0.77);
  box-shadow: 0px 5px 10px 2px rgba(173,173,173,0.77);
}
/* End General app styling */


/* Header Navbar styling */
.navbar {
  font-family: "Roboto";
}

nav.navbar.fixed-bottom {
  font-size: 0.75em;
}

.collapse.navbar-collapse > button {
    margin-left: 5px;
    margin-right: 5px;
}
/* End Header Navbar styling*/

/* Langing Page styling */
.landing-page-row {
  padding-top: 1rem;
}
/* End Landing Page styling */

/* App Alert styling */
/* root alert */
.root-alert {
  margin-top: 1rem;
}

#alert-close {
  position: absolute;
  top: 0;
  right: 10;
}
/* End App Alert styling */


/* Login page styling */
#loginButton {
  min-width: 66px;
}
/* End Login Page styling */

/* Group CTA styling */
.group-cta {
  text-align: center;
}
/* End Group CTA styling */

/* Group Search Page styling */
.group-card {
  margin-top: 1rem;
}
/* End Group Search Page styling */

/* Group Search Filter styling */
.tg-btn-wide {
  min-width: 90px;
}
/* End Group Search Filter styling */

/* Game Search Page styling */
.game-card {
  margin-top: 1rem;
}
/* End Game Search Page styling */

/* Profile Page styling */
.profile-page > .profile-username {
  margin-bottom: 2rem;
}
/* End Profile Page styling */

/* Notifications Page styling */
.dot {
  height: 5px;
  width: 5px;
  background-color: #28a745;
  border-radius: 50%;
  display: inline-block;
}
/* End Notifications Page styling */

/* Blog Page styling */
img.blog-image {
  height: 100%;
  width: none;
}

.blog-post {
  margin-bottom: 20px;
}
/* End Blog Page styling */

/* Admin Page styling */
div.userchart-wrapper {
  height: 250px;
  max-height: 250px;
}

div.log-table {
  max-height: 250px;
  min-height: 250px;
  overflow: auto;
}
/* End Admin Page styling */