/**********/
/* COLORS */
/**********/
/**********/
/* SIZES  */
/**********/
/**********/
/* COLORS */
/**********/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
html,
html > body,
html.ios,
html.ios > body,
div#react-root,
div#app-root {
  position: relative;
  background-image: url('../../../img/pattern-small.png') !important;
  font-size: 12pt;
  background-repeat: repeat !important;
}
html,
html > body,
html.ios,
html.ios > body,
div#react-root,
div#app-root {
  height: 100% !important;
}
div#app-root {
  padding-top: 71px;
}
body {
  overflow-x: hidden;
}
.container.section {
  padding-bottom: 20px;
  background-color: white;
  box-shadow: 0px 5px 8px -2px rgba(0, 0, 0, 0.2);
}
.gearitem {
  display: none;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.no-padding {
  padding: 0 !important;
}
.wwu-btn {
  background-color: #BAD80A !important;
  color: #003f87 !important;
}
.wwu-btn:hover {
  background-color: #a5c009 !important;
}
@media all and (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
}
.segment.no-border-radius {
  border-radius: 0 !important;
}
/**********/
/* COLORS */
/**********/
.wwu-blue {
  color: #003f87 !important;
}
.facebook-blue {
  color: #304d8a !important;
}
.dark-blue:not(.column) {
  color: #1C4384 !important;
}
.ui.white.button {
  background-color: #fff;
  color: #1C4384;
}
.ui.white.button:hover {
  color: #1C4384;
  background-color: #e6e6e6;
}
.ui.dark-blue.button {
  background-color: #1C4384;
  color: #fff !important;
}
.ui.dark-blue.button:hover {
  background-color: #132e5a;
  color: #fff !important;
}
.red-text {
  color: #DB2828;
}
.blue-text {
  color: #2185D0;
}
.green-text {
  color: #1EBC30;
}