/*!
  Theme Name: AUX Corps of Cadets Child Theme
  Template: aux-wordpress
  Version: 1.0.0
 */

/* Cadet Profiles Archive Page */
.archive {
  .card .card__image img {
    aspect-ratio: auto;
    max-width: 120px;
  }

  .link--external::after,
  .external-link::after {
    display: none;
  }
}

/* 
  Recruiter Form 
  using data-tamu="section-wrap", adding a class breaks the form's embed js
*/
.aux-body-content [data-tamu="section-wrap"] {
  margin-bottom: 1.5rem;
  padding: 3rem 1.5rem 0 1.5rem;
  max-width: 1400px;

  form {
    select {
      max-width: 500px;
    }

    div.form_question {
      padding: 0 10px 10px 0;
    }

    div.form_responses select {
      margin-left: 0 !important;
      /* Override the hardcoded inline css on a couple form fields */
    }

    button {
      font-family: "Work Sans", Arial, sans-serif;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: bold;
      text-align: center;
      background: #500000;
      border: 2px solid #3c0000;
      color: #ffffff;
      transition: padding 0.3s ease;
      overflow: hidden;
      position: relative;
      transition: 0.2s ease;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.65rem 2rem 0.65rem 2rem;
      justify-content: center;
      cursor: pointer;

      &:hover,
      &:active,
      &:focus {
        background: #732f2f;  
        border: 2px solid #3c0000;
        text-decoration: underline;
      }
    }
  }
}

/* Modern Events Calendar Plugin */
.tribe-common {

  /* Override the css variables for the event calendar plugin */
  --tec-font-size-0: .875rem;
  --tec-font-size-1: .875rem;
  --tec-font-size-2: 1rem;
  --tec-font-family-sans-serif: 'Open Sans', sans-serif;
  --fbc-primary-text: #000;
  --fbc-secondary-text: #000;
  --tec-color-text-events-bar-input-placeholder: #000;
  --tec-color-text-secondary: #000;
  --tec-color-text-event-date: #000;
  --tec-color-day-marker-past-month: #000;
  --tec-color-text-primary: #000;
  --tec-color-background: #500000;
  --tec-color-button-primary: #500000;
  --tec-color-accent-primary: #500000;
  --tec-color-icon-secondary: #500000;
  --tec-color-icon-active: #500000;
  --tec-color-accent-primary-active: #732f2f;

  table th {
    background-color: transparent;
  }

  button.tribe-common-c-btn,
  .tribe-common-c-btn--secondary,
  .tribe-events-header__top-bar .tribe-events-c-top-bar__today-button,
  .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button button,
  .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button button {
    background-color: #500000;
    color: #fff;

    &:hover,
    &:focus,
    &:active {
      background-color: #732f2f;
      color: #fff;
    }

    &:visited {
      color: #fff;
    }
  }

  .tribe-common-c-btn.tribe-events-c-search__button {
    top: 9px;
    position: relative;
  }

  .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg path,
  .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg path {
    fill: #500000;
  }

  .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon path {
    fill: #fff;
  }

  .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list {
    background-color: #fff;
  }

  .tribe-common-form-control-text__input {

    &:focus,
    &:active {
      outline: 2px solid #500000;
    }
  }

  .tribe-common-anchor-thin-alt {
    border-bottom: 1px solid #500000;
    color: #500000;
  }

  .tribe-events-calendar-month {
    .tribe-common-h8 {
      color: #fff;
      font-size: 1rem;
    }

    .tribe-events-calendar-month__day--past .tribe-events-calendar-month__calendar-event-datetime {
      opacity: 1;
    }
  }

}