@charset "UTF-8";
/* Overwrite css for items we can't wait for Valtech to update. We will place a ticket to have this as global changes when we have tested it is not affecting the experience in none intended places*/


/*added a 1% padding to two column layouts when the screen has min-width of 80em ( mostly Laptops ) The origial Valtech Media querie has no padding for this size but I believe it was an oversight because other layouts have it
I added a small amount of padding to try avoid issues*/
@media screen and (min-width: 80em){
    div.two-col{
padding: 0 2% ;
    }
} 
/*added to addres the large top margin of the video component*/
section.video-with-title-and-cta {
	margin-top: 0.5rem
}
.rtf h5.h-noBottomMarg, .rtf h4.h-noBottomMarg{
	    margin-bottom: auto;
}

.rtf h5.h-noBottomMarg{
	font-size: 1.75rem;
} 

.highlightMsg{padding: .75em; background-color: #faf4ca; border-radius: 45px;}

/*adds a style of button to the hyperlink inside component
*/
.content-text__columns a.content-text__submore {
    padding: .5em;
    border: solid 2px #013897;
    border-radius: 6.25rem;
    color: #013897;
    margin-top: 1em;
    display: block;
    text-align:center
}


.content-text__columns a.content-text__submore svg.icon.icon--arrow-right-short {
    position: initial;
}

/* makes quote italic and fixes the weird wrap of text */
.quote blockquote p{ 
font-style: italic;}

/* Reduces size of text, line height, weight and margin for the quote component on Desktop only */

@media screen and (min-width: 64em) {
    .quote blockquote p {
        font-size: 2rem;
        line-height: 2.50rem;
		margin: 2.25rem auto;
		font-weight: normal;

	
    }
}

/* Reduces margin for the quote component on Desktop only */

@media screen and (min-width: 64em) {
    .quote {
        margin: 2.25rem auto;
        padding: 2.25rem 2.25rem 3.125rem 3.125rem
    }
}

/* fixes the issue with image with caption component not centering*/

.u-content .image-with-caption {
    margin-left: auto;
    margin-right: auto;
}

/* makes title copy on feature component smaller for desktop */

@media screen and (min-width: 64em) {
    .feature__title {
        font-size: 2.2rem;
        line-height: 2.5rem;
    }
}


/* makes description copy on feature component smaller for desktop */

@media screen and (min-width: 64em) {
    .feature__description {
        font-size: 1.425rem;
        line-height: 2.2rem;
        margin-bottom: 3rem
    }
}

@media screen and (min-width: 64em) {
    .generic-form {
        margin: 1rem auto;
        padding: 3.125rem 0 2.5rem
    }
}

/* this reduces top and bottom padding for CTA set with image */
@media screen and (min-width: 64em) {
    .cta--full .cta__inner {
        padding: 3.25rem 0 3.25rem 5.625rem;
    }
}


@media screen and (min-width: 80em) {
    .full-width-image-ctas .content {
        left: 50%;
        max-width: 37.5rem;
        top: 11rem;
    }
}

/* Fixes article rotator not centering */
@media screen and (min-width: 106.25em) {
    div.article-rotator-grid {
        width: 100%;
    }

    div.article-rotator-grid .slick-next {
        right: -2.875rem
    }
}