/* Overrides loaded last to enforce site accent and font fixes */
.theme-dark,
html,
body {
  background: #0a0008 !important;
  background-color: #0a0008 !important;
  color: #f4eee8 !important;
}

body {
  background-image: none !important;
}

/* Make default site text readable on the dark background */
body * {
  color: #ffffff !important;
}

section,
header,
footer,
.main-header-bg,
.mobile-menu,
.nveMenu,
.overlay,
.modal-content,
.modal-header,
.modal-body,
.modal-footer,
.accordion-item,
.card,
.panel,
.box,
.form-box,
.form-section,
.sub-services-bg,
.services-bg,
.portfolio-bg,
.genres-bg,
.publishing-portfolio-bg,
.main-banner-bg {
  background-color: transparent !important;
}

/* Preserve the gold accent color anywhere it is used */
.home .text-typed,
.text-typed,
.primary-accent,
.main-header .main-navigation ul li a.primary-accent,
.cta-bg .text-typed {
  color: #caa228 !important;
}

input,
textarea,
select,
.form-control,
.form-select {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(255, 255, 255, 0.58) !important;
}

.home .text-typed,
.text-typed {
  color: #caa228 !important;
}

/* Generic primary-accent helper (useful for manual adjustments) */
.primary-accent {
  color: #caa228 !important;
  border-color: #caa228 !important;
  background-color: #caa228 !important;
}

/* Genre tabs: black section with square tabs */
.genres-bg {
  background: #000000 !important;
}

.genres-bg .genres-head h2 {
  color: #ffffff !important;
}

.genres-bg .genres-content h3,
.genres-bg .genres-content p {
  color: #ffffff !important;
}

.genres-bg .nav-tabs {
  border-bottom: 0 !important;
}

.genres-bg .nav-tabs .nav-item {
  margin: 0 8px 12px !important;
}

.genres-bg .nav-tabs .nav-item > button.nav-link,
.genres-bg .nav-tabs .nav-link {
  background-color: #caa228 !important;
  background: #caa228 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.genres-bg .nav-tabs .nav-item > button.nav-link:hover,
.genres-bg .nav-tabs .nav-link:hover {
  background-color: #1a3c46 !important;
  background: #1a3c46 !important;
  color: #ffffff !important;
}

.genres-bg .nav-tabs .nav-item.show > button.nav-link,
.genres-bg .nav-tabs .nav-item.show .nav-link,
.genres-bg .nav-tabs .nav-link.active {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #000000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Hard override for the exact genre tab buttons */
.genres-bg ul#myTab > li > button.nav-link {
  background: #caa228 !important;
  color: #000000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  padding: 10px 20px !important;
}

.genres-bg ul#myTab > li > button.nav-link:hover {
  background: #1a3c46 !important;
  color: #000000 !important;
}

.genres-bg ul#myTab > li > button.nav-link.active,
.genres-bg ul#myTab > li > button.nav-link[aria-selected="true"] {
  background: #ffffff !important;
  color: #000000 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Author benefits section: gold overlay with dark text */
section.author-about::before {
  background: rgba(202, 162, 40, 0.42) !important;
}

section.author-about h3,
section.author-about h4,
section.author-about p,
section.author-about ul.list-arrow li,
section.author-about .list-arrow li i {
  color: #000 !important;
}

section.author-about span {
  color: #000 !important;
}

section.author-about .btn-2 a {
  background: #000 !important;
  border: 2px solid #000 !important;
  color: #fff !important;
  border-radius: 0 !important;
}

section.author-about .btn-2 a:hover {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}

/* Home testimonials and FAQs sections */
.testimonails-bg,
.faqs-bg {
  background: #000 !important;
}

.testimonails-bg .testi-head h2,
.testimonails-bg .testi-head p,
.testimonails-bg .testi-text h3,
.testimonails-bg .testi-text p,
.testimonails-bg .testi-text h5,
.faqs-bg .faqs-head h2 {
  color: #fff !important;
}

.testimonails-bg .testi-b,
.testimonails-bg .testi-box {
  background: transparent !important;
  box-shadow: none !important;
}

.testimonails-bg .testi-text h5 span,
.testimonails-bg .testi-text i,
.faqs-bg .accordion-button,
.faqs-bg .accordion-body,
.faqs-bg a {
  color: #fff !important;
}

.faqs-bg .accordion-item,
.faqs-bg .accordion-button,
.faqs-bg .accordion-body {
  background: #000 !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.faqs-bg .accordion-button:not(.collapsed) {
  color: #fff !important;
  background: #000 !important;
}

/* Footer lead form: make the whole block black */
.footer-form-bg,
.footer-form-bg:after,
.footer-form-inner {
  background: #000 !important;
}

.footer-form-inner {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.footer-form-head-content h2,
.footer-form-head-content p,
.footer-form-head-content a,
.footer-form-half p,
.footer-form-half label,
.footer-form-half a,
.footer-form-half .fldset label {
  color: #fff !important;
}

.footer-form-bg .form-control,
.footer-form-bg input,
.footer-form-bg textarea,
.footer-form-bg .form-floating > .form-control {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  border-radius: 0 !important;
}

.footer-form-bg .form-floating > label {
  color: rgba(255, 255, 255, 0.72) !important;
}

.footer-form-bg .form-select,
.form-get-quote .form-select,
.footer-form-bg .form-select:focus,
.form-get-quote .form-select:focus,
.footer-form-bg .form-select.has-value,
.form-get-quote .form-select.has-value {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #ffffff !important;
}

.footer-form-bg .form-select option,
.form-get-quote .form-select option,
.footer-form-bg .form-select option:hover,
.form-get-quote .form-select option:hover,
.footer-form-bg .form-select option:focus,
.form-get-quote .form-select option:focus,
.footer-form-bg .form-select option:checked,
.form-get-quote .form-select option:checked {
  color: #000000 !important;
  background: #ffffff !important;
  -webkit-text-fill-color: #000000 !important;
}

.footer-form-bg .btn-1 button {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  border-radius: 0 !important;
}

.footer-form-bg .btn-1 button:hover {
  background: #111 !important;
  color: #fff !important;
  border-color: #fff !important;
}

.footer-form-bg .intl-tel-input .selected-flag,
.footer-form-bg .intl-tel-input.separate-dial-code .selected-flag,
.form-get-quote .intl-tel-input .selected-flag,
.form-get-quote .intl-tel-input.separate-dial-code .selected-flag {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}

.footer-form-bg .intl-tel-input .selected-flag .iti-arrow,
.form-get-quote .intl-tel-input .selected-flag .iti-arrow {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}

.footer-form-bg .intl-tel-input .selected-dial-code,
.form-get-quote .intl-tel-input .selected-dial-code {
  color: #ffffff !important;
}

.footer-form-bg .intl-tel-input .country-list,
.form-get-quote .intl-tel-input .country-list {
  background: #0a0008 !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

.footer-form-bg .intl-tel-input .country-list .country,
.footer-form-bg .intl-tel-input .country-list .country .dial-code,
.footer-form-bg .intl-tel-input .country-list .country-name,
.form-get-quote .intl-tel-input .country-list .country,
.form-get-quote .intl-tel-input .country-list .country .dial-code,
.form-get-quote .intl-tel-input .country-list .country-name {
  color: #ffffff !important;
}

.footer-form-bg .intl-tel-input .country-list .country.highlight,
.form-get-quote .intl-tel-input .country-list .country.highlight {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

/* Global form styling: square, dark translucent, white borders */
#staticBackdrop .modal-content,
.modal-content,
.modal-body-form .popup-form-list .form-group input,
.modal-body-form .popup-form-list .form-group textarea,
.modal-body-form .popup-form-list .form-group button.submit-btn,
.inner-published-form,
.inner-published-form .form-group input,
.inner-published-form .form-group textarea,
.inner-published-form .form-group .form-select,
.inner-published-form .form-group button.submit-btn,
.footer-form-inner,
.footer-form-bg .form-control,
.footer-form-bg input,
.footer-form-bg textarea,
.contact-us .row input,
.contact-us textarea,
.contact-us .form-control,
.contact-us .form-select,
.custom-pop .form-control,
.custom-pop textarea.form-control,
.service-form-box .form-group .form-control,
.subscribe__modal .modal-content,
.subscribe__modal .modal-content .modal-body form input,
.subscribe__modal .modal-content .modal-body form textarea,
.form-get-quote .form-control,
.form-get-quote input,
.form-get-quote textarea {
  background: rgba(0, 0, 0, 0.82) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

/* Contact page form override */
.contact-us .form-get-quote input,
.contact-us .form-get-quote textarea {
  background: none !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.contact-us .form-get-quote input::placeholder,
.contact-us .form-get-quote textarea::placeholder {
  color: rgba(255, 255, 255, 0.68) !important;
}

.contact-us .form-get-quote textarea {
  padding: 16px !important;
  min-height: 200px !important;
  margin-bottom: 20px !important;
}

.contact-us .form-get-quote .intl-tel-input {
  width: 100% !important;
  display: block !important;
  margin-bottom: 20px !important;
}

.contact-us .form-get-quote .intl-tel-input input,
.contact-us .form-get-quote .intl-tel-input input[type=text],
.contact-us .form-get-quote .intl-tel-input input[type=tel] {
  width: 100% !important;
  padding-left: 58px !important;
  padding-right: 20px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  height: 50px !important;
  box-shadow: none !important;
}

.contact-us .form-get-quote .intl-tel-input .flag-container {
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  bottom: 0 !important;
}

.contact-us .form-get-quote .intl-tel-input .selected-flag {
  width: 56px !important;
  padding-left: 8px !important;
}

.contact-us .form-get-quote .intl-tel-input .selected-flag .iti-arrow {
  right: 8px !important;
}

.contact-us .form-get-quote .intl-tel-input .flag-container:hover .selected-flag {
  background-color: transparent !important;
}

.contact-us .form-get-quote .btn-3 button,
.contact-us .form-get-quote button {
  background: #caa228 !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 50px !important;
  width: 100% !important;
  max-width: 280px !important;
  height: 60px !important;
  box-shadow: none !important;
}

.contact-us .form-get-quote .fldset {
  margin-top: 16px !important;
}

.contact-us .form-get-quote .fldset label {
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.contact-us .form-get-quote .fldset a {
  color: #caa228 !important;
}

#staticBackdrop .modal-content,
.modal-content,
.inner-published-form,
.footer-form-inner,
.subscribe__modal .modal-content {
  overflow: hidden;
}

#staticBackdrop .modal-content .btn-close {
  background: rgba(0, 0, 0, 0.82) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-radius: 0 !important;
}

.modal-body-form h3,
.inner-published-form h3,
.footer-form-head-content h2,
.footer-form-head-content p,
.footer-form-half p,
.contact-us .contact-us-heading h5,
.contact-us .contact-us-heading p,
.contact-us .ways-to-connect .ways-to-connect-connect .ways-to-connect-para p,
.contact-us .ways-to-connect .ways-to-connect-connect .ways-to-connect-para a {
  color: #ffffff !important;
}

.modal-body-form .popup-form-list .form-group input::placeholder,
.modal-body-form .popup-form-list .form-group textarea::placeholder,
.inner-published-form .form-group input::placeholder,
.inner-published-form .form-group textarea::placeholder,
.footer-form-bg input::placeholder,
.footer-form-bg textarea::placeholder,
.contact-us input::placeholder,
.contact-us textarea::placeholder,
.subscribe__modal .modal-content .modal-body form input::placeholder,
.subscribe__modal .modal-content .modal-body form textarea::placeholder,
.form-get-quote input::placeholder,
.form-get-quote textarea::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}

.modal-body-form .popup-form-list .form-group button.submit-btn,
.inner-published-form .form-group button.submit-btn,
.contact-us .row .form-button button,
.footer-form-bg .btn-1 button,
.subscribe__modal .modal-content .modal-body form button,
.form-get-quote .btn-1 button,
.form-get-quote button {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.modal-body-form .popup-form-list .form-group button.submit-btn:hover,
.inner-published-form .form-group button.submit-btn:hover,
.contact-us .row .form-button button:hover,
.footer-form-bg .btn-1 button:hover,
.subscribe__modal .modal-content .modal-body form button:hover,
.form-get-quote .btn-1 button:hover,
.form-get-quote button:hover {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* Homepage about form */
.about-form {
  background: rgba(0, 0, 0, 0.82) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.about-form .form-head-content h4,
.about-form .form-head-content h3,
.about-form .form-head-btn button,
.about-form .form-floating > label,
.about-form .form-floating > .form-control,
.about-form .form-floating > .form-select,
.about-form .phonecode,
.about-form .control-group,
.about-form .fldset label,
.about-form .fldset a {
  color: #ffffff !important;
}

.about-form .form-control,
.about-form input,
.about-form textarea,
.about-form select,
.about-form .form-floating > .form-control,
.about-form .form-floating > .form-select {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.about-form .form-control::placeholder,
.about-form textarea::placeholder,
.about-form .form-select::placeholder {
  color: transparent !important;
}

.about-form .form-floating > .form-control,
.about-form .form-floating > .form-select {
  min-height: calc(3.5rem + 2px) !important;
  padding: 1rem .75rem !important;
}

.about-form .form-select,
.about-form .form-select:focus,
.about-form .form-select.has-value {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #ffffff !important;
}

.about-form .form-select option,
.about-form .form-select option:hover,
.about-form .form-select option:focus,
.about-form .form-select option:checked {
  color: #ffffff !important;
  background: rgba(0, 0, 0, 0.9) !important;
  -webkit-text-fill-color: #ffffff !important;
}

.about-form .form-select.has-value option {
  color: #ffffff !important;
}

.about-form .form-select:focus {
  color: #ffffff !important;
  text-shadow: 0 0 0 #ffffff !important;
}

.about-form .intl-tel-input .selected-flag,
.about-form .intl-tel-input.separate-dial-code .selected-flag {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}

.about-form .intl-tel-input .selected-flag .iti-arrow {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}

.about-form .intl-tel-input .selected-dial-code {
  color: #ffffff !important;
}

.about-form .intl-tel-input .country-list {
  background: #0a0008 !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

.about-form .intl-tel-input .country-list .country,
.about-form .intl-tel-input .country-list .country .dial-code,
.about-form .intl-tel-input .country-list .country-name {
  color: #ffffff !important;
}

.about-form .intl-tel-input .country-list .country.highlight {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.about-form .intl-tel-input .selected-flag,
.about-form .intl-tel-input.separate-dial-code .selected-flag,
.about-form .intl-tel-input .selected-flag .iti-arrow,
.about-form .intl-tel-input .selected-dial-code,
.about-form .intl-tel-input .country-list,
.about-form .intl-tel-input .country-list .country,
.about-form .intl-tel-input .country-list .country .dial-code,
.about-form .intl-tel-input .country-list .country-name {
  color: #ffffff !important;
}

.about-form .intl-tel-input .selected-flag,
.about-form .intl-tel-input.separate-dial-code .selected-flag {
  background: rgba(255, 255, 255, 0.06) !important;
}

.about-form .intl-tel-input .country-list {
  background: #0a0008 !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

.about-form .intl-tel-input .country-list .country.highlight {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.about-form .form-floating > label {
  color: #ffffff !important;
}

.about-form .form-label {
  color: #ffffff !important;
}

.about-form .form-floating > .form-control:focus,
.about-form .form-floating > .form-select:focus {
  box-shadow: none !important;
}

.about-form .form-head-btn button {
  background: #000000 !important;
  border: 1px solid #ffffff !important;
  border-radius: 0 !important;
  color: #ffffff !important;
}

.about-form .form-head-btn button:hover {
  background: #111111 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

.genres-bg .nav-tabs .nav-link img {
  filter: none !important;
}

/* Publish CTA: gold section with black text and black buttons */
.cta {
  background: #caa228 !important;
}

.cta .root-cta-title-h2,
.cta .root-cta-title-h2 span,
.cta .cta-hdg,
.cta .cta-hdg span,
.cta h1,
.cta h2,
.cta h3,
.cta h4,
.cta h5,
.cta h6,
.cta p,
.cta span,
.cta .cta-call a {
  color: #000 !important;
}

.cta .btn-1 a,
.cta .btn-1 button,
.cta .btn-2 a,
.cta .btn-3 a,
.cta .btn-3 button {
  background: #000 !important;
  border: 2px solid #000 !important;
  color: #fff !important;
  border-radius: 0 !important;
}

.cta .btn-1 a:hover,
.cta .btn-1 button:hover,
.cta .btn-2 a:hover,
.cta .btn-3 a:hover,
.cta .btn-3 button:hover {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}

/* Gold CTA sections */
.cta-bg {
  background: #caa228 !important;
}

.cta-bg h1,
.cta-bg h2,
.cta-bg h3,
.cta-bg h4,
.cta-bg h5,
.cta-bg h6,
.cta-bg p,
.cta-bg span,
.cta-bg li,
.cta-bg a,
.cta-bg .cta-call a,
.cta-bg .cta-head p {
  color: #000 !important;
}

.cta-bg .btn-1 a,
.cta-bg .btn-1 button,
.cta-bg .btn-2 a,
.cta-bg .btn-3 a,
.cta-bg .btn-3 button,
.cta-bg .nav-btn-1,
.cta-bg .nav-btn-2,
.cta-bg .popup-btn,
.cta-bg .number-btn {
  background: #000 !important;
  border-color: #000 !important;
  color: #ffffff !important;
}
.cta-bg .btn-1 a,
.cta-bg .btn-1 button,
.cta-bg .btn-2 a,
.cta-bg .btn-3 a,
.cta-bg .btn-3 button {
  color: #ffffff !important;
}

/* Banner service selector text white */
.about-form .form-select,
.about-form .form-select option,
.about-form .form-select option:hover,
.about-form .form-select option:focus,
.about-form .form-select option:checked,
.about-form #exampleFormControlSelect1 option,
.about-form #exampleFormControlSelect1 option:hover,
.about-form #exampleFormControlSelect1 option:focus,
.about-form #exampleFormControlSelect1 option:checked {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(0, 0, 0, 0.9) !important;
}

.about-form #exampleFormControlSelect1,
.about-form .form-select {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: #ffffff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-left: 12px !important;
}

.cta-bg .btn-1 a:hover,
.cta-bg .btn-1 button:hover,
.cta-bg .btn-2 a:hover,
.cta-bg .btn-3 a:hover,
.cta-bg .btn-3 button:hover,
.cta-bg .nav-btn-1:hover,
.cta-bg .nav-btn-2:hover,
.cta-bg .popup-btn:hover,
.cta-bg .number-btn:hover {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}

/* Shared CTA button style to match the requested gold block look */
.btn-1 a,
.btn-1 button,
.btn-2 a,
.btn-3 a,
.btn-3 button,
a.nav-btn-1,
.header-top-bg .top-btn-1,
.header-top-bg .top-btn-2,
.about-form .form-head-btn button,
.contact-us .row .form-button button,
.modal-body-form .popup-form-list .form-group button.submit-btn,
.inner-published-form .form-group button.submit-btn,
.lp-book-publishing-bg .btn-3 a,
.lp-book-publishing-bg .btn-3 button,
.lp-publishing-cta-2-bg .btn-3 a,
.lp-publishing-cta-2-bg .btn-3 button,
.cta .btn-1 a,
.cta .btn-1 button,
.cta .btn-2 a,
.cta .btn-3 a,
.cta .btn-3 button {
  background: #caa228 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #111 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px;
  padding: 12px 26px !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-weight: 600 !important;
  letter-spacing: 0;
  box-shadow: none !important;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.btn-1 a:hover,
.btn-1 button:hover,
.btn-2 a:hover,
.btn-3 a:hover,
.btn-3 button:hover,
a.nav-btn-1:hover,
.header-top-bg .top-btn-1:hover,
.header-top-bg .top-btn-2:hover,
.about-form .form-head-btn button:hover,
.contact-us .row .form-button button:hover,
.modal-body-form .popup-form-list .form-group button.submit-btn:hover,
.inner-published-form .form-group button.submit-btn:hover,
.lp-book-publishing-bg .btn-3 a:hover,
.lp-book-publishing-bg .btn-3 button:hover,
.lp-publishing-cta-2-bg .btn-3 a:hover,
.lp-publishing-cta-2-bg .btn-3 button:hover,
.cta .btn-1 a:hover,
.cta .btn-1 button:hover,
.cta .btn-2 a:hover,
.cta .btn-3 a:hover,
.cta .btn-3 button:hover {
  background: #b8941f !important;
  color: #111 !important;
  border: 0 !important;
  transform: translateY(-1px);
}

/* Secondary CTA style: transparent with gold text and border */
.btn-2 a,
a.nav-btn-2,
.header-top-bg .top-btn-2 {
  background: transparent !important;
  color: #caa228 !important;
  border: 2px solid #caa228 !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px;
  padding: 12px 26px !important;
  box-shadow: none !important;
}

.btn-2 a:hover,
a.nav-btn-2:hover,
.header-top-bg .top-btn-2:hover {
  background: transparent !important;
  color: #caa228 !important;
  border: 2px solid #caa228 !important;
}

/* Make .btn-4 match the site CTA button look */
.btn-4 a,
.btn-4 button,
.cta .btn-4 a,
.cta .btn-4 button,
.cta-bg .btn-4 a,
.cta-bg .btn-4 button {
  background: transparent !important;
  border: 2px solid #caa228 !important;
  border-radius: 0 !important;
  color: #caa228 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px;
  padding: 12px 26px !important;
  text-decoration: none !important;
}

.btn-4 a:hover,
.btn-4 button:hover,
.cta .btn-4 a:hover,
.cta .btn-4 button:hover,
.cta-bg .btn-4 a:hover,
.cta-bg .btn-4 button:hover {
  background: transparent !important;
  color: #caa228 !important;
  border: 2px solid #caa228 !important;
}

/* Header navbar buttons */
.nav-btn {
  display: flex !important;
  align-items: center !important;
  gap: 6px;
}

.nav-btn a {
  min-height: 46px;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0;
  text-transform: none !important;
  line-height: 1;
  box-shadow: none !important;
}

a.nav-btn-1 {
  background: #caa228 !important;
  border: 2px solid #caa228 !important;
  color: #111 !important;
}

a.nav-btn-2 {
  background: transparent !important;
  border: 2px solid #caa228 !important;
  color: #caa228 !important;
}

a.nav-btn-1:hover {
  background: #b8941f !important;
  border-color: #b8941f !important;
  color: #111 !important;
}

a.nav-btn-2:hover {
  background: transparent !important;
  border-color: #caa228 !important;
  color: #caa228 !important;
}

/* Services dropdown: dark stacked panel like the provided mockup */
.main-navigation .nav-item.dropdown {
  position: relative;
}

.main-logo {
  width: 92px !important;
  max-width: 100%;
  height: auto;
}

.main-header-bg {
  background: rgba(23, 23, 23, 0.72) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.main-header-bg .main-header ul {
  gap: 18px;
}

.main-header .main-navigation ul li a {
  font-size: 12px !important;
}

.main-header .nav-btn {
  margin-left: 14px;
}

.main-navigation .nav-item.dropdown > .dropdown-menu,
.mobile-dropdown .dropdown > .dropdown-menu {
  background: rgba(22, 19, 16, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.45) !important;
  overflow: visible;
  padding: 0 !important;
  min-width: 360px;
}

.main-navigation .nav-item.dropdown > .dropdown-menu {
  top: calc(100% + 12px);
  left: 0;
  transform: none;
}

.main-navigation .nav-item.dropdown > .dropdown-menu::before,
.mobile-dropdown .dropdown > .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 78px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(22, 19, 16, 0.8);
}

.main-navigation .nav-item.dropdown > .dropdown-menu li + li,
.mobile-dropdown .dropdown > .dropdown-menu li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.main-navigation .nav-item.dropdown > .dropdown-menu .dropdown-item,
.mobile-dropdown .dropdown > .dropdown-menu .dropdown-item {
  color: rgba(228, 222, 214, 0.88) !important;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.35;
  padding: 16px 28px !important;
  background: transparent !important;
  text-transform: none !important;
}

.main-navigation .nav-item.dropdown > .dropdown-menu .dropdown-item:hover,
.main-navigation .nav-item.dropdown > .dropdown-menu .dropdown-item:focus,
.mobile-dropdown .dropdown > .dropdown-menu .dropdown-item:hover,
.mobile-dropdown .dropdown > .dropdown-menu .dropdown-item:focus {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #ffffff !important;
}

.mobile-dropdown .dropdown > .dropdown-menu {
  min-width: 100%;
}

@media (max-width: 991px) {
  .main-navigation .nav-item.dropdown > .dropdown-menu {
    left: 0;
    transform: none;
    min-width: 320px;
  }
}

/* Final overrides for the published-author CTA and genre tabs */
.cta .btn-1 a,
.cta .btn-1 button,
.cta .btn-2 a,
.cta .btn-3 a,
.cta .btn-3 button {
  background: #000 !important;
  border: 2px solid #000 !important;
  color: #fff !important;
  border-radius: 0 !important;
  text-transform: none !important;
}

.cta .btn-1 a:hover,
.cta .btn-1 button:hover,
.cta .btn-2 a:hover,
.cta .btn-3 a:hover,
.cta .btn-3 button:hover {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}

/* Portfolio tab strip from the screenshot */
.portfolio-bg #nav-tab {
  gap: 26px;
}

.portfolio-bg #nav-tab > button.nav-link {
  background: #caa228 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 180px !important;
  margin: 0 !important;
  padding: 12px 20px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.portfolio-bg #nav-tab > button.nav-link:hover {
  background: #1a3c46 !important;
  color: #ffffff !important;
}

.portfolio-bg #nav-tab > button.nav-link.active {
  background: #ffffff !important;
  color: #000 !important;
}

.genres-bg .nav-tabs .nav-item > button.nav-link,
.genres-bg .nav-tabs .nav-link {
  background-color: #caa228 !important;
  background: #caa228 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.genres-bg .nav-tabs .nav-item > button.nav-link:hover,
.genres-bg .nav-tabs .nav-link:hover {
  background-color: #1a3c46 !important;
  background: #1a3c46 !important;
  color: #ffffff !important;
}

.genres-bg .nav-tabs .nav-item.show > button.nav-link,
.genres-bg .nav-tabs .nav-item.show .nav-link,
.genres-bg .nav-tabs .nav-link.active {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Exact duplicate hard override for later cascade */
.genres-bg ul#myTab > li > button.nav-link {
  background: #caa228 !important;
  color: #000000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  padding: 10px 20px !important;
}

.genres-bg ul#myTab > li > button.nav-link:hover {
  background: #1a3c46 !important;
  color: #000000 !important;
}

.genres-bg ul#myTab > li > button.nav-link.active,
.genres-bg ul#myTab > li > button.nav-link[aria-selected="true"] {
  background: #ffffff !important;
  color: #000000 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Homepage service circle labels */
.services-bg .services-img .nav-pills .nav-link,
.services-bg .services-img .nav-pills .show>.nav-link {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: 7px !important;
  padding: 11px 20px !important;
  color: #000 !important;
}
.services-bg .services-img .nav-pills .nav-link:hover,
.services-bg .services-img .nav-pills .show>.nav-link:hover {
  background-color: #caa228 !important;
  color: #000 !important;
}
.services-bg .services-img .nav-pills .nav-link.active,
.services-bg .services-img .nav-pills .show>.nav-link.active {
  background-color: #caa228 !important;
  color: #000 !important;
}
.services-bg .services-img .nav-pills .nav-link img,
.services-bg .services-img .nav-pills .show>.nav-link img {
  width: 45px !important;
  margin-bottom:-19px !important;
  margin-top: 10px !important;
  filter: none !important;
}