/* Adds text-decoration to links*/
.site-content a {
	text-decoration: underline;
}

/* Larger Intro Text */
.intro {
	font-size: 1.5rem; 
	font-family: "Noto Serif";
	&::after {
		content: "";
    width: 50px;
    height: 3px;
    display: block;
    background-color: #78a26d;;
    margin-top: 2px;
	}
}


/* Filled Buttons*/
.content-area a.wp-block-button__link{
	text-decoration: none;
	&:hover {
		box-shadow: inset 0 0 0 120px rgba(0, 0, 0, .25);
	}
}

/* Add padding between logo and site name*/
.site-branding.logo-left .logo-link {
	padding-right: 5px;
}


/* Changing color on dropdown menu items*/
.nav-menu-desktop .sub-menu li {
	border-bottom: 1px solid #5b8052;
	border-left: 4px solid #5b8052;
	a {
		color: #2c5234;
		font-weight: 600;
		padding: 20px 15px;
		font-size: .85em;
		text-transform: unset;
		&:hover {
			background-color: #2c5234;
			color: #fff;
		}
	}
}

/* Add border to header */
.header-main {
	border-bottom: 1px solid #5b8052;
}
.header-main .light-mode {
	box-shadow: none;
}

/* Aligns icons with contact info in footer*/
.widget-area .widget ul li {
  margin: 0 0 .5em;  
	display: flex;
  align-items: center;
  gap: 5px;
}

/* Remove margins and list-style from Officer list*/
.officer li {
	margin: 0 0 .5rem 0;
	list-style: none;
}
.page-id-107 .wp-block-separator {
    margin: 0 auto;
	border-bottom: 3px solid #5b8052;
}

/* Hide title on Home page */
.home h1.page-cover-title {
	display: none;
}
.home #page-cover .page-cover-inner {
	min-height: 600px;
}

/* Add dk-green background to rows*/
.dk-green {
	background-color: #2c5234;
}

/* Add lt-green background to rows*/
.lt-green {
	background-color: #F4F7F3;
}

/* Add border to any item */
.border {
	border: 1px solid #78a26d;
}
.double-border {
		padding:50px;
}
.double-border:before {
	content: "";
    height: calc(100% + 5px);
    width: calc(100% + 5px);
    border: 4px solid #78a26d;
    position: absolute;
    z-index: 1;
    top: -20px;
    right: -20px;
}
.double-border:after {
	content: "";
    height: 100%;
    width: 100%;
    border: 2px solid #f58025;
    position: absolute;
    top: 0px;
    right: 0px;
}


/* Adding border on annual giving and home page headings*/
.page-id-126 .border h3.wp-block-heading::after {
    content: "";
    width: 50px;
    height: 3px;
    display: block;
    background-color: #2c5234;
}

	.content-area h2::after {
    content: "";
    width: 50px;
    height: 3px;
    display: block;
    background-color: #5b8052;
}

.content-area h2.has-text-align-center::after {
    content: unset;
}

/* Adding border on white headings*/
.wp-block-heading.has-white-color::after {
    content: "";
    width: 50px;
    height: 3px;
    display: block;
    background-color: #f58025;
}

/* Changes color of site name */
.light-mode .site-title a {
	color: #2c5234;
	&:hover {
		color: #5b8052;
	}
}

/* Accordions */
.wp-block-details-is-layout-flow {
	summary {
		color: #2c5234;
		padding: 15px 25px;
   	background: #edf1e9;
		font-weight: bold;
		margin-bottom: 2px;
		&::marker {
			color: #2c5234;
		}
	}
	p {
			margin-left: 25px;
			margin-right: 25px;
			&:first-of-type {
				margin-top: 25px;
		}	
	}
}

/* Adds border around title on top of header background image */
.page-cover .page-cover-inner {
	width: unset;
	.page-cover-title {
		border: 1px solid #fff;
		padding: 25px;
		background: rgba(0, 0, 0, .25);
		/*&:before {
			content: "";
    height: calc(100% + 5px);
    width: calc(100% + 5px);
    border: 4px solid #78a26d;
    position: absolute;
    z-index: 1;
    top: -15px;
    right: -15px;
		}*/
	}
}

/* Updating default styles on alumni profile form */
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
	box-shadow: none;
  border: 1px solid #ccc;
}

/* Contact Form button */
.page-id-19 button.is-style-outline.has-white-color {
	border: 1px solid #fff;
}

/* Vertically center content in footer*/
.site-footer .customify-grid {
	align-items: center;
}

/* Shortening height of main footer*/
.footer-main .footer--row-inner {
	padding-top: 1rem;		
	padding-bottom: 1rem;
}

/* Shortening copyright footer height*/
.footer-bottom .footer--row-inner {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

/* Max-width of logo in footer */
.footer-main img.wp-image-58 {
	max-width: 150px;
	margin-right: 25px;
}

/*Mobile adjustments for image/header stacking*/
@media screen and (max-width:600px) {
	.wp-block-media-text img {
		margin-bottom: 1rem;
	}
}

/* Adjustments for logo/address in footer main */
@media screen and (min-width:768px) {
.builder-item--footer-2 {
	.widget-area {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
}
@media screen and (max-width:768px) {
	.widget-area .widget {
		margin-bottom: 0;
	}
}

/* Mobile Menu */
.header-menu-sidebar.dark-mode .header-menu-sidebar-bg:before {
	background: #fff;
}
.header-menu-sidebar.dark-mode .nav-menu-mobile .menu li a {
	color: #2c5234;
	padding: 1em 1.5em;
	font-size: 1.25rem;
	+ ul.sub-menu a {
		padding-left: 2.5rem;
	}
}
.nav-menu-mobile .nav-icon-angle {
	  border-left: 1px solid #2C5249;
    border-top: 1px solid #2c5234;
}
.nav-menu-mobile .menu li .nav-toggle-icon {
	padding:2rem 1rem;
}
.nav-menu-mobile .nav-icon-angle {
	width: 10px;
    height: 10px;
}
.header-menu-sidebar.dark-mode .menu li {
    border-color: #78a26d;
}
.mobile-item--button a.item--button {
	    color: #fff;
    text-decoration-color: #2c5234;
    background-color: #5b8052;
    border-style: none;
    width: 100%;
    padding: 1rem;
    text-align: center;
}

/* Donations Form */
.wp-block-jetpack-donations .donations__nav-item.is-active {
    background: #2C5230 !important;
}
.wp-block-button__link.donations__donate-button {
	  background-color: #5b8052;
    border-radius: 0;
	&:hover {
		color: #fff;
	}
} 

/*Adds change to selected donation */
.wp-block-jetpack-donations .donations__amount.is-selected {
    background: #2c5234;
    color: #fff;
}

/*Removing theme border*/
.h2+h3, h2+h3 {
	border: none;
}

/*Closing 135th padding gap on mobile*/
@media screen and (max-width:600px) {
	.details .details_1 {padding-bottom: 0 !important;}
	.details .details_2 {padding-top: 0 !important;}
	.details {grid-gap: 0 !important;}
}