.flexrow {
    display: flex;
    flex-direction: row;
}

.flexcolumn {
    display: flex;
    flex-direction: column;
}

.text-gold {
    color: #471fb0;
}

.gold-border {
    border-bottom: 5px solid #471fb0;
    width: 100%;
    margin-bottom: 2vh;
}

.row-2column {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media only screen and (min-width: 963px) {
    .row-2column {
        flex-direction: row;
    }
}

.row-2column-yt {
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 1654px) {
    .row-2column-yt {
        flex-direction: row;
    }
}

.row-2column-rev {
    display: flex;
    flex-direction: column-reverse;
}

@media only screen and (min-width: 963px) {
    .row-2column-rev {
        flex-direction: row-reverse;
    }
}

.width-adjustment {
    width: 100%;
}

@media only screen and (min-width: 849px) {
    .width-adjustment {
        width: 85%;
    }
}

.width-adjust-column {
    padding-right: 0;
}

@media only screen and (min-width: 963px) {
    .width-adjust-column {
        padding-right: 5vw;
    }
}

.width-adjust-column-rev {
    padding-right: 5vw;
}

@media only screen and (min-width: 963px) {
    .width-adjust-column-rev {
        padding-right: 0;
    }
}

.row-to100 {
    width: 100%;
}

@media only screen and (min-width: 963px) {
    .row-to100 {
        width: 70%;
    }
}

.row-2column {
    display: flex;
    flex-direction: column;
	gap: 3vh;
}

@media only screen and (min-width: 963px) {
    .row-2column {
        flex-direction: row;
		gap: 0;
    }
}

.row-2column-rev {
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 963px) {
    .row-2column-rev {
        flex-direction: row-reverse;
    }
}

.width-adjustment {
    width: 100%;
}

@media only screen and (min-width: 849px) {
    .width-adjustment {
        width: 85%;
    }
}

.width-adjust-column {
    padding-right: 0;
}

@media only screen and (min-width: 963px) {
    .width-adjust-column {
        padding-right: 5vw;
    }
}

.width-adjust-column-rev {
    padding-right: 5vw;
}

@media only screen and (min-width: 963px) {
    .width-adjust-column-rev {
        padding-right: 0;
    }
}

.row-2column-web {
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 963px) {
    .row-2column-web {
        flex-direction: row;
    }
}

.date-to100, .desc-to100, .thumb-to100, .podcast-to100, .spotify-to100, .podrow-to100, .row-to100, .art-to100, .five-to100 {
    width: 100%;
}

@media only screen and (min-width: 963px) {
    .date-to100 {
        width: 20%;
    }
    .desc-to100 {
        width: 55%;
    }
    .thumb-to100 {
        width: 30%;
    }
    .third-to100 {
        width: 35%;
    }
    .podrow-to100 {
        width: 45%;
    }
    .fordy-to100 {
        width: 40%;
    }
    .row-to100 {
        width: 70%;
    }
    .art-to100 {
        width: 65%;
    }
    .five-to100 {
        width: 48.5%;
    }
}

@media only screen and (min-width: 1299px) {
    .podcast-to100 {
        width: 50%;
    }
    .spotify-to100 {
        width: 82%;
    }
}

.fiddy-to100 {
    width: 100%;
}

@media only screen and (min-width: 963px) {
    .fiddy-to100 {
        width: 50%;
    }
}

@media only screen and (min-width: 1299px) {
    .fiddy-to100 {
        width: 50%;
    }
}

.web-img-parent {
    overflow: hidden;
    height: 100%;
    width: 100%;
    align-content: center;
}

.web-img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

@media only screen and (min-width: 963px) {
    .web-img {
        width: 100%;
        height: auto;
    }
}

.yt-padding {
    padding-bottom: 2vh;
}

.img-podcast-parent {
    overflow: hidden;
    height: 100%;
    align-self: center;
}

.img-podcast {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.gov-flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

/* education buttons */

.row-2column-opp {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    padding: 2vh 0 2vh 0;
}

@media only screen and (min-width: 963px) {
    .row-2column-opp {
        flex-direction: row;
    }
}

.row-2column-opp2 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    padding: 2vh 0 2vh 0;
}

@media only screen and (min-width: 963px) {
    .row-2column-opp2 {
        flex-direction: row-reverse;
    }
}

.tworow-text {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

@media only screen and (min-width: 963px) {
    .tworow-text {
        width: 70%;
    }
}

.tworow-img-parent {
    width: 100%;
    align-self: center;
}

@media only screen and (min-width: 963px) {
    .tworow-img-parent {
        width: 45%;
    }
}

@media only screen and (min-width: 1399px) {
    .tworow-img-parent {
        width: 30%;
    }
}

.tworow-img {
    height: 100%;
    width: 100%;
    overflow: hidden;
    align-content: center;
}

.tworow-img-child {
    width: 100%;
    height: auto;
}

a.link-removedeco {
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
    display: inline-block;
}

/* removable */

.special-title {
    margin: 0;
}

@media only screen and (min-width: 963px) {
    .special-title {
        margin: -15px -110px;
    }
}

@media only screen and (min-width: 1399px) {
    .special-title {
        margin: -15px -110px;
    }
}

.mem-link {
    background-color: #e8ded6;
    cursor: pointer;
}

.mem-link:hover {
    background-color: #bdb0a8;
    cursor: pointer;
}

.mem-link {
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
}

.mem-link:hover {
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
}

/* to add to new css */

.padSmall {
    padding: 1vh 1vw;
}

.padMed {
    padding: 2vh 2vw;
}

.padBig {
    padding: 4vh 4vw;
}

.padTop {
    padding: 4vh 0;
}

.cBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.staffRow {
    width: 100%;
    justify-content: space-between;
}

.staff-profile {
    display: flex;
    height: 40vh;
    width: 45%;
}

.contact-to100 {
    width: 100%;
}

@media only screen and (min-width: 963px) {
    .contact-to100 {
        width: 45%;
    }
}

.alisaOne {
    background: url("https://wrla.org/client_assets/images/2025-Staff-Headshots/Alisa-L/DSC_3377-250221-.jpg");
    background-size: cover;
}

.alisaTwo, .alisaThree, .alisaFour {
    height: 33.3%;
}

.alisaOne:has(.alisaTwo:hover) {
    background: url("https://wrla.org/client_assets/images/2025-Staff-Headshots/Alisa-L/DSC_3394-250221-.jpg");
    background-size: cover;
}

.alisaOne:has(.alisaThree:hover) {
    background: url("https://wrla.org/client_assets/images/2025-Staff-Headshots/Alisa-L/DSC_3427-250221-.jpg");
    background-size: cover;
}

.alisaOne:has(.alisaFour:hover) {
    background: url("https://wrla.org/client_assets/images/2025-Staff-Headshots/Alisa-L/DSC_3429-250221-.jpg");
    background-size: cover;
}

.buttonDecorationW {
	font-family: 'breton-semibold';
	border: none;
	color: #330a2b;
	text-decoration: none;
	padding: 0.75em 2em;
	border-radius: 0;
	transition: all .4s ease;
	text-align: center;
	background: #e8ded6;
	display: inline-block;
	margin: 1em 0.5em;
}

.buttonDecorationW:hover {
	color: white;
	background-color: #330a2b;
}

.imgFiddy {
    max-height: 300px;
    overflow: hidden;
}

@media only screen and (min-width: 963px) {
    .imgFiddy {
        max-height: 200px;
    }
}

@media only screen and (min-width: 1399px) {
    .imgFiddy {
        max-height: 300px;
    }
}

.imgBiggy {
    max-height: 300px;
    overflow: hidden;
}

@media only screen and (min-width: 963px) {
    .imgBiggy {
        max-height: 500px;
    }
}

.hrResources {
    width: 600px;
}

@media only screen and (min-width: 600px) {
    .hrResources {
        width: 800px;
    }
}

@media only screen and (min-width: 963px) {
    .hrResources {
        width: 600px;
    }
}

@media only screen and (min-width: 1399px) {
    .hrResources {
        width: 700px;
    }
}

.postajob {
    width: 900px;
}

@media only screen and (min-width: 963px) {
    .postajob {
        width: 600px;
    }
}

@media only screen and (min-width: 1399px) {
    .postajob {
        width: 900px;
    }
}

.attractevents {
    width: 700px;
}

@media only screen and (min-width: 963px) {
    .attractevents {
        width: 700px;
    }
}

@media only screen and (min-width: 1399px) {
    .attractevents {
        width: 1000px;
    }
}