/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 06 2026 | 11:17:53 */
.sensei-course-theme-course-progress-bar-inner {
  background-color: #C5960C!important;
}

.sensei-course-theme .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default .wp-block-button__link, .editor-styles-wrapper .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default .wp-block-button__link {
  background-color: #C5960C!important;
}

.sensei-course-theme .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-outline .wp-block-button__link, .sensei-course-theme .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default .wp-block-button__link, .editor-styles-wrapper .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-outline .wp-block-button__link, .editor-styles-wrapper .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default .wp-block-button__link {
  border: solid 1px #032e58!important;
}

.editor-styles-wrapper .wp-block .wp-block-sensei-lms-exit-course, .wp-block-sensei-lms-exit-course {
  color: #032e58!important;
  font-size: 1rem;
  line-height: 1.1875;
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-secondary, .editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.wp-block-button.is-style-outline, .sensei-course-theme .wp-block-button.is-secondary, .sensei-course-theme .wp-block-button.wp-block-button.is-style-outline, .sensei-course-theme__button.is-secondary, .sensei-course-theme__button.wp-block-button.is-style-outline {
  --wp--custom--button--border--color: #032e58!important;
  color: #032e58!important;
  flex-shrink: 0;
}
.editor-styles-wrapper .sensei-lms-course-navigation-module__title, .sensei-lms-course-navigation-module__title {
    color: #032e58!important;
}

.gform_button .button {
	background-color: #032e58!important;
}

.partstm {
	padding: 0 4px 0 0;
	margin: 0 8px 0 0;
	min-width: 94px;
	border-right: 4px solid #AAAAAA;
}
.topmenuaa {
	padding: 0 0px 0 8px;
	}

/*.topmenuaa a:active {
	background-color:#ebebeb;
}*/

.frontpcss a {
	text-decoration:none;
}
.frontpcss a:hover {
	text-decoration:underline;
}
/*.bgeffectroll {
	background-color:#ebebeb!important;
	padding: 1px;
}*/

/* Fixed 20rem left column */
.mc-hero {
  display: grid !important;
  gap: var(--wp--style--block-gap, 1.25rem);
  grid-template-columns: 21rem 1fr 1fr;   /* left is fixed */
  grid-template-areas: "left mid right";
  align-items: stretch;
}

/* map your columns */
.mc-hero .mc-left  { grid-area: left; }
.mc-hero .mc-mid   { grid-area: mid; }
.mc-hero .mc-right { grid-area: right; }

/* neutralize WP Columns flex sizing */
.mc-hero > .wp-block-column { flex: initial !important; width: auto; min-width: 0; }

/* ≤1200px: left stays 20rem; right drops below both */
@media (max-width: 1200px) {
  .mc-hero {
    grid-template-columns: 20rem 1fr;
    grid-template-areas:
      "left  mid"
      "right right";
  }
}

/* ≤700px: single column stack to avoid horizontal scroll */
@media (max-width: 700px) {
  .mc-hero {
    grid-template-columns: 1fr;
    grid-template-areas:
      "left"
      "mid"
      "right";
  }
	.spacedissapear {
		display:none;
	}
.topmenuaa {
	text-align:left;
	}
}

/* Parts Finder header grid */
.pf-header.wp-block-columns,
.pf-header.is-layout-flex {
  display: grid !important; /* override Gutenberg flex */
  grid-template-columns: 280px minmax(0, 1fr) 280px;
  gap: var(--wp--style--block-gap, 1.5rem);
  align-items: stretch;
}
.hydraulic {
	padding-left: 2.5rem!important;
	}
	.mctitle {
		font-size: 5rem!important;
		padding-left: 3rem!important;
	}
.partsmc {
	padding-left: 3.25rem!important;
}
.parthy {
	padding-left: 2.5rem!important;
}
/* Make sure columns don't bring their own widths */
.pf-header .wp-block-column { min-width: 0; }

@media (min-width: 801px) {
.parts-top {
	padding-right: 2.5%!important;
 	padding-left: 2.2%;
} 
}
@media (max-width: 800px) {
.parts-top {
	padding-right: 2.2%!important;
 	padding-left: 2.2%;
} 
}

/* ---------- 1100px to 801px ---------- */
/* Layout: [2nd | 3rd] on top row, [1st | 3rd] on bottom row.
   Right column (3rd) stays on the right and spans both rows. */
@media (max-width: 1100px) and (min-width: 801px) {
  .pf-header.wp-block-columns,
  .pf-header.is-layout-flex {
    grid-template-columns: minmax(0, 1fr) 440px; /* left fluid, right fixed */
    grid-auto-rows: auto;
  }

  /* 2nd column -> top-left */
  .pf-header .wp-block-column:nth-child(2) {
    grid-column: 1;
    grid-row: 1;
  }

  /* 1st column -> bottom-left */
  .pf-header .wp-block-column:nth-child(1) {
    grid-column: 1;
    grid-row: 2;
  }

  /* 3rd column -> right, spanning both rows */
  .pf-header .wp-block-column:nth-child(3) {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
	.hydraulic {
	padding-left: 3.4rem!important;
	}
	.mctitle {
		font-size: 3.5rem!important;
		padding-left: 4rem!important;
	}
.partsmc {
	padding-left: 4rem!important;
	padding-top: 1rem!important;
}
.parthy {
	padding-left:3.4rem!important;
	padding-top: 0.8rem!important;
}
}
@media (max-width: 800px) {
	.hydraulic {
	padding-left: 3.4rem!important;
	}
	.mctitle {
		font-size: 3.5rem!important;
		padding-left: 4rem!important;
	}
.partsmc {
	padding-left: 4rem!important;
	padding-top: 1rem!important;
}
.parthy {
	padding-left: 3.4rem!important;
	padding-top: 0.8rem!important;
}
}

/* ---------- ≤800px (mobile) ---------- */
/* Layout: row1 [2nd | 3rd], row2 [1st spans both] */
@media (max-width: 800px) {
  .pf-header.wp-block-columns,
  .pf-header.is-layout-flex {
    grid-template-columns: 1fr 1fr; /* two equal columns */
    grid-auto-rows: auto;
  }

  /* 2nd column -> top-left */
  .pf-header .wp-block-column:nth-child(2) {
    grid-column: 1;
    grid-row: 1;
  }

  /* 3rd column -> top-right */
  .pf-header .wp-block-column:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
  }

  /* 1st column -> bottom, spanning both columns */
  .pf-header .wp-block-column:nth-child(1) {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

/* Kill default margins that add extra air */
.pf-header figure,
.pf-header .wp-block-image,
.pf-header .wp-block-group {
  margin: 0;
}

/* Keep the tip box from adding unintended spacing */
.pf-tip {
  margin: 0;
}

/* ---------- 1100px → 501px ---------- */
/* Reduce the grid gap so the bottom-left tip sits closer to the right image */
@media (max-width: 1100px) and (min-width: 501px) {
  .pf-header.wp-block-columns,
  .pf-header.is-layout-flex {
    /* keep layout from earlier; just tighten spacing */
    column-gap: clamp(0.25rem, 1vw, 0.75rem);
    row-gap: clamp(0.25rem, 1vw, 0.5rem);
  }

  /* Optional: nib the tip even closer by crossing into the gap slightly */
  .pf-tip {
    margin-right: -0.25rem; /* adjust to taste: -0.25rem to -0.5rem */
  }
}

/* ---------- ≤500px (mobile) ---------- */
/* Your layout keeps two items on top (cols 2 & 3) and tip spanning below;
   lower the vertical gap between rows so the tip hugs the picture's bottom */
@media (max-width: 500px) {
  .pf-header.wp-block-columns,
  .pf-header.is-layout-flex {
    column-gap: clamp(0.25rem, 2vw, 0.75rem);
    row-gap: clamp(0.25rem, 2vw, 0.5rem);
  }

  /* Ensure no extra spacing on the tip row */
  .pf-tip {
    margin-right: 0; /* no need for the negative nib when spanning full width */
  }
}
/* Center the 2nd column vertically at <=800px */
@media (max-width: 800px) {
  /* The column itself is a flex container in Gutenberg */
  .pf-header .wp-block-column:nth-child(2) {
    justify-content: center !important;   /* vertical center (flex-direction: column) */
    align-self: stretch;                   /* still fill the grid cell height */
    min-height: 0;                         /* prevent odd stretching */
  }

  /* If the column was explicitly set to "bottom" in the editor, neutralize it 
  .pf-header .wp-block-column.is-vertically-aligned-bottom:nth-child(2) {
    justify-content: center !important;
  }*/

  /* Optional: if inner Group is forcing spacing, tidy it up */
  .pf-header .wp-block-column:nth-child(2) > .wp-block-group {
    margin: 0;
  }
}
/* 1100px → 501px: make the two left-side rows equal height,
   then center the 2nd column inside its (top) row */
@media (max-width: 1100px) and (min-width: 501px) {
/*  .pf-header.wp-block-columns,
  .pf-header.is-layout-flex {
    grid-auto-rows: 1fr;  row1 & row2 split the left side evenly */
  }

  /* Vertically center the 2nd column in its row, keep it left-aligned */
  .pf-header .wp-block-column:nth-child(2) {
    place-self: center start !important; /* align-self:center + justify-self:start */
    /* neutralize any WP “bottom” alignment or flex pushes */
    justify-content: normal !important;
  }

  /* Keep the tip box hugging the bottom-left of row 2 */
  .pf-header .wp-block-column:nth-child(1) {
    align-self: end;
  }
}

/* ≤500px (mobile): top row is [2nd | 3rd]; center the 2nd within that row */
@media (max-width: 500px) {
  .pf-header .wp-block-column:nth-child(2) {
    place-self: center start !important; /* vertical middle, left edge */
    justify-content: normal !important;
  }
	
}
@media (max-width: 600px) {
.hydraulic {
		font-size: 1.5rem!important;
	padding-left: 1.5rem!important;
	}
	.mctitle {
		font-size: 2.6rem!important;
		padding-left: 3rem!important;
	}
.partsmc {
	padding-left: 3.1rem!important;
	padding-top: 0rem!important;
}
.parthy {
	padding-left: 1.5rem!important;
}
}
@media (max-width: 500px) {
.hydraulic {
		font-size: 1.4rem!important;
	padding-left: 1rem!important;
	}
	.mctitle {
		font-size: 2.2rem!important;
		padding-left: 1.6rem!important;
	}
	.partsmc {
	padding-left: 1.6rem!important;
	padding-top: 0rem!important;
}
.parthy {
	padding-left: 1rem!important;
}
}
/* ========== ALIGNMENT PATCH FOR 2ND COLUMN ONLY ========== */

/* Desktop (≥1101px): bottom-align the content of the 2nd column */
@media (min-width: 1101px) {
  .pf-header .wp-block-column:nth-child(2) {
    /* ensure the column fills the grid cell, then bottom the inner content */
    align-self: stretch !important;
    display: flex; 
    flex-direction: column;
    justify-content: flex-end !important; /* bottom */
    margin-block: 0; /* neutralize any auto margins */
    place-self: auto !important; /* override prior centering, if present */
  }
}

/* ≤1100px (both your sub-1100 breakpoints): center the 2nd column vertically */
@media (max-width: 1100px) {
  .pf-header .wp-block-column:nth-child(2) {
    align-self: stretch !important;
    display: flex; 
    flex-direction: column;
    justify-content: center !important;   /* vertical middle */
    margin-block: 0;
    place-self: auto !important; /* ignore any earlier place-self rules */
  }
}

/* (Optional) if Gutenberg added explicit vertical alignment classes, neutralize them */
@media (min-width: 1101px) {
  .pf-header .wp-block-column.is-vertically-aligned-center:nth-child(2),
  .pf-header .wp-block-column.is-vertically-aligned-top:nth-child(2) {
    justify-content: flex-end !important;
  }
}
@media (max-width: 1100px) {
  .pf-header .wp-block-column.is-vertically-aligned-bottom:nth-child(2) {
    justify-content: center !important;
  }
}

@media (max-width: 1040px) {
  .indetailcol {
    display: flex;
    flex-direction: column-reverse; /* moves left column below right */
  }

	.indetailcol > * {
    width: 100% !important; /* ensure full width when stacked */
    max-width: none;
  }
	.inneraddto {
		padding: 0rem 1rem 0rem 1rem!important;
	} 
}