#header1Wrapper {
    background-color: #fff !important;
}

#variableContentBlockPG0145 {
    color: #3a3b3c;
}

#pageCourseProfile #sectionEnrollmentHeader {
	font-size: 1rem;
	text-transform: uppercase;
	margin-top: 8px;
}

#pageCourseProfile #sectionEnrollmentHeader h2 {
	display: none;
	visibility: hidden;
}

.sectionHeaderTitle {
	display: none;
	visibility: hidden;	
}

/*Main header with instructions */
#pageCourseProfile #sectionEnrollmentHeader {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 4px;
    text-transform: lowercase;
    display: block; 
    background-color: #fae5e5;
    padding: 12px 3.5%; 
    border-radius: 4px;      
}

#pageCourseProfile #sectionEnrollmentHeader::before {
    content: "Select a course below. New learners will be prompted to create an account upon checkout. Returning users can login at that time.";
    text-transform: none; 
}
/* End Main header with instructions */

/*Hide the course code and rebuild course title flexbox */
.card-title .sectionHeaderCourseCodeContainer {
    display: none !important;
}

.card-title .form-row,
.card-title .sectionHeaderSemesterContainer,
.card-title .sectionHeaderDeliveryContainer,
.card-title .courseProfileSectionAvailabilityStatus,
.card-title .courseProfileSectionAvailabilityStatus > div {
    display: contents;
}

.card-title {
    display: grid;
    grid-template-columns: 75% 23%; 
    grid-template-rows: auto auto auto;
    gap: 0px 2%; /* Changed from 5px to 0px for the row gap */
    position: relative; 
    padding-right: 30px; 
}

.card-title .courseSectionTitle {
    grid-column: 1 / 2;
    grid-row: 1 / 4; 
    text-align: left; 
    align-self: center; 
    font-size: 1.25rem;
    font-weight: 600;
}

.card-title .courseSectionSemester {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    text-align: right;
    font-size: 0.95rem;
}

.card-title .courseSectionDelivery {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    text-align: right;
    font-size: 0.95rem;
    color: #555;
}

.card-title .courseProfileSectionAvailability {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    justify-self: end;
    margin-top: 4px;
}

.card-title .sectionHeaderChevronContainer {
    position: absolute;
    top: 50%; 
    transform: translateY(-50%);
    right: 0;
    z-index: 10;
}
/* End of Hide the course code and rebuild course title flexbox */

#header3Wrapper {
    background-color: #cc0000;
    padding: 0;
}

#globalNavigationBar {
    background-color: #cc0000 !important;
    padding: 0;
}

.glyphicon-shopping-cart {
    color: #cc0000 !important;
}

#cartCount {
    background-color: #ac0000;
}

#loginDropdownMenuLink {
    color: #cc0000;
}

.nav-link {
    color: #fff !important;
    font-size: 17px;
    margin: 0 15px;
}

.nav-link:hover {
    color: #fff !important;
    background-color: #ac0000 !important;
}

.checker-container {
    background-color: #c00 !important;
}

.checker-container h1,
.checker-container p {
    color: #fff !important;
}

.checker-container #FindCoursesBtn {
    background-color: #fff !important;
    color: #c00 !important;
}

.checker-container #FindCoursesBtn:hover {
    background-color: #ac0000 !important;
    color: #fff !important;
}

#pageHeader {
    padding-top: 0px !important;
}

.card-title a {
    color: #000 !important;
    font-weight: bold;
}

.card-info a {
    color: #000 !important;
}

.course a {
    color: #ac0000 !important;
}

.programStream a {
    color: #ac0000 !important;
    font-weight: bold;
}

.btn-primary {
    color: #fff;
    background-color: #c00;
    border-color: #c00;
}

.btn-primary:hover {
    color: #fff;
    background-color: #ac0000;
    border-color: #ac0000;
}

#searchBreadcrumb {
    padding-top: 15px !important;
  }
  
#searchBreadcrumb a {
    color: #c00;
}

#searchBreadcrumb a:hover {
    color: #ac0000;
}

footer {
    background-color: #000 !important;
    color: #a8a8a8;
}

#footerNav {
    padding-top: 30px !important;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #c00;
}

#footer2Wrapper {
    background-color: #000 !important;
}

#FindCoursesBtn {
    background-color: #fff !important;
}

#studentMenu .nav-item {
    background-color: #c00;   
   }
   
   .portalMenu .active > a, .sidebarScrollSpy .active > a {
    background-color: #ac0000;   
       border-left: #fff;
   }

#globalNavigationBar {
    display: flex;
    justify-content: left;
}

#variableContentBlockPG0156 {
    background-color: #000 !important;
    color: #a8a8a8 !important;
    text-align: left !important;
}

#scrollSpyMenuNav {
    background-color: #c00;
}

#loginNameWrapper {
    color: #cc0000;
}

#logoutLinkWrapper {
    color: #cc0000;
}

.headerProfileLink {
    color: #cc0000 !important;
}

.headerStudentLoginLogoutLink {
    color: #cc0000 !important;
}

.nav-link {
    background-color: #c00 !important;
}

#linkAcademicHistoryCurrent {
    background-color: #c00 !important;
}

#linkAacademicHistoryCompleted {
    background-color: #c00 !important;
}

#searchAgainLink {
    display: none !important;
}

/* Checkout/login headers */
#existingStudentDiv .sectionHeader, 
#newStudentDiv .sectionHeader {
    background: none; 
    background-color: #CC0000; 
    border: 1px solid #808080; 
    padding: 0.4rem .75rem;
}

#existingStudentDiv .sectionHeader h2, 
#newStudentDiv .sectionHeader h2 {
    color: #FFFFFF;
    margin: 0; 
    padding: 0;
    font-size: 1.8rem;
}

/* LOGIN PAGE: SINGLE COLUMN LAYOUT with instructions*/
.row:has(+ #studentLoginOptionsContainer) p {
    font-size: 0; 
    text-align: center;
}

.row:has(+ #studentLoginOptionsContainer) p::before {
    content: "Contact us at ce@brocku.ca if you need help creating an account or aren't sure if you already have one.";
    font-size: 1rem;
    font-weight: bold;
}

/* CHECKOUT PAGE: Remove bottom margin from the last paragraph */
#existingStudentDiv .variable-content-item p:last-child {
    margin-bottom: 0 !important;
}

#existingStudentDiv .buttons {
    padding-top: 0 !important;
    margin-top: -0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* Hide new user account creation on LOGIN page */
#pageStudentLogin #newStudentDiv {
    display: none !important;
}

/* LOGIN and CHECKOUT PAGE: BUTTON & SPACING FIXES */
#pageStudentLogin #existingStudentDiv {
    flex: 0 0 100% !important;
    max-width: 66% !important;
    margin: 0 auto !important;
    float: none !important;
}

#pageStudentLogin #existingStudentDiv .variable-content-item p:last-child {
    margin-bottom: 0 !important;
}

#pageStudentLogin #existingStudentDiv .buttons {
    display: block !important;
    text-align: center;
    padding-top: 0 !important;
    margin-top: -1.25rem !important;
    margin-bottom: 0.5rem !important;
}

#pageStudentLogin #existingStudentDiv #buttonContinueExternalLogon {
    display: inline-block !important;
    float: none !important;
    margin: 0 auto !important;
    padding: 0.25rem 0.75rem !important;
    min-width: 120px;
}


/* Student checkout form: Hide "Yes, but only by the following methods" contact option and checkboxes */
#onlyFollowingMethods,
label[for="onlyFollowingMethods"] {
    display: none !important;
}

#contactMethod1,
label[for="contactMethod1"] {
    display: none !important;
}

.radio:has(#onlyFollowingMethods) {
  display: none !important;
}

#contactMethodOptions {
  display: none !important;
}