/*!
WM Modifications to cas  / boostrap 
*/

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Nunito Sans Light'), local('NunitoSans-Light'), url('./fonts/nunitosans-light.ttf') format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url('./fonts/nunitosans-regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url('./fonts/nunitosans-bold.ttf') format('truetype');
}

:root {
  --wm-green: #115740;
  --wm-gold: #B9975B;
}
/*  WM Additions/Overrides */
.card.wmlogin {
  border: none;
}
.card-header.wmlogin {
  border:none;
  background-color : white;
  letter-spacing : 5px;
  font-weight: 300;
  padding-top : 4em;
  padding-bottom: 2em;
}
.logo {
  height: 70px;
  width: unset;
}
.wmlogin {
  background-color: white;
}
body {
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
div.card-header > h2 {
  color: var(--wm-gold);
}

header > .navbar {
  background-color: #fff;
}

.btn-submit {
  background-color: var(--wm-green);
}

input.required {
  background-color: #efefef;
  border-style: none;
}

a:link, a:visited {
  color: var(--wm-gold);
}

div.card-body {
  width : 75%;
  padding-left: 25%;
}

div.sidebar-content {
  padding-top: 3em;
}
.wm-sidebar-list {
  text-align:center;
  padding: 0em;
}
.wm-sidebar-list li {
  display: inline-block;
}
.wmlistseparator {
  padding: 0em 1em;
}
/*
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
*/
@media only screen and (max-width: 992px) {
  div.card-body, .logo {
    width: 80%;
    padding-left: 20%;
  }
  .wmlistseparator {
    padding: 0em 0.5em;
  }  
}
@media only screen and (max-width: 767px) {
  div.card-body, .logo {
    width: 90%;
    padding-left: 10%;
  }  
  .card-header.wmlogin {
    letter-spacing : 4px;
  }
}
@media only screen and (max-width: 576px) {
  div.card-body, .logo {
    width: 95%;
    padding-left: 5%;
  }  
  div.card-header.wmlogin {
    letter-spacing : 3px;
    padding-top: 3.0em;
    padding-bottom: 1.5em;
  }
  div.card-header > h2 {
    font-size: 1.7em;
  }
  div.sidebar-content {
    padding-top: 2.0em;
  }  
}
@media only screen and (max-width: 448px) {
  .wmlistseparator {
    display: none;
  }
}