/*Nav Text Button*/
.nav-text-button{
  font-family: "Poppins", sans-serif ,Arial, Helvetica;
  font-weight: 600;
  color: #283642;
  margin-left: 1.8em;
  cursor: pointer;
  border-bottom: solid 1px #1C262F;
}

.nav-text-button:hover{
  color:#6F7880;
}

#use-terms-button{
    margin-left: 0px;
}
/*End Nav Text Button*/

.nav-link{
    text-decoration: none;
}

h1{
    color:#0355C5;
}

h3{
    margin-top: 1.2em;
    color: #3577D1;
}

p{
    margin-top: 0.8em;
}

#mobile-icon-menu path{
    fill: #535E68;
}

#mobile-menu-icon-container:active #mobile-icon-menu path{
    fill: #161E24;
}

#term-mobile-menu{
    display:none;
    height:100%;
    width:80%;
    position: fixed;
    right:0;
    top:0;
    z-index: 2;
    background-color: #F7F7F7;
    border-top-left-radius: 20px;
    padding-right: 0;
    padding-top: 2em;
    padding-bottom: 2em;
}

#term-mobile-menu div.row{
    width: 100%;
}

#menu-effect{
    position: fixed;
    right:0;
    top:0;
}

.list-mobile-menu{
    width:100%;
    text-align:right;
    margin-top:0px;
}

.list-mobile-menu li{
    background-color: rgba(0, 0, 0, 0);
    border-left: 0px;
    border-right: 0px;
    border-top: 0px ;
    border-color: #ACABAB;
    color:#535E68;
    padding-right: 1.3em;
}

.list-mobile-menu li:first-child{
    border-top: 1px solid #ACABAB; 
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.list-mobile-menu li:active{
    background-color: #B1CAED;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

#mobile-menu-selected{
    background-color: #568DD8;
    border-top:0px;
    border-bottom:0px;
    color:white;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.h5-mobile-menu{
    text-align: right;
    margin-right: 0.9em;
    color: #1C262F;
}

/*Mobile User Terms*/
@media (max-width: 768px) {
    #user-terms-header{
        flex-wrap:nowrap !important;
        justify-content: center !important;
    }

    .nav-text-button{
        display:none;
    }

    #nav-bar-container{
        justify-content: end !important;
        width:100%;
        align-items: center !important;
    }

    #mobile-menu-icon-container{
        display:inline;
        margin-right:1.3em;
    }

    #logo_img{
        margin-left:-1.3em;
    }
}

@media (max-width: 992px) {
    #user-terms-header{
        flex-wrap: wrap;
    }
}