body {
    background: #FFFEF2;
}

.container {
    margin-top: 129px;
}

.form-control {
    background: #EBEAE9 !important;
}

.bg-yellow {
    background: #FFFEF2 !important;
}

.page-header {
    color: #CAA980 !important;
}

.btn-brown {
    background: #CAA980;
    color: #202020;
    border-color: #CAA980;
}

.bs-docs-sidebar.affix {
    position: fixed;
    max-width:213px ;
}

.bs-docs-sidenav:before,.bs-docs-sidenav:after{
    display: table;
    content: " ";
}

.nav>li {
    position: relative;
    display: block;
}
.bs-docs-sidebar .nav>li>a {
    display: block;
    padding: 4px 20px;
    font-size: 18px;
    font-weight: 500;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.font-new{
    font-family: "Zapf Humanist 601" !important;
}
.font-new-inter{
    font-family: Inter !important;
}

/* All page css files load globally, so about.css's `.down-arrow`
   (left:50% / bottom:20px / rotate(90deg)) leaks into the FAQ items.
   Scope the FAQ arrow to .ask-question and explicitly reset those
   properties, or the box stretches (top+bottom set) and the chevron
   image renders rotated, floating mid-page. */
.ask-question .expand-arrow {
    font-size: 30px;
    position: absolute;
    right: 15px;
    top: 10px;
    left: auto;
    bottom: auto;
    transform: none;
}
.border-brown{
    border: 1px solid #CAA980 !important;
    border-radius: 10px;
}
.btn-nav:hover{
    border: 1px solid #CAA980;
    background: #FFFEF2;
    color: #CAA980;
}
.ques-intro{
    text-indent: 2em;
}
.ques-intro:before{
    content: "";
    display: block;
    width:4px;
    height:4px;
    background-color: #202020;
    position: absolute;
    left: 35px;
    top:30px;
    border-radius: 50%;
}