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

/* Language bar
   Default Position on definitionsConfig.jsp: Header0
   Corresponding jsp file - languageBar.jsp */

   
#header1Container {
  flex-wrap: nowrap;  
  background-color: #282f45; 
    max-width: 100% !important;
    padding: 0 20px !important;
    color: #ffffff !important;
 }  /* Middle of the languagebar.jsp ((logo, cart, login))*/

 #header1Container > *:first-child {
    margin-left: 40px !important;   /* adjust as needed */
}
#header1Wrapper{
  background-color: #282f45;
  color: #FFFFFF !important;
 } /* sides of languagebar.jsp ((logo, cart, login))*/

 #cartInfo {
  float: right !important;
  display: inline-block;
}

/* Login dropdown */
#loginDropdownMenuLink {
    color: #FFFFFF !important;
    font-size: 1rem;
    margin-right: 40px; /* additional spacing from logo if needed */
}

  #loginDropdownMenuLink {
    float: right !important;
    color: #FFFFFF !important; /*Login link color*/
    font-size: 1rem;
  }

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

#header2Container,
#header2Wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;  /* pushes cart to far right */
    width: 100%;
}
#header2Container #cartWrapper {
    margin-left: auto !important;
}
/* Cart properties */
.glyphicon-shopping-cart {
     color: #FFFFFF; 
}

/* Cart counter properties */
#cartCount {
    background-color: #f78b1e; 
    margin-right: 4px
}





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

/*-------------------------Global nav, globalNavigationEmbeddable.jsp ------------------------------*/ 

#header3Container, #header3wrapper {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;   /* or flex with stretch */
    justify-content: flex-start !important; /* stops centering */
    padding: 0 !important;
    margin: 0 !important;
}
#globalNavigationBar{
      background-color: #500000 !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 {
    display: flex !important;
    color: #FFFFFF !important;
    font-family: 'Open Sans', sans-serif;  
    flex-direction: row !important;
    align-items: center !important;
    padding: 0 20px !important;
}

/* Your custom ordering */
.navbar-nav > .nav-item:nth-child(3) { order: 1 !important; }
.navbar-nav > .nav-item:nth-child(1) { order: 2 !important; }
.navbar-nav > .nav-item:nth-child(2) { order: 3 !important; }
.navbar-nav > .nav-item:nth-child(4) { order: 4 !important; }

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

/*----------------------Footer, bottomNavigation.jsp------------------------------------------------------*/
     
/* Make footer full width */
footer, #footer1Wrapper, #footer2Wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    white-space: nowrap !important;
}

/* Container inside footer */
footer .container {
    background-color: #500000 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 100px !important;  /* adjust as needed */
    padding-right: 100px !important;
}

/* Align footer content to the left */
footer .footer-row,{
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
}


footer .row > [class*="col"] {
    padding-left: 10 !important;
    padding-right: 10 !important;
}

/* Footer2Sub2 center */
#footer2Sub2 {
    background-color: #FFFFFF !important; 
    

}

#footer1Wrapper .container {
    max-width: 100% !important;
}

/* Footer2Sub2 full length */
#footer2Wrapper {
    background-color: #FFFFFF !important;
    
}

/* Footer 2 */
#footer2Wrapper .container {
    background-color: #FFFFFF; 
}






  

  /*--------------------------------Buttons--------------------------------------------------*/
#buttonSearch{
  background-color: #500000 !important; 
  border-color: #500000 !important;
}

#buttonSearch:hover{
background-color: #500000 !important;
border-color: #500000 !important;
}

#buttonContinueCheckoutExisting{
  background-color: #500000 !important; 
  border-color: #500000 !important;
}

#buttonContinueCheckoutExisting:hover{
  background-color: #500000 !important;
  border-color: #500000 !important;
  }

#buttonContinueCheckout{
  background-color: #500000 !important; 
  border-color: #500000 !important;
}

#buttonContinueCheckout:hover{
  background-color: #064F6B !important;
  border-color: #064F6B !important;
  }

#buttonSubmitInstructorLogin{
  background-color: #500000 !important; 
  border-color: #500000 !important;
}

#buttonSubmitInstructorLogin:hover{
  background-color: #500000 !important;
  border-color: #500000 !important;
  }

#buttonContinueExistingUser{
  background-color: #500000 !important; 
  border-color: #500000 !important;
}

#buttonContinueExistingUser:hover{
  background-color: #500000 !important;
  border-color: #500000 !important;
  }

#buttonContinueNewUser{
  background-color: #500000 !important; 
  border-color: #500000 !important;
}

#buttonContinueNewUser:hover{
  background-color: #500000 !important;
  border-color: #500000 !important;
  }

#buttonViewInstructors{
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}