/*
Theme Name: Alchemists Child Theme
Theme URI: https://themeforest.net/user/dan_fisher/portfolio
Description: Child theme for Alchemists Sports Club and News WordPress Theme
Version: 1.0.2
Author: Dan Fisher
Author URI: https://themeforest.net/user/dan_fisher
Template: alchemists
*/

.footer-custom {
  background: #282840;
}

.footer-section-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 2fr;
  padding: 30px;
  padding-top: 0;
  gap: 30px;
}

.footer-widgets__inner {
  display: none;
}

.footer-info__inner {
  border: 0 none;
}

.footer {
  margin-top: 45px;
}

.nfl-alumni-section {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 30px;
  align-items: center;
}

.nfl-alumni-section h4 {
  margin-bottom: 10px;
}

.nfl-alumni-banner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.nfl-alumni-banner img {
  width: 80px;
}

.nfl-alumni-info {
  padding-top: 20px;
}

.footer-menu-links ul {
  list-style: none;
  padding-left: 0;
}

.footer-menu-links ul li {
  margin-bottom: 10px;
}

.footer-menu-links ul li a {
  color: #fff;
  font-size: 14px;
}

.footer-menu-links h6 {
  margin-bottom: 15px;
}

/* External API feed - Single teams */

.external-api-feed h4 {
  font-size: 16px;
}

.external-api-feed .card__header {
  margin-bottom: 0 !important;
}

.external-api-feed .news-result-container {
  border-top: 0;
  background: #323150;
  border-bottom: 1px solid #3c3b5b;
  margin-bottom: 0;
  height: 200px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 60px;
}

.external-api-feed {
  .news-title h3 {
    font-size: 14px;
    font-style: normal;
  }

  .news-source {
    margin-top: 15px;

    p {
      font-family: "Exo 2";
      font-style: italic;
      color: lightgray !important;
    }
  }

  .news-snippet p {
    line-height: 1.5;
    margin-top: 10px;
  }

  .news-source span {
    display: none;
  }

  .news-date p {
    color: #9e9caa !important;
  }

  .news-title a {
    color: #a9c961;
  }
}

.team-list-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
}

.team-list-container .team-card {
  border: 1px solid #3c3b5b;
  border-radius: 4px;
  background-color: #323150;
  margin-bottom: 15px;
  padding: 30px;
  display: grid;
  place-items: center;
  gap: 20px;
}

.team-list-container .team-card:last-child {
  margin-bottom: 15px !important;
}

.team-list-container .team-card img {
  width: 100px;
  height: 100px;
}

.team-list-container .team-card a {
  color: #a9c961;
}

.team-list-container .team-card .team-name {
  text-align: center;
  line-height: 1.5;
  text-wrap-mode: nowrap;
}

/* Player list */

.players-list-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.players-list-container .player-card,
.featured-player-container .player-card {
  border: 1px solid #3c3b5b;
  border-radius: 4px;
  background-color: #282840;
  margin-bottom: 15px;
  display: grid;
  place-items: center;
  gap: 30px;
  text-align: center;

  .stars {
    display: flex;
    justify-content: center;
  }

  .individual-star {
    svg {
      width: 20px;
      height: 20px;
      fill: #d4af37;
    }
  }

  .top-details {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 30px;
    background: #323150;
  }

  .bottom-details {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 30px;
    background: #323150;
  }

  .player-state {
    color: #fff;
  }

  .player-ranking {
    color: #a9c961;
  }

  .player-class {
    color: #fff;
    font-size: large;
    font-weight: 700;
  }

  .prospect-level {
    background: #a9c961;
    color: #fff;
    padding: 2px 10px;
    border-radius: 3px;
    font-size: small;
    margin-bottom: 15px;
    text-shadow: 1px 1px #323150;
    font-weight: bold;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }

  img {
    height: 150px;
    border-radius: 4px;
  }

  a {
    color: #a9c961;
  }

  .player-name {
    text-align: center;
    line-height: 1.5;
    text-wrap-mode: nowrap;
    font-size: large;
    margin-top: 15px;
    margin-bottom: 15px !important;
  }
}

.players-list-container {
  .player-card.show {
    display: flex;
    flex-direction: column;
  }

  .player-card.hide {
    display: none;
  }
}

.players-list-container .player-card:last-child {
  margin-bottom: 15px !important;
}

.featured-player-container .player-card:last-child {
  margin-bottom: 0 !important;
}

.featured-player-container .player-card {
  border: 0 none;
}

.single-page-team-logo {
  margin-bottom: 15px;
}

.single-page-team-logo img {
  width: 120px;
  height: 120px;
}

/* Single player - Claim profile */

.claim-profile-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: url(/wp-content/themes/alchemists/assets/images/football/page-heading.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 60px;
  margin-top: 30px;
  padding: 30px;
  max-width: 100% !important;

  .left-section {
    .claim-description {
      width: 75%;
      font-size: medium;
    }

    .claim-your-profile {
      display: flex;
      gap: 20px;
      align-items: center;

      .btn {
        font-size: medium;
      }
    }

    .top-tag {
      padding: 5px 20px;
      background: hsla(0, 0%, 100%, 0.08);
      border: 2px solid gray;
      border-radius: 5px;
      width: max-content;
      margin-bottom: 15px;
      font-weight: 600;
    }
  }

  .right-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }

  .claim-card {
    padding: 20px;
    background: hsla(0, 0%, 100%, 0.08);
    border: 2px solid gray;
    border-radius: 5px;
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    align-items: center;

    .claim-text {
      h5 {
        margin-bottom: 5px;
        font-size: large;
      }
    }
  }
}

.player-info .slick-track .player-info__item--photo {
  vertical-align: middle;
}

.player-info__item--photo .player-info__photo img {
  margin: 0 auto;
}

/* Scouting Report */

.scouting-reports-container {
  .scouting-report-individual-section {
    padding: 30px;

    .scouting-report-title {
      font-size: large;
      text-transform: unset;
    }
    .scouting-report-content {
      /* font-size: medium; */
      padding: unset;
    }
  }

  .report-num {
    display: block;
    font-size: small;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    text-transform: unset;
  }

  .scouting-report-individual-section:not(:last-child) {
    border-bottom: 3px solid #3c3b5b;
  }

  .scouting-report-top-section {
    display: flex;
    justify-content: space-between;
  }

  .scouting-report-details {
    display: flex;
    gap: 5px;
  }
}

/* Page heading */

.page-heading {
  background-image: url("/wp-content/uploads/2026/06/page-header-background-trench.png");
  background-size: contain;
  background-color: #11161a;
}

/* Personal life */

.personal-life-container .personal-life-content {
  padding: 30px;
  /* font-size: medium; */
}

/* Contact info */

.contact-info-container .contact-info-content {
  padding: 30px;
  /* font-size: medium; */

  .individual-contact {
    display: flex;
    margin-bottom: 15px;
    border-bottom: 3px solid #3c3b5b;
    padding-bottom: 15px;

    .contact-label {
      width: 200px;
      color: #fff;
    }
  }

  .contact-bottom-info {
    font-size: small;
  }
}

/* Journey section */

.the-journey-container {
  .individual-journey-section {
    display: grid;
    grid-template-columns: 1fr 4fr 2fr;
    padding: 20px 30px;
    align-items: center;

    .team-logo img {
      width: 30px;
      height: 30px;
    }

    .team-name {
      /* font-size: medium; */
      color: #fff;
    }

    .team-status {
      text-align: right;
      font-weight: 600;
      color: #fff;
      padding: 5px 10px;
    }

    .team-status.enrolled {
      background: #a9c961;
    }
  }

  .individual-journey-section:not(:last-child) {
    border-bottom: 3px solid #3c3b5b;
  }
}

/* Reminds us of */

.reminds-us-of-container {
  .reminder-info {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
  }

  .reminder-photo img {
    border-radius: 5px;
  }

  .reminder-name {
    margin-bottom: 0px;
  }

  .reminder-meta {
    margin-bottom: 15px;
    /* font-size: medium; */
  }

  .reminder-team-info {
    display: flex;
    gap: 10px;
    align-items: center;
    /* font-size: medium; */
  }

  .reminder-team-image img {
    width: 40px;
    height: 40px;
  }

  .reminder-description {
    margin-top: 15px;
    /* font-size: medium; */
  }
}

/* Films section */

.player-film-container .player-film-content .videos-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  margin-bottom: 30px;
}

.player-film-container h4.video-title {
  margin-top: 15px;
  font-size: large;
  margin-bottom: 30px;
  min-height: 40px;
}

.player-film-container .top-row h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.player-film-container .top-row .sub-heading {
  font-size: small;
}

.player-film-container {
  .individual-video .video-category {
    background: #a9c961;
    border-radius: 5px;
    padding: 5px 10px;
    color: #000;
    width: max-content;
    font-weight: 600;
  }

  .individual-video {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background: #49477a;
    padding: 20px;
    border-radius: 5px;

    .video-thumbnail {
      position: relative;
    }

    .thumbnail-overlap {
      position: absolute;
      top: 50px;
      right: 90px;
    }

    .thumbnail-play {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 3rem;
      height: 3rem;
      border-radius: 50%;
      background: hsla(0, 0%, 100%, 0.95);
      opacity: 0.9;
      transition: all ease 0.5s;
    }

    .thumbnail-play:hover {
      opacity: 1;
    }
  }

  .individual-video .bottom-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .the-journey-heading {
    justify-content: space-between;
  }

  .view-all-videos {
    font-size: medium;
  }
}

/* Player visits */

.player-visits-container .player-visits-content {
  .individual-visit {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    padding: 20px 30px;

    img {
      width: 30px !important;
      height: 30px !important;
    }

    .player-visit-column {
      /* font-size: medium; */
      gap: 10px;
      display: flex;
      align-items: center;
    }
  }

  .individual-visit:not(:last-child) {
    border-bottom: 3px solid #3c3b5b;
  }
}

.player-visits-header {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  border-bottom: 3px solid #3c3b5b;
  padding: 15px 30px;
  background: #383759;

  .player-visit-column {
    font-weight: 600;
    color: #fff;
    /* font-size: medium; */
  }
}

.player-visit-column.visit-type {
  background: #a9c961;
  width: max-content;
  padding: 5px 10px;
  border-radius: 5px;
  color: black;
}

/* Team predictions */

.team-predictions-container {
  .team-prediction-sub-header,
  .individual-prediction {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr;
    padding: 20px 30px;
    border-bottom: 3px solid #3c3b5b;

    img {
      width: 30px !important;
      height: 30px !important;
    }
  }

  .individual-prediction:last-child {
    border: 0 none;
  }

  .team-prediction-sub-header {
    color: #fff;
    font-weight: bold;
  }

  .prediction-team {
    .team-details {
      display: flex;
      gap: 10px;
    }

    .team-status {
      background: #a9c961;
      padding: 5px 10px;
      width: fit-content;
      border-radius: 4px;
      color: black;
      margin-top: 10px;
    }
  }
}

.player-filter-note {
  text-align: center;
  margin-bottom: 30px;
}
/* Offensive line measurements */

.offensive-line-measurements-container {
  .offensive-lines-measurable-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    padding: 30px;

    .progress__label {
      font-size: 14px;
    }

    .progress-value {
      color: #fff;
    }
  }

  .total-score {
    /* font-size: medium; */
  }
}

/* Defensive line measurements */

.defensive-line-measurements-container {
  .defensive-lines-measurable-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    padding: 30px;

    .progress__label {
      font-size: 14px;
    }

    .progress-value {
      color: #fff;
    }
  }

  .total-score {
    /* font-size: medium; */
  }
}

/* Evaluation star */

.evaluation-star-measurements-container {
  .evaluation-stars-measurable-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    padding: 30px;
  }

  .total-score {
    /* font-size: medium; */
  }

  .stars {
    display: flex;
    gap: 5px;
  }

  .progress__label {
    /* font-size: 14px; */
  }

  .progress-value {
    color: #fff;
  }

  .prospect-level {
    /* font-size: medium; */
  }

  .individual-star {
    svg {
      width: 20px;
      height: 20px;
      fill: #d4af37;
    }
  }
}

/* Subscription required */

.subscription-required {
  position: relative;

  .card__header {
    opacity: 0.05;
  }

  .content-section {
    opacity: 0.05;
  }

  .subscription-modal {
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    left: 0;
    border: 1px solid #3c3b5b;
    border-radius: 4px;
    background-color: #282840;
    width: 33%;
    height: 50%;
    padding: 20px;
    text-align: center;
    z-index: 10;
    box-shadow:
      rgba(0, 0, 0, 0.07) 0px 1px 2px,
      rgba(0, 0, 0, 0.07) 0px 2px 4px,
      rgba(0, 0, 0, 0.07) 0px 4px 8px,
      rgba(0, 0, 0, 0.07) 0px 8px 16px,
      rgba(0, 0, 0, 0.07) 0px 16px 32px,
      rgba(0, 0, 0, 0.07) 0px 32px 64px;

    svg {
      width: 30px;
      height: 30px;
      margin: 0 auto;
    }

    .subscription-message {
      margin-top: 10px;
      margin-bottom: 10px;
    }
  }

  .site-subscription-button a {
    padding: 5px 10px;
  }
}

/* Contact us page */

#contact-us-top-section .icobox {
  margin-bottom: 0;
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 30px;

  .icobox__title {
    margin-bottom: 10px;
  }
}

.sufrb-contact-form {
  input[type="text"],
  textarea,
  input[type="email"] {
    color: #9e9caa !important;
    background-color: #383759 !important;
    border: 1px solid #3c3b5b !important;
  }
  .wpforms-field-label {
    color: #fff !important;
  }

  .wpforms-submit {
    background: #a9c961 !important;
    color: #000 !important;
  }
}

/* Player page */

.player-heading .player-info-stats {
  display: none;
}

.player-heading .player-info__item--stats {
  display: none !important;
}

.player-info-details__item--leagues,
.player-info-details__item--seasons {
  display: none;
}

/* Widgets */

.widget-player--football .widget-player__ribbon {
  background-color: #a9c961;
}

/* About us */

#about-us-top-section {
  display: flex;
  gap: 30px;

  h3 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    text-align: center;
  }

  h2,
  h3 {
    margin-bottom: 10px !important;
  }

  hr {
    width: 30px;
    background-color: #a9c961;
    height: 3px;
    margin-top: 0;
    margin-bottom: 30px;
  }
}

#about-us-features-section {
  display: flex;
  gap: 30px;
  flex-wrap: nowrap;

  h2 {
    margin-bottom: 10px !important;
    text-align: center;
  }

  hr {
    width: 30px;
    background-color: #a9c961;
    height: 3px;
    margin-top: 0;
    margin-bottom: 30px;
  }

  .about-us-card {
    border: 1px solid #3c3b5b;
    border-radius: 4px;
    background-color: #323150;
    margin-bottom: 30px;
    padding: 20px 10px;
    display: grid;
    place-items: center;
    text-align: center;
    width: 47%;
    margin-right: 3%;

    .vc_icon_element {
      margin-bottom: 15px;
    }
  }
}

#about-us-trench-map h3 {
  margin: 45px 0 !important;
}

/* Header and footer logo */

@media (min-width: 992px) {
  .info-block--header .info-block__item .df-icon-custom img {
    width: 48px;
    height: 48px;
  }

  .info-block__item .df-icon-custom img {
    width: 48px;
    height: 48px;
  }

  .info-block__item.info-block__item--helmet,
  .info-block__item.info-block__item--helmet + .info-block__item {
    padding-left: 60px;
  }

  .info-block__item--contact-primary,
  .info-block__item--contact-secondary {
    padding-left: 60px;
  }
}

/* Homepage */

#home-header .vc_column-inner {
  padding-top: 0;
}

#custom_html-2 iframe {
  width: 100% !important;
  height: 300px !important;
}

/* Meet the team */

#team-top-section h3 {
  color: #a9c961;
  font-size: 24px;
}

.team-members-container {
  gap: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.team-members-container::before {
  display: none;
}

.team-card {
  border: 1px solid #3c3b5b;
  border-radius: 4px;
  background-color: #323150;
  margin-bottom: 15px;
  width: 100%;

  .team-member-image {
    background: #383759;
    padding: 30px;
  }

  .team-member-content {
    padding: 30px;
    margin-bottom: 0 !important;
    padding-top: 10px;
    text-align: center;
    height: 150px;

    h4 {
      font-size: large;
    }
  }

  .team-member-title {
    padding: 30px;
    padding-top: 0;
    background: #383759;
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
    height: 60px;

    h5 {
      font-size: medium;
    }
  }

  .vc_column-inner {
    padding: 0 !important;
  }
}

#what-are-people-saying {
  h3 {
    margin-bottom: 15px;
  }
  hr {
    background: #a9c961;
    width: 30px;
    height: 3px;
  }

  .vc_btn3.vc_btn3-color-success.vc_btn3-style-modern {
    background-color: #a9c961;
    border-color: #a9c961;
    color: black;
  }
}

.player-heading .player-info__item--photo .player-info__photo img {
  width: 200px;
}

.player-info-details__item--age,
.player-info-details__item--birthday {
  display: none;
}

@media (min-width: 992px) {
  .header__top-bar {
    display: flex;
    height: 60px;
    align-items: center;

    .training-site-button .btn {
      padding-top: 10px;
      padding-bottom: 10px;
      background: #a9c961;

      svg {
        position: relative;
        top: -2px;
      }
    }
  }
}

.training-site-button.only-on-mobile {
  display: none;
}

@media (max-width: 480px) {
  .training-site-button.only-on-mobile {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px;

    .btn {
      padding-top: 10px;
      padding-bottom: 10px;
      background: #a9c961;

      svg {
        position: relative;
        top: -2px;
      }
    }
  }
}

/* Team page */

.single-sp_team .content-filter {
  display: none;
}

.single-sp_team .card {
  display: none;
}

/* Player page */

.single-sp_player .content-filter {
  display: none;
}

/* Membership page */

#membership-section .vc_do_pricing_table {
  border: 1px solid #3c3b5b;
  border-radius: 4px;
  background-color: #323150 !important;

  .vc_do_btn a {
    background: #a9c961 !important;
    font-size: medium;
  }

  .wpb-price {
    font-size: 36px;
    color: #fff !important;
  }

  .wpb-plan-title {
    color: #a9c961;
    height: 75px;
  }

  .wpb-plan-description {
    font-size: medium;
    margin-bottom: 15px;
  }

  .wpb-plan-features {
    height: 250px;
  }
}

/* Registration form */

.user-registration.ur-frontend-form {
  max-width: 690px !important;
  border: 1px solid #3c3b5b;
  border-radius: 4px;
  background-color: #323150;
  margin-bottom: 15px;
}

div#urm-membership-list {
  padding-left: 0;
}

.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item .ur-frontend-field {
  color: #fff !important;
}

body.user-registration-page
  .user-registration:not(.user-registration-MyAccount)
  .ur-button-container
  .ur-submit-button {
  background: #a9c961 !important;
  border: 0 none !important;
}

/* Single player */

body.single-sp_player .player-header-container {
  background: url(/assets/images/football/page-heading.jpg);
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;

  .container {
    display: grid;
    justify-content: space-between;
    padding: 30px 0;
    flex-wrap: wrap;
    grid-template-columns: 2fr 4fr 2fr;
    align-items: center;

    .player-header-photo {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center;
      gap: 15px;

      .player-name {
        font-size: large;
        margin-bottom: 0;
      }

      .player-ranking {
        color: #a9c961;
        margin-bottom: 0;
      }

      .prospect-level {
        background: #a9c961;
        color: #fff;
        padding: 2px 10px;
        border-radius: 3px;
        font-size: small;
        margin-bottom: 0;
        text-shadow: 1px 1px #323150;
        font-weight: bold;
      }

      .stars {
        display: flex;
        gap: 5px;
      }

      .individual-star {
        svg {
          width: 20px;
          height: 20px;
          fill: #d4af37;
        }
      }
    }

    .player-header-details {
      display: unset;
      width: unset;
      height: unset;
      border: 1px solid #3c3b5b;
      border-radius: 4px;
      background-color: #323150;

      header {
        margin-bottom: 15px;
      }

      .individual-detail {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-bottom: 2px solid #3c3b5b;
        height: 40px;
        padding-left: 30px;
        padding-right: 30px;
        align-items: center;

        .individual-detail-label {
          font-size: 14px;
          margin-bottom: 0;
        }

        .individual-detail-value {
          margin-bottom: 0;
        }
      }

      .individual-detail.position {
        height: fit-content !important;
        padding-top: 10px;
        padding-bottom: 10px;

        .individual-position {
          display: block;
        }
      }

      .high-school-details {
        padding: 20px;
        display: flex;
        align-items: center;
        gap: 20px;
        padding-top: 10px;
        padding-left: 30px;

        img {
          width: 40px;
          height: 40px;
        }
      }
    }

    .player-header-photo img {
      height: 200px;
      border-radius: 5px;
      margin-bottom: 15px;
    }
  }
}

body.single-sp_player .player-header-container::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: repeating-radial-gradient(
    at 50% 50%,
    #000,
    #000 1px,
    transparent 1px,
    transparent 4px
  );
  background-size: 5px 5px;
  background-position: 100% 0;
  background-repeat: repeat;
  opacity: 1;
  z-index: -1;
}

/* Sponsorship carousel */

.sponsorship-carousel-section {
  .awards__item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 250px;
  }
  .awards__name {
    display: none;
  }
}

/* News page */

.news-heading hr {
  background: #a9c961;
  height: 3px;
  width: 30px;
  margin-bottom: 60px !important;
}

/* Players page */

.players-search-filter {
  background: #323150;
  margin-bottom: 30px;
  padding: 30px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;

  .name-search input {
    background: #282840;
    border: 0 none;
    width: 100%;
    height: 50px;
    padding-left: 20px;
    color: #fff;
  }

  input:focus {
    outline: 0 none;
  }
}

/* Single Post */

.single-post h1 {
  font-size: x-large;
}

.single-post h2 {
  font-size: large;
}

.single-post h3 {
  font-size: medium;
}

.single-post {
  h1 {
    font-size: x-large;
  }

  h2 {
    font-size: large;
  }

  h3 {
    font-size: medium;
  }

  blockquote > p {
    font-size: medium;
  }
}

/* Events page */

#tour-flow {
  .card {
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 30px;
    height: 200px;
    text-align: center;

    .number {
      display: flex;
      justify-content: center;

      p {
        background: #a9c961;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        color: #fff;
        font-size: 36px;
        line-height: 1.75;
      }
    }
  }
}

/* Mobile adjustments */

@media (max-width: 480px) {
  #how-it-works-cards.vc_row {
    flex-wrap: wrap;

    .card {
      .icobox__icon--lg {
        width: 60px;
        height: 60px;
        font-size: 24px;
      }
    }
  }

  .team-list-container {
    grid-template-columns: 1fr;
  }

  .players-list-container {
    grid-template-columns: 1fr;
  }

  body.single-sp_player .player-header-container .container {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .subscription-required .subscription-modal {
    width: 75%;
    height: 42%;
  }

  .footer-section-grid {
    grid-template-columns: 1fr;
  }

  .header-mobile__logo-img {
    width: 150px;
  }

  #about-us-top-section,
  #about-us-features-section {
    flex-wrap: wrap;

    .about-us-card {
      width: 100%;
    }
  }

  .team-members-container {
    grid-template-columns: 1fr;
  }

  .external-api-feed .news-result-container {
    padding: 30px;
    height: unset;

    .news-left-column {
      margin-bottom: 15px;
    }
  }

  .players-search-filter {
    grid-template-columns: 1fr;
  }

  .nfl-alumni-section {
    grid-template-columns: 1fr;
  }

  .nfl-alumni-banner {
    justify-content: center;
  }

  .footer-logo--has-txt {
    text-align: center;
    width: 50%;
  }

  #how-it-works-cards {
    margin: 0 5px !important;
  }

  #how-it-works-cards.vc_row.vc_row-o-content-middle
    > .vc_column_container
    > .vc_column-inner {
    padding-bottom: 0 !important;
  }

  .mapplic-marker[aria-label="California"] > svg {
    width: 24px;
    height: 24px;
    top: 15px;
    right: 15px;
  }

  #membership-section .wpb-pricing-table .wpb-plan-features {
    height: 200px;
  }

  #membership-section .wpb-pricing-table .wpb-plan-title {
    height: 50px;
  }

  #team-top-section h2 {
    font-size: x-large;
  }

  #team-top-section h3 {
    font-size: large;
  }
}

/* Widget */

#text-2 {
  .card__content {
    padding: 0;
    font-size: medium;
  }
}

/* User registeration */

body.user-registration-page .user-registration.ur-frontend-form,
body.user-registration-page .ur-frontend-form.login {
  background: #323150;
}

body.user-registration-page
  .user-registration:not(.user-registration-MyAccount)
  .ur-form-row
  .ur-form-grid
  .ur-field-item
  label:not(.user-registration-error) {
  color: #fff !important;
}

body.user-registration-page
  #user-registration:not(.user-registration-MyAccount),
body.user-registration-page
  .user-registration:not(.user-registration-MyAccount) {
  border-radius: 9px !important;
}

body.user-registration-page
  .user-registration:not(.user-registration-MyAccount)
  .ur-frontend-form
  .user-registration-form
  .ur-form-row
  .ur-form-grid
  .user-registration-before-login-btn
  .user-registration-LostPassword
  a,
body.user-registration-page
  #user-registration:not(.user-registration-MyAccount)
  .ur-frontend-form
  .user-registration-form
  .ur-form-row
  .ur-form-grid
  .user-registration-register
  a,
body.user-registration-page
  .user-registration:not(.user-registration-MyAccount)
  .ur-frontend-form
  .user-registration-form
  .ur-form-row
  .ur-form-grid
  .user-registration-register
  a {
  color: #a9c961 !important;
}

body.user-registration-page
  #user-registration:not(.user-registration-MyAccount)
  .ur-frontend-form
  .user-registration-form
  .ur-form-row
  .ur-form-grid
  .user-registration-form-row
  .input-wrapper
  input,
body.user-registration-page
  .user-registration:not(.user-registration-MyAccount)
  .ur-frontend-form
  .user-registration-form
  .ur-form-row
  .ur-form-grid
  .user-registration-form-row
  .input-wrapper
  input {
  color: #fff !important;
}

body.user-registration-page
  .user-registration:not(.user-registration-MyAccount)
  .ur-frontend-form
  .user-registration-form
  .ur-form-row
  .ur-form-grid
  > div
  .user-registration-Button {
  background: #a9c961 !important;
}

#ur-membership-registration {
  .ur-membership-period-text,
  .ur-membership-title-text {
    color: #fff;
  }

  .ur_membership_input_label {
    color: #fff;
  }

  .urm-membership-total-value label {
    color: #000 !important;
  }
}