/* this is for the drupal edit actions nav*/
.contextual-region.block.block--tabs {
    position: relative;
    z-index: 1000;
}
.block--card-icon- {
    width: calc(100% + 30px);
    left: -15px;
    padding: 10px; /* changed */
    padding-bottom: 80px;
    top: -34px; /* added */
    position: relative; /* added */
	border-radius: 3px; /* added */
}
.block--card-icon- h1{
    position: absolute;
    left: -10000px;
}
.block--card-icon- .paragraph--type--card-icon- .block {
    padding: 30px 17px 30px 73px;
}
.block--card-icon- .paragraph--type--card-icon- {
    margin: 0 15px 15px 0 !important;  /* changed */
    flex-basis: calc((100% - 45px) / 4); !important /* added */
}
.block--card-icon- .paragraph--type--card-icon-:nth-of-type(4n + 4) {
	margin-right: 0 !important; /* new selector */
} 
@media screen and (max-width: 1030px) {
	.block--card-icon- .paragraph--type--card-icon- {
		flex-basis: calc((100% - 20px) / 3) !important; /* added */
	}
	.block--card-icon- .paragraph--type--card-icon-, .block--card-icon- .paragraph--type--card-icon-:nth-of-type(4n + 4) {
		margin-right: 10px !important;  /* changed */
	}
    .block--card-icon- .paragraph--type--card-icon-:nth-of-type(3n + 3) {
        margin-right: 0 !important; /* new selector */
    } 
}
@media screen and (max-width: 680px) {
    .block--card-icon- .paragraph--type--card-icon- {
       	flex-basis: calc((100% - 15px) / 2) !important; /* added */
		font-size: 1rem;
    }
	.block--card-icon- .paragraph--type--card-icon- .block {
		padding: 23px 8px 10px 50px;
		min-height: 5rem;
	}
    .block--card-icon- .paragraph--type--card-icon-:nth-of-type(3n + 3) {
        margin-right: 10px !important; /* new selector */
    } 
    .block--card-icon- .paragraph--type--card-icon-:nth-of-type(2n + 2) {
        margin-right: 0 !important; /* new selector */
    } 
	.block--card-icon- .paragraph--type--card-icon- .block .card-icon__image {
		left: 8px;
		height: 30px;
		width: 30px;
	}
	.block--card-icon- .paragraph--type--card-icon- .block .card-icon__image img {
		height: 22px;
		width: 22px;
		top: 4.5px;
	}
}
@media screen and (max-width: 480px) {
	.block--card-icon- .block__content {
		min-width: 306px;
	}
	.block--card-icon- .paragraph--type--card-icon- .block {
		padding: 12px 8px 10px 45px;
		line-height: 1.5rem;
		min-height: 7rem;
	}
	.block--card-icon- .paragraph--type--card-icon- .block .card-icon__image {
        left: 7px;
        top: 10px;
        height: 30px;
        width: 30px;
    }
	.hero-callout {
		min-height: 300px;
		height: unset;
		max-height: unset;
		aspect-ratio: 1 / 1.1;
	}
	.block--card-icon- .paragraph--type--card-icon- .block:focus, .block--card-icon- .paragraph--type--card-icon- .block:hover {
		outline: none !important;
	}
	.front .peel-search-block {
		bottom: 62px !important;
	}
}
/* single col news cards are too wide at current breakpoint */
@media screen and (max-width: 780px) {
	.card-feed__group-container.grid-cols-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media screen and (max-width: 520px) {
	.card-feed__group-container.grid-cols-4 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
/* fix feature block intro text */
.feature-block__text-box .feature-block__text-box--intro, .feature-block__text-box .feature-block__text-box--intro * {
    font-size: 1.125rem;
    margin: -7px 0 8px 0 !important;
}
.hero-callout .hero-overlay.dark.bottom {
	opacity: .5;
}
/* this is for the actual homepage template CSS */
.front .peel-search-block {
    bottom: 95px;
}
.ios-device .block--card-icon- .paragraph--type--card-icon- .block .card-icon__image img[src$=".svg"] {
	-webkit-filter: none !important;
	filter: none !important;
}
.ios-device .card-icon__image .field__item {
    -webkit-filter: invert(11%) sepia(86%) saturate(1992%) hue-rotate(171deg) brightness(122%) contrast(69%) !important;
    filter: invert(11%) sepia(86%) saturate(1992%) hue-rotate(171deg) brightness(122%) contrast(69%) !important;
}