/* MC-257: the dark `background-color: #18191a !important` that used to live here has been removed. It never actually applied: navbar.php emitted DegreeBootstrap.css from inside the , i.e. AFTER this file, so DegreeBootstrap's equally-!important light `#F9FAFD` won on load order. Now that SeoHelper::RenderHead() emits the shared sheets in the — before page-specific ones, which is the correct cascade — this rule would have won and turned the personal page black. The site has one background, defined once in DegreeBootstrap.css. */ .Personal_Attributes{ /* background-image: url(../images/anothergray.jpeg); */ background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; margin-bottom:50px; } .info_item_header { text-align: center; } .into_item_list { text-align: left; } .my_label { float:right; } .info_item_footer { text-align: right; font-weight: bolder; } .personal_info { width:20rem; background:inherit; border:outset 5px white; } .personal_info_header { font-weight: bold; } .personal_item { background:inherit; } .change_password { color:beige; } /* .User_Profile_List { list-style-type: none; padding:20px; margin:20px; } .User_Profile_Attributes { margin-bottom:20px; } */ /* MC-241: content-grid cards — the image absorbs height differences (fixed basis, may shrink) and the card body never shrinks, so the refund button is not clipped by .course-card's overflow:hidden when h-100 equalizes card heights in the row. */ .mvcontainer .course-card img.card-img-top { height: 240px; min-height: 0; flex-shrink: 1; object-fit: cover; } .mvcontainer .course-card .card-body { flex: 1 0 auto; } /* MC-257: moved out of the inline