/* Modern Campus CSS for Rick Hansen Foundation
 * This file contains custom styles for the RHF Modern Campus theme.
 */

/* -- Font declarations - */

@font-face {
  font-family: "trade-gothic-next";
  src: url("https://www.rickhansen.com/themes/custom/rhf/css/fonts/trade-gothic/TradeGothicLT.woff2") format("woff2"), url("https://www.rickhansen.com/themes/custom/rhf/css/fonts/trade-gothic/TradeGothicLT.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "trade-gothic-bold";
  src:  url("https://www.rickhansen.com/themes/custom/rhf/css/fonts/trade-gothic/TradeGothicLT-BoldTwo.woff2") format("woff2"), url("https://www.rickhansen.com/themes/custom/rhf/css/fonts/trade-gothic/TradeGothicLT-BoldTwo.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

body, li, p {
  font-family: "trade-gothic-next", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "trade-gothic-bold", sans-serif;
  font-weight: 700;
}

strong, b {
  font-family: "trade-gothic-bold", sans-serif;
  font-weight: 700;
}

a {
  color: #0364aa !important; /* Default link color */
}

/*-----------Header1, topheader.jsp, ((logo, cart, login))-----------------*/

#header1Container {
  background-color: #FFFFFF; 
  width: 100%;
  color: #0364aa !important;
}  /* Middle of the languagebar.jsp ((logo, cart, login))*/

#header1Wrapper{
background-color: #FFFFFF !important;
color: #c0dcec !important;
} /* sides of languagebar.jsp ((logo, cart, login))*/

/* login containers for student portal and admin portal */
#headerLoginWrapper,
#loginInfo,
#adminLoginInfo 
{
  display: flex;
  gap: 32px;
  align-items: start;
  justify-content: end;
}

#loginInfo .login,
#loginInfo .cart,
#adminLoginInfo .login,
#adminLoginInfo .cart
{
  margin-top: 1rem;
}

#headerLoginWrapper > div.login.py-2  {
  min-width: 200px;
}

#cartInfo {
  text-align: right;
}
#cartInfo .glyphicon-shopping-cart{
  color: #0364aa !important; /* cart color*/ 
}

#collapseLoginMenuOptions .dropdown-item {
  padding: 10px 20px;
}

#loginDropdownMenuLink{
  color: #000000 !important; /*Login link color*/
  font-size: 15px !important;
  font-weight: 400;
}

#logoutLinkWrapper{
  color: #000000 !important; 
  font-size: 15px !important;
  font-weight: 400;
}

.headerProfileLink{
  color: #000000 !important; 
  font-size: 15px !important;
  font-weight: 400;
}

#loginNameWrapper {
  color: #000000 !important; 
  font-size: 15px !important;
  font-weight: 400;
}

.headerStudentLoginLogoutLink{
  color: #000000 !important; 
  font-size: 15px !important;
  font-weight: 400;
}

/*----------------------------------------------------------------------------*/

/*-------------------------Global nav, globalNavigationEmbeddable.jsp ------------------------------*/ 
#header3Container{
display: flex;
justify-content: center;
background-color: #c0dcec !important;
} /* align nav items to the right */

#header3Wrapper{
/*padding-bottom: 10px;    space between global nav and the body content*/
  background-color: #c0dcec  !important;
  display: none !important;
}

#globalNavigationBar{
    background-color: #c0dcec !important;
    } /* change the color of the center of the navbar that is now aligned to the right*/

.nav-item {
font-size: 17px !important; /* global nav item font size */
font-weight: 400;
font-family: 'trade-gothic-next', 'Open Sans', sans-serif;
}

.navbar-light .navbar-nav .nav-link{
  color: #FFFFFF !important;
  font-family: 'trade-gothic-next', 'Open Sans', sans-serif;
  } /* Color of navbar items/links */

/*----------------------------------------------------------------------------------*/

/*----------------------Footer, bottomNavigation.jsp------------------------------------------------------*/
   
footer {
  background-color: #0364aa;
  color: #FFFFFF !important;
  padding: 40px 20px;
  background-image: url('https://www.rickhansen.com/themes/custom/rhf/images/footer-bkg.jpg');
}


#footer-info {
  line-height: 18px;
}

#footer2Sub1,
#footer2Sub2{
  height: auto; /*footer 1 sub 1 height**/
  font-size: 14px !important;
}

#footer1Wrapper{
  height: auto; /*Whole footer height **/
}

.imagine-logo__logo {
  max-width: 120px;
  display: block;
  padding-bottom: 1rem;
  margin: 20px 0;
}

#imagine-logo > a {
  margin-top: -30px !important;
  max-height: 120px;
  padding-bottom: 1rem;
}

#imagine-logo > a > img {
  height: 160px;
  -o-object-fit: cover;
  object-fit: cover;
}

#footer-donate-now {
  float:none !important;
  border: 1px solid #ffffff !important;
}

#footer-take-action:hover {
  background-color: #0364aa;
}
#backToTopGlyphicon {
  color: #FFFFFF !important;
  margin-right: 0px;
}

/*----------------------------------------------------------------------------------*/


#sidebar1Module1{
color: #FFFFFF !important;
}
#sidebar1Wrapper{

background-color: #c0dcec;
  
}
.nav-pills{
  color: #FFFFFF !important;
}

footer a {
  color: #FFFFFF !important;
}


footer > a {
  color: #FFFFFF !important;
}*/

 #variableContentBlockPG0156{
   color: #FFFFFF !important;  
   font-size: 18px !important;  
   font-weight: 500 !important;  
   padding-top: 35px !important;  
   padding-bottom: 20px !important;  
   display: flex;
   -ms-flex-align: center;
}

.conferencePreviewHeaderWrapper,
.conferencePreviewHeaderWrapper .form-text {
   color: #000000 !important;
}

.conferenceModule #header1 
.headerConfPreviewMenuDropdownLink {
  color: #000 !important;
}

 /*--------------------- Student and Instructor Portal Menu ------------------------------------------------------*/
 #studentMenu a:link {
  color: white
}

#studentMenu a:visited {
  color: white
}

#studentMenu a:hover {
  color: gray
}

#instructorMenu a:link {
  color: white
}

#instructorMenu a:visited {
  color: white
}

#instructorMenu a:hover {
  color: gray
}

/* #studentMenu .menuLink.nav-link {
  background-color: #0364aa;
} */

#studentMenu a.nav-link.active {
  background-color: #c0dcec;
}

#instructorMenu .menuLink.nav-link {
  background-color: #0364aa;
}

#instructorMenu a.nav-link.active {
  background-color: #c0dcec;
}

/* -- CUSTOM STYLES -- */

.menu {
  margin-bottom: 45px;
}

.menu > .menu-item {
  margin: 10px 0px;
}

.menu.menu--social-media {
    margin: 20px 0;
}

/* STUDENT MENU */
#studentMenu a.menuLink.nav-link[href='/portal/student/applicationInstanceSearch.do?method=load'],
#studentMenu a.menuLink.nav-link[href='/specialrequest/publicSpecialRequest.do?method=load']
{
  display: none;
}

/* ADMIN PORTAL MENU */
#adminPortalMenu li a.nav-link[href='/corporate/adminPortal/applicationProfile.do?method=load'],
#adminPortalMenu li a.nav-link[href='/corporate/adminPortal/applicationStatus.do?method=load']
{
  display: none;
}

.corporateAdminPortal #header1ContentWrapper {
  color: #000;
}

/* CORPORATE LANDING PAGE */

#pageCapLogin #contentModule1 .row {
  display: flex;
  flex-direction: column;
}

#pageCapLogin .capLoginLogoContainer {
  display: none;
  align-items: center;
  justify-content: center;
  margin-bottom: 3rem;
}

#pageCapLogin #contentModule1 .row > .col-lg-12 .row .col-lg-6 {
  margin-left: auto;
  margin-right: auto;
}

#pageCapLogin #capGroupLogo {
  max-width: 50%;
}

#groupCorporateLogoWrapper {
  align-items: center;
  aspect-ratio: 16 / 9;
  box-sizing: border-box;
  display: grid;
  height: 100%;
  justify-content: center;
  max-height: 232px;
  max-width: 412px;
  padding: 2rem;
}

/* #groupCorporateLogo {
  max-width: 155px !important;
  margin-top: 1rem !important;
} */

#schoolCorporateLogo {
  max-height: 53px !important;
  margin-top: 1rem !important;
  margin-left: 1.2rem !important;
}

/* img#groupCorporateLogo,
img#schoolCorporateLogo {
  border: 1px dashed green;
} */

#landingPageLink > span.glyphicon.glyphicon-log-in {
  display: none;
}

#offeringListing > .panel-group > .card > .card-header {
  background-color: #0364aa;
  color: #fff;
}

#offeringListing > .panel-group > .card > .card-header .glyphicon.panelHeaderIcon {
  margin-top: 0px;
}

#offeringListing > .panel-group .card-body .table td {
  border-top: none !important;
}

#offeringListing ul.searchResultTagList li .searchResultTag {
  padding: 0px !important;
  border: 0px !important;
  background: unset;
  font-size: 1rem;
}

#offeringListing [id^='defaultPanelPAPS'] {
  margin-top: .5em;
}

#offeringListing [id^='defaultPanelPAPS'] h6,
#offeringListing [id^='allPanelPAPS'] h6 {
  display: none !important;
}

#offeringListing .table td > a {
  font-family: 'trade-gothic-bold', sans-serif !important;
}

/* Professionals Training */
#offeringListing .table td > a[href*='courseId=1014997']
{
  color: #FD8D00 !important;
}

/* Fundamentals Training */
#offeringListing .table td > a[href*='courseId=1014862']
{
  color: #68C10A !important;
}

/* IAT */
#offeringListing .table td > a[href*='courseId=1005255'],
#offeringListing .table td > a[href*='courseId=1005266'],
#offeringListing .table td > a[href*='courseId=1015154'],
#offeringListing .table td > a[href*='courseId=1019938']
{
  color: #15ADEC !important;
}

#footerNav #backToTopContainer .backToTop {
  text-align: left;
}

/* FOOTER */
.footer-left .ion-social-x {
    position: relative;
    top: 2px;
}

.block--footer-contact a {
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 400;
}

.btn-primary {
  border-color: #0364aa !important;
  background-color: #0364aa !important;
}

/* ---------------------- Main Nav styles ------------------------------------------------------ */
#main-nav-container {
  a.nav-link {
    color: #000000 !important;
  }
}


#clpHeader1ContentWrapper {
  justify-content: center;
}

#contentModule5 {
  display: none !important;
}

/* HOME PAGE */

#rhf-mc-landing-page-banner {
  background-image:url('https://www.rickhansen.com/sites/default/files/2025-08/rhf-bcit-health-sciences.jpg') !important;
  background-size:cover;
  min-height: 440px;
  background-position:center;
  background-size: 120%;
  background-position-y: -100px;

}

@media screen and (max-width: 768px) {
  #rhf-mc-landing-page-banner {
    background-position-y: 0px;
  }
}


/* breadcrumbs */
#breadcrumb {
  display: none;
}

#searchBreadcrumb a {
  color: #0364aa !important;
}



/* course profile */

#pageCourseProfile #contentHeader,
#pageCLPCourseProfile #contentHeader
{
  border-bottom: 0px !important;
}

#pageCourseProfile #contentHeader h1, 
#pageCLPCourseProfile #contentHeader h1
{
  color: #6C6C6C;
}

#pageCourseProfile #sectionEnrollmentHeader,
#pageCapCourseProfile #sectionEnrollmentHeader,
#pageCLPCourseProfile #sectionEnrollmentHeader
{
  display: none;
}

#courseProfileJumpToSections {
  text-align: left !important;
  margin-bottom: 1.5rem !important;
}

/* Course Description header */
/* #courseProfileOfficialCourseDescription > h2  {
  display: none;
} */

/* #pageCourseProfile #courseProfileWrapper .courseProfileRequiredPrerequisites {
  display: none;
} */

#pageCourseProfile .courseSectionDescription .courseSectionSchedule .sectionSchedule .sectionScheduleType,
#pageCLPCourseProfile .courseSectionDescription .courseSectionSchedule .sectionSchedule .sectionScheduleType
{
  margin-top: 10px !important;
}

#pageCourseProfile #courseSectionsAccordion .card,
#pageCourseProfile #courseSectionsAccordion .card-header,
#mainContent #courseSectionsAccordion .card-header,
div[id^='courseSectionPanel_'] {
  border-radius: 0px;
}

#mainContent #courseSectionsAccordion .card-header

#pageCourseProfile .section.sectionNotes table,
#pageCLPCourseProfile .section.sectionNotes table
{
    width: 100% !important;
    border: 0px !important;
}

#pageCourseProfile .section.sectionNotes table td,
#pageCLPCourseProfile .section.sectionNotes table td
{
  border: 0px !important;
}

#pageCourseProfile .section.sectionNotes .labelSpanStyle,
#pageCLPCourseProfile .section.sectionNotes .labelSpanStyle
{
  margin-bottom: 10px !important;
}

/* add to cart button alignment */
#pageCourseProfile .courseSectionEnrollmentActions,
#pageCLPCourseProfile .courseSectionEnrollmentActions
{
  text-align: left !important;
  padding-top: 0px !important;
}

#pageCourseProfile .courseSectionDescription .header,
#pageCourseProfile .courseSectionDescription .labelSpanStyle,
#pageCourseProfile .sectionNotes tr:nth-child(1) > td,
#pageCourseProfile .sectionNotes tr:nth-child(1) > td p,
#pageCLPCourseProfile .courseSectionDescription .header,
#pageCLPCourseProfile .courseSectionDescription .labelSpanStyle,
#pageCLPCourseProfile .sectionNotes tr:nth-child(1) > td,
#pageCLPCourseProfile .sectionNotes tr:nth-child(1) > td p
{
  font-family: "trade-gothic-bold", sans-serif;
  font-weight: 700;
  margin-bottom: 0px !important;
}

#pageCourseProfile .sectionNotes tr:nth-child(1) > td,
#pageCLPCourseProfile .sectionNotes tr:nth-child(1) > td
{
  text-transform: uppercase;
}

#pageCourseProfile .sectionNotes table tr td,
#pageCLPCourseProfile .sectionNotes table tr td
{
  vertical-align: top !important;
  padding: .5em;
}

/*  
  RHFAC Professionals Training
    COLORS
    - orange       - #F8DBCD 
    - light orange - #FD8D00
    - dark orange  - #E15B27
    COURSE CODES
    - TEST - 0004
    - PROD - 0002
  
  RHFAC Fundamentals Training
    COLORS
    - green       - #68C10A
    - light green - #D3F0B8
    COURSE CODES
    - TEST - 0005
    - PROD - 0001

  RHFAC Inclusion & Accessibility Training
    COLORS
    - cyan - #15ADEC
    - light cyan - #B8E5F7
    COURSE CODES
    - TEST - 0002
    - PROD - 0003
*/

/* rhfac professionals training */

#mainContent.course-0002 #courseProfileOfficialCourseDescription > h2
{
  color: #FD8D00;
}

#mainContent.course-0002 #courseSectionsAccordion .card
{
  border-color: #FD8D00 !important;
  border-bottom: none;
}

#mainContent.course-0002 #courseSectionsAccordion .card:last-child
{
  border: 1px solid #FD8D00;
}

#mainContent.course-0002 #courseSectionsAccordion .card-header
{
  background-color: #F8DBCD !important;
}

#mainContent.course-0002 .courseProfileRequiredPrerequisites h2,
#mainContent.course-0002 .rhf-course#rhfac-professional-training h3,
#mainContent.course-0002 #courseProfileAssociations h2
{
  color: #FD8D00 !important;
}

#mainContent.course-0002 .btn-primary,
#mainContent.course-0002 #courseProfileJumpToSections button
{
  background-color: #FD8D00 !important;
  border-color: #FD8D00 !important;
}

#mainContent.course-0002 .sectionNotes table tbody tr:nth-child(1)
{
  border-top: 1px solid #E15B27 !important;
  border-bottom: 1px solid #E15B27 !important;
}

#mainContent.course-0002 .sectionNotes table tbody tr:nth-child(even)
{
  background-color: #F8DBCD;
}

/* #pageCourseProfile .sectionNotes table tbody tr:nth-child(even) {
  background-color: #f8dbcd;
} */


/* rhfac fundamentals training */
#mainContent.course-0001 #courseProfileOfficialCourseDescription > h2
{
  color: #68C10A;
}

#mainContent.course-0001 #courseSectionsAccordion .card
{
  border-color: #68C10A !important;
  border-bottom: none;
}

#mainContent.course-0001 #courseSectionsAccordion .card:last-child
{
  border: 1px solid #68C10A;
}

#mainContent.course-0001 #courseSectionsAccordion .card-header
{
  background-color: #D3F0B8 !important;
}

#mainContent.course-0001 .courseProfileRequiredPrerequisites h2,
#mainContent.course-0001 .rhf-course#rhfac-fundamentals-training h3,
#mainContent.course-0001 #courseProfileAssociations h2
{
  color: #68C10A !important;
}

#mainContent.course-0001 .btn-primary,
#mainContent.course-0001 #courseProfileJumpToSections button
{
  background-color: #68C10A !important;
  border-color: #68C10A !important;
}

#mainContent.course-0001 .sectionNotes table tbody tr:nth-child(1)
{
  border-top: 1px solid #68C10A !important;
  border-bottom: 1px solid #68C10A !important;
}

#mainContent.course-0001 .sectionNotes table tbody tr:nth-child(even)
{
  background-color: #D3F0B8;
}

/* rhfac inclusion & accessibility training */
#mainContent.course-0003 #courseProfileOfficialCourseDescription > h2,
#mainContent.course-0004 #courseProfileOfficialCourseDescription > h2
{
  color: #15ADEC;
}



#mainContent.course-0003 #courseSectionsAccordion .card,
#mainContent.course-0004 #courseSectionsAccordion .card 
{
  border-color: #15ADEC !important;
  border-bottom: none;
}

#mainContent.course-0003 #courseSectionsAccordion .card:last-child,
#mainContent.course-0004 #courseSectionsAccordion .card:last-child
{
  border: 1px solid #15ADEC;
}


#mainContent.course-0003 #courseSectionsAccordion .card-header,
#mainContent.course-0004 #courseSectionsAccordion .card-header
{
  background-color: #B8E5F7 !important;
}

#mainContent.course-0003 .courseProfileRequiredPrerequisites h2,
#mainContent.course-0003 .rhf-course#rhfac-inclusion-accessibility-training h3,
#mainContent.course-0003 #courseProfileAssociations h2,
#mainContent.course-0004 .courseProfileRequiredPrerequisites h2,
#mainContent.course-0004 .rhf-course#rhfac-inclusion-accessibility-training h3,
#mainContent.course-0004 #courseProfileAssociations h2
{
  color: #15ADEC !important;
}

#mainContent.course-0003 .btn-primary, 
#mainContent.course-0004 .btn-primary,
#mainContent.course-0003 #courseProfileJumpToSections button,
#mainContent.course-0004 #courseProfileJumpToSections button
{
  background-color: #15ADEC !important;
  border-color: #15ADEC !important;
}

/* cookie consent banner */
.cc-color-override-688238583.cc-window {
  font-family: "trade-gothic-next", sans-serif !important;
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #ccc;
  box-shadow: 0px -4px 5px rgba(0, 0, 0, .3);
}

.cc-color-override-688238583.cc-window .cc-highlight .cc-btn {
  border-radius: 4px;
}

.cc-color-override-688238583 .cc-highlight .cc-btn:first-child {
    background-color: #ddd !important;
}

/* program area page */

#buttonViewInstructors {
  display: none;
}