@font-face {
    font-family: 'Futura';
    src:url(font/Futura\ Book\ font.ttf);
}

@font-face {
    font-family: 'Futura Medium';
    src:url(font/futura\ medium\ bt.ttf);
}


@font-face {
    font-family: 'Futura Light';
    src:url(font/futura\ light\ bt.ttf);
}


#logo{
animation:fadeIn 3s;
}


#mobileSearchResults{
    animation: fadeIn 2s;
}


#searchResults{
    animation: fadeIn 2s;
}


@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }


  *{
    font-family: 'Futura';
    font-weight: normal;
  }


  body{
    background-color: rgb(241, 241, 241);
  }


h1{
    font-family: 'Futura Medium';
    font-weight: lighter;
}


h1,h2,h3,h4,h5,h6{
    font-weight: lighter;
}


input[type=button], input[type=submit], input[type=reset], btn, btn-secondary{
    font-family: 'Futura Light';
    font-weight: normal;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active{
    background:#4e2e08 !important;
    border-radius: 30px;
    font-family: 'Futura Light';
    font-weight: normal;
    color:#d1bba4;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active{
    background:#ffffff !important;
    border-radius: 30px;
    font-family: 'Futura Light';
    font-weight: normal;
    color:#4e2e08 ;
    border:1px solid #4e2e08; 
}

.navbar-toggler .navbar-toggler-icon{
    width: 20px !important;
    height:20px !important;
  }



.form-select, .navbar-toggler, .btn-close, .form-control{
    box-shadow:none !important;
}

footer {
    background-color:#4e2e08;

}

footer > ul > li > a{
    color:#d1bba4 !important;
    text-decoration: none;
}

footer > ul {
    list-style: none;
}

footer >ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #d1bba4; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
  }


.navbar-toggler{
    border:none !important;
}

.navbar-toggler-icon{
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='1' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}