/*
Theme Name: Sniffen Law
Description: Sniffen Law Website
Version: 1.0
Author: Sniffen Law
Author URI: https://sniffenlaw.com
Template: sniffen-en
*/

/* Add your own styles here */

/* Body styles */
body {
    font-family: gotham, sans-serif;
}

/* Heading styles */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: gotham, sans-serif;
}

/* Paragraph styles */
p {
    font-family: gotham, sans-serif;
}

/* Remove small white border/line under the header */
/* Remove header bottom border/line */
.html_header_with_border #header_main,
.html_header_with_border #header_main .container,
#header_main,
#header .header_bg {
    border: none !important;
    box-shadow: none !important;
}

/* Make sure there is no extra gap below the header */
#header,
#header_main,
.header_bg {
    margin-bottom: 0 !important;
}

/* Limit header logo width to 400px */
#header_main .logo img,
.logo img {
    max-width: 400px;
}

/* Stronger vertical centering for header logo + menu */
#header_main .container.av-logo-container,
#header_main .container.av-logo-container .inner-container {
    display: flex !important;
    align-items: center !important;
}

/* Make sure the logo itself participates in flex centering */
#header_main .logo,
#header_main .logo img {
    display: block;
    height: auto;
}
/* Make sure the main color and alternate color are the same color */
.main_color strong,
.alternate_color strong {
    color: inherit !important;
}
#top .main_menu .av-main-nav > li > a .avia-menu-text {
    color: inherit !important;
}

/* ===========================
   HERO bridge box (page 2077)
   =========================== */

/* allow overlap */
body.page-id-2077 #av-layout-grid-1,
body.page-id-2077 #av-layout-grid-1 .flex_cell,
body.page-id-2077 #av-layout-grid-1 .flex_cell_inner,
body.page-id-2077 #av-layout-grid-1 .flex_column,
body.page-id-2077 #av-layout-grid-1 .av_textblock_section{
  overflow: visible;
}

/* stacking: left cell + box above right cell bg */
body.page-id-2077 #av-layout-grid-1 .flex_cell{ position: relative; }
body.page-id-2077 #av-layout-grid-1 .flex_cell:last-child{ z-index: 1; }
body.page-id-2077 #av-layout-grid-1 .flex_cell:first-child{ z-index: 10; }

/* the bridging card */
body.page-id-2077 #av-layout-grid-1 .avia_textblock.home-bridge-box{
  box-sizing: border-box;
  background: #00539A;
  color: #fff;

  /* SIZE (these are your main knobs) */
  width: 480px;           /* <-- make this smaller/larger */
  padding: 80px 50px;     /* <-- controls “chunkiness” */

  /* POSITION (these are your main knobs) */
  margin-top: 120px;      /* <-- move down/up */
  margin-left: 120px;     /* <-- move right/left */
  margin-right: -220px;   /* <-- overlap into photo more/less */
  position: relative;
  z-index: 999;
  text-align: left;

  /* optional: makes it pop like a “card” */
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
}

/* typography */
body.page-id-2077 #av-layout-grid-1 .avia_textblock.home-bridge-box h1{
  margin: 0 0 18px 0;
  color: inherit;
  text-align: left;
  font-weight: normal !important;
  font-size: 2em !important;
  line-height: 1.5 !important;
}
body.page-id-2077 #av-layout-grid-1 .avia_textblock.home-bridge-box p{
  margin: 0 auto;
  color: inherit;
  max-width: 44ch;        /* keeps the line length classy */
  white-space: normal;
  text-align: left;
}

/* responsive: stop overlap when columns stack */
@media (max-width: 989px){
  body.page-id-2077 #av-layout-grid-1 .avia_textblock.home-bridge-box{
    width: 100%;
    margin: 25px 0 0 0;
    padding: 34px 28px;
  }
}

/* =========================================================
   PAGE 2077 – SERVICE cards (uses your column classes)
   Left / Middle / Right pills + heading rules
   ========================================================= */

/* ---------- Headings ---------- */
#top.page-id-2077 #service .av-special-heading.card-heading{
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* kill Enfold quote decorations that sometimes interfere */
#top.page-id-2077 #service .av-special-heading.card-heading.blockquote:before,
#top.page-id-2077 #service .av-special-heading.card-heading.blockquote:after{
  content: none !important;
  display: none !important;
}

/* heading typography */
#top.page-id-2077 #service .av-special-heading.card-heading > h2.av-special-heading-tag{
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: .22em !important;
  font-weight: 700 !important;
  font-size: clamp(12px, 1.4vw, 16px) !important;
  line-height: 1.2 !important;
  opacity: 1 !important;
}

/* heading colors (all white in your cards) */
#top.page-id-2077 #service .card-left  .av-special-heading.card-heading > h2.av-special-heading-tag,
#top.page-id-2077 #service .card-middle .av-special-heading.card-heading > h2.av-special-heading-tag,
#top.page-id-2077 #service .card-right .av-special-heading.card-heading > h2.av-special-heading-tag{
  color: #ffffff !important;
}

/* underline under heading */
#top.page-id-2077 #service .av-special-heading.card-heading .special-heading-border{
  display: block !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
}
#top.page-id-2077 #service .av-special-heading.card-heading .special-heading-inner-border{
  display: block !important;
  width: min(820px, 92%) !important;
  margin: 0 auto !important;
  border-top: 2px solid #B38C5B !important; /* default gold */
  background: none !important;
  opacity: 1 !important;
}
/* middle card rule = blue (you already have .border-blue on that heading) */
#top.page-id-2077 #service .av-special-heading.card-heading.border-blue .special-heading-inner-border{
  border-top-color: #215295 !important;
}

/* tighten invisible spacers inside cards */
#top.page-id-2077 #service .hr.hr-invisible{
  height: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}
#top.page-id-2077 #service .hr.hr-invisible .hr-inner{
  display: none !important;
}

/* ---------- Buttons (pill baseline for ALL 3) ---------- */
#top.page-id-2077 #service .avia-button-wrap a.avia-button{
  border-radius: 9999px !important;
  padding: 16px 40px !important;

  text-transform: uppercase !important;
  letter-spacing: .22em !important;
  font-weight: 700 !important;

  text-decoration: none !important;
  box-shadow: none !important;

  border-width: 2px !important;
  border-style: solid !important;
}

/* remove arrow icon + ensure text inherits */
#top.page-id-2077 #service .avia-button-wrap a.avia-button .avia_button_icon{
  display: none !important;
}
#top.page-id-2077 #service .avia-button-wrap a.avia-button .avia_iconbox_title{
  color: inherit !important;
}

/* LEFT pill (unchanged: gold bg + white text) */
#top.page-id-2077 #service .card-left .avia-button-wrap a.avia-button{
  background: #B38C5B !important;
  border-color: #B38C5B !important;
  color: #ffffff !important;
}

/* MIDDLE pill (white bg + BLUE text) */
#top.page-id-2077 #service .card-middle .avia-button-wrap a.avia-button{
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #215295 !important;
}

/* RIGHT pill (gold bg + white text) */
#top.page-id-2077 #service .card-right .avia-button-wrap a.avia-button{
  background: #B38C5B !important;
  border-color: #B38C5B !important;
  color: #ffffff !important;
}

/* hover */
#top.page-id-2077 #service .avia-button-wrap a.avia-button:hover{
  filter: brightness(0.92);
}

/* PAGE 2077 – fix: LEFT card heading should be blue (not white) */
#top.page-id-2077 #service .card-left .av-special-heading.card-heading > h2.av-special-heading-tag{
  color: #215295 !important;
}

/* ===========================
   GLOBAL – Enfold Footer Page
   Center logo + icons, cap logo width
   =========================== */

/* Center everything inside the footer-page content area */
#top #footer-page .entry-content-wrapper,
#top #footer-page .flex_column,
#top #footer-page .flex_column_div{
  text-align: center !important;
}

/* Footer logo: responsive with max-width 275px */
#top #footer-page .avia-image-container img.avia_image{
  max-width: 275px !important;
  width: 100% !important;
  height: auto !important;
}

/* Social icons: keep them centered and evenly spaced */
#top #footer-page .av_font_icon{
  float: none !important;
  display: inline-flex !important;
  vertical-align: middle;
  margin: 10px 10px 0 !important;
}

/* ===========================
   FIX – Card-left heading went white
   (keeps only the left card heading dark)
   =========================== */
#top .card-left .card-heading .av-special-heading-tag{
  color: #215295 !important; /* adjust if you want a different dark */
}
/* ===========================
   Special Heading: section-kicker
   (match card-heading styling)
   =========================== */

#top .av-special-heading.section-kicker .av-special-heading-tag{
  color: #B38C5B !important;
  text-transform: uppercase;
  letter-spacing: .12em;
}

/* force the divider line to actually render + be gold */
#top .av-special-heading.section-kicker .special-heading-border{
  border: 0 !important;                 /* neutralize theme border */
  margin-top: 18px;                     /* spacing similar to cards */
}

#top .av-special-heading.section-kicker .special-heading-inner-border{
  display: block !important;
  width: min(360px, 70vw);              /* “card-heading” style line length */
  margin: 0 auto;
  border-top: 2px solid #B38C5B !important;
  background: none !important;
  opacity: 1 !important;
}

.philosophy-box {
  margin-top:-150px !important;
}