/*
 * Project CSS for unlimitedlionott.
 * Shared classes for website sections.
 */

/* Header logo fit patch: keep the dashboard logo visible without side cropping. */
html body #otvProHeader .ul-brand{
  width:clamp(142px,15vw,205px)!important;
  min-width:clamp(142px,15vw,205px)!important;
  max-width:205px!important;
  overflow:visible!important;
  justify-content:flex-start!important;
}
html body #otvProHeader .ul-brand-logo{
  display:block!important;
  width:100%!important;
  height:52px!important;
  max-width:205px!important;
  max-height:52px!important;
  object-fit:contain!important;
  object-position:left center!important;
  border-radius:0!important;
  padding:0 12px 0 0!important;
  margin:0!important;
  transform:none!important;
  clip-path:none!important;
  overflow:visible!important;
  filter:drop-shadow(0 10px 22px rgba(126,34,206,.24))!important;
}
@media(max-width:900px){
  html body #otvProHeader .ul-brand{width:158px!important;min-width:158px!important;max-width:158px!important;}
  html body #otvProHeader .ul-brand-logo{height:44px!important;max-width:158px!important;padding-right:8px!important;}
}
@media(max-width:520px){
  html body #otvProHeader .ul-brand{width:136px!important;min-width:136px!important;max-width:136px!important;}
  html body #otvProHeader .ul-brand-logo{height:38px!important;max-width:136px!important;padding-right:6px!important;}
}