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

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

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



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

.afCheckBoxItem {
    width: 100%;
}

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

.guideContainerNode .red {
    color: #E21121;
}

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

@media only screen and (min-width : 200px) {}

@media only screen and (min-width : 320px) {}

@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;
    }
}

@media only screen and (min-width : 769px) {}

@media only screen and (min-width : 1200px) {}

@media only screen and (min-width : 1600px) {}


/* IEMA Custom CSS */


.header-navigation {
    background-color:#212d66;
} 

cmp-header-navigation {
    background-color: #5a7791;
}


.cmp-agency-footer{
    background-color: #5a7791;
}
.cmp-global-footer {
    background-color: #2b2b2b;
}

/*button color*/
.button .cmp-button {
    background: #df1e2f;
	color: #ffffff;
}

/* dark button color*/
.button .cmp-button-dark {
    background: #212d66;
	color: #ffffff;
}

/*button hover color*/
.button .cmp-button:hover {
    background: #212d66;
    color: #ffffff;
}

/*image cardv2 "dark text"*/
.cmp-image-card__text .cmp-image-card__text-title {
    color: #000000;
}

/*round icon card "dark text"*/
.round-icon-card .cmp-round-icon-card__text {
    color: #000000;
}

.red,
.red p {
  color: #CC0000;
}

.title .cmp-title__text {
	color: #000000;
}


.embed {
	padding: 10px;
}

.round-icon-black span.cmp-round-icon-card__font-icon {
	color: black !important;
}

.round-icon-card-iema-homepage .cmp-round-icon-card--img-iemahomepage img {
    width: 35%;
}

.title-background {
	background-color:#d0d9e2;
	padding: 8px;
}


.cmp-agency-header__logo {
    height: 5rem;
}

.container-background {
	background-color: #5a7791;
}

.update-cards .cmp-image-card__cta {
	display: none;
}

.update-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

.update-cards .cmp-image-card {
	border: 1px solid #e6e6e6;
	padding: 10px;
}

.update-cards .cmp-image-card__image {
	height: 165px;
}

.update-cards .cmp-image-card__text p {
	font-size: 16px !important;
	text-align: left;
	line-height: 1.5rem;
}

.update-cards .cmp-image-card__text {
	padding-top: 7px;
}

.update-cards .cmp-image-card__body {
	padding: 0;
}

.dark-icon-card {
	background: #212d66;
}

.light-icon-card {
	background: #5a7791;
}

.text-highlight {
    color: #CC0000;
}