/* ============ 2) Kill Theme Grey & Set Background Image Behind Poll ============ */
/* Replace the URL below with your preferred image */
.section-white-bg-one,
.quote-and-faq.section-white-bg-one {
  position: relative;
  background-image: url("https://images.unsplash.com/photo-1504384308090-c894fdcc538d?auto=format&fit=crop&w=1600&q=80") !important;
  background-size: cover !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}
/* Remove theme overlays */
.section-white-bg-one::before,
.section-white-bg-one::after,
.quote-and-faq.section-white-bg-one::before,
.quote-and-faq.section-white-bg-one::after {
  content: none !important; background: transparent !important;
}
/* Keep poll card above and bright */
.section-white-bg-one .pti-card,
.section-white-bg-one #pti-poll {
  position: relative; z-index: 1; background: #fff !important;
}
.section-white-bg-one .pti-card { box-shadow: 0 10px 20px rgba(0,0,0,.08); }


/* ============ 3) Poll Card — Single, Clean “Inked Frame” Style ============ */
.pti-card {
  position: relative;
  border: none !important;
  border-radius: 22px;
  background: #fff;
  padding: 24px;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(0,0,0,.15), inset 0 0 40px rgba(0,0,0,.04);
  isolation: isolate;
}
/* Outer decorative frame (optional—swap URL to your texture) */
.pti-card::before {
  content: "";
  position: absolute; inset: 0; border-radius: 22px;
  background-image: url("https://www.picturethisink.com/assets/uploads/media-uploader/inked-frame-texture.png");
  background-size: cover; background-position: center;
  opacity: .85; z-index: -2;
  filter: brightness(1.05) contrast(1.15) saturate(1.05);
}
/* Inner clean layer */
.pti-card::after {
  content: "";
  position: absolute; inset: 8px; border-radius: 18px;
  background: #fff; z-index: -1;
}
/* Hover polish */
.pti-card:hover::before { opacity: 1; filter: brightness(1.2) contrast(1.2); transition: all .4s ease; }

/* Poll internals quick polish (optional) */
.pti-kicker { font-size:.8rem; letter-spacing:.1em; text-transform:uppercase; color:#ff1e1e; opacity:.9; margin-bottom:.4rem; }
#pti-question { font-family:'Anton', sans-serif; font-size:1.35rem; color:#000; border-left:4px solid #ff1e1e; padding-left:10px; }
#pti-options button {
  display:block; width:100%; margin:.55rem 0; padding:1rem 1.2rem;
  border-radius:14px; border:2px solid #111; background:#fff; color:#111; font-weight:600;
  transition:all .25s ease;
}
#pti-options button:hover { background:#fff5f5; border-color:#ff1e1e; box-shadow:0 4px 12px rgba(255,0,0,.25); transform:translateY(-2px); }
.pti-bar { height:14px; border-radius:10px; background:#f5f5f5; border:1px solid rgba(0,0,0,.1); overflow:hidden; }
.pti-fill { height:100%; background:linear-gradient(90deg,#ff1e1e,#111); background-size:200% 100%; animation: fillMove 4s linear infinite; transition:width .4s ease; }
@keyframes fillMove { 0%{background-position:0 0} 100%{background-position:200% 0} }


/* ============ 4) Sidebar Cleanup (lighter look) ============ */
.right-side-area .widget,
.right-side-area .single-sidebar-item,
.right-side-area .newspaper_homepage_sidebar-widget.widget,
.right-side-area .newspaper_homepage_sidebar-widget .section-title-20,
.right-side-area .sidebar-contents {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.right-side-area .single-sidebar-item { padding: 0 !important; }
.right-side-area .section-title-20 { margin-bottom: 10px !important; }


/* ============ 5) “Follow Us” Cards — Visual Upgrade ============ */
.follow-list .single-list {
  display:flex; align-items:center; position:relative; overflow:hidden;
  border-radius:10px; padding:12px 18px; color:#fff; font-weight:600;
  background-size:cover; background-position:center; background-repeat:no-repeat;
  transition: transform .3s ease, box-shadow .3s ease;
}
.follow-list .single-list::before {
  content:""; position:absolute; inset:0; background:rgba(0,0,0,.35); z-index:0; border-radius:10px;
}
.follow-list .single-list a, .follow-list .single-list span { position:relative; z-index:2; }
.follow-list .single-list:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0,0,0,.25); }

/* Backgrounds (can replace with your own) */
.facebook-bg{ background-image:url('https://cdn.pixabay.com/photo/2016/11/29/04/17/facebook-1863952_1280.jpg'); }
.youtube-bg{  background-image:url('https://cdn.pixabay.com/photo/2016/11/21/15/54/youtube-1846411_1280.jpg'); }
.twitter-bg{  background-image:url('https://cdn.pixabay.com/photo/2016/03/31/19/56/twitter-1294361_1280.jpg'); }
.instagram-bg{background-image:url('https://cdn.pixabay.com/photo/2016/11/29/05/08/instagram-1863612_1280.jpg'); }
.pintarest-bg{ background-image:url('https://cdn.pixabay.com/photo/2016/11/19/14/00/pinterest-1834011_1280.jpg'); }
.linkedin-bg{  background-image:url('https://cdn.pixabay.com/photo/2017/06/10/07/18/linkedin-2387822_1280.jpg'); }

.follow-list .single-list a {
  display:flex; justify-content:center; align-items:center;
  width:42px; height:42px; border-radius:8px; background:rgba(255,255,255,.15);
  font-size:18px; color:#fff; margin-right:10px;
}


/* ============ 6) Weather Widget — Clean Edges ============ */
#pti-weather .card { border:0 !important; box-shadow:none !important; background:transparent !important; }
#pti-weather header { border-bottom:0 !important; background:transparent !important; position:relative; }
#pti-weather input[type="text"], #pti-weather .toggle { border:0 !important; box-shadow:none !important; outline:none !important; }
#pti-weather .day { border:0 !important; background:transparent !important; }

/* Optional soft separator under header */
#pti-weather header::after {
  content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  background: rgba(0,102,255,.1);
}


/* ============ 7) Banner Hero — Glass Card Over Image ============ */
.banner-contents {
  background: rgba(255, 255, 255, 0.25) !important;
  backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 18px 22px !important;
  max-width: 560px !important;
  color: #000; box-shadow: 0 4px 20px rgba(0,0,0,.1);
  transition: all .3s ease;
}
.banner-contents h2, .banner-contents h2 a, .banner-contents p,
.banner-contents a, .banner-contents .banner-dates, .banner-contents .tag-title {
  color:#000 !important; text-shadow:none !important;
}
.banner-contents:hover {
  background: rgba(255,255,255,.35) !important;
  backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important;
  transform: translateY(-2px);
}
.banner-contents .cmn-btn {
  background: rgba(0,0,0,.6) !important; color:#fff !important;
  border:none !important; border-radius:8px !important; padding:8px 18px !important;
  font-size:13px !important; font-weight:600; transition: all .3s ease;
}
.banner-contents .cmn-btn:hover { background: rgba(0,0,0,.8) !important; }
@media (max-width:640px){
  .banner-contents{ max-width:90% !important; padding:12px 16px !important; }
  .banner-contents h2{ font-size:18px !important; }
}


/* ============ 8) Asymmetric Image Corners (one system) ============ */
:root{ --pti-r: 20px; }
.banner-thumbs, .news-thumb, .recent-contents-thumb, .video-thumbs,
.widget-category-list .single-item .extra-bg { overflow:hidden; display:block; border:0; }

/* Default diagonal: TL & BR rounded */
.banner-thumbs img, .recent-contents-thumb img, .video-thumbs img {
  border-radius: var(--pti-r) 0 var(--pti-r) 0; width:100%; height:100%; object-fit:cover;
}
/* Alternate diagonal for news cards (TR & BL) */
.news-area .single-news .news-thumb img {
  border-radius: 0 var(--pti-r) 0 var(--pti-r); width:100%; height:100%; object-fit:cover;
}
/* Clip wrappers too where needed */
.banner-contents-wrapper, .news-area .single-news, .video-area .single-videos {
  border-radius: var(--pti-r) 0 var(--pti-r) 0; overflow:hidden;
}
/* Category list backgrounds are spans—match corners */
.widget-category-list .single-item .extra-bg{ border-radius: var(--pti-r) 0 var(--pti-r) 0; }

/* Hover polish */
.banner-thumbs img, .news-area .single-news .news-thumb img,
.recent-contents-thumb img, .video-thumbs img, .widget-category-list .single-item .extra-bg {
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.banner-thumbs:hover img,
.news-area .single-news .news-thumb:hover img,
.recent-contents-thumb:hover img,
.video-thumbs:hover img,
.widget-category-list .single-item:hover .extra-bg {
  transform: translateY(-2px); filter: saturate(1.05);
  box-shadow: 0 14px 32px rgba(0,0,0,.22);
}













<!-- PictureThisInk • Fully Working Sidebar Weather (no API key) -->
<div id="pti-weather" style="--card-w:336px; max-width:var(--card-w); margin:0 auto;">
  <style>
    #pti-weather, #pti-weather * { box-sizing: border-box; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
    #pti-weather .card{ width:100%; border:2px solid #111; border-radius:14px; background:#fff; color:#0b0b0b; box-shadow:0 3px 10px rgba(0,0,0,.08); overflow:hidden; }
    #pti-weather header{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; background:#f7f7f9; border-bottom:2px solid #111; }
    #pti-weather .brand{ font-weight:900; letter-spacing:.2px; font-size:15px; }
    #pti-weather .accent{ color:#ff4a3d; }
    #pti-weather .place{ font-size:12px; opacity:.9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:60%; }
    #pti-weather .search{ display:flex; gap:6px; padding:10px 12px; border-bottom:1px dashed #e5e7eb; }
    #pti-weather .search input{ flex:1; min-width:0; padding:7px 9px; border:1px solid #cfcfd4; border-radius:10px; font-size:13px; }
    #pti-weather .search button{ padding:7px 10px; border:1px solid #111; background:#111; color:#fff; border-radius:10px; cursor:pointer; font-size:13px; }
    #pti-weather .current{ display:grid; grid-template-columns:1fr auto; gap:8px; align-items:center; padding:10px 12px; }
    #pti-weather .temp{ font-size:26px; font-weight:900; line-height:1; }
    #pti-weather .meta{ font-size:12px; opacity:.9; }
    #pti-weather .icon{ font-size:24px; line-height:1; }
    #pti-weather .hours{ --cols:4; display:grid; grid-template-columns:repeat(var(--cols),1fr); gap:8px; padding:12px; border-top:1px dashed #e5e7eb; }
    #pti-weather .h{ display:grid; grid-template-rows:18px 24px 18px 16px; align-items:center; justify-items:center; border:1.5px solid #111; border-radius:12px; background:#fafafa; min-height:90px; }
    #pti-weather .h .time{ font-size:12px; font-weight:700; letter-spacing:.2px; }
    #pti-weather .h .ico{ font-size:20px; }
    #pti-weather .h .t{ font-size:13px; font-weight:800; }
    #pti-weather .h .p{ font-size:11px; opacity:.8; }
    #pti-weather .status{ display:flex; justify-content:space-between; align-items:center; gap:8px; padding:8px 12px; background:#f7f7f9; border-top:2px solid #111; font-size:12px; }
    #pti-weather .gps{ border:1px solid #111; background:#fff; border-radius:8px; padding:4px 8px; cursor:pointer; }
    #pti-weather .muted{ opacity:.85; }
    #pti-weather .err{ color:#b91c1c; font-weight:600; }
    #pti-weather .units{ display:flex; gap:6px; align-items:center; font-size:12px; }
    #pti-weather .units button{ border:1px solid #111; background:#fff; padding:3px 6px; border-radius:7px; cursor:pointer; }
    #pti-weather .units .on{ background:#111; color:#fff; }
    @media (max-width: 320px){ #pti-weather .h{min-height:84px} #pti-weather .temp{font-size:24px} #pti-weather .brand{font-size:14px} }
  </style>

  <div class="card" role="region" aria-label="PictureThisInk Weather">
    <header>
      <div class="brand">PictureThis<span class="accent">Weather</span></div>
      <div id="pti-place" class="place" aria-live="polite">Loading…</div>
    </header>

    <div class="search" role="search">
      <input id="pti-q" type="search" placeholder="Search city… (e.g., Chicago)" aria-label="Search city">
      <button id="pti-btn" type="button" aria-label="Search">Search</button>
    </div>

    <section class="current" aria-live="polite">
      <div>
        <div id="pti-temp" class="temp">—°</div>
        <div id="pti-meta" class="meta">Feels —° · Humidity —% · Wind — mph</div>
      </div>
      <div id="pti-ico" class="icon" aria-hidden="true">⛅</div>
    </section>

    <section aria-label="Next hours">
      <div id="pti-hours" class="hours"></div>
    </section>

    <div class="status">
      <span id="pti-msg" class="muted">Powered by Open-Meteo</span>
      <div class="units">
        <button id="u-f" class="on" type="button" aria-label="Use °F and mph">°F</button>
        <button id="u-c" type="button" aria-label="Use °C and km/h">°C</button>
        <button id="pti-gps" class="gps" type="button" title="Use my location" aria-label="Use my location">📍</button>
      </div>
    </div>
  </div>

  <script>
    (function(){
      const placeEl = document.getElementById('pti-place');
      const tempEl  = document.getElementById('pti-temp');
      const metaEl  = document.getElementById('pti-meta');
      const icoEl   = document.getElementById('pti-ico');
      const hoursEl = document.getElementById('pti-hours');
      const msgEl   = document.getElementById('pti-msg');
      const qEl     = document.getElementById('pti-q');
      const uFBtn   = document.getElementById('u-f');
      const uCBtn   = document.getElementById('u-c');

      // Unit state
      const UNITS = JSON.parse(localStorage.getItem('ptiwx_units') || '{"temp":"fahrenheit","wind":"mph"}');
      let tempUnit = UNITS.temp; // 'fahrenheit' or 'celsius'
      let windUnit = UNITS.wind; // 'mph' or 'kmh'
      const setUnitsUI = () => {
        if(tempUnit === 'fahrenheit'){ uFBtn.classList.add('on'); uCBtn.classList.remove('on'); }
        else{ uCBtn.classList.add('on'); uFBtn.classList.remove('on'); }
      };
      setUnitsUI();

      const WMO = {0:'☀️',1:'🌤️',2:'⛅',3:'☁️',45:'🌫️',48:'🌫️',51:'🌦️',53:'🌦️',55:'🌧️',56:'🌧️',57:'🌧️',61:'🌧️',63:'🌧️',65:'🌧️',66:'🌧️',67:'🌧️',71:'🌨️',73:'🌨️',75:'❄️',77:'❄️',80:'🌦️',81:'🌧️',82:'🌧️',85:'🌨️',86:'❄️',95:'⛈️',96:'⛈️',99:'⛈️'};
      const round = (n)=>Math.round(n);
      const fmt = (n, unit='') => (n==null || isNaN(n)) ? '—' : `${round(n)}${unit}`;
      const hh = (iso) => { const d = new Date(iso); let h = d.getHours(), a = h>=12?'PM':'AM'; h=h%12||12; return `${h}${a}`; };

      async function geocode(name){
        const url = `https://geocoding-api.open-meteo.com/v1/search?name=${encodeURIComponent(name)}&count=1&language=en&format=json`;
        const r = await fetch(url); if(!r.ok) throw new Error('geo');
        const j = await r.json(); if(!j.results || !j.results.length) throw new Error('no-city');
        const c = j.results[0];
        return { lat:c.latitude, lon:c.longitude, name:c.name, admin:c.admin1||'', country:c.country||'' };
      }

      async function fetchWeather(lat, lon){
        const tempParam = (tempUnit==='fahrenheit') ? 'temperature_unit=fahrenheit&wind_speed_unit=mph' : 'temperature_unit=celsius&wind_speed_unit=kmh';
        const url = `https://api.open-meteo.com/v1/forecast?latitude=${lat}&longitude=${lon}`
          + `&current=temperature_2m,apparent_temperature,relative_humidity_2m,weather_code,wind_speed_10m`
          + `&hourly=temperature_2m,precipitation_probability,weather_code`
          + `&timezone=auto&${tempParam}`;
        const r = await fetch(url); if(!r.ok) throw new Error('wx');
        return r.json();
      }

      function paintCurrent(wx){
        const c = wx.current;
        const tUnit = (tempUnit==='fahrenheit') ? '°' : '°';
        const wUnit = (tempUnit==='fahrenheit') ? ' mph' : ' km/h';
        tempEl.textContent = fmt(c.temperature_2m, tUnit);
        metaEl.textContent = `Feels ${fmt(c.apparent_temperature,tUnit)} · Humidity ${fmt(c.relative_humidity_2m,'%')} · Wind ${fmt(c.wind_speed_10m, wUnit)}`;
        icoEl.textContent = WMO[c.weather_code] || '⛅';
      }

      function paintHours(wx){
        const H = wx.hourly, now = new Date();
        const start = H.time.findIndex(t => new Date(t) >= now);
        const hoursToShow = 8; // 2×4 grid. Change to 6/10/12 if you prefer.
        hoursEl.innerHTML = '';
        for(let i=0;i<hoursToShow;i++){
          const idx = Math.min(start+i, H.time.length-1);
          const el = document.createElement('div');
          el.className = 'h';
          el.innerHTML = `
            <div class="time">${hh(H.time[idx])}</div>
            <div class="ico">${WMO[H.weather_code[idx]] || '⛅'}</div>
            <div class="t">${fmt(H.temperature_2m[idx],'°')}</div>
            <div class="p">${fmt(H.precipitation_probability?.[idx] ?? 0,'%')} rain</div>
          `;
          hoursEl.appendChild(el);
        }
      }

      async function renderBy(lat, lon, label){
        try{
          msgEl.textContent = 'Loading…';
          const wx = await fetchWeather(lat, lon);
          paintCurrent(wx); paintHours(wx);
          placeEl.textContent = label;
          msgEl.textContent = 'Powered by Open-Meteo';
        }catch(e){
          msgEl.innerHTML = '<span class="err">Weather load failed.</span>';
        }
      }

      async function loadByName(name){
        try{
          const g = await geocode(name);
          localStorage.setItem('ptiwx_last', JSON.stringify(g));
          await renderBy(g.lat, g.lon, `${g.name}${g.admin?', '+g.admin:''}${g.country?', '+g.country:''}`);
        }catch(e){
          placeEl.textContent = 'Not found';
          msgEl.innerHTML = '<span class="err">City not found.</span>';
        }
      }

      function tryGPS(){
        if(!navigator.geolocation) return false;
        navigator.geolocation.getCurrentPosition(
          pos => renderBy(pos.coords.latitude, pos.coords.longitude, 'Your location'),
          ()  => { const last = JSON.parse(localStorage.getItem('ptiwx_last') || '{}'); loadByName(last.name || 'Chicago'); }
        );
        return true;
      }

      // Events
      document.getElementById('pti-btn').addEventListener('click', ()=>{ const q=qEl.value.trim(); if(q) loadByName(q); });
      qEl.addEventListener('keydown', (e)=>{ if(e.key==='Enter'){ e.preventDefault(); document.getElementById('pti-btn').click(); }});
      document.getElementById('pti-gps').addEventListener('click', ()=>{ if(!tryGPS()) msgEl.innerHTML='<span class="err">Geolocation not supported.</span>'; });
      uFBtn.addEventListener('click', ()=>{ tempUnit='fahrenheit'; windUnit='mph'; localStorage.setItem('ptiwx_units', JSON.stringify({temp:tempUnit, wind:windUnit})); setUnitsUI(); boot(); });
      uCBtn.addEventListener('click', ()=>{ tempUnit='celsius'; windUnit='kmh'; localStorage.setItem('ptiwx_units', JSON.stringify({temp:tempUnit, wind:windUnit})); setUnitsUI(); boot(); });

      async function boot(){
        const last = JSON.parse(localStorage.getItem('ptiwx_last') || 'null');
        placeEl.textContent = 'Loading…';
        if(!last){ if(!tryGPS()) loadByName('Chicago'); }
        else{ loadByName(last.name || 'Chicago'); }
      }
      boot();
    })();
  </script>
</div>














/* ===== PictureThisInk Weather — Force Fit Anywhere (Homepage + Sidebar) ===== */

/* 1) Kill wrapper spacing Newspaper adds around Custom HTML blocks */
.td-main-content-wrap .custom-html-widget,
.newspaper_homepage_sidebar-widget .custom-html-widget {
  margin: 0 !important;
  padding: 0 !important;
}

/* Sometimes WP wraps the HTML in a lone <p> — nuke its spacing */
.custom-html-widget p:only-child {
  margin: 0 !important;
  padding: 0 !important;
}

/* 2) Make the widget itself fill its parent width */
#pti-weather {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  display: block !important;
}
#pti-weather .card { width: 100% !important; }

/* 3) Homepage “compact” mode (keeps sidebar untouched) */
#pti-weather.compact .search,
#pti-weather.compact .status .units { display: none !important; }

#pti-weather.compact header,
#pti-weather.compact .current,
#pti-weather.compact .status {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* 4) Auto-fit the hour tiles to ANY container width (clean rows, no overflow) */
#pti-weather .hours {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)) !important;
  gap: 8px !important;
  padding: 12px !important;
  border-top: 1px dashed #e5e7eb !important;
}
#pti-weather .h {
  min-height: 84px !important;
  border: 1.5px solid #111 !important;
  border-radius: 10px !important;
  background: #fafafa !important;
  display: grid !important;
  align-items: center !important;
  justify-items: center !important;
}

/* 5) Ensure it behaves inside both homepage content blocks and sidebar */
.td-main-content-wrap .custom-html-widget #pti-weather,
.td-sidebar .widget .custom-html-widget #pti-weather,
.newspaper_homepage_sidebar-widget .custom-html-widget #pti-weather {
  width: 100% !important;
  max-width: 100% !important;
}














/* === PictureThisInk Weather · Clean Border Version (No Red Line) === */
#pti-weather .card {
  border: 2px solid #111 !important;     /* solid black border */
  border-radius: 14px !important;        /* rounded corners */
  background: #fff !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08) !important; /* subtle depth */
}

/* Keep spacing consistent */
#pti-weather {
  padding-top: 0 !important;
  border-top: none !important;
}


















/* === PictureThisInk Comics Widget Alignment (Refined) === */
#pti-comics-widget {
  display: block;
  width: 100%;
  max-width: 370px; /* slightly narrower to center nicely */
  margin: 5px auto 20px auto; /* reduced top/bottom spacing */
  text-align: center;
  background: #fff;
  border: 2px solid #111;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  padding: 6px 8px; /* reduced padding for tighter layout */
}

/* === Responsive Alignment for Narrow Screens === */
@media (max-width: 768px) {
  #pti-comics-widget {
    max-width: 95%;
    margin: 10px auto;
    padding: 5px 6px;
  }
}

/* === Image Styling (ink look, crisp edges) === */
#pti-comics-widget img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #000;
}















/* Force sidebar to align vertically with main video container */
.right-side-area {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* evenly distribute widgets */
  height: 100%; /* full column height */
}

/* Make InkWire stick to the bottom of that sidebar column */
#inkwire {
  margin-top: auto !important;
}

/* Optional: match spacing to your last widget for clean visual balance */
#inkwire {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
















/* === PictureThisInk · Clean White Merge Fix (No Visible Gray Lines) === */

/* Full card container — keep layout but invisible borders */
.single-topics {
  background: #fff !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* Top image area — rounded with hidden border */
.single-topics .topics-thumbs {
  position: relative;
  overflow: hidden;
  border: none !important;
  background: #fff !important;
}

.single-topics .topics-thumbs img {
  width: 100%;
  display: block;
  border: none !important;
  outline: none !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: transform 0.4s ease;
}

/* Completely remove the gray divider line */
.single-topics .topics-contents,
.single-topics .topics-contents::before,
.single-topics .topics-contents::after {
  background: #fff !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-top: none !important;
}

/* Kill any default border between image and text (theme injects it sometimes) */
.single-topics .topics-thumbs + .topics-contents {
  border-top: none !important;
  margin-top: 0 !important;
  background: #fff !important;
}

/* Optional: subtle hover lift (white shadow only) */
.single-topics:hover .topics-thumbs img {
  transform: scale(1.03);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
}

/* Text section */
.single-topics .tag-title {
  color: #ff3b30;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  text-decoration: none;
  letter-spacing: 0.5px;
}

.single-topics .topics-title a {
  color: #111;
  font-weight: 800;
  font-size: 18px;
  text-decoration: none;
}

.single-topics .topics-title a:hover {
  color: #3b82f6;
}

.single-topics .topic-para {
  color: #444;
  font-size: 15px;
  line-height: 1.6;
}














/* === MisherTech · Clean Black & White Contact Section === */
.single-contact-item {
  background: #fff;
  border: none;
  border-radius: 14px; /* default for all */
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.06);
  padding: 28px 22px;
  margin-bottom: 24px;
  text-align: center;
  transition: all 0.3s ease;
}

/* Hover subtle lift */
.single-contact-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1);
}

/* Icon container — black circle, white icon */
.single-contact-item .icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: #000; /* solid black */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important; /* force icons to be white */
  font-size: 22px;
  transition: all 0.3s ease;
}

/* Icon hover effect */
.single-contact-item:hover .icon {
  background: #111;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  transform: scale(1.05);
}

/* Text content */
.single-contact-item .content .title {
  font-weight: 800;
  font-size: 16px;
  color: #111;
  letter-spacing: 0.3px;
  display: block;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.single-contact-item .content .details {
  color: #444;
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}

/* Right-end card: round top-right and bottom-right corners only */
.single-contact-item:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

/* Responsive for stacked layout */
@media (max-width: 768px) {
  .single-contact-item {
    border-radius: 14px; /* full rounding for stacked */
  }
}















/* === PictureThisInk · Seamless Contact Section === */
.contact-section {
  background: linear-gradient(180deg, #f9fafc 0%, #ffffff 100%);
  border-radius: 28px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08);
  padding: 60px 50px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
}

/* Form panel (left side) */
.contact-info {
  background: rgba(255, 255, 255, 0.9);
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;
  border-top-right-radius: 0;   /* sharp right edge */
  border-bottom-right-radius: 0; /* sharp right edge */
  padding: 30px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
}

/* Map panel (right side) */
.contact_map iframe {
  width: 100%;
  height: 420px;
  border: none;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  border-top-left-radius: 0;   /* sharp left edge */
  border-bottom-left-radius: 0; /* sharp left edge */
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
}

/* Keep the black underline & button */
.section-title .title::after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background: #000;
  margin-top: 10px;
  border-radius: 3px;
}
.contact-page-form .boxed-btn {
  background: #000 !important;
  color: #fff !important;
  border-radius: 8px;
  padding: 12px 28px;
  border: none;
  transition: all 0.3s ease;
}
.contact-page-form .box












/* === PictureThisInk · Force Rounded Image Corners === */
.sports-area .single-sports .sports-thumbs {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important; /* change value if you want smoother or tighter */
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.sports-area .single-sports .sports-thumbs img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 16px !important;
  object-fit: cover !important;
  overflow: hidden !important;
  clip-path: inset(0 round 16px); /* fallback for strict frameworks */
}

/* Optional – remove faint lines or background gaps */
.sports-area .single-sports {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}













/* === PictureThisInk • Service Cards Match Contact Icons === */

/* White floating cards */
.service-area .single-what-we-cover-item-02 {
  position: relative;
  background: #fff;
  border: none !important;
  border-radius: 18px;
  padding: 60px 28px 34px;
  box-shadow: 0 8px 28px rgba(0,0,0,.08);
  text-align: center;
  transition: all .25s ease;
}
.service-area .single-what-we-cover-item-02:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 34px rgba(0,0,0,.12);
}
.service-area .single-what-we-cover-item-02 .single-what-img {
  display: none !important;
}

/* Black circle icon container */
.service-area .img-icon {
  position: absolute;
  top: -36px;
  left: 50%;
  transform: translateX(-50%);
  width: 72px;
  height: 72px;
  background: #000 !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
}

/* Base icon rendering */
.service-area .img-icon::before {
  font-family: "Font Awesome 5 Free"; /* TagDiv uses FA */
  font-weight: 900;
  font-size: 30px;
  color: #fff;
  line-height: 1;
}

/* Starter Plan — Megaphone icon */
.service-area .img-icon.style-01::before {
  content: "\f0a1"; /* megaphone (bullhorn) */
}

/* Professional Plan — Award/Badge icon */
.service-area .img-icon.style-02::before {
  content: "\f559"; /* award/star badge */
}

/* Enterprise Plan — Rocket icon */
.service-area .img-icon.style-03::before {
  content: "\f135"; /* rocket */
}

/* Titles & descriptions */
.service-area .single-what-we-cover-item-02 .title {
  font-size: 20px;
  font-weight: 900;
  margin: 24px 0 10px;
  color: #111;
}
.service-area .single-what-we-cover-item-02 p {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
  margin: 0;
}

/* Consistent equal height columns on desktop */
@media (min-width: 992px){
  .service-area .row > [class*="col-"] { display: flex; }
  .service-area .single-what-we-cover-item-02 { width: 100%; }
}












/* === PictureThisInk — Clean Black & White Contact Card === */

/* Card styling */
.attorney-contact-form-wrap {
  background: #fff;
  border-radius: 18px;
  padding: 40px 34px;
  box-shadow: 0 8px 28px rgba(0,0,0,.08);
  max-width: 720px;
  margin: 40px auto;
}

/* Title */
.attorney-contact-form-wrap .title {
  font-size: 28px;
  font-weight: 900;
  color: #111 !important;
  margin-bottom: 24px;
  letter-spacing: .2px;
  text-align: center;
}

/* Form spacing */
.attorney-contact-form-wrap .form-group {
  margin-bottom: 18px;
}

/* Labels */
.attorney-contact-form-wrap label {
  font-weight: 600;
  font-size: 14px;
  color: #111 !important;
  margin-bottom: 6px;
  display: inline-block;
}

/* Inputs + Textarea */
.attorney-contact-form-wrap .form-control {
  width: 100%;
  border: 2px solid #e3e3e3 !important;
  background: #fff !important;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 15px;
  color: #111 !important;
  box-shadow: none !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}

/* Placeholder colors */
.attorney-contact-form-wrap .form-control::placeholder {
  color: #999 !important;
}

/* Focus UX — black only */
.attorney-contact-form-wrap .form-control:focus {
  border-color: #000 !important;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.12) !important;
}

/* Black button */
.attorney-contact-form-wrap .submit-btn {
  background: #000 !important;
  color: #fff !important;
  border-radius: 10px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 700;
  border: none !important;
  cursor: pointer;
  width: auto;
  margin-top: 6px;
  transition: transform .15s ease, background .18s ease;
}

/* Button Hover — subtle brand pop */
.attorney-contact-form-wrap .submit-btn:hover {
  transform: translateY(-2px);
  background: #ff4a3d !important;
}

/* Hide spinner by default */
.attorney-contact-form-wrap .ajax-loading-wrap.hide {
  display: none !important;
}













/* === Force-rounded Pricing Card (Enterprise Plan block) === */
body .single-price-plan-01.margin-bottom-20,
body .single-price-plan-01 {
  background: #fff !important;
  border: 0 !important;
  border-radius: 18px !important;   /* <-- the roundness */
  box-shadow: 0 8px 28px rgba(0,0,0,.08) !important;
  overflow: hidden !important;       /* clips inner square corners */
}

/* Kill hard edges/colors inside the card */
body .single-price-plan-01 .price-header,
body .single-price-plan-01 .price-body,
body .single-price-plan-01 .btn-wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding-left: 0;
  padding-right: 0;
}

/* Optional: tidy internal spacing to match other cards */
body .single-price-plan-01 .price-header { padding: 10px 26px 6px !important; }
body .single-price-plan-01 .price-body   { padding: 8px 26px 16px !important; }
body .single-price-plan-01 .btn-wrapper  { padding: 0 26px 18px !important; }

/* Title, price, list */
body .single-price-plan-01 .name { font-weight: 900; color: #111 !important; }
body .single-price-plan-01 .price-wrap .price { font-weight: 900; color:#000 !important; }
body .single-price-plan-01 .price-wrap .month { color:#555 !important; }
body .single-price-plan-01 ul li { color:#333 !important; }

/* Button stays brand */
body .single-price-plan-01 .boxed-btn {
  background:#000 !important; color:#fff !important;
  border-radius:10px !important; padding:12px 26px !important;
  text-decoration:none !important; display:inline-block;
}
body .single-price-plan-01 .boxed-btn:hover { background:#ff4a3d !important; }













/* === PictureThisInk — FORCE even, rounded buttons on Register page === */

/* Make the wrappers not constrain width */
.login-form-wrapper .btn-wrapper,
.login-form-wrapper .social-login-wrap {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Core button reset + equal sizing */
body .login-form-wrapper .submit-btn,
body .login-form-wrapper .social-login-wrap a.facebook,
body .login-form-wrapper .social-login-wrap a.google {
  box-sizing: border-box !important;
  display: flex !important;                 /* consistent centering */
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;                   /* EXACT same width */
  min-height: 48px !important;              /* EXACT same height */
  padding: 0 24px !important;               /* height handled by min-height */

  border: 0 !important;
  border-radius: 12px !important;           /* ROUND CORNERS (forced) */
  background: #000 !important;              /* same background */
  color: #fff !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;

  margin: 12px 0 !important;                /* same spacing between buttons */
  box-shadow: none !important;
}

/* Keep the register button visually identical to socials */
body .login-form-wrapper .btn-wrapper .submit-btn {
  width: 100% !important;
}

/* Normalize the icon spacing so height doesn’t vary */
body .login-form-wrapper .social-login-wrap a i {
  margin-right: 8px !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

/* Center the "Already Have account?" line and tighten spacing */
body .login-form-wrapper .rmber-area {
  text-align: center !important;
  margin: 6px 0 6px !important;
}

/* Hover (brand accent) */
body .login-form-wrapper .submit-btn:hover,
body .login-form-wrapper .social-login-wrap a.facebook:hover,
body .login-form-wrapper .social-login-wrap a.google:hover {
  background: #ff4a3d !important;
  transform: translateY(-2px);
}












/* ===== PURE WHITE FAQ (Works with BS4 + BS5) ===== */

/* Wrapper reset */
.accordion-wrapper{ background:transparent !important; }

/* ---- Containers ---- */
.accordion-wrapper .card,
.accordion-wrapper .accordion-item{
  border-radius:20px !important;
  background:#fff !important;
  border:1px solid #fff !important;
  box-shadow:0 0 10px rgba(0,0,0,.03) !important;
  overflow:hidden !important;
  margin-bottom:14px !important;
  transition:transform .3s ease, box-shadow .3s ease !important;
}
.accordion-wrapper .card:hover,
.accordion-wrapper .accordion-item:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 25px rgba(0,0,0,.06) !important;
}

/* ---- Headers (BS4) ---- */
.accordion-wrapper .card-header{
  background:#fff !important;
  border:none !important;
  padding:18px 22px !important;
  border-radius:20px !important;
}
.accordion-wrapper .card-header a,
.accordion-wrapper .card-header .btn,
.accordion-wrapper .card-header .btn-link{
  color:#000 !important;
  font-weight:700 !important;
  font-size:16px !important;
  text-decoration:none !important;
  display:block !important;
  position:relative !important;
  padding-right:35px !important;
  background:transparent !important;
  box-shadow:none !important;
  width:100% !important;
  text-align:left !important;
}

/* ---- Headers (BS5) ---- */
.accordion-wrapper .accordion-header{
  background:#fff !important;
  border:none !important;
  border-radius:20px !important;
}
.accordion-wrapper .accordion-button{
  background:#fff !important;
  color:#000 !important;
  font-weight:700 !important;
  font-size:16px !important;
  padding:18px 22px !important;
  border-radius:20px !important;
  box-shadow:none !important;
}
.accordion-wrapper .accordion-button:focus{ box-shadow:none !important; }

/* Remove default BS5 chevron */
.accordion-wrapper .accordion-button::after{ display:none !important; }

/* ---- Plus/Minus icon (works for both) ---- */
.accordion-wrapper .card-header a::after,
.accordion-wrapper .card-header .btn::after,
.accordion-wrapper .card-header .btn-link::after,
.accordion-wrapper .accordion-button::before{
  content:"+";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%) rotate(0deg);
  font-weight:800;
  font-size:18px;
  color:#000 !important;
  transition:transform .25s ease;
}

/* Expanded state (BS4: aria-expanded, BS5: :not(.collapsed)) */
.accordion-wrapper .card-header a[aria-expanded="true"]::after,
.accordion-wrapper .card-header .btn[aria-expanded="true"]::after,
.accordion-wrapper .card-header .btn-link[aria-expanded="true"]::after,
.accordion-wrapper .accordion-button:not(.collapsed)::before{
  content:"–";
  transform:translateY(-50%) rotate(180deg);
  color:#000 !important;
}

/* ---- Body (answers) ---- */
.accordion-wrapper .card-body,
.accordion-wrapper .accordion-body{
  background:#fff !important;
  border-top:1px solid rgba(0,0,0,.04) !important;
  color:#000 !important;
  font-size:15px !important;
  line-height:1.6 !important;
  padding:20px 24px 22px 24px !important;
  border-radius:0 0 20px 20px !important;
  animation:pti-fadeIn .3s ease-in-out;
}

/* Fade animation */
@keyframes pti-fadeIn{
  from{ opacity:0; transform:translateY(-4px); }
  to{   opacity:1; transform:translateY(0); }
}

/* Optional: kill theme borders that leak in */
.accordion-wrapper .card, 
.accordion-wrapper .accordion-item,
.accordion-wrapper .card *[class*="border"],
.accordion-wrapper .accordion-item *[class*="border"]{
  border-color:#fff !important;
}

/* Optional: fix dark-section overrides */
.section-dark .accordion-wrapper .card,
.section-dark .accordion-wrapper .accordion-item{
  background:#fff !important; color:#000 !important;
}












/* ===== Remove Card Background + Make Read More Black ===== */

/* Remove background, border, and shadow behind content */
.blog-classic-item-01 .content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 18px 0 24px !important; /* keeps spacing under image */
}

/* Remove any grey or border from meta text */
.blog-classic-item-01 .post-meta,
.blog-classic-item-01 .post-meta li,
.blog-classic-item-01 .post-meta a,
.blog-classic-item-01 .cats,
.blog-classic-item-01 .cats a {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #000 !important;
  padding: 0 !important;
  margin: 0 10px 0 0 !important;
}

/* Blog title clean and black */
.blog-classic-item-01 .title,
.blog-classic-item-01 .title a {
  color: #000 !important;
  background: transparent !important;
  border: none !important;
  text-decoration: none !important;
  font-weight: 800 !important;
}

/* Paragraph clean, no background */
.blog-classic-item-01 p {
  background: transparent !important;
  border: none !important;
  color: #000 !important;
  line-height: 1.7 !important;
  margin-top: 10px !important;
}

/* Make Read More button black, rounded, no border or cart icon */
.blog-classic-item-01 .boxed-btn,
.blog-classic-item-01 .boxed-btn.reverse-color {
  background: #000 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: 0.3px !important;
  display: inline-block !important;
  transition: background 0.3s ease !important;
}

/* Button hover effect */
.blog-classic-item-01 .boxed-btn:hover,
.blog-classic-item-01 .boxed-btn.reverse-color:hover {
  background: #222 !important;
  color: #fff !important;
}

/* Remove any icon/cart inside button */
.blog-classic-item-01 .boxed-btn i,
.blog-classic-item-01 .boxed-btn svg {
  display: none !important;
}












/* ===== Round Blog Thumbnail Image ===== */
.blog-classic-item-01 .thumbnail img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 22px !important; /* <-- adjust number for more/less curve */
  object-fit: cover !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06) !important; /* subtle depth */
  margin-bottom: 16px !important;
}













/* ===== PictureThisInk Sidebar – Pure White Rounded Style ===== */

/* Sidebar wrapper */
.widget-area {
  background: transparent !important;
}

/* Each widget card */
.widget-area .widget {
  background: #fff !important;
  border: none !important;
  border-radius: 22px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06) !important;
  padding: 18px 20px 20px !important;
  margin-bottom: 24px !important;
  overflow: hidden !important;
}

/* Widget titles – simple and bold */
.widget-area .widget .widget-title,
.widget-area .widget .widget-title.style-01,
.widget-area .widget h3.widget-title {
  background: transparent !important;
  border: none !important;
  color: #000 !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
}

/* Search box styling */
.widget_search .form-control {
  background: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  font-size: 15px !important;
  box-shadow: none !important;
}
.widget_search .submit-btn {
  background: #000 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  transition: background 0.3s ease !important;
}
.widget_search .submit-btn:hover {
  background: #222 !important;
}

/* Category links – clean, no grey background */
.widget_archive ul,
.widget_archive.style-01 ul {
  padding: 0 !important;
  margin: 0 !important;
}
.widget_archive li {
  list-style: none !important;
  margin: 6px 0 !important;
}
.widget_archive li a {
  display: flex !important;
  align-items: center;
  gap: 8px;
  text-decoration: none !important;
  color: #000 !important;
  background: transparent !important;
  border: none !important;
  font-size: 15px !important;
  transition: color 0.3s ease !important;
}
.widget_archive li a:hover {
  color: #555 !important;
}

/* Related Posts list – rounded thumbs and spacing */
.recent_post_item .single-recent-post-item {
  display: flex !important;
  align-items: center;
  gap: 12px !important;
  margin-bottom: 12px !important;
  background: transparent !important;
  border: none !important;
}
.recent_post_item .thumb img {
  width: 65px !important;
  height: 65px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}
.recent_post_item .content {
  flex: 1;
  background: transparent !important;
  border: none !important;
}
.recent_post_item .title a {
  color: #000 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}
.recent_post_item .time {
  display: block;
  color: #777 !important;
  font-size: 13px !important;
  margin-top: 4px !important;
}

/* Remove any leftover grey */
.widget-area .widget *[style*="background:"],
.widget-area *[class*="background"],
.widget-area .widget *[style*="border:"] {
  background: transparent !important;
  border: none !important;
}










/* ===== Footer Recent Posts – White Text on Dark Background ===== */
footer,
footer .footer-widget,
footer .footer-widget .widget-title,
footer .footer-widget .recent_post_item,
footer .footer-widget .recent_post_item .content,
footer .footer-widget .recent_post_item .title a,
footer .footer-widget .recent_post_item .time,
footer .footer-widget .recent_post_item i {
  color: #fff !important;
  background: transparent !important;
  border: none !important;
  text-decoration: none !important;
}

/* Footer thumbnail rounding and size */
footer .footer-widget .recent_post_item .thumb img {
  width: 65px !important;
  height: 65px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  box-shadow: 0 2px 8px rgba(255,255,255,0.08) !important;
}

/* Footer post titles hover effect */
footer .footer-widget .recent_post_item .title a:hover {
  color: #ccc !important;
  text-decoration: underline !important;
}












/* ===== PictureThisInk · Related Posts Hover Red ===== */

/* Default link color */
.blog-widget .recent_post_item .title a {
  color: #000 !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

/* Hover state – brand red */
.blog-widget .recent_post_item .title a:hover {
  color: #ff4a3d !important; /* PictureThisInk red */
  text-decoration: underline !important;
}

/* Optional – change date color slightly on hover for subtle effect */
.blog-widget .recent_post_item:hover .time {
  color: #ff4a3d !important;
  transition: color 0.25s ease !important;
}












.submit-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #000 !important; /* optional: keep button color */
  color: #fff !important; /* make icon white */
  border: none !important;
  border-radius: 8px !important; /* optional */
  width: 44px !important; /* adjust size as needed */
  height: 44px !important;
  cursor: pointer !important;
}

.submit-btn i {
  font-size: 18px !important; /* adjust icon size */
  color: #fff !important;
}













/* Kill bullets/dots inside article body */
.blog-details-item .entry-content ul,
.blog-details-item .entry-content ol {
  list-style: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Remove theme-injected markers */
.blog-details-item .entry-content li::before,
.blog-details-item .entry-content li::marker {
  content: none !important;
}

/* Hide empty list items some editors inject */
.blog-details-item .entry-content li:empty {
  display: none !important;
}

/* Optional: tighten space caused by stray lists */
.blog-details-item .entry-content > ul,
.blog-details-item .entry-content > ol {
  margin: 0 !important;
  padding: 0 !important;
}













/* === Normalize Blog Content Typography === */
.blog-details-item .entry-content {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
  color: #111 !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

/* Unified headings — prevent giant H1s */
.blog-details-item .entry-content h1,
.blog-details-item .entry-content h2,
.blog-details-item .entry-content h3,
.blog-details-item .entry-content h4 {
  font-weight: 800 !important;
  text-align: center !important;
  color: #000 !important;
  line-height: 1.4 !important;
  margin: 28px 0 16px 0 !important;
}

/* Set sizes for each heading */
.blog-details-item .entry-content h1 { font-size: 32px !important; }
.blog-details-item .entry-content h2 { font-size: 26px !important; }
.blog-details-item .entry-content h3 { font-size: 22px !important; }
.blog-details-item .entry-content h4 { font-size: 19px !important; }

/* Standardize paragraph text */
.blog-details-item .entry-content p,
.blog-details-item .entry-content div {
  font-size: 17px !important;
  line-height: 1.7 !important;
  color: #111 !important;
  text-align: center !important;  /* your blog style uses centered layout */
  margin-bottom: 16px !important;
}

/* Blockquotes styling */
.blog-details-item .entry-content blockquote {
  font-style: italic !important;
  color: #444 !important;
  border-left: 4px solid #3b82f6 !important; /* your PictureThisInk blue */
  background: #f8f9fc !important;
  padding: 14px 20px !important;
  margin: 20px auto !important;
  width: 90% !important;
  border-radius: 10px !important;
}

/* Remove any inline nested headings inside headings */
.blog-details-item .entry-content h1 div,
.blog-details-item .entry-content h1 p {
  font-size: inherit !important;
  font-weight: inherit !important;
  margin: 0 !important;
}













/* ===== PictureThisInk – Quote Styling Fix ===== */
.blog-details-item .entry-content blockquote {
  border: none !important;
  background: #f5f7ff !important;
  color: #333 !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
  text-align: center !important;
  padding: 18px 24px !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important;
  margin: 24px auto !important;
  max-width: 90% !important;
}

/* Remove any “broken image” placeholder */
.blog-details-item .entry-content blockquote::before,
.blog-details-item .entry-content blockquote::after {
  content: none !important;
}

/* Ensure nested divs don't break spacing */
.blog-details-item .entry-content blockquote div {
  display: block !important;
  font-weight: 500 !important;
  color: #222 !important;
}













/* ===== PictureThisInk · Hero Overlay Title for Brand Section ===== */
.testimonial-area {
  position: relative;
  overflow: hidden;
}

/* Large branded overlay title */
.testimonial-area::before {
  content: "PictureThisInk" !important;
  position: absolute !important;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Playfair Display', 'Montserrat', serif;
  font-weight: 900;
  font-size: 160px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.15); /* stronger visibility */
  letter-spacing: 6px;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  z-index: 1;
  text-shadow: 0 4px 18px rgba(0,0,0,0.2);
}

/* Foreground title stays crisp */
.section-title.white {
  position: relative;
  z-index: 2;
}

/* Slight gradient overlay for depth */
.testimonial-area.bg-image-01::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0.45));
  z-index: 0;
}

/* Responsive scaling */
@media (max-width: 992px) {
  .testimonial-area::before {
    font-size: 90px;
    color: rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 600px) {
  .testimonial-area::before {
    font-size: 60px;
    letter-spacing: 3px;
  }
}













/* ===== Fix stray line + pro styling for section title ===== */

/* 1) Centered container + remove any theme lines */
.section-title.desktop-center {
  position: relative !important;
  max-width: 920px !important;
  margin: 0 auto 42px auto !important;
  text-align: center !important;
}
.section-title.desktop-center::before,
.section-title.desktop-center::after {
  content: none !important;   /* removes that stray short line */
}

/* 2) Title: bold, crisp, brand-matched */
.section-title.desktop-center .title {
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 900 !important;
  font-size: 40px !important;
  line-height: 1.25 !important;
  color: #0b0b0b !important;
  letter-spacing: .3px !important;
  margin: 0 0 14px 0 !important;
  position: relative !important;
}

/* 3) Elegant gradient underline centered under the title */
.section-title.desktop-center .title::after {
  content: "" !important;
  position: absolute !important;
  left: 50%; transform: translateX(-50%);
  bottom: -12px;
  width: 120px; height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, #3b82f6, #9333ea) !important; /* PictureThisInk blue→purple */
  box-shadow: 0 4px 14px rgba(59,130,246,.25);
}

/* 4) Paragraph: refined copy width + tone */
.section-title.desktop-center p {
  max-width: 760px !important;
  margin: 22px auto 0 auto !important;
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.85 !important;
  color: #2a2a2a !important;
}

/* 5) Responsive sizes */
@media (max-width: 992px){
  .section-title.desktop-center .title { font-size: 32px !important; }
  .section-title.desktop-center p { font-size: 16px !important; }
}
@media (max-width: 576px){
  .section-title.desktop-center .title { font-size: 28px !important; }
  .section-title.desktop-center .title::after { width: 90px; }
}











/* ===== Remove Underline from "Where Ideas Take Form" Title ===== */
.section-title.desktop-center .title::after {
  content: none !important;
  background: none !important;
  display: none !important;
}












/* ===== PictureThisInk · Cinematic Movie Card (CSS-only) ===== */
.map-img{
  position: relative !important;
  display: block !important;
  max-width: 560px;                 /* adjust to your layout */
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 28px 60px rgba(0,0,0,.28), 0 2px 0 rgba(255,255,255,.05) inset;
  isolation: isolate;
  background: #000;                 /* hides load flashes */
  transform: translateZ(0);
}

/* keep image responsive + cinematic grading */
.map-img img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  transform: scale(1.02);           /* slight zoom baseline */
  transition: transform 8s ease, filter .6s ease;
  filter: saturate(1.05) contrast(1.08) brightness(.94);
  border-radius: inherit !important;
}

/* Ken Burns zoom on hover (slow & smooth) */
.map-img:hover img{
  transform: scale(1.12);
  filter: saturate(1.15) contrast(1.12) brightness(.98);
}

/* Vignette + ambient color glow */
.map-img::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(120% 140% at 70% 20%, rgba(59,130,246,.25), transparent 60%),
    radial-gradient(140% 120% at 20% 80%, rgba(147,51,234,.22), transparent 60%),
    radial-gradient(80% 80% at 50% 50%, rgba(0,0,0,.45), rgba(0,0,0,.75) 70%);
  mix-blend-mode: screen;
  pointer-events:none;
  z-index:1;
}

/* Letterbox bars for that “film” look */
.map-img::after{
  content:"";
  position:absolute; left:0; right:0; top:0; bottom:0;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.55) 0, rgba(0,0,0,0) 14%, rgba(0,0,0,0) 86%, rgba(0,0,0,.55) 100%);
  pointer-events:none;
  z-index:2;
}

/* Circular play cue (appears on hover) */
.map-img .play {
  display:none; /* no markup needed; we’ll synthesize with CSS below */
}

/* Build the play button with a pseudo element */
.map-img:hover::marker { content: ""; } /* noop to appease some builders */

.map-img ._playhack{ display:none; } /* safe guard */

.map-img:focus-within,
.map-img:hover{
  cursor: pointer;
}

/* Play icon via an extra pseudo layer */
.map-img:focus-within::before,
.map-img:hover::before{
  box-shadow: 0 0 120px 40px rgba(0,0,0,.35) inset; /* darken center a bit */
}
.map-img:focus-within .__play,
.map-img:hover .__play{ opacity:1; transform: translate(-50%, -50%) scale(1); }

/* Create the play button */
.map-img::cue{ /* no-op for legacy */ }

.map-img .__play{
  content:"";
  position:absolute;
  left:50%; top:50%;
  width:78px; height:78px;
  border-radius:50%;
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  transform: translate(-50%, -50%) scale(.92);
  transition: transform .25s ease, opacity .25s ease;
  opacity:0;
  z-index:3;
}
.map-img .__play::after{
  content:"";
  position:absolute; left:34px; top:24px;
  border-left:18px solid #111;          /* triangle */
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
}

/* Add the synthetic element via generated content (no HTML change) */
.map-img{ counter-reset: play 0; }
.map-img::selection{ background: none; } /* prevent weird highlights */
.map-img{ --play-el: ''; }
.map-img{ position: relative; }
.map-img{ }
.map-img:before, .map-img:after{ }

/* inject the play button using a shadow DOM–like trick */
.map-img { /* Create the element via CSS variable + pseudo sibling */
}
.map-img { /* attach it with a real element via :has() fallback */
}













/* ============================
   PictureThisInk · Engraved Title Block
   Targets your exact markup:
   .experience-content-02  (wrapper)
   .experience-content-02 .title  (engraved headline)
   .experience-content-02 .sign-area  (quote card)
   ============================ */

:root{
  --pti-ink:#0f1117;
  --pti-panel:#1b1f2a;           /* matches your dark card */
  --pti-text:#e6e8ee;
  --pti-sub:#aeb6c7;
  --pti-blue:#3b82f6;
  --pti-purple:#9333ea;
  --pti-radius:20px;
}

/* Panel polish (keeps your dark theme tidy) */
.experience-content-02{
  background: var(--pti-panel) !important;
  color: var(--pti-text) !important;
  border-radius: var(--pti-radius) !important;
  padding: 40px 44px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.28) !important;
}

/* ---------- ENGRAVED / LETTERPRESS HEADLINE ---------- */
.experience-content-02 .title{
  /* Typography */
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 900 !important;
  font-size: 42px !important;
  line-height: 1.2 !important;
  letter-spacing: .2px !important;
  text-transform: none !important;
  margin: 0 0 14px 0 !important;

  /* Engraved effect */
  color: transparent !important;
  background: linear-gradient(
    180deg,
    #f3f6fb 0%,
    #d8dee9 40%,
    #9aa6bd 55%,
    #eef1f5 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;

  /* Letterpress illusion (inner bevel feel on dark bg) */
  text-shadow:
    0 -1px 0 rgba(0,0,0,.55),      /* top inner shadow */
    0  1px 0 rgba(255,255,255,.22),/* bottom highlight */
    0  6px 18px rgba(0,0,0,.45);   /* soft depth */
  -webkit-text-stroke: 1px rgba(255,255,255,.06); /* crisp edge on retina */

  position: relative;
}

/* Optional subtle metallic sheen on hover */
.experience-content-02 .title:hover{
  background-position: 0 10%;
  filter: saturate(1.05) contrast(1.05);
}

/* ---------- Body copy ---------- */
.experience-content-02 p{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 16.8px !important;
  line-height: 1.85 !important;
  color: var(--pti-sub) !important;
  margin: 0 0 14px 0 !important;
}
.experience-content-02 strong{
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* ---------- Quote/Sign card ---------- */
.experience-content-02 .sign-area{
  margin-top: 26px !important;
  padding: 22px 26px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.03) !important;
  border-left: 4px solid transparent !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
  position: relative;
}

/* Gradient accent line (brand) */
.experience-content-02 .sign-area::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:4px; border-radius: 4px 0 0 4px;
  background: linear-gradient(180deg, var(--pti-blue), var(--pti-purple));
}

/* Quote text polish */
.experience-content-02 .sign-area p{
  color:#e9edf6 !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 1.9 !important;
  margin: 0 0 12px 0 !important;
}

/* Signature image sizing (if present) */
.experience-content-02 .sing-img img{
  max-height: 34px !important;
  opacity: .85 !important;
  filter: grayscale(20%);
}

/* ---------- Responsive ---------- */
@media (max-width: 992px){
  .experience-content-02{ padding: 28px 22px !important; }
  .experience-content-02 .title{ font-size: 34px !important; }
  .experience-content-02 .sign-area p{ font-size: 17px !important; }
}
@media (max-width: 576px){
  .experience-content-02 .title{ font-size: 28px !important; }
}













/* ===== PictureThisInk · Refined Quote Card Alignment ===== */
.experience-content-02 .sign-area {
  margin-top: 26px !important;
  margin-left: 0 !important;            /* align card to left */
  max-width: 90% !important;
  background: rgba(255,255,255,.03) !important;
  border-left: 4px solid #ff4a3d !important;  /* red brand line */
  border-right: none !important;        /* remove blue line */
  border-radius: 0 12px 12px 0 !important;
  padding: 22px 26px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
}

/* Remove any gradient or pseudo-element line */
.experience-content-02 .sign-area::before,
.experience-content-02 .sign-area::after {
  content: none !important;
  background: none !important;
}

/* Text tone and spacing */
.experience-content-02 .sign-area p {
  color: #e9edf6 !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 1.9 !important;
  margin: 0 !important;
}

/* Signature image refinement */
.experience-content-02 .sing-img img {
  max-height: 32px !important;
  margin-top: 12px !important;
  opacity: 0.9 !important;
  filter: grayscale(15%);
}













/* ===== Round the "experience-right style-01" block ===== */
.experience-right.style-01 {
  border-radius: 28px !important;     /* smooth rounded corners */
  overflow: hidden !important;        /* ensures image stays clipped */
  background-size: cover !important;
  background-position: center !important;
  position: relative;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25); /* optional soft depth */
}

/* Keep play button centered and circular */
.experience-right.style-01 .vdo-btn a {
  background: rgba(255,255,255,0.95);
  color: #111;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  transition: all 0.3s ease;
  box-shadow: 0 0 25px rgba(0,0,0,0.3);
}

/* Subtle hover effect */
.experience-right.style-01 .vdo-btn a:hover {
  background: #ff4a3d; /* PictureThisInk red */
  color: #fff;
  transform: scale(1.08);
}














/* ===== PictureThisInk · Top Experience Area ===== */
.top-experience-area {
  background: #0d1117 !important; /* elegant dark tone */
  color: #e8ecf3 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

/* ===== Round all corners of the video/image block ===== */
.experience-right.style-01 {
  border-radius: 28px !important;     /* adjust for smoothness */
  overflow: hidden !important;        /* clips image/video inside corners */
  background-size: cover !important;
  background-position: center !important;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); /* optional soft depth */
}

/* Keep the play button centered and rounded */
.experience-right.style-01 .vdo-btn a {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background: rgba(255,255,255,0.9);
  color: #111;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  transition: all 0.3s ease;
  box-shadow: 0 0 25px rgba(0,0,0,0.3);
}

.experience-right.style-01 .vdo-btn a:hover {
  background: #ff4a3d; /* your PictureThisInk red */
  color: #fff;
  transform: scale(1.08);
}

/* If you're using a <video> instead of background-image */
.experience-right.style-01 video {
  border-radius: inherit !important;
  overflow: hidden !important;
}


/* ===== Right text panel ===== */
.experience-content-02 {
  background: #141821 !important;
  padding: 60px 70px !important;
  border-radius: 0 32px 32px 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);
}

/* Headline styling */
.experience-content-02 .title {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 42px;
  color: transparent;
  background: linear-gradient(180deg,#f3f6fb 0%,#aeb6c7 50%,#dfe3eb 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 -1px 0 rgba(0,0,0,.45), 0 2px 5px rgba(0,0,0,.3);
  margin-bottom: 16px;
}

/* Paragraphs */
.experience-content-02 p {
  font-family: "Inter", sans-serif;
  color: #aeb6c7;
  font-size: 17px;
  line-height: 1.8;
}

/* Highlighted quote area */
.experience-content-02 .sign-area {
  margin-top: 30px;
  padding: 22px 28px;
  border-left: 4px solid #ff4a3d;
  background: rgba(255,255,255,0.03);
  border-radius: 0 16px 16px 0;
}
.experience-content-02 .sign-area p {
  color: #e9edf6;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.9;
  margin: 0;
}
.experience-content-02 .sign-area img {
  max-height: 32px;
  margin-top: 12px;
  opacity: 0.9;
}

/* ===== Responsive Design ===== */
@media (max-width: 992px) {
  .experience-right.style-01 {
    border-radius: 0 !important;
    min-height: 400px !important;
  }
  .experience-content-02 {
    border-radius: 0 !important;
    padding: 40px 30px !important;
  }
  .experience-content-02 .title {
    font-size: 34px !important;
  }
}











/* ===== Reset Top Experience Area to White Background ===== */
.top-experience-area {
  background: #ffffff !important;   /* pure white */
  color: #111 !important;
}

/* Ensure child containers inherit the white background cleanly */
.top-experience-area .container,
.top-experience-area .row,
.top-experience-area .experience-author,
.top-experience-area .experience-content-03 {
  background: #ffffff !important;
}

/* Optional: restore normal text color contrast for readability */
.top-experience-area .experience-content-03 .title {
  color: #0b0b0b !important;
}

.top-experience-area .experience-content-03 p {
  color: #333 !important;
}







.title {
  color: #ffffff !important;
}












.title {
  color: #ffffff !important;
  text-shadow: none !important; /* optional: remove any tinting */
}













/* ===== Restore sharp corners on the video/image block ===== */
.experience-right.style-01 {
  border-radius: 0 !important;
  overflow: visible !important;
}













/* ===== FORCE black titles + rounded thumbnails ===== */

/* Rounded images */
.related-news-carousel .single-blog-grid-02 .thumb img,
.single-blog-grid-02 img,
.related-news-carousel img {
  border-radius: 20px !important;     /* fully rounded corners */
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  overflow: hidden !important;
  display: block !important;
  transition: all 0.4s ease !important;
}

.related-news-carousel .single-blog-grid-02 .thumb img:hover,
.single-blog-grid-02 img:hover {
  transform: scale(1.04) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}

/* FORCE black letters for all titles and links */
.related-news-carousel .single-blog-grid-02 .content .title,
.related-news-carousel .single-blog-grid-02 .content .title a,
.single-blog-grid-02 .title,
.single-blog-grid-02 .title a,
.related-news-carousel .content a,
.related-news-carousel h4.title a {
  color: #000000 !important;           /* hard black */
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Hover accent (optional) */
.related-news-carousel .single-blog-grid-02 .content .title a:hover,
.single-blog-grid-02 .title a:hover {
  color: #ff4a3d !important;           /* PictureThisInk red */
}

/* Make sure text doesn't inherit white/gray from dark sections */
.related-news-carousel,
.related-news-carousel * {
  color: #000000 !important;
}

/* Center and tidy spacing */
.related-news-carousel .single-blog-grid-02 {
  text-align: center !important;
  padding: 12px 15px !important;
}
.related-news-carousel .single-blog-grid-02 .content {
  margin-top: 10px !important;
}













/* ===== Replace black lines with red accent design ===== */

.related-news-carousel .single-blog-grid-02 .content {
  position: relative;
  padding-bottom: 12px !important;
}

/* Remove old black line */
.related-news-carousel .single-blog-grid-02 .content::before,
.related-news-carousel .single-blog-grid-02 .content::after {
  content: none !important;
}

/* Add new red underline accent */
.related-news-carousel .single-blog-grid-02 .content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;                      /* underline width */
  height: 3px;                      /* thickness */
  background: linear-gradient(90deg, #ff4a3d, #ff2e63); /* PictureThisInk red gradient */
  border-radius: 3px;
  box-shadow: 0 0 8px rgba(255,74,61,0.4);
}

/* Optional hover glow effect */
.related-news-carousel .single-blog-grid-02:hover .content::after {
  width: 60px;
  box-shadow: 0 0 12px rgba(255,74,61,0.7);
  transition: all 0.3s ease;
}













/* ===== PictureThisInk – Experience Section (Dark Mode Polished) ===== */

.experience-content-02 {
  text-align: center;
  background: #000000; /* Make full section black */
  color: #ffffff;
  padding: 100px 40px;
  border-top: none !important; /* remove the white/red border line */
  margin: 0;
  font-family: "Montserrat", sans-serif;
}

/* === Centered Title === */
.experience-content-02 .title {
  font-family: "Anton", sans-serif;
  font-size: 2.8rem;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #ffffff; /* white title */
  margin-bottom: 25px;
  text-align: center;
}

/* === Intro Paragraph === */
.experience-content-02 p {
  font-size: 1.05rem;
  line-height: 1.8;
  max-width: 820px;
  margin: 0 auto 25px auto;
  color: #dcdcdc;
}

/* Highlight brand name in red */
.experience-content-02 strong {
  color: #ff2e2e;
}

/* === Quoted Section / Sign Area === */
.experience-content-02 .sign-area {
  margin-top: 40px;
}

.experience-content-02 .sign-area p {
  font-style: italic;
  font-size: 1.05rem;
  line-height: 1.8;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #ff2e2e;
  border-radius: 10px;
  padding: 25px 30px;
  max-width: 780px;
  margin: 0 auto 25px auto;
}

/* === Signature Image === */
.experience-content-02 .sign-area .sing-img {
  display: flex;
  justify-content: center;
  align-items: center;
}

.experience-content-02 .sign-area .sing-img img {
  width: 180px;
  height: auto;
  margin-top: 20px;
  display: block;
  filter: drop-shadow(0 2px 5px rgba(255, 255, 255, 0.1));
  transition: transform 0.3s ease;
}

.experience-content-02 .sign-area .sing-img img:hover {
  transform: scale(1.05);
}













/* ===== PictureThisInk – Experience Block Fixes ===== */

/* 1) Section container: full black, no top line */
.experience-content-02{
  background:#000 !important;
  color:#fff;
  padding:90px 24px;
  margin:0;
  border-top:0 !important;
  box-shadow:none !important;
  background-image:none !important;
  position:relative;
  text-align:center;
}
/* kill any theme pseudo stripes/bars */
.experience-content-02::before,
.experience-content-02::after{
  content:none !important;
}

/* 2) Center the inner width cleanly */
.experience-content-02 .container{
  max-width:1100px;
  margin:0 auto;
}

/* 3) Title: pure white, no gray stroke/shadow, centered */
.experience-content-02 .title{
  font-family:"Anton",sans-serif;
  font-size:2.8rem;
  line-height:1.15;
  margin:0 auto 18px auto;
  color:#fff !important;
  text-align:center !important;
  text-shadow:none !important;
  -webkit-text-stroke:0 !important;
  filter:none !important;
}

/* 4) Intro paragraph: centered and readable */
.experience-content-02 p{
  max-width:820px;
  margin:0 auto 22px auto !important;
  line-height:1.8;
  font-size:1.06rem;
  color:#e6e6e6;
  text-align:center !important;
}
.experience-content-02 strong{ color:#ff2e2e; }

/* 5) Quote/statement box: perfectly centered */
.experience-content-02 .sign-area{ margin-top:28px; }
.experience-content-02 .sign-area p{
  display:inline-block;              /* shrink to content and center */
  text-align:center;
  background:rgba(255,255,255,.04);
  border:1px solid #ff2e2e;
  border-radius:10px;
  padding:18px 22px;
  color:#fff;
  max-width:780px;
  margin:0 auto 18px auto !important;
  font-style:italic;
}

/* 6) Signature image centered (if used) */
.experience-content-02 .sing-img{
  display:flex; justify-content:center; align-items:center;
}
.experience-content-02 .sing-img img{
  width:180px; height:auto; display:block; margin:14px auto 0 auto;
  filter:drop-shadow(0 2px 5px rgba(255,255,255,.08));
  transition:transform .3s ease;
}
.experience-content-02 .sing-img img:hover{ transform:scale(1.05); }

/* 7) Mobile tweaks */
@media (max-width:768px){
  .experience-content-02{ padding:70px 18px; }
  .experience-content-02 .title{ font-size:2.1rem; }
  .experience-content-02 p{ font-size:1.02rem; }
}












/* === Center the quote block under the top text === */
.quote-box {
  display: block;
  margin: 30px auto;          /* centers it horizontally */
  text-align: center;         /* centers the text itself */
  max-width: 800px;           /* keeps it readable */
}

/* Optional: match spacing and font for alignment harmony */
.quote-box p {
  font-size: 16px;
  line-height: 1.6;
  color: #fff;                /* assuming dark background */
  margin: 0;
}

/* If it’s in a container, center everything vertically too */
.top-section {
  text-align: center;
}













/* ===== PictureThisInk – Host Image Section (Final Layout) ===== */

.host-section {
  position: relative;
  width: 100%;
  height: 620px;                  /* height of white area */
  background: #fff;
  text-align: center;
  overflow: hidden;
  z-index: 10;
}

/* Host image perfectly centered & bottom-aligned */
.host-section .host-img {
  position: absolute;
  bottom: 0;                      /* stick to the bottom edge */
  left: 50%;
  transform: translateX(-50%);    /* center horizontally */
  height: 680px;                  /* make her larger */
  width: auto;
  object-fit: contain;            /* preserve quality */
  image-rendering: crisp-edges;   /* force browser to keep hi-res detail */
  filter: drop-shadow(0 5px 15px rgba(0,0,0,0.25));
  transition: transform 0.4s ease, filter 0.4s ease;
}

/* Subtle hover effect for premium touch */
.host-section .host-img:hover {
  transform: translateX(-50%) scale(1.03);
  filter: drop-shadow(0 8px 20px rgba(0,0,0,0.35));
}

/* Responsive: shrink gracefully on mobile */
@media (max-width: 768px) {
  .host-section {
    height: 450px;
  }
  .host-section .host-img {
    height: 420px;
  }
}













/* === Host block — bigger and bottom-aligned === */
.host-section{
  position: relative;
  width:100%;
  height: 720px;                 /* increase canvas height */
  background:#fff;
  overflow: hidden;
  padding:0 !important;
  margin:0 !important;
}

.host-section .host-img{
  position:absolute;
  left:50%;
  bottom:50%;                      /* attach to bottom edge */
  transform:translateX(-50%);
  height: 760px;                 /* make her larger */
  width:auto;
  object-fit:contain;
  image-rendering:auto;          /* keep hi-res */
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.28));
}

/* If the ink splash is an <img>, center it behind her */
.host-section .ink-img{
  position:absolute;
  left:50%;
  top:12%;                       /* adjust splash vertical position */
  transform:translateX(-50%);
  width: 980px;                  /* scale splash to match her size */
  height:auto;
  pointer-events:none;
}













/* === Remove bottom padding from the header section === */
.header-bottom-area {
  padding-bottom: 0 !important;
}

/* Optional: tighten top spacing too */
.header-bottom-area {
  padding-top: 60px; /* adjust as needed, or keep 80 if you like */
}

/* Remove any default margin on the next section */
.next-section-class {
  margin-top: 0 !important;
}












.header-bottom-area {
  display: +5!important;
}












}/* ===== PictureThisInk – Sidebar Card + Form ===== */

/* Card wrapper */
.widget-area .service-widget.widget,
.widget-area .service-category.sidebars-single-content,
.widget-area .no-padding-border.service-widget.widget {
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:18px;
  box-shadow:0 6px 18px rgba(0,0,0,0.06);
  padding:22px;
  overflow:hidden;
}

/* Section titles */
.widget-area .title,
.widget-area h3.title,
.widget-area h6.title {
  font-family:"Anton", sans-serif;
  text-transform:uppercase;
  letter-spacing:.5px;
  font-weight:700;
  color:#000;
  margin:0 0 14px 0;
}

/* Nav menu card (Advertising & Brand Promotion) */
.widget-area .service-category.sidebars-single-content ul {
  list-style:none; margin:0; padding:0;
}
.widget-area .service-category.sidebars-single-content li + li { margin-top:10px; }

.widget-area .service-widget a.service-widget {
  display:block;
  background:#f6f7fb;
  border:1px solid rgba(0,0,0,0.06);
  border-radius:12px;
  padding:14px 16px;
  text-decoration:none;
  transition:all .25s ease;
}
.widget-area .service-widget a.service-widget:hover,
.widget-area .service-widget a.service-widget.active {
  background:#ff2e2e;
  border-color:#ff2e2e;
}
.widget-area .service-widget a.service-widget .service-title .title {
  font-family:"Montserrat", sans-serif;
  text-transform:none;
  font-size:15px;
  color:#111;
  margin:0;
}
.widget-area .service-widget a.service-widget:hover .service-title .title,
.widget-area .service-widget a.service-widget.active .service-title .title {
  color:#fff;
}

/* Contact card heading */
.attorney-contact-form-wrap > .title {
  font-family:"Anton", sans-serif;
  text-transform:uppercase;
  font-size:20px;
  margin-bottom:10px;
}

/* Form fields */
.attorney-contact-form .form-group {
  margin-bottom:14px;
}
.attorney-contact-form label {
  display:block;
  font-size:12px;
  font-weight:700;
  letter-spacing:.2px;
  color:#444;
  margin-bottom:6px;
}
.attorney-contact-form .form-control,
.attorney-contact-form textarea.form-control {
  width:100%;
  background:#fff;
  border:1px solid #e6e8ee;
  border-radius:12px;
  padding:12px 14px;
  font-size:14px;
  color:#111;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.attorney-contact-form .form-control::placeholder { color:#9aa1ad; }
.attorney-contact-form .form-control:focus,
.attorney-contact-form textarea.form-control:focus {
  border-color:#ff2e2e;
  box-shadow:0 0 0 3px rgba(255,46,46,.15);
  outline:0;
}

/* Submit button */
.attorney-contact-form .btn-wrapper { margin-top:6px; }
.attorney-contact-form .submit-btn {
  display:block;
  width:100%;
  background:#ff2e2e;
  color:#fff;
  border:0;
  border-radius:12px;
  padding:12px 16px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.6px;
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.attorney-contact-form .submit-btn:hover {
  background:#e22323;
  transform:translateY(-1px);
  box-shadow:0 10px 18px rgba(255,46,46,.25);
}

/* Loading spinner spacing inside button area */
.attorney-contact-form .ajax-loading-wrap {
  margin-top:10px;
}

/* Tighten card spacing from other widgets */
.widget-area .widget { margin-bottom:22px; }

/* Dark-mode support (if used on dark backgrounds) */
.dark .widget-area .service-widget.widget,
.dark .widget-area .no-padding-border.service-widget.widget,
.dark .widget-area .service-category.sidebars-single-content {
  background:#0e1116;
  border-color:rgba(255,255,255,0.06);
  box-shadow:0 8px 22px rgba(0,0,0,0.45);
}
.dark .attorney-contact-form .form-control { background:#0f1319; color:#e9eef6; border-color:#1c2230; }
.dark .attorney-contact-form label { color:#cfd6e2; }
.dark .widget-area .title,
.dark .widget-area h3.title,
.dark .widget-area h6.title { color:#fff; }











/* === Center the contact form box === */
.attorney-contact-form-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* === Center the entire widget box === */
.service-widget.widget {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto !important;
  float: none !important;
}

/* === Refine form appearance === */
.attorney-contact-form {
  width: 100%;
  max-width: 350px;
  padding: 25px 20px;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  background: #fff;
  text-align: left;
}

/* === Title spacing === */
.attorney-contact-form-wrap .title {
  text-align: center;
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 700;
  color: #111;
}

/* === Button styling === */
.attorney-contact-form .submit-btn {
  display: block;
  width: 100%;
  margin-top: 10px;
  background: #000;
  color: #fff;
  font-weight: 700;
  padding: 10px 15px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.attorney-contact-form .submit-btn:hover {
  background: #ff4a3d; /* PictureThisInk brand red */
}

/* === Input fields === */
.attorney-contact-form input,
.attorney-contact-form textarea {
  width: 100%;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  font-size: 14px;
}













/* ===== PictureThisInk – Unified Sidebar Card Style (Final Clean Version) ===== */

/* Base sidebar card style */
.widget-area .blog-widget.widget,
.widget-area .service-widget.widget,
.widget-area .attorney-contact-form-wrap {
  background:#fff !important;
  border:1px solid rgba(0,0,0,.06) !important;
  border-radius:16px !important;
  box-shadow:0 8px 20px rgba(0,0,0,.06) !important;
  padding:16px !important;
  margin-bottom:16px !important;
}

/* Remove double box effect */
.attorney-contact-form {
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* Headings match other widgets */
.attorney-contact-form-wrap .title,
.attorney-contact-form-wrap h3.title {
  font-family:"Montserrat",sans-serif !important;
  font-weight:700 !important;
  font-size:13px !important;
  color:#111 !important;
  margin:2px 0 10px 0 !important;
  text-align:left !important;
  text-transform:none !important;
}

/* Labels + inputs */
.attorney-contact-form .form-group { margin-bottom:10px !important; }
.attorney-contact-form label {
  display:block;
  font-size:11px;
  font-weight:700;
  color:#444;
  margin-bottom:6px;
}
.attorney-contact-form input,
.attorney-contact-form textarea {
  width:100%;
  font-size:13px;
  border:1px solid #e8eaf0;
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
  transition:border-color .2s, box-shadow .2s;
}
.attorney-contact-form input:focus,
.attorney-contact-form textarea:focus {
  border-color:#ff2e2e;
  box-shadow:0 0 0 3px rgba(255,46,46,.14);
  outline:0;
}

/* Unified button design (matches search submit) */
.attorney-contact-form .submit-btn {
  display:block;
  width:100%;
  background:#111;
  color:#fff;
  border:0;
  border-radius:12px;
  padding:12px 14px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.5px;
  transition:background .2s, transform .15s, box-shadow .2s;
}
.attorney-contact-form .submit-btn:hover {
  background:#ff2e2e;
  transform:translateY(-1px);
  box-shadow:0 10px 18px rgba(255,46,46,.24);
}

/* Remove any leftover ribbon headers */
.widget-area .widget-nav-menu,
.widget-area .service-category.sidebars-single-content { display:none !important; }
.widget-area .service-widget::before,
.widget-area .service-widget::after { content:none !important; }













/* === PictureThisInk – Single Card Contact Box (Professional Look) === */

/* Kill the old extra wrapper so we keep ONE card only */
.no-padding-border.service-widget.widget {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Outer card wrapper — clean, same as Search/Related Posts */
.attorney-contact-form-wrap {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 22px rgba(0,0,0,.08) !important;
  padding: 20px 18px 22px 18px !important;
  margin-bottom: 18px !important;
}

/* === Title on top, matches other sidebar headings === */
.attorney-contact-form-wrap .title {
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111 !important;
  text-transform: none !important;
  margin-bottom: 14px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid #eee !important;
}

/* Inner form (kept subtle, clean) */
.attorney-contact-form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* === Field styling === */
.attorney-contact-form .form-group { margin-bottom: 10px !important; }
.attorney-contact-form label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #444;
  margin-bottom: 6px;
}
.attorney-contact-form .form-control,
.attorney-contact-form textarea.form-control {
  width: 100%;
  font-size: 13px;
  border: 1px solid #e8eaf0;
  border-radius: 12px;
  padding: 10px 12px;
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
}
.attorney-contact-form .form-control:focus,
.attorney-contact-form textarea.form-control:focus {
  border-color: #ff2e2e;
  box-shadow: 0 0 0 3px rgba(255,46,46,.14);
  outline: 0;
}

/* === Submit Button (matches Search/Sidebar theme) === */
.attorney-contact-form .btn-wrapper { margin-top: 12px !important; }
.attorney-contact-form .submit-btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background: #111 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  transition: background .2s, transform .15s, box-shadow .2s;
}
.attorney-contact-form .submit-btn:hover {
  background: #ff2e2e !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(255,46,46,.24) !important;
}

/* Remove unwanted pseudo-elements */
.attorney-contact-form::before,
.attorney-contact-form::after,
.no-padding-border.service-widget.widget::before,
.no-padding-border.service-widget.widget::after {
  content: none !important;
  display: none !important;
}













/* === Title above card, matching other widgets === */
.widget-area .widget-title.style-01 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #111;
  margin: 0 0 10px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid #eee;
  text-align: left;
}

/* === Single white card with subtle shadow === */
.attorney-contact-form-wrap {
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  box-shadow: 0 6px 22px rgba(0,0,0,.08);
  padding: 20px 18px 22px 18px;
  margin-bottom: 18px;
}

/* === Form fields === */
.attorney-contact-form .form-group { margin-bottom: 10px; }
.attorney-contact-form label {
  display:block; font-size:11px; font-weight:700; color:#444; margin-bottom:6px;
}
.attorney-contact-form .form-control,
.attorney-contact-form textarea.form-control {
  width:100%; font-size:13px; border:1px solid #e8eaf0; border-radius:12px;
  padding:10px 12px; background:#fff;
  transition:border-color .2s, box-shadow .2s;
}
.attorney-contact-form .form-control:focus,
.attorney-contact-form textarea.form-control:focus {
  border-color:#ff2e2e;
  box-shadow:0 0 0 3px rgba(255,46,46,.14);
  outline:0;
}

/* === Button === */
.attorney-contact-form .btn-wrapper { margin-top:12px; }
.attorney-contact-form .submit-btn {
  display:block; width:100%; text-align:center;
  background:#111; color:#fff; border:0; border-radius:12px;
  padding:12px 14px; font-family:"Montserrat",sans-serif;
  font-weight:800; font-size:12px; text-transform:uppercase;
  letter-spacing:.5px; transition:background .2s, transform .15s, box-shadow .2s;
}
.attorney-contact-form .submit-btn:hover {
  background:#ff2e2e;
  transform:translateY(-1px);
  box-shadow:0 10px 18px rgba(255,46,46,.24);
}













/* === FORCE REMOVE the "Have Query?" INSIDE the card === */
.attorney-contact-form-wrap > h3.title {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
}

/* === CREATE a forced title ABOVE the card via pseudo-element === */
.no-padding-border.service-widget.widget::before {
  content: "Have Query?" !important;
  display: block !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #111 !important;
  text-align: left !important;
  margin-bottom: 10px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid #eee !important;
}

/* === Make the contact form card professional with light shadow === */
.attorney-contact-form-wrap {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 22px rgba(0,0,0,.08) !important;
  padding: 20px 18px 22px 18px !important;
  margin-bottom: 18px !important;
}

/* === Form fields === */
.attorney-contact-form .form-group { margin-bottom: 10px !important; }
.attorney-contact-form label {
  display:block; font-size:11px; font-weight:700; color:#444; margin-bottom:6px;
}
.attorney-contact-form .form-control,
.attorney-contact-form textarea.form-control {
  width:100%; font-size:13px;
  border:1px solid #e8eaf0; border-radius:12px; padding:10px 12px;
  background:#fff; transition:border-color .2s, box-shadow .2s;
}
.attorney-contact-form .form-control:focus,
.attorney-contact-form textarea.form-control:focus {
  border-color:#ff2e2e; box-shadow:0 0 0 3px rgba(255,46,46,.14); outline:0;
}

/* === Submit button === */
.attorney-contact-form .btn-wrapper { margin-top:12px !important; }
.attorney-contact-form .submit-btn {
  display:block !important; width:100% !important; text-align:center !important;
  background:#111 !important; color:#fff !important; border:0 !important;
  border-radius:12px !important; padding:12px 14px !important;
  font-family:"Montserrat",sans-serif !important; font-weight:800 !important;
  font-size:12px !important; text-transform:uppercase !important;
  letter-spacing:.5px !important;
  transition:background .2s, transform .15s, box-shadow .2s;
}
.attorney-contact-form .submit-btn:hover {
  background:#ff2e2e !important;
  transform:translateY(-1px);
  box-shadow:0 10px 18px rgba(255,46,46,.24) !important;
}













/* === 1. FORCE "Have Query?" ABOVE THE CARD === */
.no-padding-border.service-widget.widget {
  position: relative;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
}

/* Remove original title inside the card */
.attorney-contact-form-wrap > h3.title {
  display: none !important;
}

/* Add a bold title ABOVE the card */
.no-padding-border.service-widget.widget::before {
  content: "Have Query?" !important;
  display: block !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #111 !important;
  text-align: left !important;
  margin-bottom: 10px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid #eee !important;
  text-transform: none !important;
}

/* === 2. PROFESSIONAL CARD DESIGN === */
.attorney-contact-form-wrap {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 22px rgba(0,0,0,.08) !important;
  padding: 20px 18px 22px 18px !important;
  margin-bottom: 18px !important;
}

/* === 3. REMOVE BLUE OUTLINE ON HOVER/FOCUS === */
.attorney-contact-form .form-control:focus,
.attorney-contact-form textarea.form-control:focus {
  border-color: #ff2e2e !important;       /* keep your red accent */
  box-shadow: none !important;            /* removes blue glow */
  outline: none !important;
}

/* === 4. INPUT + LABEL STYLING === */
.attorney-contact-form .form-group { margin-bottom: 10px !important; }
.attorney-contact-form label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #444;
  margin-bottom: 6px;
}
.attorney-contact-form .form-control,
.attorney-contact-form textarea.form-control {
  width: 100%;
  font-size: 13px;
  border: 1px solid #e8eaf0;
  border-radius: 12px;
  padding: 10px 12px;
  background: #fff;
  transition: border-color .2s;
}

/* === 5. SUBMIT BUTTON === */
.attorney-contact-form .btn-wrapper { margin-top: 12px !important; }
.attorney-contact-form .submit-btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background: #111 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  transition: background .2s, transform .15s, box-shadow .2s;
}
.attorney-contact-form .submit-btn:hover {
  background: #ff2e2e !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(255,46,46,.24) !important;
}










/* === Remove the "Have Query?" text entirely === */
.attorney-contact-form-wrap > h3.title,
.no-padding-border.service-widget.widget::before {
  display: none !important;
  content: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* === Kill all blue outlines / hover bars / glows === */
.service-widget.widget,
.service-widget.widget * {
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}
.service-widget.widget:hover,
.service-widget.widget:focus,
.service-widget.widget:focus-within,
.service-widget.widget::before,
.service-widget.widget::after,
.no-padding-border.service-widget.widget:hover,
.no-padding-border.service-widget.widget::before,
.no-padding-border.service-widget.widget::after {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  color: inherit !important;
}
.service-widget.widget::before,
.service-widget.widget::after {
  content: none !important;
  display: none !important;
}

/* === Professional contact card styling === */
.attorney-contact-form-wrap {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 22px rgba(0,0,0,.08) !important;
  padding: 20px 18px 22px 18px !important;
  margin-bottom: 18px !important;
}

/* === Clean inputs === */
.attorney-contact-form .form-group { margin-bottom: 10px !important; }
.attorney-contact-form label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #444;
  margin-bottom: 6px;
}
.attorney-contact-form .form-control,
.attorney-contact-form textarea.form-control {
  width: 100%;
  font-size: 13px;
  border: 1px solid #e8eaf0;
  border-radius: 12px;
  padding: 10px 12px;
  background: #fff;
  transition: border-color .2s;
}
.attorney-contact-form .form-control:focus,
.attorney-contact-form textarea.form-control:focus {
  border-color: #ff2e2e !important;
  box-shadow: none !important;
  outline: none !important;
}

/* === Submit button === */
.attorney-contact-form .btn-wrapper { margin-top: 12px !important; }
.attorney-contact-form .submit-btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background: #111 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  transition: background .2s, transform .15s, box-shadow .2s;
}
.attorney-contact-form .submit-btn:hover {
  background: #ff2e2e !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(255,46,46,.24) !important;
}












/* === Make contact form box match sidebar card width === */
.attorney-contact-form-wrap {
  width: 100% !important;           /* fills sidebar container */
  max-width: none !important;       /* removes restrictive max width */
  display: block !important;
  background: #fff !important;
  border: 2px solid rgba(0,0,0,.06) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 22px rgba(0,0,0,.08) !important;
  padding: 20px 18px 22px 18px !important;
  margin-bottom: 18px !important;
}













/* === Default title and paragraph colors === */
.single-what-we-cover-item-02 .content .title {
  color: #000 !important;          /* solid black */
  transition: color 0.3s ease;
}

.single-what-we-cover-item-02 .content p {
  color: #333 !important;
}

/* === Hover text color (title only) === */
.single-what-we-cover-item-02 .content a:hover .title {
  color: #e50914 !important;       /* only words turn red */
}

/* === Remove all hover box / background / overlay === */
.single-what-we-cover-item-02:hover,
.single-what-we-cover-item-02:focus,
.single-what-we-cover-item-02:active {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* === Make sure nothing nested adds that color === */
.single-what-we-cover-item-02:hover .content {
  background: transparent !important;
}












.title {
  color: #000 !important;    /* solid black */
}












/* ===== FORCE Bigger, modern top menu (wins over theme) ===== */

/* Make the whole header taller */
header,
.header-area,
.navbar-area,
.navbar,
.navbar-collapse {
  min-height: 92px !important;
}

/* Give the header breathing room */
.header-area .container,
.navbar-area .container,
header .container {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

/* Make logo/title bigger (covers text logo + image logo) */
.navbar-brand,
.site-logo,
.logo-wrapper,
.site-title {
  transform: scale(1.12) !important;
  transform-origin: left center !important;
}

/* BIGGER NAV LINKS (this is the main part you’re missing visually) */
.navbar-nav > li > a,
.navbar-nav li a,
.navbar-nav .nav-link {
  font-size: 24px !important;
  font-weight: 700 !important;
  padding: 16px 14px !important;
  line-height: 1.1 !important;
  border-radius: 12px !important;
}

/* Space between items so it looks modern */
.navbar-nav {
  gap: 22px !important;
  align-items: center !important;
}

/* Modern hover pill */
.navbar-nav > li > a:hover,
.navbar-nav li a:hover {
  background: rgba(0,0,0,0.06) !important;
  transform: translateY(-1px) !important;
  transition: all .15s ease !important;
}

/* If your theme sets the nav area to a fixed height, override */
.navbar-area .navbar,
.header-area .navbar {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Dropdown carets a little bigger */
.navbar-nav > li.menu-item-has-mega-menu > a::after {
  font-size: 13px !important;
  margin-left: 8px !important;
}

/* Optional: make the right-side icons/date match the bigger nav */
.header-area .right-content,
.header-area .right-content a,
.header-area .right-content span,
.header-area .right-content i {
  font-size: 16px !important;
}









.span-num {
  display: none !important;
}








.recent-contents.style-02 {
  position: relative;
  padding-left: 14px;
  margin-bottom: 14px;
}

.recent-contents.style-02::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #4a5568; /* modern neutral gray */
}












.latest-title {
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI",
               Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  margin: 0;
}

.latest-title a {
  color: #1a202c;
  text-decoration: none;
  transition: color 0.2s ease;
}

.latest-title a:hover {
  color: #2563eb; /* modern editorial blue */
}










/* ===============================
   FORCE FOOTER TO SPREAD FULL WIDTH
================================== */

/* 1) Make the footer containers full width */
footer.footer-area.home-variant-20 .footer-top .container,
footer.footer-area.home-variant-20 .copyright-area .container{
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 70px !important;
  padding-right: 70px !important;
}

/* 2) Convert the row into a grid that fills the footer */
footer.footer-area.home-variant-20 .footer-top .row{
  display: grid !important;
  grid-template-columns: 1.2fr 1fr 0.8fr 1fr; /* About, Recent, Links, Contact */
  gap: 56px !important;
  align-items: start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 3) Disable bootstrap column constraints inside footer grid */
footer.footer-area.home-variant-20 .footer-top .row > [class*="col-"]{
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 4) Match copyright width to full footer too */
footer.footer-area.home-variant-20 .copyright-area{
  padding-left: 70px !important;
  padding-right: 70px !important;
}

/* 5) Responsive */
@media (max-width: 1100px){
  footer.footer-area.home-variant-20 .footer-top .container,
  footer.footer-area.home-variant-20 .copyright-area .container{
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  footer.footer-area.home-variant-20 .footer-top .row{
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
  }
}

@media (max-width: 640px){
  footer.footer-area.home-variant-20 .footer-top .row{
    grid-template-columns: 1fr !important;
  }
}











/* Force Contact Info text to white */
footer.footer-area.home-variant-20 
.contact_info_list .single-info-item .details{
  color: #ffffff !important;
}

/* Force icons to white too */
footer.footer-area.home-variant-20 
.contact_info_list .single-info-item .icon i{
  color: #ffffff !important;
}

/* Optional: slightly soften for modern look */
footer.footer-area.home-variant-20 
.contact_info_list .single-info-item{
  opacity: 0.95;
}