/* =-=-= ( Text Improvements ) =-=-= */

/*Show external link arrow, not read by screenreader*/
.external-link::after, .external-link-list a:first-of-type::after {
  content: " ↗";
  aria-hidden: true;
	font-weight: normal;
}

/*Text that only appears for screen readers (such as link descriptions)*/
.sr-only {
		clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

/*Adds spacing between list elements*/
.wp-block-list li {
		margin-top: 15px;
		margin-bottom: 15px;
}

.noListSpacing li {
		margin-top: inherit;
		margin-bottom: inherit;
}

/*Makes the bullet points of lists colored instead of gray*/
.wp-block-list li::marker {
		color: var(--wp--preset--color--palette-color-2);
}

/*Remove underline of links from elements in text */
.noTextDecoration {
		text-decoration: none;
}

/*Add underline of links from elements in text */
.addTextUnderline {
		text-decoration: underline;
}


/* =-=-= ( Blocksy & UI Patches ) =-=-= */

/*Remove title and time of faculty member due to a custom block that contains it*/
#main-container .category-faculty-spotlights .page-title {
		display: none;
}

/*Make newsletter form elements centered*/
.es-subscribe-btn {
		margin-left: auto;
		margin-right: auto;
}

/*Disable dragging cover images*/
.page-header-cover-img { 
	user-select: none;
	pointer-events: none;
}

/* =-=-= ( Site Navigation ) =-=-= */

a[aria-current="page"], .current-menu-parent a {
	color: var(--theme-palette-color-4);
	font-weight: bold;
  border-bottom: 0px;
  text-decoration: none;
}

.menu-main-menu-container li {
	border-bottom: 2px solid lightgray;
	padding: 12px 20px;
}

.menu-main-menu-container li:last-child {
	border-bottom: 0px;	
}

.sub-menu {
		display: none;
}


/* =-=-= ( Device Layouts ) =-=-= */

/*UI that only shows up on small viewport devices*/
@media (max-width:1000px) {
	.offMobile{
			display: none;
	}
		
	/*Header will always appear on mobile even after scrolling down (improves UX)*/
	#header {
		display: block;
		position: sticky;
		top: 0px;
	}
		
	/*Table will scroll left to right, instead of expanding vertically*/
	table {
			min-width: 800px; 
  		border-collapse: collapse;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
	}
}

/*UI that only shows up on smaller devices*/
@media (max-width: 800px) {
	/*Center text and remove icon of cover block*/
	.page-header-cover {
			justify-content: center !important;
	}
		
	.page-header-cover-group {
			padding-left: 5% !important;
			padding-right: 5% !important;
	}
		
	.page-header-cover-img { 
		display: none;
	}
}

/*UI that only shows up on smallest devices*/
@media (max-width: 500px) {
	.mobile-full-width {
			width: 100%;
	}
}

/*UI that only shows up on desktop devices*/
@media (min-width:1000px) {
	.onMobile{
			display: none;
	}
		
		/*Add active page marker to the navigation list*/
		a[aria-current="page"], .current-menu-parent a {
			border-left: 3px solid var(--theme-palette-color-4);
			padding-left: 10px;
		}
}


/* =-=-= ( Unused Code ) =-=-= */


/*Force buttons floating inside of Wordpress cover element to have hover effect
.wp-block-cover .wp-block-button__link:hover {
		background-color: #D32D27 !important;
}
		
Patch for iamge spacing on buttons
.mobile-full-width img {
		margin-right: 10px;
}

Disabled. Make search button have an icon only
.nav-search-text {
	display: none;
}

#search-2 {
		margin-bottom: 15px;
}

.sub-menu li {
		padding-top: 3px;
		padding-bottom: 3px;
}

.sub-menu a:before {
		content: "• ";
}

.current_page_item .sub-menu, .current_page_parent .sub-menu {
		display: block;
}*/

/*.wp-block-cover h1, .wp-block-cover h2, wp-block-cover p {
		text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}*/