/*
 * Declarations copied from Beaver's generated 330-layout.css (Module 2).
 * Selectors are renamed and scoped to the plugin; duplicate rules are omitted.
 * The original page, builder metadata and generated CSS remain untouched.
 */

/* .fl-row-fixed-width and .fl-row-content-wrap */
.ec-training .ec-layout-width { max-width: 1100px; margin-left: auto; margin-right: auto; min-width: 0; }
.ec-training-hero,
.ec-training-description-section { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }

/* .fl-node-u6pqvmj0kwz8: title */
.ec-training .ec-training-intro h1 { color: #7b9614; }

/* .fl-node-wtsuz8hlg30d: description row */
.ec-training-description-section { background-color: rgb(255, 255, 255); }

/* .fl-node-qnjfskdh0w5b: photo */
.ec-training-photo img {
  object-position: center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

/* .fl-node-2sipm1lxdo0h: practical header, including original assets */
.ec-practical-banner {
  background-color: rgb(255, 255, 255);
  background-image: url(practical-background.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-attachment: scroll;
  background-size: cover;
  padding-left: 20px;
}
.ec-training .ec-practical-banner h2 { color: rgb(255, 255, 255); }

/* .fl-node-kcybm129w5nz: practical row */
.ec-training-practical { background-color: #7b9614; margin-top: 0px; margin-bottom: -1px; padding-top: 0px; }

/* .fl-node-echyxwtj27ui: practical panel */
.ec-practical-panel {
  background-color: rgb(255, 255, 255);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* .fl-node-c1r37qxvatz6: cream dates box */
.ec-dates-panel {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px;
  background-color: #f1e9c7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  min-height: 0px;
}

/* Beaver's .fl-button base, and the two .fl-node-iuao6jy5whcz buttons. */
.ec-component .ec-button {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  padding: 12px 24px;
  text-decoration: none;
  text-shadow: none;
  cursor: pointer;
  border-style: none;
  border-width: 0;
  background-clip: border-box;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  color: rgb(255, 255, 255);
  transition: none;
}
.ec-component .ec-button-pink { background: #960e4f; }
.ec-component .ec-button-green { background: #7b9614; }
/* .fl-node-2r8f75mwa31o: white question button */
.ec-component .ec-button-white { background-color: rgb(255, 255, 255); background-image: none; color: rgb(0, 0, 0); }

/* Beaver edge-slant.svg.php, with the original row's transform and fill. */
.ec-bottom-edge svg { width: 100%; height: auto; transform: scaleX(1) scaleY(-1); }
.ec-bottom-edge polygon { fill: #f1e9c7; }

@media (max-width: 768px) {
  .ec-training .ec-layout-width { max-width: 100%; }
  .ec-practical-banner { background-image: url(practical-background-mobile.png); background-position: left top; }
  .ec-training-photo img {
    width: 100%;
    border-style: none;
    border-width: 0;
    background-clip: border-box;
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0px;
  }
}