/* Updated 03/26/2020 */

/* Change color of link color in utility nav */
.header-utility-mega-mega-menu .st-utilityNav ul a:hover {
    color: #707070;
}

/* Add border-radius to login select lists */
.header-utility-mega-mega-menu .st-logoAndSiteControls .languageSelect select {
    border-radius: .25rem;
}

/* Add classes for containers with full bleed images */
.img-full-bleed {
  padding-top: 35px;
}

.img-bleed {
  position: relative;
  bottom: -25px;
}

/* Add class for a small text callout */
.small-callout {
  font-family: Proxima Nova, helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
  color: #58595b;
  letter-spacing: 2px;
}

/* Add class for highlighted paragraph */
.highlight {
  display: block;
  padding: .8rem 1rem;
  background-color: #E6E7E8;
  border-radius: 4px;
  line-height: 1.4;
  font-weight: bold;
  color: #333333;
} 

/* Add margin below blog snippet blurb */
.blurb {
  margin-bottom: 1rem;
}

/* Reduce bottom margin of paragraphs and increase bottom margin of lists in blog posts */
.blog-detail .content p {
  margin-bottom: 1.2rem;
}

.blog-detail .content ol,
.blog-detail .content ul {
  margin-bottom: 2rem;
}

/* Animate product card boxes to move up on hover */
.inner-tiles .tile .box:active, 
.inner-tiles .tile .box:focus, 
.inner-tiles .tile .box:hover {
    transform: translatey(-3px);
}

/* Add class for containers with a smaller max width */
.text-block {
  max-width: 800px;
}

/* Add class for paragraph text callout */
.paragraph-callout {
  font-size: 1.2rem;
  line-height: 28px;
}

/* Add class to create grouping of FAQ tiles */
.faqTileGroup {
  margin-bottom: 2rem;
}

/* Add class to alter display of text to stretch to 100% */
.block-text {
  display: block;
  width: 100%;
}

/* Add class for navy background */
.navyBackground {
  background-color: #082247;
  color: #ffffff;
}

.navyBackground a {
  color: #ffffff;
}

/* Vertically middle align global search icon */
.header-utility-mega-mega-menu .st-search svg {
    vertical-align: middle;
}

/* Remove bottom padding from Alert description */
.alert-description p {
	margin-bottom: 0;
}

/* Make links in the alert white */
.alert a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

/* Center the alert message */
section.alert > .container {
	justify-content: center;
}

/* Fix top margin for hero image section */
@media (max-width: 1199.98px) {
	.feature-hero-with-fade {
		margin-top: -122px;
	}
}

@media (max-width: 991.98px) {
	.feature-hero-with-fade {
		margin-top: -84px;
	}
}

@media (max-width: 767px) {
	.feature-hero-with-fade {
		margin-top: -74px;
	}
}

/* Update styling of 3-column blog post listings */
.angled-cards .tile .body {
    padding: 0 25px 30px;
    box-shadow: 0 6px 20px rgba(0,0,0,.05);
}

.angled-cards .tile .photo {
    margin-left: -25px;
    margin-right: -25px;
	height: 200px;
}

.angled-cards .tile .tags {
    font-size: .8rem;
    line-height: 1.2rem;
	margin-top: .5rem;
}

.angled-cards .tile .title {
    font-size: 1.2rem;
}

.angled-cards .tile .date {
    display: none;
}

.angled-cards .tile .blurb {
    margin-bottom: 30px;
    font-size: .85rem;
    line-height: 1.2rem;
}

.angled-cards .tile .btn {
	margin: 0;
}