/* Import Fonts */
@import "https://use.typekit.net/kvk6kvi.css";
@import "https://fonts.googleapis.com/css?family=Montserrat";
@import "https://fonts.googleapis.com/css?family=Roboto+Slab";
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro";
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

/*****    University of Utah Functional Customizations    *****************************************/

/*For hiding Respondus LockDown Browser Settings*/
#quiz_show form.form-horizontal.bootstrap-form.display-only {
    display:none;
}

/* Removing the variables - 11/8/2024 - colors from CidiLabs */
:root {
    --dt-color-primary: #A20003;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #A20003;
    --dt-color-secondary: #000000;
    --dt-color-secondary-contrast: #FFFFFF;
    --dt-color-secondary-dark-text: #000000;
    --dt-color-accent: #FFB81D;
    --dt-color-accent-contrast: #000000;
    --dt-color-accent-dark-text: #6E706F;
    --dt-color-gray: #E2E6E6;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #636363;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #707070;
    --dt-color-graybg: ;
    --dt-color-graybg-contrast: ;
}

/* Adding them variables - 11/8/2024 */
:root {
    /* Core Brand Colors */
    --uofu-primary: #a20000;
    --uofu-secondary: #515151;
    --uofu-accent: #c2c9ce;
    
    /* Base Colors */
    --uofu-white: #ffffff;
    --uofu-black: #000000;
    --uofu-gray: gainsboro;
    --uofu-light-gray: #e0e0e0;
    --uofu-border-gray: #D5D5D5;
    
    /* new Theme-Specific Colors 11/8/2024 */
    --utahRed: #be2000;
    --utahBlack: #372c2c;
    --granitePeak: #708e99;
    --wasatchSunrise: #ffb81d;
    --redRocks: #890000;
    --mountainGreen: #6cc24a;
    --greatSaltLake: #3abfc0;
    --saltFlatGrey: #e2e6e6;
    --ZionCinderCone: #707271;
    --digitalGrey: #f0f3f6;
    --redHover: #91172c;
    
    /* Typography */
    --font-primary: "Source Sans Pro", sans-serif;
    --font-headers: "Montserrat", sans-serif;
    --font-size-base: 17px;
    --line-height-base: 1.5;
    
    /* Spacing */
    --spacing-small: 8px;
    --spacing-medium: 15px;
    --spacing-large: 30px;
    
    /* Transitions */
    --transition-default: all 0.3s ease-out;
    
    /* Borders */
    --border-radius: 4px;
    --border-width: 1px;
    --border-color: var(--uofu-border-gray);
}


/*****    APPLE THEME   **********************************************/

#kl_wrapper_3.kl_apple > div > i {
    background-color: var(--uofu-primary);
}

#kl_wrapper_3.kl_apple #kl_banner h2 {
    background: var(--uofu-primary);
}

#kl_wrapper_3.kl_apple #kl_banner #kl_banner_left .kl_mod_num {
    color: var(--uofu-secondary);
}

#kl_wrapper_3.kl_apple #kl_banner #kl_description {
    border: var(--border-width) solid var(--uofu-secondary);
}

#kl_wrapper_3.kl_apple h3:not(.ui-state-default) {
    background: var(--uofu-secondary);
}

#kl_wrapper_3.kl_apple #kl_navigation ul {
    background-color: var(--uofu-secondary);
}

/*****    APPLE UofU THEME   **********************************************/

#kl_wrapper_3.kl_apple_uofu h3:not(.ui-state-default) {
    background: var(--uofu-white);
    border: inherit;
    color: var(--utahRed);
}

#kl_wrapper_3.kl_apple_uofu h3:not(.ui-state-default) i {
    color: var(--utahRed);
}

/*****    BASIC BAR THEME    *****************************************/

#kl_wrapper_3.kl_basic_bar #kl_banner h2 {
    background: var(--uofu-primary);
}

#kl_wrapper_3.kl_basic_bar #kl_banner .kl_subtitle {
    border: var(--border-width) solid var(--uofu-primary);
    color: var(--uofu-primary);
}

/*****    BASIC COLOR BANNER NAV THEME    ****************************/

#kl_wrapper_3.kl_basic_color #kl_banner{
    background-color: var(--uofu-primary);
}

#kl_wrapper_3.kl_basic_color #kl_banner .kl_subtitle {
    color: var(--uofu-primary);
    border: calc(var(--border-width) * 2) solid var(--uofu-primary);
}
#kl_wrapper_3.kl_basic_color #kl_navigation ul li {
    background-color: var(--uofu-primary) !important;
    line-height: 2.5;
    width: auto;
}
#kl_wrapper_3.kl_basic_color #kl_navigation ul li:last-child {
    background-color: var(--uofu-primary) !important;
    line-height: 2.5;
}
/******* NEW BASIC COLOR March 12 2018 ********/
#kl_wrapper_3.kl_basic_color #kl_banner, #kl_wrapper_3.kl_basic_color_panel_nav #kl_banner {
    background-color: var(--uofu-primary);
    color: var(--uofu-white);
    font-family: var(--font-primary);
    position: relative;
}

#kl_wrapper_3.kl_circles_overlap #kl_navigation li a i {
    font-size: 45px;
    line-height: 75px;
    width: 75px;
    text-align: center;
    margin-right: 10px;
    background-color: var(--uofu-primary);
}

/*****    BOOKMARK THEME      ****************************************/

#kl_wrapper_3.kl_bookmark #kl_banner h2 {
    background-color: var(--uofu-primary);
    color: var(--uofu-white);
}
#kl_wrapper_3.kl_bookmark #kl_banner #kl_banner_left .kl_mod_num {
    color: var(--uofu-primary);
}
#kl_wrapper_3.kl_bookmark #kl_banner .kl_subtitle {
    background-color: var(--redRocks);
    color: var(--uofu-white);
}
#kl_wrapper_3.kl_bookmark h3:not(.ui-state-default) {
    background: var(--uofu-secondary) url(https://elearn.usu.edu/designtools/dev/css/images/ribbon_right.png) no-repeat right center;
    color: var(--uofu-white);
}
#kl_wrapper_3.kl_bookmark> div> i {
    background: var(--uofu-primary) url(https://elearn.usu.edu/designtools/dev/css/images/ribbon_right.png) no-repeat right center;
    color: var(--uofu-white);
}
#kl_wrapper_3.kl_bookmark #kl_banner #kl_description {
    border: var(--border-width) solid var(--uofu-primary);
}
#kl_wrapper_3.kl_bookmark #kl_navigation ul li a {
    background: var(--uofu-white);
    color: var(--uofu-primary);
}

/***** BOX LEFT THEMES 1, 2, 3  **********************************/


/* BOX LEFT 1 */

#kl_wrapper_3.kl_box_left_1 #kl_banner #kl_banner_left {
    background: var(--uofu-primary);
}
#kl_wrapper_3.kl_box_left_1> div> i {
    background: var(--uofu-primary);
}
#kl_wrapper_3.kl_box_left_1 h3 i:not(.ui-state-default) {
    background: var(--uofu-primary);
}
#kl_wrapper_3.kl_box_left_1 #kl_navigation ul li a:hover, #kl_wrapper_3.kl_box_left_1 #kl_navigation ul li a:focus {
    background: var(--uofu-accent);
    color: var(--uofu-primary);
}

/* BOX LEFT 2 */

#kl_wrapper_3.kl_box_left_2 #kl_banner #kl_banner_left {
    background: var(--uofu-secondary);
    color: var(--uofu-white);
}
#kl_wrapper_3.kl_box_left_2> div> i {
    background: var(--uofu-secondary);
    color: var(--uofu-white);
}
#kl_wrapper_3.kl_box_left_2 h3 i:not(.ui-state-default) {
    background: var(--uofu-secondary);
    color: var(--uofu-white);
}
#kl_wrapper_3.kl_box_left_2 #kl_navigation ul li a:hover, #kl_wrapper_3.kl_box_left_2 #kl_navigation ul li a:focus {
    background: var(--uofu-accent);
    color: var(--uofu-primary);
}

/* BOX LEFT 3 */

#kl_wrapper_3.kl_box_left_3 #kl_banner #kl_banner_left {
    background: #000;
    color: #fff;
}
#kl_wrapper_3.kl_box_left_3> div> i {
    background: #000;
    color: #fff;
}
#kl_wrapper_3.kl_box_left_3 h3 i:not(.ui-state-default) {
    background: #000;
    color: #fff;
}
#kl_wrapper_3.kl_box_left_3 #kl_navigation ul li a:hover, #kl_wrapper_3.kl_box_left_3 #kl_navigation ul li a:focus {
    background: #c2c9ce;
    color: #000;
}

/***** CIRCLE-LEFT 1 THEME          **********************************/

#kl_wrapper_3.kl_circle_left_1 #kl_banner_left, #kl_wrapper_3.kl_circle_left_1 h3 i, #kl_wrapper_3.kl_circle_left_1> div> i {
    background: #0F2439;
    color: #fff;
}
#kl_wrapper_3.kl_circle_left_1 #kl_banner_left, #kl_wrapper_3.kl_circle_left_1 h3 i, #kl_wrapper_3.kl_circle_left_1> div> i {
    background: #a20000;
}
#kl_wrapper_3.kl_circle_left_1 #kl_navigation.kl_active a, #kl_wrapper_3.kl_circle_left_1 #kl_navigation ul li i {
    color: #a20000;
}
#kl_wrapper_3.kl_circle_left_1 #kl_navigation ul li a, #kl_wrapper_3.kl_circle_left_1 #kl_navigation ul li a {
    background: #a20000;
}
#kl_wrapper_3.kl_circle_left_1 #kl_banner h2 {
    background: #c2c9ce;
    color: #000;
}

/***** CIRCLE-LEFT 2 THEME **********************************/

#kl_wrapper_3.kl_circle_left_2 #kl_banner_left, #kl_wrapper_3.kl_circle_left_2 h3 i, #kl_wrapper_3.kl_circle_left_2> div> i {
    background: #515151 none repeat scroll 0 0;
    color: #fff;
}
#kl_wrapper_3.kl_circle_left_2, #kl_wrapper_3.kl_circle_left_2 #kl_banner #kl_description, #kl_wrapper_3.kl_circle_left_2 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_circle_left_2 #kl_banner_image {
    border-color: #c3c3c3;
}
#kl_wrapper_3.kl_circle_left_2 h3 {
    border-color: #515151;
}
#kl_wrapper_3.kl_circle_left_2 #kl_navigation.kl_active a, #kl_wrapper_3.kl_circle_left_2 #kl_navigation ul li i {
    background: #515151;
    color: #fff;
}
#kl_wrapper_3.kl_circle_left_2 #kl_banner h2 {
    background: #a20000;
    color: #FFF;
}
#kl_wrapper_3.kl_circle_left_2 h3:not(.ui-state-default), #kl_wrapper_3.kl_circle_left_2 h4:not(.kl_panel_heading), #kl_wrapper_3.kl_circle_left_2 h5 {
    border-color: #515151;
}

/***** CIRCLE-LEFT 3 THEME **********************************/

#kl_wrapper_3.kl_circle_left_3, #kl_wrapper_3.kl_circle_left_3 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_circle_left_3 #kl_banner #kl_description, #kl_wrapper_3.kl_circle_left_3 #kl_banner_image {
    border-color: #c2c9ce;
}
#kl_wrapper_3.kl_circle_left_3 h3:not(.ui-state-default) {
    border-color: #c2c9ce;
}
#kl_wrapper_3.kl_circle_left_3 #kl_banner_left, #kl_wrapper_3.kl_circle_left_3 h3 i, #kl_wrapper_3.kl_circle_left_3> div> i {
    background: #c2c9ce;
    color: #000;
}
#kl_wrapper_3.kl_circle_left_3 #kl_navigation.kl_active a, #kl_wrapper_3.kl_circle_left_3 #kl_navigation ul li i {
    background: #a20000;
    color: #fff;
}
#kl_wrapper_3.kl_circle_left_3 #kl_navigation ul li a, #kl_wrapper_3.kl_circle_left_3 #kl_navigation ul li a {
    background: #c2c9ce;
    color: #000;
}
#kl_wrapper_3.kl_circle_left_3 #kl_banner h2 {
    background: #a20000;
    color: #FFF;
}

/***** COLORED HEADINGS THEMES  **************************************/

#kl_wrapper_3.kl_colored_headings #kl_banner, #kl_wrapper_3.kl_colored_headings_box_left #kl_banner {
    background-color: #a20000;
}
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation ul, #kl_wrapper_3.kl_colored_headings #kl_navigation ul {
    background-color: #a20000;
}
@media screen and (min-width: 1100px) {
    body.course-menu-expanded #kl_wrapper_3.kl_colored_headings_box_left #kl_banner #kl_banner_right {
        text-align: right;
        padding-right: 20px;
    }
}
@media screen and (min-width: 650px) {
    body:not(.course-menu-expanded) #kl_wrapper_3.kl_colored_headings_box_left #kl_banner #kl_banner_right {
        text-align: right;
        padding-right: 20px;
    }
}

/***** EMTA THEME         ********************************************/

#kl_wrapper_3.kl_emta {
    color: #000;
}
#kl_wrapper_3.kl_emta #kl_banner h2 {
    background-color: #a20000;
}
#kl_wrapper_3.kl_emta #kl_banner #kl_banner_left .kl_mod_num {
    color: #a20000;
}
#kl_wrapper_3.kl_emta #kl_banner #kl_description {
    background: #a20000;
}
#kl_wrapper_3.kl_emta h3:not(.ui-state-default) {
    color: #000;
}
#kl_wrapper_3.kl_emta #kl_navigation ul {
    background-color: #a20000;
    color: #fff;
}
#kl_wrapper_3.kl_emta #kl_modules {
    border: 1px solid #575757;
}

/**** FLAT SECTIONS THEME ***********************************/

#kl_wrapper_3.kl_flat_sections_main #kl_banner {
    background: #a20000;
}
#kl_wrapper_3.kl_flat_sections_main #kl_navigation ul, #kl_wrapper_3.kl_flat_sections #kl_navigation ul {
    background-color: #a20000;
}
#kl_wrapper_3.kl_flat_sections #kl_banner {
    background: #a20000;
}


/************* ADDITIONAL DESIGN TOOL THEMES ****************/
/********************************************************************/
/**** FLAT SECTIONS & FLAT SECTIONS MAIN THEMES *********************/

/**** FLAT SECTIONS MAIN ****/
#kl_wrapper_3.kl_flat_sections_main #kl_banner {
    background: #a20000;
    color: #fff;
}
#kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_banner_left{
    background-color: #fff;
    color: #696969;
}
#kl_wrapper_3.kl_flat_sections_main #kl_banner .kl_subtitle {
   background: #fff;
   color: black;
}
#kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_description {
   border-top: 2px solid #fff;
}

/**** FLAT SECTIONS ****/
#kl_wrapper_3.kl_flat_sections #kl_banner {
    background: #a20000;
    color: #fff;
}
#kl_wrapper_3.kl_flat_sections #kl_banner h2 {
   border-top: 1px solid #fff;
}
#kl_wrapper_3.kl_flat_sections #kl_banner #kl_banner_left{
   background-color: #fff;
   color: #696969;
}
#kl_wrapper_3.kl_flat_sections #kl_banner .kl_subtitle {
   background: #fff;
   color: #696969;
}
#kl_wrapper_3.kl_flat_sections #kl_banner #kl_description {
   background: #fff;
   color: #696969;
}

/**** SHARED ****/
#kl_wrapper_3.kl_flat_sections_main #kl_navigation ul,
#kl_wrapper_3.kl_flat_sections #kl_navigation ul {
    background-color: #a20000;
    color: #fff;
}
#kl_wrapper_3.kl_flat_sections #kl_navigation li a,
#kl_wrapper_3.kl_flat_sections #kl_navigation li a:visited,
#kl_wrapper_3.kl_flat_sections_main #kl_navigation li a,
#kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:visited {
   color: #fff;
}
#kl_wrapper_3.kl_flat_sections #kl_navigation li a:hover,
#kl_wrapper_3.kl_flat_sections #kl_navigation li a:focus,
#kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:hover,
#kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:focus {
    background: slategray;
    color: #fff;
}
#kl_wrapper_3.kl_flat_sections_main #kl_navigation i,
#kl_wrapper_3.kl_flat_sections #kl_navigation i {
   background: #fff;
   color: #696969;
   border: 1px solid #696969;
}
/* Content */
#kl_wrapper_3.kl_flat_sections_main h3:not(.ui-state-default),
#kl_wrapper_3.kl_flat_sections h3:not(.ui-state-default) {
    color: #000;
    border-top: 1px solid #E0E0E0;
}
#kl_wrapper_3.kl_flat_sections_main > div > i,
#kl_wrapper_3.kl_flat_sections > div > i {
    color: #696969;
    border: 1px solid #E0E0E0;
    background: #fff;
}
#kl_wrapper_3.kl_flat_sections_main h3:not(.ui-state-default) i:first-child,
#kl_wrapper_3.kl_flat_sections h3:not(.ui-state-default) i:first-child {
    color: #696969;
    border: 1px solid #E0E0E0;
    background: #fff;
}
#kl_wrapper_3.kl_flat_sections_main h4,
#kl_wrapper_3.kl_flat_sections h4 {
    color: #000;
    border-bottom: 1px solid #E0E0E0;
}
#kl_wrapper_3.kl_flat_sections_main h5,
#kl_wrapper_3.kl_flat_sections h5 {
    color: #000;
    border-bottom: 1px solid #E0E0E0;
}
#kl_wrapper_3.kl_flat_sections_main > div:nth-child(odd),
#kl_wrapper_3.kl_flat_sections > div:nth-child(odd) {
    background: whitesmoke;
}
#kl_wrapper_3.kl_flat_sections_main .well,
#kl_wrapper_3.kl_flat_sections .well {
   background-color: #f5f5f5;
   border: 1px solid #e3e3e3;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
#kl_wrapper_3.kl_flat_sections_main blockquote,
#kl_wrapper_3.kl_flat_sections blockquote {
    border-left: 5px solid #E0E0E0;
}

/*********************************************************************/
/***** GENERIC THEME  ************************************************/

/* This one is intentionally generic so there is no customization needed */


/*********************************************************************/
/*****    RIBBONS THEME      *****************************************/

#kl_wrapper_3.kl_ribbons_main #kl_banner #kl_banner_left {
  background: #545454;
  color: #fff;
}
#kl_wrapper_3.kl_ribbons_main #kl_banner #kl_banner_right {
  background: rgba(255, 255, 255, 0.65);
  border-bottom: 1px solid #b9b9b9;
}
#kl_wrapper_3.kl_ribbons_main #kl_banner .kl_subtitle {
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid #b9b9b9;
}
#kl_wrapper_3.kl_ribbons_main #kl_banner #kl_description {
  border: 4px double #b9b9b9;
  background: rgba(255, 255, 255, 0.8);
}
#kl_wrapper_3.kl_ribbons_main #kl_navigation a i {
  background: #545454;
  color: #FFF;
}
#kl_wrapper_3.kl_ribbons_main #kl_navigation li a{
  background: rgba(255, 255, 255, 0.8);
  color: #545454;
  border: 1px solid #b9b9b9;
}
#kl_wrapper_3.kl_ribbons_main h3:not(.ui-state-default) {
  background-color: #a20000;
  color: #fff;
}
#kl_wrapper_3.kl_ribbons_main h3:not(.ui-state-default) i {
  background: #FFF;
  color: #a20000;
}
#kl_wrapper_3.kl_ribbons_main > div > i {
  background-color: #a20000;
  color: #fff;
}
#kl_wrapper_3.kl_ribbons_main .kl_quick_check,
#kl_wrapper_3.kl_ribbons_main #kl_modules .ui-tabs-panel {
  background: #fff;
}
/* Course Menu Expanded */
@media screen and (min-width: 950px) {

  body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li a{
    background: #fff;
  }
  body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation a:after {
    border: 22px solid #fff;
    border-left: 20px solid transparent;
  }
}
/* Banner text above Navigation as ribbons */
/* Course Menu Collapsed */
@media screen and (min-width: 800px) and (max-width: 969px) {
  body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigation li a{
    background: #fff;
  }
  body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigation a:after {
    border: 22px solid #fff;
    border-left: 20px solid transparent;
  }
}
/* Navigation as rotated ribbons */
/* Course Menu Collapsed */
@media screen and (min-width: 1000px) {
  body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigation li a{
    background: #fff;
  }
  body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigation a:after {
    border: 22px solid #fff;
    border-left: 20px solid transparent;
  }
}

/*********************************************************************/
/***** ROUNDED-INSET THEMES 1, 2, 3 **********************************/

/* BASE */
#kl_wrapper_3.kl_rounded_inset_1 h2,
#kl_wrapper_3.kl_rounded_inset_2 h2,
#kl_wrapper_3.kl_rounded_inset_3 h2 {
 border-color: #8A8A8A;
 background: #fff;
 color: #000;
}
#kl_wrapper_3.kl_rounded_inset_1 h3:not(.ui-state-default),
#kl_wrapper_3.kl_rounded_inset_2 h3:not(.ui-state-default),
#kl_wrapper_3.kl_rounded_inset_3 h3:not(.ui-state-default) {
  border-color: #efefef;
  background-color: #fff;
}
#kl_wrapper_3.kl_rounded_inset_1 > div > i,
#kl_wrapper_3.kl_rounded_inset_2 > div > i,
#kl_wrapper_3.kl_rounded_inset_3 > div > i {
  border-color: #efefef;
}
/* VARIATIONS */

/* 1 */
#kl_wrapper_3.kl_rounded_inset_1 #kl_banner {
 background: var(--uofu-primary);
 color: var(--uofu-white);
}
#kl_wrapper_3.kl_rounded_inset_1 #kl_banner_left {
  border-color: var(--uofu-primary);
}
#kl_wrapper_3.kl_rounded_inset_1 #kl_banner #kl_description,
#kl_wrapper_3.kl_rounded_inset_1 #kl_banner .kl_subtitle {
  color: var(--uofu-white);
}
#kl_wrapper_3.kl_rounded_inset_1 #kl_navigation ul li a,
#kl_wrapper_3.kl_rounded_inset_1 #kl_navigation ul li a:visited {
 color: var(--uofu-primary);
 border-color: var(--uofu-primary);
}
#kl_wrapper_3.kl_rounded_inset_1 #kl_navigation ul li a:hover,
#kl_wrapper_3.kl_rounded_inset_1 #kl_navigation ul li a:focus {
 background: var(--uofu-primary);
 color: var(--uofu-white);
}

/* 2 */
#kl_wrapper_3.kl_rounded_inset_2 #kl_banner {
 background: var(--uofu-accent);
 color: var(--uofu-black);
}
#kl_wrapper_3.kl_rounded_inset_2 #kl_banner_left {
  border-color: var(--uofu-accent);
}
#kl_wrapper_3.kl_rounded_inset_2 #kl_banner #kl_description,
#kl_wrapper_3.kl_rounded_inset_2 #kl_banner .kl_subtitle {
  color: var(--uofu-black);
}
#kl_wrapper_3.kl_rounded_inset_2 #kl_navigation ul li a,
#kl_wrapper_3.kl_rounded_inset_2 #kl_navigation ul li a:visited {
 color: var(--uofu-black);
 border-color: var(--uofu-secondary);
}
#kl_wrapper_3.kl_rounded_inset_2 #kl_navigation ul li a:hover,
#kl_wrapper_3.kl_rounded_inset_2 #kl_navigation ul li a:focus {
 background: var(--uofu-accent);
 color: var(--uofu-black);
}

/* 3 */
#kl_wrapper_3.kl_rounded_inset_3 #kl_banner {
 background: var(--uofu-gray);
 color: var(--uofu-black);
}
#kl_wrapper_3.kl_rounded_inset_3 #kl_banner_left {
  border-color: var(--uofu-gray);
}
#kl_wrapper_3.kl_rounded_inset_3 #kl_banner #kl_description,
#kl_wrapper_3.kl_rounded_inset_3 #kl_banner .kl_subtitle {
  color: var(--uofu-black);
}
#kl_wrapper_3.kl_rounded_inset_3 #kl_navigation ul li a,
#kl_wrapper_3.kl_rounded_inset_3 #kl_navigation ul li a:visited {
 color: var(--uofu-primary);
 border-color: var(--uofu-gray);
}
#kl_wrapper_3.kl_rounded_inset_3 #kl_navigation ul li a:focus,
#kl_wrapper_3.kl_rounded_inset_3 #kl_navigation ul li a:hover {
 background: var(--uofu-gray);
 color: var(--uofu-primary);
}

/*********************************************************************/
/***** SQUARE RIGHT THEMES 1, 2, 3  **********************************/

/* BASE */
#kl_wrapper_3.kl_square_right_1 h3:not(.ui-state-default),
#kl_wrapper_3.kl_square_right_2 h3:not(.ui-state-default),
#kl_wrapper_3.kl_square_right_3 h3:not(.ui-state-default) {
 border-color: var(--uofu-border-gray);
 background-color: var(--uofu-white);
}
#kl_wrapper_3.kl_square_right_1 #kl_banner_left,
#kl_wrapper_3.kl_square_right_2 #kl_banner_left,
#kl_wrapper_3.kl_square_right_3 #kl_banner_left {
    color: var(--uofu-white);
}
#kl_wrapper_3.kl_square_right_1 #kl_banner .kl_subtitle,
#kl_wrapper_3.kl_square_right_2 #kl_banner .kl_subtitle,
#kl_wrapper_3.kl_square_right_3 #kl_banner .kl_subtitle {
    color: var(--uofu-primary);
}
#kl_wrapper_3.kl_square_right_1 #kl_navigation ul li i,
#kl_wrapper_3.kl_square_right_2 #kl_navigation ul li i,
#kl_wrapper_3.kl_square_right_3 #kl_navigation ul li i {
    background: var(--uofu-black);
    color: var(--uofu-white);
}

/* VARIATIONS */

/* 1 */
#kl_wrapper_3.kl_square_right_1 h2 {
  background: var(--uofu-accent);
  color: var(--uofu-black);
}

#kl_wrapper_3.kl_square_right_1 #kl_banner_left {
  background: var(--uofu-primary);
}

#kl_wrapper_3.kl_square_right_1 > div > i,
#kl_wrapper_3.kl_square_right_1 h3:not(.ui-state-default) i {
  background: var(--uofu-primary);
  color: var(--uofu-white);
}

#kl_wrapper_3.kl_square_right_1 #kl_navigation ul li a,
#kl_wrapper_3.kl_square_right_1 #kl_navigation ul li a:visited {
  background: var(--uofu-white);
  color: var(--uofu-black);
  border-color: var(--uofu-accent);
}

#kl_wrapper_3.kl_square_right_1 #kl_navigation ul li a:hover,
#kl_wrapper_3.kl_square_right_1 #kl_navigation ul li a:focus {
  background: var(--uofu-primary);
  color: var(--uofu-white);
}

#kl_wrapper_3.kl_square_right_1 #kl_navigation ul li i {
  background: var(--uofu-accent);
  color: var(--uofu-black);
}

#kl_wrapper_3.kl_square_right_1 #kl_banner #kl_description,
#kl_wrapper_3.kl_square_right_1 #kl_banner .kl_subtitle {
  border-color: var(--uofu-accent);
}

/* 2 */
#kl_wrapper_3.kl_square_right_2 h2 {
  background: var(--uofu-primary);
  color: var(--uofu-white);
}

#kl_wrapper_3.kl_square_right_2 #kl_banner_left {
  background: var(--uofu-accent);
  color: var(--uofu-black);
}

#kl_wrapper_3.kl_square_right_2 > div > i,
#kl_wrapper_3.kl_square_right_2 h3:not(.ui-state-default) i {
  background: var(--uofu-accent);
  color: var(--uofu-black);
}

#kl_wrapper_3.kl_square_right_2 #kl_navigation ul li a,
#kl_wrapper_3.kl_square_right_2 #kl_navigation ul li a:visited {
  background: var(--uofu-white);
  color: var(--uofu-black);
  border-color: var(--uofu-accent);
}

#kl_wrapper_3.kl_square_right_2 #kl_navigation ul li a:hover,
#kl_wrapper_3.kl_square_right_2 #kl_navigation ul li a:focus {
  background: var(--uofu-accent);
  color: var(--uofu-black);
}

#kl_wrapper_3.kl_square_right_2 #kl_navigation ul li i {
  background: var(--uofu-accent);
  color: var(--uofu-black);
}

#kl_wrapper_3.kl_square_right_2 #kl_banner #kl_description,
#kl_wrapper_3.kl_square_right_2 #kl_banner .kl_subtitle {
  border-color: var(--uofu-accent);
}

/* 3 */
#kl_wrapper_3.kl_square_right_3 h2 {
  background: var(--uofu-primary);
  color: var(--uofu-white);
}

#kl_wrapper_3.kl_square_right_3 #kl_banner_left {
  background: var(--uofu-gray);
  color: var(--uofu-black);
}

#kl_wrapper_3.kl_square_right_3 > div > i,
#kl_wrapper_3.kl_square_right_3 h3:not(.ui-state-default) i {
  background: var(--uofu-gray);
  color: var(--uofu-black);
}

#kl_wrapper_3.kl_square_right_3 #kl_navigation ul li a,
#kl_wrapper_3.kl_square_right_3 #kl_navigation ul li a:visited {
  background: var(--uofu-white);
  color: var(--uofu-black);
  border-color: var(--uofu-gray);
}

#kl_wrapper_3.kl_square_right_3 #kl_navigation ul li a:hover,
#kl_wrapper_3.kl_square_right_3 #kl_navigation ul li a:focus {
  background: var(--uofu-gray);
  color: var(--uofu-primary);
}

#kl_wrapper_3.kl_square_right_3 #kl_navigation ul li i {
  background: var(--uofu-accent);
  color: var(--uofu-black);
}

#kl_wrapper_3.kl_square_right_3 #kl_banner #kl_description,
#kl_wrapper_3.kl_square_right_3 #kl_banner .kl_subtitle {
  border-color: var(--uofu-accent);
}


@charset "utf-8";
/**************************************************************/
/*********************** Global Styling ***********************/
/**************************************************************/

/** This section can be removed if the U of U Global 2024 Theme is applied in Canvas **/

@import"https://use.typekit.net/kvk6kvi.css";@import"https://fonts.googleapis.com/css?family=Montserrat";@import"https://fonts.googleapis.com/css?family=Roboto+Slab";@import"https://fonts.googleapis.com/css?family=Source+Sans+Pro";@import"./vendor/fontawesome/all.css";html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}



/**************************************************************/
/*************** U of U Custom Theme Styling  *****************/

/*
Theme Name: U of U Custom Theme

Heading Style Name: U of U Headings
Heading Styles Classes: dp-wrapper uu-custom-style

Banner Style Name: U of U Banner Title
Banner Title Classes: dp-header uu-custom-style

Link Grid Style Name: U of U Link Grid
Link Grid/Nav Classes: container-fluid dp-link-grid uu-custom-style

*/

/************* Headings & Body Text *************/

.dp-wrapper.uu-custom-style h1,
.dp-wrapper.uu-custom-style h2,
.dp-wrapper.uu-custom-style h3,
.dp-wrapper.uu-custom-style h4,
.dp-wrapper.uu-custom-style h5,
.dp-wrapper.uu-custom-style h6 {
    color: var(--utahBlack) !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    margin: 0px 0px 15px 0px !important;
}

.dp-wrapper.uu-custom-style h1::after,
.dp-wrapper.uu-custom-style h2::after {
    display: block;
    content: '';
    margin-top: 15px;
    border-top: 3px solid var(--utahRed);
    width: 50px;
}

.dp-wrapper.uu-custom-style h1 i,
.dp-wrapper.uu-custom-style h2 i,
.dp-wrapper.uu-custom-style h3 i,
.dp-wrapper.uu-custom-style h4 i,
.dp-wrapper.uu-custom-style h5 i,
.dp-wrapper.uu-custom-style h6 i {
    margin-right: 15px;
}

.dp-wrapper.uu-custom-style {
    color: var(--utahBlack);
    font-family: "Source Sans Pro",sans-serif !important;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.5;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
}

.dp-wrapper.uu-custom-style a {
    color: var(--utahRed);
    text-decoration: underline;
}

/*******List Styles*******/

.dp-wrapper.uu-custom-style ul,
.dp-wrapper.uu-custom-style ol {
    margin-bottom: 30px;
    line-height: 1.5;
    padding-left: 15px;
    margin-left: 15px
}

.dp-wrapper.uu-custom-style ul li,
.dp-wrapper.uu-custom-style ol li {
    position: relative;
    margin-bottom: 10px
}

.dp-wrapper.uu-custom-style ul ul,
.dp-wrapper.uu-custom-style ul ol,
.dp-wrapper.uu-custom-style ol ul,
.dp-wrapper.uu-custom-style ol ol {
    margin-top: 10px;
    padding-left: 15px
}

.dp-wrapper.uu-custom-style ol li::marker,
.dp-wrapper.uu-custom-style ul li::marker {
	color: var(--utahRed);
	/*font-size: 1.1em;*/
	font-weight: 700;
}

/***************** Banner Title *****************/

header.dp-header.uu-custom-style {
	background: var(--digitalGrey);
	margin-bottom: 0;
	padding: 30px
}

.dp-header.uu-custom-style .dp-heading {
    align-items: flex-start !important;
    flex-direction: column;
	margin-bottom: 0px !important;
    text-align: left;
}

    .dp-header.uu-custom-style .dp-header-pre {
        background: var(--utahRed);
        border: none;
        border-radius: 4px;
        color: #fff;
        font-size: 17px;
		margin-bottom: 10px;
        padding: 8px 10px
    }
    
    .dp-header.uu-custom-style .dp-header-title {
        text-align: left;
    }

    .dp-header.uu-custom-style .dp-heading::after {
        display: none !important;
    }

.dp-header.uu-custom-style p.dp-header-subtitle {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
    font-weight: bold;
	margin-bottom: 0;
}

.dp-header.uu-custom-style p.dp-header-subtitle::before  {
    background: var(--digitalGrey);
	border-top: 3px solid var(--utahRed);
	content: '';
	display: block;
	margin-bottom: 10px;
    margin-top: 10px;
    width: 50px;
}

.dp-header.uu-custom-style .dp-header-description {}

/****************** Link Grid ******************/

nav.container-fluid.dp-link-grid.container-fluid.dp-link-grid.uu-custom-style {
    align-items: stretch;
    background: var(--utahRed);
    border-radius: 8px;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
    color: #fff;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    min-width: 320px;
    overflow: hidden;
    padding: 0;
    transform: translateY(-15px);
    width: 95%;
}

.dp-link-grid.uu-custom-style ul.row {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.dp-link-grid.uu-custom-style ul li {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

.dp-link-grid.uu-custom-style ul li:hover {
    background: #930000;
}

.dp-link-grid.uu-custom-style ul li a {
    color: #fff !important;
    padding: 1rem 0;
	text-decoration: none !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.dp-link-grid.uu-custom-style ul li:hover a {
    transform: translateY(-5px);
}

.dp-link-grid.uu-custom-style ul li a i {
    margin-right: 0 !important;
}


/**************************************************************/
/************************** Buttons ***************************/


.dp-wrapper.uu-custom-style .dp-content-block .btn,
.dp-wrapper.uu-custom-style .dp-content-block .Button {
	background: var(--utahRed);
	border: 0px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(84, 117, 145, .1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(84, 117, 145, .1);
    box-shadow: 0px 0px 0px 0px rgba(84, 117, 145, .1);
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	margin:10px auto;
	padding: 8px 20px;
	text-decoration: none;
	text-transform: uppercase;
    -webkit-transition: all, .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

	.dp-wrapper.uu-custom-style .dp-content-block .btn:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .btn:visited:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn:visited:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .Button:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .Button:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .Button:visited:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .Button:visited:focus {
		background: var(--redHover);
		color: #fff;
		transform: translateY(-1px);
		-webkit-box-shadow: 0px 10px 10px 0px rgba(84,117,145,.2);
		-moz-box-shadow: 0px 10px 10px 0px rgba(84,117,145,.2);
		box-shadow: 0px 10px 10px 0px rgba(84,117,145,.2);
	}

/******* Color Options & Variations *******/

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-secondary,
.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-dark {
	background: var(--utahBlack);
	color: #fff;
}

	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-secondary:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-secondary:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-secondary:visited:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-secondary:visited:focus
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-dark:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-dark:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-dark:visited:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-dark:visited:focus {
		background: var(--utahRed);
	}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-success {
	background: var(--mountainGreen);
	color: #000;
	
}

	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-success:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-success:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-success:visited:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-success:visited:focus {
		background: var(--utahBlack);
		color: #fff;
	}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-danger {
	background: var(--redRocks);
}

	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-danger:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-danger:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-danger:visited:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-danger:visited:focus {
		background: var(--utahBlack);
	}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-warning {
	background: var(--wasatchSunrise) !important;
	color: var(--utahBlack) !important;
}

	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-warning:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-warning:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-warning:visited:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-warning:visited:focus {
		background: var(--utahBlack) !important;
		color: #fff !important;
	}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-info {
	background: #55d8d8;
	color: var(--utahBlack);
}

	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-info:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-info:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-info:visited:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-info:visited:focus {
		background: var(--utahBlack);
		color: #fff;
	}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-light {
	background: var(--saltFlatGrey);
	color: var(--utahBlack) !important;
}

	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-light:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-light:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-light:visited:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-light:visited:focus {
		background: var(--utahRed);
		color: #fff !important;
	}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-mid {
	background: #565e61;
	color: #fff;
}

	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-mid:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-mid:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-mid:visited:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-mid:visited:focus {
		background: var(--utahRed);
	}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-outline-primary {
	background: #fff !important;
	border: 2px solid var(--utahRed);
	color: var(--utahRed) !important;
}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-outline-secondary,
.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-outline-dark {
	background: rgba(0, 0, 0, 0) !important;
	border: 2px solid var(--utahBlack);
	color: var(--utahBlack) !important;
}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-outline-info {
	background: #fff !important;
	border: 2px solid #178282;
	color: #178282 !important;
}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-outline-success{
	background: rgba(0, 0, 0, 0) !important;
	border: 2px solid #248000;
	color: #248000 !important;
}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-outline-danger{
	background: rgba(0, 0, 0, 0) !important;
	border: 2px solid var(--redRocks);
	color: var(--redRocks) !important;
}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-outline-warning{
	background: rgba(0, 0, 0, 0) !important;
	border: 2px solid #936606;
	color: #936606 !important;
}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-outline-light{
	background: rgba(0, 0, 0, 0) !important;
	border: 2px solid var(--saltFlatGrey);
	color: var(--saltFlatGrey) !important;
}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-outline-mid {
	background: rgba(0, 0, 0, 0) !important;
	border: 2px solid #565e61;
	color: #565e61 !important;
}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-link{
	background: rgba(0, 0, 0, 0) !important;
	color: var(--utahRed) !important;
	text-decoration: underline;
}

	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-link:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-link:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-link:visited:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-link:visited:focus {
		-webkit-box-shadow: inset 0 0 0 2px var(--utahRed);
		-moz-box-shadow: inset 0 0 0 2px var(--utahRed);
		box-shadow: inset 0 0 0 2px var(--utahRed);
		text-decoration: none;
		transform: translateY(-1px);
	}

/******* Button Size Options *******/

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-lg {
	font-size: 18px;
	padding: 12px 26px;
}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-sm {
	font-size: 13px;
	padding: 2px 15px;
}

.dp-wrapper.uu-custom-style .dp-content-block .btn.btn-block {
	display: block !important;
}


/************** Content Block Specific  **************/

.dp-wrapper.uu-custom-style .dp-panels-wrapper .btn.dp-expander-collapse,
.dp-wrapper.uu-custom-style .dp-panels-wrapper .btn.dp-expander-expand {
	background: var(--utahRed) !important;
	border-radius: 4px;
	color: #fff !important;
	margin: 10px 5px;
}

	.dp-wrapper.uu-custom-style .dp-panels-wrapper .btn.dp-expander-collapse:hover,
	.dp-wrapper.uu-custom-style .dp-panels-wrapper .btn.dp-expander-collapse:focus,
	.dp-wrapper.uu-custom-style .dp-panels-wrapper .btn.dp-expander-collapse:visited:hover,
	.dp-wrapper.uu-custom-style .dp-panels-wrapper .btn.dp-expander-collapse:visited:focus,
	.dp-wrapper.uu-custom-style .dp-panels-wrapper .btn.dp-expander-expand:hover,
	.dp-wrapper.uu-custom-style .dp-panels-wrapper .btn.dp-expander-expand:focus,
	.dp-wrapper.uu-custom-style .dp-panels-wrapper .btn.dp-expander-expand:visited:hover,
	.dp-wrapper.uu-custom-style .dp-panels-wrapper .btn.dp-expander-expand:visited:focus {
		background: var(--redHover) !important;
	}

.dp-wrapper.uu-custom-style .dp-content-block .Button.dp-show-user-cards,
.dp-wrapper.uu-custom-style .dp-content-block .Button.dp-hide-no-avatar,
.dp-wrapper.uu-custom-style .dp-content-block .Button.dp-hide-user-cards {
	background: var(--saltFlatGrey);
	color: var(--utahBlack) !important;
	-webkit-transition: all, .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

	.dp-wrapper.uu-custom-style .dp-content-block .Button.dp-show-user-cards:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .Button.dp-show-user-cards:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .Button.dp-show-user-cards:visited:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .Button.dp-show-user-cards:visited:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .Button.dp-hide-no-avatar:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .Button.dp-hide-no-avatar:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .Button.dp-hide-no-avatar:visited:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .Button.dp-hide-no-avatar:visited:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .Button.dp-hide-user-cards:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .Button.dp-hide-user-cards:focus,
	.dp-wrapper.uu-custom-style .dp-content-block .Button.dp-hide-user-cards:visited:hover,
	.dp-wrapper.uu-custom-style .dp-content-block .Button.dp-hide-user-cards:visited:focus {
		background: var(--utahRed) !important;
		color: #fff !important;
		transform: translateY(-1px);
		-webkit-box-shadow: 0px 10px 10px 0px rgba(84,117,145,.2);
		-moz-box-shadow: 0px 10px 10px 0px rgba(84,117,145,.2);
		box-shadow: 0px 10px 10px 0px rgba(84,117,145,.2);
	}


/**************************************************************/
/******************* Icons & Other Pieces *********************/

/******************* Lists *******************/

/******* Pill Lists *******/

.dp-wrapper.uu-custom-style .dp-content-block .pill {
    background: #f8f8f8;
	border-radius: 1em;
    border: 1px solid #dddddd;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(84, 117, 145, 0.1);
	-moz-box-shadow: 0px 10px 20px 0px rgba(84, 117, 145, 0.1);
	box-shadow: 0px 10px 20px 0px rgba(84, 117, 145, 0.1);
	display: inline-block;
    list-style: none;
    margin: 0;
	margin-right: 5px;
}

.dp-wrapper.uu-custom-style .dp-content-block .pill > li {
	border-right: solid 1px #dddddd;
	float: left;
    font-size: 17px;
	margin-bottom: 0 !important;
	padding: 5px 30px;

}

.dp-wrapper.uu-custom-style .dp-content-block .pill > li:first-child {
    border-radius: 1em 0 0 1em;
	padding-left: 20px;
    
}

.dp-wrapper.uu-custom-style .dp-content-block .pill>li:last-child {
	border-right: none;
	border-radius: 0 1em 1em 0;
	padding-right: 40px;
}

/******* Description Lists *******/

/* Vertical List */

.dp-wrapper.uu-custom-style .dp-content-block dl.dp-dl {
    margin-bottom: 30px
}

.dp-wrapper.uu-custom-style .dp-content-block dl.dp-dl dd {
	margin-bottom: 15px;
	margin-left: 35px;

}

.dp-wrapper.uu-custom-style .dp-content-block dl.dp-dl dd::before {
	color: var(--utahRed);
	content: "\f3bf";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 25px;
	position: absolute;
	transform: rotate(90deg);
}

/* Horizontal List */

.dp-wrapper.uu-custom-style .dp-content-block .dl-horizontal dd::before,
.dp-wrapper.uu-custom-style .dp-content-block .dp-dl.row dd::before {
	left:-7px;
	position: absolute;
	transform: rotate(90deg);
}



/******* User Details (V Card) *******/

.dp-wrapper.uu-custom-style .dp-user-details-wrapper.dp-user-details-v-card,
.dp-wrapper.uu-custom-style .dp-user-details-wrapper.dp-user-details-v-box {
	align-content: center;
	border: none;
	-webkit-box-shadow: 0px 5px 15px 0px rgba(84, 117, 145, 0.15);
	-moz-box-shadow: 0px 5px 15px 0px rgba(84, 117, 145, 0.15);
	box-shadow: 0px 5px 15px 0px rgba(84, 117, 145, 0.15);
	box-sizing: border-box;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	overflow: hidden;
	margin-bottom: 15px;
	max-width: 320px;
	-webkit-transition: all, .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.dp-wrapper.uu-custom-style .dp-user-details-image-wrapper {
	border-radius: 50%;
	flex: 1 1 auto;
	flex-flow: column nowrap;
	display: flex;
	max-height: 128px;
	max-width:128px;
	overflow:hidden;
	position: relative;
	z-index: 1;
}

.dp-wrapper.uu-custom-style .dp-user-details-image-wrapper img.dp-user-details-image {
	opacity: 1;
	pointer-events: none;
	position: relative;
	-webkit-transition: all, .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 1;
}

.dp-wrapper.uu-custom-style .dp-user-details-wrapper.dp-user-details-v-box div.dp-user-details-text-wrapper {
	flex: 1 1 auto;
	font-family: 'Source Sans Pro', sans-serif;
    display: flex;
    flex-flow: column wrap;
    padding-top: 30px;
    font-size: 16px;
    background-color: #FFFFFF;
} 

.dp-wrapper.uu-custom-style p.dp-user-details.dp-user-name {
	color: var(--utahRed);
	font-size: 21px !important;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 5px 0;
	text-align: left;
}

.dp-wrapper.uu-custom-style p.dp-user-details.dp-user-name i {
	display: none;
}

.dp-wrapper.uu-custom-style p.dp-user-details.dp-user-role {
	font-size: 18px !important;
    line-height: 1;
    color: var(--utahBlack);
    text-align: left;
	margin-bottom: 15px !important;
}

.dp-wrapper.uu-custom-style p.dp-user-details.dp-user-role i {
	display: none;
}

.dp-wrapper.uu-custom-style p.dp-user-details.dp-user-email,
.dp-wrapper.uu-custom-style p.dp-user-details.dp-user-other1,
.dp-wrapper.uu-custom-style p.dp-user-details.dp-user-other2 {
    display: flex;
    flex-flow: row nowrap;
	font-size: 18px !important;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 2px;
}

.dp-wrapper.uu-custom-style p.dp-user-details i {
    margin-right: 5px;
    font-size: 18px;
    text-align: center;
}

/**************************************************************/
/******************** Accordians and Tabs ********************/

/******************* Accordion *******************/

.dp-wrapper.uu-custom-style .dp-panels-wrapper.dp-accordion-default {
	background: #f8f8f8 !important;
	border: 1px solid #dddddd;
	border-radius: 6px;
	margin: 0;
	padding: 0;	
}

.dp-wrapper.uu-custom-style .dp-accordion-default h3.dp-panel-heading.dp-panels-built {
	background: transparent;
	display: block;
	height: auto;
	margin: 0px !important;
}

.dp-wrapper.uu-custom-style .dp-accordion-default .dp-panel-heading a {	
	align-items: center;
	background: transparent !important;
	border: 0px;
	border-bottom: 1px solid #dddddd;
	box-sizing: border-box;
	color: var(--utahBlack) !important;
	display: flex;
	flex-flow: row nowrap;
	font-size: 16px;
	font-weight: bold !important;
	height: auto;
	justify-content: flex-start;
	line-height: 1.2;
	margin: 0px;
	padding: 20px;
	padding-right: 50px;
	position: relative;
	text-align: left;
	text-decoration: none !important;
	-webkit-transition: all, .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	width: 100%;
}

.dp-wrapper.uu-custom-style .dp-accordion-default i.dp-panel-icon.fas.fa-caret-up,
.dp-wrapper.uu-custom-style .dp-accordion-default i.dp-panel-icon.fas.fa-caret-down {
    display: none;
}

.dp-wrapper.uu-custom-style .dp-accordion-default .dp-panel-heading a i {
	margin-right: 15px;
	padding-bottom: 2px;
}

.dp-wrapper.uu-custom-style .dp-accordion-default .dp-panel-heading a::after {
	color: var(--utahBlack);
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-size: 25px;
	font-weight: 900;
	position: absolute;
	right: 20px;
	top: calc(50% - 15px);
	width: 15px;
}

.dp-wrapper.uu-custom-style .dp-accordion-default .dp-panel-heading > a:hover {
	background: var(--digitalGrey) !important;
	color: var(--utahRed);
	text-decoration: underline !important;
}

.dp-wrapper.uu-custom-style .dp-accordion-default .dp-panel-heading:first-child a {
	border-radius:  8px 8px 0px 0px;
}

.dp-wrapper.uu-custom-style .dp-accordion-default .dp-panel-heading:last-child a {
	border-bottom: 0px !important;
	border-radius: 0px 0px 8px 8px;
}

.dp-wrapper.uu-custom-style .dp-accordion-default .dp-panel-content {
	background: #fff;
	box-sizing: border-box;
	height: 0px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px 30px;
	-webkit-transition: all, 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	width: 100%;
}

.dp-editor .dp-accordion-default .dp-panel-content {
    height: auto !important;
}

/******* If Open *******/

.dp-wrapper.uu-custom-style .dp-accordion-default .dp-panel-heading.active a {
	background: var(--utahRed) !important;
	color: #fff;
}

.dp-wrapper.uu-custom-style .dp-accordion-default .dp-panel-heading.active a:hover {
	background: var(--utahBlack) !important;
	text-decoration: none !important;
}

.dp-wrapper.uu-custom-style .dp-accordion-default .dp-panel-content[aria-hidden="false"] {
	border-bottom: 1px solid #dddddd;
	border-radius: 0 !important;
	height: auto;
	margin-bottom: 0 !important;
	padding: 30px;
	width: 100%;
}

.dp-wrapper.uu-custom-style .dp-accordion-default .dp-panel-heading.active:last-child {
	border-radius:  0px 0px 0px 0px;
}

.dp-wrapper.uu-custom-style .dp-accordion-default .dp-panel-heading.active a::after {
	color: #fff;
	transform: rotate(-180deg);
}


/******************* Tabs *******************/

.dp-wrapper.uu-custom-style .dp-panels-wrapper.dp-tabs.dp-panels-built {
	background: #fff;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	max-width: 100%;
	overflow: visible;
	overscroll-behavior: auto;
}

.dp-wrapper.uu-custom-style .dp-tabs ul.nav.nav-tabs {
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: calc(-0.0625rem) !important;
	margin-left: 0 !important;
	max-width: 100%;
	overflow: visible;
	overscroll-behavior: auto;
	padding-left: 0 !important;
	position: relative;
	width: 100%;
}

.dp-wrapper.uu-custom-style .dp-tabs li.nav-item {
	background: transparent;
	border-radius: 4px 4px 0 0;
	margin-bottom: 0px !important;
}

.dp-wrapper.uu-custom-style .dp-tabs li.nav-item a.nav-link {
	background: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 4px 4px 0 0;
	box-sizing: border-box;
	color: var(--utahBlack) !important;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-decoration: none !important;
	max-width: 100%;
	overflow: visible;
	overscroll-behavior: auto;
	padding: 1em;
	position: relative;
	white-space: nowrap;
	z-index: 1;
	-webkit-transition: all, .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.dp-wrapper.uu-custom-style .dp-tabs li.nav-item:hover {
	background: transparent;
}

.dp-wrapper.uu-custom-style .dp-tabs li.nav-item:hover a.nav-link {
	background: var(--digitalGrey);
	box-shadow: inset 0 -4px 0 0 var(--utahRed);
}

.dp-wrapper.uu-custom-style .dp-tabs .tab-content {
	border: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	min-height:60px;
	overflow-y: auto;
}

.dp-wrapper.uu-custom-style .dp-tabs .tab-content .tab-pane.dp-panel-content {
	background: #fff;
	padding: 30px;
}

.dp-wrapper.uu-custom-style .dp-tabs .tab-content .tab-pane.dp-panel-content:not(.active),
.dp-wrapper.uu-custom-style .dp-tabs .tab-content .tab-pane.dp-panel-content[aria-selected="false"] {
	display: none;
}

.dp-wrapper.uu-custom-style .dp-editor .dp-tabs .tab-content .tab-pane.dp-panel-content {
	display: block !important;
}

/******** If Active ********/

.dp-wrapper.uu-custom-style .dp-tabs li.nav-item a.nav-link[aria-selected="true"] {
	background: var(--utahRed);
	color: #fff !important;
}

.dp-wrapper.uu-custom-style .dp-tabs li.nav-item a.nav-link[aria-selected="true"]:hover {
	background: var(--utahBlack);
	box-shadow: none;
}

.dp-wrapper.uu-custom-style .dp-tabs .tab-content .tab-pane.dp-panel-content.active,
.dp-wrapper.uu-custom-style .dp-tabs .tab-content .tab-pane.dp-panel-content[aria-selected="true"] {
	height: 100%;
	min-height: 100%;
}

/******************* Expander *******************/

.dp-wrapper.uu-custom-style .dp-panels-wrapper.dp-expander-default {
	margin: 0;
	margin-bottom: 30px;
	padding: 0;
}

.dp-wrapper.uu-custom-style .dp-expander-default h3.dp-panel-heading {
	background: transparent;
	display: block;
	height: auto;
	margin: 0px !important;
	
}

.dp-wrapper.uu-custom-style .dp-expander-default i.dp-panel-icon {
    display: none;
}

.dp-wrapper.uu-custom-style .dp-expander-default .dp-panel-heading a.dp-panel-toggler {	
	align-items: center;
	background: #f8f8f8 !important;
	border: 1px solid #dddddd;
	border-radius: 0;
	box-sizing: border-box;
	color: var(--utahBlack) !important;
	display: flex;
	flex-flow: row nowrap;
	font-size: 16px;
	font-weight: bold !important;
	height: auto;
	justify-content: flex-start;
	line-height: 1.2;
	margin: 0px;
	padding: 20px;
	padding-right: 50px;
	position: relative;
	text-align: left;
	text-decoration: none !important;
	-webkit-transition: all, .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	width: 100%;
}

.dp-wrapper.uu-custom-style .dp-expander-default .dp-panel-toggler a i {
	margin-right: 15px;
	padding-bottom: 2px;
}

.dp-wrapper.uu-custom-style .dp-expander-default .dp-panel-heading a.dp-panel-toggler::after {
	color: var(--utahBlack);
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-size: 25px;
	font-weight: 900;
	position: absolute;
	right: 20px;
	top: calc(50% - 15px);
	width: 15px;
}

.dp-wrapper.uu-custom-style .dp-expander-default .dp-panel-heading a.dp-panel-toggler:hover {
	background: var(--digitalGrey) !important;
	color: var(--utahRed) !important;
	text-decoration: underline !important;
}

.dp-wrapper.uu-custom-style .dp-expander-default .dp-panel-heading:nth-child(2) a.dp-panel-toggler {
	border-radius:  8px 8px 0px 0px;
	margin-top: 30px;
}

.dp-wrapper.uu-custom-style .dp-expander-default .dp-panel-heading:last-of-type a.dp-panel-toggler {
	border-radius: 0px 0px 8px 8px;
}

.dp-wrapper.uu-custom-style .dp-expander-default .dp-panel-content {
	background: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
	height: 0px;
	margin-bottom: 0 !important;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px 30px;
	-webkit-transition: all, 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	width: 100%;
}

.dp-editor .dp-expander-default .dp-panel-content {
    height: auto !important;
}


/******** If Open ********/

.dp-wrapper.uu-custom-style .dp-expander-default .dp-panel-heading.active a.dp-panel-toggler {
	background: var(--utahRed) !important;
	color: #fff !important;
}

.dp-wrapper.uu-custom-style .dp-expander-default .dp-panel-heading.active a.dp-panel-toggler:hover {
	background: var(--utahBlack) !important;
	text-decoration: none !important;
}

.dp-wrapper.uu-custom-style .dp-expander-default .dp-panel-content[aria-hidden="false"],
.dp-wrapper.uu-custom-style .dp-expander-default .dp-panel-content.active {
	border-bottom: 1px solid #dddddd;
	border-radius: 0;
	height: auto !important;
	padding: 30px !important;
}

.dp-wrapper.uu-custom-style .dp-expander-default .dp-panel-heading.active:last-of-type a.dp-panel-toggler {
	border-radius: 0px 0px 0px 0px !important;
}

.dp-wrapper.uu-custom-style .dp-expander-default .dp-panel-heading.active a.dp-panel-toggler::after {
	color: #fff;
	transform: rotate(-180deg);
}

/*********** Questions & Quick Check ***********/

.dp-wrapper.uu-custom-style .dp-qc {
    border: none;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(84, 117, 145, 0.2);
	-moz-box-shadow: 0px 5px 15px 0px rgba(84, 117, 145, 0.2);
	box-shadow: 0px 5px 15px 0px rgba(84, 117, 145, 0.2);
	padding: 30px;
}

.dp-wrapper.uu-custom-style .dp-qc .dp-qc-question legend {
    font-size: 20px;
    font-weight: bold;
}

.dp-wrapper.uu-custom-style .dp-qc .dp-qc-answer .dp-qc-content>p,
.dp-wrapper.uu-custom-style .dp-qc .dp-qc-answer label .dp-qc-content>p {
	font-size: 17px;
}

.dp-wrapper.uu-custom-style .dp-qc .dp-qc-response {
    border: 2px solid var(--utahRed);
}

.dp-wrapper.uu-custom-style .dp-qc .dp-qc-response .dp-qc-answer-type {
    background: var(--utahRed);
}

.dp-wrapper.uu-custom-style .dp-qc .dp-qc-response.dp-qc-correct {
    border-color: #248000;
}

.dp-wrapper.uu-custom-style .dp-qc .dp-qc-response.dp-qc-correct .dp-qc-answer-type {
    background: #248000;
}