:root {
--jc-green: #1F8A47;
--jc-green-light: #8CC56B;
--jc-forest: #173F2A;
--jc-forest-deep: #10291C;
--jc-terra: #E2692B;
--jc-sand: #F5EFE3;
--jc-sand-dark: #EADFC8;
--jc-ink: #2B3A31;
--jc-radius: 24px;
--jc-radius-lg: 40px;
--jc-gap: 12px; --jc-shadow: 0 18px 50px -20px rgba(23, 63, 42, .28);
--jc-shadow-hover: 0 28px 60px -22px rgba(23, 63, 42, .40);
}
body { color: var(--jc-ink); }
h1, h2, h3, h4 { color: var(--jc-forest); text-wrap: balance; }
::selection { background: var(--jc-green-light); color: var(--jc-forest); }
a { transition: color .2s ease; }
.wpb_text_column a:not(.nectar-button) { color: var(--jc-green); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.wpb_text_column a:not(.nectar-button):hover { color: var(--jc-terra); } .jc-center, .jc-center .wpb_text_column, .jc-center-row .wpb_column { text-align: center; }
.jc-center-row .vc_column-inner, .jc-center-row .wpb_column { margin-left: auto !important; margin-right: auto !important; float: none !important; }
.jc-align-right { text-align: right; }
.jc-align-right > .vc_column-inner { display: flex; align-items: flex-end; justify-content: flex-end; height: 100%; }
.jc-spacer { height: 30px; } .jc-eyebrow {
display: inline-flex; align-items: center; gap: 8px;
font-size: 13px !important; line-height: 1 !important; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
color: var(--jc-green); background: rgba(31, 138, 71, .10);
padding: 9px 14px; border-radius: 99px; margin-bottom: 18px !important;
}
.jc-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.jc-lead { font-size: 19px; line-height: 1.65; max-width: 62ch; }
.jc-center .jc-lead, .jc-lead.jc-center { margin-left: auto; margin-right: auto; }
.jc-section-title { margin-bottom: 30px; }
.jc-section-title h2 { margin-bottom: 12px; } #header-outer #logo { display: flex; align-items: center; gap: 12px; }
#header-outer #logo::after {
content: "Les Jardiniers\A Charentais"; white-space: pre;
font-family: "Bricolage Grotesque", sans-serif; font-weight: 700; font-size: 19px; line-height: 1.05;
color: var(--jc-forest); letter-spacing: -.3px;
}
#header-secondary-outer { font-size: 13px; }
#header-secondary-outer .nectar-center-text { letter-spacing: .02em; }
#header-outer #top nav > ul > li > a { font-size: 15px; }
#header-outer #top nav > ul > li[class*="button_"] > a { border-radius: 99px !important; padding: 0 20px !important; }
#header-outer #top nav > ul > li.button_solid_color_2 > a:before { background-color: var(--jc-terra) !important; border-radius: 99px; }
#header-outer #top nav > ul > li.button_bordered > a:before { border-color: var(--jc-forest) !important; border-radius: 99px; }
#header-outer .sf-menu li ul { border-radius: 16px; overflow: hidden; padding: 8px 0; }
#header-outer .sf-menu li ul li a { padding: 10px 22px !important; } .wpb_row.jc-hero > .row-bg-wrap { clip-path: inset(0 20px var(--jc-gap) 20px round var(--jc-radius-lg)); }
.wpb_row.jc-hero { background-color: transparent !important; }
.jc-hero h1 { color: #fff !important; font-size: clamp(42px, 6vw, 84px) !important; line-height: 1.02 !important; letter-spacing: -2px; margin: 0 0 22px; }
.jc-hero .jc-lead { color: rgba(255, 255, 255, .88); font-size: 20px; margin-bottom: 34px; }
.jc-hero .jc-eyebrow { color: #fff; background: rgba(255, 255, 255, .14); backdrop-filter: blur(6px); }
.jc-hero .jc-eyebrow::before { background: var(--jc-green-light); }
.jc-hero::after { display: none;
content: ""; position: absolute; right: -120px; bottom: -160px; width: 460px; height: 460px; border-radius: 50%;
background: radial-gradient(circle, rgba(140, 197, 107, .35), rgba(140, 197, 107, 0) 70%); pointer-events: none; z-index: 1;
}
.jc-hero-card, .jc-hero-card p { color: var(--jc-ink) !important; }
.jc-hero-card { box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .45) !important; }
.jc-hero-card .jc-card-label { font-family: "Bricolage Grotesque", sans-serif; font-weight: 700; font-size: 22px; color: var(--jc-forest); margin-bottom: 12px; } .jc-stats { position: relative; z-index: 5; }
.jc-stats > .row_col_wrap_12, .jc-stats .row_col_wrap_12 {
background: #fff; border-radius: var(--jc-radius); box-shadow: var(--jc-shadow); margin-top: -90px; padding: 26px 10px;
}
.jc-stat { font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 46px; line-height: 1; color: var(--jc-green); margin: 0 0 6px !important; letter-spacing: -1px; }
.jc-stat-label { font-size: 15px; line-height: 1.4; color: var(--jc-ink); opacity: .8; }
.jc-stat-col { text-align: center; }
.jc-stat-col + .jc-stat-col { border-left: 1px solid rgba(23, 63, 42, .1); } .wpb_row.jc-sand > .row-bg-wrap, .wpb_row.jc-dark > .row-bg-wrap { clip-path: inset(var(--jc-gap) 20px var(--jc-gap) 20px round var(--jc-radius-lg)); }
.jc-dark h2, .jc-dark h4 { color: #fff; }
.jc-dark .jc-eyebrow { color: #fff; background: rgba(255, 255, 255, .12); }
.jc-dark .jc-eyebrow::before { background: var(--jc-green-light); } .jc-card > .vc_column-inner { box-shadow: var(--jc-shadow); transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease; height: 100%; }
.jc-card:hover > .vc_column-inner { transform: translateY(-6px); box-shadow: var(--jc-shadow-hover); }
.jc-card h4 { margin-bottom: 10px; }
.jc-card p { font-size: 15.5px; line-height: 1.6; margin-bottom: 0; }
.jc-card .nectar_icon_wrap { margin-bottom: 14px !important; }
.jc-card .nectar_icon_wrap .nectar_icon {
width: 64px; height: 64px; display: inline-flex !important; align-items: center; justify-content: center;
border-radius: 18px; background: rgba(31, 138, 71, .10);
}
.jc-card--dark > .vc_column-inner { border: 1px solid rgba(255, 255, 255, .10); box-shadow: none !important; }
.jc-card--dark h4 { color: #fff !important; }
.jc-card--dark p { color: rgba(255, 255, 255, .78); }
.jc-card--dark .nectar_icon_wrap .nectar_icon { background: rgba(140, 197, 107, .16) !important; }
.jc-card--dark .nectar_icon_wrap i { color: var(--jc-green-light) !important; }
.wpb_row.jc-sand .vc_row.inner_row, .jc-dark .vc_row.inner_row { margin-bottom: 30px; }
.jc-card--step .jc-step {
display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 16px;
background: var(--jc-forest); color: #fff; font-family: "Bricolage Grotesque", sans-serif; font-weight: 700; font-size: 18px; margin-bottom: 18px;
}
.jc-card--step:nth-child(odd) .jc-step { background: var(--jc-terra); }
.jc-card--feature > .vc_column-inner { border-left: 6px solid var(--jc-green); } .jc-img .img-with-aniamtion-wrap .inner, .jc-img img { border-radius: var(--jc-radius) !important; }
.jc-img--stack { position: relative; }
.jc-img--stack::before { content: ""; position: absolute; inset: 30px -24px -24px 30px; border-radius: var(--jc-radius); background: var(--jc-sand); z-index: -1; }
.jc-img--tilt img { transform: rotate(2deg); box-shadow: 0 30px 60px -25px rgba(0, 0, 0, .5); } .jc-callout { background: var(--jc-sand); border-radius: 18px; padding: 20px 24px; margin: 6px 0 28px; font-size: 16px; }
.jc-callout strong { display: block; font-family: "Bricolage Grotesque", sans-serif; color: var(--jc-forest); font-size: 18px; margin-bottom: 4px; }
.jc-year { display: inline-block; font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 15px; color: #fff; background: var(--jc-green); border-radius: 99px; padding: 6px 16px; margin-bottom: 16px; }
.jc-chapter .wpb_text_column p { font-size: 17px; }
.jc-quote { font-family: "Bricolage Grotesque", sans-serif; font-size: clamp(22px, 2.6vw, 30px); line-height: 1.35; color: var(--jc-forest); font-weight: 600; margin-bottom: 26px !important; }
ul.jc-checklist { margin: 0 !important; padding: 0; list-style: none; }
ul.jc-checklist li { position: relative; padding: 0 0 18px 44px; list-style: none; }
ul.jc-checklist li::before { content: "✓"; position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--jc-green); color: #fff; font-weight: 700; font-size: 14px; display: flex; align-items: center; justify-content: center; } .jc-post-grid .nectar-post-grid-item .inner, .jc-albums .nectar-post-grid-item .inner { border-radius: 20px; }
.jc-post-grid .nectar-post-grid-item .meta-category a { background: var(--jc-sand); color: var(--jc-forest) !important; border-radius: 99px; padding: 4px 12px; font-size: 12px; }
.jc-post-grid .nectar-post-grid-item .post-heading { font-family: "Bricolage Grotesque", sans-serif; }
.jc-albums .nectar-post-grid-filters a { border-radius: 99px; padding: 8px 18px !important; }
.jc-albums .nectar-post-grid-filters a.active { background: var(--jc-forest); color: #fff !important; } .jc-events { display: grid; grid-template-columns: repeat(var(--jc-cols, 3), minmax(0, 1fr)); gap: 14px; margin-bottom: 20px; }
.jc-event {
display: flex; align-items: center; gap: 16px; padding: 14px 16px; border-radius: 18px;
background: var(--jc-sand); color: var(--jc-ink) !important; text-decoration: none !important; transition: background .25s, transform .25s;
}
.jc-event:hover { background: var(--jc-sand-dark); transform: translateX(4px); }
.jc-event__date { flex: 0 0 64px; height: 64px; border-radius: 14px; background: var(--jc-forest); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; }
.jc-event__day { font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 24px; }
.jc-event__month { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; margin-top: 4px; opacity: .85; }
.jc-event__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.jc-event__title { font-weight: 700; color: var(--jc-forest); line-height: 1.3; }
.jc-event__meta { font-size: 13.5px; opacity: .75; line-height: 1.35; }
.jc-event__arrow { color: var(--jc-terra); font-size: 20px; }
.jc-events__notice { font-size: 14px; opacity: .75; margin-bottom: 12px !important; } .jc-partners { display: grid; gap: 20px; }
.jc-partners--logos { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); margin-top: 20px; }
.jc-partners--cards { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.jc-partner {
display: flex; flex-direction: column; gap: 8px; background: #fff; border-radius: 20px; padding: 22px;
color: var(--jc-ink) !important; text-decoration: none !important; box-shadow: 0 1px 0 rgba(23, 63, 42, .06), 0 10px 30px -18px rgba(23, 63, 42, .3);
transition: transform .3s ease, box-shadow .3s ease;
}
a.jc-partner:hover { transform: translateY(-4px); box-shadow: var(--jc-shadow-hover); }
.jc-partner__logo { height: 90px; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; }
.jc-partner__logo img { max-height: 90px; width: auto; max-width: 100%; object-fit: contain; }
.jc-partners--logos .jc-partner { padding: 16px; align-items: center; justify-content: center; }
.jc-partners--logos .jc-partner__logo { height: 70px; margin: 0; }
.jc-partners--logos .jc-partner__logo img { max-height: 70px; filter: grayscale(1); opacity: .75; transition: filter .3s, opacity .3s; }
.jc-partners--logos .jc-partner:hover img { filter: none; opacity: 1; }
.jc-partner__initial { width: 70px; height: 70px; border-radius: 50%; background: var(--jc-sand); color: var(--jc-forest); display: flex; align-items: center; justify-content: center; font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 30px; }
.jc-partner__name { font-family: "Bricolage Grotesque", sans-serif; font-weight: 700; font-size: 18px; color: var(--jc-forest); line-height: 1.25; }
.jc-partner__desc { font-size: 14.5px; line-height: 1.55; opacity: .8; }
a.jc-partner .jc-partner__name::after { content: " ↗"; color: var(--jc-terra); } .jc-cta-band {
background: var(--jc-forest) radial-gradient(circle at 85% 20%, rgba(140, 197, 107, .35), transparent 45%);
border-radius: var(--jc-radius-lg); padding: 60px 50px 40px !important; color: #fff; overflow: hidden; margin: 0 !important;
}
.jc-cta-band h2 { color: #fff; }
.jc-cta-band .jc-lead { color: rgba(255, 255, 255, .85); }
.jc-cta-band .jc-eyebrow { color: #fff; background: rgba(255, 255, 255, .12); }
.jc-cta-band .jc-eyebrow::before { background: var(--jc-green-light); } .jc-facebook > .row_col_wrap_12 { border-top: 1px solid rgba(23, 63, 42, .12); padding-top: 40px; } .jc-contact-infos .nectar_icon_wrap { margin-bottom: 4px !important; }
.jc-contact-infos .jc-info-title { font-family: "Bricolage Grotesque", sans-serif; font-weight: 700; color: var(--jc-forest); font-size: 18px; margin-bottom: 2px !important; }
.jc-contact-infos .wpb_text_column { margin-bottom: 24px; }
.jc-contact .jc-card:hover > .vc_column-inner { transform: none; }
.jc-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 18px; }
.jc-form-grid p { margin: 0 !important; padding: 0 !important; }
.jc-form-grid .jc-full { grid-column: 1 / -1; }
.jc-form-grid input:not([type=submit]):not([type=checkbox]), .jc-form-grid select, .jc-form-grid textarea {
width: 100%; background: var(--jc-sand) !important; border: 2px solid transparent !important; border-radius: 14px !important; padding: 14px 16px !important; font-size: 15px !important; transition: border-color .2s;
}
.jc-form-grid input:focus, .jc-form-grid select:focus, .jc-form-grid textarea:focus { border-color: var(--jc-green) !important; background: #fff !important; }
.jc-form-grid textarea { min-height: 170px; }
.jc-form-grid .jc-consent { font-size: 13px; line-height: 1.5; opacity: .85; }
.jc-form-grid input[type=submit] { background: var(--jc-terra) !important; border-radius: 99px !important; padding: 16px 34px !important; font-weight: 700; }
.jc-form-grid input[type=submit]:hover { background: var(--jc-forest) !important; } .single-post .post-content, .single-post .content-inner { font-size: 18px; }
.single-post .content-inner img { border-radius: var(--jc-radius); }
.single-post .content-inner h2, .single-post .content-inner h3 { margin-top: 1.4em; }
.single-post .content-inner p:has(> strong:only-child) { font-family: "Bricolage Grotesque", sans-serif; font-size: 22px; color: var(--jc-forest); margin-top: 1.2em; }
body.archive #page-header-bg, body.blog #page-header-bg { background-color: var(--jc-forest) !important; }
.masonry.material .masonry-blog-item .inner-wrap, .post-area.masonry .masonry-blog-item .inner-wrap { border-radius: 20px; overflow: hidden; }
.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn { background-color: var(--jc-green) !important; border-radius: 99px !important; }
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime { background: var(--jc-sand); border-radius: 14px; } .jc-legal h2, .jc-legal h3 { font-size: 24px; margin-top: 1.6em; }
.jc-legal p, .jc-legal li { font-size: 16px; } #footer-outer #footer-widgets { padding-top: 80px; }
#footer-outer .widget h4, #footer-outer .widget .widget-title { color: #fff !important; font-size: 18px !important; margin-bottom: 18px !important; }
#footer-outer .widget ul li a { color: #C9D6CD !important; }
#footer-outer .widget ul li a:hover { color: #fff !important; }
#footer-outer .widget ul li { border: 0 !important; padding: 5px 0 !important; }
.jc-footer-brand img { width: 88px; height: auto; background: #fff; border-radius: 50%; padding: 4px; margin-bottom: 14px; }
.jc-footer-name { font-family: "Bricolage Grotesque", sans-serif; font-weight: 700; font-size: 22px; color: #fff; margin-bottom: 8px !important; }
.jc-footer-btn { display: inline-block; background: var(--jc-terra); color: #fff !important; border-radius: 99px; padding: 10px 22px; font-weight: 700; margin-top: 8px; }
.jc-footer-btn:hover { background: #fff; color: var(--jc-forest) !important; }
#footer-outer #copyright a { color: #C9D6CD; } @media only screen and (max-width: 999px) {
.wpb_row.jc-sand > .row-bg-wrap, .wpb_row.jc-dark > .row-bg-wrap { clip-path: inset(var(--jc-gap) 10px var(--jc-gap) 10px round 28px); }
.wpb_row.jc-hero > .row-bg-wrap { clip-path: inset(0 10px var(--jc-gap) 10px round 28px); }
.jc-stats .row_col_wrap_12 { margin-top: -60px; }
.jc-stat-col + .jc-stat-col { border-left: 0; }
.jc-align-right, .jc-align-right > .vc_column-inner { text-align: left; justify-content: flex-start; }
.jc-cta-band { padding: 40px 24px 20px !important; border-radius: 28px; }
.jc-img--stack::before { inset: 16px -10px -10px 16px; }
}
@media only screen and (max-width: 690px) {
#header-outer #logo::after { font-size: 16px; }
.jc-hero .jc-lead { font-size: 17px; }
.jc-events { grid-template-columns: 1fr; }
.jc-form-grid { grid-template-columns: 1fr; }
.jc-stat { font-size: 36px; }
.jc-partners--logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
} .jc-footer-brand img { width: 88px !important; height: 88px !important; object-fit: contain; }
.jc-post-grid--cards .nectar-post-grid-item .content { padding: 22px 24px 26px !important; }
.jc-post-grid--cards .post-heading { font-size: 21px !important; line-height: 1.25 !important; color: var(--jc-forest) !important; margin: 10px 0 8px !important; }
.jc-post-grid--cards .item-main .excerpt { font-size: 14.5px; line-height: 1.55; opacity: .8; }
.jc-post-grid--overlay .post-heading, .jc-albums .post-heading { font-size: 24px !important; line-height: 1.2 !important; text-transform: none; }
.jc-post-grid--overlay .meta-category a, .jc-albums .meta-category a { background: rgba(255,255,255,.18); color: #fff !important; border-radius: 99px; padding: 4px 12px; backdrop-filter: blur(6px); }
.jc-post-grid--cards .nectar-post-grid-item .nectar-post-grid-item-bg-wrap { position: relative !important; height: 200px !important; overflow: hidden; border-radius: 20px 20px 0 0; }
.jc-post-grid--cards .nectar-post-grid-item .nectar-post-grid-item-bg-wrap img { width: 100%; height: 100%; object-fit: cover; }
.jc-post-grid--cards .nectar-post-grid-item { box-shadow: var(--jc-shadow); border-radius: 20px; }
.jc-post-grid--cards .nectar-post-grid-item .nectar-post-grid-item-bg-wrap-inner,
.jc-post-grid--cards .nectar-post-grid-item .nectar-post-grid-item-bg { position: absolute !important; inset: 0; height: 100% !important; width: 100%; } @media only screen and (max-width: 999px) {
#header-outer #logo { flex-direction: row !important; flex-wrap: nowrap; white-space: nowrap; }
#header-outer #logo img { flex: 0 0 auto; }
.jc-stats .row_col_wrap_12 { display: grid !important; grid-template-columns: 1fr 1fr; gap: 22px 10px; padding: 26px 16px; }
.jc-stats .row_col_wrap_12 > .wpb_column { width: auto !important; margin: 0 !important; padding: 0 !important; }
.jc-stats .wpb_column .vc_column-inner, .jc-stats .wpb_text_column { padding: 0 !important; margin: 0 !important; }
.jc-stat-label { font-size: 13px; }
.jc-albums .nectar-post-grid-filters a { padding: 6px 12px !important; font-size: 13px; }
}
.jc-albums .nectar-post-grid-filters a { white-space: nowrap; }
.jc-stats .wpb_text_column p { margin: 0 !important; padding: 0 !important; }
.jc-stats .jc-stat { margin-bottom: 6px !important; }
@media only screen and (max-width: 999px) {
body #header-outer header#top #logo { display: flex !important; flex-direction: row !important; align-items: center; }
body #header-outer header#top #logo::after { font-size: 15px; }
body #header-outer header#top #logo img { margin: 0 !important; }
}  .jc-albums .nectar-post-grid-filters a:after, .jc-albums .nectar-post-grid-filters a:before { display: none !important; }
.jc-albums .nectar-post-grid-filters a { border-bottom: 0 !important; text-decoration: none !important; } .jc-cta-band > .row_col_wrap_12_inner { display: flex; align-items: center; }
.jc-cta-img { text-align: center; }
.jc-cta-img img { max-width: 100%; }
@media only screen and (max-width: 999px) {
.jc-cta-band > .row_col_wrap_12_inner { display: block; }
.jc-cta-img { margin-top: 30px; }
} ul.jc-contact-list { list-style: none; margin: 18px 0 0 !important; padding: 0; }
ul.jc-contact-list li.jc-contact-item { list-style: none; display: flex; gap: 16px; align-items: flex-start; padding: 18px 0; margin: 0; border-top: 1px solid rgba(23, 63, 42, .12); }
ul.jc-contact-list li.jc-contact-item:first-child { border-top: 0; padding-top: 0; }
.jc-contact-item__icon { flex: 0 0 48px; height: 48px; border-radius: 14px; background: #fff; color: var(--jc-green); display: flex; align-items: center; justify-content: center; }
.jc-contact-item__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 15.5px; line-height: 1.45; }
.jc-contact-item__body strong { font-family: "Bricolage Grotesque", sans-serif; color: var(--jc-forest); font-size: 17px; }
.jc-contact-item__body a { overflow-wrap: anywhere; }
.jc-contact-item__body span { opacity: .75; } .jc-form-grid textarea { min-height: 0 !important; height: 80px !important; max-height: 80px; resize: vertical; }
@media only screen and (min-width: 1000px) {
.jc-cta-band > .row_col_wrap_12_inner > .wpb_column:first-child { padding-right: 40px !important; }
.jc-cta-band > .row_col_wrap_12_inner > .wpb_column:last-child { padding-left: 40px !important; }
} .wpb_row.jc-hero, .wpb_row.jc-sand, .wpb_row.jc-dark { background-color: transparent !important; } .jc-event--past { opacity: .72; }
.jc-event--past .jc-event__date { background: #6E8577; }
.jc-event__tag { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; background: rgba(23, 63, 42, .1); color: var(--jc-forest); border-radius: 99px; padding: 1px 8px; margin-right: 4px; } .jc-fb-source { font-size: 14px; opacity: .7; }
blockquote.jc-fb-quote { border-left: 4px solid var(--jc-green); background: var(--jc-sand); border-radius: 0 18px 18px 0; padding: 18px 24px; font-size: 19px; line-height: 1.55; }
blockquote.jc-fb-quote p { margin: 0; }
.single-post .gallery img { border-radius: 14px; }