/* ===============================================================
                 TOP HEADER BAR
 ================================================================= */

/* ===============================================================
                 HEADER  
 ================================================================= */

/* Makes Header Image Responsive */
.headerImage img{
	width:100%; 
}

.pageTitle {
	margin-top:20px !important;
}


/* ===============================================================
                 SKIP NAVIGATION (03-31-2022)
 ================================================================= */
#skipnav a
{
padding:10px;
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
color:white;
border-right:1px solid white;
border-bottom:1px solid white;
border-bottom-right-radius:8px;
background:#BF1722;
-webkit-transition: top 1s ease-out;
transition: top 1s ease-out;
z-index: 100;
overflow:hidden;
}
 
#skipnav a:focus
{
position:static;
width:auto;
height:auto;
}

/* ===============================================================
                 FOOTER
 ================================================================= */

.footer {
	margin-top:20px;
	background-color: #111;
	font-family:helvetica,arial,sans-serif;
	color: #e5e5e5;
	font-weight: 200;
	font-style: normal;
	line-height: 1.7;
}

.footer p {
	color: #e5e5e5;
} 

.footer a {
    color: #e5e5e5!important;
	}

.footer a:active, .footer a:hover {
  outline: 0;
  color: #eaab00!important;
}
	
.footer h4 {
text-transform:uppercase;
font-size:14px;
border-bottom: 1px solid #eaab00;
color:#fff;
margin-top:30px;
}

.footer-title {
text-transform:uppercase;
font-size:14px;
border-bottom: 1px solid #eaab00;
color:#fff;
margin-top:30px;
}	

.footer-copyright {
	background: #060606;
	border-top: 4px solid #060606;
	padding: 20px 0 10px;	
	font-size:14px;
}

.footer-copyright p {
	color:#999 !important;
	font-family:verdana, arial;
}

.footer-copyright a a:active, .footer a:hover {
	color: redtrex !important;
}

.campusInfo {
	margin-bottom:15px;
}

/* ===============================================================
                 MAIN NAV OVERRIDES
 ================================================================= */

/* Added 2025-12-12 to ensure menu items wrap within div */
.dropdown-item {
	white-space: normal;
}


/* ===============================================================
                 BOOTSTRAP OVERRIDES
 ================================================================= */

 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	color: #00293A; /* #00617F; */
}


/* ===============================================================
                 THEME.CSS OVERRIDES
 ================================================================= */

body {
	color: #333;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
}

p {
	color: #333;
}

/* ===============================================================
                 THEME-ELEMENTS.CSS OVERRIDES
 ================================================================= */

h1 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 38px; /* fallback */
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 300;
    line-height: 1.15;
    margin: 0 0 0.4em;
}

h2 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 28px; /* fallback */
    font-size: clamp(24px, 3vw, 28px);
    font-weight: 300;
    line-height: 1.3;
    margin: 0 0 0.5em;
}

h3 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 22px; /* fallback */
    font-size: clamp(20px, 2.2vw, 22px);
    font-weight: 400;
	text-transform: none;
    line-height: 1.35;
    margin: 0 0 0.6em;
}

h4 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 18px; /* fallback */
    font-size: clamp(16px, 1.8vw, 18px);
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 0.7em;
}

h5 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 16px; /* fallback */
    font-size: clamp(15px, 1.5vw, 16px);
    font-weight: 500;
    line-height: 1.45;
    margin: 0 0 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

h6 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 14px; /* fallback */
    font-size: clamp(14px, 1.2vw, 14px);
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 0.9em;
    letter-spacing: 0.4px;
}




.testimonial blockquote p {
	color: #FFF;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 18px!important;
	line-height: 1.3;
}

.testimonial .testimonial-author p {
	color: #595959;
	margin: 0 0 0 25px;
	text-align: left;
}

 .applynow .feature-box .feature-box-icon {
	background: #CCC;
	border-radius: 45px;
	color: #FFF;
	display: inline-block;
	float: left;
	height: 45px;
	line-height: 45px;
	margin-right: 10px;
	position: relative;
	text-align: center;
	top: 0px;
	width: 45px;
	font-size:26px;
}

.counters label {
    display: block;
    font-weight: 100;
    font-size: 20px;
    line-height: 24px;
}

/* ===============================================================
                MISCELLANEOUS  
 ================================================================= */

.highlightBox {
	margin-left: auto;
    margin-right: auto;
    width: 90%;
    background-color: #EAEAEA;
	color:#000;
	padding:15px;
	margin-bottom:20px;
	margin-top:20px;
	border-radius:5px;
}

.callToAction {
	margin-left: auto;
    margin-right: auto;
    width: 90%;
    background-color: #6A7A00;
	color:#fff;
	padding:20px;
	text-align:center;
	font-size:2.0em;
	margin-bottom:30px;
	margin-top:30px;
}

.footNote {
    margin-top: 40px;
    font-size: 80%;
    border-top: 1px solid #EAAB00;
}

.note {
    border: 1px solid #EAAB00;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.publicationHeading {
	margin-top:20px;
	font-size:20px;
	font-weight:bold;
}

.disclaimer {
	font-size:14px;
}

.sfError {
	color: red !important;
	font-weight:bold;
	}
	
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 20px;
    border-left: 5px solid #EAAB00;
	font-style:italic;
}

.img-shadow {
	box-shadow:5px 5px 5px #888888;
}

.coursename {
	font-size:34px!important;
}

/* ===============================================================
          H1 HEADING    
 ================================================================= */


.h1-underline {
	display: inline-block; /* Make width fit the text */
	position: relative;
	margin-bottom:1.5rem; /* Spacing below heading */
}

.h1-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.5rem; /* distance from text */
  width: 30%;
  height: 0.15rem; /* thickness of underline */
  background-color: #eaab00;
}

.h1-sub {
  display: block;
  font-size: 0.65em;
  font-weight: 400;
  margin-top: 0.25rem;
}

/* ===============================================================
          REGISTRATION/PAYMENT INFO BOX FOR PPL   
 ================================================================= */
/* unvisited link */
#darkbg a:link {
    color: #EAAB00 !important;
	text-decoration: underline !important;
}

/* visited link */
#darkbg  a:visited {
    color: #EAAB00 !important;
}

/* mouse over link */
#darkbg  a:hover {
    color: #fff !important;
}

/* selected link */
#darkbg  a:active {
    color: #fff !important;
}

 
/* ===============================================================
                TUITION & FEES ESTIMATOR
 ================================================================= */

.tuitionfees .headerRow td {
	background-color:#6A7A00!important;
	color:#fff;
	font-weight:bold;
}

.tuitionfees tr.grandTotal {
    border-top: 3px double #333;
}

/* ===============================================================
                BUSINESS DEVELOPMENT/CUSTOMISED TRAINING  
 ================================================================= */
 
.bdInfo {
	text-align:center;
 }
 
.bdName {
	font-weight:bold;
	font-size:18px;
 }

.bdTitle {
	font-size:14px;
	color: #666666;
	font-weight: bold;
 } 
 
.bdRegion {
	font-size:14px;
	color: #666666;
}

.bdContact{
	text-align:center;
	font-size:14px;
	color: #666666;
	margin-bottom:15px;
}


/* ===============================================================
                GOVERNANCE  
 ================================================================= */

 .governorname {
	 font-weight:bold;
	 font-size:18px;
 }
 
 .governortitle {
	 font-size:14px;
	 color: #666666;
 }
 
/* ===============================================================
                ALUMNI LANDING PAGE HEADER
 ================================================================= */

.alumni-landing {
	margin-bottom:30px;
}

.alumni-landing .btn-primary {
    color: #fff; /* #333; */
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #fff;
}

.alumni-landing .btn-lg {
    padding: 16px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 6px;
	float: left;
    margin: 0 20px 20px 0;
}

.alumni-landing span {
    float: left;
    font: 700 15px Arial,Helvetica,sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 16px 0 0;
    opacity: .8;
}

.alumni-landing .link {
    float: left;
    margin: 16px 0 20px 16px;
    font: 600 15px Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    opacity: .8;
    border-bottom: 2px solid #fff;
    padding: 0 0 4px;
    color: #fff;
}

.alumni-landing a:hover {
	text-decoration:none;
}

.alumni-landing .herolayout {
    position: relative;
    padding: 0 20px;
	background: url(/images/default-source/header-images/alumni-1900x600-3.jpg) no-repeat center center;
    /* text-align: center; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.alumni-landing .herolayout>.container>.contentarea {
    position: relative;
    padding: 11% 0;
    z-index: 10;
}

.alumni-landing  .contentarea {
    max-width: 980px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
	background: rgba(0,0,0,0.1);
}

.alumni-landing .herolayout:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.55);
}

.alumni-landing .herolayout>.container>.contentarea h1 {
	font-family:Oswald, helvetica, roboto, arial;
	font-weight:500;
	font-size: 53px;
	letter-spacing: .03em;
	line-height:1.0em;
	color: #fff;
	text-shadow: 1px 1px 2px #000 !important;

}

.alumni-landing .herolayout>.container>.contentarea h2 {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    /* text-transform: uppercase; */
    letter-spacing: .07em;
    margin: 10px 0 35px;
}


/* ===============================================================
                HOME PAGE
 ================================================================= */

/* CALENDAR DATE DISPLAY HOME PAGE */
.event-item {
	padding-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.9em;
    line-height: 1.2em;
}

.event-item:before, .event-item:after {
    content: "";
    display: table;
}

.event-item:after {
    clear: both;
}

.eventdatedisplay {
    background: #6A7A00;
    max-width: 60px;
    display: inline;
    float: left;
    width: 20%;
    margin: 0 .75%;
    margin-right: 1em;
}

.eventdatedisplay .eventmonth {
    background: #2d3142;
    font-weight: 600;
    padding: .3em 0;
}

.eventdatedisplay .eventmonth, .eventdatedisplay .eventday {
    display: block;
    text-align: center;
    color: #fff;
}

.eventdatedisplay .eventday {
    font-size: 1.4em;
    padding: 10px 0;/* .4em 0; */
}

.eventtitle {
	font-size:1.1em;
	font-weight:500;
	line-height: 1.2em;
}


/* ===============================================================
                TABLES  
 ================================================================= */

.table {
  font-size: 16px;
}

.tablelist table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
}

.tablelist th,
.tablelist td {
  border-bottom: 1px solid #ddd;
  padding: 6px; /* Or change to 4px if you want tighter spacing */
}

.tablelist thead th {
  background-color: #00293A;
  color: #fff;
}

/* ===============================================================
                 FORMS
 ================================================================= */
 
 .customform  {
	background-color:#fafafa;
	padding:20px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid #e9e9e9;
	font-size:14px;
 }
 
 .customform label {
    /* display: block; */				   
    font-weight: bold;
	font-size:14px;
    color: #707070;
}

 .customform input[type="text"] {
    width:100%;
	margin-bottom:10px;
	}
	
 .customform input[type="email"] {
    width:100%;
	margin-bottom:10px;
	padding: 6px 12px;
	border: 1px solid #ccc;
    border-radius: 4px;
	}


.customform select {
	margin-bottom:15px;
	height:30px;
	}

.customform [data-sf-role=error-message] {
color: red;
}

.customform .formoptions {
	font-weight:normal;
	color: #707070;
	font-size:14px;
}
 
 .customform textarea {
	 display:block;
	 width:80%;
	 height: 100px;
 }
 
 .customform h2 {
	font-size: 18px;
	font-weight: 300;
	line-height: 20px;
	margin: 10px 0 10px 0;
	background-color:#00617f;
	color:#fff;
	padding:5px;
 }
 
 
 /* Sidebar Form */
.sidecol .customform  {
	padding:10px!important;
 }
 
.sidecol .customform  .form-control {
	height: 30px;
	padding: 5px 10px;
 }
 
 .sidecol .customform  p {
	line-height: 16px;
	font-size:12px;
 }
 
.sidecol  .customform label {
    font-weight: bold;
	font-size:14px;
    color: #707070;
}

.sidecol  .customform textarea {
	 display:block;
	 width:100%;
	 height: 100px;
	 margin-bottom:10px;
 }
 
 .sidecol  .customform button {
	 width:100%;
 }
 

/* ===============================================================
                 RIGHT SIDEBAR
 ================================================================= */

.sidecol {
	background-color:transparent;
	font-size:14px;
	line-height:20px;
	padding: 0px 20px 20px 20px;
	}
	
.sidecol h2 {
	font-family:verdana, arial, sans-serif;
	font-size: 18px;
	color: #00617F;
	line-height: 22px;
	margin: 0px 0 10px 0;
	}
	
.sidecol li {
	margin-bottom:5px;
}


/*====================================
			IDMS
=======================================*/
.idmsprogramvideo {
	max-width:450px;
	margin-top:20px; 
	margin-bottom:20px;
}


/*====================================
			SITE SEARCH
=======================================*/

.sitesearch {
    display: none;
	padding:20px;
}




/*======================================
 Business Development Courses Registration and Payment - OCRP - April 15, 2019
=======================================*/
/*---By Karthik -Modified---*/
#progSearchOCRP {
    width: 100%;
    margin-top: 5px;
    /*background:Orange;*/
}

#myInput, #selectCategories, #selectCampus, #selectRegStatus {
    width: 80%;
    margin-bottom: 10px;
}

/*---By Jerson---*/
/*---Note: The table displaying course list is using the same a the fulltime programs-> class="table table-striped" */

.OCRP_ProgSearchWrapper {
    margin-right: 1%;
}


.OCRP_CourseDetailTitles {
    color: #007599;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 27px;
}

.OCRP_ScheduleText {
    color: #212529;
}

.OCRP_Course_SearchTextbox { /*---Not used--*/
    background: #FFF;
    border: 3px solid #2D3138;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    line-height: 34px;
    width: 200px;
    font-size: 13px;
    padding: 0 10px;
    margin: 0;
    height: 40px;
}

.OCRP_ButtonSearch {
    display: block;
    width: 35%;
    height: 10%;
    float: right;
    padding: 10px;
    color: white;
    cursor: pointer;
    margin-left: 25%;
}

.OCRP_BackToSearch {
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    text-decoration: none;
    float: right;
    /* padding: 15px 32px; JU  */
    color: white;
    border: 1px solid grey;
    background-color: #007599;
    cursor: pointer;
}

.OCRP_SearchFilters {
    margin: 5px;
    width: 50%;
}

.programDetailTitle {
    font-size: 34px;
    line-height: 40px;
    margin: 0 0 15px 0;
}

.labelMessage {
    letter-spacing: .01rem;
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    line-height: 1.58;
    letter-spacing: -.003em;
    margin-left: 5%;
}

.OCRP_BlueMsg {
    padding: 15px 5px 10px 30px;
    background-color: #007599;
    color: #FFFFFF;
}

    .OCRP_BlueMsg p {
        color: #FFFFFF;
        line-height: 1.1;
    }

.OCRP_LabelBelowSearchButtons {
    display: block;
    font-size: 15px;
    clear: none;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    color: #6b6b6b;
}


/*--------------ARROWS in TOGGLE ----------------*/
.panel-heading {
    position: relative;
}

    .panel-heading[data-toggle="collapse"]:after {
        font-family: 'Glyphicons Halflings';
        content: "\e072"; /* "play" icon */
        position: absolute;
        color: #b0c5d8;
        font-size: 18px;
        line-height: 22px;
        right: 20px;
        top: calc(50% - 10px);
        /* rotate "play" icon from > (right arrow) to down arrow */
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .panel-heading[data-toggle="collapse"].collapsed:after {
        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
/*----------- Arrow Colour---*/
.glyphicon glyphicon-triangle-right {
    color: blue;
}

/*---------- Text when Invalid CourseID------*/
.ErrorMessageInvalidCrseId {
    color: #333;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
}


/*----------Course Details Align Course Title and Back to Search Button------- */

.CourseTitlecontainer {
    text-align: center;
    padding: 1px;
}

.leftDiv_CourseTitlecontainer {
    display: inline-block;
    /*---max-width: 300px;---*/
    text-align: left;
    padding: 0px;
    border-radius: 3px;
    margin: 0px;
    vertical-align: top;
    float: left; /*--JU---*/
}

.right-div_CourseTitlecontainer {
    display: inline-block;
    /*---max-width: 150px;---*/
    text-align: left;
    padding: 0px;
    border-radius: 3px;
    margin: 0px;
    float: right; /*---JU---*/
}

.left-text, .right-text {
}

@media screen and (max-width: 600px) {
    .left-div, .right-div {
        max-width: 100%;
    }
}





/* ======================================== */
/*     UPDATES FOR NEW BOOTSTRAP 2025 		*/
/* ======================================== */

:root {
	--primary: #007599;
	--secondary: #6A7A00;
	--tertiary: #eaab00;
}



/* ==== LIST WIDGET TOGGLE +  ==== */
.toggle.toggle-simple .toggle > label:before,
.toggle.toggle-simple .toggle > .toggle-title:before {
	left: 6px;
	font-size: 14px;
}


/* ==== PROGRAM DETAILS PAGE ==== */
/* Section Titles - Overview, Areas of Study, etc */
#programDetailPage h4 {
	font-weight:400;
}


/*==== GREEN BUTTONS ==== */
.btn-secondary {
	--hover: var(--secondary--200);
	background-color: var(--secondary);
	border-color: var(--secondary) var(--secondary) var(--secondary);
	color: var(--secondary-inverse);
}

.btn-secondary:hover, .btn-secondary.hover {
	border-color: #899E00;
	color: var(--secondary-inverse);
}

.btn-secondary:hover:not(.bg-transparent), .btn-secondary.hover:not(.bg-transparent) {
	background-color: #899E00;
}

.btn-secondary:focus, .btn-secondary.focus {
	border-color: var(--secondary) var(--secondary) var(--secondary);
	color: var(--secondary-inverse);
	box-shadow: 0 0 0 3px var(--secondary-rgba-50);
}

.btn-secondary:focus:not(.bg-transparent), .btn-secondary.focus:not(.bg-transparent) {
	background-color: var(--secondary);
}

.btn-secondary.disabled, .btn-secondary:disabled {
	border-color: var(--secondary) var(--secondary) var(--secondary-300);
}

.btn-secondary.disabled:not(.bg-transparent), .btn-secondary:disabled:not(.bg-transparent) {
	background-color: var(--secondary);
}

.btn-secondary:active, .btn-secondary.active {
	border-color: #899E00 !important;
}

.btn-secondary:active:not(.bg-transparent), .btn-secondary.active:not(.bg-transparent) {
	background-color: #899E00 !important;
	background-image: none !important;
}

/* ==== Used for Tuition/Fees Sub-Headings within table ==== */
.tuitionheader {
	background-color: #6A7A00 !important;
	color: #fff !important;
	font-weight: bold;
}



/* ==== List Items with Chevron ==== */
ul.chevron-list {
  list-style-type: none;
  padding-left: 0;
}

ul.chevron-list li::before {
  content: '›'; /* Right chevron symbol */
  padding-right: 10px; /* Space after chevron */
  color: #eaab00; /* Golden yellow color */
  font-weight: bold; /* Bold chevron */
  font-size: 1.75em; /* Chevron size */
}

ul.chevron-list li {
  display: flex;
}


/* ==== CARD (Quick Links, Questions, Sidebar Box ==== */
.card.custom-card {
  box-shadow: 0 4px 16px rgba(128, 128, 128, 0.6); /* Box shadow for the card */
}

.card-header.custom-header {
  font-size: 20px; /* Font size for the header */
}

.card-body.custom-body {
  padding: 15px; /* Padding for the card body */
}

/* ==== SIDEBAR NAVIGATION ==== */

/* Navbar Styling */
.custom-navbar {
  background-color: #f8f8f8 !important; /* Light gray background */
  border: 1px solid #e7e7e7 !important; /* Darker gray border */
  padding-top: 0;
  padding-bottom: 0;
}

/* Set font size of the navbar toggler */
.custom-navbar .navbar-toggler {
  font-size: 14px; /* Set font size to 14px */
}

/* Nav Item Styling */
.custom-nav {
  display: flex; /* Flexbox for nav items */
  flex-direction: column; /* Stack items vertically */
  flex-grow: 1; /* Allow the items to fill available space */
  padding-left: 0; /* Optional: to remove any default left padding */
}

.custom-nav .nav-item {
  border-bottom: 1px solid #e7e7e7;
}

/* Remove border from last item */
.custom-nav .nav-item:last-child {
  border-bottom: none;
}

/* Text Color Styling */
.custom-nav .nav-link {
  color: #545454; /* Set text color */
  transition: background-color 0.3s ease; /* Smooth transition */
}

/* Hover and Active State */
.custom-nav .nav-link:hover,
.custom-nav .nav-link:active {
  background-color: #007599; /* Dark teal on hover and active */
  color: #ffffff; /* White text for contrast */
}





/* ============================================================================ 
	FOR AUDIT PURPOSES ONLY 
 ============================================================================ */

/* Identify Tables That are Not Responsive */
/*table:not(.table-responsive table):not(.table-responsive-sm table):not(.table-responsive-md table):not(.table-responsive-lg table) {
  outline: 2px dashed red;
  background-color: rgba(255, 0, 0, 0.03);
} */