/*justify-text { text-align: justify; }
You can add your own CSS here.

Click the help icon above to learn more.
*/

/* @import url(http://fonts.googleapis.com/css?family=Open+Sans);
The above import command was previously located below the header spacer. @import must come before any other rule or it will not work. Commenting out because the above seems to break weighted, ie bold fonts */

.wpbb-header-spacer
{ display: none; }


/* Using Open Sans */
body {
  background-color: #f5f5f5;
  color: #333;
  font-family: 'Open Sans', sans-serif;
  font-size: 110%;
  font-weight: 400;
  line-height: 1.5;
}


/* vertical line */
.vl {
	border-left: 2px solid #003B5C;
	height: 500px;
}


/* Darker title links in slider. COMMENTING OUT AS I THINK THIS IS DUPLICATED 
.education-pro-blue .footer-widgets .wrap a:hover, .education-pro-blue .footer-widgets a.button, .education-pro-blue .slide-excerpt h2 a, .education-pro-blue .home-middle .entry-title a, .education-pro-blue .home-top .widget_text, .education-pro-blue .site-footer .wrap a:hover, .education-pro-blue .site-footer a.button, .education-pro-blue a {
  color: #115B90;
}
*/

/* Darker and bolder links - NOTE: This might duplicate previous item */
.education-pro-blue .footer-widgets .wrap a:hover, .education-pro-blue .footer-widgets a.button, .education-pro-blue .home-middle .entry-title a, .education-pro-blue .home-top .widget_text, .education-pro-blue .site-footer .wrap a:hover, .site-footer .education-pro-blue a.button, .education-pro-blue a {
  color: #195A8F;
  font-weight: 400;
}

.entry-title a:hover, .entry-footer a:hover {
	color: #195A8F !important;

}

/* Increasing title bar area */
.title-area {
	float: left;
	width: 420px;
	box-shadow: none;
}

/* Changing opacity of content box on slider */
.education-pro-home .slide-excerpt {
	background-color: #ffffff;
	box-shadow: 3px 3px rgba(70, 70, 70, 0.2);
	opacity: 0.75;
}


/* Taking off the border of underneath the UT Branding
------------------------------------------------------------ */
.site-header {
  background-color: #fff;
  border-top: 1px solid #e44a3c;
  box-shadow: 0 3px rgba(70, 70, 70, 0.05);
  min-height: 80px;
}



/* Bolding Top Nav
------------------------------------------------------------ */
.site-header .genesis-nav-menu a {
  color: #444;
  padding: 32px 16px;
  font-weight: bold;
}

/* removing overhang of the logo box
------------------------------------------------------------ */
.header-image .site-title  a {
	float: left;
	min-height: 80px;
	width: 100%;
}

/* Bold the headers
------------------------------------------------------------ */

h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 10px;
}


/* Correcting line height for TablePress
------------------------------------------------------------ */
table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.6;
  margin-bottom: 40px;
  width: 100%;
}
/* Adding new table class to center text and images in some tables for TablePress
------------------------------------------------------------ */
.table-center 
td {
	text-align: center;
	
}

/* For the Events page - making background white
------------------------------------------------------------ */
#tribe-events-pg-template {
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
}

/* Adding a little breathing room below image blocks
------------------------------------------------------------ */
.wp-block-image {
	margin-bottom: 1rem;
}

/* Giving some breathing room for left-aligned images and text next to it
------------------------------------------------------------ */
a.alignleft, img.alignleft, .wp-caption.alignleft {
  margin: 0 50px 12px 0;
}

/* Giving some breathing room for right-aligned images and text next to it
------------------------------------------------------------ */
.alignright img, .alignright figcaption {
  margin: 0 0 0.5em 0.5em;
}

/* Fixing no padding issue on single events
------------------------------------------------------------ */
.single-tribe_events h2.tribe-events-single-event-title {
  font-size: 1.7em;
  line-height: 1;
  margin: 0;
  padding: 2px 40px;
}

.single-tribe_events .tribe-events-schedule h3 {
  font-size: 18px;
  margin: 0;
  padding: 2px 40px;
}

.tribe-events-back {
  margin: 0 0 20px;
  padding: 2px 40px;
}

#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next {
  float: right;
  margin-left: 5px;
  text-align: right;
  padding: 2px 40px;
}

#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous, #tribe-events-header .tribe-events-sub-nav li {
  float: left;
  margin-right: 5px;
  text-align: left;
  padding: 2px 40px;
}

/* Giving some padding to the text box on the wooslider
------------------------------------------------------------ */
.slide-excerpt {
  background-color: #fff;
  filter: alpha(opacity=80);
  display: block;
  margin: 10px;
  opacity: 0.8;
  padding: 15px;
  position: absolute;
  z-index: 8;
}

/* Reducing amount of space around sidebar widget
------------------------------------------------------------ */
.after-entry .widget, .sidebar .widget {
  background-color: #fff;
  border-left: 3px solid #e44a3c;
  box-shadow: 3px 3px rgba(70, 70, 70, 0.05);
  padding: 15px 15px 15px 15px;
}

	
/* Column Classes
 *
 * Width: 1140px
 * Gutter: 20px
 * Link: http://www.billerickson.net/column-class-generator/
--------------------------------------------- */

.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 1.7543859649123%;
}
 
.one-half,
.three-sixths,
.two-fourths {
	width: 49.122807017544%;
}
 
.one-third,
.two-sixths {
	width: 32.163742690058%;
}
 
.four-sixths,
.two-thirds {
	width: 66.081871345029%;
}
 
.one-fourth {
	width: 23.684210526316%;
}
 
.three-fourths {
	width: 74.561403508772%;
}
 
.one-fifth {
	width: 18.59649122807%;
}
 
.two-fifths {
	width: 38.947368421053%;
}
 
.three-fifths {
	width: 59.298245614035%;
}
 
.four-fifths {
	width: 79.649122807018%;
}
 
.one-sixth {
	width: 15.204678362573%;
}
 
.five-sixths {
	width: 83.040935672515%;
}
 
.first {
	clear: both;
	margin-left: 0;
}

/* Reduce caption size
------------------------------------------------------------ */

.wp-caption .wp-caption-text {
font-size: 100%;
color: #000000;
text-align: left;
background-color: #ffffff;
padding-top: 8px;
margin: 10px;
font-weight: 700;
}

/*Reduce caption cont. The wp-caption markup may be deprecated. The following works with new WP blocks. Note, the second part here corrects formatting where the image has no alignment. */

.wp-block-image .aligncenter figcaption, .wp-block-image .alignleft figcaption, .wp-block-image .alignright figcaption, .wp-block-image.is-resized figcaption, .wp-block-embed figcaption {
/*   display: table-caption;
	caption-side: bottom; */
	font-weight: 400;
	font-size: 0.8em;
		color: #666;
		text-align: left;
}

.wp-block-image figcaption {
	display: table-cell;
	caption-side: bottom;
	font-weight: 400;
	font-size: 0.8em;
		color: #666;
		text-align: left;
}

.wp-block-gallery figcaption {
	display: table-cell;
	caption-side: bottom;
	font-weight: 400;
	font-size: 0.8em;
		color: #666;
		text-align: left;
	margin-bottom: 1rem;
}

/* Caption variant: centered text
------ */

.caption-centered figcaption {
	text-align: center;
}

/* Change Dark Blue Color on Middle Widget and Footer -------------- */

.education-pro-blue .home-middle, .education-pro-blue .footer-widgets, .education-pro-blue .site-footer {
	background-color: #003b5c;
}

/* Gutenberg WordPress Block CSS ---------- */

/* MEDIA AND TEXT BLOCKS ----- */

.media-and-text {
  grid-template-columns: max-content;
	align-items: flex-start;
	border-radius: 10%;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	-o-border-radius: 10%;
	}

.media-and-text-title {
  margin: 0 0 0 0;
	
	}

.media-and-text-body {
	margin: 0 0 0 0;
}

/* Thumbnail media and text ---- */

.media-and-text-thumb {
  grid-template-columns: 20% 80%;
	align-items: flex-start;
	border-radius: 10%;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	-o-border-radius: 10%;
	margin: 0.5em;
	}


.media-and-text-thumb p{
	margin-bottom: 0.2em;
}

/* Other ---- */

.tile-caption {
	margin: 0 50px;
}

.cover-short	{
	min-height: 300px;
}

/* Gutenberg Image Captions -----*/
.new-caption-text {		
	  text-align: left;
		padding-top: 8px;
	margin: 10px;
		font-weight: 700;
	font-size: smaller;
}

/* WP Quote block. Adding solid left border */

.wp-block-quote {
	border-left: 0.5em solid #195A8F;
	padding-left: 2em;
}

/* ============= END GLOBAL STYLING ==============*/
/*=============================================== */

/*=============================================== */
/* ============= BEGIN CUSTOM STYLING. ============= */
/*All styling below is for use with specific custom tags */

.gom-caption-text {
		text-align: left !important;
		font-weight: lighter !important;
	color: #333;
	background-color: #ffffff;
	padding-top: 8px;
	margin: 10px;
}

.gom-news-text {
	text-align: left !important;
		font-size: 0.8em;
	color: #000000;
		background-color: #ffffff;
}

.gom-news-text p {
	height: 60px;
}

.gom-news-text h2.entry-title {
		font-size: 1.2em;
	  font-style: italic;
		line-height: 1.5;
}

.gom-news-text h2.entry-title a {
		color: #3D78C1;
}

.gom-news-text h2.entry-title a:hover {
		color: #385061;
}

.gom-news-text img{
	width: 100%;
	padding: 0 1em 0.5em 0;
	aspect-ratio: 16/9;
	object-fit: cover;
}

@media screen and (min-width: 0) and (max-width: 641px) {
.utig-16-9-tile img{
	aspect-ratio: 1/1;
	object-fit: cover;
	}
}

.gom-news-text img.entry-image.attachment-post {
	margin-top: 20px;
}

.crop-img {
  text-align: center;
}

/* Fix Embedded YouTube Videos. This was a hotfix and can be improved. See Speaker Deck styling below. -----*/

/* Use this instead */
.custom-youtube-align {
	margin: 0 0 1rem 1rem;
}

/* older embedded video fixes */

.custom-video {
	text-align: center !important;
	font-size: 0.8em;
	color: #000000;
	background-color: #ffffff;
	padding-top: 8px;
	margin: 10px;
	font-weight: 700;
}

.custom-video iframe {
	width: 800px;
	height: 450px;
	margin-left: auto;
  margin-right: auto;
  display: block;
}

.custom-video-col iframe {
	width: 100%;
	height: 370px;
	margin-left: auto;
  margin-right: auto;
  display: block;
}


/* Fix Embedded Speaker Deck Slideshow. The styling below allows the slideshow to scale responsively. Similar styling can be applied to any iframe. The padding bottom value is the ratio of the container. If the iframe is 4:3 padding bottom should be 75percent. Padding top allows room for chrome in YouTube iframes. First one stopped working, use v2 -----*/

.custom-slideshow {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden;
	} 

.custom-slideshow iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
		} 


.custom-slideshow-v2 iframe {
	position: relative;
  overflow: hidden;
  padding-top: 56.25%;
	margin: auto;
	width: 60vmin;
	height: 30vmin;
	}



/* MARKUP FOR IMPROVISED MENUS. */

/* Decoration ----*/
.menu-tables table{
	font-size: 14px;
	background-color: #34678a;
	margin-top: 1em;

	/* Remove light grey border bottom --*/
}
.menu-tables tbody{
		border-bottom: none;
}

	/* Text color and stretch hyperlink to maximum area ----*/
.menu-tables a{
	color:#FFF;
	display:block;
  width: 100%;
}

	/* Remove border top and cell spacing ----*/
.menu-tables td{
	border-top: none;
	padding-right: 1em !important;
	padding-left: 1em !important;
	}

	/* Decoration for hover cell ----*/
.menu-tables td:hover {
	background-color: #a8b2b9;
}

/* BLACK AND WHITE VERSION */

.menu-tables-white table{
	margin-top: 1em;
}

.menu-tables-white td{
	padding: 0;
	}

.menu-tables-white a{
	color: #333 !important;
	display:block;
  	width: 100%;
	padding: 1rem;
}

.menu-tables-white td:hover a {
	background-color: #333;
	color: #FFF !important;
}


/* ==== END MENU TABLES MARKUP === */

 /* Decoration for Events page columns ---*/

/*this removes the gap between each column or div */
.sem-cols div{
		margin-left: 0px !important;
} 

/*this adds some spacing between the text and the edges of each column */
.sem-cols p{
	margin: 1em;
}

/* this part sets the background color for the column */
.sem-col-one {
	background-color: #BF5700;
	border-right: 1px solid #000000;

  height: 285px;

  position: static;  
}

/* this part sets the color of the text when hovering the column */
.sem-cols a:hover { color: #000000; }

/* this part changes the color of the text so that it's visible on a colored background. You can do this under sem-cols a too if all the text in all four columns will be the same color */
.sem-col-one a{
	color: #FFFFFF;
}

.sem-col-two {
	background-color: #de7122;
	border-right: 1px solid #000000;

  height: 285px;

  position: static;  
}

.sem-col-two a{
	color: #FFFFFF;
}

.sem-col-three {
	background-color: #fd8b3d;
	border-right: 1px solid #000000;

  height: 285px;

  position: static;  
}

.sem-col-three a{
	color: #FFFFFF;
}

.sem-col-four {
	background-color: #ffa757;
	border-right: 1px solid #000000;

  height: 285px;

  position: static; 
}

.sem-col-four a{
	color: #FFFFFF;
}

.sem-col-five {
	background-color: #ffffff;
	border-right: 1px solid #000000;

  height: 285px;

  position: static; 
}

.sem-col-five a{
	color: #BF5700;
}

/* this is a button design for Brown Bag archives on Event page */
#stripe {
  font-size: 4;
}

.bagbutton {
background-color: #BF5700;
border-radius: 10px;
color: #fdfefe;
padding: 6px;
margin-bottom: 4px;
text-align: center;
font-size: 20px;
width: 160px;
}

.bagbutton a{
	color: #ffffff;
}

.bagbutton a:hover { color: #000000; }

/* this is a button design for Brown Bag archives on Event page */
#stripe {
  font-size: 4;
}

.bagbutton {
background-color: #BF5700;
border-radius: 10px;
color: #fdfefe;
padding: 6px;
margin-bottom: 4px;
text-align: center;
font-size: 1.1em;
width: 160px;
}

.bagbutton a{
	color: #ffffff;
}

.btn a:hover { color: #000000; }

/* MARKUP for improvised side menus */

	/* Add cell spacing ----*/
.improv-side-menu {
	padding-right: 1em;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	}

.improv-side-menu li{
	  margin-top: 0.5em;
}

/* MARKUP FOR GOM2 CITATIONS */

.gom2-cite {
	padding-left: 1.5em;
	padding-right: 1.5em;
	text-align: justify;
}

/* DECORATION for emphasizing text */

.emphasis-text {
	margin-bottom: 0;
	
	font-size: 1.3rem;
	padding-right: 1em;
	padding-left: 0.5em;
	padding-top: 0.8em;
	padding-bottom: 0em;
	font-weight: 550; !important
	color: #333F48;
}

/* LIGHTWEIGHT HEADING */

.lightweight-heading {
	font-size: 1.3rem;
	margin-bottom: 0.4rem;
}

/* Markup for Research Highlights boxes - draft-1 */
.research-highlight {
	padding-right: 3.5em;
	padding-left: 3.5em;
	margin-bottom: 1.5em;
}

@media screen and (min-width: 601px) {
.research-highlight h2 {
	text-align: center;
	font-size: 4rem;
}
}

@media screen and (max-width: 600px) {
.research-highlight h2 {
	text-align: center;
	font-size: 2rem;
}
}

/* This is another way to get responsive font size for the header
.research-highlight h2 {
	text-align: center;
	font-size: calc(2em + 2vw); // 16px
}
*/

.research-highlight .wp-block-buttons {
	display: flex;
  justify-content: center;
}

/* Markup for Research Highlights boxes - draft-2 */

.research-highlight-2 {
	grid-template-columns: 20% 80%;
	align-items: flex-start;
	border-radius: 10%;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	-o-border-radius: 10%;
	margin-bottom: 2.5em;
}

.research-highlight-2 .wp-block-media-text__media {
	display: flex;
  flex-direction: column;
	align-items: center;
  height: 100%;
	margin-top: 1em;
}

@media screen and (min-width: 1024px) {
.research-highlight-2 img {
	width: 12em;
	height: 12em;
	object-fit: cover;
}
}

@media screen and (max-width: 1023px) {
.research-highlight-2 img {
	width: calc(4em + 9vw);
	height: calc(4em + 9vw);
	object-fit: cover;
}
}


/* This also scales images responsively
.research-highlight-2 img{
	width: calc(4em + 12vw);
	height: calc(4em + 12vw);
	object-fit: cover;
}
*/

.research-highlight-2 .wp-block-media-text__content {
	display: flex;
  flex-direction: column;
  height: 100%;
}

.research-highlight-2 p.has-large-font-size {
	font-size: calc(1em + 0.8vw);
	margin: inherit;
}

.research-highlight-2 .wp-block-buttons a{
	color:#fff;
}



/* Markup for External Embed Cards 448 240 */

.external-embed-card {
	margin-bottom: 1em;
	display: block;
	padding: 1.5rem;
	line-height: 1.5;
	border: 1px solid #e5e5e5;
	}

.external-embed-card img {
	height: calc(4em + 9vw);
	object-fit: cover;
	border: none;
	margin-bottom: 1.3rem;
	}

.external-embed-card div.wp-block-media-text__content {
	padding: 0;
}

.external-embed-card h2 {
	font-weight: 600;
	font-size: 1.2em;
	line-height: 1.3;
}

.external-embed-card h2 a {
	font-weight: 600;
	color: #32373c;
}

.external-embed-card h4 {
	font-size: 0.8em !important;
	font-weight: 600;
	color: #8c8f94;
}

.external-embed-card h4:before {
	font-family: "dashicons";
	content: "\f504";
	color: #BF5700;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-size: 1.2em;
	vertical-align: bottom;
	margin-right: 0.3em;
}

.external-embed-card h3 {
	font-size: 0.8em !important;
	font-weight: 600;
	color: #8c8f94;
}

.external-embed-card h3:before {
	content: url('https://ig.utexas.edu/wp-content/uploads/2024/01/cropped-UTIG_logomark-25x25-1.png');
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}



.external-embed-card p {
	margin-bottom: 1rem;
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1.5;
	color: #82878c;
}


/* Custom Button hover decoration */

.custom-utig-button .wp-block-button {
	border: none;
}

.custom-utig-button div {
	background-color: white;
	border: 2px solid;
		transition: .2s ease;
}

.custom-utig-button div:hover {
	background-color: #3c434a;
	color: white;
	transition: .2s ease-in-out;
}



/* Custom Text Box with border. Added hover and transition effects */

.utig-text-box-border {
	display: block;
	background-color: white;
	border: 2px solid #32373C;
	text-transform: uppercase;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	transition: .4s ease;
	}

.utig-text-box-border:hover {
	background-color: #3c434a;
	transition: .5s ease-in-out;
}

.utig-text-box-border a {
	color: #32373C;
	font-weight: bold;
	font-size: 0.85em;
	transition: .4s ease;
}

.utig-text-box-border:hover a {
	color: white;
	transition: .5s ease;
}

/* Special decorative markup for FAQ pages */

.utig-faq-question {
	background-color: #f5f5f5;
	border-left: 3px solid #3f71c3;
  padding: 18px;
  width: 100%;
  text-align: left;
	}


/* Markup for headline labels. To be used with types of story, eg Geophysics Q&A */

.headline-label-blue {
	display: inline-block;
	padding: 0.8rem 1.5rem !important;
	margin-bottom: -1.5em !important;
	position: relative;
	background-color:#3d78c1;
	color:#fff;
	font-weight:800;
	font-size: 1.1em;
	float: left;
}

.headline-label-black {
	display: inline-block;
	padding: 0.8rem 1.5rem !important;
	margin-bottom: -1.5em !important;
	position: relative;
	background-color:#444;
	color:#fff;
	font-weight:800;
	font-size: 1.1em;
	float: left;
}

.headline-label-orange {
	display: inline-block;
	padding: 0.8rem 1.5rem !important;
	margin-bottom: -1.5em !important;
	position: relative;
	background-color:#bf5700;
	color:#fff;
	text-transform: uppercase;
	font-weight:800;
	font-size: 1.1em;
	float: left;
}

/* Block Groups with Colored Backgrounds. This adds a little spacing around the group, and clears extra margins around the bottom ----- */

.colored-group-box {
	padding: 1.5rem;
	margin: 1rem;
}

.colored-group-box p {
	margin: 0;
	padding-bottom: 1rem;
}

.colored-group-box ul {
	margin-bottom: 0px;
}


.colored-group-box .wp-block-button a:hover{
	color: #ffffff;
}

/* A custom style for lists with non-breaking lines that are a different font size */

.custom-list-description em {
	font-size: 0.8em;
	vertical-align: top;
}

/* Markup for UTIG Awards Winner media and text blocks. First set is for UT staff service awards with silver border, the rest have gold. */

.ut-service-award-block {
	grid-template-columns: 20% 1fr;
margin: 1em 0 1em;
}
.ut-service-award-block div {
		align-self: flex-start !important;
	padding: 0!important;
	margin: 0 1em 0 2em; 
}
.ut-service-award-block img {
	border-style: double ;
	border-color: #AAA9AD;
	border-width: thick;
	width: 7.4em;
	height: 9em;
	object-fit: cover;
}

.ut-service-award-block p {
	margin-bottom: 0px;
	text-transform: uppercase;
}

.ut-service-award-block p.has-large-font-size {
	font-size: 1.8em;
}

/* Begin UTIG awards */ 

.utig-awardee-block {
	grid-template-columns: 20% 1fr;
margin: 1em 0 1em;
}

.utig-awardee-block div {
		align-self: flex-start !important;
	padding: 0!important;
	margin: 0 1em 0 2em; 
}

.utig-awardee-block img {
	border-style: double ;
	border-color: #FFD700;
	border-width: thick;
	width: 7.4em;
	height: 9em;
	object-fit: cover;
}

.utig-awardee-block p {
	margin-bottom: 0px;
	text-transform: uppercase;
}

.utig-awardee-block p.has-large-font-size {
	font-size: 1.8em;
}

/* SIDEBAR markup. Quick and dirty */

.news-story-sidebar {
	width:300px;
	float: right;
	margin: 0 0 2em 2em;
	background-color: #f5f5f5;
}

.news-story-sidebar div {
	display: block;
	margin: -1em 1em .5em 0;
}

.news-story-sidebar img {
	display: block;
	margin-left: -0.5em;

}

.news-story-sidebar p {
padding-left: 1em;

}

/* this part adds a little spacing between the title and the link */

.news-story-sidebar br {
	content: "";
  height: .5em;
  display: block;
}

/* DRAFT Markup for new homepage mission statement widget 
section#text-19 {
	position: relative;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 90%; 
		padding-bottom: 2em;
}

section#text-19 h4.widget-title{
	color: #FFFFFF;
	font-size: 1.8em;
}

section#text-19 p{
	color: #FFFFFF;
}

section#text-19 a{
	background-color: #003b5c;
	color: white;
	border: 1px solid #FFFFFF;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	padding-left: 1em;
	padding-right: 1em;
}

section#text-19 a:hover{
	background-color: #FFFFFF;
	color: #003b5c;
	border: 1px solid #003b5c;
}

*/

/* ===================== */
/* ACCESSIBILITY CHANGES */
/* ===================== */

/* Improves text color contrast for homepage middle widget */

.home-middle h3 {
	color: #fff ; 
}

/* underlines links on hover in main content sections - I don't know how to bundle these into one. Note also the last one improved color contrast for hover links */  


.home-middle a:hover {
	text-decoration: underline;
}

.site-inner a:hover {
	text-decoration: underline;
}

div.footer-widgets a:hover {
	text-decoration: underline;
	color: white !important; 
}

footer.site-footer a:hover {
	text-decoration: underline;
	color: white !important; 
}

/* Sets rem font-size instead of pixels for headers */

h1, h1.entry-title {
	font-size: 2.25rem;
}

h2 {
	font-size: 1.88rem;
}

h3 {
	font-size: 1.5rem;
}

h4 {
	font-size: 1.3rem;
}

h5 {
	font-size: 1.12rem;
}

h6 {
	font-size: 1rem;
}

/* Slightly shrinking post and page title on mobile because I can't make word-wrap or word-break work */
@media screen and (min-width: 0) and (max-width: 639px) { h1.entry-title {
	font-size: 2rem !important;
	}}


/* ===================== */
/* END OF ACCESSIBILITY */
/* ===================== */

/* HOVER REVEAL. Markup for slide-up hover text reveal with images */


.gallery-text-reveal strong {
	font-size: 1.3rem;
}

.gallery-text-reveal figcaption {
	height: 40%; 
  transition: .6s ease-in-out;
	
}

.gallery-text-reveal li:hover figcaption {
	height: 90%;
}



/* This version fades slides all the way up and replaces the background gradient with an opacity 
.gallery-text-reveal figcaption {
	height: 120px;
  transition: .5s ease-in-out;
}

.gallery-text-reveal li:hover figcaption, li:focus figcaption {
	 height: 100%;
	background-color: hsla(0, 0%, 20%, 0.5);
	}
	
*/

/* This part hides scrollbars. The first one is for Chrome */

.gallery-text-reveal figcaption::-webkit-scrollbar {
  display: none;
}

.gallery-text-reveal figcaption {
	-ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* This also works, fade in.
  
.gallery-text-reveal figcaption {
	  transition: .5s ease;
  opacity:0; 	
}

.gallery-text-reveal figcaption:hover {
 opacity: 1; 
}
*/

/* === FOOTER WIDGETS MARKUP === */

.footer-widgets section {
	margin-bottom: 0;
}

.footer-widgets div {
	margin-bottom: 1.3rem;
}

.footer-widgets h4 {
	font-weight: 700;
}

.footer-widgets h1{
	font-size: 2rem;
}

/* Reduce font size so that emails fit in columns. Add margin so that they're all even. Float fifth column so it responds more consistently */

.footer-widgets {
	font-size: 80%;
}

.footer-widgets .widget-area {
	margin-right: 2rem !important;
}

.footer-widgets-5  {
		float: left !important;
}

/* Breathing room for social icons */

#simple-social-icons-2 {
	margin-bottom: 2rem;
}


/* === END FOOTER WIDGETS === */


/* --- BEGIN UTIG PROGRAM --- */
/** This is for a three column grid, picture, time and session **/


.utig-program-container {
	margin: 2em 2em;
	padding-top: 1em;
	border-top: 3px solid #bf6500;
	padding-bottom: 1em;
	border-bottom: 3px solid #bf6500;
}

.utig-program-container h3 {
	margin-bottom: 1.2em 
}

.utig-program-container h4 {
	font-weight: 600;
	margin-bottom: 1.2em;
}

.utig-program  {
	display: grid !important;
	grid-template-columns: 20% 12% 60% !important;
	gap: 1em;
	margin-bottom: 1em;
}

.utig-program img {
	padding-right: 1em;
	aspect-ratio: 4/5;
	object-fit: cover;
	padding: 0;
	}

.utig-program p.has-large-font-size {
	font-size: 1.2rem !important;
	font-weight: 700;
		line-height: 1em;
	margin: 0 0 0.4em 0;
}

.utig-program a {
	font-size: 1rem;
}

.utig-program p {
	font-size: 0.9rem;
	margin-bottom: 0.2em;
}

@media screen and (min-width: 0) and (max-width: 559px) {.utig-program {
display: inline-flex !important;	
	}}

/* --- END UTIG PROGRAM --- */

/* --BEGIN PEOPLE SINGLE COLUMN LIST-- */ 
/* Markup for a definitive People Media and Text. For use in single column lists with horizontal entries. */

.people-horizontal-list {
	display: grid;
	grid-template-columns: 18% 60% !important;
	align-items: flex-start;
	border-radius: 10%;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	-o-border-radius: 10%;
	margin: 1.3em 0;
	align-self: start;
	}

.people-horizontal-list .wp-block-media-text__content {
	padding: 0;
		align-self: start;
	}

.people-horizontal-list p.has-large-font-size {
	font-size: 1.2rem !important;
	font-weight: 700;
		line-height: 1em;
	margin: 0 0 0.4em 0;
}

.people-horizontal-list a {
	font-size: 1rem;
}

.people-horizontal-list p {
	font-size: 0.9rem;
	margin-bottom: 0.2em;
}

.people-horizontal-list img{
	padding-right: 1em;
	aspect-ratio: 4/5;
	object-fit: cover;
}

.people-horizontal-list figure{
	align-self: start !important;
}

@media screen and (min-width: 1024px) and (max-width: 1160px) {.people-horizontal-list {
display: grid;
	grid-template-columns: 18% 70% !important;
	}}

@media screen and (min-width: 640px) and (max-width: 1023px) {.people-horizontal-list {
display: grid;
	grid-template-columns: 23% 65% !important;
	}}


@media screen and (min-width: 0) and (max-width: 639px){
.people-horizontal-list img{
	width: 12rem;
	padding-right: 0;
	padding-bottom: 0.8em;
	}}

@media screen and (min-width: 0) and (max-width: 639px) {.people-horizontal-list {
	display: inline-grid;
	}}


/* ==== END PEOPLE SINGLE COLUMN LIST ==== */


/* --BEGIN PEOPLE FOUR COLLAPSING COLUMN LIST-- */ 
/* Markup for using Media and Text to create people grids. The columns collapse with the page width */


.people-collapsing-grid .wp-block-group__inner-container {
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: 1.5rem 0 2.5rem !important;
	}



@media screen and (min-width: 1024px) and (max-width: 1160px) {
.people-collapsing-grid .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
.people-collapsing-grid .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: 1fr 1fr ;
} }

@media screen and (min-width: 0) and (max-width: 639px) {
.people-collapsing-grid .wp-block-group__inner-container {
	display: inline-block;
}
}

.people-collapsing-grid .wp-block-media-text{	
display: inline-block;
	margin-bottom: 1rem;
}

.people-collapsing-grid .wp-block-media-text__content {
	padding: 0;
	max-width: 95%;
}

.people-collapsing-grid p.has-large-font-size { 
	margin: 0;
	font-size: 1em !important;
	font-weight: 700;
}

.people-collapsing-grid p {
	font-size: 0.9rem;
	margin-bottom: 0;
}

.people-collapsing-grid img{
 padding-bottom: 0.5rem;
	width: 14rem;
	height: 18rem;
	object-fit: cover;

}

.people-collapsing-grid p a::before {
	font-family: "dashicons";
	content: "\f348";
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	font-size: 1.4em;
	color: #111;
	width: 1.2em;
	height: 1.2em;
	vertical-align: top;
	margin-right: 0;
}

.people-collapsing-grid a {
	font-weight: 400 !important;
	color: #3D78C1 !important;
}

/* END COLLAPSING COLUMNS GRID */

/* Hidden page break for draft work on published pages */

.hidden-page-break {
	display: none;
}

/* Custom style for removing the default bottom margin from paragraph class */

.utig-no-bottom-margin {
	margin-bottom: 0;
}

.utig-small-bottom-margin {
	margin-bottom: 0.9rem;
}

.utig-no-bottom-group {
	margin-bottom: 1.2rem;
}

.utig-no-bottom-group p{
	margin-bottom: 0;
}

/* A custom style for making a 4:5 cutout of an image. For small screens the image switches to 1:1 square cutout. */

.people-4-5-tile img{
	aspect-ratio: 4/5;
	object-fit: cover;
}

@media screen and (min-width: 0) and (max-width: 641px) {
.people-4-5-tile img{
	aspect-ratio: 1/1;
	object-fit: cover;
	}
}

/* Use with people-4-5-tile. Sets tile size to 30 percent. Changes responsively to inline centered image. */

.people-4-5-tile-30 figure {
		width: 30%;
	margin-bottom: 0;
	padding: 0 1rem;
}

@media screen and (min-width: 0) and (max-width: 641px) {
.people-4-5-tile-30 figure {
	width: 100%;
	display: flex;
	justify-content: center;
}
}

/*Same but landscape. */

.utig-16-9-tile img{
	width: 100%;
	padding: 0 1em 0.5em 0;
	aspect-ratio: 16/9;
	object-fit: cover;
}

@media screen and (min-width: 0) and (max-width: 641px) {
.utig-16-9-tile img{
	aspect-ratio: 1/1;
	object-fit: cover;
	}
}

/** === PEOPLE PROFILE PAGE PORTRAIT === **/

.utig-profile img{
	aspect-ratio: 4/5;
	object-fit: cover;
}

@media screen and (min-width: 0) and (max-width: 641px) {
.utig-profile img{
	aspect-ratio: 1/1;
	object-fit: cover;
	}
}

.utig-profile figure {
		width: 36%;
	margin-bottom: 0;
	padding: 0 1rem;
}

@media screen and (min-width: 0) and (max-width: 641px) {
.utig-profile figure {
	width: 100%;
	display: flex;
	justify-content: center;
}
} 


.utig-portrait img{
	aspect-ratio: 4/5;
	object-fit: cover;
	width: 200px;
}

/* Home page newsfeed images */

img.post-image {
	aspect-ratio: 5/3;
	object-fit: cover;
	object-position: 50% 30%;
	height: 20em;
}

/* Better Media and Text Block */

.media-horizontal-simple {
	display: grid;
	grid-template-columns: 25% 60% !important;
	align-items: flex-start;
	border-radius: 10%;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	-o-border-radius: 10%;
	margin: 1.3em 0;
	align-self: start;
	}

.media-horizontal-simple .wp-block-media-text__content {
	padding: 0;
		align-self: start;
	}

.media-horizontal-simple p.has-large-font-size {
	font-size: 1.2rem;
	font-weight: 700;
		line-height: 1em;
	margin: 0 0 0.4em 0;
}

.media-horizontal-simple p {
	font-size: 1em;
}

.media-horizontal-simple img{
	padding-right: 1em;
	aspect-ratio: 1/1;
	object-fit: cover;
}

.media-horizontal-simple figure{
	align-self: start !important;
}

@media screen and (min-width: 1024px) and (max-width: 1160px) {.media-horizontal-simple {
display: grid;
	grid-template-columns: 18% 70% !important;
	}}

@media screen and (min-width: 640px) and (max-width: 1023px) {.media-horizontal-simple {
display: grid;
	grid-template-columns: 23% 65% !important;
	}} */

@media screen and (min-width: 0) and (max-width: 559px) {.media-horizontal-simple {
display: inline-flex;	
	}}

@media screen and (min-width: 0) and (max-width: 639px){
.media-horizontal-simple img{
	width: 12rem;
	padding-bottom: 0.8em;
	}}

@media screen and (min-width: 560px) and (max-width: 639px) {.media-horizontal-simple {
display: inline-flex;	
	}}

/* Align Block Right */

.utig-align-block-right {
	float: right;
	min-width: 30%;
	max-width:50%;
	margin: 0.5em 0 0.5em 1em;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {.utig-align-block-right {
float: right;
	width: 50%;
	}}

@media screen and (min-width: 0) and (max-width: 639px) {.utig-align-block-right {
	float: none;
	max-width: 100%;
	margin-bottom: 1em;
	}}

/* Light Hyperlink Text for Dark Backgrounds */

.light-on-dark a{
	color: white;
}

.light-on-dark a:hover {
	color: #f0f0f1; }

/* Half Width Block Elements. Scales to Full width */

.utig-half-width-block {
	max-width: 50%;
}

@media screen and (min-width: 0) and (max-width: 1023px) {.utig-half-width-block {
	max-width: 100%;
	/* add breathing room in box */
	margin: 0.2em;
	padding: 0.8em;
	}}

/* UTIG Divided Columns. Adds light background color and thins gap between columns. Also letterboxes images. */

.utig-divided-columns {
	margin-left: -1em;
}

.utig-divided-columns .wp-block-column {
	padding: 1em;
	margin-left: 1em;
	background-color:#f7f6f4;
}

.utig-divided-columns img {
	padding-right: 0em;
	aspect-ratio: 3/2;
	object-fit: cover;
}

.utig-divided-columns ul {
	max-width: 100%;
	margin-right: 1em;
}

/* Dash Icons */

.utig-clock:before {
	font-family: "dashicons";
	content: "\f469";
	color: #BF5700;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-size: 1.2em;
	vertical-align: top;
	margin-right: 0.3em;
}

.utig-clock-pst:before {
	font-family: "dashicons";
	content: "\f469";
	color: #BF5700;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-size: 1.2em;
	vertical-align: top;
	margin-right: 0.3em;
}

.utig-clock-pst:after {
	font-size: 0.9rem;
	color: #666;
	content: " PST";
}

.utig-location:before {
	font-family: "dashicons";
	content: "\f230";
	color: #BF5700;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-size: 1.2em;
	vertical-align: top;
	margin-right: 0.3em;
}

.utig-info:before {
	font-family: "dashicons";
	content: "\f348";
	color: #BF5700;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-size: 1.2em;
	vertical-align: top;
	margin-right: 0.3em;
}

.utig-pdf:before {
	font-family: "dashicons";
	content: "\f190";
	color: #195A8F;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-size: 1.4em;
	vertical-align: middle;
	margin-right: 0.2em;
}

.utig-email:before {
	font-family: "dashicons";
	content: "\f465";
	color: #BF5700;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-size: 1.2em;
	vertical-align: top;
	margin-right: 0.3em;
}

.utig-phone:before {
	font-family: "dashicons";
	content: "\f525";
	color: #BF5700;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-size: 1.2em;
	vertical-align: top;
	margin-right: 0.3em;
}


/* === BEGIN MEDIA AND TEXT STYLING === */

/* Basic styling for a standard media and text block. Scaling needs improving */

.utig-media-text-standard {
	display: grid;
	grid-template-columns: 35% 65% !important;
	align-items: flex-start;
	border-radius: 10%;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	-o-border-radius: 10%;
	margin: 2em 0 !important;
	align-self: start;
	}

.utig-media-text-standard .wp-block-media-text__content {
	padding: 0 0 0 1em;
		align-self: start;
	}

.utig-media-text-standard p.has-large-font-size {
	font-size: 2rem;
	font-weight: 700;
		line-height: 1em;
	margin: 0 0 0.4em 0;
}

.utig-media-text-standard img{
	padding-right: 1em;
	aspect-ratio: 4/3;
	object-fit: cover;
}

.utig-media-text-standard figure{
	align-self: start !important;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {.utig-media-text-standard {
display: grid;
	grid-template-columns: 40% 60% !important;
	}} */


@media screen and (min-width: 0) and (max-width: 639px) {.utig-media-text-standard {
display: inline-flex;	
	}}

@media screen and (min-width: 0) and (max-width: 639px){
.utig-media-text-standard img{
	display: inline-flex;	
	width: 85%;
	padding-bottom: 0.8em;
	}}


/* Version of standard media and text block for smaller pages. Aspect ratio a little wider and more even balance between text and image.*/

.utig-media-text-narrow {
	display: grid;
	grid-template-columns: 45% 50% !important;
	align-items: flex-start;
	border-radius: 10%;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	-o-border-radius: 10%;
	margin: 1.3em 0;
	align-self: start;
	}

.utig-media-text-narrow .wp-block-media-text__content {
	padding: 0 0 1em 1em;
		align-self: start;
	}

.utig-media-text-narrow p.has-large-font-size {
	font-size: 2rem;
	font-weight: 700;
		line-height: 1em;
	margin: 0 0 0.4em 0;
}

.utig-media-text-narrow img{
	padding-right: 1em;
	aspect-ratio: 3/2;
	object-fit: cover;
}

.utig-media-text-narrow figure{
	align-self: start !important;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {.utig-media-text-narrow {
display: grid;
	grid-template-columns: 40% 60% !important;
	}} */


@media screen and (min-width: 0) and (max-width: 639px) {.utig-media-text-narrow {
display: inline-flex;	
	}}

@media screen and (min-width: 0) and (max-width: 639px){
.utig-media-text-narrow img{
	display: inline-flex;	
	width: 85%;
	padding-bottom: 0.8em;
	}}

/* Feature version */

.utig-media-text-feature {
	display: grid;
	width: 90%;
	grid-template-columns: 40% 60% !important;
	align-items: flex-start;
	border: 1px solid #dcdcde;
	margin-top: 1.3em;
	margin-bottom: 1.3em;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
	align-self: start;
	--tw-shadow: 0 0 20px 5px rgba(0,0,0,0.09);
    --tw-shadow-colored: 0 0 20px 5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}

.utig-media-text-feature .wp-block-media-text__content {
	padding: 0 0 0 1em;
		align-self: start;
	}

.utig-media-text-feature p.has-small-font-size {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.025em;
	font-size: 0.95rem !important;
	margin-bottom: 1em;
}

.utig-media-text-feature p.has-large-font-size {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1em;
	margin: 0 0 0.4em 0;
}

.utig-media-text-feature p.has-large-font-size a {
	color:inherit;
}

.utig-media-text-feature hr {
	width: 6rem;
	height: 0.0625rem;
	border-width: 0px;
	--tw-bg-opacity: 1;
    background-color: rgb(0 49 69 / var(--tw-bg-opacity));
	display: block;
    unicode-bidi: isolate;
    margin-block-start: 1.2em;
    margin-block-end: 1em;
    margin-inline-start: 0.2em;
    margin-inline-end: auto;
    overflow: hidden;
}


.utig-media-text-feature img{
	padding-left: 1em;
	aspect-ratio: 3/2;
	object-fit: cover;
}

.utig-media-text-feature figure{
	align-self: start !important;
}


@media screen and (min-width: 640px) and (max-width: 1023px) {.utig-media-text-feature {
display: grid;
	grid-template-columns: 40% 60% !important;
	}} */


@media screen and (min-width: 0) and (max-width: 639px) {.utig-media-text-feature {
display: inline-flex;	
	}}

@media screen and (min-width: 0) and (max-width: 639px){
.utig-media-text-feature img{
	display: inline-flex;	
	width: 85%;
	padding-bottom: 0.8em;
	}}



/* === END MEDIA AND TEXT STYLING === */

/* === BUTTONS === */
/* === BUTTONS === */
/* === BUTTONS === */

/* === Standard Button === */

.utig-standard-button {
	display: inline-block;
	background-color: white;
	border: 2px solid #333f48 !important;
	color: #333f48;
	padding: 0.5rem 1.5rem;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	transition: .1s ease;
	}

.utig-standard-button:hover {
	background-color: #333f48 !important;
	color: white;
	transition: .1s ease-in-out;
}

.utig-standard-button a {
	color: #333f48 !important;
	font-weight: 600;
	transition: .1s ease;
	/* this next five lines makes a 2em area around the text clickable. */
	display: inline-block;
    position: relative;
    z-index: 1;
    padding: 2em;
    margin: -2em;
}

.utig-standard-button:hover a {
	color: white !important;
	transition: .1s ease;
}

/* === Centered Standard Button === */
/* Use only with small buttons, sets width to 25%. Use with paragraph block */

.utig-standard-button-center {
	display: block;
	width: 25%;
	background-color: white;
	border: 2px solid #333f48 !important;
	padding: 0.5rem 1.5rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	transition: .4s ease;
	}

.utig-standard-button-center:hover {
	background-color: #333f48 !important;
	transition: .5s ease-in-out;
}

.utig-standard-button-center a {
	color: #333f48 !important;
	font-weight: 600;
	transition: .4s ease;
	/* this next five lines makes a 2em area around the text clickable. */
	display: inline-block;
    position: relative;
    z-index: 1;
    padding: 2em;
    margin: -2em;
}

.utig-standard-button-center:hover a {
	color: white !important;
	transition: .5s ease;
}

/* === Centered Standard Button - deprecated see above === */

.utig-button-center {
	width: fit-content !important;
	background-color: white;
	border: 2px solid #32373C;
	padding: 0.5rem 1.5rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	transition: .4s ease;
	}


.utig-button-center:hover {
	background-color: #3c434a;
	transition: .5s ease-in-out;
}

.utig-button-center a {
	color: #32373C;
	font-weight: 600;
	transition: .4s ease;
	/* this next five lines makes a 2em area around the text clickable. */
	display: inline-block;
    position: relative;
    z-index: 1;
    padding: 2em;
    margin: -2em;
}

.utig-button-center:hover a {
	color: white;
	transition: .5s ease;
}

/* === Back Button === */

.utig-back-button::before {
	position: relative;
	content: "\f341";
	font-family: "dashicons";
	-webkit-font-smoothing: antialiased;
	left: -0.3rem;
	vertical-align: bottom;
}

/* this bit corrects firefox */
@supports (-moz-appearance:none) {
	.utig-back-button::before {
		vertical-align: sub;
	}
}

/* for very small screens */
@media screen and (min-width: 0) and (max-width: 255px) {
	.utig-back-button::before {
		display:none;
	}
}

.utig-back-button {
	display: inline-block;
	background-color: white;
	border: 2px solid #333f48 !important;
	color: #333f48;
	padding: 0.5rem 1.5rem;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0.8rem;
	text-align: center;
	transition: .1s ease;
	text-transform: uppercase;
	font-weight: 600 !important;
	font-size: 0.8em;
	}

.utig-back-button:hover {
	background-color: #333f48 !important;
	color: white;
	transition: .1s ease-in-out;
}

.utig-back-button a {
	color: #333f48 !important;
	transition: .1s ease;
	/* this next five lines makes area around the text clickable. */
	display: inline-block;
    position: relative;
    z-index: 1;
    padding: 1em 2em 1em 2em;
    margin: -2em;
	font-weight: 600 !important;
}

.utig-back-button:hover a {
	color: white !important;
	transition: .1s ease;
}

/* === END BUTTONS === */
/* === END BUTTONS === */
/* =================== */

/* Custom styling for download link on Code of Conduct Menu */
#menu-item-16549 a {
	font-weight: 650;
}

#menu-item-16549:before {
	font-family: "dashicons";
	content: "\f190";
	color: #195A8F;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-size: 1.2em;
	vertical-align: middle;
	margin-right: 0.3em;
}

.utig-seminars time {display: none!important;}


/* Custom styling for UTIG Seminar Series category page 2273476 */

.category-2273476 main.content img {
	width: 14rem;
	height: 18rem;
	object-fit: cover;
	float: left;
	margin: 0 2rem 1rem 0;
}

/* Styling to vertically stack media and text */

.utig-media-text-stacked {
	display: inline-block;
}

.utig-media-text-stacked div {
	padding: 0 0 !important;
	width: 12rem;
}

.utig-media-text-stacked img {
	width: 10rem;
	margin-bottom: 0.7rem;
}

.utig-media-text-stacked p {
	font-size: 0.9em !important;
	margin-top: 0;
	margin-bottom: 0;
}
.utig-media-text-stacked a {
	font-weight: 600;
	font-size: 1em;
}

/* Styling for book thumbnails using media and text */
.utig-media-text-book {
	direction: ltr;
	display: grid;
	grid-template-columns: 12rem 1fr;
	grid-template-rows: auto;
}

@media screen and (max-width: 1040px) {
	.utig-media-text-book {
	  display: inline-block;
}
}

.utig-media-text-book div {
	padding: 0 0 !important;
	width: 12rem;
}

.utig-media-text-book img {
	width: 10rem;
	margin-bottom: 0.7rem;
}

.utig-media-text-book p {
	font-size: 0.9em !important;
	margin-top: 0;
	margin-bottom: 0;
}
.utig-media-text-book a {
	font-weight: 600;
	font-size: 1em;
}

/* --- Styling for UTIG Seminar archive grid. It's a four column grid with button-like styling. Collapses --- */



.utig-archive-grid div {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 0.9rem;
		margin: 1.5rem 0 2rem;
	}

@media screen and (min-width: 586px) and (max-width: 1160px) {
	.utig-archive-grid div {
	  display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			column-gap: 1rem;
}
}

@media screen and (max-width: 585px) {
	.utig-archive-grid div {
	  display: grid;
			grid-template-columns: 1fr 1fr;
			column-gap: 1rem;
}
}

.utig-archive-grid p {
	display: inline-block;
	background-color: white;
	border: 2px solid #003b5c;
	padding: 0.5rem 1rem;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1rem;

	transition: .2s ease;
}

.utig-archive-grid p:hover {
	background-color: #003b5c;
	transition: .3s ease-in-out;
} 

.utig-archive-grid a {
	color: #003b5c;
	font-weight: 600;
	transition: .2s ease;
	/* this next five lines makes a 2em area around the text clickable. */
	display: inline-block;
    position: relative;
    z-index: 1;
    padding: 2em;
    margin: -2em;
}

.utig-archive-grid p:hover a {
	color: white;
	transition: .3s ease;
}

/* Add to highlight a single button in burnt orange */

.orange-box a {
	color: #bf5700 !important;
}

.orange-box:hover {
	background-color: #bf5700 !important;
	transition: .3s ease-in-out !important;
} 

.orange-box a:hover {
	color: white !important;
	transition: .3s ease-in-out !important;
}

.orange-box {
	border: 2px solid #bf5700 !important;
}


/* Discussion Hour version */

.discussion-archive-grid div {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 0.9rem;
	margin: 1.5rem 0 2rem;
	}

@media screen and (min-width: 586px) and (max-width: 1160px) {
	.utig-archive-grid div {
	  display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			column-gap: 1rem;
}
}

@media screen and (max-width: 585px) {
	.discussion-archive-grid div {
	  display: grid;
			grid-template-columns: 1fr 1fr;
			column-gap: 1rem;
}
}

.discussion-archive-grid p {
	display: inline-block;
	background-color: white;
	border: 2px solid #bf5500;
	padding: 0.5rem 1rem;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1rem;

	transition: .2s ease;
}

.discussion-archive-grid p:hover {
	background-color: #bf5500;
	transition: .3s ease-in-out;
} 

.discussion-archive-grid a {
	color: #bf5500;
	font-weight: 600;
	transition: .2s ease;
	/* this next five lines makes a 2em area around the text clickable. */
	display: inline-block;
    position: relative;
    z-index: 1;
    padding: 2em;
    margin: -2em;
}

.discussion-archive-grid p:hover a {
	color: white;
	transition: .3s ease;
}


/* --- MEDIA TEXT SPOTLIGHT ---- */
/* Styling for indented media and text group */


.utig-media-text-spotlight .wp-block-group__inner-container {
	display: inline-block;
	margin: 0 2rem;
	}

.utig-media-text-spotlight .wp-block-media-text {
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: 13rem 1fr;
	margin: 1rem 0rem;
	max-width: 75%;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
.utig-media-text-spotlight .wp-block-media-text {
	display: grid;
	grid-template-columns: 12rem 1fr;
	max-width: 100%;
} }

@media screen and (min-width: 0) and (max-width: 639px) {
.utig-media-text-spotlight .wp-block-media-text {
	display: inline-block;
	max-width: 100%;
}
}

.utig-media-text-spotlight .wp-block-media-text__content {
	align-self: start;
	padding: 0;
}

.utig-media-text-spotlight p.has-large-font-size { 
	margin: 0;
	font-size: 1.2em !important;
	font-weight: 700;
}

.utig-media-text-spotlight p {
	font-size: 1rem;
	margin-bottom: 0;
}

.utig-media-text-spotlight img{
 padding-bottom: 0.5rem;
	width: 12rem;
	height: 10rem;
	object-fit: cover;
}

/* ==== CUSTOM NEWS FEED MARKUP ==== */
/* for use with query block */

.utig-news-feed {
	margin-left: 1rem!important;
}

.utig-news-feed .wp-block-latest-posts__post-excerpt {
	font-weight: 300;
}

.utig-news-feed li{
	list-style: none !important;
	margin-bottom: 2rem;
}

/* This cuts the Continue Reading bit which is currently not working correctly */
.utig-news-feed a.continue {
	display: none;
}

/* Same thing different styling */


.utig-post-list ul {
	margin-left: 0!important;
}

.utig-post-list li {
	list-style: none !important;
	padding: 0 !important;
	
}

.utig-post-list h2 {
	font-size: 1.2em;
}

.utig-post-list a.continue {
	display: none !important;
}

/*.utig-post-list img {
	aspect-ratio: 4/3 !important;
	width: 10rem;
	object-fit: cover !important;
}*/

.utig-latest-posts {
	margin-left: 0!important;
	padding-bottom: 2rem !important;
}

.utig-latest-posts ul {
	margin-left: 0!important;	
}

.utig-latest-posts li {
	list-style: none !important;
    padding: 2rem 0 0 0!important;
    margin-bottom: 2rem;
    border-top: 1px solid #eeeeee;
}

.utig-latest-posts img {
	aspect-ratio: 5/4 !important;
	width: 12rem;
	object-fit: cover !important;
	margin: 0.4rem 0.4rem 2rem 0;
}

.utig-latest-posts h2 {
	font-size: 1.2em;
}

.utig-latest-posts .wp-block-latest-posts__post-title {
	font-weight: 700;
}

.utig-latest-posts .wp-block-latest-posts__post-excerpt {
	font-size: 0.9em;
}

.utig-latest-posts a.continue {
	display: none !important;
}

@media screen and (min-width: 0) and (max-width: 639px) {.utig-latest-posts .wp-block-latest-posts__featured-image {
	float:none;
	}}

@media screen and (min-width: 0) and (max-width: 639px) {.utig-latest-posts img{
	aspect-ratio: 3/2 !important;
	width: 100%;
	object-fit: cover !important;
	margin: 0;
	}}


/* Version with no image and no excerpt */

.utig-latest-posts-slim {
	margin-left: 0!important;
	padding-bottom: 1rem !important;
	padding-top: 1rem !important;
}

.utig-latest-posts-slim ul {
	margin-left: 0!important;	
}

.utig-latest-posts-slim li {
	list-style: none !important;
    padding: 0 0 1rem 0!important;

}

.utig-latest-posts-slim h2 {
	font-size: 1.2em;
	font-weight: 400;
}

/* Disabling Read More link which currently doesn't work properly */

.utig-latest-posts-slim a.continue {
	display: none !important;
}


/* GRID VERSION */

.utig-news-feed-grid {
	margin-left: 0.2rem !important;
}

.utig-news-feed-grid li{
	list-style: none !important;
	margin-bottom: 2rem;
}

.utig-news-feed-grid .wp-block-latest-posts__post-excerpt {
	font-size: 0.9em;
}

.utig-news-feed-grid img {
	aspect-ratio: 4/3 !important;
	width: 100%;
	object-fit: cover !important;
}

/* Disabling Read More link which currently doesn't work properly */

.utig-news-feed-grid a.continue {
	display: none !important;
}

/* ==== HIGHLIGHTED SPEAKER BLOCK WITH LABEL ==== */
/* for use with AGU Fall speaker blocks and Named Lecture label, see below */

.highlight-speaker {
	border: 2px solid;
	color: #444;
}

.highlight-speaker .people-horizontal-list {
	margin: 1rem 0;
	grid-template-columns: 23% 75% !important;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {.highlight-speaker .people-horizontal-list {
display: grid;
	grid-template-columns: 30% 65% !important;
	}}

@media screen and (min-width: 0) and (max-width: 639px) {.highlight-speaker .people-horizontal-list {
display: inline;	
	}}

@media screen and (min-width: 0) and (max-width: 639px){.highlight-speaker 
.people-horizontal-list img{
	width: 12rem;
	padding-bottom: 0.8em;
	}}

/* This bit adds and positions the colored label */
.agu-named {
	display: inline-block;
	margin-top: -1rem;
	padding: 0.4rem 1rem 0.4rem 1rem !important;
	position: relative;
	background-color:#3d78c1;
	color: #fff;
	font-weight: 600;
	font-size: 0.8em;
	text-transform: uppercase;
	float: right;
}

.agu-named a, .agu-named a:hover {
	color: #fff;
	font-weight: 600;
}

@media screen and (min-width: 0) and (max-width: 639px) 
{.agu-named {
	float: none;
	margin: 0 0 0rem;
	width: 12rem;
	}}

/** === END HIGHLIGHTED SPEAKER === **/

/* ADD PAGE ID'S HERE TO HIDE PAGE TITLES */
 .page-id-20127 .entry-title {
	 display:none; }

/* === FIX FOR SIDEBAR MENUS WITH IMAGES === */
/* Removes bottom margin from image when using an image in the sidebar. This does not activate by default. To use with pages, either add the pageid or the parent-pageid. For posts you need to add the class under BODY CLASS in the post's custom classes field in Genesis options. Important note about Parent pages - this only works with first level of child pages. If you want to target child pages of a child page, you need to add that parent-child ID too. */

/* this one is for child pages */

.parent-pageid-20127 .sidebar section, .parent-pageid-20170 .sidebar section, .parent-pageid-21011 .sidebar section, .parent-pageid-21768 .sidebar section {
	margin-bottom: 0 !important;
}

/* This one is for posts. Add either of the classes below to the post's body class under the genesis options. */

.utig-jobs .sidebar section, .utig-sidebar .sidebar section {
	margin-bottom: 0 !important;
	}

/* === END MARK UP FOR SIDEBAR MENUS PAGES === */

/* === ADDITIONAL STYLING FOR JOB POST PAGES === */

.utig-jobs .size-large img, .utig-jobs .size-full img {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	aspect-ratio: 16/9;
	object-fit: cover !important;
}


.utig-jobs time::before {
	content:'Posted: ';
}

.utig-jobs h4.widget-title {
	border-bottom: none;
	margin-bottom: 0;
}

.utig-jobs .widget-wrap article {
	margin: 0 0 0 0.5rem;
	padding: 1.2rem 0;
}

.utig-jobs .entry-header {
	margin-bottom: 0;
}

.utig-jobs h2.entry-title {
	font-size: 1em;
}
/* === MARK UP FOR RESEARCH PAGE TILES === */
/* Needs work. Only works with gallery block. */


.utig-research-gallery .wp-block-image::after {
  display: block;
  position: relative;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 100%);
  margin-top: -150px;
  height: 150px;
  width: 100%;
  content: '';
}


.utig-research-gallery figure.wp-block-image figcaption {
	z-index: 1 !important;
	font-size: 1.2rem !important;
 	background: none!important;
	overflow: hidden !important;
}

.utig-research-gallery font {
	z-index: 1 !important;
	color: #fff !important;
}

@media screen and (min-width: 0) and (max-width: 599px) {
.utig-research-gallery.wp-block-gallery{
 display: inline-block !important;
	margin-left: auto;
	margin-right: auto;
	}}

@media screen and (min-width: 0) and (max-width: 599px) {
.utig-research-gallery img{
	aspect-ratio: 4/3;
	object-fit: cover;
  margin: 1rem;
	}}

@media screen and (min-width: 0) and (max-width: 599px) {
	.utig-research-gallery figure.wp-block-image {
		width: 90% !important;
	}}

@media screen and (min-width: 0) and (max-width: 599px) {.utig-research-gallery .wp-block-image::after {
	left: 1rem;
	}}

/* === END MARK UP FOR RESEARCH PAGE TILES === */

/* UT BRAND BAR */
.ut-header {
	height: 35px;
	background: #BF5700;
	padding-top: 5px !important;
	box-sizing: border-box;
}

.secondary-identification {
	float: left;
	padding-left: 20px;
	padding-top: 2px;
	color: white;
	font-family: CharisSILW,serif;
	font-size: 14px;
	letter-spacing: 0px;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
}

header img {
	height: 25px;
	display: block;
	float: right;
	margin-right: 10px;
}

/* FOOTER SOCIAL BLOCKS */
#simple-social-icons-2 ul li a, #simple-social-icons-2 ul li a:hover, #simple-social-icons-2 ul li a:focus {
	background-color: #bf5500 !important;
	border-radius: 3px;
	color: #ffffff !important;
	border: 0px #ffffff solid !important;
	font-size: 28px;
	padding: 14px;
}

/* Custom Colored Caption Labels for Images */

.utig-image-label figure {
	margin-bottom: -1.5em !important;
}

.utig-image-label figcaption{
	padding: 0.9rem 0.8rem !important;
	position: relative ;
	background-color: rgb(0, 95, 134);
	color: white !important;
	font-size: 0.9rem !important;
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;
	bottom: 1.5em;
	text-align: center !important;
	text-transform: uppercase;
}

.utig-image-label a {
	color: white !important;
}


/* Adding some clearance around all YouTube embeds */

.wp-block-embed-youtube {
	margin: 1em;
}


/* Markup for TSGC shaded tables */

.tsgc-tables table {
	background-color: rgba(0, 119, 200, 0.1);
	
}

.tsgc-tables th {
	font-weight: bold;
	text-transform: uppercase;
	background-color: rgba(0, 119, 200, 0.3);
}

/*
.tsgc-tables tr {
	background-color: rgba(0, 119, 200, 0.1);
	transition: all 2s ease-in-out;
} */

.tsgc-tables tr:hover {
	background-color: rgba(204, 85, 0, 0.1);
	transition: all 0.2s ease-in-out;
}

.tsgc-tables td:nth-child(odd) {
	font-weight: 550;
}


/* Markup for Read more thumbnails. I'm sure i've done this before but can't find the original markup */

.utig-read-more-thumbs img {
	aspect-ratio: 3/2 !important;
	object-fit: cover !important;
}

.utig-read-more-thumbs .wp-block-group__inner-container {
 	display: inline-block !important;
	margin-bottom: 1rem !important;
	padding: 1rem !important;
}

.utig-read-more-thumbs p {
	margin: 0.2rem;
}

.utig-read-more-thumbs p a strong{
	margin: 1.2rem;
}

/* Markup for logo grip for GOM2-2 Expedition page */
/* Logos are all about the same size. Figure captions are enlarged and padded out. */


.gom2-logo-grid img{
	display: block;
	aspect-ratio: 3/2 !important;
	object-fit: contain !important;
	width: 15rem;
	margin-bottom: 1rem;

}

.gom2-logo-grid figcaption{
	display: block;
	color: #333 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 100% !important;
    font-weight: 600 !important;
	padding: 0.5rem !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 15rem;
}

/* Improved styling for short separators/horizontal rule */

.utig-separator {
	width: 50%;
	margin-top: 1rem;
	margin-bottom: 1.5rem;	
}


/* Custom Styling for a Texas Space Grant table on their Design Challenge page. Needs custom HTML to add col groups */

.tsgc-color-table table {
	margin-bottom: 1rem !important;
}

.tsgc-color-table td {
	vertical-align: top;
}

.tsgc-color-table th {
  text-align: left;
	font-weight: 600;
}

.tsgc-color-table .tsgc-1 {
  background-color: #ffb7c5;
}
.tsgc-color-table .tsgc-2 {
  background-color: #f7cbac;
}
.tsgc-color-table .tsgc-3 {
  background-color: #ffe599;
}
.tsgc-color-table .tsgc-4 {
  background-color: #c5e0b3;
}
.tsgc-color-table .tsgc-5 {
  background-color: #bdd7ee;
}
.tsgc-color-table .tsgc-6 {
  background-color: #cdc1fa;
}

.tsgc-color-table tfoot {
	background-color: #ddd;
}

/** Styling for Custom Science Figure style **/

.utig-science-fig {
	background: rgba(0, 59, 92, 0.2);
	margin: 2rem;
	padding: 2rem;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0, 59, 92, 1);
	border-radius: 5px;
}

.utig-science-fig img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

.utig-science-fig figcaption{
	color: #333 !important;
}

.utig-science-fig-column {
	gap: 0 !important;
}

.utig-science-fig-group {
	width: 50%;
	float: right;
}


/* Colored Highlight Textboxes. Designed for ordinary P block. */

.highlight-textbox {
	margin: 1.5rem 1.5rem 1.8rem 1.5rem;
	padding: 1rem;
	background-color: #bf5700;
	color: #ffffff;
	font-size: 1em;
	text-transform: uppercase;
	line-height: 1.5;
	letter-spacing: 1px;
}

/* no margin version for tight spaces */

.highlight-textbox-slim {
	margin-bottom: 0.5rem;
	padding: 1rem;
	background-color: #bf5700;
	color: #ffffff;
	font-size: 1em;
	text-transform: uppercase;
	line-height: 1.5;
	letter-spacing: 1px;
}
 
/* ========================== */
/* TSGC Design Challenge Award styling */


.tsgc-design-winner {
	grid-template-columns: 40% 1fr;
	margin: 1em 0 2em;
}

.tsgc-design-winner div {
	align-self: flex-start !important;
	padding: 0!important;
	margin: 0 1em 0 2em; 
}

.tsgc-design-winner img {
	border-style: double ;
	border-color: #FFD700;
	border-width: thick;
	aspect-ratio: 1/1;
	object-fit: cover;
}

.tsgc-design-winner p {
	margin-bottom: 0px;
	text-transform: uppercase;
}

.tsgc-design-winner p.has-large-font-size {
	font-size: 1.8em;
	text-transform: uppercase;
}

.tsgc-design-winner blockquote {
	margin: 1rem 1rem 1rem 0;
	border-left: none;
	border-right: 0.2rem solid #FFD600;
	padding-left: 1rem;
	padding-right: 2rem;
}

.tsgc-design-winner .wp-block-quote p {
	text-transform: none !important;
}

/* Awardee Boxes */

.tsgc-design-awardees {
	margin: 2rem 1rem;
	padding: 1rem;
	border-style: double ;
	border-color: #9cadb7;
	border-width: thick;
	}

.tsgc-design-awardees ol {
	margin-bottom: 0;
}

/* ========================== */

/* ====== */
/* HIDE POST DATE. Add to BODY CLASS under the post's Genesis settings. */

.utig-nodate time {
	display: none!important;
}


/* ========================== */
/* ========================== */
/* START Symposium Agenda styling */

.event-agenda {
	background-color: #f5f8fa;
	padding: 1.5rem;
    margin: 1rem;
}

.event-agenda h2{
	font-weight: 400;

}

.event-agenda h3{
	margin: 2rem 0 !important;
	padding: 0.5rem;
	font-weight: 400;
	background-color: #ffffff;
}

.event-agenda h4{
	margin-top: 2rem;
	margin-bottom 2rem;
	font-weight: 200;
	font-style: italic;
}

.event-agenda p{
	margin-bottom: 0.5rem;
}


.event-agenda-grid div {
	display: grid !important;
	grid-template-columns: 30% 70%;
	column-gap: 1em;
	align-items: flex-start;
	border-radius: 10%;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	-o-border-radius: 10%;
	margin: 0.5em;
}

.event-agenda-speakers {
	margin: -0.5rem 0 1rem 2rem !important;
	grid-column-start: 1;
	 grid-column-end: 3;	
}

.event-agenda-speakers p{
	line-height: 1;
}

/* Trash
 * .event-agenda .wp-block-columns {
	display: grid !important;
	grid-template-columns: 20% 80%;
	grid-auto-rows: minmax(200px, auto);
	gap: 1em;
	align-items: flex-start;
	border-radius: 10%;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	-o-border-radius: 10%;
	margin: 0.5em;
} */

/* END Symposium Agenda styling */
/* ========================== */
/* ========================== */

/* ========================== */
/* ========================== */
/* START Individual Event Page styling */

.utig-events h2 {
	text-transform: uppercase;
	color: #00a9b7;
}

.utig-events h3 {
	text-transform: uppercase;
	color: #005f86;
}

.utig-events p strong {
	color: #005f86;
}

.utig-events hr {
	color: #579d42;
}

/* END Event Page styling */
/* ========================== */
/* ========================== */


/* ==============================*/
/* ==============================*/
/* BEGIN SEMINAR ARCHIVE STYLING */

.seminar-archives .wp-block-media-text {
	display: grid;
	grid-template-columns: 30% 70% !important;
	align-items: flex-start;
	margin: 3rem 0 4rem 0;
	align-self: start;
}

@media screen and (min-width: 0) and (max-width: 600px) {.seminar-archives .wp-block-media-text {
	display: block !important;
	}}

/* Media */

.seminar-archives figure.wp-block-media-text__media {
	display: inline-block;
}

@media screen and (min-width: 0) and (max-width: 639px){
.seminar-archives .wp-block-media-text__media {
	margin-bottom: 1rem;
	}}

.seminar-archives .wp-block-media-text img {
	width: 100%;
	aspect-ratio: 7/5;
	object-fit: cover;
	--tw-shadow: 0 0 20px 5px rgba(0,0,0,0.25);
    --tw-shadow-colored: 0 0 20px 5px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media screen and (min-width: 0) and (max-width: 639px){
.seminar-archives .wp-block-media-text img{
	width: 100%;
	padding-right: 0;
	}}

/* Add a Play button over the video thumbnail. */
.seminar-archives .wp-block-media-text__media a {
    position:relative;
  	display:inline-block;

	&:before {
		content: "\f236";
		opacity: 0;
		font-family: "dashicons";
		-webkit-font-smoothing: antialiased;
		font-size:5em;
		z-index:1;
		position:absolute;
		top: 20%;
		left: 35%;
		color: #ffffff;
		opacity: .9;
		text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
		transition: transform .2s
	}
	&:hover:before {
		transform: scale(1.1);
		opacity: 0.9;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1160px) {
		.seminar-archives .wp-block-media-text__media a:before  {
			position:absolute;
			top: 16%;
			left: 33%;
		}}

@media screen and (min-width: 601px) and (max-width: 1023px) {
		.seminar-archives .wp-block-media-text__media a:before  {
			position:absolute;
			top: 15%;
			left: 30%;
			font-size:calc(3vw + 4vh + 2vmin);
		}}

@media screen and (min-width: 0) and (max-width: 600px) {
		.seminar-archives .wp-block-media-text__media a:before  {
			position:absolute;
			top: 25%;
			left: 37%;
			font-size:calc(12vw + 2vh + 3vmin);
		}}

/* Text Content */

.seminar-archives .wp-block-media-text__content {
	padding: 0;
	margin-left: 2rem;
	align-self: start;
}

.seminar-archives .wp-block-media-text h3 {
	font-size: 1.4rem !important;
	font-weight: 700;
	margin: 0 0 0.4em 0;
	color: #005f86;
}

.discussion-archives .wp-block-media-text h3 {
	color: #bf5700 !important;
}

.seminar-archives .wp-block-media-text h4 {
	font-size: 1.2rem !important;
}

.seminar-archives .wp-block-media-text a {
	font-size: 1em;
}

.seminar-archives .wp-block-media-text p {
	font-size: 1em;
	margin-bottom: 0.2rem;
}

@media screen and (min-width: 601px) and (max-width: 1160px) {.seminar-archives .wp-block-media-text__content {
	margin-left: 1rem;
	}}

@media screen and (min-width: 0px) and (max-width: 600px) {.seminar-archives .wp-block-media-text__content {
	margin-left: 0;
	}}

/* Styles later elements as buttons, as long as they're p */

.seminar-archives .wp-block-media-text__content p:nth-child(n+5)  {
	display: inline-block;
	background-color: white;
	border: 2px solid #005f86;
	color: #005f86;
	padding: 0.5rem 1.5rem;
	margin-top: 1rem;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	transition: .1s ease;
	&:hover {
		background-color: #005f86;
		color: white;
		transition: .1s ease-in-out;
	}
}

.seminar-archives .wp-block-media-text__content p:nth-child(n+5) a {
		color: #005f86;
		font-weight: 600;
		transition: .1s ease;
		/* this next five lines stretches the clickable area to button borders. */
		display: inline-block;
		position: relative;
		z-index: 1;
		padding: 0.6em 1em;
		margin: -0.7em -1.5em;
		&:hover {
			color: white !important;
			transition: .1s ease;
		}
}

.discussion-archives .wp-block-media-text__content p:nth-child(n+5) {
	border: 2px solid #bf5700 !important;
	&:hover {
		background-color:#bf5700;
	}
}

.discussion-archives .wp-block-media-text__content p:nth-child(n+5) a {
	color: #bf5700 !important;
}

/* END SEMINAR ARCHIVE STYLING */
/* ==============================*/
/* ==============================*/


.highlight-yellow {
	margin: 1.5rem 1.5rem 1.8rem 1.5rem;
	padding: 0.8rem;
	background-color: #ffd600;
	color: #333f48;
	font-size: 0.9em;
	font-weight: 900;
}

.highlight-orange {
	margin: 1.5rem 1.5rem 1.8rem 1.5rem;
	padding: 0.8rem;
	background-color: #bf5700;
	color: white;
	font-size: 0.9em;
	
}



/* Test scratch space for expanding excerpts. */

.test-science-fig {
	background: rgba(0, 59, 92, 0.2);
	margin: 2rem;
	padding: 2rem;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0, 59, 92, 1);
	border-radius: 5px;
}

.test-science-fig img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

.test-science-fig figcaption{
	display: block !important;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333 !important;
}

.test-science-fig figcaption:hover {
	display: block !important;
	white-space: normal;
	overflow: visible;
	text-overflow: initial;
	color: #333 !important;
}



/* END TEST SCRATCH SPACE */