@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600&display=swap");

@import 'stanford_colors';

html {
  font-size: 1rem;
}
$spacer: 1rem;
$spacers: (
        0: 0,
        1: $spacer * .25,
        2: $spacer * .5,
        3: $spacer,
        4: $spacer * 1.5,
        5: $spacer * 3,
);

@for $i from 6 through 14 {
  $spacers: map-merge($spacers, (
    $i: (($i - 2) * $spacer)
  ));
}
$nav-link-transition: color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
$navbar-toggler-transition: color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;


$white: #FFFFFF;
$gray-100: #EAEAEA;
$gray-200: #D5D5D4;
$gray-300: #C0C0BF;
$gray-400: #ABABA9;
$gray-500: #979694;
$gray-600: #767674;
$gray-700: #6D6C69;
$gray-800: #585754;
$gray-900: #43423E;
$black: #2e2d29;
$blue: #4298B5;
$indigo: #734675;
$purple: #350D36;
$pink: #7F2D48;
$red: #8C1515;
$orange: #F9A44A;
$yellow: #FFE781;
$green: #8AB8A7;
$teal: #009AB4;
$cyan: #006B81;
$primary: $red;
$secondary: #B6B1A9;
$danger: #B83A4B;
$info: #4298B5;
$cardinal: $red;
$cardinal-light: #B83A4B;
$cardinal-dark:  #820000;

$enable-responsive-font-sizes: false;
$enable-shadows: true;
$enable-rounded: false;
$enable-hover-media-query: true;
$spacer: 1.3rem;
$body-color: $black;
$body-bg: $white;
$nav-tabs-border-color: $gray-300;
$link-color: $primary;
$link-hover-color:  #b1040e;
$link-visited-color: $link-color;
$mark-bg: #FEDD5C;
$font-family-sans-serif: "Source Serif Pro", Georgia, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
$headings-font-family: "Source Sans Pro", Calibri, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
$font-family-base: $headings-font-family;
$h1-font-size: 2.27rem;
$h2-font-size: 1.88rem;
$h3-font-size: 1.5rem;
$h4-font-size: 1.4rem;
$h5-font-size: 1.3rem;
$h6-font-size: 1.2rem;
$font-size-base: 1.2rem;

$nav-link-padding-y: 0.6rem;
$nav-link-padding-x: 1.2rem;
$nav-divider-color: $body-bg;
$nav-tabs-link-hover-border-color: $body-bg $body-bg $nav-tabs-border-color;
$dropdown-link-hover-bg: $cardinal;
$dropdown-link-hover-color: $white;
$navbar-nav-link-padding-x: 2rem;
$navbar-nav-link-padding-y: 1rem;
$nav-link-hover-color: #EAEAEA;
$nav-link-padding-x:2rem;
$nav-link-padding-y:1rem;
$navbar-padding-x: 0 !default;
$navbar-padding-y: 0 !default;
$nav-link-height:4rem;
$nav-link-font-size: 1.1rem !default;

$nav-link-hover-background: $primary;
$navbar-dark-hover-color: $white !default;
$navbar-dark-color: $white !default;
$nav-link-font-size: 1.1rem;
$dropdown-font-size: 1.1rem;
$dropdown-item-padding-y: 1rem !default;
$dropdown-item-padding-x: 2rem !default;
$dropdown-padding-x: 0 !default;
$dropdown-padding-y: 0rem !default;
$dropdown-link-hover-bg: $cardinal;
$dropdown-dark-bg: $cardinal-dark;

.dropdown-item {
  @extend .dropdown-item;
  transition: color .15s ease-in-out, border-color .15s ease-in-out;
  font-kerning: auto;
  font-weight: 600 !important;
  font-family: $font-family-base;
  line-height:26pt;
  &.is-active {
    background-color: $cardinal;
    color:$white;
  }
}

.nav-link {
  &:hover {
    background-color: $nav-link-hover-background;
  }
  font-weight: 600 !important;
  font-kerning: auto;
  font-family: $font-family-base;
}

.scrollbar-hidden {
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
  &::-webkit-scrollbar {
    display:none;
  }
}

.container-landing_page {
  @extend .container-fluid;
  .region-content {
    margin: 0 12rem !important;
  }
}

.container-content_page, .container-event, .container-news, .container-lecture, .container-page {
  @extend .container;
}

main {

  /*.region-content {
    p:first-child, p:first-of-type {
      @extend .lead;
    }
  }*/
}
.bg-primary.bg-opacity-80 {
  --bs-bg-opacity: .8;
}
.scrollbar-hidden::-webkit-scrollbar {
  display: none;  /* Safari and Chrome */
}
.text-small-caps {
  font-variant-caps: all-small-caps;
}

.dropdown-menu[data-bs-popper] {
  top: calc(100% - 2px) !important;
  margin-top:0 !important;
}
:where(.event-container or .news-container) {
  @extend .container-fluid;
  @extend .d-flex;
  @extend .flex-nowrap;
}



.swiper-slide {
  .card {
    .card-title {
      font-size:1.2rem !important;
    }
    .card-text {
      font-size:1.1rem !important;
    }
  }
}

.path-frontpage {
  .view-event-cards-view {
    h2:first-child {
      @extend .mx-md-8;
    }
  }
}

.date-stacked {
  font-variant: all-small-caps;
  font-size: 2rem;
  line-height: 1.6rem;
  text-align: center;
  width: 100px;
  padding: 1.4rem 1.4rem;
  margin: 1rem 1rem 1rem 0;

}
.coma::after {
  content: ", "
}
.coma:last-child::after {
  content: none;
}
.tag-separator {
  &:after {
    content: "\2022";
    padding: 0 4px;
    font-size: 2rem;
    position: relative;
    top: 4px;
    line-height:0;
  }
  &:last-child {
    &:after {
      content: "";
      padding: 0 4px;
      font-size: 2rem;
      position: relative;
      top: 4px;
    }
    }
  }
.fs-rem-1 {
  font-size: 1rem !important;
}
.all-small-caps {
  font-variant: all-small-caps;
}

.date-stacked.date-stacked-month-year {
  .date-stacked-month {

  }

  .date-stacked-year {

  }
}



.no-lead {
  font-size: inherit !important;
  font-weight: inherit !important;
}