/* this is for the drupal edit actions nav*/
.contextual-region.block.block--tabs {
    position: relative;
    z-index: 1000;
}
html { /* fix the white line at the bottom of all pages */
    background: #17478e;
	scroll-behavior: smooth;
}
body {
	background: #f2f4f7;
}
.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;
}

/*.block--card-icon- .card-icon__link a::after {
    font-family: unset;
    content: url(/sites/default/files/2025-05/keyboard_arrow_right.svg);
    padding: 0 10px 0 0px;
    width: 23px;
    line-height: 0;
    vertical-align: middle;
    position: relative;
    top: -.25rem;
    right: 4px;
    scale: .9;
}
*/

/* pop up */
.QSIWebResponsive .QSIWebResponsiveDialog-Layout1-SI_afa3hSEmS6LAB26_close-btn-container-compact {
    margin-top: 7px;
    margin-bottom: 4px;
    width: 44px;
    position: relative;
    float: right;
    margin: 7px 0 4px 0;
}

.QSIWebResponsive .QSIWebResponsiveDialog-Layout1-SI_5j5BNCSxKCigHxs_close-btn {
    background: rgba(255, 255, 255, 0.6);
    border: 0;
    width: 44px;
    height: 44px;
    border-radius: 4px;	/* prefer to retain same radius as other buttons but IF it must be a sicle, change this to 22px */ 
    margin-top: 0; 		/* keep at the original value of 0 */ 
    margin-right: 0; 	/* keep at the original value of 0 */ 
    padding: 11px 		/* cnage to 11px; */
}

.QSIWebResponsive img {
    height: 17px;
    width: 17px;
    margin: auto;
	padding: 0;
}
.QSIWebResponsive .QSIWebResponsiveDialog-Layout1-SI_afa3hSEmS6LAB26_content-compact {
	width: 480px !important;
	min-width: 320px !important;
	max-width: calc(100% - 40px) !important;
}