/* Publishers of USA theme overrides (loaded after the base styles) */

/* header logo on the dark hero */
.hero-nav .logo img{width:238px;max-width:238px;height:auto}
@media (max-width:767px){.hero-nav .logo img{width:150px;max-width:150px!important}}
@media (max-width:575px){.hero-nav .navbar{flex-wrap:nowrap!important;justify-content:space-between;padding:0!important}.hero-nav .logo img{width:122px;max-width:122px!important}.hero-nav .nav-quote-btn{padding-left:16px!important;padding-right:16px!important;white-space:nowrap}}
.footer-widget .logo img{width:250px;height:auto}

/* header phone + quote button */
.hero-nav .nav-actions{display:flex;align-items:center;gap:18px}
.hero-nav .navnum{color:#fff!important;font-weight:700;white-space:nowrap;text-decoration:none}
.hero-nav .navnum i{margin-right:6px}
.hero-nav .navnum:hover{color:#ffd0d7!important}
.hero-nav .nav-quote-btn,
.hero-nav .nav-quote-btn:hover{color:#fff!important}

/* hero counters: maroon reads poorly on the dark collage, use white */
.hero-copy .counter-box .count,
.hero-copy .counter-box span{color:#fff}

/* popup consent text on the maroon panel */
#mainpopupform .chk a,
#mainpopupform .chk a:hover{color:#fff}
#mainpopupform .chk input[type="checkbox"]{accent-color:#fff}

/* floating side buttons in the Publishers of USA navy */
.btns_wrap .call_wrap,
.btns_wrap .call_wrap span,
.btns_wrap .call_wrap span.icoo{background:#232f3e}

/* quote popup: compact black frame around the maroon form */
#mainpopupform .offer-popup-box{max-width:600px;margin:0 auto}
#mainpopupform .offer-right{width:auto;max-width:none;margin:18px}
@media (max-width:640px){#mainpopupform .offer-right{margin:12px}}

/* phones: no phone number/icon in the header, just logo + Get a Quote */
@media (max-width:767px){.hero-nav .navnum{display:none!important}}


/* popup on phones: even spacing between Name and Email */
@media (max-width:767px){#mainpopupform .main-form .col-md-6{margin-bottom:0!important}}

/* covers slider: the next arrow was hidden by an old global rule; show both on tablet/desktop */
.covers-slider button.slick-next.slick-arrow,
.covers-slider button.slick-prev.slick-arrow{display:block!important}
@media (max-width:991px){
  .covers-slider .slick-prev{left:-6px}
  .covers-slider .slick-next{right:-6px}
}

/* tablets: the fixed side tab sat on top of the content, header already has Get a Quote */
@media (max-width:1199px){.floatbutton{display:none!important}}

/* keep CTA labels on one line on tablets */
@media (min-width:768px) and (max-width:1199px){
  .cta-btn-small.main-btn{white-space:nowrap;padding-left:22px!important;padding-right:22px!important}
  .cta-btn-small.main-btn.mx-4{margin-left:14px!important;margin-right:0!important}
}

/* "Why authors choose" points: the text was shifted with left:85px, which pushed it past the
   screen edge on phones (cut-off text, sideways wiggle). Indent with margin instead. */
.points-2 .content-wrapper{left:auto;margin-left:85px}
@media (max-width:520px){.points-2 .content-wrapper{margin-left:70px}}