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

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

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

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

/* Cart counter properties */
#cartCount {
    background-color: #ffbd00;
    color: #000000; 
}

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

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

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

#header3Wrapper{
  /*padding-bottom: 10px;    space between global nav and the body content*/
    background-color: #333333  !important;
  }
  
#globalNavigationBar{
      background-color: #333333 !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: 'Open Sans', sans-serif;
}

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

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

/* SOCIAL MEDIA STYLING START */
.social-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  flex-wrap: nowrap; /* Ensures icons stay on a single line */
}

.social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #ffbd00;
  color: #000000; 
  font-size: 18px;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.social-icons a:hover {
  background-color: #14364D; /* Example hover color */
  color: #ffffff;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

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


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


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

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

  footer a {
    color: white !important;
  }


footer > a {
    color: white !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;
  }

  /*----------------------CAP Header------------------------------------------------------*/

  .headerLogoutLink {
    color: #202A44 !important;
    font-family: 'Open Sans', sans-serif;
  }

  .schoolName {
    color: #202A44 !important;
    font-family: 'Open Sans', sans-serif;
  }
  
   .loginInfo {
    color: #202A44 !important;
    font-family: 'Open Sans', sans-serif;
  }

  /*----------------------CLP Header------------------------------------------------------*/

  .clpHeaderLinkText.d-none.d-sm-inline {
    color: #202A44 !important;
    font-family: 'Open Sans', sans-serif;
  }

  #existingStudentDiv .card.card-body.sectionHeader {
    visibility: hidden !important;
    display: none !important;
  }

  #newStudentDiv .card.card-body.sectionHeader {
    visibility: hidden !important;
    display: none !important;
  }

    /*----------------------Instructor Portal------------------------------------------------------*/
  #instructorProfileAddressInfoContainer {
    visibility: hidden !important;
    display: none !important;
  }

      /*--------------------- Course Number ------------------------------------------------------*/
      #pageCourseProfile .courseCode {
        visibility: hidden !important;
        display: none !important;
      }

      #pageCourseProfile .nameAndCodeSeparator {
        visibility: hidden !important;
        display: none !important;
      }
          /*--------------------- Individual Checkout button ------------------------------------------------------*/
      /*------#familyCheckoutOptions #buttonRegularCheckout {
        visibility: hidden !important;
        display: none !important;
      }---*/

      /*----------Navbar icon mobile view ----------*/
      .navbar-toggler {
        background-color: #202A44 !important;
        border-color: #ffffff !important;
      }


      .navbar-toggler.m-2.collapsed {
        background-color: #202A44 !important;
        border-color: #ffffff !important;
      }

      .navbar-toggler-icon {
        background-color: #202A44 !important;
        border-color: #ffffff !important;
      }


       /*---------- Student Profile - marketing methods
       .radio.custom-control.custom-radio #onlyFollowingMethods {
        visibility: hidden !important;
        display: none !important;
       }

      #contactMethodOptions {
        visibility: hidden !important;
        display: none !important;
      }
        ----------*/

 /*--------------------- Student 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
}
  ------------------------------------------------------*/

  /*-----------Course Profile Section Availability - Request Information Hidden

  #courseProfileSections .alert.alert.alert-warning {
    visibility: hidden !important;
    display: none !important;
  }
-----------------*/

/* Fix for white text inside the header preview area */
.conferencePreviewHeader,
.conferencePreviewHeaderWrapper,
.form-text {
  color: #202A44 !important;
}

#confPreviewMenuDropdownLink {
  color: #202A44 !important;
}

/* Dropdown menu background */
#conferencePreviewHeaderMenu .dropdown-menu {
  background-color: #ffffff !important;
}

/* Dropdown item text color */
#conferencePreviewHeaderMenu .dropdown-menu .dropdown-item {
  color: #202A44 !important;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
}

/* Hover/focus styling */
#conferencePreviewHeaderMenu .dropdown-menu .dropdown-item:hover,
#conferencePreviewHeaderMenu .dropdown-menu .dropdown-item:focus {
  background-color: #f0f0f0 !important;
  color: #202A44 !important;
}

/*---------- Customizations by Dan Ervin, UWM ----------*/
/*	hide instructors button on Program area pages	*/
.programArea .buttons #buttonViewInstructors {
	display: none;
}

/*	force images on descriptions to maximum size of column	*/
#programAreaDescription img, #programStreamDescription img, #certificateOfficalDescription img, #courseProfileOfficialCourseDescription img {
	max-width: 100%;
}

/*	force YouTube iFrames on descriptions to maximum size of column	*/
#programAreaDescription iframe, #programStreamDescription iframe, #certificateOfficalDescription iframe, #courseProfileOfficialCourseDescription iframe {
	max-width: 100%;
}

/*------------ 2 columns on homepage ---*/
.colContainer {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	padding: 0;
}

.column {
	flex: 1;
	padding: 1rem 0;
}
.column:nth-child(2) {
	padding-left: 2rem;
}

@media (max-width: 768px) {
	.column {
		flex: auto;
		width: 100%;
		padding: 0;
	}
}

#pagePublicHome #contentModule5 {
	display: none;
}

/*---------- remove border on cards on conference login page -------*/
#pageConferenceLogin .card {
	border: 0;
}

/*------------make top left logo wider, was limited to 25% 
@media (min-width: 992px) {
	#schoolHeaderLogoWrapper {
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
		max-width: 33%;
	}
}-----------------------*/

/*---- limit size of empty block in top bar	-----*/
@media (min-width: 992px) {
	#header1ContentWrapper > div:nth-child(2){
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
}

/* ----- Add padding to bottom of descriptions to add spce between description and footer -----*/
#programAreaDescription, #programStreamDescription, #certProfile, #courseProfileWrapper {
	padding-bottom: 30px;
}

/* ---------------- responsive images in Program Area, Program Stream, certificate and course descriptions --*/
#programAreaDescription img, #programStreamDescription img, #certificateOfficalDescription img, courseDescriptionCollapsibleWrapper img {
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
	margin: 0px auto !important;
}

/*------------------- Hide course codes on course lists -------------------------------*/
#programAreaCourses .courseCode, #programAreaCourses .nameAndCodeSeparator, #programAreaCourses .sectionCode, #programStreamCourses .courseCode, #programStreamCourses .nameAndCodeSeparator, #programStreamCourses .sectionCode {
	display: none;
}

/*---------- Hide unused items on Student Portal account creation form ----------*/
#studentProfilePersonalInfoPanel #studentInfoSalutation {
	display: none;
}
#studentProfileEmployerInfoContainer .form-row:nth-child(n+2), #studentProfileEmployerInfoContainer legend {
	display: none;
}


/*---------- Hide unused items on Family Portal account creation form ----------*/
#studentProfileEducationBackgroundContainer p.form-text, #studentProfileEducationBackgroundContainer fieldset, #studentProfileEducationBackgroundContainer .form-row.buttons, #studentProfileEducationCredentialPanel {
	display: none;
}
#contactProfileBasicInformationContainer div.row div.col-lg-2 {
	display: none;
}

/*---------- hide social icons on course pages, and make email, reminder, course inquiry and print buttons bigger ----------*/
#pageHeaderActions .courseSocialMediaContainer, #pageHeaderActions .certSocialMediaContainer {
	display: none !important;
}
#courseProfileActions .glyphicon {
	font-size: 2.5rem;
}
/*---------- Hide Course No. field on Course Search page ----------*/
#courseSearchCourseNumber {
	display: none;
}

/*---------- Hide Tuition Profile Name, allowing fee to move left to align with the rest of the column ----------*/
.sectionTuitionProfiles table.sectionTuitionProfiles td.tuitionProfileName {
	display: none;
}

/*---------- Increse font size on shopping cart ----------*/
.cartContainer .form-row {
	font-size: 125%;
}

/*----------- change font color to black for footer social icons ----------*/
footer .social-icons a {
	color: black !important;
}

/*---------- Add padding to the main content area -----------*/
#mainContentWrapper {
	padding: 4em 0;
}

/*---------- per MarComm Cloud Service review, 11/10/2025 ----------*/
#schoolHeaderLogoWrapper { /* remove padding on school logo in upper left */
	padding-left: 0;
	padding-right: 0;
}
@media (min-width: 992px) { /* set logo width to 300px */
	#schoolHeaderLogoWrapper {
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}
	#header1ContentWrapper > div:nth-child(2) {
		-ms-flex: 0 0 11.666667%;
		flex: 0 0 11.666667%;
		max-width: 11.666667%;
	}
}
.navbar { /* Prevent menu-colapse button from shifting right when menu is active */
	justify-content: center;
}
.footer1 h5 { /* Headings - Use title case instead of all caps for: Contact Us, Site, Follow Us */
	text-transform: none;
}
#globalNavigationBar.navbar-light .navbar-toggler-icon {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#variableContentBlockPG0147::after, #variableContentBlockPG0148::after, #variableContentBlockPG0149::after, .footerConnect { 
	content: "";
	display: table;
	clear: both;
}
#footer1Wrapper { /* Fix footer display on mobile devices. Ensure that all footer content is visible. */
	height: auto;
	min-height:150px;
}
.global-footer-social .social-icons a { /* Present social icons on the #333333 background and add padding between them and the bottom of the page. */
	padding-right: 15px;
	padding-left: 15px;
}
#socialMedia {
	padding-bottom: 30px;
}
.global-footer-social .social-icons a:hover { /* Social media icons - Blue hover/focus background color does not have enough contrast against gray footer background. Use #ffd14c instead. */
	background-color: #ffd14c;
}
.cc-bottom .cc-btn.cc-allow { /* Cookies notice - Set background of “Accept” button to #ffbd00. */
	background-color: #ffbd00;
}
.cc-window .cc-compliance .cc-btn:hover, .cc-window .cc-compliance .cc-btn:focus {
  background-color: #ffd14c;
}
@media screen and (max-width: 768px) {
	#contentModule1 { /* Add padding on mobile devices so content doesn't touch the sides of the screen */
		padding-left: 30px;
		padding-right: 30px;
	}
}

/*----------11/22/2025 - per Rob Bodart----------*/
.certificateStreamItem .certificateStreamItemHeader .courseCode {/* Remove course code from Course listing on Certificate Pages */
	display: none;
}
#courseSearchCategory {/* Remove course type from course search form*/
	display: none;
}
.buttons #buttonSearch {/* make course search button same color blue as credntials search*/
	background-color: #007bff;
}
.buttons #buttonSearch:hover {/* make course search button same color blue as credntials search*/
	background-color: ##0069d9;
	border-color: #0062cc;
}
#programStreamTree { /* Can the "Program Area or Subject" box/window be mad longer so you see more results for program areas and program streams without having to scroll? */
	height: 300px;
}
#programAreasAccordion .table-striped tbody tr:nth-of-type(2n+1) {/* Can programs stream row backgrounds always be white (not alternating gray/white). */
	background-color: white;
}
#programAreasAccordion .table-striped tr td.programStream { /* Can the program stream row labels indent when a program area is expanded.*/
	padding-left: 4em;
}
#programAreasAccordion .card-title .row div:nth-child(2) { /* hide + at end of Program Areas to hide the accordion list for Program Areas */
display: none;
}

#courseProfileOfficialCourseDescription h3 { /* Adjust size of course title in course profile page */
	font-size: 1.25rem;
}
#certificateBundlesContainer .certBundleInfo #bundleEnrollmentDeadlineLabel_0, #certificateBundlesContainer .certBundleInfo #bundleEnrollmentDeadline_0 { /* Can "Deadline to Start Last Course" label and field be hidden? */
	display: none;
}
div:has(span#studentPersonnalNumber) } /* Can personnel number label and field be hidden? (in receipts) */
	display: none;
}

/*----------- Temporarily hide items during "Soft Launch": Main navigation menu(#globalNavigationBar or #mainNavBarCollapsable ), shopping cart icon, Sites block in footer, social icons ----------
#globalNavigationBar, #mainNavBarCollapsable, #cartInfo, #footerSiteMap, #footerConnect {
	display: none;
} */