/**
 * ASOR HTML — dimensioni topbar allineate a Joomla (custom.css ja_lawfirm)
 * Breakpoint Joomla: min913/max912 (913px), menu 992px, tablet 768px, monitor 20"/21" (1920px+)
 */
@media (min-width: 993px) {
  html body .ja-topbar {
    height: 80px !important;
    min-height: 80px !important;
    max-height: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  html body .t3-wrapper > .ja-topbar + #t3-header.t3-header,
  html body #t3-header.t3-header {
    top: 82px !important;
  }

  html body .ja-topbar .customtopbar-min913px,
  html body .ja-topbar .topbar-right.pull-right {
    display: block !important;
    visibility: visible !important;
  }

  html body .ja-topbar .customtopbar-max912px {
    display: none !important;
  }

  html body .ja-topbar .customtopbar-min913px p,
  html body .ja-topbar .topbar-left.pull-left p {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: #fff !important;
    letter-spacing: normal !important;
  }

  html body .ja-topbar .topbar-list > li a,
  html body .ja-topbar .topbar-right .email-item a {
    font-size: 20px !important;
    line-height: 1.35 !important;
    color: #fff !important;
    font-weight: 400 !important;
    text-decoration: none !important;
  }

  html body .ja-topbar .customtopbar-min913px .topbar-icon,
  html body .ja-topbar .topbar-icon,
  html body .ja-topbar .email-item .email-icon,
  html body .ja-topbar .topbar-list li i.icofont-email {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    margin-right: 8px !important;
    font-size: 20px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    color: #fff !important;
  }

  html body .ja-topbar .topbar-list li i.icofont {
    font-family: icofont, IcoFont, sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
  }
}

/* Tablet Joomla: 641–992 topbar 100px; 768–992 stesso blocco */
@media (min-width: 641px) and (max-width: 992px) {
  html body .ja-topbar {
    height: 100px !important;
    min-height: 100px !important;
  }

  html body .ja-topbar .customtopbar-min913px,
  html body .ja-topbar .topbar-right.pull-right {
    display: none !important;
  }

  html body .ja-topbar .customtopbar-max912px {
    display: block !important;
  }

  html body .ja-topbar .asor-mobile-topbar-meta,
  html body .ja-topbar .asor-topbar-orari-email-line,
  html body .ja-topbar .asor-topbar-orari-text,
  html body .ja-topbar .asor-topbar-email-inline a {
    font-size: 17px !important;
    line-height: 1.3 !important;
    color: #fff !important;
  }

  html body .ja-topbar .topbar-icon,
  html body .ja-topbar .topbar-icon--email {
    font-size: 17px !important;
    margin-right: 6px !important;
  }
}

/* Tablet stretto 768–910 (Joomla ha regole dedicate) */
@media (min-width: 768px) and (max-width: 992px) {
  html body .ja-topbar .asor-mobile-topbar-meta,
  html body .ja-topbar .asor-topbar-orari-email-line {
    font-size: 18px !important;
  }

  html body .ja-topbar .topbar-icon {
    font-size: 18px !important;
  }
}

/* Desktop piccolo 993–1199 (laptop 13–15") */
@media (min-width: 993px) and (max-width: 1199px) {
  html body .ja-topbar .customtopbar-min913px p,
  html body .ja-topbar .topbar-list > li a {
    font-size: 20px !important;
  }
}

/* Desktop 1200–1500 (monitor ~17–19") */
@media (min-width: 1200px) and (max-width: 1500px) {
  html body .ja-topbar .customtopbar-min913px p,
  html body .ja-topbar .topbar-list > li a {
    font-size: 20px !important;
  }

  html body .ja-topbar .container.asor-topbar-row {
    max-width: 1240px !important;
  }
}

/* Monitor ~20" (1920×1080) — Joomla 1700–1920 */
@media (min-width: 1501px) and (max-width: 1920px) {
  html body .ja-topbar .customtopbar-min913px p,
  html body .ja-topbar .topbar-list > li a {
    font-size: 20px !important;
  }

  html body .ja-topbar .container.asor-topbar-row {
    max-width: 1240px !important;
  }
}

/* Monitor ~21"+ / Full HD largo — Joomla 1920–2560 e 1930+ */
@media (min-width: 1921px) {
  html body .ja-topbar .customtopbar-min913px p,
  html body .ja-topbar .topbar-list > li a {
    font-size: 20px !important;
  }

  html body .ja-topbar .container.asor-topbar-row {
    max-width: 1240px !important;
  }
}