@media only screen and (max-width: 767px) { /* remove background image for mobile */
	.standardheader .hero {
		background-color: #eee;
		padding: 1em 0;
	}
	.standardheader .hero h1 {
		padding-top: .25em;
	}
	.standardheader .hero > img {
		display: none;
	}
}

.table-chart {
	text-align: center;
	width: 100%;
}
	table.table-chart tr:nth-child(even) {
		background-color: #eee;
	}

.intro .contentcontainer {
	padding-top: 1em;
}
.intro .spacing {
	padding-bottom: 1em;
}


.spanish {
	display: inline-block;
	padding: 18px 0 0 0;
	width: 50px;
}

.picker {
	display: inline-block;
	margin: 0;
	width: 100px;
}
	.picker form select {
		padding: 3px;
		color: #666;
		border: 1px solid #ccc;
		cursor: pointer;
        background-color: #fff;
        border-radius: 3px;
	}
@media only screen and (min-width: 768px) { /* sm screen and up */
	.spanish {
		width: 70px;
	}
}


.apply-inperson {
	display: inline-block;
	padding-top: .25em;
	padding-left: .5em;
}

h3.expandheader {
	text-align: center;
	line-height: 1.25;
}
@media only screen and (min-width: 768px) { /* sm screen and up */
	h3.expandheader {
		padding-bottom: 0;
	}
}


ul.flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: stretch;
    padding: 0;
    margin: 0;
    list-style: none;
    border-radius: 5px;
}
ul.flex li {
	flex: 1 0 250px;
	height: auto;
	display: block;
	padding: 1em;
}
@media only screen and (min-width: 768px) { /* sm screen and up */
	ul.flex li {
		flex: 1 0 350px;
	}
}


.bluebg .box.white {
	background-color: #fff;
}

/* Details & Summary */
:root {
    --svg-code: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' preserveAspectRatio='xMinYMid'><path fill='currentColor' d='M6 8l-1 1l5 5l5-5l-1-1l-4 4l-4-4z'/></svg>");
}

summary {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
}

/* Safari webkit prefix */
summary::-webkit-details-marker {
    display: none;
}

summary.header-button {
	max-width: 66%;
	margin: 0 auto;
	padding: 1em;
	border: 1px solid #ccc;
	border-radius: 3px;
}

summary::after {
    content: '';
    mask: var(--svg-code);
    -webkit-mask: var(--svg-code);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background-color: #000;
    height: 24px;
    width: 24px;
    min-width: 24px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.5s;
}

details:hover summary::after {
    background-color: #084c8d;
    transition: 0.5s;
}

@media only screen and (min-width: 768px) {
    summary::after {
        height: 30px;
        width: 30px;
        min-width: 30px;
    }

    details:hover summary::after {
        width: 30px;
        height: 30px;
    }
}

details[open] > summary::after {
    transform: rotate(-180deg);
}

summary > h3 {
    display: inline;
    padding: .75em 5px;
}

details:hover summary h3.big {
    color: #084c8d;
}

.box-summary {
	justify-content: center;
}

.box-summary h3 {
	padding-bottom: .75em;
}

.box-summary::after {
	margin-top: -20px;
}

.detail-col-wrapper {
    box-sizing: border-box;
}