/* 2026-07-28 fix v2: hamburger touching LinkedIn on phones — use position:relative to bypass the flex container that absorbs margin-right */
/*
@media only screen and (max-width: 767px) {
  .et_pb_menu_1_tb_header .et_mobile_nav_menu { position: relative; right: 22px; }
}
*/
@media only screen and (max-width: 980px) {
    /* 1. Override Divi's mobile CSS variables to force a horizontal wrapping row */
    body #page-container .et_pb_section_1_tb_header .et_pb_row_1_tb_header {
        --flex-direction: row !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
    }

    /* 2. Lock the Logo and Menu columns to side-by-side using 47% */
    body #page-container .et_pb_section_1_tb_header .et_pb_column_1_tb_header,
    body #page-container .et_pb_section_1_tb_header .et_pb_column_2_tb_header {
        width: 47% !important;
        max-width: 47% !important;
        flex: 0 0 47% !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* 3. Force the Menu column and its module to align right */
    body #page-container .et_pb_section_1_tb_header .et_pb_column_2_tb_header {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: flex-start !important;
    }

    /* 4. Force the internal hamburger wrapper to the far right edge */
    body #page-container .et_pb_menu_0_tb_header {
        width: 100% !important;
        display: flex !important;
        justify-content: flex-end !important;
    }

    body #page-container .et_pb_menu_0_tb_header .et_pb_menu__wrap,
    body #page-container .et_pb_menu_0_tb_header .et_mobile_nav_menu {
        margin-left: auto !important; /* Pushes the icon to the absolute right */
        display: flex !important;
        justify-content: flex-end !important;
        align-items: flex-start !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* 5. Force the 3rd column (Book a Demo) to a new line at 100% width */
    body #page-container .et_pb_section_1_tb_header .et_pb_column_3_tb_header {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-top: 15px !important;
        display: flex !important;
        justify-content: center !important;
    }
}
/*======================================
Theme Name: tequila
Theme URI: https://divicake.com/
Description: smartpaper theme
Version: 1.0
Author: Tequila
Author URI: https://cubecreative.ie/
Template: Divi
======================================*/
/* montserrat-300 - latin-ext_latin */

/* montserrat-regular - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/cubecreative/fonts/montserrat-v25-latin-ext_latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
div#et-info{ padding: 0.25em 0em 1.0em 0em; float:right;font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;}
/* Hide the menu for mobile/desktop for cost estimtator */
/* mobile */
@media only screen and ( max-width: 980px ) {
    li#menu-item-474 { display: none;}
}
@media only screen and ( min-width: 981px ) {
    li#menu-item-588 { display: none;}
}

/* 2026-07-28 contact bar: 12px top/bottom padding on the teal bar + show the sales email link inline to the left of the phone icon (vertically centred). Phones stay in the dropdown. */
@media only screen and (max-width: 767px) {
  .et_pb_section_0_tb_header { position: relative !important; }
  .et_pb_menu_0_tb_header.et_pb_menu { padding-top: 12px !important; padding-bottom: 12px !important; }

}

/* 2026-07-28 contact bar (v2): sales email link is injected into the teal bar via JS (functions.php). This CSS positions + styles the injected link on mobile, hides it on desktop, hides the duplicate menu-item-3175 in the dropdown on mobile. */
@media only screen and (max-width: 767px) {
  .et_pb_menu_0_tb_header .mobile-sales-email {
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    display: inline-block !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 auto 0 28px !important;
    padding-left: 12px !important;
    background: transparent !important;
    line-height: 50px !important;
    align-self: center !important;
    white-space: nowrap !important;
  }
  .et_pb_menu_0_tb_header .mobile-sales-email:hover,
  .et_pb_menu_0_tb_header .mobile-sales-email:focus {
    color: #FFFFFF !important;
    text-decoration: underline !important;
  }
  /* hide the email item in the dropdown (we now show it inline) */
  .et_pb_menu_0_tb_header #menu-item-3175 { display: none !important; }
}
.mobile-sales-email { display: none !important; }
/* 2026-07-28 header tagline (rework): "Mindblowing AI Made Simple" — tequila gold, centred below the main header row, fades in when visible. Reduced-motion users see it instantly at full opacity. */
.tq-header-tagline {
  background: #ffffff;
  text-align: center !important;
  padding: 12px 12px !important;
  margin: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 1.5s ease-out 1s, transform 1.5s ease-out 1s;
  will-change: opacity, transform;
}
.tq-header-tagline--visible {
  opacity: 1;
  transform: translateY(0);
}
.tq-header-tagline h2 {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 2.5em !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.5px !important;
  color: #facf39 !important;
  -webkit-text-fill-color: #facf39 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
.tq-tagline-word {
  display: inline-block !important;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.tq-header-tagline--visible .tq-tagline-word:nth-child(1) { transition-delay: 0ms; }
.tq-header-tagline--visible .tq-tagline-word:nth-child(2) { transition-delay: 120ms; }
.tq-header-tagline--visible .tq-tagline-word:nth-child(3) { transition-delay: 240ms; }
.tq-header-tagline--visible .tq-tagline-word:nth-child(4) { transition-delay: 360ms; }
.tq-header-tagline--visible .tq-tagline-word {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .tq-header-tagline {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .tq-tagline-word {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .tq-header-tagline { padding: 10px 10px !important; }
  .tq-header-tagline h2 { font-size: 2.5em !important; letter-spacing: 0 !important; }
}

/* 2026-07-28 three-cards section (homepage hero replacement): tequilaeyeQ styling — dark bg #030712, white "Tequila" + cyan→purple gradient "eyeQ", card pattern from hero6.html. JS hides the original .et_pb_section_0.et_pb_fullwidth_section. */
.tq-three-cards {
  background: #030712;
  color: #ffffff;
  padding: 100px 20px 80px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.tq-three-cards__inner { max-width: 1200px; margin: 0 auto; }
.tq-three-cards__header { text-align: center; margin-bottom: 60px; }
.tq-three-cards__tag {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 2px;
  color: #38bdf8;
  background: rgba(56, 189, 248, 0.08);
  padding: 6px 14px;
  border-radius: 20px;
  border: 1px solid rgba(56, 189, 248, 0.15);
  margin-bottom: 28px;
}
.tq-three-cards__header h2 {
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.04em;
  margin: 0 0 24px 0;
  color: #ffffff;
}
.tq-three-cards__gradient {
  background: linear-gradient(135deg, #38bdf8, #a855f7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.tq-three-cards__header p {
  color: #94a3b8;
  font-size: 1.25rem;
  max-width: 620px;
  margin: 0 auto;
  line-height: 1.6;
}
.tq-three-cards__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
.tq-card {
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  padding: 40px 30px;
  border-radius: 18px;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}
.tq-card:hover {
  transform: translateY(-4px);
  border-color: rgba(56, 189, 248, 0.2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}
.tq-card__icon {
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #38bdf8;
  margin-bottom: 24px;
  transition: border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.tq-card__icon svg { width: 20px; height: 20px; }
.tq-card:hover .tq-card__icon {
  border-color: #a855f7;
  color: #a855f7;
  box-shadow: 0 0 15px rgba(168, 85, 247, 0.15);
}
.tq-card h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 12px 0;
  color: #ffffff;
}
.tq-card p {
  font-size: 0.95rem;
  color: #64748b;
  line-height: 1.6;
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .tq-three-cards__header h2 { font-size: 2.8rem; }
}
@media only screen and (max-width: 767px) {
  .tq-three-cards { padding: 60px 16px 50px; }
  .tq-three-cards__header h2 { font-size: 2.2rem; }
  .tq-three-cards__header p { font-size: 1.05rem; }
  .tq-three-cards__grid { grid-template-columns: 1fr; gap: 16px; }
  .tq-card { padding: 30px 24px; }
}

/* 2026-07-28: global header v75a — utility bar + sticky dark navy main nav. Replaces the previous Divi Theme Builder header. */
.tq-skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 1000;
  background: #15101E; color: #fff; padding: 10px 16px; border-radius: 0 0 6px 0;
}
.tq-skip-link:focus { left: 0; }

.tq-util {
  background: #15101E;
  color: #cfd9e2;
  font-size: 13px;
  border-bottom: 1px solid #15314a;
}
/*.tq-container { max-width: 1320px; margin: 0 auto; padding: 0 24px;  */
/*
.tq-container { max-width: 95%; margin: 0 auto; padding: 0 24px; }
.tq-util-spread { display: flex; align-items: center; gap: 0; }
*/
.tq-util-spread { display: flex; align-items: center; gap: 0; max-width:100%; margin:0; padding: 0 }
.tq-util-phone {
  color: inherit; text-decoration: none; opacity: 0.85;
  flex: 1; text-align: center;
  padding: 8px 0;
}
.tq-util-phone:first-child { text-align: left; flex: 0 0 auto; }
.tq-util-phone:last-of-type { text-align: right; flex: 0 0 auto; }
.tq-util-phone:hover { opacity: 1; }
.tq-util-icons {
  display: flex; flex-direction: row; align-items: center;
  gap: 18px; margin-left: 5%;
}
.tq-util-icons a { color: #cfd9e2; display: inline-flex; align-items: center; }
.tq-util-icons a:hover { color: #fff; }

.tq-global-header {
  background: #141A2B;
  border-bottom: 1px solid rgba(63, 183, 198, 0.18);
  position: sticky; top: 0; z-index: 50;
}
.tq-global-header__inner {
  display: flex; align-items: center; justify-content: space-between;
  min-height: 72px; gap: 24px;
  position: relative;
}
.tq-logo {
  display: inline-flex; align-items: center; gap: 10px;
  font-weight: 800; font-size: 1.25rem; color: #F4F6FA; letter-spacing: -0.01em;
  padding: 0;
  text-decoration: none;
}
.tq-logo:hover { text-decoration: none; }
.tq-brand-img { height: 80px; width: auto; display: block; }

.tq-nav {
  display: flex; align-items: center; justify-content: flex-end;
  flex: 1; padding-left: 8px;
  position: relative;
}
.tq-nav-list {
  position: absolute; left: 0; right: 0; margin: 0 auto; width: max-content;
  display: flex; justify-content: center; gap: 36px;
  list-style: none; padding: 0; margin-block: 0;
}
.tq-nav-list a {
  color: #B5BFCF; font-weight: 500; font-size: 15px;
  padding: 6px 2px; border-bottom: 2px solid transparent;
  text-decoration: none;
}
.tq-nav-list a:hover { color: #3FB7C6; text-decoration: none; border-bottom-color: #3FB7C6; }

.tq-nav-cta {
  background: #3FB7C6; color: #fff; font-weight: 600; font-size: 14px;
  padding: 10px 18px; border-radius: 8px; border: 0; cursor: pointer;
  transition: background .15s ease;
  text-decoration: none;
}
.tq-nav-cta:hover { background: #2A8A97; text-decoration: none; }

.tq-menu-btn {
  display: none; background: transparent; border: 0; cursor: pointer;
  width: 40px; height: 40px; border-radius: 6px; color: #F4F6FA;
}
.tq-menu-btn:hover { background: rgba(255,255,255,0.08); }

/* Hide the old Divi Theme Builder header so the new one stands alone.  */
/*
.et_pb_section_0_tb_header,
.et_pb_section_1_tb_header,
.et_pb_section_2_tb_header,
.et_pb_section_3_tb_header,
.tq-header-tagline,
.tq-mobile-sales-email { display: none !important; }
*/
/* Push page content below the sticky header so it doesn't tuck underneath. */
#main { padding-top: 0; }

/* Mobile */
@media (max-width: 767px) {
  .tq-util-spread { flex-wrap: wrap; }
  .tq-util-phone { flex-basis: 33%; text-align: center; padding: 4px 0; font-size: 12px; }
  .tq-util-icons { margin-left: auto; gap: 12px; }
  .tq-util-icons a svg { width: 14px; height: 14px; }
  .tq-global-header__inner { min-height: 56px; gap: 12px; }
  .tq-brand-img { height: 48px; }
  .tq-nav-list { display: none; }
  .tq-nav-cta { display: none; }
  .tq-menu-btn { display: inline-flex; align-items: center; justify-content: center; }
}