/*
Theme Name: OTIDE Child Theme
Template: ua-theme
Description: A child theme of the third generation of the official WordPress theme of the University of Alabama.
Author: Office of Teaching Innovation and Digital Education
Author URI: https://tide.ua.edu/
*/ 

/* Custom Code */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(50px);
  transition: none;
}
  
.animate-on-scroll.bounce-in {
  opacity: 1;
  animation: bounceIn 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
  
@keyframes bounceIn {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  60% {
    transform: translateY(-10px);
    opacity: 1;
  }
  80% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}

/*.ua_minerva #typewriter::after {
  content: "|";
  animation: blink 0.7s infinite;
}

@keyframes blink {
  50% { opacity: 0; }
}*/


.ua_minerva img.ua_title-bar_logo {
  max-width: 55%;
  margin-left: 0;
}

#UA_PrimaryNav {
  border-top: 1px solid #eee;
}

#UA_TitleBar {
  border-bottom: 3px solid #eee;
}

.page-id-124 nav#program-menu {
  margin-top: 0;
  margin-bottom: 0;
}

.page-id-124 nav .wp-block-navigation {
  max-width: 1250px;
  width: 100%;
}

.ua_minerva .ua_primary-navigation_list {
  column-gap: var(--ua_space--1, 0.5rem) !important;
}

#menu-main, .ua_minerva .ua_primary-navigation_list a {
  font-size: 1.1rem !important;
}

.ua_minerva .ua_primary-navigation_list > li:last-of-type > a {
  color: #9e1b32;
  font-weight: 800;
  text-transform: uppercase;
}

/* Removed for now until more highlights are added
#highlights {
  margin: -75px auto 2rem;
  background: white;
  z-index: 9;
  box-shadow: 0 -20px 10px #00000029;
}*/

.page-id-44 .ua_layout--grid .ua_component_wrapper {
  margin-top: 5px !important;
}

/* removes space between last block and footer */
/* (removed for now until we can determine if this is needed)
.home .ua_minerva .ua_page > :not(.ua_page_header),*/
.post-type-archive-bbd-degree-programs .ua_minerva .ua_page > :not(.ua_page_header), 
.single-bbd-degree-programs .ua_minerva .ua_page > :not(.ua_page_header) {
  margin-top: 0 !important;
}

/*.wp-block-group.is-style-elevated {
  box-shadow: inset 0 0 5px #ccc;
}*/

.hp-card .ua_card {
  height: inherit;
}

/* Single Degree Programs */

.bbd-degree-programs-template-default .ua_minerva .ua_page .ua_page_header .alignfull {
  min-height: 37vw;
}

h2.delivery-heading::before {
  content: "";
  background-color: #fff;
  top: -0.75em;
  display: block;
  height: 4px;
  left: 0;
  position: relative;
  width: 85px;
}

.bbd-degree-programs-template-default .ua_minerva #curriculum .wp-block-details summary,
.bbd-degree-programs-template-default .ua_minerva #curriculum .wp-block-details .details-content {
  background: #4A4C54;
}

.bbd-degree-programs-template-default .wp-block-cover.alignfull.has-background.spotlight {
  margin-top: 0 !important;
}

.program-details h3, .program-details h4:not(h4.post-title) {
  margin-block-start: var(--ua_space--flow, 2rem) !important;
}

.program-details p {
  margin-top: 1rem;
}

.postid-2511 /* Instructional Leadership for Nurse Educators doctorate program*/ 
.ua_minerva .wp-block-column:nth-of-type(3) .ua_data-highlight_stat {
  font-size: var(--ua_font-size--medium) !important;
  line-height: 1.4;
}

/* makes the degree card clickable */
.wp-block-group.degree-card {
  cursor: pointer;
}

#admissions h3 {margin: calc(var(--ua_space--flow, 2rem)) 0;}

#admissions .ua_component_wrapper {
  margin-block-start: calc(var(--ua_space--flow, 2rem) / 2)
}

#admissions p {
  padding-bottom: 1rem;
}

/*  Adjusts lists indentation generally and within accordions */
ul.wp-block-list, ol.wp-block-list {
  padding-left: 3rem !important;
}


.ua_minerva ul:not(.ua_title-bar .ua_primary-navigation ul, nav ul, footer ul, .ua_minerva ul ul, ul.ua_link-list ), .ua_minerva ol:not(.ua_title-bar .ua_primary-navigation ol, footer ol) {
  padding-inline-start: 1rem;
}

 ul.wp-block-list ol, .ua_minerva ul:not([class]) ol, .ua_minerva ul.ua_layout--columns ol, ul.wp-block-list ul, .ua_minerva ul:not([class]) ul, .ua_minerva ul.ua_layout--columns ul, ol.wp-block-list li, .ua_minerva ol:not([class]) li, .ua_minerva ol.ua_layout--columns li, ol.wp-block-list ol, .ua_minerva ol:not([class]) ol, .ua_minerva ol.ua_layout--columns ol, ol.wp-block-list ul, .ua_minerva ol:not([class]) ul, .ua_minerva ol.ua_layout--columns ul {
  margin-inline-start: 2.5rem !important;
}

/*.ua_minerva details ul:not([class]), .ua_minerva details ol:not([class]), .ua_minerva details ul.ua_layout--columns, .ua_minerva details ol.ua_layout--columns {
  padding-inline-start: 1rem;
}
/* End */


/* Student Stories Styles */
.ua_minerva .wp-block-cover.ss-hero {
  padding-bottom: 0;
}


li.ccs-student-stories {
  list-style-type: none;
  transition: linear .35s;
  background: #f2f3f4;
  color: #35363b;
}

li.ccs-student-stories:hover {
  border-bottom: 7px solid #9e1b32 !important;
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.18);
  transform: translateY(-13px);
  transition: linear .35s;
}


/* End */

/* Landing Page Mockup (page-id-10725)*/

.page-id-10725 #UA_PrimaryNav, .page-id-10725 #UA_TitleSearch {
  display: none;
}
.wp-block-columns.alignwide.with-form .form {
  z-index: 9;
  margin-top: -315px;
  padding: 1.5rem;
  background: white;
  box-shadow: 0 -24px 20px 4px #0003;
}

.wp-block-cover.alignfull.free.has-background {
  padding-bottom: 200px;
}

.ua_minerva .ua_component_wrapper.grants {
  margin-top: -170px;
}

.ua_component_wrapper.grants .ua_link-box {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


.ua_site-footer_content .ua_layout--grid {
  --grid-item--min-width: 130px !important;
}


/* Accessibility fixes */

/*  Adds the external link icon to link list blocks */
li a.ua_link-list_item[target="_blank"]::after 
{
  font-family: var(--ua_font--icon, "Font Awesome 6 Pro");
  content: "\f08e";
  display: inline-block;
  position: relative;
  top: -0.05em;
  padding: 0 0.2em 0 0.4em;
  font-size: 70%;
}

/*  Removes red border above footer - a change implemented in UA Theme 3.1.5 */
#ua_app.ua_minerva .ua_site-footer 
{
  border-top: none;
}

.ua_minerva footer ul {
  list-style-type: none;
}

/* */
.page-id-124 .ua_minerva .ua_card .ua_card_content-wrapper {
  padding: 1rem;
  text-align: center;
}

.page-id-124 .ua_card img {
  max-width: 80px;
}

/* Media Queries */
@media (min-width: 58rem) {
  #UA_PrimaryNav.ua_minerva .ua_primary-navigation_list ul 
  {
    border-left:none;
  }
  #highlights 
  {
    margin: -100px auto 100px;
  }
}
@media (max-width: 550px) {
  .home h1.wp-block-heading.has-text-align-center 
  {
    font-size: 2.75rem;
  }