@import url("https://use.typekit.net/fxr6bqd.css");
.adrianna-bold {
    font-family: "adrianna", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.adrianna-boldItalic {
    font-family: "adrianna", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.brotherBold {
    font-family: "brother-1816", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.brotherbookItalic {
    font-family: "brother-1816", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.brotherReg {
    font-family: "brother-1816", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.darkBlue-font {
    color: #011F45;
}

.red-font {
    color: #980621;
}
.page-template-page-arroyo header,
.page-template-page-arroyo footer {
	display: none;
}

.page-template-page-arroyo h1 {
	font-size: 160px;
	line-height: 0.9;
}

.page-template-page-arroyo h2 {
	font-size: 59px;
	line-height: 1;
	text-transform: none;
}

.page-template-page-arroyo h3 {
	font-size: 40px;
	line-height: 50px;
    /* max-width: 420px;
    width: 100%; */
}

.page-template-page-arroyo h4,
.page-template-page-arroyo .h4 {
	font-size: 28px;
	line-height: 1;
}

.page-template-page-arroyo h5,
.page-template-page-arroyo .h5 {
	font-size: 22px;
	line-height: 1;
}

.page-template-page-arroyo p {
	font-size: 22px;
	/* color: #626161; old color */
    color: #535353;
	opacity: 1;
    font-family: "brother-1816", sans-serif;
    font-weight: 400;
    font-style: normal;
    
}

.page-template-page-arroyo .hero {
	background: url("/wp-content/uploads/2024/04/1_d_hero.png") no-repeat;
    background-position: center 346px;
    background-size: 100%;
}

.page-template-page-arroyo .hero .row {
    height: 835px;
}

.arroyo-donate-btn {
	font-size: 19px;
    font-family: "brother-1816", sans-serif;
    font-weight: 700;
    font-style: normal;
	color: #fff;
	background: #980621;
    border: 2px solid #fff;
    border-radius: 4px;
	text-transform: uppercase;
	padding: 7px 20px;
}

.arroyo-donate-btn:hover {
    background-color: #001F45;
	opacity: 0.8;
	color: #fff;
}

.arroyo-endorsement-icon {
	position: relative;
	top: 0px;
	/* left: 0; */
    /* right: 0; */
	width: 150%;
}

.arroyo-cards .card-title {
	font-size: 41px;
	line-height: 1;
}

.arroyo-cards .card-icon {
	height: 140px;
	width: auto;
}

.border-top-white {
    border-top: 6px solid #ffffff;
}

.border-top-blue {
    border-top: 10px solid #011F45;
}

.border-bottom-blue {
    border-bottom: 10px solid #011F45;
}

.darkBlue-banner {
    background-color: #001F45;
}



/* .page-template-page-arroyo .panel-2 {
    height: auto;
} */

/* ------------------------------ 
	992px MEDIUM
------------------------------ */
@media (min-width: 992px) {
    .page-template-page-arroyo .panel {
        height: 700px;
    }
    .page-template-page-arroyo .panel-1 {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0) 50%), url('/wp-content/uploads/2024/04/1_body_1.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .page-template-page-arroyo .panel-2 {
        background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0) 50%), url('/wp-content/uploads/2024/04/1_body_2.jpg');
        background-repeat: no-repeat;
        background-position: center right;
        background-size: cover;
    }

    .page-template-page-arroyo .panel-3 {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0) 50%), url('/wp-content/uploads/2024/04/1_body_3.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

/* ------------------------------ 
	1199px MEDIUM
------------------------------ */
@media (max-width: 1199px) {
    .page-template-page-arroyo .hero {
		background-position: center 456px;
	}
    .page-template-page-arroyo h1 {
        font-size: 100px;
        line-height: 0.9;
    }
}

/* ------------------------------ 
	991px MEDIUM
------------------------------ */
@media (max-width: 991px) {

	.arroyo-endorsement-icon {
		position: relative;
		top: 0;
		/* left: 0; */
		/* right: 0; */
		max-width: 255px;
        width: 100%;
	}

	.page-template-page-arroyo .hero {
		background-position: center 506px;
	}


}

/* ------------------------------ 
	767px MEDIUM
------------------------------ */
@media (max-width: 767px) {
    .page-template-page-arroyo .hero {
        background-position: center 100%;
    }
}

/* 640px */
@media (max-width: 640px) {
    .page-template-page-arroyo .hero .row {
        height: 650px;
    }

    .page-template-page-arroyo h1 {
        font-size: 70px;
        line-height: 0.9;
    }

    .page-template-page-arroyo h4, .page-template-page-arroyo .h4 {
        font-size: 18px;
        line-height: 1;
    }
}