/*
Theme Name: Purple Flow
Theme URI: https://wupr.org/
Author: Jeremy Stiava
Author URI: https://wupr.org/
Description: This theme was created by Jeremy Stiava to prepare for full WordPress Theme Development. Intended for internal use only by Washington University Political Review
Version: 1.0
Tags: custom-header, custom-menu
*/

:root
{
  /** Colors */
  --wurple: #4600A8;
  --wurple-light: #d7bdff;
  --wurple-light-extra: #ece0ff;
  --wurple-darker: #3d0092;
}

#wordmark svg path {
  fill: white;
}

*
{
  box-sizing: border-box;
  font-family: helvetica;
  font-weight: unset;
  transition: 0.2s;
}

*:hover {
  transition: 0.2s;
}

body 
{
  padding: 0;
  margin: 0;
  width: 100%;
  height: fit-content;
  overflow-x: hidden;
  background-color: #1b1b1b;
  color: #d7d7d7;
}

*::selection {
  background-color: #25005a;
  color: #ffffff;
}

a
{
  color: #ffffff;
  text-decoration: unset;
}

@font-face
{
  font-family: helvetica;
  src: url(fonts/Monotype\ -\ Helvetica\ Now\ Text.otf);
}
@font-face
{
  font-family: helvetica_medium;
  src: url(fonts/Monotype\ -\ Helvetica\ Now\ Display\ Medium.otf);
}
@font-face
{
  font-family: helvetica_bold;
  src: url(fonts/Monotype\ -\ Helvetica\ Now\ Display\ Bold.otf);
}
@font-face
{
  font-family: helvetica_black;
  src: url(fonts/Monotype\ -\ Helvetica\ Now\ Display\ Black.otf);
}
@font-face
{
  font-family: georgia;
  src: url(fonts/georgia.ttf);
}
@font-face
{
  font-family: georgia_bold;
  src: url(fonts/georgiab.ttf);
}




/* Additional Fonts */
@font-face
{
  font-family: chronicle_italic;
  src: url(fonts/Chronicle\ Display\ Light\ Italic.otf);
}
@font-face
{
  font-family: oliver_regular;
  src: url(fonts/Oliver-Regular.ttf);
}




/* Animations */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
body {
  min-height: 101vh;
}
#content {
  opacity: 1;
  transition: opacity 1s ease-in-out;
}
#content.fade_in {
  animation-name: fadeIn;
  animation-delay: 0.25s;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
#content.fade_out {
  opacity: 0 !important;
  transition: opacity 0.25s ease-out;
}


#content.light-mode article p a {
  color: var(--wurple-darker);
}
#content article p a {
  color: var(--wurple-light-extra);
  text-decoration: underline;
}