/**
 * Theme Name: nanotext Child
 * Description: Child theme for the nanotext
 * Author: LineThemes
 * Template: nanotext
 * Version: 1.0.3
 */

/* ------------------------------------------------------------------
   JBD FIX — 2026-08-19
   Slider Revolution 6.7.58 renders SR7 markup (<sr7-module>) and no
   longer emits the <rs-module-wrap> element every NanoText rule is
   scoped to. Result: the hero "How can we help you?" dropdown loses
   all styling and renders permanently expanded.
   Below re-scopes the parent theme's own .btn-select rules to SR7.
   ------------------------------------------------------------------ */

sr7-module .rev-btn.btn-select,
.rev-btn.btn-select { position: relative; }

sr7-module .rev-btn.btn-select,
.rev-btn.btn-select {
  filter: none !important; background: linear-gradient(180deg, #ffffff 0%, #eaeef3 100%); box-shadow: 0 5px 15px 0 rgba(107, 124, 147, 0.15), 0 2px 4px 0 rgba(107, 124, 147, 0.2);
}

sr7-module .rev-btn.btn-select:after,
.rev-btn.btn-select:after {
  content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 4px; box-shadow: inset 0 -2px 0 0 rgba(58, 65, 111, 0.15); border-radius: 0 0 3px 3px;
}

sr7-module .rev-btn.btn-select span,
.rev-btn.btn-select span {
  text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 500; display: block;
}

sr7-module .rev-btn.btn-select span:before,
.rev-btn.btn-select span:before {
  content: "\ea03"; font-family: "Nucleo"; font-size: 18px; position: absolute; right: 7%; top: 50%; transform: translateY(-50%); transition: 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}

sr7-module .rev-btn.btn-select .list,
.rev-btn.btn-select .list {
  list-style: none; margin: 0; padding: 15px 0; top: 100%; left: 0; background: #ffffff; width: 100%; position: absolute; visibility: hidden; overflow: hidden; opacity: 0; border-radius: 0 0 3px 3px; box-shadow: 0 30px 50px rgba(107, 124, 147, 0.15);
}

sr7-module .rev-btn.btn-select .list a,
.rev-btn.btn-select .list a {
  padding: 10px 30px !important; display: block; color: #6b7c93;
}

sr7-module .rev-btn.btn-select .list a:hover,
.rev-btn.btn-select .list a:hover {
  background: #eaeef3; color: #3a416f;
}

sr7-module .rev-btn.btn-select.active,
.rev-btn.btn-select.active {
  background: #c2cfde !important; box-shadow: none; border-radius: 3px 3px 0 0 !important;
}

sr7-module .rev-btn.btn-select.active:after,
.rev-btn.btn-select.active:after {
  display: none;
}

sr7-module .rev-btn.btn-select.active .list,
.rev-btn.btn-select.active .list {
  visibility: visible; opacity: 1;
}

sr7-module .rev-btn.btn-select.active span,
.rev-btn.btn-select.active span {
  color: #3a416f;
}

sr7-module .rev-btn.btn-select.active span:before,
.rev-btn.btn-select.active span:before {
  transform: translateY(-50%) rotate(-180deg);
}

sr7-module .rev-btn.btn-select br,
.rev-btn.btn-select br {
  display: none;
}

.rtl sr7-module .rev-btn.btn-select span,
.rtl .rev-btn.btn-select span,
.rtl sr7-module .rev-btn.btn-select .list a,
.rtl .rev-btn.btn-select .list a {
  text-align: right !important;
}

.rtl sr7-module .rev-btn.btn-select span:before,
.rtl .rev-btn.btn-select span:before {
  right: auto; left: 7%;
}

/* the theme hides the wpautop <br> inside the dropdown */
sr7-module .rev-btn.btn-select br,
.rev-btn.btn-select br { display: none; }

/* ------------------------------------------------------------------
   JBD 2026-08-20 — cyan -> JBD gold
   The Customizer scheme covers most of the theme, but style.css
   hardcodes #54c8ef / #15b7ee in 19 rules that ignore it entirely.
   These overrides re-point those to gold #D4A24C / #B8873A.
   ------------------------------------------------------------------ */

a.link2:before,
.single-post .post-content .sticky .addtoany_list a:hover,
.single-attachment .post-content .sticky .addtoany_list a:hover,
#site .vc_custom_heading.style1,
#site .vc_wp_custommenu .menu li a span,
#site .vc_tta-tabs.vc_tta-style-modern .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a i,
#site .member.style2 .social-links a,
#site .iconbox.style2:before,
#site .imagebox .box-title:after,
#site .blog-shortcode.post-thumbnail-cover .blog-grid .post .post-inner .read-more span:before,
#site div.wpcf7-mail-sent-ok,
#site-header .menu-extras > li.shopping-cart .shopping-cart-items-count span { background: #B8873A; }

#site .vc_custom_heading.style1,
#site .vc_wp_custommenu .menu li a span,
#site .vc_tta-tabs.vc_tta-style-modern .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a i,
#site .member.style2 .social-links a,
#site div.wpcf7-mail-sent-ok { color: #ffffff; }

.woocommerce .woocommerce-info { color: #B8873A; }
#site .vc_tta-accordion.vc_tta-style-modern { border-color: #B8873A; }

#site .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading:before,
#site .iconbox:hover .box-readmore a:hover,
#site .vc_custom_heading strong,
#site .iconlist.iconlist-icon-large .iconlist-item-icon i:after { color: #D4A24C; }

#site .iconbox.primary .box-icon,
.blog-grid .blog-readmore span:before,
a.moreBox:before,
a.moreBox:after { background-color: #D4A24C; }

#site .wp-block-table.pricing-table table tfoot:before,
#site .wpcf7-form .style2 .field textarea:focus,
#site .wpcf7-form .style2 .field select:focus,
#site .wpcf7-form .field input:focus { border-color: #D4A24C; }

.content-header-shadow:before { background: linear-gradient(0deg, rgba(255,255,255,0) 0%, #D4A24C 100%); }
.blog-grid .post-title a       { background-image: linear-gradient(180deg, transparent 96%, #D4A24C 0); }
#site .vc_custom_heading.style2{ background-image: linear-gradient(180deg, transparent 98%, #D4A24C 0); }

/* JBD 2026-08-20 — Hugh's call: white text on the gold buttons */
#site .button, #site a.button, #site input[type="submit"], #site button[type="submit"],
#site .rev-btn, .ff-btn-submit, #site .button span, #site a.button span,
.wp-block-table.pricing-table a.button, #site .ptp-button, #site .dh-ptp-button,
#site .moreBox, #site .blog-readmore span { color: #ffffff !important; }

/* ------------------------------------------------------------------
   JBD 2026-08-20 — compare table sized for FOUR plan columns.
   NanoText lays this table out with flexbox and hardcoded widths:
   first cell 40% + each plan cell min-width 20%. That sums to 100%
   with 3 plans, but 120% with 4 — so the row wraps and the table
   looks broken. Re-math the widths for a 5-column (label + 4) table.
   ------------------------------------------------------------------ */

#site .wp-block-table.pricing-table.jbd-4col table tr td,
#site .wp-block-table.pricing-table.jbd-4col table tr th {
  min-width: 0;
  width: 17%;
  flex: 0 0 17%;
}

#site .wp-block-table.pricing-table.jbd-4col table tr td:first-child,
#site .wp-block-table.pricing-table.jbd-4col table tr th:first-child {
  width: 32%;
  flex: 0 0 32%;
  flex-grow: 1;
  text-align: left;
}

#site .wp-block-table.pricing-table.jbd-4col table tr {
  flex-wrap: nowrap;
}

#site .wp-block-table.pricing-table.jbd-4col table tbody tr td,
#site .wp-block-table.pricing-table.jbd-4col table tfoot tr td {
  font-size: 0.95rem;
}

@media (max-width: 991px) {
  #site .wp-block-table.pricing-table.jbd-4col table tr td,
  #site .wp-block-table.pricing-table.jbd-4col table tr th { font-size: 0.85rem; }
}

/* --- Imagebox: title below the card instead of overlaid (JBD, 2026-09-09) --- */
#site .imagebox .box-image { position: relative; }
#site .imagebox .box-image:after { display: none; }
#site .imagebox .box-image img { mix-blend-mode: normal; }
#site .imagebox .box-inner {
  position: static;
  width: 100%;
  padding: 34px 0 0 0;
  overflow: visible;
}
#site .imagebox .box-title:before,
#site .imagebox .box-title:after { top: -22px; }
#site .imagebox .box-title h3 { font-size: 24px; }
@media (max-width: 767px) {
  #site .imagebox .box-inner { padding-top: 30px; }
  #site .imagebox .box-title h3 { font-size: 20px; }
}

/* --- Imagebox: no hover panel, no subtitle (JBD, 2026-09-09) --- */
#site .imagebox .box-content,
#site .imagebox .box-btn,
#site .imagebox .box-subtitle { display: none !important; }
#site .imagebox .box-image:hover .box-content { display: none !important; }
#site .imagebox .box-inner { padding-top: 30px; padding-bottom: 4px; }

/* --- 5-up carousel: scale titles, hide arrows when everything already fits --- */
@media (min-width: 1200px) {
  #site .elements-carousel .imagebox .box-title h3 { font-size: 16px; letter-spacing: 0; }
  #site .elements-carousel .imagebox .box-title:before,
  #site .elements-carousel .imagebox .box-title:after { width: 40px; height: 4px; top: -16px; }
  #site .elements-carousel .imagebox .box-inner { padding-top: 26px; }
  #site .elements-carousel .owl-controls { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #site .elements-carousel .imagebox .box-title h3 { font-size: 19px; }
}

/* --- Get Started step-1 checkbox row: circles were vertically centered
   against each other's flex height, so 1-line labels ("A new website",
   "Something else") sat lower than 2-line labels. Pin all items to the
   top of the row so every circle lands on the same line. (JBD, 2026-09-11) --- */
#site .wpcf7-form .style2 .field.checkbox .wpcf7-checkbox {
  align-items: flex-start;
}


/* --- Footer round 8: 6-column footer (Brand / Quick Links / Solutions /
   Resources / Company / Support). Brand column carries the logo + a short
   about blurb, stacked above the newsletter signup in the same column. --- */
.jbd-footer-brand { margin-bottom: 24px; }
.jbd-footer-brand-logo { max-width: 160px; height: auto; display: inline-block; margin-bottom: 14px; }
.jbd-footer-brand p { font-size: 13px; line-height: 1.7; opacity: 0.75; max-width: 260px; margin: 0; }

/* Footer nav columns (Quick Links / Solutions / Resources / Company /
   Support) are 6-up at desktop width — give the widget titles a touch more
   breathing room and let long link text (e.g. "Terms of Subscription
   Services") wrap cleanly without crowding the next column. */
.footer-widgets .footer-aside-wrap aside .widget.menu-style-footer-col .widget-title {
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.6;
  margin-bottom: 16px;
}
.footer-widgets .footer-aside-wrap aside .widget.menu-style-footer-col ul li a {
  font-size: 15px;
  line-height: 1.6;
}

/* Newsletter form sits under the brand blurb in a narrower (2/12) column
   now instead of its old 6/12 slot — keep the input full width so it
   doesn't overflow. */
.jbd-footer-brand + .widget input[type="email"],
.jbd-footer-brand + .widget input[type="text"] {
  width: 100%;
  box-sizing: border-box;
}