/* FORCE logo to be small everywhere */ .logo img, .navbar-brand img, img[alt="AOE Partners"], header img[src*="AOEtoplogo"] { max-height: 48px !important; /* 20% bigger than 40px */ max-width: 156px !important; /* 20% bigger than 130px */ width: auto !important; height: auto !important; object-fit: contain !important; display: block !important; } /* Override the p-7 padding on navbar to make it compact */ .navbar.rounded-pill { padding: 0.75rem 1.5rem !important; min-height: auto !important; } /* Keep navigation pill normal size on desktop */ .navbar-nav.rounded-pill { max-height: 50px !important; min-height: 50px !important; align-items: center !important; padding: 0.5rem !important; } .navbar-nav.rounded-pill .nav-link { padding: 0.5rem 1rem !important; font-size: 1rem !important; } /* Keep logo container properly aligned */ .logo { display: flex !important; align-items: center !important; flex-shrink: 0 !important; } /* Tablet view - Medium screens */ @media (max-width: 1199.98px) { .logo img, header img[src*="AOEtoplogo"] { max-height: 46px !important; /* 20% bigger than 38px */ max-width: 150px !important; /* 20% bigger than 125px */ } .navbar.rounded-pill { padding: 0.5rem 1rem !important; } } /* Mobile view - Small screens */ @media (max-width: 767.98px) { .logo img, header img[src*="AOEtoplogo"] { max-height: 42px !important; /* 20% bigger than 35px */ max-width: 138px !important; /* 20% bigger than 115px */ } .navbar.rounded-pill { padding: 0.5rem 1rem !important; } /* Make hamburger menu button proportional */ .navbar-toggler { font-size: 1.5rem !important; padding: 0.25rem !important; } .navbar-toggler iconify-icon { font-size: 1.5rem !important; } } /* Footer logo sizing */ footer .img-fluid, footer img[alt="AOE Partners"] { max-height: 70px !important; max-width: 230px !important; width: auto !important; object-fit: contain !important; } /* Offcanvas (hamburger menu) logo sizing */ .offcanvas .logo img, .offcanvas img[src*="AOEtoplogo"] { max-height: 60px !important; max-width: 200px !important; width: auto !important; object-fit: contain !important; } /* Fix any overflow issues */ .navbar .container { position: relative !important; } /* Ensure Schedule Consultation button stays normal size */ .navbar .btn { font-size: 1rem !important; padding: 0.5rem 1.5rem !important; height: auto !important; } /* Force header to not be too tall */ .header .navbar { min-height: auto !important; } /* Additional specificity to override Bootstrap */ .navbar-expand-xl.rounded-pill { padding: 0.75rem 1.5rem !important; } @media (max-width: 767.98px) { .navbar-expand-xl.rounded-pill { padding: 0.5rem 1rem !important; } }