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

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

.tp-3{ padding-top: 3rem !important;}
.lp-3{ padding-right: 3rem !important; padding-left: 3rem !important;}
.bp-3{ padding-bottom: 3rem !important;}

.tp-2{ padding-top: 2rem !important;}
.lp-2{ padding-right: 2rem !important; padding-left: 2rem !important;}
.bp-2{ padding-bottom: 2rem !important;}

h1 {
  color: #023059 !important;
  font-size: 40px;
  text-align: center !important;
  margin: 0 !important;
}
h2.subtitle {
  color: #023059 !important;
  font-size: 30px;
  text-align: center !important;
  padding: 0 !important; margin: 0 !important;
}

.fullHeight{ min-height: 100vh; }
.flexContainer{ display: flex; justify-content: center; align-items: center; }
.columnCenter{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.reducedWidth{ width: 100% !important;}

.login-card{
  display: flex; justify-content: center; align-items: center; flex-direction: column;
  min-height: calc(100vh - 8rem); min-width: calc(100vw / 3);
  background-color: #FFFFFF;
  box-shadow: 0 0 8px 2px rgba(194, 220, 242, .5);
  border-radius: 8px;
}

.accessButton{
  width: 12rem; height: 3rem;
  background-color: #21AFBF; border: none; color: white;
  font-size: 20px;
  border-radius: 8px;
  cursor: pointer !important;
}
.accessButton:hover{
  filter: brightness(1.2);
}

.signUpButton{
  background-color: #1593c6; border: none; color: white;
  font-size: 20px;
  height: 3rem;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  cursor: pointer !important;
  text-transform: lowercase, capitalize !important;
  box-shadow: none !important;
}
.signUpButton:hover{
  filter: brightness(1.2) !important;
  background-color: #1593c6 !important;
  box-shadow: none !important;
}

.signUpSpan{
  display: flex; justify-content: center; align-items: center;
  background-color: #489cbd !important; border: none; color: white;
  font-size: 20px;
  height: 3rem;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

input.upperCaseOnly{
  text-transform: uppercase !important;
}