/** Override CSS styles **/

#header {
  /** Change header style **/
}

#hypersocketLogo {
  /** Adjust styling for logo **/
}

/**#footer { 
   Change footer styler 
 
}
**/
/* 
  footer.navbar-inverse {
  background: none !important;   
  border: none !important;       
  box-shadow: none !important;   
  color: inherit !important;     
}
*/


:root {
  --bcfont-fam: fort,sans-serif;
}
  
body {
  font-size: 15px;
}
body, .bubble_title, .center.alert.alert-success, h1,   .bubble_text, h2  {
 
  font-family: var(--bcfont-fam)!important;
}
  h2 {
    font-size:1.8rem;
  }

  #applicationMenu {
    /* top:42%; */
  }

/*portal banner front page */
  
  #portalPageMessageContainerTop {
    max-width: 800px;
    margin: 0 auto;
    padding-bottom:2em;
    
  }
  #portalPageMessageContainerTop h1 {
    font-size: 26px;
    line-height: 1.3;
	
  }
  
    #portalPageMessageContainerTop h2 {
      font-family: var(--bcfont-fam) !important;
  /*  font-size: 24px;
    font-size: 1.75rem;*/
      padding-bottom: 1.25em;
  }
  
  #portalPageMessageContainerTop .portalPageMessage {
    
    font-family: var(--bcfont-fam) !important;
    font-size: 18px;
      font-weight: 400!important;
  }

 #portalPageMessageContainerTop p:first-of-type {
  padding-bottom:1em;
   line-height:1.3;
 }
  #portalPageMessageContainerTop p {
    line-height:1.2;
  }
 #portalPageMessageContainerTop p:nth-of-type(2),
    #portalPageMessageContainerTop p:nth-of-type(3),
    #portalPageMessageContainerTop p:nth-of-type(4){
   /*line-height: 1.2;*/
 }
 
 /*  buttons colors
.btn-primary {
background-color: #383838!important;
}
 .btn-primary:hover {
background-color: #2869AF!important;
}
  */
.bubble_text {
   font-size:16px; 
  }
  /* 
  footer.navbar-inverse {
  background: none !important;   
  border: none !important;       
  box-shadow: none !important;   
  color: inherit !important;     

}
*/

/*footer */
footer.navbar-inverse {
 background: #D8D7D6 !important; 
}

#copyright{
display: none;
}

/* Header Baruch Branding */
.navbar-brand::after {
  content: "Baruch Account Self-Service";
  color: white;
  font-size: 18px;
  padding-top: 7px;           
  padding-left: 15px;
  vertical-align: middle;
  display: inline-block;
  font-family: var(--bcfont-fam)!important;
  /* the separating line */
  border-left: 1px solid #fff;   
}


/* login header */
.brand-bootstrap-header .logonFormContainer h4 {
  display:none;
}
.brand-bootstrap-header .logonFormContainer::before {
  content: "Manage your Baruch Account";
  display:block;
 	margin-top: 0;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
	font-size: 1.5rem;
    text-align: center!important;
    font-family: var(--bcfont-fam)!important;

}
 
/* Message above the buttons */
/*#buttons::before {
  content: "Manage your Baruch account easily.\A\
Reset your password, manage your Baruch account, and update your security settings.\A\
Multi-Factor Authentication (MFA) will be required. Click on My Account below to setup MFA.\A\A\
";

  display: block;
  margin: 0px auto 30px auto;         
  max-width: 800px;


  color: #2869AF ;
  font-family: var(--bcfont-fam)!important;
  font-size: 16px;
  line-height: 1.6;
  white-space: pre-line;
    text-align:center!important;
     
}


#buttons::before:first-line {
  font-weight: 700!important;
  font-size: 1.1em;
}


#buttons::before:first-line {
  font-weight: 700;
  font-size: 1.125em;
  letter-spacing: .2px;
}
  */
/* Alert notifications */
.center.alert.alert-success {
  background-color: #E65F24!important;
  color: #F7F4EB !important;
}
p.center.alert.alert-success {
  font-weight: 500!important;
  font-size: 14px;
}
.alert.alert-info {
  background-color: rgba(163, 201, 255, 0.5);
}

/* Change/Reset/OTP menu buttons */
.large-button{
    color: #011D49;  
  }
  
.subMenuLarge a.large-button.subMenu.large-button-active:hover {
 background-color: #e3e3e3;
}
.subMenuLarge a.large-button.subMenu.large-button-active {
  color: #E65F24 !important;
}

.subMenuLarge a.large-button.subMenu.large-button-active i {
  color: currentColor !important;
}


/*Moblie homepage buttons*/
@media (max-width: 600px) {
  #buttons::before {
    font-size: 15px;
    margin: 20px auto 10px auto;
  }
  #buttons::after {
    margin: 10px auto 18px auto;
  }
}

/* text after buttons */
#buttons::after {
  content: "Use of your Baruch and/or CUNY accounts is governed by The CUNY Policy on Acceptable Use of Digital Assets and Resources and signifies acknowledgment and agreement to comply with its terms.";
  display: block; 
  margin: 0 auto;        
  max-width: 1080px;
    font-style:italic;	
  font-family: var(--bcfont-fam)!important;
  font-size: 18px;
  line-height: 1.25;
  white-space: pre-line;
  text-align: center;   
    padding-top:40px;
}


/* mobile Header Baruch Branding */
@media (max-width:768px) {
  .navbar-brand::after {
  content: "Baruch Account Self-Service";         
  padding-left: 12px;             /* breathing room inside */
  vertical-align: middle;
  /* the separating line */
  border-left: none;
    display:block!important;
    
  }
}

@media (min-width: 300px) {
    a.navbar-brand.d-none.d-md-inline {
        display: inline !important;
    }
}
  
  @media (max-width:640px) {
    /*matching app breakpoint*/  
  
    h2, p {
      line-height:1.1;
    }
  }

  @media (max-width:414px) {
    /*matching app breakpoint*/
    #applicationMenu {
    display: block;
    /* margin-top: 10px;*/
    margin-bottom: 15px;
    padding: 100px 10px 10px 10px;
    font-size: 1rem;
    text-align: center;
    word-wrap: break-word;
    }
 }