.side
{background-color: #E9E7E0!important;}


@font-face {
    font-family: Helvetica;
    src: url(Helvetica.otf);
  }



/*
.img-c
{
    height: 100vh;
}
*/
    /* Custom Styles */
    body {
      /*  padding-top: 56px;*/ /* Offset for fixed navbar */
      font-family: Helvetica!important;
      font-size: 21px;
    }

    p
    {
        font-size: 1.3em;
    }
    a
    {font-size: 1.5em!important;
    font-weight: 600!important;}

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
    }
    .sidebar-nav .nav-item a:hover {
        background-color:  #D9D5C9;
    }

   

    .sidebar {
        position: fixed;
        top: 0;
        left: -350px;
        width: 350px;
        height: 100vh;
        background-color: #E9E7E0;
        transition: all 0.3s;
    }

    .sidebar.show {
        left: 0;
    }

    .nav 
    {
        width: 100%;
    }

    .sidebar-brand {
        padding: 1rem;
        text-align: center;
        background-color: #222;
    }

    .sidebar-brand a {
        color: #fff;
        text-decoration: none;
    }

    .sidebar-nav {
        padding: 1rem;
    }

    .sidebar-nav .nav-item {
        position: relative;
        padding: 15px 0px;
    
    }

    .sidebar-nav .nav-item a {
       color:#575653;

    }

    
    .sidebar-nav .nav-item a img {
        float: right;
        max-height: 20px;
        position: relative;
        top: 8px;
    
     }

    .sidebar-nav .nav-item .sub-menu {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        width: max-content;
        background-color: #B0A58B;
        list-style: none;
        padding: 15px;
        font-style: italic;
        
    }

    .sidebar-nav .nav-item .sub-menu li {
   
        padding: 10px 10px;
    }

    .sidebar-nav .nav-item .sub-menu a {
        color:#11100D;
    }


    .sidebar-nav .nav-item:hover .sub-menu {
        display: block;
    }

    .content {
        margin-left: 0;
        transition: margin-left 0.3s;
        padding: 1rem;
    }

    .expanded {
        margin-left: 250px;
    }

    /* Toggle Button */
    .toggle-button {
        position: fixed;
        top: 100px;
       
        z-index: 1; /* Ensure it's above the sidebar */
      background-color: transparent;
        color: #BFB7A2;
        border: none;
        cursor: pointer;
        font-size: 30px;
        font-weight: 600;
        transition: all 0.3s;
    }

    /* Expand Sidebar */
    .toggle-button.expanded {
        margin-left: 360px;
        
    }


    .tb {
     
        margin-left: 30px;
        position: relative;
        
     
    }

    /* Expand Sidebar */
    .tb.exp {
        left: 260px;
    }

    .sidebar button
    {
        float:right;
        padding: 20px 30px;
    }

    header
    {
        
         
        z-index: 99999;
        position: relative;
        margin-left:60px;
        border-bottom: 29px solid #b0a58b;
        /*border-left: 10px solid transparent;*/
        
    }

    header img
    {
        max-height: 65px;
        position: relative;
        top: 29px;
        left:-40px;
    
    }


    h3
    {
        margin-left: 100px;
        
        padding-top:10px;
    }

    .lnks
    {
        text-transform: uppercase;
    }
    .lnks a
    {
        color:#121212;
        font-size:1.2rem!important;
        text-decoration: none;
        
    }

    .lnks a:hover
    {
        color:#B0A58B;
    }

   .img-responsive  {
        display: block;
        max-width: 100%;
        height: auto;
    }