/*
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 */

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

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

#menu-main, .ua_minerva .ua_primary-navigation_list a:not(.ua_minerva .ua_primary-navigation_list li li a) {
  font-size: 17px !important;
}

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

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

/* removes space between last block and footer */
.home .ua_minerva .ua_page > :not(.ua_page_header),
.under-hero {
  margin-top: 0 !important;
}

.ua_minerva .ua_page > :not(.ua_page_header) {
  margin-block-start: var(--ua_space--section, 4rem);
  margin-top: 0;
}

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

.page-id-2056 .ua_minerva h1 {
  margin-top: 0;
}

.ua_minerva .hero-img-1 img {
  object-position: 24% !important;
  border-radius: 30px !important;
} 

.ua_minerva .hero-img-2 img {
  object-position: 77% !important;
  border-radius: 30px !important;
  margin-top: -45px;
}

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

/* Otide Repository page */
.page-id-2501 #UA_PrimaryNav, .page-id-2501 #UA_TitleSearch, 
.page-id-2501 .ua_minerva .ua_brand-bar_link, .page-id-2501 #ua_app.ua_minerva .ua_site-footer {
  display: none;
} 

/* Animation on elements*/
.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);
  }
}

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

/* Media Queries */
@media (min-width: 58rem) {
  #UA_PrimaryNav.ua_minerva .ua_primary-navigation_list ul {
    border-left:none;
  }
}

@media (max-width: 550px) {
  .home h1.wp-block-heading.has-text-align-center {
    font-size: 2.75rem;
  }
}