/* Import Font - 'Roboto' */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Import Font - 'EB Garamond' */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

/* Import Font - 'Roboto Condensed' */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

/* CAMPAIGN - FGP */

.centertext-block{margin:0 6%}
@media only screen and (min-width: 765px){
	.centertext-block{margin:0 12%}
}

/*typography*/

article {
	width: 100%;
	font-family: 'Roboto', sans-serif;
/*	font-size: 1.6rem;
	font-weight: 400; */
	color: #191919;
}
article :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p.subtext) {
	font-family: 'EB Garamond', serif;
	font-weight: 500;
}
article :is(.jumbo) { 	/* TBD IF NEEDED */
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}

h1, main:not(.home) h1{
	font-size: clamp(38px,3.5vw + 1rem,54px);
	line-height: 1.07;
}
h1:before, h2:before{
	display:none !important;
}
main h2{
	font-size: 48px !important;
	line-height: 1.07;
}
	@media only screen and (max-width: 765px){main h2{font-size: 38px !important;}}
.campaign-home h2{
	font-size: clamp(32px,3vw + 1rem,62px);
}
p.subtext{
	font-size: clamp(20px,2vw + 1rem,25px);
	line-height: 1.25;
	color: #00205c;
	margin-bottom: 30px;
}

/* button */
article .button.register{
	width: 100%;
	max-width: 260px;
	margin-top:30px;
	margin-bottom:30px;
}
article .button.register a, article .button a.pass-utms{
	font-family: 'Roboto', sans-serif !important;
	font-size: clamp(16px,1vw + 1rem,18px) !important;
	letter-spacing: 0;
	text-transform: none;
	background-color: #c75000 !important;
	border-color: #c75000 !important;
}
article .button.register a:hover, article .button.register a:focus, article .button a.pass-utms:hover, article .button a.pass-utms:focus{
	background-color: #114d97 !important;
	border-color: #114d97 !important;
}


/* priority impact */
.campaign-hero-section {
/*	display: flex;
	flex-direction: column;*/
	width: 100%;
	height: 70vh;
	min-height: 660px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
	@media only screen and (max-width: 765px) and (orientation: portrait){.campaign-hero-section {height: calc(100vh - 80px);min-height: auto;}}

.campaign-home .campaign-hero-section {background: linear-gradient(rgba(0, 32, 92, 0.60), rgba(0, 32, 92, 0.60)), url('/campaign/images/campaign-home-impact.avif') center/cover no-repeat;}
.campaign-hero-section.priority1 {background-image: url('/campaign/images/priority-1-inspire-the-mind-impact.avif');}
.campaign-hero-section.priority2 {background-image: url('/campaign/images/priority-2-prepare-whole-person-impact.avif');}
.campaign-hero-section.priority3 {background-image: url('/campaign/images/priority-3-make-pepperdine-possible-impact.avif');}
.campaign-hero-section.priority4 {background-image: url('/campaign/images/priority-4-impact-the-world-impact.avif');}
.campaign-hero-section.priority5 {background-image: url('/campaign/images/priority-5-transform-our-spaces-impact.avif');}


.campaign-hero-section .top-band {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 150px;
	color: #ffffff; 
	background-color: rgba(0, 32, 92, 0.7);
}
	@media only screen and (max-width: 765px){.campaign-hero-section .top-band {height: 130px;}}
.campaign-hero-section .top-band img {
	height:75px;
}



/* ===== PRIORITY PAGE ===== */

/* priority - remove fund filters */
#pu-giving-filters {display: none;}

/* priority box */
.campaign-hero-section .content-box {
	max-width: 500px;
	margin: 60px -20px;
	padding: 60px 40px;
}
	@media only screen and (min-width: 1300px){.campaign-hero-section .content-box {margin: 60px 60px 60px -90px;}}
	@media only screen and (max-width: 765px) and (orientation: portrait){.campaign-hero-section .content-box {margin: 23px 0 0 0;padding: 40px 35px 30px 35px;background-color: rgba(0, 32, 92, 0.75);}}

.campaign-hero-section .content-box .priority-label{
	margin: 0 0 25px 0;	
	color: #f8d3b4 !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
}
@media only screen and (max-width: 765px){.content-box .h3{font-size: 22px;}}

/* priority intro */
.campaign-priority-intro {margin:0 12%;}
	@media only screen and (max-width: 765px){.campaign-priority-intro {margin:0 6%;}}
.campaign-priority-intro:before {
	content:'';
	display: flex;
	width: 50px;
	height: 105px;
	margin: -30px 0 20px 0;
	background-image: url('/_resources/images/campaign/fgp-arrow.svg');
	background-repeat: no-repeat;
}
	@media only screen and (max-width: 765px) and (orientation: portrait){.campaign-priority-intro:before {margin: -60px 0 30px 0;justify-self: center;}}
.campaign-priority-intro p {font-size: 18px;}
	@media only screen and (max-width: 765px){.campaign-priority-intro p {font-size: 16px;}}

/* quote */
.campaign-quote-container {
	display: flex;
	width: 100%;
	padding: 40px;
	align-items: center;
    justify-content: center;
	background-color: #fdf7f3;
}

.campaign-quote-container .quote.full, .campaign-home-quote .quote.full {
	max-width: 980px;
	padding: 5% 10%;
}
	@media only screen and (max-width: 765px){.campaign-quote-container .quote.full, .campaign-home-quote .quote.full {padding: 3%;}}
.campaign-quote-container .quote.full:before, .campaign-home-quote .quote.full:before {
	content:'';
	display: flex;
	width: 110px;
	height: 84px;
	margin: -3% 0 0 -80px;
	background-image: url('/_resources/images/campaign/quotemark.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
}
	@media only screen and (max-width: 765px){.campaign-quote-container .quote.full:before, .campaign-home-quote .quote.full:before {width: 90px;height: 69px;margin: 0 auto 50px auto;}}

.campaign-quote-container .quotetext, .campaign-home-quote .quotetext{
	margin-top: -30px;
	font-family: 'EB Garamond', serif;
	font-weight: 400;
	font-size: clamp(26px, 24.55px + 0.45vw, 30px);
	line-height: 1.45;
	color: #606e7a;
}
.campaign-home-quote .quotetext {
	font-size: clamp(26px, 24.55px + 0.45vw, 36px);;
	margin-bottom: 30px;
}
.campaign-quote-container .byline, .campaign-home-quote .byline {
	font-family: 'Roboto', sans-serif;
	font-size: 1.3rem;
	font-weight: 600;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: #606e7a;
	margin: 0 0 0.3rem 0;
}
.campaign-quote-container .title, .campaign-home-quote .title {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
	font-style: italic;
	color: #606e7a;
	margin: 0;
	letter-spacing: 0.01em;
}

/* override quote component styling */
#quote-component-image blockquote.quote-block-text p {
	font-size: clamp(26px, 24.55px + 0.45vw, 30px);
	line-height: 1.45;
}
@media only screen and (max-width: 1024px){#quote-component-image .quote-block-media img {height:550px !important;}}
@media only screen and (max-width: 720px){#quote-component-image .quote-block-content {margin: -100px 6% 0 6%;}}

/* ===== end - PRIORITY PAGE ===== */


/* ===== HOME PAGE ===== */

section.campaign-progress p, section.campaign-priorities-heading p {font-size: 19px;}
@media (max-width: 768px) {section.campaign-progress p, section.campaign-priorities-heading p {font-size: 17px;}}

/* home intro */

.campaign-intro {
	position: absolute;
	top: 62vh;
	left: 15vw;
	right: 15vw;
	width: calc(70vw - 120px);
	max-width: 800px;
	padding: 60px;
}
	@media (max-width: 1280px) {
		.campaign-intro {position: static;width: calc(100% - 80px);max-width: none;padding:40px 40px; margin-top: -160px;}
	}
.campaign-intro p{
	font-family: 'EB Garamond', serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 1.5;
}

/* home quote */

.campaign-home-quote {
	display: flex;
	width: 100%;
	margin-top: -105px;
	max-height: 750px;
}
	@media (max-width: 768px) {
		.campaign-home-quote {max-height: none;margin-top: 0;}
	}
.campaign-home-quote figure.quote-block{
	display: flex;
	flex-direction: row;
	align-items: center;
    justify-content: center;
	z-index: -1;
}
.campaign-home-quote .quote-block-media{
	flex: 1;
	width: 100%;
	height: 100%;
}
.campaign-home-quote .quote.full{
	flex: 2;
	padding-top: calc(5% + 105px);
}
	@media (max-width: 1280px) {
		.campaign-home-quote .quote.full {padding: 50px 40px;}
	}


/* stats */
.campaign-stats {color: #ffffff;}

.campaign-stats .stats-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10vw;
	justify-content: flex-start;
}
	@media (max-width: 768px) {
		.campaign-stats .stats-row {
			flex-direction: column;
			gap: 40px;
		}
	}
.campaign-stats .stat-item {
	display: flex;
	margin-top: 20px;
	flex-direction: column; 
	align-items: flex-start;
}
.campaign-stats .stat-number {
	margin-bottom: 12px;
	font-family: 'Roboto', sans-serif;
	font-size: 6rem;
	font-weight: 700;
	line-height: 1;
}
.campaign-stats .stat-label {
	font-family: 'EB Garamond', serif;
	font-size: 2.4rem;
	font-weight: 400;
}

/* home priorities */

.campaign-priorities-heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding:4.5% 6%;
	background: #606e7a;
}
	@media (min-width: 1080px) {
		.campaign-priorities-heading {background: linear-gradient(to right, #606e7a 0%, #606e7a 75vw, transparent 75vw, transparent 100%);}
	}


.campaign-priorities {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	gap: 0;
}

.priority-row {
	display: flex;
	flex-direction: column;
	background-color: #ffffff;
}
.priority-row:after {
	content:'';
	display: flex;
	width: calc(50% + 100px);
	height: 60px;
	margin-top: -60px;
	background-color: #edeef0;
	align-self: end;
}
.priority-row:nth-child(even):after {
	align-self: start;
}
.priority-row-container{
	display: flex;
	flex-direction: row;
	/*height: 600px;*/
}
.priority-row:nth-child(even) .priority-row-container{
	flex-direction: row-reverse;
}
	@media (max-width: 768px) {
		.priority-row-container{
			flex-direction: column;
			width: 100%;
		}
		.priority-row:nth-child(even) .priority-row-container{flex-direction: column;}
	}

.priority-image {
	flex: 1; 
	width: 50%;
}
	@media (max-width: 768px) {
		.priority-image {display: none;width: 100%;}
	}
.priority-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.priority-content {
	flex: 1;
	width: 50%;
	padding-bottom: 60px;
	display: flex;
	align-items: center;
	justify-content: start;
}
	@media (max-width: 768px) {
		.priority-content {width: 100%;}
	}
.priority-link-block {
	width: calc(100% - 80px);
	padding: 40px 40px 50px 40px;
	text-decoration: none;
	background-color: #ffffff;
	border-left: 20px solid #fff;
	transition: background-color 0.3s ease, outline 0.1s ease;
}
	@media (min-width: 800px) {
		.priority-link-block {width: calc(100% - 180px);padding: 40px 80px 50px 80px;}
	}
.priority-link-block:hover,
.priority-link-block:focus {
	background-color: #fdf7f3;
	border-left: 20px solid #c75000;
}
.priority-number {
	display: block;
	margin-bottom: 10px;
	font-family: 'EB Garamond', serif;
	font-size: 120px;
	color: #c75000;
	line-height: 1;
}
.priority-title {
	margin-bottom: 15px;
}
.priority-desc {
	font-family: 'EB Garamond', serif;
	color: #191919;
	font-size: 24px;
}



/* ===== end - HOME PAGE ===== */




/* ===== Campaign Navigation ===== */
	
	.nav-container { /*for home and proiorities only*/
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5);
		z-index: 1000;
	}

	#container-nav-campaign {
		width: 100%;
		margin-bottom: -2px;
		background-color: #114d97;
		/*box-shadow: 0 0 10px rgba(0,0,0,75%); removed for prioirty pages */
	}
	#container-nav-campaign nav {
		display: grid;
		height: 57px;
		margin: 0 10px;
		align-items: center;
		justify-content: center;
		background-color: #114d97 ;
	}
	#container-nav-campaign nav ul {
		display: flex;
		height: 57px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#container-nav-campaign nav ul li {
		position: relative;
		margin-bottom: 0;
		background-color: #114d97 ;
	}
	#container-nav-campaign nav a{
		display: flex;
		align-items: center;
		padding: 18px 35px;
		color: #fff;
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		font-weight: 700;
		text-decoration: none;
	}
	#container-nav-campaign nav a:hover, #container-nav-campaign nav a:focus{
		background-color: #00205c;
	}

	#container-nav-campaign nav ul ul {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		background-color: #114d97;
		z-index: 1;
	}
	#container-nav-campaign nav ul li:hover > ul {
		display: block;
	}

	#container-nav-campaign nav ul ul li {
		min-width: 26.25rem;
		position: relative;
		margin-bottom: 0px;
		background-color: #e4eef4;
		border-bottom: 1px solid #eee;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}
	#container-nav-campaign nav ul ul li:hover, #container-nav-campaign nav ul ul li:focus {
		color: #fff;
		background-color: #00205c;    
	}
	#container-nav-campaign nav ul ul li a {
		display: flex;
		align-items: center;
		padding: 10px;
		color: #000;
		font-weight: 500;
		line-height: 25px;
		text-decoration: none;
		background-color: #e4eef4;
	}
	#container-nav-campaign nav ul ul li a:hover, #container-nav-campaign nav ul ul li a:focus {
		color: #fff;
		background-color: #00205c;
	}
	#container-nav-campaign ul li:before {
		display:none!important;
	}
	#menu-toggle {
		display: none;
	}
	.fa-angle-down:before {
		content: "\f107";
		margin-left: 5px;
	}
	#container-nav-campaign nav ul ul li:last-child a {
		padding-right: 20px;
	}
	#container-nav-campaign nav ul ul li:last-child .fa-angle-down {
		display: none;
	}

	/* Media Query for Mobile Devices */
	@media only screen and (max-width: 768px) {
		#container-nav-campaign nav {display: block;}
		#container-nav-campaign nav ul {
			flex-direction: column;
			align-items: center;
			display: none;
		}
		#container-nav-campaign nav ul li {
			width: 100%;
			margin-top: -15px;
			padding-bottom: 10px;
		}
		#container-nav-campaign nav ul ul {
			position: static;
			display: none;
			margin-top: 15px;
		}
		#container-nav-campaign nav ul li:hover > ul {
			display: block;
			position: absolute;
			top: 66px;
			margin-top: 0;
		}

		.menu-toggle {
			content: "\2630"; /* Hamburger icon */
			display: block;
			margin-bottom: 10px;
			margin-right: 13px;
			padding: 10px;
			color: #fff;
			font-size: 25px;
			text-align: right;
			cursor: pointer;
		}		
		#container-nav-campaign .menu-toggle span {
			font-family: 'Roboto', sans-serif;
			font-size: 14px;
			font-weight: 700;
		}
		#menu-toggle:checked + .menu-toggle {content: "\2716"; /* X icon */}
		#container-nav-campaign .menu-toggle input[type="checkbox"]:checked ~ ul, #container-nav-campaign .menu-toggle:checked + ul {display: flex;}
		.widget .button a {width: calc(100% - 0px);}
		.fa .fa-angle-down {display: none;}
		#container-nav-campaign nav {margin-left: 0px;}
	}

	/* Media Query for Desktop Devices */
	@media only screen and (min-width: 769px) {
		#container-nav-campaign .menu-toggle {display: none;}
		#menu-toggle {display: none;}
	}

/* ===== end - Campaign Navigation ===== */


/* ===== Campaign Priority Footer ===== */

.giving-footer-container .giving-inner-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 10px;
	background-color: #00205C;
}

.giving-footer-container {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: -40px;
	padding: 80px 20px;
	background: #00205c;
}

.giving-footer-container .giving-inner-container {
	width: 100%;
	max-width: 1140px;
	text-align: center;
}

.giving-footer-container .giving-inner-container img.campaign-logo {
	display: block !important;
	width: 100% !important;
	max-width: 400px !important;
	height: auto !important;
	margin: 0 auto 50px auto !important;
}

.giving-footer-container .join-text {
	width: 100%;
	margin: 20px 0;
	font-family: 'EB Garamond', serif;
	font-size: 26px !important;
	font-weight: 400;
	letter-spacing: 1px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

.giving-footer-container .buttons {
	display: flex;
	margin: 30px 0;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.giving-footer-container .buttons a {
	display: inline-block;
	min-width: 200px;
	padding: 14px 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: #c75000;
	transition: opacity 0.2s ease-in-out;
}

.giving-footer-container .buttons a:hover {
	opacity: 0.9;
}
/* ===== end - Campaign Footer ===== */