/* RAMCO approved transparent logo rules.
   Keep the complete Argelio + wheel + RAMCO + INSURANCE mark readable.
   Preserve the asset's natural aspect ratio and never squeeze it into a fixed height. */

.mini-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:252px!important;
  max-width:252px!important;
  min-width:252px!important;
  flex:0 0 252px!important;
  overflow:visible!important;
  background:transparent!important;
}

.mini-brand>img.ramco-official-logo,
.ramco-mobile-logo,
.ramco-footer-logo,
.nav-mobile-logo,
.brand-logo-full{
  display:block!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  mix-blend-mode:normal!important;
  border-radius:0!important;
  clip-path:none!important;
  background:transparent!important;
  /* The legacy display asset needs its O counter opened. */
  -webkit-mask-image:radial-gradient(ellipse 2.55% 26% at 55.4% 50%,transparent 97%,#000 100%)!important;
  -webkit-mask-size:100% 100%!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-image:radial-gradient(ellipse 2.55% 26% at 55.4% 50%,transparent 97%,#000 100%)!important;
  mask-size:100% 100%!important;
  mask-repeat:no-repeat!important;
}

.mini-brand>img.ramco-official-logo{
  width:240px!important;
  max-width:240px!important;
  max-height:none!important;
}

.ramco-mobile-logo,
.nav-mobile-logo,
.brand-logo-full{
  width:205px!important;
  max-width:205px!important;
  max-height:none!important;
}

/* The footer uses the exact uploaded transparent RAMCO mark. Do not mask or alter it. */
.ramco-footer-logo{
  width:270px!important;
  max-width:100%!important;
  max-height:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

.ramco-footer-logo-wrap{
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.mini-brand>span,
.mini-brand>.ramco-brand-copy,
.mini-brand>.brand-copy,
.brand-inner>.brand-wordmark{
  display:none!important;
}

@media(max-width:900px){
  .mini-brand{
    width:215px!important;
    max-width:215px!important;
    min-width:215px!important;
    flex-basis:215px!important;
  }

  .mini-brand>img.ramco-official-logo{
    width:205px!important;
    max-width:205px!important;
  }
}

@media(max-width:760px){
  .mini-brand{
    width:190px!important;
    max-width:190px!important;
    min-width:190px!important;
    flex-basis:190px!important;
  }

  .mini-brand>img.ramco-official-logo,
  .ramco-mobile-logo,
  .nav-mobile-logo,
  .brand-logo-full{
    width:180px!important;
    max-width:180px!important;
    max-height:none!important;
  }
}

@media(max-width:390px){
  .mini-brand{
    width:170px!important;
    max-width:170px!important;
    min-width:170px!important;
    flex-basis:170px!important;
  }

  .mini-brand>img.ramco-official-logo{
    width:162px!important;
    max-width:162px!important;
  }
}