/*
Theme Name: The Adroit
Theme URI: https://www.theadroit.in/
Author: The Adroit
Description: Pixel-perfect WordPress port of theadroit.in (migrated from Ruby on Rails).
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: Proprietary
Text Domain: adroit
*/

/* The bulk of the styling lives in /assets/application.css, enqueued from
   functions.php, so that every asset URL matches the previous Rails site. */

/* ---------------------------------------------------------------------------
   Page background.

   On the old Rails site the black page background came, accidentally, from
   client.css served by chatbots.theadroit.in — the chat widget's stylesheet
   was painting the whole site. That is fragile: if the widget is ever removed,
   slowed, or blocked, the site renders white-on-white and becomes unreadable.

   Declaring it here makes the theme self-sufficient and matches the live
   computed values exactly (main/#header/#footer #000, body transparent).
   --------------------------------------------------------------------------- */

html,
body {
    background-color: #000;
}

main {
    background-color: #000;
}

#header,
#footer {
    background-color: #000;
}

/* Sections that set their own background in application.css keep it — nothing
   above uses !important, so per-section rules continue to win. */

/* sticky lead form: kept clear of the header (2 Oct 2026, redone 8 Oct 2026) */
/* The opened "Contact Us" lead form (.left-enq-form, inside the sticky
   .left-enq-box rail) must never slide up under the fixed header. The first
   fix (2 Oct) only lowered it by 50px, which was not enough once the taller
   glass header arrived on 4 Oct (78px tall, plus the 32px / 46px WordPress
   admin bar for a logged-in user).
   Desktop (>=1024px): the panel's top edge now lines up with the top of the
   rail (the "Contact" tab) and is pushed further down only if that would still
   leave less than 16px under the header. The rail is 270px tall and sits
   16vh + 80px above the bottom of the viewport, so its top edge is at
   84vh - 350px; --enq-top is how far the panel has to move below that.
   max-height keeps the bottom edge 16px inside the viewport. It scrolls inside
   only while open (the open state is the inline width:350px common.js sets).
   Mobile/tablet (<=1023px): the form is a bottom sheet (.active) sitting on the
   45px rail; its height is capped so the top edge stays 18px under the header.
   --wp-admin--admin-bar--height only exists while the admin bar shows, so
   visitors get 0. The closed rail is not touched. */
@media only screen and (min-width: 1024px) {
  .left-enq-box .left-enq-form {
    --enq-top: max(0px, calc(94px + var(--wp-admin--admin-bar--height, 0px) - (84vh - 350px)));
    top: var(--enq-top);
    bottom: auto;
    max-height: calc(16vh + 334px - var(--enq-top));
  }
  .left-enq-box .left-enq-form[style*="350px"] {
    overflow-y: auto;
  }
}
@media only screen and (max-width: 1023px) {
  /* The bottom sheet slid in by animating `bottom` (-100% -> 45px), which the
     browser counts as page layout shift when a page opens it on load (0.49 on
     the Digital Marketing India page). It now rests at bottom:45px and slides
     with a transform instead: the same 0.3s ease slide, no layout shift. */
  .left-enq-form,
  #seoNavi-main .left-enq-form {
    bottom: 45px;
    transform: translateY(calc(100% + 45px));
    -webkit-transition: -webkit-transform ease .3s;
    transition: transform ease .3s;
  }
  .left-enq-form.active,
  #seoNavi-main .left-enq-form.active {
    transform: none;
  }
  .left-enq-form.active {
    max-height: calc(100vh - 45px - 96px - var(--wp-admin--admin-bar--height, 0px));
    max-height: calc(100dvh - 45px - 96px - var(--wp-admin--admin-bar--height, 0px));
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}
/* The panel title is a plain block element, not a heading, so the page's first
   heading in the source is its own H1. The heading element rules used to give
   the title this letter-spacing. */
.left-enq-box .left-enq-form .form-title {
  letter-spacing: .4px;
}

/* WordPress and PHP Development pages: text colour fix (2 Oct 2026).
   The theme sets p,li,td,th to translucent white; make them inherit the
   page's own colour. Our Work (locked content) sits on the theme's black
   page background with black text, so give its text colour only. */
:is(.wpps,.wpmu,.wpnm,.wpbl,.wpnd,.wpin,.phps,.phmu,.phnm,.phbl,.phnd,.phin) :is(p,li,td,th,dd,dt){color:inherit}
:is(.wpps,.wpmu,.wpnm,.wpbl,.wpnd,.wpin,.phps,.phmu,.phnm,.phbl,.phnd,.phin) ~ .portfolio-section h2.slice-heading,
:is(.wpps,.wpmu,.wpnm,.wpbl,.wpnd,.wpin,.phps,.phmu,.phnm,.phbl,.phnd,.phin) ~ .portfolio-section p{color:#fff}

/* Web, PHP and WordPress Development pages: each page's own dark colour
   instead of pure black (3 Oct 2026). mu-plugins/adroit-dark-pages.php adds
   body.adroit-dk and body.adroit-dk-<slug> on those pages only; --adk is the
   dark of that page's banner/brand palette. Header and footer keep #000.
   The white "How Are We Different?" band is deliberately not touched. */
body.adroit-dk{--adk:#0a090f}
body.adroit-dk-web-development-services{--adk:#070b14}
body.adroit-dk-website-development-in-bangalore{--adk:#0d1117}
body.adroit-dk-website-development-in-india{--adk:#0a1628}
body.adroit-dk-website-development-in-navi-mumbai{--adk:#0b2027}
body.adroit-dk-website-development-in-new-delhi{--adk:#08132b}
body.adroit-dk-php-development-services{--adk:#0b0f14}
body.adroit-dk-php-development-company-in-bangalore{--adk:#14112b}
body.adroit-dk-php-development-company-in-india{--adk:#0f172a}
body.adroit-dk-php-development-company-in-mumbai{--adk:#0a3a36}
body.adroit-dk-php-development-company-in-navi-mumbai{--adk:#0c1b2e}
body.adroit-dk-php-development-company-in-new-delhi{--adk:#101828}
body.adroit-dk-wordpress-development-services{--adk:#17171c}
body.adroit-dk-wordpress-development-company-in-bangalore{--adk:#0f172a}
body.adroit-dk-wordpress-development-company-in-india{--adk:#2b1e16}
body.adroit-dk-wordpress-development-company-in-mumbai{--adk:#2a1033}
body.adroit-dk-wordpress-development-company-in-navi-mumbai{--adk:#2f3816}
body.adroit-dk-wordpress-development-company-in-new-delhi{--adk:#4a0e22}
body.adroit-dk,
body.adroit-dk main,
body.adroit-dk #main,
body.adroit-dk main .section:not(.mda-difference-section),
body.adroit-dk main .portfolio-section,
body.adroit-dk main .black-bg,
body.adroit-dk main .post-section,
body.adroit-dk main .faq-section,
body.adroit-dk main .clutch-section,
body.adroit-dk main .clutch-img-section,
body.adroit-dk main .reputation-section,
body.adroit-dk main .reputation-section .bg-black,
body.adroit-dk main .lets-talk-section,
body.adroit-dk main .tc-section{background-color:var(--adk)}
body.adroit-dk main .post-section{background:var(--adk) !important}
body.adroit-dk main .black-bg{border-color:var(--adk)}
body.adroit-dk #header,
body.adroit-dk #footer{background-color:#000}

/* "Your Success, Our Reputation" client logos: the black box around logos
   saved on a black background is removed without editing the shared image
   files (3 Oct 2026). "lighten" keeps whichever of logo/background is lighter
   per pixel, so black pixels take the page's dark colour and the logo itself
   is unchanged. Applied on the figure because the zoom-in animation puts a
   transform on it, and a blend on the img alone would not reach the page. */
body.adroit-dk main .reputation-section .rept-container figure{background:transparent;mix-blend-mode:lighten}

/* SEO city pages (Mumbai, Navi Mumbai, New Delhi): section container (3 Oct 2026).
   Same container as the rebuilt PHP and Ruby pages (1200px max, 16px side
   padding, centred) so every section head and its grid share one left edge.
   Scoped to the pages' own hero and section shells; locked sections untouched. */
.seomu-hero>.container,.seomu-sec>.container,
.seonm-hero>.container,.seonm-sec>.container,
.seond-hero>.container,.seond-sec>.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;box-sizing:border-box}
.acordian-row .heading03,.acordian-row>h3,.close-enq,.cu-btn,.faq-box .question,.faq-head,.job-card>h3,.load-more,.masonry-label li,.profile-close-btn,.show-enq,.show-popup,.slick-arrow,.slick-dots li,.tab-header li,.team-slick .img-box,[data-filter],[role=button],button{cursor:pointer}.btn[disabled],button[disabled]{cursor:not-allowed}@media screen and (min-width:1024px){.video-banner video.adroit-hero-video{height:auto}}.our-work-section .tab-box{display:none}.our-work-section .tab-box.active{display:block}.adroit-hidden{display:none!important}.load-more.adroit-load-more{display:block;margin:30px auto 0;width:max-content;cursor:pointer}.seo-process-section:not(.section){margin-top:70px}@media screen and (max-width:1023px){.seo-process-section:not(.section){margin-top:45px}}@media screen and (max-width:767px){.seo-process-section:not(.section){margin-top:30px}}.ppc-banner .banner-text h1{font-size:clamp(65px, 5vw, 96px)}@media only screen and (max-width:1300px){.ppc-banner .banner-text h1{font-size:clamp(41px, 4vw, 52px)}}@media only screen and (max-width:1023px){.ppc-banner .banner-text h1{font-size:clamp(46px, 6vw, 61px)}}@media only screen and (max-width:767px){.ppc-banner .banner-text h1{font-size:clamp(24px, 8vw, 61px)}}#footer .footer-btm-wrapper .foot-box .footer-review-link{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px}#footer .footer-btm-wrapper .foot-box .footer-review-link a{font-size:15px;line-height:1.5;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}#footer .footer-btm-wrapper .foot-box .footer-review-link a:focus,#footer .footer-btm-wrapper .foot-box .footer-review-link a:hover{color:#e62576;border-bottom-color:#e62576}@media only screen and (max-width:1279px){#footer .footer-btm-wrapper .foot-box .footer-review-link a{font-size:14px}}.adroit-reviews-links{margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 28px}.adroit-reviews-line{margin:0;text-align:center;font-size:16px}.adroit-reviews-line+.adroit-reviews-line{padding-left:28px;border-left:1px solid rgba(255,255,255,.25)}.adroit-reviews-line a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:3px;transition:color .2s ease,border-color .2s ease}.adroit-reviews-line a:focus,.adroit-reviews-line a:hover{color:#e62576;border-bottom-color:#e62576}.adroit-reviews-line a::after{content:" \2192"}@media only screen and (max-width:767px){.adroit-reviews-links{margin-top:20px;gap:8px 18px}.adroit-reviews-line{font-size:15px}.adroit-reviews-line+.adroit-reviews-line{padding-left:18px}}@media only screen and (max-width:479px){.adroit-reviews-links{flex-direction:column;gap:8px 0}.adroit-reviews-line+.adroit-reviews-line{padding-left:0;border-left:none}}.tactics-section.what-does-section:not(.section){padding-top:90px}@media only screen and (max-width:1023px){.tactics-section.what-does-section:not(.section){padding-top:50px}}.mad-banner-section .heading03{text-transform:none}.contact-more-section .contact-more-container li{grid-template-columns:26px auto;column-gap:16px;align-items:center;margin:18px 0}.contact-more-section .contact-more-container li i{width:26px;text-align:center;font-size:20px;line-height:1}.contact-more-section .contact-more-container li p{margin:0;line-height:1.45}@media only screen and (max-width:767px){.contact-more-section .contact-more-container li{margin:10px 0}}.crucial-head h3,.enhance-head h2{font-size:48px;font-style:normal;font-weight:300;line-height:normal;text-align:center}.crucial-head h3{color:#000}.enhance-head h2{color:#fff}@media only screen and (max-width:1500px){.crucial-head h3{font-size:38px}.enhance-head h2{font-size:32px}}@media only screen and (max-width:1279px){.crucial-head h3{font-size:34px}}@media only screen and (max-width:1023px){.crucial-head h3,.enhance-head h2{font-size:26px}}@media only screen and (max-width:767px){.crucial-head h3{font-size:20px}.enhance-head h2{font-size:18px}}.sec-bestLocal .seo-contactBtn+h3{margin-top:60px}@media only screen and (min-width:1023px){.nav-bar-new .container li .sub-menu li .sub-menu2 li:hover .sub-menu3{transform:translateX(0);opacity:1;visibility:visible}.nav-bar-new .container li .sub-menu li .sub-menu2 li .sub-menu3 li:hover .sub-menu4{transform:translateX(0);opacity:1;visibility:visible}}textarea{font-family:inherit}@media only screen and (min-width:1024px){.left-enq-box{left:auto;right:0;top:auto;bottom:calc(16% + 80px);transform:none}.left-enq-box .left-enq-form{left:auto;right:45px}}@media only screen and (min-width:1024px){.left-enq-box li:first-child .cu-btn{position:relative;z-index:2;border-bottom-right-radius:0;border-top-right-radius:10px}.left-enq-box ul li:nth-child(6) i,.left-enq-box ul li:nth-child(6) span{border-bottom-right-radius:0;border-bottom-left-radius:10px}}@media only screen and (min-width:1024px){.left-enq-box ul li:first-child{width:45px}.left-enq-box .left-enq-form{z-index:1}}@media only screen and (min-width:1024px){.left-enq-box{width:260px;pointer-events:none}.left-enq-box>ul{display:flex;flex-direction:column;align-items:flex-end}.left-enq-box ul>li{pointer-events:auto}}@media only screen and (min-width:1024px){.left-enq-box ul li:not(:first-child){overflow:visible}.left-enq-box ul li:not(:first-child) a{position:relative;display:block;width:45px;height:45px}.left-enq-box ul li:not(:first-child) p{position:absolute;top:0;right:45px;z-index:2;margin:0;white-space:nowrap;border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:10px;border-bottom-left-radius:10px;opacity:0;transform:translateX(12px);pointer-events:none}.left-enq-box ul li:not(:first-child):hover p{opacity:1;transform:translateX(0);pointer-events:auto}}.locations-we-serve-section .benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.locations-we-serve-section .content-box{background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:22px 20px;transition:border-color .2s ease,transform .2s ease}.locations-we-serve-section .content-box:hover{border-color:#ff1b6b;transform:translateY(-3px)}.locations-we-serve-section .content-head h3{margin:0;font-size:17px;font-weight:600;line-height:1.4}.locations-we-serve-section .content-head h3 a{color:#fff;text-decoration:none}.locations-we-serve-section .content-head h3 a:focus,.locations-we-serve-section .content-head h3 a:hover{color:#ff1b6b}@media only screen and (min-width:768px) and (max-width:1023px){.locations-we-serve-section .benefits-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.locations-we-serve-section .benefits-grid{grid-template-columns:1fr;gap:14px;margin-top:20px}.locations-we-serve-section .content-box{padding:18px 16px}}@media only screen and (max-width:700px){.marketplace-banner-section .banner-text{width:calc(100% - 32px);max-width:calc(100% - 32px)}}.inner-banner-section p{font-weight:500}.ppc-banner .banner-text p{font-size:15px;font-weight:500;line-height:1.6}.ppc-banner .breadcrumb{top:24px}@media only screen and (max-width:1500px){.ppc-banner .breadcrumb{top:20px}}@media only screen and (max-width:767px){.ppc-banner .breadcrumb{top:10px}}.clutch-section .two-box img{min-height:150px}.clutch-img-section .grp-box img{min-height:80px}@media only screen and (max-width:767px){.clutch-section .two-box img{min-height:110px}.clutch-img-section .grp-box img{min-height:60px}}.geo-crosslink-section ul{margin:20px 0;padding:0}.geo-crosslink-section li{position:relative;list-style:none;padding-left:26px;margin-bottom:12px;line-height:1.5}.geo-crosslink-section li::before{content:'\2713';position:absolute;left:0;top:0;color:#ff1b6b;font-weight:700}.clutch-img-section .container .grp-box.first-img img{width:84%!important;height:auto!important;object-fit:contain!important;margin:0 auto!important;display:block!important}@media only screen and (min-width:768px){.clutch-img-section .container .grp-box{margin:0 5px!important}}.adroit-reviews-line a{white-space:nowrap}.section:not([class*=banner]),[class*="-section"]:not([class*=banner]):not(.footer-ratings-section):not(.search-section):not(.feedback-section){padding-top:50px!important;padding-bottom:50px!important}.feedback-section{padding-top:0!important;padding-bottom:0!important}.digi-identity{padding-top:0!important;padding-bottom:0!important}.heading02{margin-top:0!important}.adroit-reviews-links{margin-bottom:50px!important}.adroit-testimonial-widget{width:100%;max-width:100%;margin:0;padding:0 20px;background:#fafafa;text-align:center}.adroit-testimonial-widget .clutch-widget{max-width:1140px;margin:0 auto}@media only screen and (max-width:767px){.team-section .team-box p br{display:inline!important}}@media only screen and (max-width:767px){.marketplace-banner-section .banner-icon{display:none!important}}.enq-popup .form-title,.left-enq-form .form-title,.signup-popup .form-title{text-transform:none}.location-section .location-wrapper .location-info .location-tag{text-transform:none}.exp-marquee{z-index:15}.section-heading{text-transform:none}
.career-section .career-container .heading03,.blog-section .blog-dlt-container .author-box .blog-nav p span,.mm-section .mm-container .s-container .heading03,.after-sell-section .as-container .as-box p:last-child{font-family:'Montserrat',sans-serif}
/*# sourceURL=adroit-fixes-inline-css */