/* Add visible hover to footer link */
.site-footer a:hover {
	text-decoration: underline;
}

/* Add visible hover to footer link */
.alert-contact-email {
	background: none; 
	border: none;
	padding: 0;
	cursor: pointer !important;
}







/* If the screen size is 769px wide or more, set the font-size of <div> to 38px */
@media screen and (min-width: 769px) {
  h1 {
    font-size: 38px !important;
  }
	#unpw-box, #federated-partners {
    display: initial !important;
  }   
	#piv-box {
    display: inherit !important;
  } 
}

/* If the screen size is 768px wide or less, set the font-size of <div> to 21px */
@media screen and (max-width: 768px) {
  h1 {
    font-size: 21px !important;
  }
	 /* 
  #piv-box, */ 
	#unpw-box, #federated-partners, #federated-partners-mobile {
    display: none;
  }  
}

/* Section navigation only visible in mobile view */
.max-primary-btn {
	background-color: #317ab9;
	color: #FFFFFF !important;
	margin-bottom: 10px;
	text-decoration: none;
	padding: 6px !important;
  	white-space: normal;
}

.max-btn-group-spacer {
	margin-bottom: 10px;
}

hr.mobile {
  	border-top: 1px dashed #eac408;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Style the active class (and buttons on mouse-over) */
.active {
  background-color: #21527d;
  color: white;
}
.btn:hover {
  background-color: #21527d;
  color: white;
}
.btn-center {
	border-left: 1px solid #61a0d5;
	border-right: 1px solid #61a0d5;
}


/* Reduce spacing in top banners */
.login-banner div:first-child {
	padding: 2px 0 1px 0 !important;
}
h4.card-title {
    margin: 10px 0 !important;
}
#banners p {
    margin: 0 0 10px 0 !important;
}






/* Style the text inside alert panel */
#myalerts .icon, .center {
  text-align: center !important;
}
@media screen and (max-width: 768px) {
  .alert-text p {
	text-align: left !important;
	 
	} 
}
@media screen and (min-width: 769px) {
  .alert-text p {
	text-align: center !important;
	 font-size: 14px;
	} 
}



@media screen and (max-width: 768px) {
  .alerts-contact {
	text-align: left !important;
	  font-size: 13px;
  line-height: 1.5;
	} 
}

@media screen and (min-width: 769px) {
  .alerts-contact {
	text-align: center !important;
	font-size: 14px;
	} 
}



/* Disable links inside alert panel */
#myalerts .alert-text {
  cursor: default;
  text-decoration: none;
  color: #292929;
}

/* Add a background color to the alert section */
.alerts {
  background-color: #fcf8e3;
  overflow: hidden; 
	
}

/* Style the text inside the alert section */
.alerts a {
  float: center;
  display: block;
  color: #112a40;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

/* Change the color of links on hover inside the alert section */
.alerts a:hover {
  background-color: #fcf8e3; /* #fadf5e; */
  color: #000000;
}

/* Add an active class to highlight the current page */
.alerts a.active-alert {
  	background-color: #fcf8e3;
	display: none;
}

/* Toggle spacing at the top of the alerts content section */
@media screen and (min-width: 769px) {
  .alerts-spacer {
	margin-top: -10px;
	}
}
@media screen and (max-width: 768px) {
  .alerts-spacer {
	margin-top: 20px;
	} 
}


/* Hide the link that should open and close the alerts on small screens */
.alerts a.alert-title {
  	display: none;
}





/* HAdd hover to alert button on small screens  --------------------*/
@media screen and (max-width: 768px) {
.alerts.responsive a.alert-title a:hover  {

  background-color: #fadf5e; 
  color: #000000;
}
}




/* When the screen is less than 600 pixels wide, hide alert. Show the link that opens and close the alerts section (.alert-title) */
@media screen and (max-width: 768px) {
  .alerts a:not(:first-child) {display: none;}
  .alerts a.alert-title {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the alerts with JavaScript when the user clicks on the alert ti. This class makes the alerts look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 768px) {
  .alerts.responsive {position: relative;}
  .alerts.responsive a.alert-title {
    position: absolute;
    right: 0;
    top: 0;
  }
  .alerts.responsive a {
    float: none;
    display: block;
    text-align: center;
	  
  }
}


/* Styling in information panel */
.instructions {
  color: #000000;
  text-align: center;
  padding: 6px 10px 0 10px;
  text-decoration: none;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 15px;
  line-height: 1.2;
}
	
@media screen and (max-width: 768px) {
.instructions {
  color: #000000;
  padding: 6px 5px 0 5px;
  font-size: 13px;
	text-align: center !important;
	}
}






/* Add scrolling to partners mobile view list */
#federated-partners-mobile ul {
	height:160px; 
	width:100%;
}
#federated-partners-mobile ul {
	overflow:hidden; 
	overflow-y:scroll;
}

/* Add scrolling to partners mobile view list */
@media screen and (max-width: 768px) {
.scroll-fed {
	height:185px; 
	width:100%;
	overflow:hidden; 
	overflow-y:scroll;
}
	
	
/* partners mobile */
@media screen and (max-width: 300px) {
.row-federated h4 {
	min-height: 300px !important; 
}	
	}
/*	*/