/********* MF Custom CSS for Provost - Carnegie Classification landing page  *********/

/****** Block - WYSIWYG ******/
/** wysiwyg spacing inner **/
.wysiwyg-block {
	padding-block: 3rem;
}

/** wysiwyg content width **/
.wysiwyg p {
	max-width: 75ch;
}

/****** Sections ******/
.section {
    padding-block: 3rem;
}

.section h2 {
    margin-block-end: 2rem;
}


/****** Lists ******/
/** List Item Spacing  **/
.container ul:not(.subnav, .nav) li {
	margin-block-end: 0.5rem;
}

/****** Block - Hero ******/
/** Correct hero image disproportionate stretch **/
.ratio-content {
	object-fit: cover;
}

/****** Figure ******/
/** Figcaption  **/
figcaption {
	padding: 0.5rem;
	margin-inline: 0.5rem;
	font-size: 0.8rem;
	border-inline-start: 1px solid currentcolor;
}

/****** Alert ******/
.alert {
  padding-block: 2rem;
}

/****** Background Color - Text Contrast Accessibility Correction ******/
/** emory secondary blue bg **/
.bg-secondary .alert .alert-link,
.bg-secondary .alert a:not(.btn) {
	color: #ffffff;
}

/*** Cards - remove external link icon ***/
.card.card-link > ::after {
  display: none;
}

/****** Link State Transitions ******/
p a {
	transition: all 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

/****** CTA links ******/
.cta-link {
  --cta-icon-transform: 0.25rem;

  transition: all 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  display: inline;
  position: relative;
  padding-block: 0.125rem;
  padding-inline-start: 0.125rem;
  padding-inline-end: 1rem;
  margin-inline-start: auto;
  margin-inline-end: 0;
  align-self: flex-end;
  text-align: right;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.15rem;
  line-height: 1.1;
  
  box-decoration-break: slice;
  -webkit-box-decoration-break: slice;
  
  background: linear-gradient(to right,#f2a900 50%,
      transparent 51%, transparent 100%);
  background-repeat: no-repeat;
  
  background-size: 300% 3px;
  background-position: 90% 100%;
}

.cta-link:hover {
  background-position: 10% 100%;
}

.cta-link::after {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-variant: normal;
  font-style: normal;
  text-rendering: auto;
  width: 1rem;
  height: 1rem;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: calc(100% + var(--cta-icon-transform));
  margin-block: auto;
  margin-inline-start: auto;
  color: currentcolor;
  transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.35);
}

.cta-link:hover::after {
  transform: translateX(var(--cta-icon-transform)) scale(1.1);
}

/* cta link with instagram icon */
.cta-link--instagram::before {
  content: "\f16d";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  line-height: 1;
  font-variant: normal;
  font-style: normal;
  text-rendering: auto;
  width: 1rem;
  height: 1rem;
  position: relative;
  bottom: 0;
  top: 0;
  left: 0;
  margin-inline-end: 0.5rem;
  color: #007dba;
}

/****** Text to normal capitalization tool ******/
.text-capitalize-normal {
	text-transform: none;
}

/********* Juicer - overlay style *********/
.juicer {
  /* vars */
  --em-color-bg-base: hsl(0, 0%, 100%);
  --em-color-fg-base: hsl(210, 33%, 9%);
  --em-color-bg-primary: hsl(222, 98%, 21%);
  --em-color-fg-white-static: hsl(0, 0%, 100%);
  --em-color-fg-link-default: hsl(200, 100%, 33%);
  --juicer-gap: 2rem;
  
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 0;
  margin-inline: 0;
  margin-block: 2rem;
}
.juicer__item {
    flex: 0 0 calc(50% - (var(--juicer-gap) * 0.5));
    max-width: calc(50% - (var(--juicer-gap) * 0.5));
  }
/* link */
.juicer__content {
    position: relative;
    block-size: 100%;
    min-block-size: 300px;
    padding: 2rem;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
/* source icon */
.juicer__source {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.25rem;
    background-color: hsla(0, 0%, 100%, 0.7);
  }
.juicer__source .fa-2x {
      font-size: 1.5rem;
    }
.juicer__datetime {
    background-color: var(--em-color-bg-primary);
    color: var(--em-color-fg-white-static);
    padding-inline: 1rem;
    font-size: 0.7rem;
    line-height: 1;
    font-weight: 600;
    margin-block-start: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    block-size: 1.5rem;
    border-radius: 1rem;
    transform: translateY(0.5rem) translateX(0.5rem)
  }
.juicer__message {
    background-color: var(--em-color-bg-base);
    color: var(--em-color-fg-base);
    font-size: 0.8rem;
    padding: 1rem;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
  }
/* link text */
.juicer__readmore {
    color: var(--em-color-fg-link-default);
    text-decoration: underline;
    font-weight: 700;
  }
@media (max-width: 768px) {
  .juicer__item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/***** VIDEO EMBED *****/
.embed-responsive {
  margin-block: 3rem;
}


/***** NEW PROVOST PAGE *****/
section[aria-labelledby^="connect-with-"] {
    background-color: #007dba;
}

section[aria-labelledby^="connect-with-"] h2 {
  color: hsl(0, 0%, 100%);
  margin-block-end: 3rem;
}