@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');
    :root {

    --bs-font-sans-serif: "Hanken Grotesk", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    
    

    

    /* 
        
        - color lists based on lightness (1-5)
        - color lists based on darkness (5-1)
    */

    --theme-color-1:#f88c27;
    --theme-color-1-rgb:248, 140, 39;
    --theme-color-1-text: #000000;
    --theme-color-1-text-rgb: 0, 0, 0;

    --theme-color-2:#705e38;
    --theme-color-2-rgb: 112, 94, 56;
    --theme-color-2-text: #000000;
    --theme-color-2-text-rgb: 0, 0, 0;

    --theme-color-3:#000000;
    --theme-color-3-rgb:0, 0, 0;
    --theme-color-3-text: #FFFFFF;
    --theme-color-3-text-rgb: 255, 255, 255;

    --theme-color-4:#212f3f;
    --theme-color-4-rgb:33, 47, 63;
    --theme-color-4-text: #FFFFFF;
    --theme-color-4-text-rgb: 255, 255, 255;

    --theme-color-5:#f8a206;
    --theme-color-5-rgb:248, 162, 6;
    --theme-color-5-text:#000000;
    --theme-color-5-text-rgb:0, 0, 0;

    --page-title-style-bg-color: var(--theme-color-2);
    --page-title-style-link-color: #f0e0d4 !important;
    --page-title-style-text-color: #f0e0d4 !important;
    --page-title-style-link-active-color: #f0e0d4 !important;
    
    --nav-bar-z-index: 999;
    --nav-bar-bg-color: #e4eaf8; 
    --nav-bar-brand-color: var(--theme-color-4-text);
    --nav-bar-link-color: var(--theme-color-4);
    --nav-bar-link-hover-color: var(--theme-color-1);
    --nav-bar-color-white: var(--theme-color-1-text);
    --nav-bar-border-color: var(--theme-color-1);
    --nav-bar-border-top-color: var(--theme-color-1);
    --nav-bar-border-bottom-color: var(--theme-color-1);
    
    --nav-bar-bg-custom-inside: var(--theme-color-2);
    --nav-bar-bg-custom-inside-text-color: var(--theme-color-2-text);
    --nav-bar-bg-custom-active-inside: var(--theme-color-3);
    --nav-bar-bg-custom-active-inside-text-color: var(--theme-color-3-text);


    

    }

    body {
        font-family: var(--bs-body-font-family) !important;
    }

    
    .generic_header_top_info_navbar {
        background: var(--theme-color-4);
        color: var(--theme-color-4-text);
    }

    .header-top .header-info-left ul {
        margin: 0;
        padding: 0;
    }
    .header-top .header-info-left ul li {
        display: inline-block;
        margin-right: 15px;
        font-size: 14px;
        border-right: 1px solid var(--theme-color-4-text);
        padding: 13px 15px 12px 0;
        font-size: 16px;
        font-weight: 500;
    }

    .header-top .header-info-right ul {
        margin: 0;
        padding: 0;
    }
    .header-top .header-info-right ul li {
        display: inline-block;
        margin-right: 15px;
        font-size: 14px;
        border-right: 1px solid var(--theme-color-1-text);
        padding: 13px 15px 12px 0;
        font-size: 16px;
        font-weight: 500;
    }
    
    /* 
    .top_navigation {
        background: var(--theme-color-4) !important;
    }
    .top_navigation a {
        color: var(--theme-color-4-text) !important;
    }
    
    .top_navigation .navbar-toggler {
        color: var(--theme-color-4-text) !important;
        background-color: transparent;
        border: var(--bs-border-width) solid var(--theme-color-4-text);
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: var(--bs-navbar-toggler-transition);
    }
        
    .top_navigation .navbar-brand  {
        color: var(--theme-color-4-text);
    }

    .top_navigation .bg-custom {
        background: var(--nav-bar-bg-custom-inside);
    }

    .top_navigation .bg-custom a {
        color: var(--nav-bar-bg-custom-inside-text-color) !important;
    }

    .top_navigation .bg-custom-active {
        background: var(--nav-bar-bg-custom-active-inside);
    }

    .top_navigation .bg-custom-active a {
        color: var(--nav-bar-bg-custom-active-inside-text-color) !important;
    }
    */

    .generic_headers {
       
    }

    .generic_headers .bg-custom {
       
    }

    .generic_page_title_style {
        background-color: var(--page-title-style-bg-color);
        color: var(--page-title-style-text-color);
    }
    
     .generic_page_title_style  {
        color: var(--page-title-style-link-color);
    }
    
    .generic_page_title_style .breadcrumb-item+.breadcrumb-item::before {
        color: var(--page-title-style-link-color);
    }
    
    .generic_page_title_style a {
        color: var(--page-title-style-link-color);
    }
    
    .generic_page_title_style .active {
        color: var(--page-title-style-link-active-color);
    }

    .generic_page_title_style .bg-custom {
        
    }

    .generic_website_footer {
        background-color: var(--theme-color-4);
        color: var(--theme-color-4-text);
    }
    
    .generic_website_footer .title,
    .generic_website_footer .footer-link,
    .generic_website_footer .social-link,
    .generic_website_footer hr {
        color: var(--theme-color-1) !important;
    }

    .generic_website_footer .bg-secondary-custom {
        
    }

    .generic_website_footer .bg-secondary-custom a  {
        color: var(--theme-color-5-text);
    }
    
    .call_to_action_generic {
        background-color: var(--theme-color-3);
        color: var(--theme-color-3-text);
    }
    
    .btn-bg-custom-primary {
        background-color: var(--theme-color-1);
        color: var(--theme-color-1-text);
        border-color: var(--theme-color-1-text);
    }
    
    .btn-bg-custom-primary:hover {
        background-color: var(--theme-color-4);
        color: var(--theme-color-4-text);
        border-color: var(--theme-color-4-text);
    }
    
    .btn-bg-custom-light {
        background-color: var(--theme-color-4);
        color: var(--theme-color-4-text);
        border-color: var(--theme-color-4-text);
    }
    
    .btn-bg-custom-light:hover {
        background-color: var(--theme-color-3);
        color: var(--theme-color-3-text);
        border-color: var(--theme-color-3-text);
    }
    
    .site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {
        font-size: 1.2rem !important;
        white-space: nowrap;
    }
    .site-navbar .site-navigation .site-menu>li>a {
        font-size: 1.2rem !important;
    }