/* UPDATED 7/8/2025 */
/* 6/24/2025 */
/* 8/8/2024 */

/* COLORS */

/* Fix link colors in course navigation menu and breadcrumbs */
/* Including hover */
#section-tabs li.section a {color: #415415;}
#breadcrumbs a {color: #415415;}
#courseMenuToggle i {color: #415415;}
#section-tabs li.section a:hover {color: #5A7D5A;}
#breadcrumbs a:hover {color: #5A7D5A;}

/* Remove underline on link hover; change color user_content */
.user_content a:not(.btn):not(.Button):not(.ui-button):not([role="button"]):hover {text-decoration: none; color: #3D2DC9;}

.ppu-purple, .ppu-purple-aaa {color: #44248D;}

.ppu-green-aaa {color: #415415;}
.ppu-blue-aaa {color: #194C62;}
.ppu-red-aaa {color: #C41230;}
.ppu-orange {color: #F4911E;}

.ppu-bg-green a {color: #FFDDEE; font-weight: 700;} 
.ppu-bg-gray a {color: #990000; font-weight: 700;}
.ppu-bg-yellow a {color: #002060; font-weight: 700;}
.ppu-bg-purple a {color: #FFFACD; font-weight: 700;} 

.ppu-bg-gray {background-color: #F0EFEE; color: #000000;}
.ppu-bg-green {background-color: #415415; color: #FFFFFF;}
.ppu-bg-yellow {background-color: #FDB813; color: #382400;}
.ppu-bg-purple {background-color: #44248D; color: #EDEDED;}

.ppu-top-yellow {border-radius: 0; border-top: 4px solid #FDB813;}
.ppu-left-yellow {border-radius: 0; border-left: 4px solid #FDB813;}
.ppu-right-yellow {border-radius: 0; border-right: 4px solid #FDB813;}
.ppu-box-yellow {border: 4px solid #FDB813;}

.ppu-align-right {float: right; margin-left: 10px;}
.ppu-align-left {float: left; margin-right: 10px;}
.ppu-display-100 {width: calc(100% - 2em);}
.ppu-display-50 {width: calc(50% - 2em);}
.ppu-display-33 {width: calc(33% - 2em);}


/* LEGACY COLORS - UPDATED TO ACCESSIBLE COLORS */

.ppu-green {color: #415415;}
.ppu-yellow {color: #FEB813;}
.ppu-blue {color: #008FC5;}
.ppu-red {color: #C41230;}
.ppu-orange {color: #F4911E;}
.ppu-black {color: #333333;}

/* COLOR BARS */

.ppu-bar {padding: 1em 2em; color: #000033;}
.ppu-bar-yellow {background-color: #FEF0CF;}
.ppu-bar-blue {background-color: #D3E1E8;}
.ppu-bar-green {background-color: #E1E8D3;}
.ppu-bar-purple {background-color: #D9D3E8;}
.ppu-bar-red {background-color: #F3CFD5;}
.ppu-bar-orange {background-color: #FCE9D2;}



/* LEGACY BARS */

.ppu-bar.ppu-purple-bar {background-color: #E1BEE7;}
.ppu-bar.ppu-pink-bar {background-color: #F8BBD0;}
.ppu-bar.ppu-red-bar {background-color: #FFCDD2;}
.ppu-bar.ppu-blue-bar {background-color: #BBDEFB;}
.ppu-bar.ppu-cyan-bar {background-color: #B2EBF2;}
.ppu-bar.ppu-teal-bar {background-color: #B2DFDB;}
.ppu-bar.ppu-green-bar {background-color: #C8E6C9;}
.ppu-bar.ppu-amber-bar {background-color: #FFECB3;}
.ppu-bar.ppu-orange-bar {background-color: #FFE0B2;}
.ppu-bar.ppu-brown-bar {background-color: #D7CCC8;}
.ppu-bar.ppu-gray-bar {background-color: #CFD8DC;}

/* HEADINGS */

h2.ppu-primary {border-top: 5pt solid #FDB813; background-color: #415415; color: #ffffff; padding: 10px;}

h3.ppu-primary {border-top: 2pt dotted #44248D; color: #44248D; font-weight: 600;  padding: 10px 0; margin-top: 1em;}

h2.ppu-dark-green,
h3.ppu-dark-green,
h4.ppu-dark-green {background-color: #415415; color: #FFFFFF; font-weight: 600; padding: 0.5em;}


h2.ppu-dark-blue,
h3.ppu-dark-blue,
h4.ppu-dark-blue {background-color: #194C62; color: #FFFFFF; font-weight: 600; padding: 0.5em;}

h2.ppu-dark-purple,
h3.ppu-dark-purple,
h4.ppu-dark-purple {background-color: #44248d; color: #FFFFFF; font-weight: 600; padding: 0.5em;}

h2.ppu-dark-magenta,
h3.ppu-dark-magenta,
h4.ppu-dark-magenta {background-color: #701C57; color: #FFFFFF; font-weight: 600; padding: 0.5em;}

h3.ppu-bar-purple,
h4.ppu-bar-purple {padding: 0.25em 0.5em;}

/* LEGACY HEADINGS */

h2.ppu-greenblock {border-top: 5pt solid #FDB813; background-color: #415415; color: #ffffff; padding: 10px;}

h2 img,h3 img {padding-right: 8px;}

h4.ppu-em {font-size: 1.1em;}
h4.ppu-em-green {color: #415415; font-size: 1.1em;}

/* ASIDES */

.ppu-aside {display: grid; padding: 0; border-radius: 5px; margin: 10px; overflow: hidden;}

.ppu-aside h3, .ppu-aside h4 {margin: 0; padding: 8px 10px;}

.ppu-aside p {margin: 0; padding: 5px 10px; 8px;}

.ppu-clearfix::after {content: ""; display: table; clear: both;}

/* .ppu-aside p:first-child {font-size: 1.55rem; font-weight: 500; padding: 10px;} */

/* TOP BORDER - SOLID LINE */

.ppu-greentop {border-top: 4pt solid #415415; font-weight: bold; padding: 10px 0; margin-top: 1em;}
.ppu-yellowtop {border-top: 4pt solid #FEB813; padding: 10px 0; margin-top: 1em;}
.ppu-bluetop {border-top: 4pt solid #008FC5; padding: 10px 0; margin-top: 1em;}
.ppu-redtop {border-top: 4pt solid #C41230; padding: 10px 0; margin-top: 1em;}
.ppu-greentop-thin {border-top: 2pt solid #415415; padding: 10px 0; margin-top: 1em;}
.ppu-yellowtop-thin {border-top: 2pt solid #FEB813; padding: 10px 0; margin-top: 1em;}
.ppu-bluetop-thin {border-top: 2pt solid #008FC5; padding: 10px 0; margin-top: 1em;}
.ppu-redtop-thin {border-top: 2pt solid #C41230; padding: 10px 0; margin-top: 1em;}
.ppu-greentop-thick {border-top: 8pt solid #415415; padding: 10px 0; margin-top: 1em;}
.ppu-yellowtop-thick {border-top: 8pt solid #FEB813; padding: 10px 0; margin-top: 1em;}
.ppu-bluetop-thick {border-top: 8pt solid #008FC5; padding: 10px 0; margin-top: 1em;}
.ppu-redtop-thick {border-top: 8pt solid #C41230; padding: 10px 0; margin-top: 1em;}

/* TOP BORDER - DOTTED LINE */

.ppu-greentop-dots {border-top: 4pt dotted #415415; padding: 10px 0; margin-top: 1em;}
.ppu-yellowtop-dots {border-top: 4pt dotted #FEB813; padding: 10px 0; margin-top: 1em;}
.ppu-bluetop-dots {border-top: 4pt dotted #008FC5; padding: 10px 0; margin-top: 1em;}
.ppu-redtop-dots {border-top: 4pt dotted #C41230; padding: 10px 0; margin-top: 1em;}


/* CALLOUTS */

div.ppu-note {max-width: 600px; margin: 2em auto; padding: 0.75em;}
.ppu-tip {background-color: #E1F5FE; border-left: solid 6px #0288D1;}
.ppu-example {background-color: #E8F5E9; border-left: 6px solid #388E3C;}
.ppu-warning {background-color: #FFFDE7; border-left: 6px solid #FBC02D;}
.ppu-danger {background-color: #FFEBEE; border-left: 6px solid #D32F2F;}
.ppu-footer {max-width: 90% !important; background-color: #FFFDE7; border: 2px solid #FBC02D;}
.ppu-note a {color: blue; text-decoration: underline;}
.ppu-note-icon {display: flex; align-items: flex-start; gap: 0.5em; padding-top: 0.5em; line-height: 1.2;}
.ppu-note-icon .ppu-icon {flex: none; font-size: 2em; line-height: 1; display: inline-block;}


li div.ppu-note {margin-top: 20px;} 



/* BIO FLEX */

.ppu-user-container {display: flex; padding: 1em;}
.ppu-user-contact {flex: 1; padding: .5em;}  
.ppu-user-bio {flex: 2; padding: .5em;}

@media screen and (max-width: 950px){
     .ppu-user-container {flex-flow: column wrap;}
     .ppu-user-bio {flex: 1;}
}