@import url("https://www.illinois.gov/content/dam/soi/en/web/global/resources/css/animate.css");

/* Agency Logo Sizing */
.cmp-agency-header__logo {
    height: 4.5rem;
    width: auto;
}

.cmp-agency-footer__links-wrapper {
	margin-top: 0rem;
}

/* Quick Fix back-to-top in footer not taking in proper class to make text dark */
.cmp-agency-footer .cmp-back-to-top button, .cmp-agency-footer .cmp-back-to-top__text {
	color: #005180 !important;
}

/******************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; 
}

/************************Rounding Cards*************************/
/* Round corners of cards */
.round-cards .cmp-icon-card, .round-cards .cmp-image-card {
	border-radius: 16px;
}
/* Mobile */
.round-cards .cmp-image-card__image.cmp-image-card__image--mobile {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}

/* Bottom right hover effect for Icon/Image Cards */
.card-hover-dark-shadow-bottom-right .cmp-icon-card:hover, .card-hover-dark-shadow-bottom-right .cmp-image-card:hover{
 background: #000e147a;
 box-shadow: 5px 4px 9px 3px rgb(0 0 0 / 84%);
    transition: 0.3s;}
.card-hover-white-shadow-bottom-right .cmp-icon-card:hover, .card-hover-white-shadow-bottom-right .cmp-image-card:hover {
   background: #ffffff;
box-shadow: 5px 4px 9px 3px rgba(228, 227, 227, 0.84);
    transition: 0.3s;}
.card-hover-dark-shadow-bottom-right .cmp-icon-card, .card-hover-dark-shadow-bottom-right .cmp-image-card {
 background: #000e147a;
 box-shadow: 5px 4px 9px 3px rgb(0 0 0 / 0%);
    transition: 0.3s;}
.card-hover-white-shadow-bottom-right .cmp-icon-card, .card-hover-white-shadow-bottom-right .cmp-image-card {
 background: #ffffff7a;
 box-shadow: 5px 4px 9px 3px rgb(0 0 0 / 0%);
    transition: 0.3s;}

/* 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 {
   background: #000e147a;
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 {
   background: #ffffff;
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 {
 background: #000e147a;
 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 {
 background: #ffffff7a;
 box-shadow: 0px 0px 9px 3px rgb(0 0 0 / 0%);
    transition: 0.3s;}

.cmp-image-card__image {
    height: 15rem;
}

/*******************Text Related Theming*************************/

 /*****************H1 Title Font Size*************/
 .enlarged-h1 h1{    
    font-weight: bold;
    }   


/*****************H1 Title Border Design*************/
.border-outline {
    margin-top: 10px !important;
    border: solid;
    border-color: rgba(209,17,65, 0.7);
    padding: 70px;
    border-width: 10px;    
}
	
@media only screen and (max-width : 768px) {
	.border-outline {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*******************H2 Section Design Blue*************/
.section-header-blue{
     padding: 20px;
      background: #002E62;
}


/****************Font Color Blue*************/
.text-color-blue p, .text-color-blue a, .text-color-blue h1{
    color: #002E62 !important;
}

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


/* Removes width restraints on text components */
.cmp-text {
    max-width: 100%;
}

/* Centers Text in Container */
.text-center {
    text-align: center !important;
}

/* Set attributes for color bar above H1 title text */
.title .cmp-title h1::before {
    width: 5.9375rem;
    content: " ";
    height: .375rem;
    position: absolute;
    top: 0;
    left: 0;
}

/* Set color of bar above H1 Title here */
.title h1::before {
    background-color: #003E62;
    /* Uncomment the code below to remove the bar above the h1 title */
    /*display: none;*/
}


/* Set Global Footer Color */
.cmp-global-footer {
    background: #002E62;
}

/* Set color of border for event date icon */
.cmp-news-feed__event-date {
    border: 1px solid #002E62;
}

/* Set color of background for month portion of event date icon */
.cmp-news-feed__event-date__month {
    background: #002E62;
}

/* Set color of background for year portion of event date icon */
.cmp-news-feed__event-date__year {
    background: #002E62;
}

.guideContainerNode .mobileLayout {
    display: none !important;
}

.afCheckBoxItem {
    width: 100%;
}

.guideWidgetLabel.right label,
.guideWidgetLabel.left label {
    line-height: 24px;
}

.guideContainerNode .red {
    color: #002E62;
}

.guideContainerNode .bold {
    font-weight: bold;
}

@media only screen and (max-width : 768px) {
    .afToolbarButton .guidebutton button .iconButton-icon {
        display: none!important;
    }
    .afToolbarButton .guidebutton button .iconButton-label {
        display: block!important;
    }
    .afToolbarButton .guidebutton button.submit {
        margin-right: 0!important;
    }

    .section-header-blue{
            margin: -10px;
    }

}

@media only screen and (max-width: 1100px){
    .enlarged-h1 h1{    
    font-size: 3rem !important;
    }   
}

@media only screen and (min-width: 1101px){
    .enlarged-h1 h1{    
    font-size: 5rem !important;
    }   
}
/******** Resources Page ********/
@media only screen and (max-width : 768px) {
	.center-mobile-teaser .cmp-teaser .cmp-teaser__content {
		justify-items: center;
	}
	.center-mobile-teaser .cmp-image__mobile {
		border-radius: 16px;
	}
}
.center-mobile-teaser .cmp-image {
	border-radius: 16px;
}