/**
 * Customization for The Events Calendar Plugin
 * Guide for customizing: https://theeventscalendar.com/knowledgebase/k/basic-font-and-color-changes-with-css/
 *
 */
/**
 * TAMUS custom variables
 *
 * @since 2.0.0
 */
/**
 * Override Bootstrap defaults.
 * We could edit bootstrap/_variables.scss but doing so makes it harder to upgrade bootstrap
 */
/**
 * Update body background color
 *
 * Choosing a neutral color for the body background would make the site feel more clean and professional
 * and feel like the light blue does not pair well with the maroon in the footer.
 * I feel like the light blue is pretty prominent for a color that isn't used elsewhere in the System Marcomm's palate.
 * Aggie Maroon is strong color with a very dark shade. It's difficult to pair with other colors. Typically, in corporate
 * design, a strong color is paired with a very light neutral like white or a very light gray.
 * Using a triad on the color wheel, Aggie Maroon works with the blue and green in the header, especially since they are
 * a similar saturation. Especially since the maroon never borders the other strong colors. I think the light blue of the
 * background was intended to act as a neutral. While it is a light tint of blue, it's still competing for attention with
 * the maroon - especially on higher end displays that have more color depth and saturation.
 *
 * Original var and color: $siteback: #92BDE9;
 * Testing different background colors:
 * Slightly more blue #f0f4f7;
 * Cool white #f5f7f9
 */
/**
 * Chart of rem equivalents.
 * The base font size is 16px in this theme.
 *
 * 10px	= 0.625rem
 * 12px	= 0.75rem
 * 14px	= 0.875rem
 * 16px	= 1rem
 * 18px	= 1.125rem
 * 20px	= 1.25rem
 * 24px	= 1.5rem
 * 26px	= 1.625rem
 * 28px	= 1.75rem
 * 32px	= 2rem
 * 36px	= 2.25rem
 * 40px	= 2.5rem
 * 44px	= 2.75rem
 * 48px	= 3rem
 * 50px	= 3.125rem
 * 56px	= 3.5rem
 * 64px	= 4rem
 */
:root {
  font-size: 1rem;
}

/**
 * TAMUS SCSS mixins
 *
 * @since 2.0.0
 */
/**
 * TAMUS custom variables
 *
 * @since 2.0.0
 */
/**
 * Override Bootstrap defaults.
 * We could edit bootstrap/_variables.scss but doing so makes it harder to upgrade bootstrap
 */
/**
 * Update body background color
 *
 * Choosing a neutral color for the body background would make the site feel more clean and professional
 * and feel like the light blue does not pair well with the maroon in the footer.
 * I feel like the light blue is pretty prominent for a color that isn't used elsewhere in the System Marcomm's palate.
 * Aggie Maroon is strong color with a very dark shade. It's difficult to pair with other colors. Typically, in corporate
 * design, a strong color is paired with a very light neutral like white or a very light gray.
 * Using a triad on the color wheel, Aggie Maroon works with the blue and green in the header, especially since they are
 * a similar saturation. Especially since the maroon never borders the other strong colors. I think the light blue of the
 * background was intended to act as a neutral. While it is a light tint of blue, it's still competing for attention with
 * the maroon - especially on higher end displays that have more color depth and saturation.
 *
 * Original var and color: $siteback: #92BDE9;
 * Testing different background colors:
 * Slightly more blue #f0f4f7;
 * Cool white #f5f7f9
 */
/**
 * Chart of rem equivalents.
 * The base font size is 16px in this theme.
 *
 * 10px	= 0.625rem
 * 12px	= 0.75rem
 * 14px	= 0.875rem
 * 16px	= 1rem
 * 18px	= 1.125rem
 * 20px	= 1.25rem
 * 24px	= 1.5rem
 * 26px	= 1.625rem
 * 28px	= 1.75rem
 * 32px	= 2rem
 * 36px	= 2.25rem
 * 40px	= 2.5rem
 * 44px	= 2.75rem
 * 48px	= 3rem
 * 50px	= 3.125rem
 * 56px	= 3.5rem
 * 64px	= 4rem
 */
:root {
  font-size: 1rem;
}

/**
 * Call to action buttons (CTA)
 * Changing button color to make it more identifiable as a call to action link
 * Previous color was gray which can indicate a button is disabled.
 *
 * For consistent use of the button, we've defined two default buttons.
 * Maroon with white text
 * White with maroon text and a maroon border
 */
/**
 * Maroon with white text
 * To use: @extend %maroon-cta-button;
 */
.site-inner .content #tribe-events .tribe-events-button, .site-inner .content .tribe-common .tribe-events-c-ical .tribe-events-c-ical__link {
  border-radius: 4px;
  background-color: #500000;
  border: 2px solid #500000;
  color: #fff;
  padding: 7px 15px;
  font-weight: normal;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.site-inner .content #tribe-events .tribe-events-button:hover, .site-inner .content .tribe-common .tribe-events-c-ical .tribe-events-c-ical__link:hover, .site-inner .content #tribe-events .tribe-events-button:focus, .site-inner .content .tribe-common .tribe-events-c-ical .tribe-events-c-ical__link:focus, .site-inner .content #tribe-events .tribe-events-button:focus-within, .site-inner .content .tribe-common .tribe-events-c-ical .tribe-events-c-ical__link:focus-within, .site-inner .content #tribe-events .tribe-events-button:focus-visible, .site-inner .content .tribe-common .tribe-events-c-ical .tribe-events-c-ical__link:focus-visible, .site-inner .content #tribe-events .tribe-events-button:active, .site-inner .content .tribe-common .tribe-events-c-ical .tribe-events-c-ical__link:active {
  color: #500000;
  background-color: #fff;
  outline: none;
}

/**
 * White with maroon text and a maroon border
 * To use: @extend %white-cta-button;
 */
/**
 * Pagination link hover, focus, active.
 */
/**
 * Pagination link for the current page.
 */
/**
 * Pagination links on archive pages, calendar, etc.
 */
/**
 * Deprecated
 * Use Bootstrap visibility classes instead.
 * https://getbootstrap.com/docs/4.1/utilities/screenreaders/
 * https://getbootstrap.com/docs/4.1/utilities/visibility/
 *
 * Options depending on use: .sr-only, .visible, .invisible
 */
/**
 * Typography mixins
 * Set base font sizes, colors, line height for html elements
 *
 * Overrides for specific components should go in partials for those elements.
 * There are a few classes just to increase specificity enough to override Genesis.
 *
 * Using mixins so we can include parts of the typography css in other places like the Gutenberg / TinyMCE editor.
 *
 * @since 2.0.0
 */
.site-inner .content .tribe-common .tribe-common-l-container {
  padding-left: 0;
  padding-top: 0;
}
.site-inner .content .tribe-common .tribe-common-h7,
.site-inner .content .tribe-common .tribe-common-h8,
.site-inner .content .tribe-common .tribe-common-b2 {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
  font-size: 1rem;
}
.site-inner .content .tribe-common button {
  background-color: transparent;
  border: 0px none !important;
}
.site-inner .content .tribe-common button:hover, .site-inner .content .tribe-common button:focus, .site-inner .content .tribe-common button:focus-within, .site-inner .content .tribe-common button:active {
  background-color: transparent;
}
.site-inner .content .tribe-common a {
  color: #005CB3;
}
.site-inner .content .tribe-common a:hover, .site-inner .content .tribe-common a:focus, .site-inner .content .tribe-common a:focus-within, .site-inner .content .tribe-common a:active, .site-inner .content .tribe-common a a:visited {
  color: #1C3B6A;
}
.site-inner .content .tribe-common a.anchorlink {
  margin-left: 0;
  font-size: 1rem;
}
.site-inner .content .tribe-common .tribe-events-calendar-list__event-date-tag-weekday {
  font-size: 0.75rem;
}
.site-inner .content .tribe-common .tribe-events-calendar-list__event-row {
  margin-top: 45px;
}
.site-inner .content .tribe-common .tribe-events-calendar-list h2, .site-inner .content .tribe-common .tribe-events-calendar-list h3,
.site-inner .content .tribe-common .tribe-events-calendar-latest-past h2,
.site-inner .content .tribe-common .tribe-events-calendar-latest-past h3 {
  margin-top: 0;
  line-height: 1;
}
.site-inner .content .tribe-common .tribe-events-c-ical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.site-inner .content .tribe-common .tribe-events-c-ical .tribe-events-c-ical__link {
  max-width: 200px;
}
.site-inner .content .tribe-common .tribe-events-c-ical .tribe-events-c-ical__link:before {
  margin-left: -10px;
}
.site-inner .content .tribe-common .tribe-events-calendar-month h2, .site-inner .content .tribe-common .tribe-events-calendar-month h3, .site-inner .content .tribe-common .tribe-events-calendar-month h4, .site-inner .content .tribe-common .tribe-events-calendar-month h5, .site-inner .content .tribe-common .tribe-events-calendar-month h6 {
  margin-top: 0;
  font-size: 1rem;
}
.site-inner .content .tribe-common .tribe-events-calendar-month__day {
  height: 75px;
}
.site-inner .content #tribe-events .tribe-events-event-meta {
  background-color: transparent;
  font-size: 1rem;
}
.site-inner .content #tribe-events .tribe-events-event-meta h2, .site-inner .content #tribe-events .tribe-events-event-meta .tribe-events-single-section-title {
  margin-top: 1rem;
}
.site-inner .content #tribe-events .tribe-events-adv-list-widget .tribe-events-widget-link a,
.site-inner .content #tribe-events .tribe-events-back a,
.site-inner .content #tribe-events .tribe-events-list-widget .tribe-events-widget-link a,
.site-inner .content #tribe-events ul.tribe-events-sub-nav a {
  font-weight: normal;
}/*# sourceMappingURL=tribe-events.css.map */