/* Define font family */
@font-face {
    font-family: 'Inkburrow';
    src: url('inc/Inkburro.woff2') format('woff2'), /* Modern Browsers */
         url('inc/Inkburro.woff') format('woff'); /* Older Browsers */
    /* Add additional src entries for other font formats if needed */
}

/* Custom styles */
.navbar-default {
    background-color: #664429; /* Change background color to green */
font-size: 24px; /* Adjust font size as needed */
    
}
.navbar-default .navbar-nav > li > a:hover {
    color: #664429; /* Change color on hover */
    background-color: #d5b058; /* Add background color on hover */
}

.navbar-default .navbar-nav > li > a {
    color: #d4b058; /* Change text color to red */
   font-size: 24px; /* Adjust font size as needed */
   font-family: 'Inkburrow', sans-serif; /* Use Inkburrow font or fallback to sans-serif */

    
}
/* Change font and color for submenu items */
.navbar-default .navbar-nav .dropdown-menu li a {
    font-family: 'Inkburrow', sans-serif; /* Use custom font */
    color: #d4b058; /* Change color for submenu items */
background-color: #664429; /* Add background color on hover */
  font-size: 20px; /* Adjust font size as needed */
}

/* Apply hover effect on submenu items */
.navbar-default .navbar-nav .dropdown-menu li a:hover {
    color: #664429; /* Change color on hover */
    background-color: #d4b058; /* Add background color on hover */
}

.glyphicon-small {
    background-color: #664429;
    color: #d4b058;
    font-size: 14px; /* Adjust the size as needed */
}
.inkburrow-text {
    font-family: 'Inkburrow', cursive;
}
h1, h2, h3 {
    font-family: 'Inkburrow', cursive;
    color: #d4b058;
}
/* Change color for clicked menu item */
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus {
    color: #664429 !important ; /* Change text color to green */
    background-color: #d5b058 !important ; /* Change background color to light green */
}
/* Media query for mobile view */
@media screen and (max-width: 767px) {
    .navbar-default {
        background-color: #664429; /* Change background color to red in mobile view */
    }
    
    .navbar-default .navbar-toggle {
        color: #664429 ;
        border-color: #d4b058; /* Change border color of toggle button to yellow in mobile view */
    }
    /* Change font and color for submenu items in mobile view */
    .navbar-default .navbar-nav .dropdown-menu li a {
        color: #664429 ;/* Change text color for submenu items in mobile view */
        background-color: #d4b058; /* Change background color for submenu items in mobile view */
    }
    
    /* Apply hover effect on submenu items in mobile view */
    .navbar-default .navbar-nav .dropdown-menu li a:hover {
        color: #d4b058  !important ; /* Change text color on hover for submenu items in mobile view */
        background-color: #664429  !important; /* Change background color on hover for submenu items in mobile view */
    }

/* Change font and color for submenu items */
.navbar-default .navbar-nav .dropdown-menu li a {
    font-family: 'Inkburrow', sans-serif; /* Use custom font */
    color: #664429 !important ; /* Change color for submenu items */
background-color: #d4b058 !important ; /* Add background color on hover */
  font-size: 20px; /* Adjust font size as needed */
}
}