/* DO NOT SAVE WITHOUT CHECKING
 * LAST SAVED: 2026-01-09 4:44 ET
 * SAVED BY: Ruobing
 * IF THIS IS NOT YOU, STOP AND RELOAD
 */


/* HOMEPAGE */

#main-container.ar-25-homepage {
  background-color: var(--ar-25-bg);
}

#main-container .w3-row-padding {
	  margin-top: 0 !important;
}

#main-container.ar-25-homepage #main-content {
	  padding-top: 0 !important;
}

.ar-25-homepage #main-content {
	background-color: transparent !important;
}

.ar-25-homepage .navbar-toggler {
	border-color: var(--text-color);
	outline: 2px solid #fff;
	background-color: var(--ar-25-bg);
}

.ar-25-homepage-lead, .ar-25-homepage-lead-tablet {
	display: flex;
  flex-direction: column;
  justify-content: center;
	background-image: url(/sites/default/files/2025-12/LANDING%20PAGE.png);
	background-size: contain;
	background-position: center center;
  background-repeat: no-repeat;
  min-height: 700px;
  border-bottom: 5px solid var(--uva-brand-blue);
}

.ar-25-homepage-lead-tablet {
	display: none;
	background-image: none;
	min-height: 200px;
	text-align: center;
}

.ar-25-homepage-lead, .ar-25-homepage-lead-tablet img {
	margin-bottom: 0;
	margin-top:0 ;
}
.ar-25-homepage-title-container {
	display: flex;
	flex-direction: column;
  place-content: center;
  flex-wrap: wrap;
}

	/* -font size-*/
.ar-25-homepage-title-container h1 {
	order: 2;
	padding: 0;
	font-size:4rem !important;
}

.ar-25-homepage-title-container h2 {
	order: 1;
}

.ar-25-homepage-title-container h2 {
	font-size: 2.5rem !important;
	font-variant: all-small-caps !important;
}

  /* -John Letter- */
.ar-25-homepage-dean-letter {
	display: flex;
	justify-self: center;
	margin-top: 3rem;
	margin-bottom: 3rem;
	width: 80%;
}

.ar-25-homepage-dean-letter img {
	border-radius: var(--img-radius);
	margin-bottom:2rem;
}

.ar-25-homepage-stripe {
	display: block;
	background-image: linear-gradient(0deg, 
		var(--ar-25-cat-5) 10%, 
		var(--ar-25-cat-4) 10%, 
		var(--ar-25-cat-4) 20%, 
		var(--ar-25-cat-3) 20%, 
		var(--ar-25-cat-3) 30%, 
		var(--ar-25-cat-2) 30%, 
		var(--ar-25-cat-2) 40%, 
		var(--ar-25-cat-1) 40%, 
		var(--ar-25-cat-1) 50%,
		var(--ar-25-cat-5) 50%, 
		var(--ar-25-cat-5) 60%, 
		var(--ar-25-cat-4) 60%, 
		var(--ar-25-cat-4) 70%, 
		var(--ar-25-cat-3) 70%, 
		var(--ar-25-cat-3) 80%, 
		var(--ar-25-cat-2) 80%, 
		var(--ar-25-cat-2) 90%, 
		var(--ar-25-cat-1) 90%, 
		var(--ar-25-cat-1) 100%);
	background-size: 65px 65px;
	width: 100%;
	height: 34px;
}

/* Homepage tab contents */
.ar-25-homepage-tab-intro {
	padding: 2rem;
	margin: 3rem;
}

.ar-25-tab-cat-contents {
	display: grid !important;
	grid-template-columns: 1fr 1fr .25fr;
}

.ar-25-tab-cat-contents div { 
	padding: 3rem;
}
.ar-25-tab-cat-contents div:first-child {
	padding: 5rem 0 0 2rem;
}
.ar-25-tab-cat-contents div:last-child {
	padding-left: 0;
	padding-right: 0;
}

.ar-25-tab-links a {
	font-weight: 500;
	color: var(--text-color) !important;
}

ul.ar-25-tab-links {
  list-style-type: none;
  padding-left: 0; 
  margin-bottom: 4rem;
}

ul.ar-25-tab-links li {
  position: relative;
  padding-left: 40px; /* Adjust as needed for icon spacing */
  margin-bottom: 1.75rem !important;
}

ul.ar-25-tab-links li::before {
  content: "\2192"; 
  position: absolute;
  left: 0;
  top: 0; /* vertical alignment */
  color: #fff; 
  font-size: 18px; /* Set icon size */
  line-height: 0.5; /* vertical alignment with text */
  background-color: var(--text-color);
  padding: 7px 5px 11px 5px;
  border-radius: 50%;
}

.ar-25-tab-border { /* hand illustrations -hide on mobile */
	position: relative;
} 
.ar-25-tab-border img {
	position: absolute;
	right: 0;
}

/* People and data */
.ar-25-homepage-p-n-d, .ar-25-homepage-donate, .ar-25-homepage-footer {
	text-align: center;
	background-color: var(--ar-25-cat-6);
	padding:3rem;
}

.ar-25-homepage-donate, .ar-25-homepage-footer {
	background-color: var(--ar-25-bg);
}

.ar-25-homepage-footer {
	max-width:1000px;
	margin:auto auto;
}

.ar-25-homepage-p-n-d ul, .ar-25-homepage-donate ul {
	display: inline-flex;
	list-style-type: none;
	padding-left: 0;
	align-items: center;
}

.ar-25-homepage-p-n-d ul li, .ar-25-homepage-donate ul li {
	padding: 1rem;
	margin: 1rem;
	min-width:200px;
}

.ar-25-homepage-p-n-d ul li a, .ar-25-homepage-donate ul li a {
	color: var(--text-color) !important;
	font-family: var(--ar-25-font-alt-b) !important;
	font-variant: all-small-caps !important;
	font-size: 1.6rem !important;
}

/* Donate */
.ar-25-homepage-donate {
	position: relative;
}

.ar-25-homepage-donate::before {
	  content: '';
	  position: absolute;
	  top: -5%;
	  left: 75%;
	  transform: translateX(-50%);
	  height: 26px;
	  width: 200px;
		background-image: initial;
	  background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	  color: red;
	  z-index: 1;
	}
	
	.ar-25-homepage-donate p {
		font-family: var(--ar-25-font-title) !important;
		font-size: 1.5rem;
		font-style: italic;
		padding-top: 1.5rem;
	}

	.annual-report-template #main-container.ar-25-homepage .ar-25-homepage-donate::before {
		background-image: var(--ar25-cat7-svg);
	}


/* Homepage footer */
.ar-25-homepage-footer p {
	font-size: 0.8rem !important;
}

/* Tablet */	
	@media (max-width: 1059px) {
		.ar-25-homepage-lead {
			display: none !important;
		}
		.ar-25-homepage-lead-tablet {
			display: flex !important;
		}
      .tab {
          display: block;
          max-height: 0;
          padding: 0 1rem;
          overflow: hidden;
      }

      .tab-group {
          display: block;
          overflow: hidden;
          background: white; /* optional for contrast */
          width: 100%;
      }

      .tabs label:first-of-type {
          margin-left: 0;
      }

      .tabs label {
          width: 100%;
          margin: 0;
          transform: none;
          border-radius: 0;
          padding: 1rem;
          border: none;
          background: inherit;
      }

      .tabs label::before,
      .tabs label::after {
          display: none;
      }

      .tabs label .tab-content {
          transform: none;
          padding: 0;
      }

      .tab {
          display: block;
          max-height: 0;
          padding: 0 1rem;
      }

      .tabs input[type="radio"]:checked + label + .tab {
          max-height: fit-content;
          padding: 1rem;
      }

			/*-Homepage tablet-*/
			.ar-25-category-block {
				display: grid;
				grid-template-columns: 1fr;
			}
			.ar-25-tab-cat-contents {
				display: grid !important;
				grid-template-columns: 1fr !important;
			}
			.ar-25-tab-cat-contents div { 
				padding: 1rem;
				height: max-content;
			}
			.ar-25-tab-cat-contents div:first-child, .ar-25-tab-cat-contents div:last-child {
				display: none;
				padding: 0;
			}
			ul.ar-25-tab-links {
			  margin-bottom: 4rem;
			}
}

  /* Mobile */
  @media (max-width: 970px) {
	  /* home page */
	  
	  .ar-25-homepage-lead-tablet {
			display: flex !important;
		}
	 .ar-25-homepage-lead {
	 	  display: none !important;
	  	background-image: url(/sites/default/files/2025-12/LANDING%20PAGE%20-%20MOBILE_0.png);
	  	min-height: 400px;
	  }
	  .ar-25-homepage-tab-intro, .ar-25-homepage-donate, .ar-25-homepage-footer {
	  	padding: 2rem 1rem;
	  	margin:0;
	  }

		.ar-25-homepage-dean-letter {
			margin-top: 1.5rem;
			margin-bottom: 1.5rem;
			width: 100%;
		}
		
		.ar-25-homepage-p-n-d, .ar-25-homepage-donate, .ar-25-homepage-footer {
			padding:2rem;
		}
	
		.ar-25-homepage-p-n-d ul, .ar-25-homepage-donate ul {
			display: flex !important;
			flex-direction: column;
		}
		.ar-25-homepage-p-n-d ul li, .ar-25-homepage-donate ul li {
			padding: 0.5rem;
		}
		
		.ar-25-homepage-donate::before {
	  	left: 50%;
	  	top:-3.5%;
		}
		
			/* -font size-*/
		.ar-25-homepage-title-container h1 {
			font-size:2.5rem !important;
		}
		
		.ar-25-homepage-title-container h2 {
			font-size: 1.3rem !important;
		}
  }