/* Make text go full width of text component; used when improper template was used to create page and causing text to not fill component */

.cmp-text {
    max-width: initial;
}

/* Round these icon cards for ISM */
.cmp-icon-card {
    border-radius: 10px;
}

/* Round tops of "title" cards */
#round-title-top.cmp-container {
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

/* Round bottoms of "text" cards */
#round-text-bottom.cmp-container {
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}

/* Go ahead and just round everything on buttons, containers, or images*/
#round-all.cmp-button, #round-all.cmp-container, #round-all.cmp-image__image {
    border-radius: 10px;
}

.icon-card .cmp-icon-card {
    padding: 0;
    padding-bottom: 15px!important;
}

.agencyfooter .cmp-agency-footer {
    background-color: #7e3d9b!important;
}

.remove-word-break a { 
    word-break: break-word !important;
}

/* Temporarily hiding LHN Upcoming Events Feed from public view due to server/time issue when Event Start Time >= 6:00pm. ServiceNow Incident: INC0526088 */
.upcomingevents {
    display: none !important;
}
/* But we need to also expand the container left behind, or it truncates... */
.upcomingevents + div {
   width: 100% !important;
}

/* Alerts */
#callout-gray
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	padding: 10px;
	color: #000;
	border: 1px solid #a5a5a5;
	background-color: #f2f2f2;
}
#alert-success

{
	padding: 15px;
	margin-bottom: 20px;
	border-left: 5px #2e8540 solid; 
	background-color: #e7f4e4; 
}
#alert-info
{
	padding: 15px;
	margin-bottom: 20px;
	background-color: #E1F3F8;
}
#alert-warning
{
	padding: 15px;
	margin-bottom: 20px;
	background-color: #FFF1D2;
}
#alert_danger
{
	padding: 15px;
	margin-bottom: 20px;
	background-color: #F9DEDE;
}





/******************Weglot***********************************/

/*Restrict form width to remain within parent container 
 form set to cover full width of pg. (used for translation purposes)*/
.guideContainerNode {
    max-width: 100%;
}

/*WeGlot Keyboard Focus*/
.wg-drop.wg-mouse-click>div:focus 
{ 
    outline: 3px solid #1CA6DF; 
}

/**********************************************************/


@media screen and (min-width: 800px) {
	#alert-success {
		border-left: 5px #2e8540 solid; 
	}
	#alert-info {
		border-left: 5px #02BFE7 solid; 
	}
	#alert-warning {
		border-left: 5px #FDB81E solid; 
	}
	#alert_danger {
			border-left: 5px #E31C3D solid; 
	}
}