BODY { font-family:'Roboto', sans-serif; font-size:20px; color:#142602; background-color:#ffffff; } .u-font-body { font-family:'Roboto', sans-serif; font-size:20px; } a { color:#3d660e; } a:hover, a:active, a:focus { color:#234610; } .ai-navbutton { color:#3d660e; } .nav>li>a:focus, .nav>li>a:hover { color:#234610; background-color:transparent; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color:white; background-color:#3d660e; border-radius:20px; } .form-control { border-radius:20px; font-size:20px; } .dropdown-menu { background-color:rgba(251, 255, 245, .9); border-radius: 25px !important; box-shadow: 0px 0px 2px 0px rgba(176,176,176,1); } .dropdown-menu::before { border-color: transparent transparent rgb(251, 255, 245) transparent !important; } .btn-default { color:#Fbfff5; background-color:transparent; border: 1px solid #Fbfff5; } .btn-default:hover { color:#142602; background-color:#Fbfff5; border: 1px solid #Fbfff5; } .btn-primary { color:#142602; background-color:#Fbfff5; border: 1px solid #Fbfff5; } .btn-primary:hover { color:#Fbfff5; background-color:transparent; border: 1px solid #Fbfff5; } #spotlight .btn { color: #ffffff; background-color: transparent; display: block; float: left; border: 1px solid #ffffff; height: 42px; font-size: 16px; padding: 0px 15px; line-height: 40px; } #spotlight .btn-default { color: #234610; border: 1px solid white; background-color: white; } #spotlight .btn-default:hover { color:white; background-color:transparent; } #spotlight .btn-primary:hover { color:#234610; } #spotlight .btn-cta:hover { color: #0D1902; border: 1px solid #a1ee2d; background-color: #a1ee2d; } h1 { color:#234610; } h2, h3, h4, h5, h6 { color:#3d660e; } header { background-color:#ffffff; } .ai-company { color:#234610; display:none; } .ai-headerlink { color:#234610; } .ai-headerlink-social .fab { color:#234610; } .ai-headerlink:hover { color:#234610; } .ai-headerlink-social:hover .fab { color:#234610; } .navbar-default { background-color:#Fbfff5; } .navbar-default .navbar-nav>li>a, .dropdown-menu>li>a { color:#234610; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color:#3d660e; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color:#Fbfff5; color:#3d660e; } .navbar-default .navbar-nav .pull-right .ai-navbutton { background-color:#D1FD85; color:#0D1902; border-radius:20px; } .navbar-default .navbar-nav .pull-right .ai-navbutton:hover { background-color:#a1ee2d; color:#0D1902; } .btn-highlighted { background-color:#D1FD85; color:#0D1902; border-radius:20px; } .btn-highlighted:hover { background-color:#a1ee2d; color:#0D1902; } @media (max-width: 767px) { .navbar-default { background-color:#ffffff; } .nav li { background-color:#Fbfff5; } } h1, h2, h3, h4, h5, h5, .ai-company { font-family:'Zalando Sans', sans-serif; text-transform:none; font-weight:400; } .btn { border-radius:20px; } .btn-margin { margin-right: 10px !important; } .btn-cta { background-color:#D1FD85; color:#0D1902; border-radius:20px; } .btn-cta:hover { color: #0D1902; background-color:#a1ee2d; } .pagination>li:first-child>a, .pagination>li:first-child>span { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .pagination>li>a, .pagination>li>span { color:#D1FD85; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color:#D1FD85; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color:#D1FD85; border-color:#D1FD85; } .content, #breadcrumb { background-color:#ffffff; } .label-default { background-color:#142602; color:#ffffff; } .panel { background-color:#D1FD85; } .panel_2 .label-default { background-color:#142602; color:#Fbfff5; } .panel_2 { background-color:#Fbfff5; color:#142602; } .panel_2 h1, .panel_2 h2, .panel_2 h3 { color:#234610; } .panel_2 a { color:#142602; } .panel_2 .btn-default { color:#142602; background-color:transparent; border: 1px solid #142602; } .panel_2 .btn-default:hover { color:#Fbfff5; background-color:#142602; border: 1px solid #142602; } .panel_2 .btn-primary { color:#Fbfff5; background-color:#142602; border: 1px solid #142602; } .panel_2 .btn-primary:hover { color:#142602; background-color:transparent; border: 1px solid #142602; } .gradient_light { background-image: linear-gradient( to bottom, rgba(255,255,255,0), rgba(255,255,255,.5) ); } .gradient_dark { background-image: linear-gradient( to bottom, rgba(0,0,0,0), rgba(0,0,0,.5) ); } footer { background-color:#234610; } footer h3 { color:#ecfec9; } footer .ai-footerlink { color:#Fbfff5; } footer .ai-footerlink:hover { color:#FFFFFF; } .solid-divider { background-color: #ecfec9; height: 1px; opacity: 66%; } .dashed-divider { border-top: 1px dashed #ecfec9; opacity: 66%; } .dotted-divider { border-top: 1px dotted #ecfec9; opacity: 66%; } .carousel-indicators.ai-carousel-indicators-slider li { background-color: #3d660e; } .carousel-indicators.ai-carousel-indicators-slider li.active { background-color: #3d660e; } .navbar-modern .pull-right { border-radius:20px; } .navbar-modern .pull-right:hover { background-color: #a1ee2d; border: 1px solid #a1ee2d; border-radius:20px; color: #0D1902; } .header-modern.shadow { box-shadow: 0px 10px 2px -10px rgba(176,176,176,1); } .header-modern.navpanel { background-color: #ffffff; } .header-modern.navpanel .navbar-modern .pull-right:hover { background-color: #a1ee2d; color: #0D1902; } .header-modern.navpanel .ai-navbutton { color: #234610; } .header-modern.navpanel .ai-navbutton:hover { color: #3d660e; } .header-modern.navpanel .active .ai-navbutton { color: #3d660e; } .header-modern.navpanel .ai-headerlink { color: #234610; } .header-modern.navpanel .ai-headerlink:hover { color: #234610; } .header-modern.navpanel .ai-company { color: #234610; } .header-modern.scrolled { background-color: #ffffff !important; } .header-modern.scrolled .navbar-modern .pull-right { background-color: #D1FD85; color: #0D1902; } .header-modern.scrolled .navbar-modern .pull-right:hover { background-color: #a1ee2d; color: #0D1902; } .header-modern.scrolled .ai-navbutton { color: #234610; } .header-modern.scrolled .ai-navbutton:hover { color: #3d660e; } .header-modern.scrolled .active .ai-navbutton { color: #3d660e; } .header-modern.scrolled .ai-headerlink { color: #234610; } .header-modern.scrolled .ai-headerlink:hover { color: #234610; } .header-modern.scrolled .ai-company { color: #234610; } .header-modern.scrolled .modern-xs .btn-highlighted { background-color: #a1ee2d; } /* GOOGLE TRANSLATE WIDGET */ .goog-te-gadget-simple span { color: #234610 !important; font-family:'Roboto', sans-serif; } .translate_classic_mobile .goog-te-gadget-simple::before { color: #234610 !important; } .header-modern.scrolled .goog-te-gadget-simple span { color: #234610 !important; } .header-modern.scrolled .visible-xs .goog-te-gadget-simple::before { color: #234610 !important; } /* --- 1. Logo Max-Width --- */ #header-nav .sitelogo img.logo-normal, #header-nav .sitelogo img.logo-alternative, .navbar-brand-modern img { max-width: 200px; height: auto; } /* --- 2. Typography & Line-Height (120%) --- */ h1, h2, h3 { line-height: 1.2; } h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 24px; } #header-nav .navbar-modern .navbar-nav li a.ai-navbutton { font-size: 18px; } /* --- 3. Mobile Logo Logic --- */ @media (max-width: 991px) { /* Always show original logo when the mobile menu is open */ header:has(.navbar-collapse.in) .logo-normal, header:has(.navbar-collapse.show) .logo-normal { display: block; visibility: visible; } header:has(.navbar-collapse.in) .logo-alternative, header:has(.navbar-collapse.show) .logo-alternative { display: none; } } @media (min-width: 992px) { /* High-specificity target for the desktop dropdown container */ body .header-modern .navbar-nav .dropdown-menu { background-color: #ffffff; border-radius: 16px !important; border: none; /* Removes default gray border */ box-shadow: 0 10px 30px rgba(0,0,0,0.08); /* Adds a soft lift so it's visible */ padding: 10px 0; overflow: hidden; /* Clips children to the 8px corners */ } /* Target the links inside to ensure they don't have separate backgrounds */ body .header-modern .dropdown-menu > li > a { background-color: transparent; padding: 10px 20px; color: #333333; } /* Hover effect for the dropdown items */ body .header-modern .dropdown-menu > li > a:hover { background-color: #ecfec9; } } /* --- Global Button Styling for all Panel Sections --- */ .panel .btn-default, .panel-default .btn-default { background-color: transparent !important; color: #234610 !important; border: 2px solid #234610 !important; font-weight: 600; transition: background-color 0.3s ease, color 0.3s ease; } /* Hover State: Fill with dark green, text to lime */ .panel .btn-default:hover, .panel .btn-default:active, .panel .btn-default:focus { background-color: #234610 !important; color: #D1FD85 !important; border-color: #234610 !important; text-decoration: none; /* Prevents underlines on buttons */ } /* Ensure the icon color stays synced with the text */ .panel .btn-default i { color: inherit !important; } /* --- Main Navbar Hover (Before Scroll) --- */ #header-nav:not(.navbar-scrolled) .navbar-nav > li > a.ai-navbutton:hover { color: #D1FD85 !important; background-color: transparent; /* Ensures Bootstrap doesn't add a gray background box */ opacity: 1; }