/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

/*
@import url(https://fonts.googleapis.com/css?family=Quicksand);
@import url(https://fonts.googleapis.com/css?family=Quicksand:700);
*/



div,
p {
  cursor: default;
}

.clickable {
  cursor: pointer;
}

.card-image {
  float: left;
  width: 107px;
  padding: 2.5px;
}

.right-content {
  width: 60%;
  float: left;
}

.card.small {
  height: 100%;
  padding-left: 2px;
}

.card-content {
  padding: 1.5px;
}

.uppercase {
  text-transform: uppercase;
}

.quicksand {
  font-family: 'Quicksand', sans-serif;
}

.uplbtext {
  font-family: 'Quicksand', sans-serif;
  font-size: 20px;
  margin-bottom: 0px;
}

.osatext {
  font-family: 'Quicksand', sans-serif;
  font-size: 35px;
  margin-top: 0px;
  margin-left: 15px;
}

.banner-img {
  width: 105px;
  height: 105px;
}


.arrow-down {
  width: 0;
  height: 0;
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  border-top: 65px solid #9d1518;
  z-index: 800;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.main {
  flex: 1 0 auto; 
}

.main-logo {
  z-index: 850;
}

.triangle {
  display: none;
  position: relative;
  top: 0px;
  z-index: 850;
}

.logo {
  width: 50px;
  height: 50px;
}

#content {
  position: relative;
  float: left;
}


.appear {
  display: inline;
  top: 65px;
  left: 50%;
  margin-left: -70px;
  position: fixed;
  width: 100%;
  float: left;
}

.icon-block {
  padding: 0 15px;
}

.icon-block .material-icons {
  font-size: inherit;
}

nav {
  height: 65px;
  border-top: 1px solid white;
  background-color: #8D1436;
}

nav ul a:hover {
  background-color: #00563F;
}

#uplblogo {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#banner {
  width: 100%;
  height: 125px;
  background-color: #8D1436;
  overflow: hidden;
  position: relative;
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


@media all and (min-width: 1000px) {

  .firstheader {
    display: flex;
    padding-right: 100px;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%) -webkit-transform: translate(-50%, -50%) -ms-transform: translate(-50%, -50%) -o-transform: translate(-50%, -50%) transform: translate(-50%, -50%);
  }


  .secondheader {
    display: none;
  }

  .thirdheader {
    display: none;
  }


}


@media all and (max-width: 1100px) {

  .firstheader {
    display: none;

  }

  .secondheader {
    padding-right: 100px;
    display: flex;
  }

  .thirdheader {
    display: none;
  }

}

@media all and (max-width: 730px) {

  .firstheader {
    display: none;

  }

  .secondheader {
    display: none;
  }

  .thirdheader {
    padding-left: 11%;
    display: flex;
  }

}

.loginbtn {
  background-color: #00563F;
}

.loginbtn2 {
  background-color: #8D1436;
}

.loginbtn:hover {
  background-color: #1a5637;
}

.loginbtn2:hover {
  background-color: #9d1518;
}

.navbar-fixed {
  top: 0;
  z-index: 999;
  position: fixed;
  width: 100%;
}

.txtlogo {
  color: white;
}


.white-texts {
  font-size: 0.9em;
  color: #9e9e9e;
  line-height: 0.9;
}

.white-texts-p {
  line-height: 0.9;
  font-size: 0.9em;
  color: white;
  text-indent: 10px;
}

.upmail_signin {
  background-color: #8D1436;
  padding: 10px;
  border: none
}

.upmail_signin:hover {
  background-color: #520b0d;
}

footer.page-footer {
  margin-top: 20px;
  padding-top: 20px;
  background-color: #8D1436;
}

footer.page-footer .footer-copyright {
  overflow: hidden;
  padding-top: 15px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.8);
  background-color: #9d1518;
}

#footer-text {
  font-size: 0.9em;
}

nav ul li {
  background-color: #8D1436;
  transition: background-color .3s;
  float: left;
  padding: 0;
}

.dropdown-content li {
  /*text-align: center;*/
  vertical-align: middle;
}

.unclick {
  height: 60px;
  pointer-events: none;
  padding-top: 4%;
}

.right-triangle {
  float: right;
}

.dropdown-nested {
  overflow-y: visible;
}

.dropdown-content .dropdown-content {
  margin-left: 100%;
}

@media only screen and (max-width: 1250px) {
  .hide-on-med-and-down {
    display: none !important;  
  } 
}

@media only screen and (max-width: 1250px) {
  nav a.button-collapse {
    display: inline !important;
  }
}

.side-nav {
  position: fixed;
  width: 360px;
  left: 0;
  top: 0;
  margin: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #8D1436;
  z-index: 998;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow-y: auto;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

.side-nav li {
  float: none;
  line-height: 64px;
  color: white;
}

.side-nav a:hover {
  background-color: #00563F;
}

.side-nav li:hover {
  background-color: #FFB61C;
}

.side-nav a {
  color: white;
  display: block;
  font-size: 1rem;
  height: 64px;
  line-height: 64px;
  padding: 0 30px;
}

.upmaroon {
  color: #8D1436;
}

.loginbtn:hover {
  background-color: #8D1436 !important;
}

.pagination li.active {
  background-color: #8D1436 !important;
}

blockquote {
  border-left: 5px solid #8D1436 !important;
}

a,
.collection a.collection-item {
  color: #8D1436;
}

.upmaroon-text {
  color: #8D1436 !important;
}

.collection-item.active {
  background-color: #8D1436 !important;
}

.upmaroon2 {
  background-color: #8D1436 !important;
}

.upmaroon2:hover {
  background-color: #8D1436 !important;
}

.upyellow2 {
  background-color: #ffb61c !important;
}

.upyellow2:hover {
  background-color: #ffb61c !important;
}

.btn {
  background-color: #8D1436;
}

.btn:hover {
  background-color: #8D1436;
}

.upgreen {
  color: #00563F;
}

.upgreen2 {
  background-color: #00563F;
}

.upgreen2:hover {
  background-color: #00563F;
}

.collapsible-drop {
  background-color: white;
  color: white;
  transition: background-color .3s;
}

.slider {
  position: relative;
  height: 500px;
  width: 100%;
  margin: 0 auto;  
}

.divider2 {
  height: 2px;
  overflow: hidden;
  background-color: #8D1436;
  width: 100%;
}

.divider3 {
  height: 2px;
  overflow: hidden;
  background-color: #8D1436;
  width: 650px;
}

.displayed {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.modal {
  max-height: 100%;
}

/* label color */
.input-field label {
  color: #8D1436;
}

/* label focus color */
.input-field input[type=text]:focus+label {
  color: #8D1436;
}

/* label underline focus color */
.input-field input[type=text]:focus {
  border-bottom: 1px solid #8D1436;
  box-shadow: 0 1px 0 0 #8D1436;
  color: #8D1436;
}

/* valid color */
.input-field input[type=text].valid {
  border-bottom: 1px solid #8D1436;
  box-shadow: 0 1px 0 0 #8D1436;
  color: #8D1436;
}

/* invalid color */
.input-field input[type=text].invalid {
  border-bottom: 1px solid black;
  box-shadow: 0 1px 0 0 black;
  color: red;
}

/* password color */
.input-field label {
  color: #8D1436;
}

/* label focus color */
.input-field input[type=password]:focus+label {
  color: #8D1436;
}

/* label underline focus color */
.input-field input[type=password]:focus {
  border-bottom: 1px solid #8D1436;
  box-shadow: 0 1px 0 0 #8D1436;
  color: #8D1436;
}

/* valid color */
.input-field input[type=password].valid {
  border-bottom: 1px solid #8D1436;
  box-shadow: 0 1px 0 0 #8D1436;
  color: #8D1436;
}

/* invalid color */
.input-field input[type=password].invalid {
  border-bottom: 1px solid black;
  box-shadow: 0 1px 0 0 black;
  color: red;
}

button:focus {
  outline: none;
  background-color: #8D1436;
}

.indent1 {
  text-indent: 30px;
}

.bullet {
  list-style-position: inside;
  padding-left: 0;
}

.bullet li {
  list-style-type: circle;
}

.switch label input[type=checkbox]:checked+.lever {
  background-color: #8D1436;
}

.switch label input[type=checkbox]:checked+.lever:after {
  background-color: #8D1436;
  left: 24px;
}

.collapsible li.active i {
  background-color: #8D1436;
  color: white;
}

.collapsible li.active .collapsible-header {
  background-color: #8D1436;
  color: white;
}

.collapsible li.active .collapsible-header {
  background-color: #8D1436;
  color: white;
}

.spinner-layer {
  border-color: #8D1436;
}

#personalinfo {
  pointer-events: none;
}

nav .brand-logo.left {
  left: 2.5%;
  -webkit-transform: translateX(-3%);
  transform: translateX(-3%);
}

nav ul.left {
  padding-left: 7%;
}

nav ul.right {
  padding-right: 2%;
}

.dropdown-content {
  overflow: visible !important;
}

.sidedrop {
  background-color: #8D1436;
}

.slider .indicators .indicator-item {
  background-color: white;
  border: 3px solid #8D1436;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.slider .indicators .indicator-item.active {
  background-color: #8D1436;
}


#goback {
  background-color: #8D1436;
}

.loadedimages {
  border: 1px solid #021a40;
}

.displaypicture {
  border: 1px solid #021a40;
}

/* label focus color */
.input-field textarea.materialize-textarea:focus+label {
  color: #8D1436;
}

/* label underline focus color */
.input-field textarea.materialize-textarea:focus {
  border-bottom: 1px solid #8D1436;
  box-shadow: 0 1px 0 0 #8D1436;
  color: #8D1436;
}

/* valid color */
.input-field textarea.materialize-textarea.valid {
  border-bottom: 1px solid #8D1436;
  box-shadow: 0 1px 0 0 #8D1436;
  color: #8D1436;
}

/* invalid color */
.input-field textarea.materialize-textarea.invalid {
  border-bottom: 1px solid black;
  box-shadow: 0 1px 0 0 black;
  color: red;
}

.listcontent {
  margin-left: 10px;
  margin-right: 10px;
}

.imglist div:first-child {
  margin-left: 0 !important;
}

.imglist div:last-child {
  margin-right: 0 !important;
}

.imglist {
  text-align: center
}

.imglist {
  text-align: center;
}

.listcontent {
  display: inline-block;
}

#submitformbutton {
  background-color: #8D1436;
}

#template-container {
  min-height: 50vh;
  /* margin-top: 20px; */
  overflow: auto;
}

#template-container-home {
  min-height: 50vh;
  margin-top: 0px;
  padding-top: 0px !important;
  width: 98vw !important;
}

#mainbanner {
  position: relative;
  width: 100vw !important;
  margin-bottom: 0px;
}

@media screen and (min-width: 1250px) {
  #mainbanner {
    height: 500px;
  }
}

.container {
  max-width: 82vw !important;
  width: 82vw !important;
}

.qlabel {
  font-size: 12px !important;
}

.prenav {
  z-index: 99999 !important;
}

.footer-logo {
  height: 70px;
  width: auto;
}

.division-description {
  margin-top: 0px;
  margin-bottom: 10px;
  border-left: 2px solid #ee6e73;
  padding-left: 10px;
}

.vertical-align-middle {
  vertical-align: middle;
}

.padded-3 {
  padding-bottom: 1px;
  padding-left: 5px;
}

.inline-block {
  display: inline-block;
}

.info-list {
  font-size: 17px;
}

.info-list>.collection-item {
  height: 50px;
}

#loggedin {
  background-color: rgba(0, 0, 0, 0);
}

.material-tooltip {
  max-width: 33vw;
}

.fixedcb [type="checkbox"]+label,
.fixedcb [type="radio"]+label {
  pointer-events: auto;
}

.material-icons-align {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.sidekick {
  font-size: 0.8em;
  color: #888;
}

@font-face {
  font-family: 'Padayon';
  src: url('../fonts/Padayon.ttf') format('truetype');
  /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

.upheader {
  font-family: 'Padayon';
}

@font-face {
  font-family: 'Optima';
  src: url('../fonts/Optima.otf') format('opentype');
  /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

.header {
  font-family: 'Optima', sans-serif;
}

@font-face {
  font-family: 'Avenir-Black';
  src: url('../fonts/Avenir-Black.otf') format('opentype');
  /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

.title-header {
  font-family: 'Avenir-Black', sans-serif;
  color: #8a1538;
}

@font-face {
  font-family: 'Avenir-Roman';
  src: url('../fonts/Avenir-Roman.ttf') format('truetype');
  /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

.body-text {
  font-family: 'Avenir','Avenir-Roman', 'Helvetica','Arial', sans-serif;
}

/* ------------- */

.container-cal {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.container-bulletin {
  position: relative;
  overflow: hidden;
  width: 100%;
}


/* ------------- */

.resizeimg {
  height: auto;
  width: 90vh;
}

@media screen and (max-width: 360px) {
  .resizeimg {
    background-color: white;
    height: 180px;
    width: auto;
    flex: 0 1 100%;
  }

  .horizontalbox,
  .rowbox {
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 766px) {
  .resizeimg {
    background-color: white;
    height: 400px;
    width: 550px;
    flex: 0 1 100%;
  }

  .horizontalbox,
  .rowbox {
    display: flex;
    flex-wrap: wrap;
  }

  #mainbanner {
    height: 0px;
  }

  .story-title {
    font-size: 0.5em;
  }
}

@media screen and (max-width: 1065px) {
  .resizeimg {
    height: auto;
    width: 300px;
  }

  #mainbanner {
    height: 0px;
  }
}

.left_col {
  display: inline-block;
}

.right_col {
  display: inline-block;
}

.two_column {
  float: left;
  width: 100%;
}

/* dorm */

.dorm-option {
  background-color: #8D1436;
  border: none;
  color: white;
  font-size: 20px;
  height: 100px;
  width: 49.5%;
}

.dorm-option:hover {
  background-color: #520b0d;
}

details {
  background-color: #8D1436;
  padding: 4px;
  margin: 0;
  box-shadow: 1px 1px 2px #bbbbbb;
}

.summary-text:hover {
  background-color: #FFB61C;
}

.download-dtr {
  background-color: #8D1436;
  border: none;
  padding: 10px;
  color: white;
  font-size: .8em;
  margin-top: 30px;
  margin-bottom: 10px;
  box-shadow: 2px 2px #888888;
  border-radius: 5px;
}

.download-dtr:hover {
  background-color: #520b0d;
}


/* -------- OSG BROCHURES --------- */

.column {
  float: left;
  width: 25%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

.brochure-text{
  font-weight: bold;
}

.brochure-img:hover{
  -moz-box-shadow: 0 0 20px #7a7a7a;
  -webkit-box-shadow: 0 0 20px #7a7a7a;
  box-shadow: 0 0 20px #7a7a7a;
  cursor: pointer;
}

.tabs .tab a{
  color:#800000;
} /*Black color to the text*/

.tabs .tab a:hover {

  color:#800000;
} /*Text color on hover*/

.tabs .tab a.active {
  background-color:#800000;
  color:#eee;
} /*Background and text color when a tab is active*/

.tabs .indicator {
  background-color:#eee;
} /*Color of underline*/