/******* GLOBAL *******/
/* Import global file for some basic animations */
@import url("https://www.illinois.gov/content/dam/soi/en/web/global/resources/css/animate.css");

.cmp-text {
	max-width: 100% !important;
}

/*Restrict form set to full-width to be contained within bounds of parent container*/
.guideContainerNode {
     max-width: 100%;
}

/******* GOV *******/
/*Round corners of exec cards*/
.exec-card {
	border-radius: 8px;
	border-style: solid;
	border-color: #FFFFFF;
}

/*set hover actions of exec cards*/
.exec-card:hover {
	background-color: #FFFFFF !important;
	transition: 0.5s;
	border-style: solid;
    border-color: #003366;
}

.exec-card:hover .cmp-icon-card__title {
	color: #003366 !important;
	transition: 0.3s;
}

.exec-card:hover .cmp-icon-card__font-icon {
	color: #003366 !important;
	transition: 0.3s;
}

/*set focus actions of exec cards*/
.exec-card:focus {
	background-color: #FFFFFF !important;
	transition: 0.3s;
}

.exec-card:focus .cmp-icon-card__title {
	color: #003366 !important;
	transition: 0.3s;
}

.exec-card:focus .cmp-icon-card__font-icon {
	color: #003366 !important;
	transition: 0.3s;
}

/*Set agency footer color*/
.cmp-agency-footer {
    background-color: #003366;
}

/*set global header & footer color*/
.cmp-global-header {
	background-color: #002447
}

.cmp-global-footer {
	background-color: #002447
}

/* Fix word-break behavior in data table */
.remove-word-break a { 
	word-break: break-word !important; 
}

/******* Office of New Americans *******/
/* Align Teaser image on left with text a little better */
.teaser-left-33-66 .teaser .cmp-teaser__image {
	max-width: 300px;
}
.teaser-left-33-66 .teaser .cmp-teaser__content {
	width:-webkit-fill-available;
}
/* Round corners of cards */
.round-cards .cmp-icon-card, .round-cards .cmp-image-card {
	border-radius: 16px;
}
/* Glow hover effect for Icon/Image Cards */
.card-hover-dark-shadow-glow .cmp-icon-card:hover, .card-hover-dark-shadow-glow .cmp-image-card:hover {
box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.84);
    transition: 0.3s;}
.card-hover-white-shadow-glow .cmp-icon-card:hover, .card-hover-white-shadow-glow .cmp-image-card:hover {
box-shadow: 0px 0px 9px 3px rgba(228, 227, 227, 0.84);
    transition: 0.3s;}
.card-hover-dark-shadow-glow .cmp-icon-card, .card-hover-dark-shadow-glow .cmp-image-card {
 box-shadow: 0px 0px 9px 3px rgb(0 0 0 / 0%);
    transition: 0.3s;}
.card-hover-white-shadow-glow .cmp-icon-card, .card-hover-white-shadow-glow .cmp-image-card {
 box-shadow: 0px 0px 9px 3px rgb(0 0 0 / 0%);
    transition: 0.3s;}
