/*
Theme Name: TruthEvent
Theme URI: https://bhph.com/truth-event
Author: ABCoA, Inc.
Author URI: https://bhph.com
Description: Custom child theme for the BHPH/LHPH Software Showcase landing page.
Version: 1.0.0
Template: leadengine
*/

:root{ 
  --primary-blue:#4f6df5; 
  --event-chip-height: 52px;   /* increase height */
  --event-chip-gap: 16px;      /* distance from bottom */
}

.lower-footer {
  padding: 50px 0 145px 0;
}

.back-to-top.active {
  right: 25px;
  bottom: 60px;
}


.tt_button { background:#4F6DF5; color:#fff; border:2px solid #4F6DF5; }
.tt_button:hover { background:#fff; color:#4F6DF5; }
.tt_button.tt_secondary_button { background:transparent; color:#4F6DF5; border:2px solid #4F6DF5; }
.tt_button.tt_secondary_button:hover { background:#4F6DF5; color:#fff; }
.tt_button .prim_text { color:inherit; }

/* Make VC "Read more" match LeadEngine filled button */
.vc_btn3.vc_general.vc_btn3-style-flat.vc_btn3-color-juicy-pink{
    background:#4F6DF5 !important;
    border:2px solid #4F6DF5 !important;
    color:#fff !important;
    font-weight:600;
    border-radius:4px;            /* match tt_button */
    padding:.625rem 1rem;         /* match tt_button */
    line-height:1;
    text-decoration:none;
    transition:all .2s ease-in-out;
  }
  .vc_btn3.vc_general.vc_btn3-style-flat.vc_btn3-color-juicy-pink:hover{
    background:#fff !important;
    color:#4F6DF5 !important;
  }
  
  /* If you need an outlined variant from VC, use "outline" style */
  .vc_btn3.vc_general.vc_btn3-style-outline.vc_btn3-color-juicy-pink{
    background:transparent !important;
    border:2px solid #4F6DF5 !important;
    color:#4F6DF5 !important;
  }
  .vc_btn3.vc_general.vc_btn3-style-outline.vc_btn3-color-juicy-pink:hover{
    background:#4F6DF5 !important;
    color:#fff !important;
  }
  


/* Event Bar */



.event-tab{
  position:fixed; top:50%; right:0; transform:translateY(-50%);
  z-index:2147483647;
}
.event-tab__link{
  display:block; writing-mode:vertical-rl; text-orientation:mixed;
  background:var(--primary-blue); color:#fff; text-decoration:none;
  padding:34px 30px; font-weight:700; line-height:1.2;
  border:2px solid var(--primary-blue); border-radius:8px 0 0 8px;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
  transition:background .2s,color .2s,box-shadow .2s;
}
.event-tab__link:hover,
.event-tab__link:focus-visible{
  background:#fff; color:var(--primary-blue);
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}
/* Fallback if vertical writing-mode isn't supported */
@supports not (writing-mode: vertical-rl){
  .event-tab__link{ writing-mode:initial; transform:rotate(-90deg); transform-origin:right top; }
}

/* Mobile: convert to a floating chip */
@media (max-width: 767px) {
    .event-tab {
      width: max-content;
      top: auto;
      bottom: 12px;
      left: 50%;
      right: auto;
      transform: translateX(-50%);
    }
  
    .event-tab__link {
      writing-mode: initial;
      transform: none;
      border-radius: 999px;
      padding: 10px 15px;
      font-size: 12px;
    }

    .hero-title {
        padding-top: 0px !important;
    }
  }
  
.hero-title {
    padding-top: 20vh;
}
  

@media (max-width: 959px) {
    .upper-footer {
        background: #252525
    }
}



/* Grid on the wrapper */
.product-thumbnails .vc_pageable-slide-wrapper[data-vc-grid-content="true"]{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    height: auto !important; /* kill fixed inline height */
  }
  
  /* Only .vc_grid-item should participate in the grid */
  .product-thumbnails .vc_pageable-slide-wrapper > :not(.vc_grid-item){
    display: none !important; /* or use display: contents */
  }
  
  /* Neutralize VC's absolute positioning on items */
  .product-thumbnails .vc_pageable-slide-wrapper > .vc_grid-item{
    position: static !important;
    inset: auto !important;       /* resets left/top */
    transform: none !important;
    width: auto !important;
    margin: 0 !important;
  }
  
  .product-thumbnails .vc_grid-item-mini{ height: 100%; }
  
  /* Responsive */
  @media (max-width: 991px){
    .product-thumbnails .vc_pageable-slide-wrapper[data-vc-grid-content="true"]{
      grid-template-columns: repeat(2, minmax(0,1fr));
    }
  }
  @media (max-width: 575px){
    .product-thumbnails .vc_pageable-slide-wrapper[data-vc-grid-content="true"]{
      grid-template-columns: 1fr;
    }

    .vc_grid-filter.vc_grid-filter-right {
        text-align: center !important;
    }
  }
  
  /* Remove WPBakery clearfix pseudos so they don't occupy a grid cell */
.product-thumbnails .vc_clearfix:after, .vc_clearfix:before {
    content: none !important;
    display: none !important;
}

.product-thumbnails .vc_clearfix  {
    margin: 0px !important;
}

.vc_grid-filter.vc_grid-filter-right {
    text-align: right !important;
}


/* Subsections */

.single-portfolio #single-page {
    padding-top: 15px;
}

/* Contact Form 7 Button */

.wpcf7-submit:disabled {
    pointer-events: none;
  }
  
  .wpcf7-submit:not(:disabled) {
    border: 2px solid var(--primary-blue) !important;
    background-color: var(--primary-blue) !important;
    color: white !important;
  }
  
  .wpcf7-submit:not(:disabled):hover {
    background-color: white !important;
    color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
  }