Revision as of 18:41, March 4, 2019

/* CSS placed here will be applied to all skins */

@font-face {
    font-family: "DIN Regular";
    src: url(https://www.santafe.edu/assets/5ef109db75afd7a08035bc7756b7cc98.woff2) format("woff2"),url(https://www.santafe.edu/assets/8e3b23deee6bbeae0d607c4fb9e378c9.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.sysop-show, .user-show {
	display: none;
}
/*
.popupform-wrapper .popupform-container .popupform-innercontainer {
    height: 80%;
    width: 80%;
}
*/
@supports (-webkit-overflow-scrolling: touch) {
   .popupform-wrapper .popupform-container div.popupform-innercontainer {
      overflow-y: scroll !important;
      -webkit-overflow-scrolling: touch !important;
   }
}

.sticky-content {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  z-index: 101; /* sticky content should be on top of everything, right ? :) */
}

#get-involved {
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  background: white;
  z-index: 101;
}

/* To workaround for jumping header which increases it in size */
@media (max-width: 1056px) {
  .sticky-content, #get-involved {
    top: 102px;
  }
}

@media (max-width: 767px) {
  .sticky-content, #get-involved {
    top: 51px;
  }
}

/* Makes repositioning elements hidden until js moves them into their place */

[data-reposition-target] {
  display: none;
}

[data-reposition-target].repositioned {
  display: block;
}

.alert.alert-thermocomp {
   background-color: #2a6773;
   color: #fff;
}

.alert.alert-thermocomp a, .alert.alert-thermocomp a:visited {
  color: #fff;
}