/*
 * Customer Overide CSS for button color and font and background colors
*/
	
@media (min-width: 750px) {
header {text-align:left;
position: relative;
  width: 100%;
  padding: 0px;
border-bottom: 0px solid #fff;
background:#fff}
img {
        height:75px; margin:1rem
    }
}

body{color:#231f20;}
header {text-align:left !important; background:#fff; width: 100%; border-bottom: 0px solid #fff;}
header img {margin:1rem}

footer {padding:10px; background:#FAF3DD; color:#231f20;  margin-top:auto; border-top: 1px solid #fff;
position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
footer p{padding-left:1em; color:#231f20;}
footer a{color:#231f20; text-decoration: none}
footer a:hover{color:#231f20; text-decoration: underline}

.mud-container {margin-bottom:130px}
 
a {
    color: #231f20;
    text-decoration:none;
}
 
a:hover {
    color: #231f20;
  text-decoration:underline;
    }
 
h1 {
    font-size: 3em;
    line-height: 1.25;
    letter-spacing: -.1rem;
    color: #231f20
}
 
h2 {
    font-size: 2.5em;
    line-height: 1.3;
    letter-spacing: -.1rem;
    color: #231f20
}
 
h3 {
    font-size: 2rem;
    line-height: 1.35;
    letter-spacing: -.08rem;
    color: #231f20
}

/* Change the background color of the selected date */
.mud-picker-calendar-day.mud-selected {
    background-color: #000000 !important;
    color: white !important;
}

/* Change the hover color */
.mud-picker-calendar-day:hover:not(.mud-disabled) {
    background-color: rgba(#000000, 0.6) !important;
}
 
.content-container {
    background: #F6F6F6;
    border-radius: 20px;
    border: 0px solid #F6F6F6;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 1rem;
}
 
.wizard-button {
    display: inline-block !important;
    padding: 0 40px !important;
    background-color: #B6E774 !important;
    color: #231f20 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    border-radius: 100px !important;
    border: 0px solid #B6E774 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    font-weight: 800;
    height: 3.2em !important;
    transition: all .3s ease-out !important;
}
 
.wizard-button:hover {
    color: #231f20 !important;
    border: 0px solid #B6E774;
    background: #184337 !important;
    outline: 0;
    -webkit-box-shadow:.20rem .3rem 0 .02rem #231f20;
    box-shadow: .20rem .3rem 0 .02rem #231f20;
}
 
.wizard-button:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
 
.wizard-button:disabled:hover {
    background-color: #B6E774;
    color: #231f20;
    opacity: 0.4;
    cursor: not-allowed;
}