/*
Theme Name: AggieUX
Theme URI: https://aggieux.tamu.edu/
Author: Texas A&M University - College of Engineering
Author URI:
Description: A custom theme based on AggieUX
Version: 0.1.5
Tested up to: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aggieux
Tags:

/*
** Additional modifications to AggieUX style
*/


:root{
  --aggiePrimary: #500000;
  --aggieSecondary: #FFFFFF;
  --aggieMaroon: #500000;
  --aggieCream: #D6D3C4;
  --aggieIvory: #E9E4DC;
  --accentGold: #AF8846;
  --aggiePrimary-Dark: #3C0000;
  --aggiePrimary-Light: #732F2F;
  --white: #FFFFFF;
  --gray-100: #F6F6F6;
  --gray-200: #EAEAEA;
  --gray-300: #D1D1D1;
  --gray-400: #A7A7A7;
  --gray-500: #707070;
  --gray-600: #626262;
  --gray-700: #535353;
  --gray-800: #3E3E3E;
  --gray-900: #202020;
  --black: #000000;
}

/*
** Sticky Footer
*/

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
main {
  flex: 1;
}

/*
** General CSS Changes
*/

/* Force aux-container-flex to remove padding */
.aux-container--fluid { padding: 0 !important; }

.hero__content {
  /*box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;*/
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

.news-page-header .date-author .date {
  font-family: "Work Sans", Arial, sans-serif;
  text-transform: uppercase;
  color: #732F2F;
}

.footer--slim.footer--on-dark .footer__container .footer__columns .footer__column span {
  color: #FFF;
}

/* Force nested list font size back to 1rem */
ul li ul,
ul li ol,
ol li ol,
ol li ul {
  font-size: 1rem !important;
}

/*
** Navigation CSS Changes
*/

/* Utility Navigation */
/*
.utility-nav .utility-nav__container .utility-nav__left {
  width: 50% !important;
}
*/

/* Site Header */
.site-header .site-header__identity .identity a,
.site-header--alt .site-header__identity .identity a {
  max-width: 440px;

  &.max-width-460 { max-width: 460px; }
}

.site-header--alt .identity--primary, .main-header .identity--primary {
  width: auto;
}

.site-header--alt .identity--primary a>img, .main-header .identity--primary a>img {
  max-height: 50px;
}

/* Mega Menu Navigation */
.site-header .megamenu .megamenu__content .megamenu__index .link--cta::after {
  mask-image: url("../../../../icons/aux-prod-icons/arrow-right-long.svg");
  -webkit-mask-image: url("../../../../icons/aux-prod-icons/arrow-right-long.svg");
}

/*
** AggieUX CSS Overrides
*/

/* Search Field CSS */
.search .search__form .search__input {
  font-size: 1rem;
}

.search form[role="search"] ::-webkit-input-placeholder {
  color: #000000;
  font-style: italic;
  opacity: 1;
}

.search form[role="search"] :-moz-placeholder { /* Firefox 18- */
  color: #000000;
  font-style: italic;
  opacity: 1;
}

.search form[role="search"] ::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
  font-style: italic;
  opacity: 1;
}

.search form[role="search"] :-ms-input-placeholder {
  color: #000000;
  font-style: italic;
  opacity: 1;
}

@media screen and (min-width: 640px) {
  .search form[role="search"] ::-webkit-input-placeholder {
    color: var(--white);
  }

  .search form[role="search"] :-moz-placeholder { /* Firefox 18- */
    color: var(--white);
  }

  .search form[role="search"] ::-moz-placeholder { /* Firefox 19+ */
    color: var(--white);
  }

  .search form[role="search"] :-ms-input-placeholder {
    color: var(--white);
  }
}

/*
** Calendar Widget block CSS
*/
/* Override default font styling of simple event title and link. */
.calendar-widget__container > .simple-event > .simple-event__title {
  font-size: 1.4rem; /* down from 1.6rem */
  font-weight: 600;
  line-height: 1.2;
  font-family: "Work Sans", Arial, sans-serif;
}
.calendar-widget__container > .simple-event > .simple-event__title > a {
  font-weight: 600;
}
/* Override default font styling of simple event sidebar list title and link. */
.calendar-widget__container > .calendar-widget__sidebar > .sidebar-list > .simple-event > .simple-event__title {
  font-size: 1.1rem;
  font-family: "Work Sans", Arial, sans-serif;
}
.calendar-widget__container > .calendar-widget__sidebar > .sidebar-list > .simple-event > .simple-event__title > a {
  font-weight: 600;
}

/*
** Contact Card block CSS
*/
/* Override default height of standard contact cards.
  Set to the fit-content height to avoid whitespace underneath admin contact */
.contact-card-collection .contact-card-collection__container .contact-card {
  height: fit-content;
}

/*
** Profile Card block CSS
*/
/* Override default height of standard profile cards.
  Reset margin-bottom of inline-flow profile-collection due to removal in aux-styles.css
  Set to the uniform height in a grid row */
.profile-preview .profile-preview__image+.profile-preview__info {
  display: inline-block;
  height: 100%;
}
.profile-collection .inline-flow>*:last-child {
  margin-bottom: 1.5rem;
}
.profile-preview .profile-preview__info .info__container > p {
  margin-top: 1rem;
}

/*
** Table core block CSS
*/
.custom-content .custom-content__container:has(table) {
  width: 100%;
}
table tfoot {
  font-weight: bold;
  tr td {
    background: #eaeaea !important;
  }
}

/*
** Testimonial Card block CSS
*/
/* Override default rectangular testimonial image.
  Set to circular profile image style */
.testimonial-card .testimonial-image {
  aspect-ratio: 1/1;
  width: 66%;
}
.testimonial-card .testimonial-image img {
  aspect-ratio: 1/1;
  border: solid var(--aggiePrimary) 2px;
  border-radius: 50%;
}
.testimonial-card.testimonial-card—on-dark .testimonial-image img {
  aspect-ratio: 1/1;
  border: solid #D6D3C4 2px;
  border-radius: 50%;
}

/*
** Gravity Form CSS
*/
/* Override custom AggieUX Gravity Form styling */
.gfield:last-child {
  margin: 0 !important;
  padding: 0 1rem 1rem 1rem !important;
}

/* Spacing for custom content forms */
.custom-content__container .gform_wrapper {
  padding: 3rem !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
  rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;

  >* {
    width: 95% !important;
  }
}

/*
** 150th Anniversary Celebration CSS
*/
.logo-strip {
  padding: 1.5rem;
}
.logo-strip.logo-strip--light-gray {
  background: #eaeaea;
}
.logo-strip__container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
.logo-strip__container .dot-divider {
  flex: 1 0 20px;
  display: block;
  border-top: dotted #500000 3px;
}
.logo-strip__container .logo-strip__left {
  display: flex;
  width: fit-content;
  align-items: center;
}
.logo-strip__container .logo-strip__left img {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  margin-right: 1rem;
}
.logo-strip__container .logo-strip__right {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.logo-strip__container .logo-strip__right a {
  font-family: "Work Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  color: #500000;
  text-decoration: none;
}
.logo-strip__container .logo-strip__right a::after {
  content: " →";
}

/* Responsive */
@media screen and (max-width: 875px) {
  .logo-strip--simple .logo-strip__right {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 600px) {
  .logo-strip--simple .logo-strip__container {
    flex-direction: column;
  }
  .logo-strip--simple .dot-divider {
    display: none;
  }
}