/**
 * @file
 * Faculty Profile Specific CSS
 * AT-Frodo Barrio Subtheme for Drupal 10
 */
 
#deco-footer {
  display:none;
}
#main-site-header a {
  color: rgb(39 100 54) !important;
}
#unt-lettermark img {
  height: 48px;
  margin: 20px 19px 0 -4px;
  padding-right: 15px;
}

#department-name {
  font-size: 23pt;
  text-transform: uppercase;
}
#profile-photo {
  width:100%;
  height:100%;
}

#main-tablink {
}

#profile-top h1 {
  font-family: "Barlow Condensed";
  margin-bottom: 0;
}

#profile-name p {
  margin-bottom: 0;
}

#content {
  padding: 0;
}

#profile-top {
  /* width: 100%; */
  width: 75vw;
  justify-content: left;
  gap: 1em;
  margin: 1em auto;
  max-width: 90ch;
  background-color: #fff;
  padding: 2em;
  box-shadow: 0 0 10px #0001;
  position: relative;
  top: 0px;
}

#profile-container {
  /* width: 90%; */
  width: 100%;
}

#profile-tabs {
  background-color: #fff;
  padding-left: 19vw;
}

#profile-photo {
  /* max-width: 20%; */
  max-width: 180px;
  max-height: 180px;
  overflow: hidden;
  border-radius: 33.4%;
}

#profile-tablist {
  position: relative;
  max-width: 114ch;
  margin: 0 auto;
  font-family: "Barlow Condensed";
}

#profile-tablist a.active {
  /* background-color: #276436; */
  /* color: #ffffff; */
  background-color: #fff;
  color: #000;
  border-bottom: 3px solid #fff;
  z-index: 1000;
  psotion: relative;
}

#profile-tablist a {
  /* border-top-left-radius: 7px; */
  /* border-top-right-radius: 7px; */
  border-top-left-radius: 2em;
  border-top-right-radius: 2em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 1em 2em .67em 2em;
  font-size: 16px;
}


#profile-tablist {
  /* max-width: 114ch; */
  /* font-family: "Barlow Condensed"; */
  max-width: 90ch;
}

#profile-tablist a {
  /* border-top-left-radius: 2em; */
  /* border-top-right-radius: 2em; */
  /* padding: 1em 2em .67em 2em; */
  /* font-size: 16px; */
  padding: .67em 3em .67em 3em;
  font-size: 13px;
  font-family: "Roboto";
}

#profile-tablist a.active {
  /* border-bottom: 3px solid #fff; */
  border-top: 3px solid green;
  position: ;
  top: 3px;
  transition: 0s;
}

#profile-tabs {
  /* padding-left: 19vw; */
  padding-left: 0;
  font-size: 16px;
  max-width: 101ch;
  margin: 0 auto;
  padding: 0 2em;
  box-shadow: 0 0 10px #0001;
}

#profile-container {
  margin-top: 1em;
}

#profile-photo {
  /* border-radius: 33.4%; */
  border-radius: 50%;
  z-index: 100;
}

#profile-top {
  border-top: 1em solid #000;
}

#profile-name p {
  color: ;
}

#profile-tablist a {
  /* background: #fafafa; */
  /* border: solid 1px #eee; */
  /* border-width: 1px 1px 0 1px; */
  /* border-top-left-radius: 7px; */
  /* border-top-right-radius: 7px; */
  background: #eaeaeaaa;
  border: none;
  border-width: 1px 1px 1px 1px;
  font-family: "Barlow Condensed" !important;
  font-size: 16px !important;
  letter-spacing: 1px;
}

#profile-tabs h2 {
  /* margin-top: 0.75em; */
  margin-top: 2em;
  font-family: "Roboto Condensed";
  font-weight: 500;
}

#profile-contact {
  /* max-width: 50%; */
  /* margin: 3em; */
  background-color: #fff;
  color: #959595;
  text-align: left;
  font-size: 12px;
  z-index: 100;
  max-height: 50%;
  right: 2em;
  bottom: 0;
}

#profile-contact ul {
  padding: 0;
}

#profile-name {
  z-index: 100;
}


#profile-contact a {
  color: darkgreen;
}


#profile-top::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url('/sites/facultyinfo.unt.edu/themes/at_frodo/images/campus-bluebonnets.jpg');
  overflow: hidden;
  background-size: cover;
  background-position: bottom;
  z-index: -1;
}

#profile-top::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #fff 50%, rgba(0, 83, 38, .8) 50%);
  z-index: 0;
  mix-blend-mode: ;
  backdrop-filter: blur(2px);
}

#profile-top::before {
  /* background-size: cover; */
  /* background-position: bottom; */
  /* z-index: -1; */
  background-position: center;
  z-index: 0;
  background-size: 190%;
}

#profile-title {
  /* position: relative; */
  position: ;
  margin-top: -.25em;
  text-transform: uppercase;
  font-family: "Barlow Condensed";
  font-weight: 500;
  color: #bbd236;
}

#profile-name strong {
  display: none;
}

#profile-title {
  /* margin-top: -.25em; */
  margin-top: -.34em;
  font-size: 21px;
  letter-spacing: .5px;
}

#profile-department {
  margin-top: 1em;
}


#main-wrapper {
  /* background-color: #f6f6f6; */
}


#page, #main-wrapper, .region-primary-menu .menu-item a.is-active, .region-primary-menu .menu-item--active-trail a {
  /* background: #fff; */
}

#profile-name > h1:nth-child(1) {
  color: #fff;
  position: ;
  top: 0em;
  font-size: 3em;
}

#profile-title {
  right: 2em;
}

#profile-tablist a {
  border-radius: 0 !important;
}

#profile-tablist {
  max-width: 114ch;
}

#profile-tablist a.active {
  position: relative;
}

#profile-contact {
  position: absolute;
}


#profile-container {
  max-width: 66vw;
  margin: 0 auto;
}

#profile-top {
  /* width: 75vw; */
  /* max-width: 90ch; */
  width: 100vw;
  max-width: 100vw;
}

#profile-tablist {
  /* max-width: 114ch; */
  max-width: 66vw;
}

#profile-tabs {
  /* max-width: 101ch; */
  max-width: 66vw;
}

#profile-contact {
  /* position: absolute; */
  margin-left: auto;
  margin-top: auto;
  margin-bottom: 0;
  padding: ;
}

#profile-title {
  /* margin-top: -.34em; */
}

#profile-title {
  /* margin-top: -.25em; */
}

#profile-top h1 {
  line-height: 1em;
}

#profile-contact ul {
  margin-bottom: 0;
}

#profile-department {
  /* margin-top: 1em; */
  margin-top: 10%;
}


#profile-title {
  margin-top: .1em;
}

#profile-contact {
  /* position: absolute; */
  position: initial !important;
}

#profile-contact {
  /* color: #959595; */
  color: #000 !important;
}

#profile-contact {
  height: calc(50% - 1em);
}

#profile-contact ul {
  columns: 2;
}

#profile-contact ul li span {
  display: inline;
}

#profile-office {
column-span: all;
}


#profile-contact {
  /* max-width: 50%; */
  width:100%;
}

#profile-name {
  /* max-width: 50%; */
  max-width: 40%;
}

#profile-name {
  overflow: visible;
  position: relative;
  font-size: 16px;
}

#profile-name > h1:nth-child(1) {
  /* font-size: 3em; */
  font-size: 2.25em;
}

#profile-department {
  /* margin-top: 10%; */
  margin-top: 15%;
}

#profile-name {
margin-top: 1em;
}



a.button-link {
  border-radius: 3em;
  width: 100%;
  border: none;
  background-color: #006000;
  color: #fff !important;
  text-decoration: none;
}

.profile-courses-table tr td:first-child {
    font-weight: 700;
}

.profile-tab.active {
  display: block;
  border-bottom: none;
  margin-bottom: 1.5em;
}

#tab-publications ul, #tab-research ul, #tab-current-teaching ul {
  max-width: 80ch;
  line-height: 1.5em;
}



#all-results, .results-result {
  max-width: 90ch;
  margin: 0 auto;
}

.fis-link {
  /* text-decoration: none; */
  text-decoration: underline;
  font-size: 14px;
  border-radius: 3em;
  margin-top: ;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Roboto Condensed";
  letter-spacing: .07em;
  text-decoration-thickness: 2px;
  text-decoration-line: ;
}

.results-result {
  /* padding: 0.5em 0; */
  margin-left: ;
  padding: 1em 0;
}

.profile-photo {
  /* margin-right: 1em; */
  /* top: 10px; */
  /* left: -70px; */
  margin-right: 1.5em;
  top: 15px;
  left: -75px;
}

#all-results {
  margin-top: 3em;
}

/* ========== subpage search form styles ========== */

#profile-search-form
{
	/*border-radius: 60px;*/
	margin-bottom: 0;
	display: flex;
}

#filter-wrapper
{
	width: 20%;
}

#search-box-wrapper
{
	padding-left: 0;
	padding-right: 0;
	width: 80%;
}

#search-box-wrapper input[type=text]
{
	border: 0;
	width: 100%;
	color: #454545;
	font-size: 1.2em;
	font-weight: 400;
	height: 58px;
	padding: 15px 20px;
}

#course-search-box
{
	display: hidden;
}

#dropdown-toggle
{
	color: grey;
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
    height: 58px;
	border: 0;
	box-shadow: none;
	border-radius: 0px;
}

#dropdown-toggle-label
{
	padding: 0 .6em 0 0;
}

.fa-caret-down
{
	font-size: 1.2em;
	vertical-align: middle;
}

#filter-dropdown
{
	background-color: #ffffff;
	border: 0;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	font-size: 16px;
	list-style: none;
	text-align: left;
	max-width: 200px;
	width: 100%;
	position: absolute;
	margin-top: 58px;
	left: auto;
	z-index: 100;
}

#filter-dropdown label
{
	text-transform: uppercase;
	color: #555555;
	font-weight: bold;
}

#filter-dropdown-label
{
	background-color: #276436;
	color: #ffffff;
	display: block;
	font-family: "Open Sans",Verdana,Arial,sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	margin: -4px 0 0;
	padding: 15px;
	text-align: left;
}

#filter-dropdown .options
{
	font-size: .9333333333rem;
	padding: 0 15px;
}

#filter-dropdown .radio
{
	border-top: 1px solid #d7d2cb;
	padding: 10px 0;
}

#filter-dropdown .radio:first-child
{
	border-top: 0;
}

#filter-dropdown .radio input[type="radio"]
{
	margin-bottom: 0;
	margin-right: .5em;
}

#submit-wrapper
{
	width: 20%;
	z-index: 5;
}

#profile-search-form button[type="submit"] 
{
	height: 58px;
	width: 100%;
	margin: 0;
	padding: 0em 2em;
	border: 0;
	color: #f0f0f0;
	background-color: #276436;
	font-weight: 700;
	text-transform: uppercase;
}

#profile-search-form button[type="submit"] .fa 
{
	font-size: 24px;
	font-size: 1.6rem;
	margin-right: 8px;
}

.hidden
{
	display: none;
}

.visible
{
	display: block;
}
.experts {
    color: #fff;
    margin-top: .5em;
    display: block;
    text-align: center;
}


#profile-search-form-wrapper {
  /* padding: 12vh 10px 15vh 10px; */
  /* width: 85%; */
  padding: 0;
  width: 100%;
  font-size: 16px;
  margin-top: 1em;
  margin-bottom: 1em;
}

#profile-search-form {
  background-color: transparent;
}

#dropdown-toggle {
  /* border-radius: 0px; */
  border-radius: 2em 0 0 2em;
  box-shadow: 0px 1px 0px #0003;
  background-color: #e9e9e9;
  color: #555;
  z-index: 1000;
  position: ;
}

#search-box-wrapper {
  box-shadow: 0px 1px 0px #0002;
}

#profile-search-form button[type="submit"] {
  box-shadow: 0px 1px 0px #000d;
  border-radius: 0 2em 2em 0;
}


#search-box-wrapper input:focus {
  outline: 3px solid green;
  z-index: 3000;
  position: relative;
}


/* On screens that are 900px or less */
@media screen and (max-width: 900px) 
{
	#profile-search-form-wrapper, #block-at-frodo-digitalmeasuresfacultyinfofrontpagesearchform #profile-search-form-wrapper
	{
		padding: 2vh 10px 2.5vh 10px;
		width: 100%;
		margin: 0px auto;
	}
	
	#profile-search-form
	{
		flex-direction: column;
	}
	
	#filter-wrapper,
	#search-box-wrapper,
	#submit-wrapper
	{
		width: 100%;
	}
	
	#filter-dropdown
	{
		max-width: 100%;
		width: 100%;
		position: relative;
	}
}

/* ========== responsive changes ========== */

@media screen and (max-width: 900px)
{
	#profile-search-form-wrapper h2 {
	  font-size: 2.5em;
	}

	.content {
	  padding: 5vw;
	}

	#profile-search-form-wrapper {
	  padding: 10px;
	}

	#content {
	  margin-bottom: 0;
	}

	#submit-wrapper {
	  width: 25%;
	  font-size: 0;
	}

	.svg-inline--fa.fa-magnifying-glass {
	  margin-top: 12px;
	}

	#submit-wrapper {
	  /* width: 25%; */
	  /* font-size: 0; */
	  width: 10%;
	}

	#search-box-wrapper {
	  width: 82%;
	}

	#profile-search-form {
	  flex-direction: row;
	  position: relative;
	  margin-top: 4em;
	}

	#filter-wrapper {
	}

	#filter-wrapper {
	  width: 100%;
	  position: absolute;
	  left: 0;
	  top: -2.5em;
	}

	#dropdown-toggle {
	  height: 36px;
	  border-radius: 2em;
	}

	#name-search-box {
	  border-radius: 2em 0 0 2em;
	}

	#submit-wrapper {
	  font-size: 0;
	}

	#submit-wrapper {
	  /* width: 10%; */
	  width: 18%;
	}

	.svg-inline--fa {
	  /* height: 1em; */
	  height: 18px;
	}

	#profile-search-form button[type="submit"] {
	  border-radius: 0 58px 58px 0;
	  width: 100%;
	}
	#extra-section {
	  display: flex;
	  flex-direction: row;
	  flex-direction: column;
	}

	#header-right-container {
	  padding-bottom: 0;
	  height: 0;
	  display: none;
	}

	#site-title-container {
	}

	#unt-lettermark {
	  width: 100%;
	}

	img {
	}

	#site-title-container {
	  line-height: 1.5em;
	  padding: 1em 5vw;
	}

	#filter-wrapper::before {
	}

	#dropdown-toggle {
	}

	#block-at-frodo-content {
	  display: none;
	}

	#block-at-frodo-cssscratchpadresponsivecssmods {
	  display: none;
	}


	#block-at-frodo-additionalinfoforfrontpage .stat {
	  /* float: left; */
	}

	#block-at-frodo-additionalinfoforfrontpage .stats {
	  /* float: left; */
	  /* width: 50%; */
	  width: 100%;
	  display: flex;
	}

	#unt-lettermark img {
	  /* height: 48px; */
	  height: auto;
	  width: 25vw;
	}

	#department-name {
	  font-size: 24px;
	  margin-left: ;
	  margin-top: 0;
	}

	  #site-title-container {
		/* background: rgba(0, 0, 0, 0.3); */
		background: rgba(0, 0, 0, 0.07);
		color: #000 !important;
	  }
	  #page {
		/* background-size: cover; */
		/* background-position: 70% 50%; */
		background-size: 120vh;
		width: 100%;
		background-position: top;
		background-repeat: no-repeat;
	  }

	.experts {
	  display: none;
	}

	#dropdown-toggle {
	  /* font-size: 14px; */
	  font-size: 11px;
	}

	.fa-caret-down {
	  position: ;
	  right: 1em;
	  top: .75em;
	}

	#search-box-wrapper input[type="text"] {
	  /* font-size: 1.2em; */
	  /* height: 58px; */
	  font-size: 1em;
	  height: 48px;
	}

	#profile-search-form button[type="submit"] {
	  /* height: 58px; */
	  height: 48px;
	}

	#block-at-frodo-additionalinfoforfrontpage .about {
	  /* float: right; */
	  /* width: 50%; */
	  /* margin-top: 0.5em; */
	  float: none;
	  width: 100%;
	  margin-top: 2em;
	}

	  #unt-logo-combined {
		width: 34%;
	  }


	#profile-search-form-wrapper > h2:nth-child(1) {
	  display: none;
	}

	  #profile-search-form-wrapper {
		/* margin-top: 15vh; */
		margin-top: 10vh;
		margin-bottom: 15vh;
	  }

	#extra-section {
	  display: flex;
	  flex-direction: row;
	  flex-direction: column;
	}

	#header-right-container {
	  padding-bottom: 0;
	  height: 0;
	  display: none;
	}

	#site-title-container {
	}

	#unt-lettermark {
	  width: 100%;
	}

	#site-title-container {
	  line-height: 1.5em;
	  padding: 1em 5vw;
	}

	#filter-wrapper::before {
	}

	#dropdown-toggle {
	}

	#block-at-frodo-content {
	  display: none;
	}

	#block-at-frodo-cssscratchpadresponsivecssmods {
	  display: none;
	}

	#block-at-frodo-additionalinfoforfrontpage .stat {
	  /* float: left; */
	}

	#block-at-frodo-additionalinfoforfrontpage .stats {
	  /* float: left; */
	  /* width: 50%; */
	  width: 100%;
	  display: flex;
	}

	#unt-lettermark img {
	  /* height: 48px; */
	  height: auto;
	  width: 25vw;
	}

	#department-name {
	  font-size: 24px;
	  margin-left: ;
	  margin-top: 0;
	}

	  #site-title-container {
		/* background: rgba(0, 0, 0, 0.3); */
		background: rgba(0, 0, 0, 0.07);
		color: #000 !important;
	  }
	  #page {
		/* background-size: cover; */
		/* background-position: 70% 50%; */
		background-size: 120vh;
		width: 100%;
		background-position: top;
		background-repeat: no-repeat;
	  }

	.experts {
	  display: none;
	}

	#dropdown-toggle {
	  /* font-size: 14px; */
	  font-size: 11px;
	}

	.fa-caret-down {
	  position: ;
	  right: 1em;
	  top: .75em;
	}

	#search-box-wrapper input[type="text"] {
	  /* font-size: 1.2em; */
	  /* height: 58px; */
	  font-size: 1em;
	  height: 48px;
	}

	#profile-search-form button[type="submit"] {
	  /* height: 58px; */
	  height: 48px;
	}

	#block-at-frodo-additionalinfoforfrontpage .about {
	  /* float: right; */
	  /* width: 50%; */
	  /* margin-top: 0.5em; */
	  float: none;
	  width: 100%;
	  margin-top: 2em;
	}


	  #unt-logo-combined {
		width: 34%;
	  }


	#profile-search-form-wrapper > h2:nth-child(1) {
	  display: none;
	}


	  #profile-search-form-wrapper {
		/* margin-top: 15vh; */
		margin-top: 10vh;
		margin-bottom: 15vh;
	  }



	div.stat:nth-child(2) > span:nth-child(1) {
	  /* font-size: 6em; */
	  /* letter-spacing: -4px; */
	  font-size: 12vw;
	  letter-spacing: -.05em;
	}


	div.stat:nth-child(1) > span:nth-child(1) {
	  /* font-size: 6em; */
	  /* letter-spacing: -4px; */
	  font-size: 12vw;
	  letter-spacing: -.05em;
	}


	div.stat:nth-child(1) > span:nth-child(2) {
	  /* font-size: 1.34em; */
	  font-size: 1em;
	  line-height: 1em;
	}


	div.stat:nth-child(2) > span:nth-child(2) {
	  /* font-size: 1.34em; */
	  font-size: 1em;
	  line-height: 1em;
	}


	  #unt-lettermark img {
		/* width: 25vw; */
		width: 100%;
		z-index: 1000;
		position: ;
		margin: 10px 0;
		left: -5px;
	  }
	  #unt-logo-combined {
		/* width: 34%; */
		width: 100%;
		max-width: 180px;
	  }
	  #unt-lettermark {
		max-width: 120px;
	  }
	  .fa-caret-down {
		/* right: 1em; */
		/* top: .75em; */
		position: ;
		right: 1em !important;
	  }
	  #dropdown-toggle {
		text-align: left;
		background-color: #ddd;
		color: #333;
	  }
	  .fa-caret-down {
		height: 14px;
	  }
	  #filter-wrapper {
		/* width: 100%; */
		max-width: 100%;
	  }
	  #profile-search-form-wrapper {
		/* margin-top: 10vh; */
		/* margin-bottom: 15vh; */
		margin-top: 14vh;
		margin-bottom: 14vh;
	  }


	#main-site-header a {
	  height: 100%;
	  display: ;
	}

	#unt-lettermark img {
	  /* margin: 20px 19px 0 -4px; */
	}

	#dropdown-toggle-label {
	  /* padding: 0 .6em 0 0; */
	  /* position: absolute; */
	  padding-left: 1em;
	  padding-right: .5em;
	}

	#filter-dropdown {
	  border-radius: 2em;
	  padding: .5em;
	  box-shadow: 0 0 100px 100vh #0009;
	  z-index: 2000;
	}

	#course-search-box {
	  border-radius: 2em 0 0 2em;
	}


	#unt-lettermark img {
	  /* margin: 20px 19px 0 -4px; */
	}

	#dropdown-toggle::before {
	}

	#dropdown-toggle-label::before {
	  content: 'Search by: ';
	  font-weight: 400;
	}

	#filter-dropdown {
	  border-radius: 2em;
	  padding: 1em 1em;
	}

	#search-box-wrapper input[type="text"] {
	  padding-left: 3.75em;
	}

	.stat span {
	  /* font-size: ; */
	  font-size:  !important;
	}

	#filter-dropdown {
	}

	#dropdown-toggle.active {
	  z-index: 7000;
	  position: absolute;
	}

	#filter-wrapper:focus {
	  z-index: 7000;
	  position: relative;
	}

	#filter-wrapper:focus svg {
	}


	div.stat:nth-child(1) > span:nth-child(1) {
	  /* font-size: 6em; */
	  /* letter-spacing: -4px; */
	  font-size: 4em;
	  letter-spacing: -1px;
	}


	div.stat:nth-child(2) > span:nth-child(1) {
	  /* font-size: 6em; */
	  /* letter-spacing: -4px; */
	  font-size: 4em;
	  letter-spacing: -1px;
	}


	div.stat:nth-child(1) > span:nth-child(2) {
	  /* font-size: 1.34em; */
	  /* color: green; */
	  font-size: 5vw;
	  color: rgb(0,104,0);
	}


	div.stat:nth-child(2) > span:nth-child(2) {
	  /* font-size: 1.34em; */
	  font-size: 7vw;
	}

	  #dropdown-toggle-label::before {
		/* content: 'Search by: '; */
		/* font-weight: 400; */
		width: 3em;
		font-size: 10px;
		padding-left: 1em;
		padding-right: .25em;
		line-height: 1em;
	  }
	  #filter-wrapper {
		/* width: 100%; */
		/* left: 0; */
		/* top: -2.5em; */
		width: auto;
		top: 0.34em;
		left: .34em;
		box-shadow: none;
	  }
	  #dropdown-toggle {
		box-shadow: none;
		width: 5em;
		padding-left: 1.75em;
	  }
	  #dropdown-toggle-label {
		font-size: 0;
	  }
	  #filter-wrapper {
		z-index: 5000;
	  }
	  #filter-dropdown {
		box-shadow: none;
	  }
	  .fa-caret-down {
		display: inline-block;
	  }

	  #dropdown-toggle-label::before {
		/* content: 'Search by: '; */
		content: '';
	  }
	  #dropdown-toggle-label::before {
		/* padding-left: 1em; */
		/* padding-right: .25em; */
		padding-left: 0;
		padding-right: 0;
		content: '';
	  }


	#filter-wrapper {
	}

	#dropdown-toggle.active {
	  background-color: #fff;
	}

	  #dropdown-toggle {
		z-index: 7000;
		position: ;
	  }
	  #filter-dropdown {
		box-shadow: 0 0 100vh 100vh #0009 !important;
	  }

	#filter-dropdown-label {
	  /* padding: 8px 15px; */
	  padding: 0;
	  left: -25px;
	  position: ;
	  top: -4px;
	  font-size: 12px;
	}

	#filter-dropdown {
	  /* margin-top: 58px; */
	  /* left: auto; */
	  margin-top: 0px;
	  left: 25px;
	  border-radius: 0em !important;
	}

	#filter-dropdown-label {
	  /* display: block; */
	  /* margin: -4px 0 0; */
	}



	  #search-box-wrapper input[type="text"] {
		/* font-size: 1em; */
		font-size: .89em;
	  }
	  #search-box-wrapper input[type="text"] {
		/* padding-left: 3.75em; */
		padding-left: 3.25em;
	  }
	  #dropdown-toggle {
		/* width: 5em; */
		/* padding-left: 1.75em; */
		width: 3.5em;
		padding-left: 1em;
	  }
	  #profile-search-form-wrapper > h2:nth-child(1) {
		/* display: none; */
		display: block;
		font-size: 9vw;
	  }
	  #profile-search-form {
		/* margin-top: 4em; */
		margin-top: 1em;
	  }
	  #profile-search-form-wrapper {
		/* margin-top: 14vh; */
		margin-top: 3vh;
	  }
	  #filter-dropdown {
		/* left: 25px; */
		left: 18px;
	  }
}


#filter-dropdown-label {
  /* background-color: #276436; */
  /* color: #ffffff; */
  /* font-family: "Open Sans",Verdana,Arial,sans-serif; */
  /* margin: -4px 0 0; */
  /* padding: 15px; */
  background-color: transparent;
  color: #555;
  font-family: "Roboto Condensed";
  padding: 8px 15px;
  text-transform: uppercase;
}

#filter-dropdown label {
  /* text-transform: uppercase; */
  text-transform: none;
}

#dropdown-toggle {
  transition: .2s;
  z-index: 4000;
  position: ;
}

#filter-dropdown {
  /* box-shadow: 0 6px 12px rgba(0,0,0,.175); */
  /* max-width: 200px; */
  /* margin-top: 58px; */
  /* left: auto; */
  /* z-index: 100; */
  box-shadow: 0 0 100vw 100vw rgba(0,0,0,.575);
  margin-top: 0;
  left: 0;
  padding-top: 4em;
  padding-bottom: .5em;
  padding-left: 1.34em;
  padding-right: .75em;
  border-radius: 2em 0 2em 2em;
  line-height: 1em;
}

#filter-wrapper {
  /* width: 20%; */
  width: 22%;
  position: relative;
  min-width: 10em;
}

#search-box-wrapper input[type="text"] {
  transition: .1s;
  outline: 0;
}

#dropdown-toggle.active svg {
  rotate: 180deg;
}

#dropdown-toggle.active {
  color: ;
  background-color: #fff;
  z-index: 7000;
  position: ;
  color: #000;
}

#filter-dropdown .options {
  font-size: .8em;
  font-family: "Roboto Condensed";
  text-transform: uppercase;
}

#dropdown-toggle.active {
  box-shadow: none;
}

#filter-dropdown.hidden {
  height: 0;
  opacity: 0;
  display: block;
  z-index: 1;
  transition: 0s;
}

#filter-dropdown {
  /* max-height: 3000px; */
  opacity: 1;
  height: 12em;
  transition: .2s;
}

#search-box-wrapper input:focus {
  outline: 4px solid green;
}

#filter-dropdown label {
  /* text-transform: none; */
  text-transform: uppercase;
}

#filter-dropdown-label {
  /* text-transform: uppercase; */
}

#dropdown-toggle {
  transition: .2s;
  z-index: 4000;
  position: relative;
}


#filter-wrapper {
  /* min-width: 10em; */
  min-width: 11em;
}

#filter-dropdown {
  /* height: 12em; */
  height: auto;
  min-width: 13.5em;
  min-height: 11em;
}

#filter-dropdown-label {
  /* text-transform: uppercase; */
  text-transform: none;
  font-weight: 400;
}

@media screen and (max-width: 900px)
{
	#profile-search-form button[type="submit"] {
	font-size: 0;
	}
	#filter-wrapper {
	/* z-index: 5000; */
	z-index: 2;
	position: absolute !important;
	}
	#filter-dropdown {
	/* left: 25px; */
	/* border-radius: 0em !important; */
	border-radius: 0 2em 2em 2em !important;
	top: -.8em;
	left: 0;
	padding-top: 1em !important;
	margin-top: 0;
	position: relative;
	height: auto !important;
	min-height: 1em !important;
	}
	#filter-wrapper {
	/* top: 0.34em; */
	top: 2.18em;
	width: 1em !important;
	min-width: 1em !important;
	}
	#dropdown-toggle {
	top: -3em;
	}
}

@media screen and (max-width: 1320px)
{

	#profile-tablist a.profile-tablinks {
	  font-size: 14px !important;
	  font-weight: 500;
	  padding: .5em 1.5em;
	}
}


@media screen and (max-width: 900px) 
{
	#profile-tablist a.profile-tablinks {
	  font-size: 12px;
	}

	#profile-tablist a.profile-tablinks {
	  font-size: 12px !important;
	  font-weight: 500;
	  padding: .5em 1.5em;
	  text-transform: none;
	  font-family: "Roboto" !important;
	  letter-spacing: 0;
	}


	  .content {
		/* padding: 5vw; */
		padding: 0;
	  }
	  #profile-search-form-wrapper {
		/* margin-bottom: 14vh; */
		margin-bottom: 0;
	  }

	#profile-container {
	  /* max-width: 66vw; */
	  max-width: 100%;
	}

	#profile-tablist {
	  /* max-width: 66vw; */
	  max-width: 100vw;
	}

	#profile-tabs {
	  /* max-width: 66vw; */
	  max-width: 100vw;
	}
	#profile-top::after {
	  /* background: linear-gradient(0deg, #fff 50%, rgba(0, 83, 38, .8) 50%); */
	  background: none;
	}

	#profile-top::before {
	  /* background-image: url('/sites/facultyinfo.unt.edu/themes/at_frodo/images/campus-bluebonnets.jpg'); */
	  background-image: none;
	}

	#profile-name > h1:nth-child(1) {
	  /* color: #fff; */
	  color: #000;
	}

	#profile-title {
	  /* color: #bbd236; */
	  color: #006800;
	}

	#profile-department {
	  margin-top: 1em;
	}

}

@media screen and (max-width: 576px) 
{
	#profile-top::after {
	  /* background: linear-gradient(0deg, #fff 50%, rgba(0, 83, 38, .8) 50%); */
	  background: none;
	}

	#profile-top::before {
	  /* background-image: url('/sites/facultyinfo.unt.edu/themes/at_frodo/images/campus-bluebonnets.jpg'); */
	  background-image: none;
	}

	#profile-name > h1:nth-child(1) {
	  /* color: #fff; */
	  color: #000;
	}

	#profile-title {
	  /* color: #bbd236; */
	  color: #006800;
	}

	#profile-name {
	  max-width: 100%;
	}

	#profile-department {
	  margin-top: 1em;
	}
}


#filter-dropdown.hidden {
  width: 1px !important;
  overflow: hidden;
}

#filter-dropdown {
  /* padding-bottom: .5em; */
  /* padding-left: 1.34em; */
  padding-bottom: 1em;
  padding-left: 1em;
}

#submit-wrapper button {
  font-size: 16px;
}

#submit-wrapper {
  min-width: 10em;
}


#profile-search-form:focus-within::after {
  width: 100%;
  height: 100%;
  outline: 6px solid green;
  border-radius: 2em;
  content: '';
  position: absolute;
  left: 0;
  transition: .1s;
}
#profile-search-form::after {
  transition: .05s;
  outline: none;
  content: '';
}

#profile-search-form {
  position:relative;
}

#profile-search-form:focus-within::after {
  z-index: 1;
}

#profile-search-form {
  z-index: 10;
}
#search-box-wrapper {
  z-index: 11;
}

#search-box-wrapper input:focus {
  /* outline: 4px solid green; */
  outline: none;
}

#profile-search-form:focus-within::after {
  /* outline: 6px solid green; */
  outline: 3px solid green;
}

#profile-search-form::after {
  height: 100%;
  width: 100%;
  position: absolute;
  box-shadow: 0px 1px 2px 0px #0003;
  border-radius: 2em;
}

#dropdown-toggle {
  /* z-index: 4000; */
  z-index: 8000;
}

@media screen and (max-width: 900px)
{
	  #search-box-wrapper input[type="text"] {
		z-index: 20;
		position: ;
	  }
	  #search-box-wrapper {
		z-index: 1 !important;
		position: relative;
	  }
	  #search-box-wrapper input[type="text"] {
		/* padding-left: 3.25em; */
		padding-left: 3.75em;
	  }
	  #profile-search-form-wrapper {
		/* margin-top: 3vh; */
		margin-top: 0;
	  }
	  .svg-inline--fa.fa-magnifying-glass {
		/* margin-top: 12px; */
		margin-top: 0;
	  }
}

@media screen and (max-width: 900px) 
{
	#dropdown-toggle {
	/* top: -3em; */
	top: -2.67em;
	}
}



#profile-contact {
  /* z-index: 100; */
  z-index: 8;
}

#search-box-wrapper input[type="text"] {
  /* border: 0; */
  border: none;
}

#search-box-wrapper {
  /* box-shadow: 0px 1px 0px #0002; */
  box-shadow: none;
}

#dropdown-toggle {
  /* box-shadow: 0px 1px 0px #0003; */
  box-shadow: none;
}

@media screen and (max-width: 900px)
{
	#profile-contact ul {
	columns: 1 !important;
	}
}


#profile-top::after {
  /* background: linear-gradient(0deg, #fff 50%, rgba(0, 83, 38, .8) 50%); */
  background: rgba(0, 83, 38, .8);
}

#profile-top {
  height: 8.5em;
}

#profile-top {
  /* margin: 1em auto; */
  margin: 1em auto 0 auto;
}

#profile-photo {
  height: 180px;
  width: 180px;
}

#profile-department {
  /* margin-top: 15%; */
  z-index: 100;
  margin-bottom: 0;
  margin-top: 12px;
}

#profile-title {
  top: -2em;
  z-index: 100;
  left: calc(180px + 54px);
}

#profile-photo {
  /* z-index: 100; */
  z-index: 200;
}

#profile-contact {
  /* height: calc(50% - 1em); */
}

#profile-contact {
  /* max-height: 50%; */
}

#profile-contact {
  /* margin-left: auto; */
}

#profile-department {
  /* margin-top: 10%; */
}

#profile-department {
  /* margin-top: 1em; */
}

#profile-office {
  /* column-span: all; */
  max-width: 36ch;
}

#profile-contact {
  /* width: 100%; */
  width: auto;
  margin-right: 2em;
}

#profile-contact {
  /* position: initial !important; */
  position: initial;
}

#profile-top {
}

#profile-department strong, #profile-college strong {
  display: none;
}

#profile-contact li {
  line-height: 1.5em;
  margin-bottom: 1em;
  position: relative;
  margin-right: 1.5em;
}

#profile-middle {
  z-index: 100;
  padding-left: calc(180px + 3em);
  position: relative;
  background-color: #fff;
}

#profile-contact {
  /* max-width: 50%; */
}

#profile-department {
  /* max-width: 50%; */
  max-width: 36ch;
  display: block;
}

#profile-contact .fa-solid, #profile-contact .svg-inline--fa {
  position: absolute;
  left: -1.5em;
  top: .25em;
}


#profile-contact {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-right: 3em;
  position: relative;
  left: 2em;
}



#profile-office {
  /* column-span: all; */
  column-span: initial !important;
}

#profile-contact li {
  /* margin-bottom: 1em; */
  margin-bottom: .75em;
}

#profile-title {
  position:absolute;
}

@media screen and (max-width: 1150px) 
{
	#profile-middle {
	  flex-direction: column;
	}

	#profile-contact {
	  max-width: 100%;
	}

	#profile-contact {
	  margin-top: 0;
	}
}

@media screen and (max-width: 900px)
{
	#profile-middle {
	  flex-direction: column;
	}

	#profile-contact {
	  max-width: 100%;
	}

	#profile-top {
	  /* display: block; */
	  display: relative;
	}

	#profile-photo img {
		/* max-width: 50%; */
		max-width: 100%;
	  }

	#profile-top::after {
	  /* background: rgba(0, 83, 38, .8); */
	  background: #fff;
	}

	#profile-photo {
	  display: block;
	}

	#profile-top {
	  /* height: 8.5em; */
	  height: auto;
	}

	#profile-photo {
	  margin: 0 auto;
	}

	#profile-middle {
	  /* padding-left: calc(180px + 3em); */
	  padding-left: 2em;
	  top: -2em;
	  padding-bottom: 2em;
	  margin-bottom: -2em;
	}

	#profile-title {
	  /* position: absolute; */
	  position: relative;
	  top: ;
	}

	#profile-title {
	  /* top: -2em; */
	  /* left: calc(180px + 54px); */
	  top: 0;
	  left: 0;
	}

	#profile-department {
	  /* max-width: 36ch; */
	  max-width: 90%;
	}

	#profile-top::before {
	  display: ;
	}

	#profile-name {
	  /* max-width: 40%; */
	  max-width: 100%;
	}

	#profile-contact {
	  /* position: initial !important; */
	  position: relative;
	}

	#profile-contact {
	  /* margin-left: auto; */
	  margin-left: initial;
	}
}

#all-results {
  margin-left: 75px;
}

#all-results, .results-result {
  max-width: 95%;
}

p#profile-department {
  max-width: 24ch;
  line-height: 21px;
  margin-bottom: 1em;
}

#profile-college::before {
  content: 'College';
  display: block;
}

#profile-college::before {
  /* font-size: .89em; */
  font-size: .75em;
  font-weight: 700;
  color: #006800;
}

p#profile-department::before {
  content: 'Department';
  display: block;
  text-transform: uppercase;
  font-size: .75em;
  font-family: "Roboto Condensed";
  font-weight: 700;
  color: #006800;
}

div#profile-department {
  margin-bottom: .5em;
}

#profile-college {
  line-height: 1.25em;
}

p#profile-department {
  /* line-height: 21px; */
  line-height: 1.25em;
}


@media screen and (max-width: 900px)
{
	#profile-contact {
	/* margin-left: initial; */
	margin-left: 1.5em;
	}
	
	#block-at-frodo-digitalmeasuresfacultyinfofrontpagesearchform #dropdown-toggle {
	  top: -3em;
	}
}


@media screen and (max-width: 650px) 
{
	.stat span:first-child {
	  font-size: 3em !important;
	  letter-spacing: -1px !important;
	}
}

#profile-college::before {
  text-transform: uppercase;
  font-family: "Roboto Condensed";
}

p#profile-department {
  position: relative;
}

#profile-container a, #profile-container a:active {
  border-bottom: ;
}

p#profile-department a {
  text-decoration-style: dashed;
  text-decoration-thickness: 1px;
  color: #000;
}

p#profile-department a:hover::after {
  content: 'See all faculty →';
  font-size: .67em;
  line-height: 1em;
  display: inline-block;
  position: absolute;
  bottom: ;
  background-color: #000;
  color: #fff;
  height: ;
  padding: .75em 1em;
  height: auto;
  width: 17ch;
  border-radius: 1em 1em 1em 0;
  top: -1em;
  right: -11ch;
}

p#profile-department a {
  position: relative;
  display: inline-block;
}

p#profile-department a:hover::after {
  /* display: inline-block; */
  /* top: -1em; */
  /* right: -11ch; */
  display: block;
  top: -2em;
  right: -18ch;
}

p#profile-department a:hover::after {
  /* top: -2em; */
  /* right: -18ch; */
  top: -2.75em;
  left: 75%;
}