@charset "UTF-8";
/* abstyles4.css trimmed to selectors actually used by index.html.
   Removed product-box hover, ds_hover_box, aioseo-breadcrumb, sidebar widgets,
   blog-content, and FAQ styles that are not present on this page.
   Kept only button, layout, and responsive rules relevant to index.html. */

/* === Button styles used on index.html (Explore Paylocity, Learn More, etc.) === */
body #page-container .et_pb_section .et_pb_button.btn-fw,
body #page-container .et_pb_section .et_pb_button.button-width,
.button-wide,
body #page-container .et_pb_section .et_pb_button_0_tb_header.header-button,
body #page-container .et_pb_section .dpdfg_filtergrid_7 .et_pb_button.dp-dfg-load-more-button,
body #ctm-header-btn.et_pb_button {
  background-color: #4DAA57 !important;
  border: 1px solid #4DAA57 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #fff !important;
  width: auto !important;
}

body #page-container .et_pb_section .et_pb_button.btn-fw:hover,
body #page-container .et_pb_section .et_pb_button.button-width:hover,
.button-wide:hover {
  background-color: #408D48 !important;
  border-color: #408D48 !important;
}

body .et_pb_button {
  border: 0 !important;
  font-size: 16px;
  font-weight: 600;
}

/* === Secondary button variant (not used on page but kept for future safety) === */
body #page-container .et_pb_section .button-wide.secondary {
  background-color: transparent !important;
  border: 1px solid #4DAA57 !important;
  color: #4DAA57 !important;
  width: auto !important;
}

body #page-container .et_pb_section .button-wide.secondary:hover {
  background-color: transparent !important;
  border: 1px solid #408D48 !important;
  color: #408D48 !important;
}

/* === Layout Helpers === */
.buttons-row {
  width: auto !important;
  margin-right: 16px !important;
}

@media only screen and (max-width: 671px) {
  .hero-btns div a,
  body #page-container .et_pb_section .button-wide.secondary {
    width: 100% !important;
  }

  .buttons-row {
    width: 100% !important;
    margin-right: 0 !important;
  }

  body .et_pb_module .button-wide {
    padding: 16px 0 !important;
  }
}

/* === Typography utility (eyebrow) === */
.eyebrow {
  font-size: 14px;
  font-weight: 600 !important;
  line-height: 120%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #60605E;
}

/* === Global background === */
body.custom-background {
  background-color: #f9f9f7;
}

/* === Responsive video wrapper (used in popup embed) === */
.fluid-width-video-wrapper {
  width: 100%;
  position: relative;
  padding: 0;
}

.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}