/* Flex & Grid Utilities */

.d-flex {
  display: flex;
}

.align-items-center {
  align-items: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-around {
  justify-content: space-around;
}

.w-100 {
  width: 100%;
}

/* Material Overrides */

@media screen and (max-width: 768px) {
  .display-free {
    font-size: 60px;
  }
}

/* Images and Icons */

.event-icon {
  display: inline-block;
  /* margin-right: 0.1em; */
  height: 0.3em;
}

.event-title {
  margin-top: -0.3em;
  margin-bottom: 0.3em;
}

.event-logo {
  height: 2em;
}

.h-100 {
  height: 100%;
}

/* Form Overrides  */

.form-group input {
  max-width: initial;
  margin: 0;
}

.form-row {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.form-row [class^="col-"],
.form-row [class*=" col-"] {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.form-error {
  max-width: initial;
  padding-left: 1em;
  padding-right: 1em;
}
.form-group label {
  padding-left: 3px;
  margin-bottom: 10px;
  font-weight: normal;
}

/* Text Dividers */

.center-text-divider {
  display: flex;
  align-items: center;
}

.center-text-divider hr {
  width: 100%;
  border-top: 2px solid #ddd;
}

.center-text-divider span {
  padding-left: 1em;
  padding-right: 1em;
  flex-shrink: 0;
}

/* Buttons */

.btn-sm.social-account-btn {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

.btn-sm.social-account-btn.account-linked {
  box-sizing: border-box;
  -webkit-box-shadow: 0 4px 0 #bbb;
  box-shadow: 0 4px 0 #bbb;
  background-color: #ddd;
  color: #777;
}

.btn-sm.social-account-btn.account-linked:hover {
  color: white;
}

.btn-sm.social-account-btn.facebook {
  -webkit-box-shadow: 0 4px 0 #29487d;
  box-shadow: 0 4px 0 #29487d;
  background-color: #3c5898;
}

.btn-sm.social-account-btn.google {
  -webkit-box-shadow: 0 4px 0 #ce442b;
  box-shadow: 0 4px 0 #ce442b;
  background-color: #e45339;
}

.social-account-btn .social-account-icon {
  margin-top: -1px;
}

.social-account-btn .social-account-close,
.social-account-btn .social-account-img {
  margin-top: -2px;
}

.social-account-btn .social-account-icon,
.social-account-btn .social-account-img {
  margin-right: 1em;
}

.social-account-btn .social-account-img {
  height: 1.2em;
  border-radius: 3px;
}

.social-account-btn .social-account-icon.facebook::before {
  content: "\f082";
}

.social-account-btn .social-account-icon.google::before {
  content: "\f1a0";
}

form.generic-form.no-pad {
  padding: inherit;
}

.header .user-wrapper {
  align-self: flex-end;
  margin-bottom: 1.4em;
  margin-right: 1.4em;
  color: white;
}

.header .user-wrapper .legend {
  color: #999;
}

.sidebar .user-wrapper {
  margin-left: 0.4em;
}

.sidebar .user-wrapper .legend {
  color: #c2c2c2;
}