/*
Theme Name: Are You Connected 18
Description: A child theme developed for Are You connected using framework Enfold.
Version: 1.2
Author: Jabed Shoeb
Author URI: http://www.areuconnected.com
Template: enfold
*/

body{ border-top:6px solid red !important; }
/* =========================================================
   AREUCONNECTED — BRAND SYSTEM
   Palette derived from the logo:
   #286291 wordmark · #4290D4 mid facet · #54AFE6 light facet

   NOTES ON SELECTOR STYLE (both matter in Enfold):
   1. Everything is prefixed #top — Enfold scopes its own rules
      to the body ID, so unprefixed classes lose on specificity.
   2. Text Block custom classes land ON .avia_textblock itself,
      so it's `.avia_textblock.auc-x`, never `.auc-x .avia_textblock`.
   ========================================================= */

:root{
  --auc-ink:#0E2E46;
  --auc-deep:#286291;
  --auc-deep-dk:#1D4B72;
  --auc-mid:#4290D4;
  --auc-sky:#54AFE6;
  --auc-sky-soft:#C7E4F6;
  --auc-wash:#F4F9FD;
  --auc-hairline:#DCE7F0;
  --auc-label:#5C7181;
  --auc-body:#2E3B45;
}


/* =========================================================
   1. HERO
   ========================================================= */

#top .auc-hero{
  background:linear-gradient(135deg,#0E2E46 0%,#286291 55%,#4290D4 100%)!important;
}
#top .auc-hero .container{ position:relative; z-index:2; }

#top .auc-hero .auc-eyebrow,
#top .auc-hero .auc-eyebrow p{
  color:var(--auc-sky)!important;
  font-size:13px!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  font-weight:600!important;
  margin:0 0 14px!important;
}
#top .auc-hero .auc-sub,
#top .auc-hero .auc-sub p{
  color:var(--auc-sky-soft)!important;
  font-size:19px!important;
  line-height:1.65!important;
  max-width:34em;
  margin:0 0 32px!important;
}

#top .auc-hero h1,
#top .auc-hero .av-special-heading-tag{
  color:#fff!important;
  font-size:52px!important;
  line-height:1.14!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
  text-transform:none!important;
  margin:0 0 20px!important;
}
#top .auc-hero .av-special-heading .special-heading-border{ display:none!important; }

/* Primary CTA — sky on navy, 5.8:1, passes AA at any size */
#top .auc-hero .auc-btn-primary .avia-button{
  background-color:var(--auc-sky)!important;
  border:2px solid var(--auc-sky)!important;
  color:var(--auc-ink)!important;
  font-weight:600!important;
  font-size:16px!important;
  padding:16px 34px!important;
  border-radius:6px!important;
  transition:transform .18s ease,background-color .18s ease;
}
#top .auc-hero .auc-btn-primary .avia-button:hover{
  background-color:#7CC4EE!important;
  border-color:#7CC4EE!important;
  transform:translateY(-2px);
}

/* Secondary ghost CTA */
#top .auc-hero .auc-btn-ghost .avia-button{
  background-color:transparent!important;
  border:2px solid rgba(255,255,255,.45)!important;
  color:#fff!important;
  font-weight:600!important;
  font-size:16px!important;
  padding:16px 30px!important;
  border-radius:6px!important;
}
#top .auc-hero .auc-btn-ghost .avia-button:hover{
  border-color:#fff!important;
  background-color:rgba(255,255,255,.10)!important;
}

#top .auc-hero .auc-shot img{
  border-radius:12px;
  box-shadow:0 24px 60px rgba(8,26,42,.42);
}


/* =========================================================
   2. TRUST BAR
   ========================================================= */

#top .auc-trust{
  background:var(--auc-wash)!important;
  border-bottom:1px solid var(--auc-hairline);
  padding:52px 0 44px!important;
}

#top .auc-trust .auc-trust-intro,
#top .auc-trust .auc-trust-intro p{
  color:var(--auc-label)!important;
  font-size:13px!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  font-weight:600!important;
  text-align:center!important;
  margin:0 0 30px!important;
}

#top .auc-trust .flex_column.auc-stat{ text-align:center!important; }
#top .auc-trust .flex_column.auc-stat .avia_textblock,
#top .auc-trust .flex_column.auc-stat p{ margin:0!important; }

#top .auc-trust .auc-stat-num{
  display:block!important;
  color:var(--auc-deep)!important;
  font-size:40px!important;
  font-weight:700!important;
  line-height:1.05!important;
  letter-spacing:-.02em;
}
#top .auc-trust .auc-stat-label{
  display:block!important;
  color:var(--auc-label)!important;
  font-size:14px!important;
  line-height:1.45!important;
  margin-top:6px!important;
}
/* wpautop inserts a <br> between the two spans */
#top .auc-trust .flex_column.auc-stat br:first-of-type{ display:none; }

/* adjacent-sibling, so the full-width intro column isn't counted */
#top .auc-trust .flex_column.auc-stat + .flex_column.auc-stat{
  border-left:1px solid var(--auc-hairline);
}

/* client logo row (add when logos are in place) */
#top .auc-trust .auc-logos{
  margin-top:38px;
  padding-top:30px;
  border-top:1px solid var(--auc-hairline);
}
#top .auc-trust .auc-logos img{
  filter:grayscale(100%);
  opacity:.5;
  max-height:38px;
  width:auto;
  transition:opacity .2s ease,filter .2s ease;
}
#top .auc-trust .auc-logos img:hover{ filter:none; opacity:1; }


/* =========================================================
   3. SHARED SECTION RHYTHM
   Applies to every section carrying .auc-sec
   ========================================================= */

#top .auc-sec{ padding:88px 0!important; }
#top .auc-sec-alt{ background:var(--auc-wash)!important; }

#top .auc-sec .auc-eyebrow-dark,
#top .auc-sec .auc-eyebrow-dark p{
  color:var(--auc-deep)!important;
  font-size:13px!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  font-weight:600!important;
  text-align:center!important;
  margin:0 0 12px!important;
}
#top .auc-sec .auc-sec-intro,
#top .auc-sec .auc-sec-intro p{
  color:var(--auc-label)!important;
  font-size:18px!important;
  line-height:1.65!important;
  text-align:center!important;
  margin:0 auto!important;
  max-width:46em;
}

#top .auc-sec h2,
#top .auc-sec .av-special-heading-tag{
  color:var(--auc-ink)!important;
  font-size:38px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
  text-transform:none!important;
}
#top .auc-sec .av-special-heading{ text-align:center!important; }
#top .auc-sec .av-special-heading .special-heading-border{ display:none!important; }


/* =========================================================
   4. SERVICES — icon boxes
   Real DOM: article.iconbox > .iconbox_content >
   header.entry-content-header > a.iconbox_icon > svg
                                > h3.iconbox_content_title > a
   ========================================================= */

#top .auc-services .iconbox{
  background:#fff!important;
  border:1px solid var(--auc-hairline)!important;
  border-radius:12px!important;
  padding:32px 28px!important;
  margin:0!important;
  min-height:100%;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
#top .auc-services .iconbox:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(14,46,70,.10);
  border-color:var(--auc-mid)!important;
}

/* strip Enfold's inner chrome */
#top .auc-services .iconbox .iconbox_content,
#top .auc-services .iconbox .entry-content-header{
  background:transparent!important;
  border:none!important;
  padding:0!important;
  margin:0!important;
}
#top .auc-services .iconbox .entry-footer{ display:none!important; }

/* icon tile — the anchor carries .heading-color, so beat it */
#top .auc-services .iconbox a.iconbox_icon{
  position:static!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  float:none!important;
  transform:none!important;
  width:52px!important;
  height:52px!important;
  background:var(--auc-wash)!important;
  color:var(--auc-deep)!important;
  border:none!important;
  border-radius:10px!important;
  margin:0 auto 20px 0!important;
  box-shadow:none!important;
}
/* icons are inline SVG — font-size does nothing */
#top .auc-services .iconbox a.iconbox_icon svg{
  width:22px!important;
  height:22px!important;
  display:block;
}
#top .auc-services .iconbox a.iconbox_icon svg path{ fill:currentColor!important; }
#top .auc-services .iconbox:hover a.iconbox_icon{
  background:var(--auc-deep)!important;
  color:#fff!important;
}

/* title is an <a> inside the h3 — colour must sit on the anchor */
#top .auc-services .iconbox h3.iconbox_content_title,
#top .auc-services .iconbox h3.iconbox_content_title a{
  color:var(--auc-ink)!important;
  font-size:20px!important;
  font-weight:650!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-decoration:none!important;
  margin:0!important;
  padding:0!important;
}
#top .auc-services .iconbox:hover h3.iconbox_content_title a{
  color:var(--auc-deep)!important;
}

#top .auc-services .iconbox .iconbox_content_container,
#top .auc-services .iconbox .iconbox_content_container p{
  color:var(--auc-label)!important;
  font-size:15.5px!important;
  line-height:1.65!important;
  margin:12px 0 0 0!important;
}

/* left-align card contents (delete this block for centred cards) */
#top .auc-services .iconbox,
#top .auc-services .iconbox .iconbox_content,
#top .auc-services .iconbox .entry-content-header,
#top .auc-services .iconbox h3.iconbox_content_title,
#top .auc-services .iconbox .iconbox_content_container{
  text-align:left!important;
}

/* equal card heights without Enfold's equal-height setting */
#top .auc-services .flex_column{ display:flex!important; }
#top .auc-services .flex_column > .iconbox{ width:100%; }
#top .auc-services .flex_column.column-top-margin{ margin-top:30px!important; }


/* =========================================================
   5. TESTIMONIALS
   ========================================================= */

#top .auc-testimonials .avia-testimonial{
  background:#fff!important;
  border:1px solid var(--auc-hairline);
  border-radius:12px;
  padding:30px 28px!important;
}
#top .auc-testimonials .avia-testimonial-content,
#top .auc-testimonials .avia-testimonial-content p{
  color:var(--auc-body)!important;
  font-size:16.5px!important;
  line-height:1.75!important;
  font-style:normal!important;
}
#top .auc-testimonials .avia-testimonial_title{
  color:var(--auc-ink)!important;
  font-weight:650!important;
  font-size:16px!important;
}
#top .auc-testimonials .avia-testimonial-subtitle{
  color:var(--auc-label)!important;
  font-size:14px!important;
}
#top .auc-testimonials .avia-testimonial-image img{
  border-radius:50%!important;
  border:2px solid var(--auc-hairline);
}


/* =========================================================
   6. Featured Work · Why Us · Process · Care banner · Blog · CTA
   ========================================================= */

#top .auc-work .grid-entry{
  background:#fff;
  border:1px solid var(--auc-hairline);
  border-radius:12px;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease;
}
#top .auc-work .grid-entry:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(14,46,70,.12);
}
#top .auc-work .grid-image{ margin:0!important; }
#top .auc-work .grid-image img{ display:block; width:100%; height:auto; }
#top .auc-work .grid-content{
  padding:22px 22px 26px!important;
  background:transparent!important;
}
#top .auc-work .grid-content .avia-arrow{ display:none!important; }
#top .auc-work .grid-entry-title{
  font-size:19px!important;
  line-height:1.35!important;
  font-weight:650!important;
  text-transform:none!important;
  margin:0 0 8px!important;
}
#top .auc-work .grid-entry-title a{ color:var(--auc-ink)!important; }
#top .auc-work .grid-entry:hover .grid-entry-title a{ color:var(--auc-deep)!important; }
#top .auc-work .grid-entry-excerpt,
#top .auc-work .grid-entry-excerpt p{
  color:var(--auc-label)!important;
  font-size:15.5px!important;
  line-height:1.65!important;
  margin:0!important;
}

/* ---- Outline button (work + blog sections) ---- */
#top .auc-btn-outline .avia-button{
  background:transparent!important;
  border:2px solid var(--auc-deep)!important;
  color:var(--auc-deep)!important;
  font-weight:600!important;
  border-radius:6px!important;
  padding:14px 30px!important;
}
#top .auc-btn-outline .avia-button:hover{
  background:var(--auc-deep)!important;
  color:#fff!important;
}

/* ---- Why us (Grid Row — top-level element, not inside a Color Section) ---- */
#top .auc-why{ background:var(--auc-wash); }
#top .auc-why .auc-why-text{ padding:76px 8% 76px 6%; }
#top .auc-why .auc-why-text h2,
#top .auc-why .auc-why-text .av-special-heading-tag{
  color:var(--auc-ink)!important;
  font-size:36px!important;
  line-height:1.22!important;
  font-weight:700!important;
  text-transform:none!important;
  text-align:left!important;
  margin-bottom:20px!important;
}
#top .auc-why .auc-why-text .avia_textblock,
#top .auc-why .auc-why-text .avia_textblock p{
  color:var(--auc-body)!important;
  font-size:17px!important;
  line-height:1.75!important;
  margin-bottom:16px!important;
}
#top .auc-why .avia-icon-list .iconlist_title{
  color:var(--auc-ink)!important;
  font-size:16.5px!important;
  font-weight:600!important;
}
#top .auc-why .avia-icon-list .iconlist-char{
  background:var(--auc-deep)!important;
  color:#fff!important;
}
#top .auc-why .avia-icon-list .iconlist_timeline{ display:none!important; }

/* ---- Process ---- */
#top .auc-process .flex_column.auc-step{ position:relative; padding-right:22px; }
#top .auc-process .auc-step-num{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:50%;
  background:var(--auc-deep); color:#fff;
  font-size:17px; font-weight:700; margin-bottom:18px;
}
#top .auc-process .auc-step-title{
  display:block; color:var(--auc-ink);
  font-size:19px; font-weight:650; margin-bottom:9px;
}
#top .auc-process .auc-step-body{
  display:block; color:var(--auc-label);
  font-size:15.5px; line-height:1.65;
}
#top .auc-process .flex_column.auc-step:not(:last-of-type)::after{
  content:''; position:absolute;
  top:22px; left:56px; right:10px;
  height:1px; background:var(--auc-hairline);
}

/* ---- Care banner ---- */
#top .auc-care{
  background:linear-gradient(135deg,#0E2E46 0%,#286291 100%)!important;
  padding:52px 0!important;
}
#top .auc-care h3,
#top .auc-care .av-special-heading-tag{
  color:#fff!important;
  font-size:26px!important;
  font-weight:650!important;
  text-transform:none!important;
  text-align:left!important;
  margin:0 0 8px!important;
}
#top .auc-care .auc-care-text,
#top .auc-care .auc-care-text p{
  color:var(--auc-sky-soft)!important;
  font-size:16.5px!important;
  line-height:1.65!important;
  margin:0!important;
}
#top .auc-care .auc-btn-sky .avia-button{
  background-color:var(--auc-sky)!important;
  border:2px solid var(--auc-sky)!important;
  color:var(--auc-ink)!important;
  font-weight:600!important;
  border-radius:6px!important;
  padding:15px 30px!important;
}
#top .auc-care .auc-btn-sky .avia-button:hover{
  background-color:#7CC4EE!important;
  border-color:#7CC4EE!important;
}

/* ---- Blog grid ---- */
#top .auc-blog .slide-entry{
  background:#fff;
  border:1px solid var(--auc-hairline);
  border-radius:12px;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease;
}
#top .auc-blog .slide-entry:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(14,46,70,.10);
}
#top .auc-blog .slide-image{ margin:0!important; border-radius:0!important; }
#top .auc-blog .slide-content{ padding:22px 22px 26px; }
#top .auc-blog .slide-entry-title{
  font-size:18.5px!important;
  line-height:1.35!important;
  font-weight:650!important;
  text-transform:none!important;
  margin-bottom:8px!important;
}
#top .auc-blog .slide-entry-title a{ color:var(--auc-ink)!important; }
#top .auc-blog .slide-entry-title a:hover{ color:var(--auc-deep)!important; }
#top .auc-blog .slide-meta{ color:var(--auc-label)!important; font-size:13.5px!important; }
#top .auc-blog .slide-entry-excerpt{
  color:var(--auc-label)!important;
  font-size:15px!important;
  line-height:1.65!important;
}

/* ---- Final CTA ---- */
#top .auc-cta-final{
  background:linear-gradient(135deg,#0E2E46 0%,#286291 55%,#4290D4 100%)!important;
  padding:84px 0!important;
}
#top .auc-cta-final h2,
#top .auc-cta-final .av-special-heading-tag{
  color:#fff!important;
  font-size:38px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-transform:none!important;
  text-align:left!important;
}
#top .auc-cta-final .av-special-heading .special-heading-border{ display:none!important; }
#top .auc-cta-final .auc-cta-text,
#top .auc-cta-final .auc-cta-text p{
  color:var(--auc-sky-soft)!important;
  font-size:18px!important;
  line-height:1.7!important;
}
#top .auc-cta-final .auc-cta-mail a{
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.4);
}

#top .auc-cta-final .avia_ajax_form{
  background:#fff;
  border-radius:14px;
  padding:32px 28px;
  box-shadow:0 20px 50px rgba(8,26,42,.28);
}
#top .auc-cta-final .avia_ajax_form .text_input,
#top .auc-cta-final .avia_ajax_form .text_area,
#top .auc-cta-final .avia_ajax_form select{
  background:#fff!important;
  border:1px solid var(--auc-hairline)!important;
  border-radius:7px!important;
  color:var(--auc-body)!important;
  font-size:15.5px!important;
  padding:13px 15px!important;
}
#top .auc-cta-final .avia_ajax_form .text_input:focus,
#top .auc-cta-final .avia_ajax_form .text_area:focus,
#top .auc-cta-final .avia_ajax_form select:focus{
  border-color:var(--auc-mid)!important;
  box-shadow:0 0 0 3px rgba(66,144,212,.16)!important;
  outline:none!important;
}
#top .auc-cta-final .avia_ajax_form label{
  color:var(--auc-ink)!important;
  font-size:14px!important;
  font-weight:600!important;
}
#top .auc-cta-final .avia_ajax_form .button{
  background:var(--auc-deep)!important;
  border:2px solid var(--auc-deep)!important;
  color:#fff!important;
  font-weight:650!important;
  font-size:16px!important;
  border-radius:7px!important;
  padding:15px 30px!important;
  width:100%;
}
#top .auc-cta-final .avia_ajax_form .button:hover{
  background:var(--auc-deep-dk)!important;
  border-color:var(--auc-deep-dk)!important;
}


/* =========================================================
   7. RESPONSIVE
   ========================================================= */

@media only screen and (max-width:989px){
  #top .auc-hero h1,
  #top .auc-hero .av-special-heading-tag{ font-size:38px!important; }
  #top .auc-hero .avia_textblock.auc-sub{ font-size:17px!important; }

  #top .auc-sec{ padding:64px 0!important; }
  #top .auc-sec h2,
  #top .auc-sec .av-special-heading-tag,
  #top .auc-cta-final h2,
  #top .auc-cta-final .av-special-heading-tag{ font-size:30px!important; }

  #top .auc-why .auc-why-text{ padding:52px 7%; }
  #top .auc-process .flex_column.auc-step:not(:last-of-type)::after{ display:none; }
}

@media only screen and (max-width:767px){
  #top .auc-hero{ text-align:center; }
  #top .auc-hero h1,
  #top .auc-hero .av-special-heading-tag{ font-size:30px!important; }
  #top .auc-hero .avia_textblock.auc-sub{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #top .auc-hero .auc-btn-primary .avia-button,
  #top .auc-hero .auc-btn-ghost .avia-button{ width:100%; display:block; }

  #top .auc-trust .flex_column.auc-stat + .flex_column.auc-stat{ border-left:none; }
  #top .auc-trust .flex_column.auc-stat{ padding:14px 0; }
  #top .auc-trust .auc-stat-num{ font-size:30px!important; }

  #top .auc-sec{ padding:52px 0!important; }
  #top .auc-sec h2,
  #top .auc-sec .av-special-heading-tag,
  #top .auc-cta-final h2,
  #top .auc-cta-final .av-special-heading-tag{ font-size:26px!important; }

  #top .auc-services .iconbox{ padding:26px 22px!important; margin-bottom:18px!important; }
  #top .auc-work .auc-case{ margin-bottom:18px; }

  #top .auc-care{ text-align:center; }
  #top .auc-care h3,
  #top .auc-care .av-special-heading-tag{ text-align:center!important; }
  #top .auc-care .auc-btn-sky .avia-button{ width:100%; margin-top:18px; }

  #top .auc-process .flex_column.auc-step{ padding-right:0; margin-bottom:26px; }

  #top .auc-cta-final h2,
  #top .auc-cta-final .av-special-heading-tag{ text-align:center!important; }
}