/** Theme Name: OtOsteo Description: Custom theme description... Version: 1.0.0 Author: Yoolk.ninja Author URI: https://yoolk.ninja Text Domain: otosteo Tested up to: 6.4 Requires at least: 6.2 Requires PHP: 8.0 */ @import url('css/header.css'); @import url('css/footer.css'); :root { --color-text-500:#090909; --color-muted-500: rgba(55, 57, 60, .6); --color-muted-700: #757a80; --color-muted-light:rgba(255, 255, 255, .5); --color-accent-200: #e6f6f7; --color-accent-300: #ddf4f6; --color-accent-400: #bfebee; --color-accent-500: #8DDBE0; --color-accent-600: #3dc2ca; --color-accent-700: #22797f; --color-accent-800: #0d2c2e; --color-danger: #c94939; --color-bg-500:#1f2a46; --color-bg-700:#151d31; --color-mint-500:#D3FFE9; --font-size-xs:0.694rem; --font-size-s:0.833rem; --font-size-m:1rem; --font-size-l:1.2rem; --font-size-xl:1.44rem; --font-size-xxl:1.728rem; --font-size-xxxl:2.074rem; --font-size-xxxxl:2.488rem; --font-size-xxxxxl:2.986rem; } /* Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}html {font-size: 100%;box-sizing: border-box;}*, *:before, *:after {box-sizing: inherit;}html, body {min-height: 100%;margin: 0;padding: 0;}body {font-family: "Poppins", sans-serif;font-weight: normal;text-align: left;color: var(--color-text-500);-webkit-tap-highlight-color: transparent;}strong, b {font-weight: 600;} em, i {font-style: italic;} ::selection {background: var(--color-accent-300);color: var(--color-text-500);} ::-moz-selection {background: var(--color-accent-300);color: var(--color-text-500);} :focus {outline: none !important;} p:first-letter {text-transform: capitalize} /* Utils */ .clear:after {display: block;content: ".";clear: both;font-size: 0;line-height: 0;height: 0;overflow: hidden;} .sr-only, .visually-hidden {clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;margin: -1px;} .page-wrapper {display: flex;flex-direction: column;width: 100%;min-height: 100vh;} .body-wrapper {max-width: 1220px;margin: 0 auto;} .row-wrap {flex-wrap: wrap;} .row {display: flex;flex-direction: row;} .col {display: flex;flex-direction: column;} .grid {display: grid;} .row-end {margin-left: auto;} .row-grow {flex-grow: 1;} .splited {width: 50%;} .grid-2 {grid-auto-rows: 1fr;grid-template-columns: 1fr 1fr;} .grid-3 {grid-auto-rows: 1fr;grid-template-columns: 1fr 1fr 1fr;} .table {display: table;table-layout: fixed;width:100%;} .table-cell {display: table-cell;} .cta {display: inline-block;text-decoration:none;font-size: var(--font-size-m);transition:background-color .2s, color .2s;padding:16px 20px;border-radius:6px;margin-top:6px;line-height: 1.2;text-align: center;} .cta-plain {background-color: var(--color-accent-600);color:#fff;} .cta-plain-white {color:var(--color-bg-500);background-color:#fff;} .align-center {text-align: center;} .valign-top {vertical-align: top !important;} .hspace {height:1px;} .tag-list {text-align: left;font-size: 0;} .tag-list > div {font-size: 16px;display: inline-block;padding:1rem;background-color: var(--color-accent-200);margin:0 6px 6px 0;border-radius: 6px;} .tag-list i {color: var(--color-accent-600);} .pos-relative {position: relative;} @media (hover: hover) { .cta-plain:hover {background-color: var(--color-accent-500);} .cta-plain-white:hover {color: var(--color-accent-600);background-color:var(--color-accent-300);} } @media (min-width: 1px) and (max-width: 960px){ .desktop-only {display:none !important;} .grid {display: flex;flex-direction: column;} } @media (min-width: 960px){ .mobile-only {display:none !important;} } /* Home jumbo */ #jumbo .body-padding {padding:30px 0 3rem;max-width: 1220px;margin:0 auto;} #jumbo .body-margin {margin:0 20px;} .jumbo-content {border-radius:12px;overflow: hidden;position: relative;background: var(--color-bg-500);display:block;min-height: 480px; display: flex;align-items: center;} .jumbo-content-img {background:url(img/jumbo.webp) no-repeat center center scroll;background-size: cover;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.7;z-index: 1;} .jumbo-content-gradient {position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background: linear-gradient(90deg,rgba(31, 42, 70, 1) 0%, rgba(31, 42, 70, 0) 100%);display: flex;align-items: center} .jumbo-content-texts {margin:0 50px;padding:30px 0;color: #fff;z-index:3;width: 100%;gap:16px;position: relative;} .jumbo-content-texts h1 {font-size: var(--font-size-xxxxl);font-weight:600;margin:0;padding:0;} .jumbo-content-texts p {line-height: 150%;font-size: var(--font-size-l);font-weight:400;margin:0;padding:0;max-width:640px;} .jumbo-content-texts a {display: inline-block;text-decoration:none;color:#fff;font-size: var(--font-size-m);transition:background-color .2s, color .2s;background-color: var(--color-accent-600);padding:1rem;border-radius:6px;margin-top:6px;text-align: center} @media (hover: hover) { .jumbo-content-texts a:hover {background-color: var(--color-accent-500);} } @media (min-width: 1px) and (max-width: 960px){ .jumbo-content-texts {margin:0 30px;} .jumbo-content-texts a {display: block} } /* Home About */ #about .body-padding {padding:3rem 0 3rem 0;max-width: 1220px;margin:0 auto;} #about .body-margin {margin:0 20px;} #about .table-cell {vertical-align: middle} #about .cell-img {width:40%;border-radius:12px;overflow: hidden} #about .cell-img img {width: 100%;height: auto;display: block;} #about .cell-text .col {gap:1rem;} #about .subtitle {font-size: var(--font-size-m);color: var(--color-accent-500);text-transform: uppercase;} #about .subtitle i {color: var(--color-accent-500);} #about .title {font-size: var(--font-size-xxxl);} #about .text {line-height: 1.8;} #about .list {padding:1rem 0;margin: 0;list-style: none;} #about .list li i {font-size: 8px;vertical-align: middle;color: var(--color-accent-600);} @media (min-width: 1px) and (max-width: 960px){ #about .table {display:block;} #about .table-cell {display:block;} #about .cell-img {width:100%;max-width:100%;order:3;} #about .cell-space {width:100%;height:30px;order:2;} #about .list {display: flex;flex-direction: column;gap: 2rem;} #about .actions .cta {display: block} } @media (min-width: 960px){ #about .cell-space {width:3rem;} #about .list {display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;} } /* Home Why */ #why .card {background-color: var(--color-accent-200);border-radius:16px;} #why .body-padding {padding:3rem 0 3rem 0;max-width: 1220px;margin:0 auto;} #why .body-margin {margin:0 20px;} #why .card {padding:2rem;} #why .why-base.col {gap:1rem;} #why .subtitle {font-size: var(--font-size-m);color: var(--color-accent-500);text-transform: uppercase;} #why .subtitle i {color: var(--color-accent-500);} #why .title {font-size: var(--font-size-xxxl);} #why .text {line-height: 1.8;} #why h4.title {font-size: var(--font-size-xl);padding-top:1rem;} #why .why-list .grid {gap:2rem;padding:0.4rem 0 1.4rem 0;} #why .why-list .grid-item {padding:2rem;background: #fff;border-radius:12px;display: flex;flex-direction: column;gap:1rem;position: relative;overflow: hidden;text-decoration: none;outline:2px solid transparent;transition: .2s;} #why .why-list .list-title {font-size: var(--font-size-l);color: var(--color-accent-600)} #why .why-list p {line-height: 1.8;color: var(--color-text-500);} #why .btn-follow {position: absolute;bottom:0;right:0;width:46px;height:46px;display:flex;background-color: var(--color-accent-500);align-items: center;justify-content: center;border-top-left-radius: 6px;transition:background-color .2s, color .2s;} #why .btn-follow svg {width: 20px;height:20px;display:inline-block;vertical-align: middle:} #why .btn-follow svg path {fill:#fff;} @media (hover: hover) { #why .why-list .grid-item:hover {outline:2px solid var(--color-accent-400);} #why .why-list .grid-item:hover .btn-follow {background-color: var(--color-accent-600)} } /* Home Specs */ #specs .body-padding {padding:0 0 30px 0;max-width: 1220px;margin:0 auto;} #specs .body-margin {margin:0 20px;} /* Home How */ #how .body-padding {padding:3rem 0 3rem 0;max-width: 1220px;margin:0 auto;} #how .body-margin {margin:0 20px;} #how .table-cell {vertical-align: middle} #how .cell-img {width:40%;border-radius:12px;overflow: hidden;overflow: hidden;background:url(img/consultation.webp) no-repeat center center scroll;background-size: cover;} #how .cell-img img {width: 100%;height: auto;display: block;} #how .cell-text .col {gap:1rem;} #how .subtitle {font-size: var(--font-size-m);color: var(--color-accent-500);text-transform: uppercase;} #how .subtitle i {color: var(--color-accent-500);} #how .title {font-size: var(--font-size-xxxl);} #how .text {line-height: 1.8;} #how .list {padding:1rem 0;margin: 0;list-style: none;} #how .list li i {font-size: 8px;vertical-align: middle;color: var(--color-accent-600);} @media (min-width: 1px) and (max-width: 960px){ #how .table {display:block;} #how .table-cell {display:block;} #how .cell-map {width:100%;max-width:100%;} #how .cell-space {width:100%;height:30px;} #how .list {display: flex;flex-direction: column;gap: 2rem;} #how .actions .cta {display: block} } @media (min-width: 960px){ #how .cell-space {width:3rem;} #how .list {display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;} } /* Home Access */ #access .card {border-radius:16px;overflow: hidden;} #access .body-padding {padding:3rem 0 5rem 0;max-width: 1220px;margin:0 auto;} #access .body-margin {margin:0 20px;} #access .table-cell {vertical-align: middle} #access .cell-map {background:url(img/map.webp) no-repeat center center scroll;background-size: cover;width:44%;position: relative;border-radius:16px;} #access .cell-map img {width: 100%;height: auto;display: block;} #access .cell-map .overlay {position: absolute;z-index: 2;bottom:2rem;text-align: center;left:0;width:100%} #access .cell-map .overlay a {display: inline-block;padding:1rem;text-decoration: none;background-color: #fff;border-radius:6px;color:var(--color-bg-500);transition: background-color .2s, color .2s;} #access .cell-text {padding:2rem;} #access .col {gap:1rem;} #access .title {font-size: var(--font-size-xxxl);} #access .cell-text p {line-height: 1.8;} #access .cell-text i {color: var(--color-accent-600);} @media (hover: hover) { #access .cell-map .overlay a:hover {background-color:var(--color-accent-300) } } @media (min-width: 1px) and (max-width: 960px){ #access .table {display:block;} #access .table-cell {display:block;} #access .cell-map {width:100%;max-width:100%;} #access .actions .cta {display: block} } @media (min-width: 960px){ } /* PAGE ABOUT */ #about-page .body-padding {padding:3rem 0 6rem 0;max-width: 1220px;margin:0 auto;} #about-page .body-margin {margin:0 20px;} #about-page .body-margin.col {gap:6rem;} #about-page .table-cell {vertical-align: middle} #about-page .cell-img {width:40%;border-radius:12px;overflow: hidden;background:url(img/about-page.webp) no-repeat center center scroll;background-size: cover;} #about-page .cell-img img {width: 100%;height: auto;display: block;} #about-page .cell-text .col {gap:1rem;} #about-page .subtitle {font-size: var(--font-size-m);color: var(--color-accent-500);text-transform: uppercase;} #about-page .subtitle i {color: var(--color-accent-500);} #about-page .title {font-size: var(--font-size-xxxl);} #about-page .text {line-height: 1.8;} #about-page .list {padding:1rem 0;margin: 0;list-style: none;} #about-page .list li i {font-size: 8px;vertical-align: middle;color: var(--color-accent-600);} #about-page .card {background-color: var(--color-accent-200);border-radius:16px;padding:3rem 2rem;} #about-page .card .col {gap:1rem;} #about-page .card .col h2 {font-size: var(--font-size-xl);} #about-page .card .list-wide {padding:1rem 0;margin: 0;list-style: none;display: flex;flex-direction: column;gap:.6rem;} #about-page .card .list-wide li p {line-height: 1.6;padding-left:1rem;} #about-page .card .list-wide li i {font-size: 8px;vertical-align: middle;color: var(--color-accent-600);position: absolute;top:.56rem;left:0;} #about-page .card .list-wide li {position: relative;} @media (min-width: 1px) and (max-width: 960px){ #about-page .table {display:block;} #about-page .table-cell {display:block;} #about-page .cell-img {width:100%;max-width:100%;} #about-page .cell-space {width:100%;height:30px;} #about-page .list {display: flex;flex-direction: column;gap: 2rem;} #about-page .actions .cta {display: block} } @media (min-width: 960px){ #about-page .cell-space {width:3rem;} #about-page .list {display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;} } /* PAGE CONSULTATIONS */ #consultations-page .body-padding {padding:3rem 0 6rem 0;max-width: 1220px;margin:0 auto;} #consultations-page .body-margin {margin:0 20px;} #consultations-page .body-margin.col {gap:3rem;} #consultations-page h2 {font-size: var(--font-size-xl);} #consultations-page .table-cell {vertical-align: middle} #consultations-page .cell-img {width:40%;border-radius:12px;overflow: hidden;background:url(img/consultation.webp) no-repeat center center scroll;background-size: cover;} #consultations-page .cell-img img {width: 100%;height: auto;display: block;} #consultations-page .cell-text .col {gap:1rem;} #consultations-page .cell-text .subtitle {font-size: var(--font-size-m);color: var(--color-accent-500);text-transform: uppercase;} #consultations-page .cell-text .subtitle i {color: var(--color-accent-500);} #consultations-page .cell-text .title {font-size: var(--font-size-xxxl);} #consultations-page .cell-text .text {line-height: 1.8;} #consultations-page .why-intro {gap:1rem;} #consultations-page .why-intro .subtitle {font-size: var(--font-size-m);color: var(--color-accent-500);text-transform: uppercase;} #consultations-page .why-intro .subtitle i {color: var(--color-accent-500);} #consultations-page .why-intro .title {font-size: var(--font-size-xxxl);} #consultations-page .why-intro .text {line-height: 1.8;} #consultations-page .why-list {gap:1rem;} #consultations-page .why-list .grid {gap:2rem;} #consultations-page .why-list .grid-item {padding:2rem;background: var(--color-accent-200);border-radius:12px;display: flex;flex-direction: column;gap:1rem;position: relative;overflow: hidden;text-decoration: none;outline:2px solid transparent;transition: .2s;} #consultations-page .why-list .list-title {font-size: var(--font-size-l);color: var(--color-accent-600);} #consultations-page .why-list p {line-height: 1.8;color: var(--color-text-500);} #consultations-page .btn-follow {position: absolute;bottom:0;right:0;width:46px;height:46px;display:flex;background-color: var(--color-accent-500);align-items: center;justify-content: center;border-top-left-radius: 6px;transition:background-color .2s, color .2s;} #consultations-page .btn-follow svg {width: 20px;height:20px;display:inline-block;vertical-align: middle:} #consultations-page .btn-follow svg path {fill:#fff;} @media (min-width: 1px) and (max-width: 960px){ #consultations-page .table {display:block;} #consultations-page .table-cell {display:block;} #consultations-page .cell-img {width:100%;max-width:100%;} #consultations-page .cell-space {width:100%;height:30px;} } @media (min-width: 960px){ #consultations-page .cell-space {width:3rem;} } @media (hover: hover) { #consultations-page .why-list .grid-item:hover {outline:2px solid var(--color-accent-400);} #consultations-page .why-list .grid-item:hover .btn-follow {background-color: var(--color-accent-600)} } /* PAGE CONTACT */ #contact-page .card {background-color: var(--color-bg-500);border-radius:16px;overflow: hidden;color:#fff;} #contact-page .body-padding {padding:3rem 0 5rem 0;max-width: 1220px;margin:0 auto;} #contact-page .body-margin {margin:0 20px;} #contact-page .table-cell {vertical-align: middle} #contact-page .cell-map {background:url(img/map-large.webp) no-repeat center center scroll;background-size: cover;width:44%;position: relative;border-radius: 16px;} #contact-page .cell-map img {width: 100%;height: auto;display: block;} #contact-page .cell-map .overlay {position: absolute;z-index: 2;bottom:2rem;text-align: center;left:0;width:100%} #contact-page .cell-map .overlay a {display: inline-block;padding:1rem;text-decoration: none;background-color: #fff;border-radius:6px;color:var(--color-bg-500);transition: background-color .2s, color .2s;} #contact-page .cell-text {padding:2rem;} #contact-page .col {gap:1rem;} #contact-page .subtitle {font-size: var(--font-size-m);color: var(--color-accent-500);text-transform: uppercase;} #contact-page .subtitle i {color: var(--color-accent-500);} #contact-page .title {font-size: var(--font-size-xxxl);} #contact-page .cell-text p {line-height: 1.8;} #contact-page .cell-text i {color: var(--color-accent-600);} @media (hover: hover) { #contact-page .cell-map .overlay a:hover {background-color:var(--color-accent-300) } } @media (min-width: 1px) and (max-width: 960px){ #contact-page .table {display:block;} #contact-page .table-cell {display:block;} #contact-page .cell-map {width:100%;max-width:100%;} #contact-page .actions .cta {display: block} #contact-page .cell-text {padding:2rem 0;} } @media (min-width: 960px){ } /* SOUS PAGE URGENCE */ #osteo-page-urgences .body-padding {padding:3rem 0 5rem 0;max-width: 1220px;margin:0 auto;} #osteo-page-urgences .body-margin {margin:0 20px;} #osteo-page-urgences .body-margin.col {gap:3rem;} #osteo-page-urgences .col.page-content {gap:1rem;} #osteo-page-urgences .content-intro .subtitle {font-size: var(--font-size-m);color: var(--color-accent-500);text-transform: uppercase;} #osteo-page-urgences .content-intro .subtitle i {color: var(--color-accent-500);} #osteo-page-urgences .content-intro .title {font-size: var(--font-size-xxxl);} #osteo-page-urgences .content-intro .text p {line-height: 1.8;} #osteo-page-urgences h2 {font-size: var(--font-size-xl);} #osteo-page-urgences h3 {font-size: var(--font-size-l);color: var(--color-accent-600)} #osteo-page-urgences .grid {gap:2rem;} #osteo-page-urgences .grid-item {padding:2rem;background: var(--color-accent-200);border-radius:12px;display: flex;flex-direction: column;gap:1rem;position: relative;overflow: hidden;text-decoration: none;outline:2px solid transparent;transition: .2s;} #osteo-page-urgences .grid-item p {line-height: 1.8;} #osteo-page-urgences .list-wide {padding:1rem 0;margin: 0;list-style: none;display: flex;flex-direction: column;gap:.6rem;} #osteo-page-urgences .list-wide li p {line-height: 1.6;padding-left:1rem;} #osteo-page-urgences .list-wide li i {font-size: 8px;vertical-align: middle;color: var(--color-accent-600);position: absolute;top:.56rem;left:0;} #osteo-page-urgences .list-wide li {position: relative;} #osteo-page-urgences .content-sceance .text p {line-height: 1.8;} /* SOUS PAGE SPORTIF */ #osteo-page .body-padding {padding:3rem 0 5rem 0;max-width: 1220px;margin:0 auto;} #osteo-page .body-margin {margin:0 20px;} #osteo-page .body-margin.col {gap:3rem;} #osteo-page .col.page-content {gap:1rem;} #osteo-page .subtitle {font-size: var(--font-size-m);color: var(--color-accent-500);text-transform: uppercase;} #osteo-page .subtitle i {color: var(--color-accent-500);} #osteo-page .title {font-size: var(--font-size-xxxl);text-wrap: balance;line-height: 1.2em;} #osteo-page .text p {line-height: 1.8;} #osteo-page h2 {font-size: var(--font-size-xl);line-height: 1.2;} #osteo-page h3 {font-size: var(--font-size-l);color: var(--color-accent-600);text-wrap: balance;line-height: 1.2;} #osteo-page .list {padding:0;margin: 0;list-style: none;} #osteo-page .list li p {line-height: 1.6;padding-left:1rem;text-wrap: balance;} #osteo-page .list li i {font-size: 8px;vertical-align: middle;color: var(--color-accent-600);position: absolute;top:.56rem;left:0;} #osteo-page .list li {position: relative;} #osteo-page .list-wide {padding:0;margin: 0;list-style: none;display: flex;flex-direction: column;gap:.6rem;} #osteo-page .list-wide li p {line-height: 1.6;padding-left:1rem;text-wrap: balance;} #osteo-page .list-wide li i {font-size: 8px;vertical-align: middle;color: var(--color-accent-600);position: absolute;top:.56rem;left:0;} #osteo-page .list-wide li {position: relative;} #osteo-page .card {padding:2rem;border-radius:16px;} #osteo-page .card.card-white {background-color: #fff;} #osteo-page .card.card-light {background-color: var(--color-accent-200);} #osteo-page .card.card-muted {background-color: var(--color-muted-500);} #osteo-page .grid {gap:2rem;} #osteo-page .grid-entry {background-color: var(--color-accent-200);border-radius:12px;display: flex;flex-direction: column;gap:1rem;position: relative;overflow: hidden;text-decoration: none;outline:2px solid transparent;transition: .2s;} #osteo-page .entry-cover {opacity:0.9;} #osteo-page .entry-cover img {width:100%;height:auto;display:block;} #osteo-page .entry-content {padding:1rem 2rem 2rem;gap:1rem;} #osteo-page .grid-entry .entry-title {font-size: var(--font-size-l);color: var(--color-accent-600)} #osteo-page .grid-entry .entry-summary {line-height: 1.8;color: var(--color-text-500);} #osteo-page .grid-entry .entry-meta {line-height: 1;color: var(--color-muted-500);font-style: italic;} #osteo-page .grid-entry .entry-btn-follow {position: absolute;bottom:0;right:0;width:46px;height:46px;display:flex;background-color: var(--color-accent-500);align-items: center;justify-content: center;border-top-left-radius: 6px;transition:background-color .2s, color .2s;} #osteo-page .grid-entry .entry-btn-follow svg {width: 20px;height:20px;display:inline-block;vertical-align: middle:} #osteo-page .grid-entry .entry-btn-follow svg path {fill:#fff;} @media (min-width: 1px) and (max-width: 960px){ #osteo-page .list {display: flex;flex-direction: column;gap:.6rem;} } @media (min-width: 960px){ #osteo-page .list {display: grid;grid-template-columns: 1fr 1fr;gap:.6rem;} } @media (hover: hover) { #osteo-page .grid-entry:hover {outline:2px solid var(--color-accent-400);} #osteo-page .grid-entry:hover .entry-btn-follow {background-color: var(--color-accent-600)} } /* #osteo-page-kids .grid {gap:3rem;} #osteo-page-kids .grid-item {display: flex;flex-direction: column;gap:1rem;position: relative;overflow: hidden;text-decoration: none;outline:2px solid transparent;} #osteo-page-kids .grid-item p {line-height: 1.8;} #osteo-page-kids .list-wide {padding:0;margin: 0;list-style: none;display: flex;flex-direction: column;gap:.6rem;} #osteo-page-kids .list-wide li p {line-height: 1.6;padding-left:1rem;} #osteo-page-kids .list-wide li i {font-size: 8px;vertical-align: middle;color: var(--color-accent-600);position: absolute;top:.56rem;left:0;} #osteo-page-kids .list-wide li {position: relative;} #osteo-page-kids .content-sceance .text p {line-height: 1.8;} */ /* LEGALS */ #legals-page .body-padding {padding:3rem 0 5rem 0;max-width: 1220px;margin:0 auto;} #legals-page .body-margin {margin:0 20px;} #legals-page .body-margin.col {gap:1rem;} #legals-page h1 {font-size: var(--font-size-xxxl);} #legals-page h2 {font-size: var(--font-size-xl);} #legals-page h3 {font-size: var(--font-size-l);color: var(--color-accent-600)} #legals-page p {line-height: 1.8;} /* CookieYes */ .cky-btn {border-radius:6px !important} .cky-btn.cky-btn-preferences {background-color: #3dc2ca !important;border-color:#3dc2ca !important;} .cky-btn-revisit-wrapper.cky-revisit-bottom-left {background-color: #3dc2ca !important;} /* Open/Closed */ .office-hours a {text-decoration: none;color:inherit;} .office-status.is-open {color: var(--color-accent-600);} .office-status.is-closed {color: var(--color-danger);} .page-pagination {gap:1rem;} .breadcrumb { font-size: 0.9rem;color: var(--color-muted-700); } .breadcrumb-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; } .breadcrumb-item + .breadcrumb-item::before { content: "›"; margin: 0 0.4em; opacity: 0.6; } .breadcrumb a {color:var(--color-muted-500);text-underline-offset:2px;transition: color .2s} .breadcrumb a:hover {color: var(--color-text-500);} /* Animations */ @keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 1; } }