/* ==========================================================
   HEADER CONTACT + VISITOR COUNTER
   Selected design only. Nothing else on the website is changed.
   ========================================================== */

@media (min-width:981px){

  /* CONTACT INFORMATION — LEFT OF VISITOR COUNTER */
  .topbar .header-phone{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:1px !important;
    white-space:nowrap !important;
    min-width:265px !important;
  }

  .topbar .header-phone small{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#ffffff !important;
    font-size:22px !important;
    font-weight:700 !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    text-shadow:none !important;
  }

  .topbar .header-phone strong{
    display:block !important;
    margin:2px 0 7px !important;
    padding:0 !important;
    color:#ffffff !important;
    font-size:31px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
    text-shadow:none !important;
    -webkit-text-stroke:0 !important;
  }

  .topbar .header-phone span{
    min-width:245px !important;
    min-height:37px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    margin:0 !important;
    padding:7px 19px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#ffca0a !important;
    background-image:none !important;
    box-shadow:0 2px 5px rgba(0,0,0,.12) !important;
    color:#102846 !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    text-shadow:none !important;
  }

  /* Shield/check icon inside LICENSED & INSURED. */
  .topbar .header-phone span::before{
    content:"✓" !important;
    width:23px !important;
    height:25px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 23px !important;
    padding:0 !important;
    background:#173e69 !important;
    color:#ffca0a !important;
    font-size:15px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    clip-path:polygon(50% 0, 91% 17%, 84% 67%, 50% 100%, 16% 67%, 9% 17%) !important;
  }

  /* VISITOR COUNTER — CLEAN WHITE CARD */
  .header-visit-column{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .header-visit-column .site-visitor-counter.ept-style-counter{
    width:168px !important;
    max-width:168px !important;
    height:92px !important;
    min-height:92px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    margin:0 !important;
    padding:7px 11px 8px !important;
    background:#ffffff !important;
    background-image:none !important;
    border:1px solid #e1e8ed !important;
    border-radius:15px !important;
    box-shadow:0 5px 14px rgba(10,48,71,.12) !important;
    color:#173e69 !important;
    text-align:center !important;
    text-shadow:none !important;
  }

  .header-visit-column .visit-trend-icon{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:#edf7fb !important;
    background-image:none !important;
    color:#087c9a !important;
    box-shadow:none !important;
  }

  .header-visit-column .visit-trend-icon svg{
    width:21px !important;
    height:21px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2.5 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

  .header-visit-column .visit-counter-copy{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:1px !important;
    margin:0 !important;
    padding:5px 0 0 !important;
    border-top:1px solid #dce5eb !important;
    background:transparent !important;
    text-align:center !important;
  }

  .header-visit-column .visit-counter-label{
    width:100% !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    color:#49657a !important;
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1.05 !important;
    letter-spacing:.20em !important;
    text-align:center !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  .header-visit-column [data-site-counter]{
    width:100% !important;
    display:block !important;
    margin:1px 0 0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    color:#102846 !important;
    font-size:22px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    text-shadow:none !important;
  }
}

/* Scale only this same header information on narrower desktop screens. */
@media (min-width:981px) and (max-width:1250px){
  .topbar .header-phone{
    min-width:225px !important;
  }

  .topbar .header-phone small{
    font-size:18px !important;
  }

  .topbar .header-phone strong{
    font-size:25px !important;
    margin-bottom:6px !important;
  }

  .topbar .header-phone span{
    min-width:215px !important;
    min-height:34px !important;
    padding:6px 14px !important;
    font-size:11px !important;
  }

  .topbar .header-phone span::before{
    width:20px !important;
    height:22px !important;
    flex-basis:20px !important;
    font-size:13px !important;
  }

  .header-visit-column .site-visitor-counter.ept-style-counter{
    width:150px !important;
    max-width:150px !important;
    height:86px !important;
    min-height:86px !important;
    border-radius:14px !important;
  }

  .header-visit-column .visit-trend-icon{
    width:31px !important;
    height:31px !important;
    flex-basis:31px !important;
  }

  .header-visit-column .visit-trend-icon svg{
    width:19px !important;
    height:19px !important;
  }

  .header-visit-column .visit-counter-label{
    font-size:9px !important;
  }

  .header-visit-column [data-site-counter]{
    font-size:20px !important;
  }
}