/*
Theme Name: UCLA WordPress
Theme URI: https://github.com/ucla/design-kit-wp-upstream
Author: UCLA Strategic Communications
Author URI: https://strategic-communications.ucla.edu/
Description: The UCLA Theme provides a set of resources for creating a site that aligns with the UCLA Design System. This theme includes a set of starter page templates you can choose from whether you want to build something simple or a complex site.
Version: 2.0.0
License: Apache license 2.0
License URI: https://www.apache.org/licenses/LICENSE-2.0.txt
Requires at least: 5.2
Requires PHP:      7.2
Tags: UCLA, Strategic Communications
Text Domain: ucla-wordpress

UCLA Strategic Communications WordPress Theme © 2023 UCLA
*/

/**
 * Remove default WordPress background color in Theme > Customize
 */
body {
  background-color: #ffffff;
}

/* 
 * Secondary Navigation active class.
 * WordPress Menu CSS Class field only adds CSS classes to
 * the <li> element. This is the fix for the active class
 * in Design System 2.0.
 */

li.ucla-secondary-nav__link--active > a.ucla-secondary-nav__link {
  background-color: #00598c;
  color: #fff;
}
ol[type="1"] {
  list-style-type: decimal;
}
ol[type="A"] {
  list-style-type: upper-alpha;
}
ol[type="a"] {
  list-style-type: lower-alpha;
}
ol[type="I"] {
  list-style-type: upper-roman;
}
ol[type="i"] {
  list-style-type: lower-roman;
}

/* Remove default list styles from social media icons */
ul.ucla-social {
  padding-left: 0;
}

/* Override Cover Block Dimmer from blocking navigation */
.ucla-main-nav {
  z-index: 10;
}

.ucla-ribbon-text-body {
  z-index: 3;
  position: relative;
  width: 100%;
}