@charset "UTF-8";
/* CSS Document Working.tusd1.org custom (automatrix)*/ :root {
  --tusd-district-ltgray: #dddddd;
  --tusd-district-magnet: #5F259F; /* purple */
  --tusd-district-white: #ffffff;
  --Dark1: #666666; /* Grey (70% black) */
  --tusd-district-dkgray: #666666;
  --tusd-district-dkrgray: #444444;
  --Dark2: #0e0e46; /* Prussian Blue */
  --tusd-district-hrblue: #0E0E46;
  --Dark3: #981b1e; /* Dark Red */
  --tusd-district-brick: #981b1e;
  --Dark4: #000000; /* Black */
  --tusd-district-black: #000000;
  --Accent1: #f9f8f1; /* Ivory */
  --tusd-district-ivory: #f9f8f1;
  --Accent2: #ed1c24; /* Red */
  --tusd-district-red: #ed1c24;
  --Accent3: #ffcd30; /* Gold */
  --tusd-district-gold: #ffcd30;
  --Medium1: #002693; /* Medium Dark Blue */
  --Medium2: #4F758B; /* blueish */
  --tusd-district-bluish: #4F758B;
}
.copyright {
  float: right;
}
#xticontent {
  padding: 0;
}
#header {
  min-height: 100px;
  color: var(--tusd-district-white);
  background-color: var(--tusd-district-black);
  border-bottom: 7px solid var(--tusd-district-red);
  padding: 0px !important;
}
#header .ContentBlockAlt4 {
  background: var(--tusd-district-brick);
  width: auto;
  min-width: 100%;
  max-width: 110%;
  display: block;
  text-align: center;
  font-size: 1em;
  color: var(--tusd-district-white);
  font-weight: normal;
  border: none;
  overflow: hidden;
  margin: 0 -15px;
}
/* Header Logo - added 2024-0404 */
.m-header-logo-img {
  max-width: 100%;
  margin: auto;
}
/*  combined main & #main 2024-06-12 Joe */
main {
  font-family: montserrat, Helvetica, Arial, Sans-Serif;
  background: var(--tusd-district-white);
  font-size: 16px;
  position: relative;
  overflow: hidden;
}
main a {
  color: var(--tusd-district-brick);
  text-decoration: underline;
}
main a:hover, main a:focus {
  color: var(--tusd-district-red);
  text-decoration: none;
  background-color: transparent;
}
/* Adds Icon to right of Sharepoint Links */
main a[href*="sharepoint"] {
  display: inline-block;
  vertical-align: top;
}
main a[href*="sharepoint"]:after {
  display: inline-block;
  content: "";
  height: 1em;
  width: 1em;
  margin-left: .3em;
  background-image: url('https://tusd1.sharepoint.com/_layouts/15/images/favicon.ico');
  background-size: contain;
  background-repeat: no-repeat;
  padding: 2px;
  box-sizing: border-box;
}
/* TYPOGRAPHY */
main .ContentBlock h1, main .ContentBlock h2, main .ContentBlock h3, main .ContentBlock h4, main .ContentBlock h5, main .ContentBlock h6, main .ContentBlock p, main .ContentBlock ul, main .ContentBlock ol {
  line-height: 1.66;
  margin-bottom: 12px;
}
article {
  columns: 2 420px;
}
/* INFLOW BLOCKS and SECTIONS */
.SectionTitle, .SectionTitleAlt1, .SectionTitleAlt2, .SectionTitleAlt3, .SectionTitleAlt4, .SectionTitleAlt5, .SectionTitleAlt6, .SectionTitleAlt7, .SectionTitleAlt8, .SectionTitleAlt9 {
  padding-left: 0;
}
/* applies vertical spacing between items within a section */
main .SectionContent .col-md-12 + .col-md-12 {
  margin-top: 8px;
}
.SkipNav a:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  color: var(--tusd-district-white);
  outline-color: transparent;
  -webkit-transition: top .1s ease-in;
  transition: top .1s ease-in;
}
.SkipNav a {
  padding: 6px;
  position: absolute;
  top: -40px;
  left: 0px;
  color: var(--tusd-district-white);
  border-right: 1px solid var(--tusd-district-white);
  border-bottom: 1px solid var(--tusd-district-white);
  border-bottom-right-radius: 8px;
  background: var(--tusd-district-brick);
  -webkit-transition: top 1s ease-out;
  transition: top 1s ease-out;
  z-index: 100;
}
.topBar {
  background: #222222;
  min-height: 70px;
}
/*  from working sitestyles
*/
#topNavBar {
  position: relative;
  right: 0;
  z-index: 999;
  width: 100%;
  padding: 0px;
  background: var(--tusd-district-brick);
}
#topNavBar .navigation {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background: var(--tusd-district-brick);
  width: 100%;
  height: 40px;
  display: table;
  position: relative;
  font-family: inherit;
}
#topNavBar .nav-menu {
  float: right !important;
}
/* changed height and padding 2-15-2024 */
#topNavBar .nav-menu > li > a {
  line-height: 1.66;
  padding: 8px 20px 8px 20px;
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-size: 14px;
  color: var(--tusd-district-white);
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}
#topNavBar .nav-menu > li:first-child a {
  background-color: var(--tusd-district-gold);
  color: var(--tusd-district-black);
}
#topNavBar .nav-menu > li:first-child a:hover {
  background-color: var(--tusd-district-ltgray);
  color: var(--tusd-district-black);
}
#topNavBar .nav-menu > li:active a {
  background-color: var(--tusd-district-ltgray);
  color: var(--tusd-district-black);
}
/* moved from below 2-15-2024 */
#topNavBar .nav-menu > li > a:hover, #topNavBar .nav-menu > li > a:active, #topNavBar .nav-menu > li > a:hover {
  background-color: var(--tusd-district-ltgray);
  color: var(--tusd-district-black);
}
/*. end added. */
.logo {
  margin: 0 0;
  max-width: none;
  display: inline-block;
  vertical-align: bottom;
  padding-top: 5%;
}
.logo span {
  font-family: montserrat, Helvetica, Arial, Sans-Serif;
  color: var(--tusd-district-gold);
  font-style: italic;
  padding-bottom: 0px;
  font-size: 18px;
}
/* BUTTONS */
main .btn:not(.btn-sm) {
  background-color: var(--tusd-district-black);
  color: var(--tusd-district-white);
  padding: 5px 15px 5px 15px;
  margin-top: -5px;
  outline: solid thin var(--tusd-district-white);
  font-size: 14px;
  line-height: 1.5;
}
main .btn:not(.btn-sm).focus, main .btn:not(.btn-sm):focus, main .btn:not(.btn-sm):hover {
  color: var(--tusd-district-gold);
  outline-color: var(--tusd-district-gold);
  text-decoration: underline;
}
/* SEARCH BUTTON */
.btn-search {
  background-color: var(--tusd-district-black);
  color: var(--tusd-district-white);
  padding: 5px 15px 5px 15px;
  margin-top: -5px;
  outline: solid thin var(--tusd-district-white);
  font-size: 14px;
  line-height: 1.5;
}
.btn-search.focus, .btn-search:focus, .btn-search:hover {
  color: var(--tusd-district-gold);
  outline-color: var(--tusd-district-gold);
  text-decoration: underline;
}
.tusd1-address {
  background-color: var(--tusd-district-brick);
  box-shadow: 0em 0em 0.2em var(--tusd-district-black);
  width: 100%;
  min-width: 100%;
  max-width: 1600px;
  display: table;
  text-align: center;
  font-size: 1em;
  color: var(--tusd-district-black);
  font-weight: bolder;
  padding: .5em 0em;
}
/* #main was combined with main 2024-06-12 by Joe */

.navSpan {
  background-color: transparent;
}
/* added from www file. */
.nav-menu > li > a {
  /* height: 70px; removed to fix extra height 2024-02-20 */
  padding: 26px 15px;
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-size: 22px;
  color: #fff;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}
.navigation {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background: var(--tusd-district-black);
}
/* end of added */
/* Added 2024-01-09 by Joe to fix mobile view of the hanburger menu */
.navigation-portrait .nav-menus-wrapper {
  background-color: var(--tusd-district-brick);
}
/* end added */
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0px;
  border: 1px solid transparent;
}
.nav-menu > li:hover > a, .nav-menu > li.active > a, .nav-menu > li.focus > a, .nav-menu > li:hover > a > span {
  color: var(--tusd-district-white);
  background: var(--tusd-district-dkgray);
}
.navbar-inverse {
  background-color: transparent;
  Color: var(--tusd-district-black);
  padding: 20px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  color: var(--tusd-district-white);
  background-color: var(--tusd-district-black);
}
/* added from www.  */
.nav-dropdown > li > a {
  width: 100%;
  padding: 8px 10px;
  display: inline-block;
  text-decoration: none;
  float: left;
  font-size: 13px;
  color: var(--tusd-district-black);
  background-color: var(--tusd-district-ltgray);
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}
.nav-dropdown > li:hover > a, .nav-dropdown > li.focus > a {
  color: var(--tusd-district-white);
}
/*. end of added */
/* from working sitestyles */
.nav-toggle:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: var(--tusd-district-ltgray);
  border-radius: 10px;
  box-shadow: 0 0.5em 0 0 var(--tusd-district-ltgray), 0 1em 0 0 var(--tusd-district-ltgray);
}
.nav-menu > li:hover > a .submenu-indicator-chevron, .nav-menu > li:active > a .submenu-indicator-chevron, .nav-menu > li:focus > a .submenu-indicator-chevron {
  border-color: transparent var(--tusd-district-ltgray) var(--tusd-district-ltgray) transparent;
}
.nav-dropdown > li:hover > a, .nav-dropdown > li:focus > a {
  color: var(--tusd-district-white);
  background-color: var(--tusd-district-dkgray);
}
/* removed as consolidated code 2/15/2024 
#topNavBar .nav-menu > li > a {
    height: 40px;
}

#topNavBar .nav-menu > li > a:hover,
#topNavBar .nav-menu > li > a:active,
#topNavBar .nav-menu > li > a:hover {
    height: 40px;
	background-color: var(--tusd-district-ltgray);
	color: var(--tusd-district-black);
}
*/
.nav-menus-wrapper-close-button {
  width: 30px;
  height: 40px;
  margin: 10px 7px;
  display: none;
  float: right;
  color: var(--tusd-district-ltgray);
  font-size: 26px;
  cursor: pointer;
}
/*. end added */
.navbar-inverse .navbar-nav > li > a {
  color: var(--tusd-district-black);
  font-size: 16px;
  font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
  display: inline-block;
  margin: 0 auto;
  background: transparent;
  border-radius: 0px;
  padding: 4px 8px;
  font-weight: bold;
  text-transform: uppercase;
}
.responsive .nav ul.hmenu > li > ul > li a, .responsive .nav ul.hmenu > li > ul > li a:visited {
  background: var(--tusd-district-white);
  border: none;
  text-indent: 5px;
  color: var(--tusd-district-black);
}
.hmenu ul a:link, .hmenu ul a:visited, .hmenu ul a.active, .hmenu ul a:hover {
  text-align: left;
  line-height: 27px;
  color: var(--tusd-district-white);
  font-size: 14px;
  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  margin: 0;
  font-weight: bold;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: transparent;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid var(--tusd-district-ltgray);
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu > li > a {
  display: block;
  clear: both;
  font-weight: bold;
  line-height: 1.42857143;
  color: var(--tusd-district-black);
  Background-color: var(--tusd-district-white);
  white-space: nowrap;
  text-transform: uppercase;
  outline: var(--tusd-district-black) solid 1px;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  color: var(--tusd-district-white);
  text-decoration: none;
  background-color: var(--tusd-district-dkgray);
  outline: var(--tusd-district-brick) solid 1px;
}
.navbar-nav > li > .dropdown-menu > li {
  width: 100%;
}
.navbar-inverse .navbar-nav > li > a.active {
  color: #fff;
  background-color: #9B2743;
  outline: #9B2743 solid 1px;
}
.navbar-inverse .navbar-nav > li > a:active, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
  background-color: var(--tusd-district-dkgray);
  outline: var(--tusd-district-brick) solid 1px;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: var(--tusd-district-dkgray);
  outline: var(--tusd-district-brick) solid 1px
}
ul.hmenu > li > a:hover, .desktop ul.hmenu > li:hover > a {
  background: #9b2743;
  border: 1px solid var(--tusd-district-black);
  padding: 0 8px;
  margin: 0 auto;
  color: var(--tusd-district-white);
}
.submenu-indicator-chevron {
  height: 6px;
  width: 6px;
  display: block;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: transparent var(--tusd-district-white) var(--tusd-district-white) transparent;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
}
.SearchBox input[type=search] {
  margin: 7px 0;
  padding: 5px;
  border: solid 1px var(--tusd-district-white);
  border-radius: 4px;
}
.google_plugin {
  font-family: Open Sans;
  width: 158px;
  float: right;
  height: 70px;
  background: #4f8fc8;
  padding-top: 20px;
}
.google {
  /* border: solid 1px var(--tusd-district-white); */
  padding: 2px;
  border-radius: 4px;
  /* background: var(--tusd-district-white); */
  width: 220px;
  margin: 2px 0;
  text-align: left;
  float: right;
}
.goog-te-gadget .goog-te-combo {
  margin: 4px 0;
  width: 193px;
  padding: 2px 0;
  font-size: 15px;
  color: var(--tusd-district-ltgray);
  font-weight: normal;
  border: 1px solid var(--tusd-district-white);
  background-color: var(--tusd-district-white);
}
.nav-search-icon {
  width: 14px;
  height: 14px;
  margin: 2px 8px 8px 4px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: var(--tusd-district-ivory);
  text-align: left;
  text-indent: -9999px;
  border: 2px solid;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.SectionTitle {
  font-size: 22px;
  line-height: 36px;
  letter-spacing: normal;
  margin-top: 8px;
  margin-bottom: 10px;
  ;
  padding-left: 15px;
}
.SectionTitleAlt1 {
  color: var(--tusd-district-brick);
  font-size: 16px;
  background: inherit;
  line-height: 1.4;
  margin-bottom: 0;
  margin-top: 0;
}
.SectionTitleAlt1 a:link {
  color: var(--tusd-district-brick);
  text-decoration: underline;
  font-size: 16px;
  font-weight: 600;
}
.SectionTitleAlt1 a:hover, .SectionTitleAlt1 a:focus {
  color: var(--tusd-district-black);
  font-size: 16px;
  font-weight: 600;
}
.ModalTrigger > .SectionTitleAlt1 {
  color: var(--tusd-district-brick);
  text-decoration: underline;
  font-size: 16px;
  font-weight: 600;
}
.ModalTrigger:hover > .SectionTitleAlt1 {
  color: var(--tusd-district-black);
  font-size: 16px;
  font-weight: 600;
}
.SectionTitleAlt2 {
  background: none;
  color: var(--tusd-district-black);
  border-bottom: var(--tusd-district-brick) solid 2px;
  font-size: 20px;
  margin-bottom: 5px;
}
.SectionTitleAlt2 a {
  color: var(--tusd-district-black);
  text-decoration: none;
  font-size: 20px;
  font-weight: 600;
}
.SectionTitleAlt2 a:hover {
  color: var(--tusd-district-black);
  font-size: 20px;
  font-weight: 600;
  text-decoration: underline;
}
.SectionTitleAlt3 {
  background: none;
  color: var(--tusd-district-brick);
  border-bottom: var(--tusd-district-dkgray) solid 2px;
  font-size: 18px;
}
.SectionTitleAlt3 a {
  color: var(--tusd-district-brick);
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
}
.SectionTitleAlt3 a:hover {
  color: var(--tusd-district-brick);
  font-size: 18px;
  font-weight: 600;
  text-decoration: underline;
}
.SectionTitleAlt4 {
  background: var(--tusd-district-brick);
  text-align: center;
  color: var(--tusd-district-gold);
  font-size: 20px;
  line-height: 22px;
  padding: 5px 0px;
}
.SectionTitleAlt4 a {
  color: var(--tusd-district-gold);
  font-size: 20px;
  font-weight: 600;
  text-decoration: underline;
}
.SectionTitleAlt4 a:hover {
  color: var(--tusd-district-white);
  font-size: 20px;
}
.ContentBlock .SectionTitleAlt4 a:hover {
  color: var(--tusd-district-white);
  background: var(--tusd-district-brick);
  font-size: 20px;
}
.SectionTitleAlt5 {
  background: var(--tusd-district-brick);
  color: var(--tusd-district-white);
  font-size: 18px;
  text-align: center;
  padding: 3px 0;
}
.ContentBlock .SectionTitleAlt5 a {
  background: var(--tusd-district-brick);
  color: var(--tusd-district-white);
  text-decoration: none;
  font-size: 18px;
}
.ContentBlock .SectionTitleAlt5 a:hover {
  background: var(--tusd-district-brick);
  color: var(--tusd-district-white);
  text-decoration: underline;
  font-size: 18px;
}
.SectionTitleAlt6 {
  background: var(--tusd-district-black);
  color: var(--tusd-district-white);
  font-size: 20px;
  line-height: 22px;
}
.SectionTitleAlt6 a {
  color: var(--tusd-district-white);
  text-decoration: none;
  font-size: 20px;
}
.SectionTitleAlt6 a:hover {
  color: var(--tusd-district-white);
  font-size: 20px;
  text-decoration: underline;
}
.SectionTitleAlt7 {
  font-size: 16px;
  color: var(--tusd-district-dkgray);
  background: none;
  text-align: center;
}
.SectionTitleAlt7 a {
  color: var(--tusd-district-dkgray);
  text-decoration: none;
  font-size: 16px;
}
.SectionTitleAlt7 a:hover {
  color: var(--tusd-district-black);
  font-size: 16px;
  text-decoration: underline;
}
.SectionTitleAlt8 {
  background: none;
  color: var(--tusd-district-black);
  border-bottom: none;
  font-size: 14px;
  font-weight: Bold;
}
.SectionTitleAlt8 {
  margin: 5px auto;
  text-align: center;
  color: var(--Medium2);
}
.SectionTitleAlt9 {
  background: none;
  color: var(--tusd-district-black);
  border-bottom: none;
  font-size: 14px;
  font-weight: Bold;
}
.ContentBlockAlt1 {
  background: none;
  position: relative;
  min-width: 1px;
  min-height: 1px;
  box-shadow: 0px 0px 5px grey;
  padding: 20px;
  margin: 10px;
  color: var(--tusd-district-black);
  overflow: hidden;
}
.ContentBlockAlt1 a {
  font-weight: bolder;
  color: var(--tusd-district-brick);
  text-decoration: none;
}
.ContentBlockAlt1 a:hover {
  color: var(--tusd-district-brick);
  font-weight: bolder;
  text-decoration: underline;
}
/* ALT2 update 4/1/2024 fixed <a> tags */
.ContentBlockAlt2 {
  background: var(--tusd-district-dkgray);
  color: var(--tusd-district-white);
  padding: .5em;
}
.ContentBlockAlt2 a {
  color: var(--tusd-district-white);
}
.ContentBlockAlt2 a:hover, .ContentBlockAlt2 a:focus {
  color: var(--tusd-district-gold);
}
.ContentBlockAlt3 {
  background: #0E0E46;
  color: var(--tusd-district-white);
  border: none;
  overflow: hidden;
  margin: 5px;
  padding: 5px;
}
.ContentBlockAlt3 a {
  color: var(--tusd-district-white);
  text-decoration: none;
}
.ContentBlockAlt3 a:hover {
  color: var(--tusd-district-black);
  text-decoration: underline;
}
/* ALT4 update 4/1/2024 fixed <a> tags */
.ContentBlockAlt4 {
  background: var(--tusd-district-brick);
  color: var(--tusd-district-white);
  padding: .5em;
}
.ContentBlockAlt4 a {
  color: var(--tusd-district-white);
}
.ContentBlockAlt4 a:hover, .ContentBlockAlt4 a:focus {
  color: var(--tusd-district-gold)
}
.ContentBlockAlt5 {
  background: var(--tusd-district-black);
  color: var(--tusd-district-white);
  padding: .5em;
}
/* ALT5 update 4/1/2024 fixed <a> tags */
.ContentBlockAlt5 a {
  color: var(--tusd-district-white);
}
.ContentBlockAlt5 a:hover, .ContentBlockAlt5 a:focus {
  color: var(--tusd-district-gold)
}
.ContentBlockAlt6 {
  background: none;
  color: var(--tusd-district-black);
  border: var(--tusd-district-brick) solid 3px;
  overflow: hidden;
}
.ContentBlockAlt6 a {
  color: var(--tusd-district-black);
  text-decoration: none;
}
.ContentBlockAlt6 a:hover {
  color: var(--tusd-district-black);
  text-decoration: underline;
}
/* ALT7 update 4/1/2024 fixed <a> tags */
.ContentBlockAlt7 {
  background: var(--tusd-district-dkrgray);
  color: var(--tusd-district-white);
  padding: .5em;
}
.ContentBlockAlt7 a {
  color: var(--tusd-district-white);
}
.ContentBlockAlt7 a:hover {
  color: var(--tusd-district-gold);
}
/* added from www joseph */
.ContentBlockAlt8 {
  background: var(--tusd-district-ltgray);
  color: var(--tusd-district-black);
  border: thin solid var(--tusd-district-brick);
  border-radius: 16px;
  box-shadow: none;
  box-sizing: border-box;
  padding: 8px 12px 16px;
  margin: 5px 0;
  font-size: inherit;
}
.ContentBlockAlt8 a {
  text-decoration: underline;
  color: var(--tusd-district-brick);
}
.ContentBlockAlt8 a:hover, .ContentBlockAlt8 a:focus {
  text-decoration: none;
  color: var(--tusd-district-brick);
}
/* end added */
ContentBlockAlt9 {
  background: var(--tusd-district-white) !important;
  outline: none;
}
.ContentBlockAlt9 .btn-primary {
  color: var(--tusd-district-white);
  background-color: var(--tusd-district-magnet);
  border-color: transparent;
}
.ContentBlockAlt10 {
  background: transparent !important;
  outline: none;
}
.ContentBlockAlt10 .btn-primary {
  color: var(--tusd-district-white);
  background-color: var(--tusd-district-brick);
  border-color: transparent;
	border-radius: none;
}
.ContentBlockAlt10 .EventBoxTitle {
  color: white;
  background: var(--tusd-district-brick);
  border-color: var(--tusd-district-brick);
  font-size: 16px;
  line-height: 1.2;
  margin-top: 10px;
  overflow: hidden;
  padding: 0;
}
.ContentBlockAlt10 .EventBoxTitle a {
  color: var(--tusd-district-white);
  background: var(--tusd-district-brick);
  border-color: var(--tusd-district-brick);
  display: block;
  padding: 6px;
  max-height: 85px;
	min-height: 85px;
}
.ContentBlockAlt10 .EventBoxTitle a:hover {
  color: var(--tusd-district-white);
  background: var(--tusd-district-black);
  border-color: var(--tusd-district-black);
  text-decoration: underline;
}
.ContentBlockAlt10 .EventBoxDescription {
  background: var(--tusd-district-ltgray);
  padding: 10px;
  font-size: 14px;
  border-color: #ddd;
  min-height: 200px;
  max-height: 200px;
  color: var(--tusd-district-black);
}
.ContentBlockAlt10 .EventBoxFooter {
  background: var(--tusd-district-dkgray);
  text-align: right;
  color: var(--tusd-district-white);
}
/*

.SectionItemTitle

{

    font-weight:bold;

}

    */
.BoxHeader {
  max-width: 260px;
}
.nav-search-button:hover .nav-search-icon {
  color: var(--tusd-district-white);
}
.nav-search-button {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  cursor: pointer;
  background-color: #4f8fc8;
}
.SectionItemContent {
  padding: 5px;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: none;
  background-repeat: repeat-x;
}
.carousel-control:focus, .carousel-control:hover {
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  left: 0;
  right: auto;
  background-image: none;
  background-repeat: repeat-x;
}
.carousel img {
  width: 100%;
  height: auto;
}
/*.carousel iframe{ width:50%; height:auto;}*/
.inlineforms {
  display: inline-block;
}
.ShowDots {
  border: 1px dashed darkgray;
}
.swiper-container {
  width: 86%;
}
.swiper-button-prev, .swiper-button-next {
  position: absolute;
  /*  top: 100%;  */
  width: 27px;
  height: 24px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
  filter: drop-shadow(-1px 1px 1px white);
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%�2L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
  right: 1px;
  left: auto;
  height: 22px;
}
/* SECTION TYPE - ShowBoxContainer aka Photo Row - Added  2024-02-09 */
.ShowBoxContainer {
  display: flex;
  width: 100%;
  background-color: black;
  border: solid thin black;
  padding: 0;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.ShowBoxContainer > .ShowBox {
  aspect-ratio: 3 / 2;
  flex: 0 1 50%;
}
.ShowBox {
  background: black;
  border: solid thin black;
  max-height: 33vh;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: white;
}
.ShowBox img, .ShowBox iframe {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border: none;
  caption-side: bottom;
}
@media screen and (max-width: 480px) {
  .ShowBox:nth-child(n+5) {
    display: none;
  }
}
@media screen and (min-width: 480px) {
  .ShowBoxContainer > .ShowBox {
    flex: 0 1 33%;
  }
  .ShowBox:nth-child(n+7) {
    display: flex;
  }
}
@media screen and (max-width: 992px) {
  .ShowBox:nth-child(n+7) {
    display: none;
  }
}
/* bootstrap changes for col-md layouts */
@media (min-width: 992px) {
  .col-md-12 .ShowBoxContainer > .ShowBox {
    flex: 0 1 20%;
  }
  .ShowBox:nth-child(n+7) {
    display: flex;
  }
}
/* other Code */
.xtiEntryContainer {
  text-align: center;
}
.footer {
  background: var(--tusd-district-black);
  margin: 0 auto;
  position: relative;
  color: var(--tusd-district-white);
  font-size: 14px;
  letter-spacing: 1px;
  text-align: left;
  padding: 0;
  border-top: 7px solid var(--tusd-district-red);
}
.footer a, .footer a:link, .footer td, .footer caption, .footer p {
  color: var(--tusd-district-white);
  font-size: 14px;
  letter-spacing: 1px;
  text-decoration: none !important;
}
.footer a:visited, .footer td {
  color: var(--tusd-district-gold);
  font-size: 14px;
  letter-spacing: 1px;
  text-decoration: none;
}
.footer a:hover {
  color: var(--tusd-district-gold);
  font-size: 14px;
  letter-spacing: 1px;
  text-decoration: underline;
}
.ModalTrigger {
  cursor: pointer;
}
.footerModal {
  color: var(--tusd-district-black);
}
.twitter {
  margin: 50px;
}
.ToggleBox {
  width: 66px;
  height: 66px;
  position: absolute;
  z-index: 926;
  background: #f37204;
  border-radius: 5px 0px 0px 5px;
  opacity: 0.9;
  transition: all .2s ease-in-out;
  right: 0;
  text-align: center;
  cursor: pointer;
  margin-top: 26px;
}
.ToggleBox i {
  margin-top: 18px;
  color: var(--tusd-district-white);
}
#AlertSlideBox {
  position: absolute;
  background: var(--tusd-district-white);
  width: 0px;
  min-height: 66px;
  z-index: 925;
  right: 0;
  opacity: 0.96;
  transition: all .5s ease-in-out;
  margin-top: 26px;
  margin-right: 0px;
  overflow: hidden;
}
#AlertSlideBox.show {
  margin-right: 64px;
  width: 50%;
  padding-left: 5px;
  border-radius: 5px 0px 0px 5px;
  border: 2px solid #f4801e;
  background: yellow;
}
.AwareityLogo {
  margin: 20px auto;
  text-align: center;
  width: 133px;
}
.FooterDistrictLogo {
  max-width: 245px;
  display: inline-block;
}
.FooterRegionLogo {
  max-width: 70px;
  display: inline-block;
}
.xtiEntryFooter .btn-primary {
  color: #fff;
  background-color: var(--tusd-district-black);
  border-color: #1e1a4e;
}
.xtiEntryFooter .btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: var(--tusd-district-black);
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: var(--tusd-district-black);
  border-color: #204d74;
}
.btn-span {
  border: 1px solid transparent;
  border-radius: 4px;
}
.socialItem {
  max-width: 50px;
  display: inline-block;
}
/* Added from www.  */
.iconItem {
  float: left;
  text-align: center;
  max-width: 110px;
  min-width: 24%;
  /* margin: 0 10px 10px 10px; */
}
.iconItem a:hover {
  color: var(--tusd-district-white);
}
.iconItem {
  float: none;
  text-align: center;
  max-width: 100%;
  min-width: 50%;
  margin: 0 10px 10px 10px;
}
.logo {
  float: none;
  margin: 10px auto;
}
/*  end of added. */
/*  hover boxes */
.HoverBox {
  position: relative;
  width: 100%;
}
.HoverBoxImage {
  display: block;
  width: 100%;
  height: auto;
  opacity: 1;
}
.HoverBoxTextBox {
  opacity: 0;
  bottom: 0;
  right: 0;
  top: 20%;
  left: 50%;
  width: 100%;
  overflow: hidden;
  transition: .5s ease;
  background-color: #5a0f11;
  color: var(--tusd-district-white);
  font-size: 14px;
  padding: 10px 15px;
  text-align: center;
  position: absolute;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.HoverBoxText a {
  color: var(--tusd-district-white);
  text-decoration: none;
  font-size: 46px;
}
.HoverBox:hover .HoverBoxTextBox {
  top: 60%;
  left: 50%;
  height: 80%;
  opacity: 0.9;
}
.ContentBlock .HoverBoxText, .ContentBlock .HoverBoxText a, .ContentBlock .HoverBoxText a:hover {
  color: var(--tusd-district-white);
  background-color: #5a0f11;
  font-size: 14px;
  padding: 10px 0px;
  text-align: left;
  position: absolute;
  top: 40%;
  left: 45%;
  width: 80%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-40%, -40%);
  text-decoration: none;
}
.ContentBlock .HoverBoxText a:focus, .ContentBlock .HoverBoxImage:focus, .HoverBox:focus {
  border: 3px solid var(--tusd-district-red);
}
.fixed-height {
  height: 700px;
  display: block;
  overflow: scroll;
}
/*  /hover boxes */
@media screen and (min-width: 768px) {
  .navbar-nav {
    float: none;
    text-align: center;
  }
  .navbar-nav li {
    display: inline-block;
    float: none;
    margin: 0 5px;
  }
  .dropdown-menu > li {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .nav-menu > li > a {
    /* height: 70px; removed to fix extra height 2024-02-20 */
    padding: 26px 15px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    color: #333;
    -webkit-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
  }
  .navbar-inverse .navbar-toggle {
    background-color: #333;
  }
  .navbar-inverse .navbar-nav > li > span {
    width: 46%;
    text-align: right;
  }
  .navbar-inverse .navbar-nav > li > a {
    width: 50%;
  }
  .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #0199c8;
  }
  #header .SectionContent {
    text-align: center;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #000;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #000;
    background-color: transparent;
  }
}
.gsc-input {
  font-size: 16px;
  color: var(--tusd-district-black)
}
/* from www joseph */
/* WIDGETS */
/* WIDGET - school grid for Discover campaign 2024 /discover */
.school-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.66em;
}
@media screen and (min-width: 768px) {
  .school-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
/* WIDGET - BUTTONS bootstrap button - themed for TUSD marketing*/
main .btn-primary.th-sy2022 {
  background: var(--tusd-district-brick);
  color: var(--tusd-district-ivory);
  border-radius: .5em;
  padding: 4px 18px;
  border: 3px solid var(--tusd-district-brick);
  font-size: 1.4em;
  text-transform: uppercase;
  box-shadow: 1px 1px 2px 0 var(--Dark1);
}
main a.btn-primary.th-sy2022:hover, main a.btn-primary.th-sy2022:focus {
  box-shadow: none;
  border-color: var(--tusd-district-ivory);
  background: var(--tusd-district-brick);
  color: var(--tusd-district-ivory);
}
/* MODAL link style to match other content */
.ModalTrigger > .SectionTitle, .ModalTrigger > .SectionTitleAlt1, .ModalTrigger > .SectionTitleAlt2, .ModalTrigger > .SectionTitleAlt3, .ModalTrigger > .SectionTitleAlt4, .ModalTrigger > .SectionTitleAlt5, .ModalTrigger > .SectionTitleAlt6, .ModalTrigger > .SectionTitleAlt7, .ModalTrigger > .SectionTitleAlt8, .ModalTrigger > .SectionTitleAlt9 {
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  clear: both;
}
@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 700px;
  }
}
@media screen and (min-width: 992px) {
  .modal-dialog {
    width: 900px;
  }
}
/* TABS STYLE - changes default tabs to match district colors  */
.nav-tabs .nav-item {
  color: var(--tusd-district-black);
  background: var(--Accent3);
  box-sizing: border-box;
  border-bottom: 3px solid var(--Dark1);
}
.nav-tabs {
  border-bottom: 3px solid var(--Dark1);
}
.nav-tabs a.nav-item:focus, .nav-tabs a.nav-item:hover {
  color: var(--tusd-district-brick);
  text-decoration: underline;
  background: var(--Accent3);
  border-bottom-color: var(--tusd-district-brick);
}
.nav-tabs .active > a.nav-item {
  color: var(--Accent3);
  border-bottom: 3px solid var(--Dark1);
  background: var(--tusd-district-black);
  text-decoration: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: var(--Accent3);
  border-bottom: 3px solid var(--Dark1);
  background: var(--tusd-district-black);
  text-decoration: none;
}
/* TABLE */
table {
  width: 100% !important;
  border-collapse: collapse;
  border-spacing: 2px;
  border-color: var(--Dark1);
  border-width: 2px;
  line-height: 2;
}
table th[scope=col] {
  text-align: left;
  background: var(--tusd-district-black);
  color: var(--tusd-district-ivory);
}
table th[scope=row] {
  text-align: left;
}
table th, td {
  vertical-align: top;
  padding: 2px;
}
table caption {
  text-align: center;
  color: var(--tusd-district-brick);
  font-weight: bold;
  line-height: 2.4;
}
table thead tr {
  border-bottom: 2px solid var(--tusd-district-brick);
}
table tbody tr:nth-child(odd) {
  background: var(--tusd-district-ivory);
  ;
}
table tbody tr:nth-child(even) {
  background: var(--tusd-district-white);
}
/* LAYOUTS - helper classes to size content responsively */
/* FULL PAGE - Intended to embed objects (PDFs) sized like an 8.5" x 11" paper into a section or item */
.l-full-page {
  width: 100%;
  max-height: 98vh;
  max-width: 100%;
  aspect-ratio: 8.8/11.5;
}
.l-full-page.l-full-page-landscape {
  aspect-ratio: 11.5/8.8;
}
/* TEMPLATE HELPERS - code for content used in templates */
/* TEMPLATE DEPT-LOGO */
.m-title-announce {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  max-width: 100%;
}
.m-header-dept {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.m-header-dept > * {
  flex: 1 1;
}
.m-header-dept .m-header-dept-logo {
  text-align: center;
  margin-bottom: 24px;
}
.m-header-dept .m-header-dept-logo > a > img {
  width: 100%;
  max-width: 200px;
  aspect-ratio: 1/1;
}
.m-header-dept .m-header-dept-blurb {
  min-width: 200px;
  min-height: 240px;
  flex-basis: 50%;
  font-size: 20px;
}
.m-header-dept .m-header-dept-lead {
  text-align: center;
  margin-top: 24px;
}
.m-header-dept .m-header-dept-lead img {
  border: 1px solid var(--Dark1);
  width: 81px;
  height: 101px;
}
/*. end added. */