/* ====================================================================
   landing.css - the shared "landing kit" of the event/seminar/offer pages and the product posts.
   Loaded only on pages with body class .ia-landing (metabox flag, or automatically on posts that
   embed lead form 144/145). Generated 2026-10-12 by theme-audit/css-phase/step3/build-landing-kit.py
   from the per-page WPBakery CSS of 136 pages/posts: rules shared by >= 5 pages that are
   identical on every page whose markup they can match (so no page renders differently than before).
   Page-specific extras and overrides stay in each page's WPBakery CSS, which prints later and wins.
   ==================================================================== */

/* ---- 1. landing layout classes (.ia-*) ---- */
#ia-academy-menu {
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(36, 153, 168,1) 25%, rgba(36, 153, 168,1) 75%, rgba(255,255,255,1) 100%);
}
#ia-academy-menu .widget {
  margin: 0;
}
#ia-academy-menu li {
  display: inline-block;
  margin: 0 !important;
}
#ia-academy-menu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 5px 16px;
  text-decoration: none;
  border-right: 1px solid white;
  margin: 10px 0;
}
#ia-academy-menu li a:active {
  color: green;
}
#ia-academy-menu li a:hover {
  background-color: #1e2b5b;
}
#ia-academy-menu li a:visited {
  color: #ffffff;
}
#ia-academy-menu li:last-child a {
  border-right: none;
}
#ia-academy-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
}
#ia-visibility-note img.emoji, #ia-visibility-note-mobile img.emoji {
  height: 2em !important;
  width: 2em !important;
}
.ia-background-repeat {
  background-repeat: repeat-y;
}
.ia-cv-image {
  display: block;
  margin: auto;
  position: absolute;
  bottom: -20px;
  right: 42%;
}
.ia-cv-image-feb24 .vc_single_image-wrapper img {
  max-width: 100%;
}
.ia-cv-zero-padding .wpb_column {
  padding: 0 !important;
}
.ia-discount-note {
  text-align: center;
  background: #019891;
  border-radius: 5px;
  width: 45%;
  display: block;
  color: #fff;
  font-size: 18px;
  margin: auto;
  padding: 20px;
  font-weight: 500;
}
.ia-discount-note-mobile {
  text-align: center;
  background: #019891;
  border-radius: 5px;
  width: 90%;
  display: block;
  color: #fff;
  font-size: 18px;
  margin: auto;
  padding: 20px;
  font-weight: 400;
}
.ia-display-none {
  display: none;
}
.ia-early-bird-offer {
  position: relative;
  top: -30px;
}
.ia-early-bird-price-pending {
  font-size: 18px;
  color: #000;
}
.ia-gradient-row {
  background: rgb(30,43,91);
  background: -moz-linear-gradient(90deg, rgba(30,43,91,1) 20%, rgba(99,153,209,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(30,43,91,1) 20%, rgba(99,153,209,1) 100%);
  background: linear-gradient(90deg, rgba(30,43,91,1) 20%, rgba(99,153,209,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e2b5b",endColorstr="#6399d1",GradientType=1);
}
/* Safety net (2026-10-28): the CTA row is always a top-level, full-width row. If an unclosed tag in the content
   above it makes the browser nest it inside the previous row, haswell's `.entry-content > .vc_row-fluid .vc_row-fluid`
   gives the row AND its inner row -15px side margins, and the theme's `.entry-content > .vc_row-fluid.cms-row-full-width
   .vc_row-fluid { margin: 0 }` no longer matches (mobile form bleeding out of the viewport, posts 3806/6839).
   Both selectors are inert on correctly nested pages. */
.vc_row-fluid .vc_row-fluid.ia-gradient-row,
.vc_row-fluid .vc_row-fluid.ia-gradient-row .vc_row-fluid {
  margin-left: 0;
  margin-right: 0;
}
.ia-header-bold h1 {
  font-weight: 500 !important;
}
.ia-header-center.cms-custom-heading {
  text-align: center;
}
.ia-header-row-first {
  position: relative;
  left: 130px;
}
.ia-header-row-first-mobile {
  position: relative;
  left: 10%;
  top: 30px;
}
.ia-header-row-second {
  position: relative;
  left: 130px;
}
.ia-header-row-second-mobile {
  position: relative;
  left: 10%;
  top: 10px;
}
.ia-header-two h2 {
  margin-bottom: 0 !important;
}
.ia-icon-discount.vc_icon_element-icon {
  color: orangered;
  font-size: 2.15em!important;
  display: inline-block;
  margin: 0 5px;
  position: relative;
  top: 5px;
}
.ia-icon-yellow.vc_icon_element-icon {
  color: #fab005;
  font-size: 2.15em!important;
  display: inline-block;
}
.ia-margin-top-zero h3 {
  margin-top: 0;
}
.ia-mobile-css {
  color: white;
  background: rgb(30,43,91);
  border-radius: 10px;
  border-bottom: 1px solid rgb(30,43,91);
  background: -moz-linear-gradient(90deg, rgba(30,43,91,0.6001751042213761) 0%, rgba(39,51,101,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(30,43,91,0.6001751042213761) 0%, rgba(39,51,101,1) 100%);
  background: linear-gradient(90deg, rgba(30,43,91,0.6001751042213761) 0%, rgba(39,51,101,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e2b5b",endColorstr="#273365",GradientType=1);
  padding: 0 !important;
  text-align: center;
  font-size: 20px;
  position: relative;
  text-shadow: 2px 2px #000000;
  margin-bottom: 30px;
}
.ia-mobile-css-inner {
  background: white;
  height: 90px;
  margin-bottom: 90px;
}
.ia-mobile-css-inner-cv {
  height: 40px;
}
.ia-mobile-css-inner-cv-small {
  height: 20px;
}
.ia-mobile-css-work {
  color: white;
  background: rgb(1,152,145);
  border-radius: 10px;
  border-bottom: 1px solid rgb(1,152,145);
  background: -moz-linear-gradient(90deg, rgba(1,152,145,1) 0%, rgba(1,65,109,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(1,152,145,1) 0%, rgba(1,65,109,1) 100%);
  background: linear-gradient(90deg, rgba(1,152,145,1) 0%, rgba(1,65,109,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#019891",endColorstr="#01416d",GradientType=1);
  padding: 0 !important;
  text-align: center;
  font-size: 20px;
  position: relative;
  text-shadow: 2px 2px #000000;
  margin-bottom: 30px;
}
.ia-mobile-image {
  display: block;
  margin: auto;
  position: relative;
}
.ia-padding-left {
  padding-left: 90px;
}
.ia-pending {
  color: red;
}
.ia-purple-button {
  border-color: #CA355B !important;
  background-color: #CA355B !important;
}
.ia-purple-button h2 {
  color: #E7E6E6 !important;
}
.ia-purple-button p {
  color: #FFFFFF !important;
}
.ia-shadow-glow h2 {
  text-shadow: 1px 1px 2px black, 0 0 25px lightgrey, 0 0 5px darkgrey;
}
.ia-stroke-grey h2 {
  text-shadow: 2px 2px 4px #000000;
}
.ia-time-show {
  color: #000000;
}
.ia-vertical-end {
  height: 87px;
}
.ia_cv_image {
  position: relative;
  left: -340px;
  top: -20px;
}
.ia_cv_image_mobile {
  position: relative;
  left: 20px;
  top: -20px;
}
.ia_header_image {
  position: relative;
  top:110px;
}
.ia_streaming {
  padding: 0 40px 0 20px;
  text-indent: 0px;
}
.vc_custom_1623486453631 {
  height: 87px;
}

/* ---- 2. Gravity Forms white theme (formerly #gform_wrapper_<id> rules; generic when every form had the rule, else per lead form) ---- */
body.ia-landing #gform_wrapper_144 .gform_body, body.ia-landing #gform_wrapper_145 .gform_body, body.ia-landing #gform_wrapper_144 .gfield_label, body.ia-landing #gform_wrapper_145 .gfield_label {
  color: #ffffff;
}
body.ia-landing #gform_wrapper_144 :-ms-input-placeholder, body.ia-landing #gform_wrapper_145 :-ms-input-placeholder {
  color: #a6a7a9;
}
body.ia-landing #gform_wrapper_144 ::-ms-input-placeholder, body.ia-landing #gform_wrapper_145 ::-ms-input-placeholder {
  color: #a6a7a9;
}
body.ia-landing #gform_wrapper_144 ::placeholder, body.ia-landing #gform_wrapper_145 ::placeholder {
  color: #a6a7a9;
  opacity: 1;
}
body.ia-landing #input_144_6, body.ia-landing #input_144_9 {
  color: #ffffff !important;
}
body.ia-landing #input_145_6, body.ia-landing #input_145_9 {
  color: #ffffff !important;
}
body.ia-landing #label_144_1_1, body.ia-landing #label_144_2_1, body.ia-landing #label_144_3_1 {
  max-width: 100%;
}
body.ia-landing #label_145_1_1, body.ia-landing #label_145_2_1, body.ia-landing #label_145_3_1 {
  max-width: 100%;
}
body.ia-landing .gform_confirmation_message {
  color: white;
  padding: 30px;
  text-align: center;
  font-size: 20px;
}
body.ia-landing .gform_fields .ginput_container.ginput_container_checkbox {
  float: none !important;
  width: 95% !important;
  margin: auto;
}
body.ia-landing .gform_validation_errors .validation_error {
  margin-bottom: 0px !important;
}
body.ia-landing .gform_wrapper .gfield_required.gfield_required_text {
  display: none;
}
body.ia-landing .gform_wrapper .gform_footer.left_label {
  padding: 20px 10px !important;
}
body.ia-landing .gform_wrapper h3.gsection_title {
  color: white;
  text-align: center;
}
body.ia-landing .gform_wrapper h3.gsection_title:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 20%;
  padding-top: 10px;
  border-bottom: 1px solid white;
}
body.ia-landing .gform_wrapper input, body.ia-landing .gform_wrapper select {
  color: #ffffff !important;
}
/* RETIRED (step 4, 2026-10-12): the white submit button. Gravity Forms 2.5+ renders <button class="gform_button">,
   so this input[type=submit] rule matched nothing; forms.css now styles body.ia-landing .gform_button this way.
body.ia-landing .gform_wrapper input[type=submit] {
  border: 1px solid white !important;
  border-radius: 5px !important;
  background: white !important;
  color: #1e2b5b !important;
  font-size: 16px !important;
  padding: 10px !important;
  margin: auto;
  display: block;
}
*/

/* ---- 3. formerly .postid-<id> scoped rules ---- */
body.ia-landing .section2 {
  padding-bottom: 20px !important;
}
body.ia-landing div#main > div.container {
  width: 100% !important;
}

/* ---- 4. generic element rules, scoped to the landing pages ---- */
body.ia-landing .mega-accordion .mega-panel.ui-accordion-content h3 {
  margin: 26px 0 16px 0;
  padding-left: 0;
  cursor: default;
}
body.ia-landing .ui-icon {
  text-indent: 0px !important;
}
body.ia-landing .vc_general.vc_cta3.vc_cta3-style-classic.ia-fully-booked-block {
  border-color: #f0f0f0;
  background-color: #d40e03;
  color: white;
}
body.ia-landing .vc_general.vc_cta3.vc_cta3-style-classic.ia-fully-booked-block p {
  margin-bottom: 0 !important;
}
body.ia-landing div.ia-custom-advanced-button.ia-display-hidden {
  display: none !important;
}
body.ia-landing h2.wpb_heading.wpb_video_heading {
  font-size:18px;
  font-weight: 300;
  text-align: center;
}
body.ia-landing label span.ia_price_note {
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
}
body.ia-landing label span.ia_price_note_steaming {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
}
body.ia-landing label span.ia_regular_price {
  text-decoration: line-through;
}

/* ---- 3. formerly .postid-<id> scoped rules  |  @media (max-width: 480px) ---- */
@media (max-width: 480px) {
  body.ia-landing .section4 {
    margin-top: 10px !important;
  }
}

/* ---- 1. landing layout classes (.ia-*)  |  @media (max-width: 767px) ---- */
@media (max-width: 767px) {
  .ia_cv_image_mobile {
    position: relative;
    left: 20px;
    top: -20px;
  }
}

/* ---- 1. landing layout classes (.ia-*)  |  @media (min-width: 768px) and (max-width: 991px) ---- */
@media (min-width: 768px) and (max-width: 991px) {
  .ia_cv_image_mobile {
    position: relative;
    left: 50px;
    top: -20px;
  }
}

/* ---- 1. landing layout classes (.ia-*)  |  @media only screen and (max-width: 768px) ---- */
@media only screen and (max-width: 768px) {
  #ia-academy-menu {
    display: none;
  }
}

/* ---- 5. post layout for lead-form posts (--CC-- 2026-10-15, owner bug report: blue form row not edge to edge on
   /keramiki-freza-microdont-soft-bur/). The edge-to-edge product layout lived only behind the per-post custom field
   _custom_body_class = th-custom-post-layout (base.css rules). Posts the team builds by hand sometimes leave that field
   empty (4 of 316 lead-form posts on 2026-10-15: 34104, 34516, 35146, 35650) and the row then keeps the 15px column
   gutter. Mirror those rules here for every post that carries the lead form, so the layout no longer depends on the
   field; on the 312 posts that have the class these rules are identical and change nothing. ---- */
body.ia-landing.single-post #main {
  padding-top: 0;
  padding-bottom: 0;
}
body.ia-landing.single-post article {
  padding-bottom: 0;
}
body.ia-landing.single-post .cms-blog-item .entry-content {
  border-bottom: none !important;
  margin: 0;
  padding: 0;
}
body.ia-landing.single-post #main #primary {
  padding: 0;
}
body.ia-landing.single-post .entry-footer {
  padding: 0;
  max-width: 1170px;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.ia-landing.single-post .entry-footer .entry-tags.pull-left {
  margin: 15px;
}