a.brand-logo {
    height: inherit;
}
img.logo-nav{
    height: inherit
}
.hatid-maroon {
    background-color: #9a2e33 !important;
}
body {
    background-color: #9a2e33;
    font-family: 'Comfortaa', cursive;
    color: white !important;
    padding-top: 40px;
    height:100%;
    max-height: 100%;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
nav {
    height: 100px !important;
    line-height: 100px !important;
}
nav>div>ul>li>a {
    color: #e69223;
}
.hatid-yellow-text {
    color: #e69223;
}
.hatid-maroon-text {
    color: #9a2e33;
}
.hatid-yellow.btn {
    background-color: #e69223;
}
.hatid-yellow.btn:hover {
    background-color: #EBA74F;
}
.hatid-yellow.btn:focus {
    background-color: #EBA74F;
}
.width-expander {
    width: 100%;
}
span.hatid-maroon-text, hr.hatid-maroon-text, input.hatid-maroon-text, label.hatid-maroon-text {
    color: #9a2e33 !important;
}
input[type="text"]:not(.browser-default), input[type="email"]:not(.browser-default){
    border-bottom: 1px solid #e69223;
}
textarea, input[type="tel"] input[type="password"] {
    border-bottom: 1px solid #e69223 !important;
}
input[type="text"]:not(.browser-default):focus:not([readonly]), input[type="email"]:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid #eba74f;
}
textarea:focus, input[type="tel"]:focus input[type="password"]:focus {
    border-bottom: 1px solid #eba74f !important;
}
.hatid-panel {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: white;
    color: #9a2e33;
    border-radius: 15px;
}
.hatid-indexer li>a{
    color: white
}
.tab {
    text-indent: 5%;
}
.hatid-button {
    border-radius: 15px 15px 0px 15px !important;
}
main {
    padding-top: 50px;
    flex: 1 0 auto;
}
ul.table-of-contents>li>a:hover {
    color: #e69223;
    border-left: 1px solid #e69223;
}
ul.table-of-contents>li>a.active-hatid-scrollspy {
    color: #e69223;
    border-left: 2px solid #e69223;
}
h1.title {font-size: 3.25em;}
p.text {font-size: 1.25em;}
p.caption {font-size: 1em;}

/* footer css */
div.footer-curve {background-image: url("/images/curve.svg"); background-size: 100% 100%; margin-bottom: 0px; height: 100px}
div.footer-content{background-color:#e69223; margin-top: 0px;}
footer.page-footer{background-color: transparent;}
div.row.last{margin-bottom: 0px;}
.link-title{font-size: 1.5em;}

/* sidenav css */
ul.sidenav {top: 20%; height: calc(80% + 60px); background-color: #e69223; border-radius: 0px 30px 30px 0px;}
ul.sidenav>li.start {margin-top: 10%}
ul.sidenav>li>a {color: white;font-size: 1.3em;}
a.sidenav-trigger{float: left}

ul.dropdown-content>li>a {background-color: #e69223;color: white;}
ul.dropdown-content>li>a:hover {background-color: white;color: #e69223;}

/* materializecss workarounds */
@media (min-width: 993px) {
    .valign-wrapper.hide-valign-large-only {
        display: initial;
        -webkit-box-align: initial;
        -webkit-align-items: initial;
        -ms-flex-align: initial;
        align-items: initial;
    }
}

@media (max-width: 992px) {
    .valign-wrapper.hide-valign-med-and-down {
        display: inherit;
        -webkit-box-align: inherit;
        -webkit-align-items: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
    }
    .right-align-med-and-down {
        text-align: right;
    }
    .center-align-med-and-down {
        text-align: center;
    }
}