/*
Implementations Skeletor v3 - 5/10/2014

oustyles.css

Add styles to overwrite customer CSS, USE WITH CAUTION.

Contributors: A. Schwenkenberg
Last Updated: 10/2017
*/

@import url("https://use.typekit.net/qed6isq.css");

@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&display=swap');

@font-face {
  font-family: "Abrade";
  src: url('/_resources/fonts/Abrade-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Abrade";
  src: url('/_resources/fonts/Abrade-Book.otf') format("opentype");
  font-weight: 350;
  font-style: normal;
}

@font-face {
  font-family: "Abrade";
  src: url('/_resources/fonts/Abrade-BookItalic.otf') format("opentype");
  font-weight: 350;
  font-style: italic;
}

@font-face {
  font-family: "Abrade";
  src: url('/_resources/fonts/Abrade-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Abrade";
  src: url('/_resources/fonts/Abrade-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Abrade";
  src: url('/_resources/fonts/Abrade-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Abrade";
  src: url('/_resources/fonts/Abrade-Heavy.otf') format("opentype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Abrade";
  src: url('/_resources/fonts/Abrade-Black.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Abrade";
  src: url('/_resources/fonts/Abrade-Ultra.otf') format("opentype");
  font-weight: 950;
  font-style: normal;
}

@font-face {
	font-family: "Webdings";
	src: url('/_resources/fonts/webdings.ttf') format("truetype");
}

@font-face {
    font-family: "Bodoni";
    src: url("https://www.ttuhsc.edu/_resources/fonts/bodoni-bookita.ttf"); /*URL to font*/
}

@font-face {
    font-family: "Abrade Bold";
    src: url("/_resources/fonts/Abrade-Bold.otf"); /*URL to font*/
}

@font-face {
    font-family: 'Abrade Medium';
    src: url('/_resources/fonts/Abrade-Medium.otf'); /*URL to font*/
}

@font-face {
    font-family: 'Abrade Book';
    src: url('/_resources/fonts/Abrade-Book.otf'); /*URL to font*/
}




a.disabled {
	color: grey!important;
	pointer-events: none!important;
	cursor: default!important;
}
.emergency-wrap + .banner {
    top: 25px;
}

div[class*="card bg-"] div.card-body p a
/* ,div[class*="card bg-"] div.card-body h3 a  */
{
	font-family: 'Roboto', sans-serif;
}

/*Design Studio Added */

.subnav-container ul li a{
    background:none;
}

#nav-sidebar{
    position:relative;
    min-height: 66px;
}

.subnav-container {
  position: relative;
  z-index: 998;
}

.subnav-container ul.subnav > li.list-item-open .sub-menu{
    background:none;
    border-left:1px solid #ed1c24;
}

.subnav-container .section-title:hover{
    background:#0a0203;
}

.subnav-container .section-title{
    width: 100%;
    left: 0;
}

.subnav-container .collapse, .subnav-container .collapsing {
    background:#fff;
    border:1px solid #ccc;
	position: absolute;
}

.subnav-container h2.section-title, .subnav-container .section-title{
    padding-left:55px;
}

 .subnav-container h2.section-title:after, .subnav-container .section-title:after {
      content: ' ';
      display: inline-block;
      position: absolute;
      background: url("/_resources/images/hamburger-menu-white.png") no-repeat;
      background-size: contain;
      height: 30px;
      width: 30px;
      top: 22px;
      right: auto;
     left:15px;
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      transition: all 0.3s; }
  .subnav-container ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

body {
    font-family: Roboto, sans-serif;
    color: #111;
}


/* -- Containers ------------------------------------ */


	.two-column-links {
		display: flex;
		gap: 2em;
		flex-direction: row;
	}

	@media (max-width: 1199px){
	  .two-column-links {
		flex-direction: column;
		gap: 0em;
	  }
	}
/* -- /Containers/ ------------------------------------ */




/* -- Lists ------------------------------------ */

ul.red-dot {
	padding-left: 1em;
	
	& li {
		margin-bottom: 1em;

		&::marker {
			color: red;
		}
	}
}

ul.bold li{
		font-weight: bold;
	}

/* -- /Lists/ ------------------------------------ */




/* -- Buttons and Links ------------------------------------ */

	/* Links with Red Arrow */
	.btn-red-arrow {
		color: black;
		font-family: Roboto, sans-serif;
		font-size: 1.25rem;
		transition: 300ms;
		line-height: 2em;
		text-decoration: none;
		
		&:visited {
			color: #444;
		}
		
		&:active {
			text-decoration: none;
		}
	}

	.btn-red-arrow:after {
		display: inline-block;
		font: var(--fa-font-solid);
		content: '\f061';
		color: #cc0000;
		margin-left: .325em;
		position: relative;
		transition: 300ms;
	}

	.btn-red-arrow:hover {
		color: #c00;
		text-decoration: none;
	}

	.btn-red-arrow:hover::after {
		transform: scale(1.125);
		transform-origin: left;
	}


	/* Red Block Button with Arrow */
	.btn-block-red-arrow {
		background-color: #cc0000;
		color: white;
		font-family: Roboto, sans-serif;
		font-size: 1.375rem;
		transition: 400ms;
		line-height: 2em;
		padding: .75em 1em;
		text-decoration: none;
		display: inline-block;
	}
		
	.btn-block-red-arrow::after {
			display: inline-block;
			font: var(--fa-font-solid);
			content: '\f061';
			color: white;
			margin-left: .5em;
			position: relative;
			transition: 400ms;
		}
		
		.btn-block-red-arrow:hover {
			color: white;
			background-color: #000;
			text-decoration: none;
		}
		
		.btn-block-red-arrow:hover::after {
			transform: scale(1.125);
			transform-origin: left;
		}
		
		.btn-block-red-arrow:visited {
			color: #eeeeee;
		}
		
		.btn-block-red-arrow:active {
			text-decoration: none;
		}
		
		.btn-block-red-arrow:focus {
			text-decoration: none;
		}

	/* Red Block Button */
	.btn-block-red {
		background-color: #cc0000;
		color: white;
		font-family: Roboto, sans-serif;
		font-size: 1.375rem;
		transition: 400ms;
		line-height: 2em;
		padding: .75em 1em;
		text-decoration: none;
		display: inline-block;
	}
		
		.btn-block-red:hover {
			color: white;
			background-color: #B70000;
			text-decoration: none;
		}
		
		.btn-block-red:visited {
			color: #eeeeee;
		}
		
		.btn-block-red:active {
			text-decoration: none;
		}
		
		.btn-block-red:focus {
			text-decoration: none;
		}

	/* Red Underline to Block Button */
	.btn-underline-red {
	  font-family: Roboto, sans-serif;
	  position: relative;
	  padding: .65em .75em;
	  margin-top: .5em; margin-bottom: .5em;
	  transition: all 0.2s ease;
	  position: relative;
	  color: black;
	  font-size: 1.125rem;
	  font-weight: 900;
	  letter-spacing: 0.125em;
	  text-transform: uppercase;
	  vertical-align: middle;
	}
		.btn-underline-red:hover {
		  color: white;
		  text-decoration: none;
		}

		.btn-underline-red:before {
		  content: "";
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  display: block;
		  background: #cc0000; 
		  height: .25em;
		  transition: all 0.3s ease;
		  z-index:-1;
		}

		.btn-underline-red:hover:before {
		  height: 100%;
	  }
		.btn-underline-red:visited {
			text-decoration: none;
			color: black;
		}
		
		.btn-underline-red:active {
			text-decoration: none;
		}
	
		.btn-underline-red:focus {
			text-decoration: none;
		}


/* --- Images -------------------------------------*/

	/* Image Opacity Hover */
	img.opacity {
	  opacity: 1;
	  transition: 400ms;
	}

	img.opacity:hover {
	  opacity: .85;
	}