.ct-search-box[data-id="search-input"] .ct-search-form-inner {
background: #fbfcfb;
border-color: #c7d1cb;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(30, 45, 36, 0.06);
}
.ct-search-box[data-id="search-input"] .ct-search-form-inner:focus-within {
border-color: #7b9084;
box-shadow: 0 0 0 2px rgba(123, 144, 132, 0.14);
} .frridkp-trainings {
--training-green: #315f45;
--training-green-dark: #204331;
--training-cream: #f5f1e8;
--training-ink: #222522;
color: var(--training-ink);
}
.frridkp-training-hero {
position: relative;
min-height: 650px;
display: grid;
place-items: center;
overflow: hidden;
}
.frridkp-training-hero > img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.frridkp-training-hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(18, 38, 27, .82), rgba(18, 38, 27, .34));
}
.frridkp-training-hero-content {
position: relative;
z-index: 1;
width: min(900px, calc(100% - 48px));
color: #fff;
text-align: center;
}
.frridkp-training-pce-logo {
display: block;
width: clamp(320px, 36vw, 480px);
height: auto;
margin: 0 auto 24px;
object-fit: contain;
}
.frridkp-training-hero-content > span,
.frridkp-training-kicker {
display: block;
margin-bottom: 12px;
font-size: 13px;
font-weight: 800;
letter-spacing: .1em;
text-transform: uppercase;
}
.frridkp-training-hero-content h1 {
margin: 0 0 16px;
color: #fff;
font-size: clamp(46px, 7vw, 80px);
line-height: 1;
}
.frridkp-training-hero-content p {
max-width: 690px;
margin: 0 auto;
font-size: clamp(18px, 2vw, 23px);
line-height: 1.55;
}
.frridkp-training-container {
width: min(1180px, calc(100% - 48px));
margin: 0 auto;
padding: 72px 0 90px;
}
.frridkp-training-intro {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 48px;
align-items: center;
margin-bottom: 80px;
padding: 38px;
border-radius: 20px;
background: var(--training-cream);
}
.frridkp-training-intro h2,
.frridkp-training-heading h2,
.frridkp-training-cta h2 {
margin: 0 0 12px;
color: var(--training-green-dark);
font-size: clamp(29px, 4vw, 42px);
line-height: 1.15;
}
.frridkp-training-intro p,
.frridkp-training-heading p,
.frridkp-training-cta p {
margin: 0;
color: #555b56;
line-height: 1.65;
}
.frridkp-training-section {
margin-bottom: 80px;
scroll-margin-top: 100px;
}
.frridkp-training-heading {
display: flex;
justify-content: space-between;
align-items: end;
gap: 30px;
margin-bottom: 26px;
padding-bottom: 15px;
border-bottom: 2px solid #e2e7e2;
}
.frridkp-training-heading h2 {
max-width: 670px;
margin-bottom: 0;
}
.frridkp-training-heading p {
max-width: 430px;
}
.frridkp-training-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 26px;
}
.frridkp-training-card {
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid #dde4df;
border-radius: 18px;
background: #fff;
box-shadow: 0 10px 28px rgba(28, 53, 38, .08);
transition: transform .2s ease, box-shadow .2s ease;
}
.frridkp-training-card:hover {
transform: translateY(-3px);
box-shadow: 0 15px 36px rgba(28, 53, 38, .14);
}
.frridkp-training-image {
position: relative;
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
overflow: hidden;
flex: 0 0 auto;
background: #e8ece9;
}
.frridkp-training-image img,
.frridkp-training-image .wp-post-image {
position: absolute;
inset: 0;
display: block;
width: 100% !important;
max-width: none !important;
height: 100% !important;
margin: 0 !important;
object-fit: cover !important;
object-position: center center;
transition: transform .35s ease;
}
.frridkp-training-card:hover .frridkp-training-image img {
transform: scale(1.025);
}
.frridkp-training-body {
display: flex;
flex: 1;
flex-direction: column;
padding: 24px;
}
.frridkp-training-type {
align-self: flex-start;
margin-bottom: 13px;
padding: 5px 10px;
border-radius: 999px;
background: #eaf1ec;
color: var(--training-green);
font-size: 11px;
font-weight: 800;
letter-spacing: .045em;
text-transform: uppercase;
}
.frridkp-training-card h3 {
margin: 0 0 8px;
font-size: 23px;
line-height: 1.25;
}
.frridkp-training-card h3 a {
color: var(--training-ink);
text-decoration: none;
}
.frridkp-training-card p {
margin: 0 0 18px;
color: #505650;
line-height: 1.6;
}
.frridkp-training-card .frridkp-training-date {
margin-bottom: 14px;
color: var(--training-green);
font-weight: 800;
}
.frridkp-training-button,
.frridkp-training-primary,
.frridkp-training-secondary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 18px;
border-radius: 8px;
font-weight: 750;
text-decoration: none;
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.frridkp-training-button {
align-self: flex-start;
margin-top: auto;
background: var(--training-green);
color: #fff;
}
.frridkp-training-button:hover,
.frridkp-training-primary:hover {
background: var(--training-green-dark);
color: #fff;
}
.frridkp-training-primary {
background: var(--training-green);
color: #fff;
text-align: center;
}
.frridkp-training-secondary {
border: 1px solid var(--training-green);
color: var(--training-green);
}
.frridkp-training-secondary:hover {
background: #fff;
color: var(--training-green-dark);
}
.frridkp-training-empty {
display: flex;
flex-direction: column;
gap: 5px;
padding: 28px 32px;
border-left: 5px solid var(--training-green);
border-radius: 10px;
background: var(--training-cream);
color: #515851;
}
.frridkp-training-empty strong {
color: var(--training-green-dark);
font-size: 20px;
}
.frridkp-training-cta {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 44px;
align-items: center;
padding: 42px;
border-radius: 22px;
background: var(--training-green-dark);
color: #fff;
}
.frridkp-training-cta h2,
.frridkp-training-cta p,
.frridkp-training-cta .frridkp-training-kicker {
color: #fff;
}
.frridkp-training-cta-buttons {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 240px;
}
.frridkp-training-cta .frridkp-training-primary {
background: #fff;
color: var(--training-green-dark);
}
.frridkp-training-cta .frridkp-training-primary:hover {
background: var(--training-cream);
color: var(--training-green-dark);
}
.frridkp-training-cta .frridkp-training-secondary {
border-color: rgba(255,255,255,.75);
color: #fff;
}
@media (max-width: 980px) {
.frridkp-training-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.frridkp-training-intro,
.frridkp-training-cta {
grid-template-columns: 1fr;
gap: 26px;
}
.frridkp-training-heading {
display: block;
}
.frridkp-training-heading p {
margin-top: 10px;
}
.frridkp-training-cta-buttons {
flex-direction: row;
flex-wrap: wrap;
}
}
@media (max-width: 620px) {
.frridkp-training-hero {
min-height: 540px;
}
.frridkp-training-pce-logo {
width: min(330px, 82vw);
}
.frridkp-training-hero-content,
.frridkp-training-container {
width: min(100% - 32px, 1180px);
}
.frridkp-training-container {
padding-top: 48px;
}
.frridkp-training-grid {
grid-template-columns: 1fr;
}
.frridkp-training-intro,
.frridkp-training-cta {
padding: 28px 22px;
}
.frridkp-training-cta-buttons {
flex-direction: column;
}
} .frridkp-contact-form-wrap { width: 100%; padding: 34px; border-radius: 16px; background: #fff; box-shadow: 0 10px 30px rgba(28,53,38,.08); }
.frridkp-contact-form-wrap h2 { margin: 0 0 24px; color: #204331; font-size: clamp(25px,3vw,34px); }
.frridkp-contact-form p { margin: 0 0 16px; }
.frridkp-contact-form label { display: block; margin-bottom: 6px; color: #303630; font-weight: 650; }
.frridkp-contact-form input[type="text"], .frridkp-contact-form input[type="email"], .frridkp-contact-form input[type="tel"], .frridkp-contact-form textarea { width: 100%; padding: 12px 2px; border: 0; border-bottom: 1px solid #cbd4cd; border-radius: 0; background: transparent; color: #222522; box-shadow: none; }
.frridkp-contact-form textarea { min-height: 135px; padding: 12px; border: 1px solid #cbd4cd; border-radius: 8px; resize: vertical; }
.frridkp-contact-form input:focus, .frridkp-contact-form textarea:focus { border-color: #315f45; outline: 2px solid rgba(49,95,69,.14); outline-offset: 1px; }
.frridkp-contact-consent label { display: flex; gap: 9px; align-items: flex-start; color: #59615b; font-size: 13px; font-weight: 400; line-height: 1.45; }
.frridkp-contact-consent input { flex: 0 0 auto; margin-top: 3px; }
.frridkp-contact-submit { text-align: right; }
.frridkp-contact-submit button { min-width: 150px; padding: 13px 26px; border: 0; border-radius: 7px; background: #315f45; color: #fff; font-weight: 750; cursor: pointer; }
.frridkp-contact-submit button:hover, .frridkp-contact-submit button:focus { background: #204331; }
.frridkp-contact-notice { margin-bottom: 18px; padding: 12px 15px; border-radius: 8px; }
.frridkp-contact-notice.is-success { background: #eaf4ed; color: #1f5a34; }
.frridkp-contact-notice.is-error { background: #faeaea; color: #8a2424; }
.frridkp-contact-hp { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
@media (max-width: 620px) { .frridkp-contact-form-wrap { padding: 24px 20px; } .frridkp-contact-submit button { width: 100%; } }