/* Lerato la difonts */
@font-face {font-family: "CalibreWeb"; 
	 src: url("https://crescendo-msoe.s3.us-east-2.amazonaws.com/CalibreWeb-Regular.eot"); 
	 src: url("https://crescendo-msoe.s3.us-east-2.amazonaws.com/CalibreWeb-Regular.eot?#iefix") format("embedded-opentype"), 
	 url("https://crescendo-msoe.s3.us-east-2.amazonaws.com/CalibreWeb-Regular.woff2") format("woff2"), 
	 url("https://crescendo-msoe.s3.us-east-2.amazonaws.com/CalibreWeb-Regular.woff") format("woff")
	 format('truetype');
}
 
 @font-face {font-family: "CalibreWeb"; 
	 src: url("https://crescendo-msoe.s3.us-east-2.amazonaws.com/CalibreWeb-Black.eot"); 
	 src: url("https://crescendo-msoe.s3.us-east-2.amazonaws.com/CalibreWeb-Black.eot?#iefix") format("embedded-opentype"), 
	 url("https://crescendo-msoe.s3.us-east-2.amazonaws.com/CalibreWeb-Black.woff2") format("woff2"), 
	 url("https://crescendo-msoe.s3.us-east-2.amazonaws.com/CalibreWeb-Black.woff") format("woff")
	 format('truetype');
}

 @font-face {font-family: "CalibreWeb"; 
	 src: url("https://crescendo-msoe.s3.us-east-2.amazonaws.com/CalibreWeb-Bold.eot"); 
	 src: url("https://crescendo-msoe.s3.us-east-2.amazonaws.com/CalibreWeb-Bold.eot?#iefix") format("embedded-opentype"), 
	 url("https://crescendo-msoe.s3.us-east-2.amazonaws.com/CalibreWeb-Bold.woff2") format("woff2"), 
	 url("https://crescendo-msoe.s3.us-east-2.amazonaws.com/CalibreWeb-Bold.woff") format("woff")
	 format('truetype');
}

body {
	font-family: "CalibreWeb", "Calibre Web", sans-serif !important;
}

/* H! header font update Jun 27, 2025
-------------------------------------- */

div#pageHeader h1 {
    font-family: "Roboto", sans-serif;
	color: #c5050c;
}


/* Use of our fonts */
h1, h2, h3, h4, h5, h6 {
    font-family: "minion-pro", "Minion Pro", serif;
    font-weight: 600;
}

p {
    font-family: "CalibreWeb", "Calibre Web", sans-serif;
}

h1.home_header {
    font-size: 32px;
}

/* Sidebar Bknd */
#sidebar.card {
    background-image: url("/srs/upload/Sidebar_Bknd_350x350.png");
}

#sidebar .btn.btn-primary {
    float: none;
}
#sidebar .btn-primary {
    color: #c5050c;
    background-color: #fff;
    border-color: #fff;
}
.btn-primary:hover {
    color: #fff;
    background-color: #c5050c;
    border-color: #c5050c;
}
a.card-text.card-phone:hover, a.card-text.card-email:hover {
    color: #c5050c;
}

/* Ke tsa 102924 */
.card-header {
    font-family: "CalibreWeb", "Calibre Web", sans-serif;
	color: #eb0f06;
	font-weight: 700;
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 1.25px;
    letter-spacing: 0.07813rem;
    line-height: 1;
    text-transform: uppercase;
    margin: 0 0 18px;
}
.card-title {
    font-family: "CalibreWeb", "Calibre Web", sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6666666667;
    color: #000;
    margin: 0 0 15px;
}
a.card-text.card-phone, a.card-text.card-email {
    color: #fff;
}

/* Ke tsa Nov 25 2024 */

.card-title.clickableDiv, .card-title.certificateStreamHeader {
  color: #000 !important;
}


@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
	
	
    .card-title {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1.28;
    }
	
	ul.linked_list_group {
		padding-left: 0;
	}
	li.linked_list_item a {
        font-size: 16px !important;
        font-size: 1.5rem;
        line-height: 1.25;
    }
	
	.navbar-toggler {
		background-color: #f2f2f2;
		border-radius: .25rem;
	}
	
}

@media only screen and (max-width: 767px) {
	/* For mobile phones: */
	[class*="col-"] {
		max-width: 100% !important;
	}
	.row {
		display: flow !important;
	}
  
	.footerContact {
		max-width: 100%;
	}
	
	.footerContact p {
		font-size: 12px !important;
	}
	
	.footerAbout p {
		font-size: 20px !important;
		line-height: 1.5;
		font-weight: 700;
	}
	.variable-content-item {
		text-align: center;
	}
	
	span.programArea a, td.course a {
		font-size: 13px!important;
	}
	
	#pagePublicHome #header3Wrapper {
		background: none !important;
		height: auto;
	}
	#pagePublicHome div#contentModule1 {
		margin-top: 40px!important;
		padding: 0px !important;
	}
	
	#sidebar.card {
		margin-top: 50px !important;
	}
}

/* added lehono 103024 */
@media (min-width: 768px) {

	#pagePublicHome main#mainContent {
		margin-top: 40px; 
	}
	#sidebar.card {
		margin-top: 410px !important;
	}
	
}


/* */
@media only screen and (min-device-width: 768px) 
and (max-device-width: 992px) 
and (-webkit-min-device-pixel-ratio: 1) {
	/* Navabar */
	.navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
	
	ul.linked_list_group {
		padding-left: 0;
	}
	
	li.linked_list_item a {
		font-size: 20px;
	}
	
	a.btn.btn-primary {
		font-size: 12px;
		float: none;
		font-weight: 600;
	}
	
	/* Sidebar card */
	h5.card-title {
		font-size: 14px;
	}

	/* Footer */
	.footerContact {
		width: 100%; /* check display on 880+ ratio */
	}
	
	

}

@media only screen and (min-device-width: 1024px) {
	.footerContact {
		width: 460px;
	}
}

/* Footer accreditation col */

.footerAbout p {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 700;
}
.footerContact p {
    font-size: 16px;
}
#footer {
    height: 100%;
}
/* MC logo -------- */
.poweredByDestinyOne {
    right: 15px !important;
    top: 10px !important;
}

/* Hidding News-Media and Announcements */

#pagePublicHome #contentModule5 {
    display: none;
}

/* Border for course listing */
.linked_list_block {
  border: 5px solid #000 !important;
  padding: clamp(15px, 5%, 50px) !important;
  margin-bottom: 50px;
}

li.linked_list_item {
    list-style-type: none !important;
}
li.linked_list_item a {
    font-size: 35px;
    font-weight: 600 !important;
	color: #000;
}
li.linked_list_item a:hover {
    color: #c5050c;
}

@media screen and (min-width: 500px) {

	
}

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

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

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

 #cartInfo .glyphicon-shopping-cart{
    color: #C5130B !important; /* cart color*/ 
  }

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

  #logoutLinkWrapper{
    color: #3E3E3E !important; 
    font-size: 15px !important;
    font-weight: 400;
  }
  
  .headerProfileLink{
    color: #3E3E3E !important; 
    font-size: 15px !important;
    font-weight: 400;
  }
  
  #loginNameWrapper {
    color: #3E3E3E !important; 
    font-size: 15px !important;
    font-weight: 400;
  }
  
  .headerStudentLoginLogoutLink{
    color: #3E3E3E !important; 
    font-size: 15px !important;
    font-weight: 400;
  }
  
/*----------------------------------------------------------------------------*/

/*-------------------------Global nav, globalNavigationEmbeddable.jsp ------------------------------*/ 
#header3Container{
  display: flex;
  justify-content: center;
  background-color: #3E3E3E  !important;
  max-width: 100% !important; /* made lehono 103024 */
} /* align nav items to the right */

/*#header3Wrapper{
  /*padding-bottom: 10px;    space between global nav and the body content ***
    background-color: #3E3E3E  !important;
  }*/
  
/* made lehono 103024 */

#pagePublicHome div#contentModule1 {
    margin-top: 190px;
    padding-top: 40px;
}

#pagePublicHome #header3Wrapper {
    background-color: #3E3E3E;
    background: url(/upload/CPE-landing-banner_226.jpg);
    background-size: 100% 100%;
    height: 240px;
    position: absolute;
    width: 100%;
}
  
#globalNavigationBar{
      background-color: #3E3E3E !important;
      } /* change the color of the center of the navbar that is now aligned to the right*/

#globalNavigationBar a:hover {
  background-color: #810100
}

.nav-item {
  font-size: 17px !important; /* global nav item font size */
  font-weight: 600;
  font-family: "CalibreWeb", "Calibre Web", sans-serif;
  padding-right: 30px;
}

.navbar-light .navbar-nav .nav-link{
    color: #FFFFFF !important;
    font-family: "CalibreWeb", "Calibre Web", sans-serif;
    } /* Color of navbar items/links */

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

/*----------------------Footer, bottomNavigation.jsp------------------------------------------------------*/
     
footer {
    background-color: #C5130B;
    color: #FFFFFF !important;
    padding: 20px;
  }

  #footer-info {
    line-height: 18px;
  }
  
  #footer2Sub2{
    height: 65px; /*footer 1 sub 1 height**/
  }
  
  #footer1Wrapper{
    height: 100%; /*Whole footer height **/
  }
/*----------------------------------------------------------------------------------*/

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

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

  footer a {
    color: #FFFFFF !important;
  }

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

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

  /*----------------------Corporate Engagement Manager------------------------------------------------------*/
  a.headerLogoutLink {
    color: #3E3E3E !important;  
  }

/*--------------------------
 Updates on Oct 16, 2024
 -------------------------- */
 
 /* topnav icons ---------- */
#header1 {
    padding-top: 14px !important;
}

#cartInfo .glyphicon-shopping-cart {
    font-size: 1.5rem !important;
}
#cartCount {
    font-size: 14px !important;
}

 /* Logo ------------------ */
img.img-fluid {
	z-index: 12000!important;
    position: relative!important;
}

/* Navabar ----------------- */
.navbar {
    padding: .1rem 1rem !important;
}

/*
#header3Wrapper {
    margin-top: -64px !important;
}
*/

/* Hidding extra Inquiries*/
#studentInquirySelectionType4 {
  display: none;
}

#studentInquirySelectionType6 {
  display: none;
}

#studentInquirySelectionType3 {
  display: none;
}

#studentInquirySelectionType1 {
  display: none;
}

#studentInquirySelectionType9 {
  display: none;
}

#studentInquirySelectionType2 {
  display: none;
}

#studentInquirySelectionType5 {
  display: none;
}

#studentInquirySelectionType10 {
  display: none;
}

#studentInquirySelectionType11 {
  display: none;
}

/* Homepage Contact Card Format*/
.contact_card_body {
  color: #FFFFFF !important;
}

/* Internal pages customization */

h4#advancedSearchPanelTitle.card-title {
    color: #000 !important;
	margin: 0 auto !important;
}
h4#advancedSearchPanelTitle.card-title:hover {
    color: #fff !important;
}

div#advancedSearchPanel:hover, div#advancedSearchControl:hover {
    background: #c5050c !important;
}

span.programArea a, td.course a {
    color: #c5050c !important;
}
span.programArea a:hover {
    text-decoration: none;
    color: #810100 !important;
}

div#programAreasAccordion .card-title, #searchResultsFilter .card-header.collapsed.panelHeadingToggle h2.card-title {
    color: #000 !important;
	margin: 0 auto !important;
}

div#programAreaCourses .card-header {
    color: #000;
}

.courseSection h3.courseSectionTitle,
span.courseSectionBeginDate {
    color: #000 !important;
}

/* sidebar card */
div#sidebar .card-header {
    color: #BFD500;
}
/* April CourseCode */
table.table.table-striped span.courseCode, span.nameAndCodeSeparator {
    display: none;
}

/* Nov 21 Program Code */
div#pageHeader h1 {
    position: relative;
    text-align: left;
}

#pageHeader h1 span.courseCode {
    display: block;
    position: absolute;
    top: 100%;
    transform: translateZ(10px);
    font-size: 16px;
	color: #212529;
    margin-top: 8px;
    padding: 6px 0px;
}

div#courseProfileInstructionMethods {
    margin-top: 6%;
}

#pageHeader h1 span.courseCode::before {
    content: "Program Code: "; 
    font-weight: bold;
}

/* Instructors border */
div#courseProfileInstructors {
	margin-top: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}