/* this file is rendered first in the head of the page */

:root{
  --btn-text-color:white;

  --color-blue:#0c7de7;
  --color-blue-hover:#0c59e7;
  --box-shadow-blue: 0 0 0 0.2rem rgba(12, 89, 231, 0.25);
  
  --color-purple:#8537c5;
  --color-purple-hover:#6e0bbe;
  --box-shadow-purple: 0 0 0 0.2rem rgba(120, 0, 206, 0.25);
    
  --color-green:#10965c;
  --color-green-hover:#057042;

  --color-dark-purple:#6d3e94;

  --color-grey:#6F6F6F;
}

html {
  font-size: 14px; /* smaller font when on a mobile device */
}

@media (min-width: 768px) {
  html {
    font-size: 16px; /* bigger font when on a destop/tablet device */
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.mainContent{ 
  padding:70px 15px 15px 20px;
}


.welcome-subheading{ font-size:22px; }


/* The purple buttons throughout the site */
.btn-main {
  color:var(--btn-text-color);
  background-color:var(--color-purple);
}
    .btn-main:hover,.btn-main:focus,.btn-main:active{
        color:var(--btn-text-color);
        background-color:var(--color-purple-hover);
        box-shadow:var(--box-shadow-purple);
    }
    .btn-main:hover>span,.btn-main:focus>span,.btn-main:active>span {
        position: relative;
        top:1px;
        left:1px;
    }


.required-asterisk{
  color:red;
  font-size:14px;
}

/* The asp-validation-summary section */ 
.validation-summary-errors {color:#dc3545;}

.input-validation-error {  
  border-color: #dc3545;
}  
.input-validation-error:focus { 
  /*RGBA of #dc3545 */
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 70, 0.5) !important; /*Change the focus rectangle to a red one*/
  border-color: #dc3545;
}