/* --------------- IPA CUSTOM CSS FILE -------------------- */


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

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

/* ******************BACKGROUNDS ON FACT SHEET TEMPLATES************** */



/* Fix word-break issue in tables to break on word */
.remove-word-break a {
    word-break: break-word !important;
}

#ipa-search-box {
    
}
.cmp-news-feed__event-date {
    background-color: white;
}

#ipa-header ul li span a {
    color: white;
}

h1#main {
    text-shadow: 1px 1px 2px #000000;
}

#hero-title-text h1::before {
    content: none;
}

.home-page-card p {
    font-weight: normal;
}

.hero-carousel-container {
    height: 450px;
}


.fillBlue {
    background-color: #022079 !important;
}

.fillRed {
    background-color: red !important;	
}

.fillGreen {
    background-color: greenyellow !important
}

.fillYellowGold {
    background-color: #FFCE00 !important;
}

.fillCream {
    background-color: #FFF9E1 !important;
}

.roundedCorners{
	border-radius: 40px;
}

/* On screens that are 768px or less */
@media screen and (max-width: 768px) {
    .hero-carousel-container {
        height: auto;
    }
}

@media (min-width: 769px)
{
    .cmp-news-feed ul li p:first-child a {
        -webkit-line-clamp: 3;
    }
}

.emphasis-IPA-transparent .cmp-icon-card{
    display: block!important;
    background-color: #E0EDF6;
    text-align: left!important;
    padding: 0;
    font-weight: initial;
}

/* For IPA Header "Button" and must be first child link */
@media only screen and (max-width : 768px) {

	.cmp-header-navigation__group--mobile-only .cmp-header-navigation__item:first-child {
		display: flex !important;
		width:-webkit-fill-available !important;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		align-content: space-around;
		margin: 15px 90px 15px 90px;
		padding: 0px !important;
	}
}

/* Home page "button" in header (must be first child) */
@media only screen and (max-width : 768px) {
	.cmp-header-navigation__group--mobile-only .cmp-header-navigation__item:first-child {
		display: flex !important;
		width:-webkit-fill-available !important;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		align-content: space-around;
		margin: 15px 60px 15px 60px;
	}
}
.cmp-agency-header__links-desktop__item--link, .cmp-header-navigation__group--mobile-only .cmp-header-navigation__item:first-child {
	color: #000000;
	font-weight: bold;
	padding: 5px 15px 5px 15px;
	background: linear-gradient(#FFDE71, #FFCA2D) padding-box, linear-gradient(to right, #FFDE71, #001DA8) border-box;
	border-radius: 50px;
	border: 5px solid transparent;
}
.cmp-agency-header__links-desktop a, .cmp-header-navigation__group--mobile-only .cmp-header-navigation__item:first-child a {
	color: #001DA8 !important;
	font-weight: bold;
}
.cmp-agency-header__links-desktop__item--link:hover, .cmp-header-navigation__group--mobile-only .cmp-header-navigation__item:first-child:hover {
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	transform: scale(1.05);
	text-decoration: none;
}