html {
font-size: 62.5% !important;
scroll-behavior: smooth;
scroll-padding-top: 11rem;
}
*, *::before, *::after {
padding: 0;
margin: 0;
box-sizing: border-box;
}
:root {
--xxs: .55;
--space-xs: clamp(1.0666666667rem, calc(0.2549394519vw + 0.9850860421rem), 1.3333333333rem);
--space-s: clamp(1.6rem, calc(0.3824091778vw + 1.4776290631rem), 2rem);
--space-m: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
--space-l: clamp(3.1992rem, calc(1.355vw + 2.7656rem), 4.5rem);
--space-xl: clamp(4.2645336rem, calc(2.3761629063vw + 3.50416147rem), 6.75rem);
--space-xxl: clamp(5.6846232888rem, calc(4.2451020184vw + 4.3261906429rem), 10.125rem);
--space-section-inline: var(--space-m);
--space-section-block: var(--space-l);
--text-xs: clamp(1.1rem, calc(0vw + 1.1rem), 1.1rem);
--text-s: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem);
--text-m: clamp(1.6rem, calc(0.0956022945vw + 1.5694072658rem), 1.7rem);
--text-l: clamp(1.92rem, calc(0.3308795411vw + 1.8141185468rem), 2.2661rem);
--text-xl: clamp(2.304rem, calc(0.6851924474vw + 2.0847384168rem), 3.0207113rem);
--text-xxl: clamp(2.7648rem, calc(1.2063175554vw + 2.3787783823rem), 4.0266081629rem);
--clr-beige: hsl(13, 28%, 81%);
--clr-beige-dark: hsl(13, 28%, 70%);
--clr-beige-link: hsl(13, 20%, 31%);
--clr-brown: hsl(10, 32%, 61%); /* #bb867c */
--clr-brown-light: hsl(10, 54%, 77%);
--clr-brown-dark: hsl(10, 36%, 55%);
--clr-base: hsl(0, 0%, 17%); /* #2c2c2c */
--clr-gray-dark: hsl(0, 0%, 40%); /* #656565 */
--clr-gray: hsl(0, 0%, 90%);
--clr-white: hsl(0, 0%, 100%);
--clr-secondary: hsl(261, 57%, 12%);
--clr-transparent: hsla(0, 0%, 100%, 0);
/* --clr-attention: hsl(0, 87%, 69%); #f56c6c */
--clr-attention: hsl(13, 87%, 38%);
--transparent: hsla(0, 0%, 100%, 0);
--clr-primary: hsl(10, 32%, 61%);
--clr-primary-hover: hsl(10, 36%, 55%);
--clr-primary-h: 10, 32%, 61%;
--clr-white-h: 0, 0%, 100%;
--ff-body: "Manrope", Arial, Helvetica, sans-serif;
--ff-heading: "Noto Serif", Times, Georgia, serif;
--ff-heading-alt: "Noto Serif", Times, Georgia, serif;
--ff-bf-display: "Playfair Display", Times, Georgia, serif;
--ff-bf-prosper: "Fair Prosper", Times, Georgia, serif;
--ff-cw-bebas: "Bebas Neue", Times, Georgia, serif;
--ff-cw-times: "Times", Times, Georgia, serif;
--ff-xmas: "Parisienne", Times, Georgia, serif;
--fw-regular: 400;
--fw-bold: 600;
--radius-l: 2.5rem;
--menu-height: 8.3rem;
--admin-bar-height: var(--wp-admin--admin-bar--height, 0px);
--z-index-sticky-menu: 99;
--z-index-menu: 9999;
--z-index-btt: 100;
--z-index-all: 2147483630;
--viewport: 1366px;
--viewport-constrained: 1000px;
--viewport-medium: 1280px;
--viewport-large: 1366px;
}
@font-face {
font-family: 'Manrope';
src: url('/wp-content/fonts/manrope-regular.woff2') format('woff2'),
url('/wp-content/fonts/manrope-regular.woff') format('woff');
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url('/wp-content/fonts/manrope-bold.woff2') format('woff2'),
url('/wp-content/fonts/manrope-bold.woff') format('woff');
font-style: normal;
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: 'Noto Serif';
src: url('/wp-content/fonts/noto-serif-display-regular.woff2') format('woff2'),
url('/wp-content/fonts/noto-serif-display-regular.woff') format('woff');
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'Noto Serif';
src: url('/wp-content/fonts/noto-serif-display-bold.woff2') format('woff2'),
url('/wp-content/fonts/noto-serif-display-bold.woff') format('woff');
font-style: normal;
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: 'Playfair Display';
src: url('/wp-content/fonts/playfair-display-regular.woff2') format('woff2'),
url('/wp-content/fonts/playfair-display-regular.woff') format('woff');
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'Fair Prosper';
src: url('/wp-content/fonts/fair-prosper-regular.woff2') format('woff2'),
url('/wp-content/fonts/fair-prosper-regular.woff') format('woff');
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'Bebas Neue';
src: url('/wp-content/fonts/bebas-neue.woff2') format('woff2'),
url('/wp-content/fonts/bebas-neue.woff') format('woff');
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'Times';
src: url('/wp-content/fonts/times-regular.woff2') format('woff2'),
url('/wp-content/fonts/times-regular.woff') format('woff');
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'Parisienne';
src: url('/wp-content/fonts/parisienne-regular.woff2') format('woff2'),
url('/wp-content/fonts/parisienne-regular.woff') format('woff');
font-style: normal;
font-weight: 400;
font-display: swap;
}
body {
font-family: var(--ff-body);
/* font-size: clamp(1.6rem, calc(0.0956022945vw + 1.5694072658rem), 1.7rem); */
font-size: 1.6rem;
line-height: 1.6;
color: #363636;
}
:is(p, blockquote, input, textarea, select, button) {
font-family: inherit;
}
h1,
.dp-h1 {
font-size: 2.565rem;
font-size: calc(2.7648rem + (1.2618081629 * ((100vw - 32rem) / 104.6)));
font-size: clamp(2.7648rem, calc(1.2063175554vw + 2.3787783823rem), 4.0266081629rem);
}
h2,
.dp-h2 {
font-size: 2.28rem;
font-size: calc(2.304rem + (0.7167113 * ((100vw - 32rem) / 104.6)));
font-size: clamp(2.304rem, calc(0.6851924474vw + 2.0847384168rem), 3.0207113rem);
}
h3,
.dp-h3 {
font-size: 2.025rem;
font-size: calc(1.92rem + (0.3461 * ((100vw - 32rem) / 104.6)));
font-size: clamp(1.92rem, calc(0.3308795411vw + 1.8141185468rem), 2.2661rem);
}
h4,
.dp-h4 {
font-size: 1.8rem;
font-size: calc(1.6rem + (0.1 * ((100vw - 32rem) / 104.6)));
font-size: clamp(1.6rem, calc(0.0956022945vw + 1.5694072658rem), 1.7rem);
}
h5,
.dp-h5 {
font-size: 1.42rem;
font-size: calc(1.2rem + (0 * ((100vw - 32rem) / 104.6)));
font-size: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem);
}
h6,
.dp-h6 {
font-size: 1.26rem;
font-size: calc(1.1rem + (0 * ((100vw - 32rem) / 104.6)));
font-size: clamp(1.1rem, calc(0vw + 1.1rem), 1.1rem);
}
:where(h1, h2, h3, h4, h5, h6) {
font-family: var(--ff-heading);
font-weight: var(--fw-regular);
line-height: 1.2;
color: var(--clr-base);
/* max-width: 45ch; */
}
:where(h1, h2, h3, h4, h5, h6).dp-font--body {
font-family: var(--ff-body);
font-weight: var(--fw-bold);
}
h2 + :where(h3, h4) {
margin-top: var(--space-s);
}
:is(.dp-h1, .dp-h2, .dp-h3, .dp-h4, .dp-h5, .dp-h6) {
font-family: var(--ff-heading);
font-weight: var(--fw-regular);
line-height: 1.2;
color: var(--clr-base);
/* max-width: 45ch; */
}
:is(.dp-h1, .dp-h2, .dp-h3, .dp-h4, .dp-h5, .dp-h6).dp-font--body,
.dp-font--body :is(.dp-h1, .dp-h2, .dp-h3, .dp-h4, .dp-h5, .dp-h6) {
font-family: var(--ff-body);
font-weight: var(--fw-bold);
}
:where(h1, h2, h3, h4, h5, h6) + p {
margin-top: 1em;
}
:where(h1, h2, h3, h4, h5, h6) + :where(ul, ol) {
margin-top: 1em;
}
:where(p) {
margin: 0 0 1.2em
}
:where(p:last-of-type) {
margin-bottom: 0
}
p + :is(ul, ol) {
/* margin-top: 1.2em; */
margin-top: 0;
}
p:last-of-type + :is(ul, ol) {
margin-top: 1.2em;
/* margin-top: 0; */
}
figure {
margin: 0;
}
.dp-img-caption {
background-color: hsla(10, 32%, 61%, .9);
color: var(--clr-white);
text-shadow: 1px 1px 2px var(--clr-base);
z-index: 1;
}
:where(img, picture, iframe) {
display: block;
width: 100%;
max-width: 100%;
}
/* a:not([class*="dp-btn--"]) {
border-color: currentcolor;
color: var(--clr-brown);
cursor: pointer;
text-decoration: none
} */
/* a:not([class*="dp-btn--"]):not(.dp-nav-menu__link):not(.dp-link--none):hover {
text-decoration: underline;
text-underline-offset: .25em;
} */
/* a.dp-link--none {
color: var(--clr-base);
}
a.dp-link--none:hover {
text-decoration: none;
}
a.dp-text--brown {
color: var(--clr-brown);
}
a.dp-text--white {
color: var(--clr-white);
}
main a:not([class*="dp-btn--"]):not([class*="dp-link--none"]) {
font-weight: var(--fw-bold);
}
:is(.dp-header-wrapper, .dp-footer-container ) a {
color: var(--clr-white);
}
:is(.dp-header-wrapper, .dp-footer-container ) a:hover {
text-decoration: none;
} */
a {
border-color: currentcolor;
color: var(--clr-brown);
cursor: pointer;
text-decoration: none
}
a:hover {
text-decoration: underline;
text-underline-offset: .25em;
}
main a {
font-weight: var(--fw-bold);
}
.dp-footer--main a {
color: var(--clr-white);
}
.dp-footer--main a:hover {
text-decoration: none;
}
.dp-link--none {
color: var(--clr-base);
}
.dp-link--none:hover {
text-decoration: none;
}
.dp-underline--none:hover {
text-decoration: none;
}
a.dp-text--brown {
color: var(--clr-brown);
}
a.dp-text--white {
color: var(--clr-white);
}
a.dp-text--beige-link {
color: var(--clr-beige-link);
}
/* main a:not([class*="dp-btn--"]):not([class*="dp-link--none"]) {
font-weight: var(--fw-bold);
}
:is(.dp-header-wrapper, .dp-footer-container ) a {
color: var(--clr-white);
}
:is(.dp-header-wrapper, .dp-footer-container ) a:hover {
text-decoration: none;
} */
a.skip-link {
background: #000;
border-bottom-right-radius: 8px;
color: #fff;
font-weight: 700;
left: 0;
padding: 5px 10px;
position: fixed;
top: 0;
transform: translateY(-102%);
transition: transform .3s;
z-index: 9999;
}
a.skip-link:focus {
transform: translateY(0);
}
::marker {
color: var(--clr-brown);
}
ul, ol {
margin-left: 1.2em;
}
:is(ul, ol) + * {
margin-top: 1.2em;
}
/*----------------------------------------------------------------
SECTIONS
------------------------------------------------------------------*/
:is(.dp-section, .dp-section-inner, .wp-block-group) {
width: 100%;
padding: var(--space-l) var(--space-m);
}
:is(.dp-section, .dp-section-inner, .wp-block-group).dp-zero-vertical {
width: 100%;
padding: 0 var(--space-m);
}
:is(.dp-section, .dp-section-inner, .wp-block-group).dp-padding-top--zero {
padding: 0 var(--space-m) var(--space-l);
}
:is(.dp-section, .dp-section-inner, .wp-block-group).dp-padding-vertical--xl {
padding: var(--space-xl) var(--space-m);
}
:is(.dp-section, .dp-section-inner, .wp-block-group).dp-padding--zero {
padding: 0;
}
:is(.dp-section, .dp-section-inner, .wp-block-group).dp-padding-inline--zero {
padding-inline: 0;
}
.dp-section.dp-post-constrained {
padding: var(--space-s) var(--space-m) var(--space-l);
}
.dp-section.dp-section--doctors {
padding: var(--space-l) var(--space-m) var(--space-xxl);
}
main .dp-section:first-child {
padding: 0 var(--space-m) var(--space-l);
}
.dp-banner-wrapper + main .dp-section:first-child {
padding: var(--space-l) var(--space-m);
}
main .dp-section.dp-section-gallery-carousel {
padding: var(--space-l) var(--space-m) calc(var(--space-xl) + 2em);
}
.dp-section.dp-section-doctor-video {
padding: var(--space-xl) var(--space-m);
}
.dp-section--therapy {
--padding-left: calc( .85*var(--space-xl) );
position: relative;
width: 100%;
padding: 0 var(--space-m);
overflow-x: hidden;
}
.dp-inner-wrap, .wp-block-group__inner-container {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 100%;
max-width: 1366px;
}
.dp-inner-wrap.dp-post-constrained {
max-width: 1000px;
}
.dp-inner-wrap.dp-max--1280 {
max-width: 1280px;
}
:is(.dp-section, .dp-section-inner) > .dp-inner-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.dp-section.dp-section-doctor-video > .dp-inner-wrap {
align-items: center;
}
.dp-inner-wrap.dp-col-align--c,
.dp-inner-wrap.dp-col-align--center {
align-items: center;
}
:is(.dp-section, .dp-section-inner) > .dp-inner-wrap.dp-col-justify--e {
justify-content: flex-end;
}
:is(.dp-section, .dp-section-inner) > .dp-inner-wrap.dp-col-justify--s {
justify-content: flex-start;
}
.dp-main--adjust > * {
--_width-max: var(--viewport-constrained);
margin-inline: auto;
max-inline-size: min(calc(100% - var(--space-section-inline) * 2), var(--_width-max));
}
.dp-main--adjust > .dp-content-width-medium {
--_width-max: var(--viewport-medium);
}
.dp-main--adjust > .dp-content-width-large {
--_width-max: var(--viewport-large);
}
.dp-main--adjust > .dp-content-width-full {
max-inline-size: none;
}
/*----------------------------------------------------------------
HEADER
------------------------------------------------------------------*/
.dp-header-wrapper {
position: sticky;
top: 0;
z-index: var(--z-index-menu);
padding: var(--space-s) var(--space-m);
display: flex;
justify-content: center;
height: var(--menu-height);
width: 100%;
/* background: pink; */
background: var(--clr-white);
transition: background 400ms ease-in-out;
isolation: isolate;
}
.dp-header-wrapper::before {
content: "";
position: absolute;
inset: 0;
opacity: 0;
box-shadow: 0 .5rem 2rem -1rem rgba(0,0,0,.5);
transition: opacity 400ms ease-in-out;
isolation: isolate;
z-index: -1;
}
body.bricks-is-frontend.admin-bar .dp-header-wrapper {
/* top: 3.2rem; */
top: var(--wp-admin--admin-bar--height);
}
.dp-header-wrapper.dp-header-overlay {
position: fixed;
background: var(--transparent);
}
.dp-header-wrapper + main > .dp-section:first-child {
padding-top: var(--space-l);
}
.dp-header-wrapper + main > .dp-section.dp-padding-top--zero:first-child {
padding-top: 0;
}
.dp-header-overlay + main > .dp-section:first-child {
padding-top: calc( var(--space-l) + var(--menu-height) );
}
.dp-scrolling,
.dp-header-overlay.dp-scrolling {
background: var(--clr-white);
}
.dp-header-wrapper.dp-scrolling::before {
opacity: 1;
}
.dp-header-inner {
/* display: flex;
justify-content: space-between;
align-items: center; */
display: grid;
grid-template-columns: 20rem minmax(auto, 1fr) 10rem 10rem;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 100%;
max-width: 1366px;
align-items: center;
}
.dp-menu-logo,
.dp-footer-logo {
display: flex;
align-items: center;
flex: 1;
}
.dp-menu-logo {
justify-content: center;
}
.dp-footer-logo {
justify-content: flex-start;
}
.dp-menu-logo > a,
.dp-footer-logo > a {
display: flex;
}
.dp-menu-logo svg {
width: 100%;
max-width: 24rem;
/* margin-top: .5rem; */
}
.dp-header-overlay .dp-menu-logo svg {
fill: var(--clr-white);
}
.dp-header-overlay.dp-scrolling .dp-menu-logo svg {
fill: revert;
}
.dp-menu-toggle {
display: flex;
align-items: center;
gap: .5rem;
background: hsla(0, 0%, 100%, 0);
border: none;
cursor: pointer;
/* z-index: 2; */
}
.dp-menu-toggle-container {
display: flex;
justify-content: flex-end;
align-items: center;
}
.dp-menu-toggle__title {
font-family: var(--ff-heading);
}
.dp-header-overlay .dp-menu-toggle__title {
color: var(--clr-white);
}
.dp-scrolling .dp-menu-toggle__title {
color: var(--clr-base);
}
.dp-hamburger,
.dp-hamburger::before,
.dp-hamburger::after {
--height: 2px;
content: "";
display: block;
background: var(--clr-base);
height: var(--height);
border-radius: 3px;
transition: all ease-in-out 250ms;
}
.dp-header-overlay .dp-hamburger,
.dp-header-overlay .dp-hamburger::before,
.dp-header-overlay .dp-hamburger::after {
background: var(--clr-white);
}
.dp-scrolling .dp-hamburger,
.dp-scrolling .dp-hamburger::before,
.dp-scrolling .dp-hamburger::after {
background: var(--clr-base);
}
.dp-hamburger {
width: 1.75em;
}
.dp-hamburger::before {
transform: translateY(calc( -3*var(--height) ));
width: 1.35em;
margin-left: auto;
}
.dp-hamburger::after {
transform: translateY(calc( 2*var(--height) ));
width: 1em;
margin-left: auto;
}
[aria-expanded="true"] .dp-hamburger,
[aria-expanded="true"] .dp-hamburger::before,
[aria-expanded="true"] .dp-hamburger::after {
background: var(--clr-base);
width: 1.75em;
}
[aria-expanded="true"] .dp-hamburger {
transform: rotate(45deg);
}
[aria-expanded="true"] .dp-hamburger::before {
opacity: 0;
}
[aria-expanded="true"] .dp-hamburger::after {
transform: translateY(calc( -1*var(--height) )) rotate(-90deg);
}
.dp-menu-toggle-container {
z-index: calc(var(--z-index-menu) + 1);
}
.dp-menu-toggle[aria-expanded="true"] {
--size: 3rem;
z-index: calc(var(--z-index-menu) + 1);
width: var(--size);
height: var(--size);
padding: 2rem;
/* background: lightgreen; */
background: var(--clr-white);
border-radius: 50%;
box-shadow: 0 .4rem 2rem -.3rem rgba(0,0,0,.5);
justify-content: center;
}
.dp-menu-content {
position: absolute;
inset: 0;
width: 100%;
min-height: 100vh;
/* padding: calc( var(--space-xs) + var(--menu-height) ) var(--space-m) var(--space-l) var(--space-m); */
/* padding: var(--menu-height) var(--space-m) var(--space-l) var(--space-m); */
padding: 0;
overflow-y: auto;
/* background: red; */
background: var(--clr-white);
z-index: var(--z-index-menu);
opacity: 0;
/* animation: menureveal 2.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) .15s both; */
}
.dp-menu-content[data-state="opened"] {
animation: fadeIn 250ms ease-in-out forwards;
display: block;
}
.dp-menu-content[data-state="closing"] {
animation: fadeOut 250ms ease-in-out forwards;
}
.dp-menu-content[data-state="closed"] {
display: none;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.dp-menu-inner {
--width-left: 70%;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
/* padding: var(--space-l) 0; */
}
.dp-menu-inner [role="tablist"] {
list-style: none;
padding: var(--menu-height) 3rem;
margin-left: 0;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
width: calc( 100% - var(--width-left) );
border-left: .2rem solid var(--clr-brown);
/* background: cornsilk; */
}
/* .dp-menu-inner [role="tablist"] li {
--size-bullet: 1.6rem;
position: relative;
} */
.dp-main-nav__link {
--size-bullet: 1.6rem;
position: relative;
display: flex;
align-items: center;
gap: 1.2rem;
/* width: 100%; */
}
.dp-main-nav__icon {
display: none;
--size: 1.6rem;
fill: var(--clr-brown);
width: var(--size);
height: var(--size);
transition: all .4s ease-in-out;
}
.dp-main-nav__icon.dp-rotate--180 {
transition: all .4s ease-in-out;
transform: rotate(180deg);
}
.dp-main-nav__link::before {
display: none;
content: "";
position: absolute;
width: var(--size-bullet);
height: var(--size-bullet);
border-radius: 20em;
background: var(--clr-brown);
top: 0;
left: -3rem;
transform: translate(-51%, 50%);
}
.dp-main-nav__link[aria-selected="true"] {
font-weight: var(--fw-bold);
}
[aria-selected="true"].dp-main-nav__link::before {
display: block;
}
.dp-main-nav__team {
display: flex;
flex-direction: column;
}
.dp-menu-inner [role="tablist"] > * + * {
margin-top: 1.4em;
}
.dp-menu-tabs__panels {
height: 100%;
width: var(--width-left);
padding: var(--menu-height) 2em;
margin-top: 0;
overflow-y: auto;
/* background: pink; */
}
.dp-menu-face-body {
display: flex;
gap: var(--space-xl);
}
.dp-main-nav .dp-menu-list {
list-style: none;
padding-left: 0;
margin: 0;
}
.dp-main-nav .dp-menu-list > * + * {
margin-top: 1rem;
}
.dp-main-nav .dp-menu-list a {
color: var(--clr-base);
}
.dp-main-nav .dp-menu-list a:hover {
font-weight: var(--fw-bold);
text-decoration: underline;
text-underline-offset: .25em;
}
.dp-main-nav__face {
width: 40%;
}
:is(.dp-menu-dermatology, .dp-menu-plastic-surgery) ul {
columns: 2;
}
.dp-menu-about-us p {
width: 100%;
max-width: 65ch;
}
.dp-contact-form-menu {
gap: var(--space-m);
}
.dp-menu-item-cta-mobile {
display: none;
}
.dp-menu-btn-wrapper {
height: 100%;
}
.dp-menu-cta {
display: flex;
justify-content: center;
align-items: center;
font-size: 17px;
font-weight: var(--fw-bold);
color: var(--clr-white);
background-color: var(--clr-base);
padding-inline: 2.4rem;
border: 1px solid var(--clr-base);
border-radius: var(--radius-l);
width: min(100%, 17rem);
height: inherit;
cursor: pointer;
}
@media only screen and (max-width:767px) {
.dp-header-wrapper,
.dp-header-wrapper.dp-header-overlay {
position: sticky;
background: var(--clr-white);
top: 0;
}
.dp-header-wrapper.dp-header-overlay + main > .dp-section:first-child {
padding-top: var(--space-l);
}
.dp-header-overlay .dp-hamburger,
.dp-header-overlay .dp-hamburger::before,
.dp-header-overlay .dp-hamburger::after {
background: var(--clr-base);
}
.dp-header-inner {
grid-template-columns: 8rem minmax(12rem, 1fr) 8rem;
}
.dp-menu-item-cta-mobile {
display: flex;
justify-content: center;
min-height: 4.3rem;
}
.dp-menu-cta--desktop {
display: none;
grid-row: 2;
grid-column: 2 / -1;
order: 2;
}
/* .dp-btn-icon-wrapper.dp-menu-cta {
display: none;
grid-row: 2;
grid-column: 2 / -1;
order: 2;
} */
.dp-menu-btn-wrapper {
display: none;
}
.dp-menu-toggle-container {
width: 100%;
display: flex;
justify-content: flex-end;
}
.dp-menu-toggle__title {
display: none;
}
.dp-menu-inner {
flex-direction: column;
justify-content: flex-start;
align-items: revert;
}
.dp-menu-inner [role="tablist"] {
width: 100%;
height: auto;
border-left: none;
justify-content: flex-start;
flex: 1;
}
.dp-main-nav__link {
margin-bottom: 1rem;
}
.dp-main-nav__link[aria-selected="true"] {
font-weight: revert;
}
[aria-selected="true"].dp-main-nav__link::before {
display: none;
}
.dp-main-nav__icon {
display: revert;
}
.dp-menu-face-body {
flex-direction: column;
gap: var(--space-m);
}
:is(.dp-menu-dermatology, .dp-menu-plastic-surgery) ul {
columns: 1;
}
.dp-main-nav__face {
width: revert;
}
.dp-menu-tabs__panels {
display: none;
width: 100%;
}
.dp-menu-tabs__panel {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 500ms;
font-size: 1.6rem;
}
#section-1 {
grid-template-rows: 0fr;
}
/* #section-1,
#section-1.dp-menu-tab__first-1[aria-hidden="false"] {
grid-template-rows: 0fr;
} */
#section-1[aria-hidden="false"],
.dp-menu-tabs__panel[aria-hidden="false"] {
grid-template-rows: 1fr;
}
.dp-menu-tabs__panel > * {
overflow: hidden;
}
.dp-header-overlay .dp-menu-logo svg {
fill: revert;
}
}
@media only screen and (max-width:330px) {
.dp-header-inner {
grid-template-columns: 6rem minmax(12rem, 1fr) 6rem;
}
}
/*----------------------------------------------------------------
FOOTER
------------------------------------------------------------------*/
.dp-footer-container {
margin-top: var(--space-xxl);
}
.dp-footer-seminar {
display: grid;
grid-template-columns: 3fr 1fr;
width: 100%;
gap: var(--space-m);
background: var(--clr-beige);
padding: var(--space-m);
}
.dp-footer-seminar__text span {
display: block;
font-family: var(--ff-heading);
font-weight: var(--fw-bold);
font-size: var(--text-xl);
}
.dp-footer-seminar__text > p :first-child {
color: var(--clr-white);
line-height: 1.2;
/* margin-bottom: -1rem; */
}
.dp-footer-seminar__cta {
display: flex;
align-items: center;
}
.dp-footer-seminar__cta [class*="dp-btn--"] {
padding: 1rem 3.4em;
}
.dp-footer-list-wrapper {
--main-gap: 1.1rem;
--font-size: 1.4rem;
}
.dp-footer-logo svg {
fill: var(--clr-white);
width: 100%;
max-width: 23rem;
}
.dp-footer-headline {
color: var(--clr-white);
font-size: var(--font-size);
font-weight: var(--fw-bold);
letter-spacing: .14rem;
margin-bottom: var(--main-gap);
}
.dp-footer-list-wrapper .dp-menu-list {
list-style: none;
padding-left: 0;
margin-left: 0;
color: var(--clr-white);
font-size: var(--font-size);
}
.dp-footer-list-wrapper .dp-menu-list > * + * {
margin-top: var(--main-gap);
}
.dp-footer-social {
list-style: none;
padding-left: 0;
display: flex;
gap: 1rem;
margin: 2em 0 0;
}
.dp-footer-social svg {
--size: 3.4rem;
width: var(--size);
height: var(--size);
fill: var(--clr-white);
transition: fill 400ms ease-in;
}
.dp-footer-social svg:is(:hover, :focus) {
fill: var(--clr-brown);
}
.dp-footer-copyright {
--clr-copy: hsl(0, 0%, 44%); /*#707070*/
display: flex;
justify-content: space-between;
width: 100%;
gap: var(--space-xs);
color: var(--clr-copy);
font-size: 1.3rem;
letter-spacing: .014rem;
padding: 1.4rem 0;
margin-top: 1.6rem;
border-top: .1rem solid var(--clr-copy);
}
.dp-footer-copyright > p {
margin: 0;
}
.dp-footer-awards {
list-style: none;
margin-left: 0;
display: flex;
align-items: center;
margin-top: 2em;
gap: .7em;
}
.dp-footer-awards img {
max-width: 80px;
}
@media only screen and (max-width: 991px) {
.dp-footer-seminar {
display: flex;
flex-direction: column;
align-items: center;
}
.dp-footer-seminar__text span {
text-align: center;
}
.dp-footer-copyright {
flex-direction: column;
justify-content: flex-start;
}
.dp-footer-signature {
order: 3;
}
}
/*---------------------------------------------------
MAIN CTA MOBILE
----------------------------------------------------*/
.dp-btn-book--float {
--_btn-size: 4rem;
position: fixed;
right: 2rem;
bottom: 1.6rem;
width: var(--_btn-size);
height: var(--_btn-size);
padding: .3rem;
border: .1rem solid var(--clr-transparent);
box-shadow: 0 .3rem 1.6rem -.5rem rgba(0, 0, 0, .3);
background: var(--clr-base);
z-index: var(--z-index-btt);
cursor: pointer;
}
.dp-btn-book--float svg {
--size: 1.8rem;
fill: var(--clr-white);
width: var(--size);
height: var(--size);
}
/*------------------------------------------------------------------
--------------------------------------------------------------------
UTILITY CLASSES
--------------------------------------------------------------------
------------------------------------------------------------------*/
.dp-hidden-accessible {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
/* added line */
border: 0;
}
.dp-clickable-parent {
position: static;
}
.dp-clickable-parent::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
cursor: pointer !important;
display: flex;
}
.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
clip: rect(1px,1px,1px,1px);
height: 1px;
overflow: hidden;
position: absolute !important;
white-space: nowrap;
width: 1px;
}
/*----------------------------------------------------------------
SPACES
------------------------------------------------------------------*/
.dp-owl--xs > * + * {
margin-top: var(--space-xs);
}
.dp-owl--s > * + * {
margin-top: var(--space-s);
}
.dp-owl--m > * + * {
margin-top: var(--space-m);
}
.dp-owl--l > * + * {
margin-top: var(--space-l);
}
.dp-owl--xl > * + * {
margin-top: var(--space-xl);
}
.dp-owl--xxl > * + * {
margin-top: var(--space-xxl);
}
/*----------------------------------------------------------------
MARGINS
------------------------------------------------------------------*/
.dp-margin-top--xs {
margin-top: var(--space-xs);
}
.dp-margin-top--s {
margin-top: var(--space-s);
}
.dp-margin-top--m {
margin-top: var(--space-m);
}
.dp-margin-top--l {
margin-top: var(--space-l);
}
.dp-margin-top--xl {
margin-top: var(--space-xl);
}
.dp-margin-top--xxl {
margin-top: var(--space-xxl);
}
.dp-margin-top--zero {
margin-top: 0;
}
.dp-margin-bottom--xxs {
margin-bottom: calc( var(--xxs) * var(--space-xs) );
}
.dp-margin-bottom--xs {
margin-bottom: var(--space-xs);
}
.dp-margin-bottom--s {
margin-bottom: var(--space-s);
}
.dp-margin-bottom--m {
margin-bottom: var(--space-m);
}
.dp-margin-bottom--l {
margin-bottom: var(--space-l);
}
.dp-margin-bottom--xl {
margin-bottom: var(--space-xl);
}
.dp-margin-bottom--xxl {
margin-bottom: var(--space-xxl);
}
.dp-margin-bottom--zero {
margin-bottom: 0;
}
.dp-margin-block--s {
margin-block: var(--space-s);
}
.dp-margin-block--m {
margin-block: var(--space-m);
}
.dp-margin-block--l {
margin-block: var(--space-l);
}
.dp-justify--self {
margin-left: auto;
margin-right: auto;
}
/*----------------------------------------------------------------
PADDINGS
------------------------------------------------------------------*/
.dp-padding-top--xs {
padding-top: var(--space-xs);
}
.dp-padding-top--s {
padding-top: var(--space-s);
}
.dp-padding-top--m {
padding-top: var(--space-m);
}
.dp-padding-top--l {
padding-top: var(--space-l);
}
.dp-padding-top--xl {
padding-top: var(--space-xl);
}
.dp-padding-top--xxl {
padding-top: var(--space-xxl);
}
.dp-padding-bottom--xs {
padding-bottom: var(--space-xs);
}
.dp-padding-bottom--s {
padding-bottom: var(--space-s);
}
.dp-padding-bottom--m {
padding-bottom: var(--space-m);
}
.dp-padding-bottom--l {
padding-bottom: var(--space-l);
}
.dp-padding-bottom--xl {
padding-bottom: var(--space-xl);
}
.dp-padding-bottom--xxl {
padding-bottom: var(--space-xxl);
}
.dp-padding-left--s {
padding-left: var(--space-s);
}
.dp-padding-left--m {
padding-left: var(--space-m);
}
.dp-padding-right--s {
padding-right: var(--space-s);
}
.dp-padding-right--m {
padding-right: var(--space-m);
}
.dp-padding--xs {
padding: var(--space-xs);
}
.dp-padding--s {
padding: var(--space-s);
}
.dp-padding--m {
padding: var(--space-m);
}
.dp-padding--l {
padding: var(--space-l);
}
.dp-padding--zero {
padding: 0;
}
.dp-padding-block--zero {
padding-block: 0;
}
.dp-padding-block--xs {
padding-block: var(--space-xs);
}
.dp-padding-block--s {
padding-block: var(--space-s);
}
.dp-padding-block--m {
padding-block: var(--space-m);
}
.dp-padding-block--l {
padding-block: var(--space-l);
}
.dp-padding-block--xl {
padding-block: var(--space-xl);
}
.dp-padding-block--xxl {
padding-block: var(--space-xxl);
}
.dp-padding-inline--zero {
padding-inline: 0;
}
.dp-padding-inline--xs {
padding-inline: var(--space-xs);
}
.dp-padding-inline--s {
padding-inline: var(--space-s);
}
.dp-padding-inline--m {
padding-inline: var(--space-m);
}
.dp-padding-vertical--xl {
padding-top: var(--space-xl);
padding-bottom: var(--space-xl);
}
@media only screen and (max-width: 991px) {
.dp-padding-inline--l-zero {
padding-inline: 0;
}
.dp-padding-block--l-zero {
padding-block: 0;
}
.dp-padding-block--l-l {
padding-block: var(--space-l);
}
.dp-padding-block--l-m {
padding-block: var(--space-m);
}
.dp-padding-left--l-zero {
padding-left: 0;
}
.dp-padding-bottom--l-l {
padding-bottom: var(--space-l);
}
.dp-padding-top--l-m {
padding-top: var(--space-m);
}
}
@media only screen and (max-width: 767px) {
.dp-padding-inline--m-zero {
padding-inline: 0;
}
.dp-padding-block--m-zero {
padding-block: 0;
}
.dp-padding-block--m-l {
padding-block: var(--space-l);
}
.dp-padding-block--m-m {
padding-block: var(--space-m);
}
.dp-padding-bottom--m-xl {
padding-bottom: var(--space-xl);
}
.dp-padding-bottom--m-xxl {
padding-bottom: var(--space-xxl);
}
}
/*----------------------------------------------------------------
GAPS
------------------------------------------------------------------*/
.dp-gap--xxs {
gap: calc( var(--xxs) * var(--space-xs) );
}
.dp-gap--xs {
gap: var(--space-xs);
}
.dp-gap--s {
gap: var(--space-s);
}
.dp-gap--m {
gap: var(--space-m);
}
.dp-gap--l {
gap: var(--space-l);
}
.dp-gap--xl {
gap: var(--space-xl);
}
.dp-gap--xxl {
gap: var(--space-xxl);
}
.dp-col-gap--xs {
column-gap: var(--space-xs);
}
.dp-col-gap--s {
column-gap: var(--space-s);
}
.dp-col-gap--m {
column-gap: var(--space-m);
}
.dp-col-gap--l {
column-gap: var(--space-l);
}
/* .dp-gap--two-col-m-l,
.dp-gap--two-col-m-m {
gap: var(--space-m);
} */
:is(.dp-gap--two-col-m-l, .dp-gap--two-col-m-m) {
--_gap: 1.2em;
--_inline-padding: calc(.5*var(--space-m));
> :first-child {
padding-inline-end: var(--_inline-padding);
border-inline-end: 1px solid var(--clr-primary);
}
> :last-child {
padding-inline-start: var(--_inline-padding);
}
}
@media only screen and (max-width: 991px) {
.dp-gap--two-col-m-l {
gap: var(--_gap);
> :first-child {
padding-inline-end: revert;
border-inline-end: revert;
}
> :last-child {
padding-inline-start: revert;
}
}
}
@media only screen and (max-width: 767px) {
.dp-gap--two-col-m-m {
gap: var(--_gap);
> :first-child {
padding-inline-end: revert;
border-inline-end: revert;
}
> :last-child {
padding-inline-start: revert;
}
}
}
/*----------------------------------------------------------------
LAYOUTS
------------------------------------------------------------------*/
.dp-overflow--hidden {
overflow: hidden;
}
.dp-circle {
border-radius: 50%;
overflow: hidden;
}
.dp-position-rel {
position: relative;
}
.dp-flex {
display: flex;
}
.dp-flex--col {
display: flex;
flex-direction: column;
}
.dp-col-justify--c, .dp-col-justify--b, .dp-col-justify--e,
.dp-col-align--c, .dp-col-align--s,
.dp-col-align--e, .dp-col-align--b {
display: flex;
flex-direction: column;
}
.dp-col-justify--c {
justify-content: center;
}
.dp-col-justify--b {
justify-content: space-between;
}
.dp-col-justify--e {
justify-content: flex-end;
}
.dp-col-align--c {
align-items: center;
}
.dp-col-align--s {
align-items: flex-start;
}
.dp-col-align--e {
align-items: flex-end;
}
.dp-col-align--b {
align-items: space-between;
}
.dp-row-justify--c {
display: flex;
justify-content: center;
}
.dp-row-justify--b {
display: flex;
justify-content: space-between;
}
.dp-row-justify--e {
display: flex;
justify-content: space-evenly;
}
.dp-row-align--c {
display: flex;
align-items: center;
}
.dp-row-align--e {
display: flex;
align-items: flex-end;
}
.dp-flex-col-align--center {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
:is(.dp-align-full--l, .dp-align-full--c, .dp-align-full--r) {
display: flex;
flex-direction: column;
width: 100%;
}
.dp-align-full--l {
align-items: flex-start;
text-align: left;
}
.dp-align-full--c {
align-items: center;
text-align: center;
}
.dp-align-full--r {
align-items: flex-end;
text-align: right;
}
.dp-flex--1 {
flex: 1;
}
.dp-first-child-flex--1 > * > :first-child { /* Text Cards */
flex: 1;
}
.dp-flex--wrap {
flex-wrap: wrap;
}
.dp-flex--2-3 {
display: flex;
}
.dp-flex--2-3 > :first-child {
width: 40%;
}
.dp-flex--2-3 > :last-child {
width: 60%;
}
@media only screen and (max-width: 991px) {
.dp-flex--l-full {
display: flex;
flex-direction: column;
}
.dp-flex--l-full > :first-child,
.dp-flex--l-full > :last-child {
width: 100%;
}
}
/*----------------------------------------------------------------
TEXT
------------------------------------------------------------------*/
.dp-text--center ul:not(.dp-cards-container) {
width: fit-content;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.dp-text--center {
width: 100%;
text-align: center;
}
.dp-text--left {
width: 100%;
text-align: left;
}
.dp-text--right {
width: 100%;
text-align: right;
}
.dp-text--bold {
font-weight: var(--fw-bold);
}
.dp-text--regular {
font-weight: var(--fw-regular);
}
.dp-text--s {
font-size: 1.5rem;
}
.dp-text--m {
font-size: var(--text-m);
}
.dp-text--l {
font-size: var(--text-l);
}
.dp-text--xl {
font-size: var(--text-xl);
}
.dp-text--xxl {
font-size: var(--text-xxl);
}
.dp-text--base {
color: var(--clr-base);
}
.dp-text--beige {
color: var(--clr-beige);
}
.dp-text--brown {
color: var(--clr-brown);
}
.dp-text--white {
color: var(--clr-white);
}
.dp-text-shadow--base {
text-shadow: 6px 6px 20px var(--clr-base);
}
.dp-text--italic {
font-style: italic;
}
.dp-text--heading {
font-family: var(--ff-heading);
}
.dp-text--heading-alt {
font-family: var(--ff-heading-alt);
}
.dp-text--body, .dp-font--body {
font-family: var(--ff-body);
}
.dp-text-max--20 {
max-width: 20ch;
}
.dp-text-max--33 {
max-width: 33ch;
}
.dp-text-max--45 {
max-width: 45ch;
}
.dp-text-max--50 {
max-width: 50ch;
}
.dp-text-max--60 {
max-width: 60ch;
}
.dp-text-max--70 {
max-width: 70ch;
}
.dp-text-max--75 {
max-width: 75ch;
}
.dp-text-max--100 {
max-width: 100ch;
}
.dp-line-height--body {
line-height: 1.6;
}
@media only screen and (max-width: 991px) {
.dp-text--l-center {
width: 100%;
text-align: center;
}
.dp-text--l-left {
width: 100%;
text-align: left;
}
.dp-text--l-right {
width: 100%;
text-align: right;
}
}
@media only screen and (max-width: 767px) {
.dp-text--m-center {
width: 100%;
text-align: center;
}
.dp-text--m-left {
width: 100%;
text-align: left;
}
.dp-text--m-right {
width: 100%;
text-align: right;
}
}
@media only screen and (max-width: 479px) {
.dp-text--s-center {
width: 100%;
text-align: center;
}
.dp-text--s-left {
width: 100%;
text-align: left;
}
.dp-text--s-right {
width: 100%;
text-align: right;
}
}
/*----------------------------------------------------------------
LISTS
------------------------------------------------------------------*/
.dp-list-margin--xs > * + *,
.dp-list-margin--xs ul > * + * {
margin-top: 1rem;
}
.dp-list-margin--s > * + * {
margin-top: 1.2rem;
}
.dp-list-margin--m > * + * {
margin-top: 1.6rem;
}
.dp-list--none {
list-style: none;
padding: 0;
margin-left: 0;
}
.dp-list-item-border--top > * + * {
border-top: .1rem solid var(--clr-base);
}
.dp-list-border--block {
border-block: .1rem solid var(--clr-base);
}
/*----------------------------------------------------------------
TABLES
------------------------------------------------------------------*/
:is(.dp-table--basic, .dp-table--responsive),
:is(.dp-table--basic, .dp-table--responsive) table {
width: 100%;
border-collapse: collapse;
border-style: hidden;
}
:is(.dp-table--basic, .dp-table--responsive) thead {
background: var(--clr-brown);
}
:is(.dp-table--basic, .dp-table--responsive) th {
text-align: left;
padding: 1.6rem .9rem;
color: var(--clr-white);
}
:is(.dp-table--basic, .dp-table--responsive) td {
padding: 1rem .9rem 0 .9rem;
}
.dp-col-first--bold tbody tr td:first-child {
font-weight: var(--fw-bold);
}
.dp-table-treatments-col--first tbody tr td:first-child {
width: 21ch;
}
.dp-col-first-width--s tbody tr td:first-child {
width: 100%;
max-width: 21ch;
}
.dp-col-first-padding-left--zero tbody tr td:first-child {
padding-left: 0;
}
.dp-table-five .dp-table-col-one {
min-width: 28ch;
}
.dp-table-five :is(.dp-table-col-two, .dp-table-col-three, .dp-table-col-four, .dp-table-col-five) {
width: 20%;
}
@media only screen and (max-width: 850px) {
.dp-table-five .dp-table-col-one {
min-width: 20ch;
}
}
@media only screen and (max-width: 767px) {
.dp-table-five .dp-table-col-one {
min-width: revert;
}
.dp-table-five :is(.dp-table-col-two, .dp-table-col-three, .dp-table-col-four, .dp-table-col-five) {
width: revert;
}
.dp-table--responsive.dp-table-five th {
display: none;
}
.dp-table--responsive.dp-table-five td {
display: grid;
grid-template-columns: 28ch auto;
gap: 0 1rem;
}
.dp-table--responsive.dp-table-five td:first-of-type {
display: block;
background: var(--clr-brown);
color: var(--clr-white);
font-weight: var(--fw-bold);
text-align: left;
padding: 1.2rem 0.85rem;
}
.dp-table--responsive.dp-table-five td:not(:first-of-type)::before {
content: attr(data-cell) ": ";
font-weight: var(--fw-bold);
}
.dp-table--responsive.dp-table-five td:nth-of-type(2n) {
padding-bottom: 1rem;
}
.dp-table--responsive.dp-table-five td:last-child {
padding-bottom: 1.6rem;
}
.dp-table--responsive.dp-table-five td:not(:first-of-type):nth-of-type(2n+1) {
background: var(--clr-white);
}
}
@media only screen and (max-width: 650px) {
.dp-table--responsive th {
display: none;
}
.dp-table--responsive td {
display: grid;
grid-template-columns: 17ch auto;
gap: .75em;
}
.dp-table--responsive td:first-of-type {
display: block;
background: var(--clr-brown);
color: var(--clr-white);
font-weight: var(--fw-bold);
text-align: left;
padding: 1.2rem 0.85rem;
}
.dp-table--responsive td:not(:first-of-type)::before {
content: attr(data-cell) ": ";
font-weight: var(--fw-bold);
}
.dp-table--responsive td:nth-of-type(2n) {
padding-bottom: 1rem;
}
.dp-table--responsive td:last-child {
padding-bottom: 1.6rem;
}
.dp-table--responsive td:not(:first-of-type):nth-of-type(2n+1) {
background: var(--clr-white);
}
}
@media only screen and (max-width: 479px) {
.dp-table-treatments-col--first tbody tr td:first-child {
width: 16ch;
}
.dp-table--responsive.dp-table-five td {
display: grid;
grid-template-columns: 24ch auto;
}
}
@media only screen and (max-width: 380px) {
.dp-table--responsive.dp-table-five td {
display: grid;
grid-template-columns: 17ch auto;
}
}
/*----------------------------------------------------------------
WIDTHS
------------------------------------------------------------------*/
.dp-media-single--70 {
width: 70%;
}
.dp-media-single--80 {
width: 80%;
}
.dp-media-single--90 {
width: 90%;
}
.dp-media-single--100 {
width: 100%;
}
.dp-width--full {
max-width: 100%;
width: 100%;
}
.dp-width-max--50r {
width: 100%;
max-width: 50rem;
}
.dp-width-max--m {
width: min(100%, 767px);
}
.dp-width-max--100r {
width: 100%;
max-width: 100rem;
}
/*----------------------------------------------------------------
HEIGHTS
------------------------------------------------------------------*/
.dp-height--full {
height: 100%;
}
.dp-height-min--50 {
min-height: 50vh;
}
.dp-height-min--60 {
min-height: 60vh;
}
.dp-height-min--66 {
min-height: 66vh;
}
.dp-height-min--inherit {
min-height: inherit
}
.dp-span--full {
width: 100%;
height: 100%;
/* max-width: 100%; */
}
/*----------------------------------------------------------------
COLUMNS
------------------------------------------------------------------*/
.dp-column--3 {
column-count: 3;
}
.dp-column--2 {
column-count: 2;
}
@media only screen and (max-width: 991px) {
.dp-column--l-3 {
column-count: 3;
}
.dp-column--l-2 {
column-count: 2;
}
.dp-column--l-1 {
column-count: 1;
}
}
@media only screen and (max-width: 767px) {
.dp-column--m-3 {
column-count: 3;
}
.dp-column--m-2 {
column-count: 2;
}
.dp-column--m-1 {
column-count: 1;
}
}
@media only screen and (max-width: 479px) {
.dp-column--s-3 {
column-count: 3;
}
.dp-column--s-2 {
column-count: 2;
}
.dp-column--s-1 {
column-count: 1;
}
}
/*----------------------------------------------------------------
ORDER
------------------------------------------------------------------*/
.dp-order--first {
order: -1;
}
.dp-order--last {
order: 9;
}
@media only screen and (max-width: 991px) {
.dp-order--l-first {
order: -1;
}
.dp-order--l-last {
order: 9;
}
}
@media only screen and (max-width: 767px) {
.dp-order--m-first {
order: -1;
}
.dp-order--m-last {
order: 9;
}
}
/*----------------------------------------------------------------
ASPECT RATIOS
------------------------------------------------------------------*/
[class*="dp-aspect--"] {
position: relative;
width: 100%;
overflow: hidden;
}
[class*="dp-aspect--"]:before {
content: "";
display: block;
}
[class*="dp-aspect--"] :is(img, iframe),
[class*="dp-aspect--"] > :first-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
[class*="dp-aspect-ratio--"] {
width: 100%;
}
[class*="dp-aspect-ratio--"] :is(img, picture, iframe, video) {
width: 100%;
height: 100%;
object-fit: cover;
}
.dp-aspect--3-1::before {
padding-bottom: 33.33%;
}
.dp-aspect--bf::before {
padding-bottom: 38.31%;
}
.dp-aspect--5-2::before {
padding-bottom: 42%;
}
.dp-aspect--2-1::before {
padding-bottom: 50%;
}
.dp-aspect--16-9::before {
padding-bottom: 56.50%;
}
.dp-aspect--8-5::before {
padding-bottom: 62.5%;
}
.dp-aspect--3-2:before {
padding-bottom: 66.66%;
}
.dp-aspect--10-7::before {
padding-bottom: 70%;
}
.dp-aspect--4-3::before {
padding-bottom: 75%;
}
.dp-aspect--10-8:before {
padding-bottom: 80%;
}
.dp-aspect--6-5:before {
padding-bottom: 83.33%;
}
.dp-aspect--1-1::before {
padding-bottom: 100%;
}
.dp-aspect--5-6::before {
padding-bottom: 120%;
}
.dp-aspect--4-5::before {
padding-bottom: 125%;
}
.dp-aspect--2-3::before {
padding-bottom: 150%;
}
.dp-aspect--9-16::before {
padding-bottom: 177.78%;
}
.dp-aspect--shorts::before {
padding-bottom: 203.06%;
}
.dp-aspect--certificates::before {
padding-bottom: 63.06%;
}
.dp-aspect-ratio--3-1 {
aspect-ratio: 3 / 1;
}
.dp-aspect-ratio--5-2 {
aspect-ratio: 5 / 2;
}
.dp-aspect-ratio--2-1 {
aspect-ratio: 2 / 1;
}
.dp-aspect-ratio--16-9 {
aspect-ratio: 16 / 9;
}
.dp-aspect-ratio--8-5 {
aspect-ratio: 8 / 5;
}
.dp-aspect-ratio--3-2 {
aspect-ratio: 3 / 2;
}
.dp-aspect-ratio--10-7 {
aspect-ratio: 10 / 7;
}
.dp-aspect-ratio--4-3 {
aspect-ratio: 4 / 3;
}
.dp-aspect-ratio--10-8 {
aspect-ratio: 10 / 8;
}
.dp-aspect-ratio--6-5 {
aspect-ratio: 6 / 5;
}
.dp-aspect-ratio--1-1 {
aspect-ratio: 1 / 1;
}
.dp-aspect-ratio--5-6 {
aspect-ratio: 5 / 6;
}
.dp-aspect-ratio--4-5 {
aspect-ratio: 4 / 5;
}
.dp-aspect-ratio--2-3 {
aspect-ratio: 2 / 3;
}
.dp-media-fit {
object-fit: cover;
object-position: 50% 50%;
}
.dp-media--absolute {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.dp-media--bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
z-index: -1;
}
/* .dp-section-overlay--s {
position: relative;
} */
[class*="dp-section-overlay--"]::before {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.dp-section-overlay--beige-30::before {
background-color: hsla(13, 28%, 81%, .3);
}
.dp-section-overlay--beige-40::before {
background-color: hsla(13, 28%, 81%, .4);
}
.dp-section-overlay--brown-30::before {
background-color: hsla(10, 32%, 61%, .3);
}
.dp-section-overlay--brown-40::before {
background-color: hsla(10, 32%, 61%, .4);
}
.dp-section-overlay--black-25::before {
background-color: hsla(0, 0%, 0%, .25);
}
.dp-section-overlay--black-40::before {
background-color: hsla(0, 0%, 0%, .4);
}
@media only screen and (max-width: 991px) {
.dp-aspect--l-5-2::before {
padding-bottom: 42%;
}
.dp-aspect--l-2-1::before {
padding-bottom: 50%;
}
.dp-aspect--l-16-9::before {
padding-bottom: 56.50%;
}
.dp-aspect--l-8-5::before {
padding-bottom: 62.5%;
}
.dp-aspect--l-3-2:before {
padding-bottom: 66.66%;
}
.dp-aspect--l-10-7::before {
padding-bottom: 70%;
}
.dp-aspect--l-4-3::before {
padding-bottom: 75%;
}
.dp-aspect--l-10-8:before {
padding-bottom: 80%;
}
.dp-aspect--l-6-5:before {
padding-bottom: 83.33%;
}
.dp-aspect--l-1-1::before {
padding-bottom: 100%;
}
.dp-aspect--l-video::before {
padding-bottom: 109.1%;
}
.dp-aspect--l-5-6::before {
padding-bottom: 120%;
}
.dp-aspect--l-4-5::before {
padding-bottom: 125%;
}
.dp-aspect--l-2-3::before {
padding-bottom: 150%;
}
.dp-aspect-ratio--l-3-1 {
aspect-ratio: 3 / 1;
}
.dp-aspect-ratio--l-5-2 {
aspect-ratio: 5 / 2;
}
.dp-aspect-ratio--l-2-1 {
aspect-ratio: 2 / 1;
}
.dp-aspect-ratio--l-16-9 {
aspect-ratio: 16 / 9;
}
.dp-aspect-ratio--l-8-5 {
aspect-ratio: 8 / 5;
}
.dp-aspect-ratio--l-3-2 {
aspect-ratio: 3 / 2;
}
.dp-aspect-ratio--l-10-7 {
aspect-ratio: 10 / 7;
}
.dp-aspect-ratio--l-4-3 {
aspect-ratio: 4 / 3;
}
.dp-aspect-ratio--l-10-8 {
aspect-ratio: 10 / 8;
}
.dp-aspect-ratio--l-6-5 {
aspect-ratio: 6 / 5;
}
.dp-aspect-ratio--l-1-1 {
aspect-ratio: 1 / 1;
}
.dp-aspect-ratio--l-5-6 {
aspect-ratio: 5 / 6;
}
.dp-aspect-ratio--l-4-5 {
aspect-ratio: 4 / 5;
}
.dp-aspect-ratio--l-2-3 {
aspect-ratio: 2 / 3;
}
}
@media only screen and (max-width: 767px) {
.dp-aspect--m-5-2::before {
padding-bottom: 42%;
}
.dp-aspect--m-2-1::before {
padding-bottom: 50%;
}
.dp-aspect--m-16-9::before {
padding-bottom: 56.50%;
}
.dp-aspect--m-8-5::before {
padding-bottom: 62.5%;
}
.dp-aspect--m-3-2:before {
padding-bottom: 66.66%;
}
.dp-aspect--m-10-7::before {
padding-bottom: 70%;
}
.dp-aspect--m-4-3::before {
padding-bottom: 75%;
}
.dp-aspect--m-10-8:before {
padding-bottom: 80%;
}
.dp-aspect--m-6-5:before {
padding-bottom: 83.33%;
}
.dp-aspect--m-1-1::before {
padding-bottom: 100%;
}
.dp-aspect--m-5-6::before {
padding-bottom: 120%;
}
.dp-aspect--m-4-5::before {
padding-bottom: 125%;
}
.dp-aspect--m-2-3::before {
padding-bottom: 150%;
}
.dp-aspect-ratio--m-3-1 {
aspect-ratio: 3 / 1;
}
.dp-aspect-ratio--m-5-2 {
aspect-ratio: 5 / 2;
}
.dp-aspect-ratio--m-2-1 {
aspect-ratio: 2 / 1;
}
.dp-aspect-ratio--m-16-9 {
aspect-ratio: 16 / 9;
}
.dp-aspect-ratio--m-8-5 {
aspect-ratio: 8 / 5;
}
.dp-aspect-ratio--m-3-2 {
aspect-ratio: 3 / 2;
}
.dp-aspect-ratio--m-10-7 {
aspect-ratio: 10 / 7;
}
.dp-aspect-ratio--m-4-3 {
aspect-ratio: 4 / 3;
}
.dp-aspect-ratio--m-10-8 {
aspect-ratio: 10 / 8;
}
.dp-aspect-ratio--m-6-5 {
aspect-ratio: 6 / 5;
}
.dp-aspect-ratio--m-1-1 {
aspect-ratio: 1 / 1;
}
.dp-aspect-ratio--m-5-6 {
aspect-ratio: 5 / 6;
}
.dp-aspect-ratio--m-4-5 {
aspect-ratio: 4 / 5;
}
.dp-aspect-ratio--m-2-3 {
aspect-ratio: 2 / 3;
}
}
@media only screen and (max-width: 479px) {
.dp-aspect--s-5-2::before {
padding-bottom: 42%;
}
.dp-aspect--s-2-1::before {
padding-bottom: 50%;
}
.dp-aspect--s-16-9::before {
padding-bottom: 56.50%;
}
.dp-aspect--s-8-5::before {
padding-bottom: 62.5%;
}
.dp-aspect--s-3-2:before {
padding-bottom: 66.66%;
}
.dp-aspect--s-10-7::before {
padding-bottom: 70%;
}
.dp-aspect--s-4-3::before {
padding-bottom: 75%;
}
.dp-aspect--s-10-8:before {
padding-bottom: 80%;
}
.dp-aspect--s-6-5:before {
padding-bottom: 83.33%;
}
.dp-aspect--s-1-1::before {
padding-bottom: 100%;
}
.dp-aspect--s-5-6::before {
padding-bottom: 120%;
}
.dp-aspect--s-4-5::before {
padding-bottom: 125%;
}
.dp-aspect--s-2-3::before {
padding-bottom: 150%;
}
.dp-aspect-ratio--s-3-1 {
aspect-ratio: 3 / 1;
}
.dp-aspect-ratio--s-5-2 {
aspect-ratio: 5 / 2;
}
.dp-aspect-ratio--s-2-1 {
aspect-ratio: 2 / 1;
}
.dp-aspect-ratio--s-16-9 {
aspect-ratio: 16 / 9;
}
.dp-aspect-ratio--s-8-5 {
aspect-ratio: 8 / 5;
}
.dp-aspect-ratio--s-3-2 {
aspect-ratio: 3 / 2;
}
.dp-aspect-ratio--s-10-7 {
aspect-ratio: 10 / 7;
}
.dp-aspect-ratio--s-4-3 {
aspect-ratio: 4 / 3;
}
.dp-aspect-ratio--s-10-8 {
aspect-ratio: 10 / 8;
}
.dp-aspect-ratio--s-6-5 {
aspect-ratio: 6 / 5;
}
.dp-aspect-ratio--s-1-1 {
aspect-ratio: 1 / 1;
}
.dp-aspect-ratio--s-5-6 {
aspect-ratio: 5 / 6;
}
.dp-aspect-ratio--s-4-5 {
aspect-ratio: 4 / 5;
}
.dp-aspect-ratio--s-2-3 {
aspect-ratio: 2 / 3;
}
}
/*----------------------------------------------------------------
IMAGE FOCUS
------------------------------------------------------------------*/
[class*="dp-img-focus--"] {
object-fit: cover;
}
.dp-img-focus--10-0 {
object-position: 10% 0%;
}
.dp-img-focus--10-25 {
object-position: 10% 25%;
}
.dp-img-focus--10-50 {
object-position: 10% 50%;
}
.dp-img-focus--10-75 {
object-position: 10% 75%;
}
.dp-img-focus--10-100 {
object-position: 10% 100%;
}
.dp-img-focus--25-0 {
object-position: 25% 0%;
}
.dp-img-focus--25-25 {
object-position: 25% 25%;
}
.dp-img-focus--25-50 {
object-position: 25% 50%;
}
.dp-img-focus--25-75 {
object-position: 25% 75%;
}
.dp-img-focus--25-100 {
object-position: 25% 100%;
}
.dp-img-focus--50-0 {
object-position: 50% 0%;
}
.dp-img-focus--50-10 {
object-position: 50% 10%; /* Doctors */
}
.dp-img-focus--50-20 {
object-position: 50% 20%; /* Doctors */
}
.dp-img-focus--50-25 {
object-position: 50% 25%;
}
.dp-img-focus--50-50 {
object-position: 50% 50%;
}
.dp-img-focus--50-75 {
object-position: 50% 75%;
}
.dp-img-focus--50-100 {
object-position: 50% 100%;
}
.dp-img-focus--75-0 {
object-position: 75% 0%;
}
.dp-img-focus--75-25 {
object-position: 75% 25%;
}
.dp-img-focus--75-50 {
object-position: 75% 50%;
}
.dp-img-focus--75-75 {
object-position: 75% 75%;
}
.dp-img-focus--75-100 {
object-position: 75% 100%;
}
.dp-img-focus--90-0 {
object-position: 90% 0%;
}
.dp-img-focus--90-25 {
object-position: 90% 25%;
}
.dp-img-focus--90-50 {
object-position: 90% 50%;
}
.dp-img-focus--90-75 {
object-position: 90% 75%;
}
.dp-img-focus--90-100 {
object-position: 90% 100%;
}
@media only screen and (max-width: 991px) {
.dp-img-focus--l-50-50 {
object-position: 50% 50%;
}
}
@media only screen and (max-width: 767px) {
.dp-img-focus--m-50-50 {
object-position: 50% 50%;
}
}
@media only screen and (max-width: 479px) {
.dp-img-focus--s-50-50 {
object-position: 50% 50%;
}
}
/*----------------------------------------------------------------
BACKGROUND COLORS
------------------------------------------------------------------*/
.dp-bg--beige {
background: var(--clr-beige);
}
.dp-bg--brown {
background: var(--clr-brown);
}
.dp-bg--base {
background: var(--clr-base);
}
.dp-bg--gray {
background: var(--clr-gray);
}
.dp-bg--white {
background: var(--clr-white);
}
.dp-bg--transparent {
background: var(--clr-transparent);
}
.dp-bg--brown-20 {
background: hsla(10, 32%, 61%, .2);
}
.dp-bg--beige-20 {
background: hsl(13, 28%, 81%, .2);
}
/*----------------------------------------------------------------
BORDERS
------------------------------------------------------------------*/
.dp-border-top--brown {
border-top: .1rem solid var(--clr-brown);
}
.dp-border-bottom--brown {
border-bottom: .1rem solid var(--clr-brown);
}
.dp-border-left--brown {
border-left: .1rem solid var(--clr-brown);
}
.dp-border-right--brown {
border-right: .1rem solid var(--clr-brown);
}
.dp-border-radius--s {
border-radius: 1rem;
}
.dp-border-radius--m {
border-radius: 1.6rem;
}
.dp-border-radius--l {
border-radius: 2.5rem;
}
.dp-border-radius--c {
border-radius: 50%;
}
.dp-border--beige {
border: .1rem solid var(--clr-beige);
}
.dp-border--brown {
border: .1rem solid var(--clr-brown);
}
.dp-border--none {
border: .1rem solid var(--transparent);
}
.dp-border--thin {
border: .05rem solid var(--clr-brown);
}
/*----------------------------------------------------------------
OUTLINES
------------------------------------------------------------------*/
.dp-outline--base {
border: .2rem solid var(--clr-base);
background: var(--clr-beige);
}
.dp-grid-outline-2--m {
--grid-gap-col: calc( 1.5*var(--space-s) );
--grid-gap-row: calc( 1.5*var(--space-s) );
gap: var(--grid-gap-row) 0;
}
.dp-grid-outline-2--m li:nth-child(odd) {
padding-right: var(--grid-gap-col);
}
.dp-grid-outline-2--m li:nth-child(even) {
padding-left: var(--grid-gap-col);
border-left: .1rem solid var(--clr-brown);
}
@media only screen and (max-width: 767px) {
.dp-grid-outline-2--m {
--grid-gap-col: 0;
}
.dp-grid-outline-2--m li:nth-child(even) {
border-left: revert;
}
}
/*----------------------------------------------------------------
BUTTONS
------------------------------------------------------------------*/
.dp-btn-style-reset {
padding: 0;
border: .1rem solid var(--clr-transparent);
background: var(--clr-transparent);
}
[class*="dp-btn--"] {
position: relative;
display: flex;
align-items: center;
padding: 1rem 3.2em;
border-radius: var(--radius-l);
text-decoration: none;
font-weight: var(--fw-regular);
width: fit-content;
overflow: hidden;
isolation: isolate;
transition: opacity 500ms ease-in-out;
cursor: pointer;
}
[class*="dp-btn--"]::before {
content: "";
position: absolute;
inset: 0;
opacity: 0;
z-index: -1;
transition: opacity 500ms ease-in-out;
}
[class*="dp-btn--"]:hover {
text-decoration: none;
}
[class*="dp-btn--"]:hover::before {
opacity: 1;
}
:is(.dp-btn--brown, .dp-btn--secondary, .dp-btn--base) {
color: var(--clr-white);
font-size: 1.5rem;
}
.dp-btn--brown {
background: var(--clr-brown);
}
.dp-btn--secondary {
background: var(--clr-secondary);
}
.dp-btn--base {
background: var(--clr-base);
}
.dp-btn--white {
color: var(--clr-base);
font-size: 1.5rem;
background: var(--clr-white);
transition: all 500ms ease-in-out;
}
.dp-btn--outline-txt-white,
.dp-btn--outline-txt-brown,
.dp-btn--outline-txt-base {
font-size: 1.4rem;
font-weight: var(--fw-bold);
border: .1rem solid var(--clr-brown);
}
.dp-btn--outline-txt-white {
color: var(--clr-white);
}
.dp-btn--outline-txt-brown {
color: var(--clr-brown);
}
.dp-btn--outline-txt-base {
color: var(--clr-base);
}
.dp-btn--outline-txt-white:hover,
.dp-btn--outline-txt-brown:hover,
.dp-btn--outline-txt-base:hover {
color: var(--clr-white);
}
.dp-btn--outline-txt-white::before,
.dp-btn--outline-txt-brown::before,
.dp-btn--outline-txt-base::before {
background: var(--clr-brown);
}
.dp-btn--white:hover {
color: var(--clr-white);
border-color: var(--clr-base);
}
.dp-btn--white::before {
background: var(--clr-base);
}
.dp-btn-icon-wrapper {
display: flex;
align-items: center;
gap: 1.2rem;
}
[class*="dp-btn--"].dp-btn-icon-wrapper {
padding: .7rem 2.8rem;
}
.dp-btn-icon-wrapper svg {
--size: 1.8rem;
fill: var(--clr-white);
width: var(--size);
height: var(--size);
}
/*----------------------------------------------------------------
HEADLINES
------------------------------------------------------------------*/
.dp-headline-above {
margin: 0;
font-family: var(--ff-heading);
color: var(--clr-gray-dark);
font-size: var(--text-l);
}
.dp-headline-alt, .dp-headline-alt--lc {
font-family: var(--ff-heading-alt);
font-size: calc( 1.25*var(--text-xl) );
font-weight: var(--fw-regular);
margin-top: .1em;
}
.dp-headline-alt {
letter-spacing: .125rem;
}
.dp-headline--xxl {
font-size: calc( 1.25*var(--text-xxl) );
font-weight: var(--fw-regular);
color: var(--clr-beige);
line-height: .74;
mix-blend-mode: multiply;
}
.dp-headline-regular--xxl {
font-size: calc( 1.25*var(--text-xxl) );
}
.dp-clinics-headline {
font-size: calc( 1.15*var(--text-xxl) );
font-weight: var(--fw-regular);
color: var(--clr-brown);
line-height: 1.2;
width: 100%;
max-width: 45ch;
text-align: center;
}
.dp-headline--upper {
letter-spacing: .225rem;
}
.dp-headline--blacker {
font-family: var(--ff-heading-alt);
}
/*----------------------------------------------------------------
GRIDS
------------------------------------------------------------------*/
.dp-grid--3-1-l, .dp-grid--3-2-l, .dp-grid--2-3-l, .dp-grid--2-l, .dp-grid--3-m, .dp-grid--4 {
display: grid;
width: 100%;
/* gap: var(--space-m); */
}
.dp-grid--3-1-l {
grid-template-columns: 3fr 1fr;
}
.dp-grid--3-2-l, .dp-grid--3-2 {
grid-template-columns: 3fr 2fr;
}
.dp-grid--2-3-l, .dp-grid--2-3 {
grid-template-columns: 2fr 3fr;
}
.dp-grid--2-l {
grid-template-columns: repeat(2, 2fr);
}
.dp-grid--3-m {
grid-template-columns: repeat(3, 1fr);
}
/* .dp-grid--4 {
grid-template-columns: repeat(4, 1fr);
} */
:is(.dp-grid--2,
.dp-grid--3,
.dp-grid--4,
.dp-grid--5,
.dp-grid-special--6,
.dp-grid--2-3-cond,
.dp-grid--1-1,
.dp-grid--3-2, .dp-grid--2-3,
.dp-grid--4-3, .dp-grid--3-4,
.dp-grid--5-4, .dp-grid--4-5,
.dp-grid--6-5, .dp-grid--5-6) {
display: grid;
width: 100%;
}
.dp-grid--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dp-grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.dp-grid--4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.dp-grid--5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.dp-grid--1-1 {
grid-template-columns: 1fr 1fr;
}
.dp-grid--4-3 {
grid-template-columns: 4fr 3fr;
}
.dp-grid--3-4 {
grid-template-columns: 3fr 4fr;
}
.dp-grid--5-4 {
grid-template-columns: 5fr 4fr;
}
.dp-grid--4-5 {
grid-template-columns: 4fr 5fr;
}
.dp-grid--6-5 {
grid-template-columns: 6fr 5fr;
}
.dp-grid--5-6 {
grid-template-columns: 5fr 6fr;
}
.dp-grid--2-3-cond {
grid-template-columns: minmax(40%, 2fr) minmax(60%, 3fr);
}
.dp-col-start--2 {
grid-column-start: 2;
}
.dp-row-start--1 {
grid-row-start: 1;
}
.dp-grid-special--6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.dp-grid-special--6 > * {
grid-column: auto / span 2;
}
.dp-grid-special--6 > :nth-last-child(-n + 2) {
grid-column: auto / span 3;
}
.dp-row-span--2 {
grid-row: auto / span 2;
}
@media only screen and (max-width: 991px) {
.dp-grid--4 {
grid-template-columns: repeat(2, 1fr);
}
.dp-grid--2-l, .dp-grid--3-2-l, .dp-grid--2-3-l, .dp-grid--3-1-l {
display: flex;
flex-direction: column;
}
.dp-grid--l-1 {
display: flex;
flex-direction: column;
}
.dp-grid--l-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dp-grid--l-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.dp-col-last-span--l-2 > :last-child {
grid-column: 1 / span 2;
}
.dp-row-span--l-2 {
grid-row: auto / span 2;
}
.dp-row-span--l-1 {
grid-row: auto / span 1;
}
}
@media only screen and (max-width: 767px) {
.dp-grid--3-m {
grid-template-columns: repeat(2, 1fr);
}
.dp-grid--m-1 {
display: flex;
flex-direction: column;
}
.dp-grid--m-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dp-grid--m-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.dp-col-last-span--m-2 > :last-child {
grid-column: 1 / span 2;
}
.dp-col-last-span--m-1 > :last-child {
grid-column: 1 / -1;
}
.dp-row-span--m-2 {
grid-row: auto / span 2;
}
.dp-row-span--m-1 {
grid-row: auto / span 1;
}
}
@media only screen and (max-width: 479px) {
.dp-grid--3-m, .dp-grid--4 {
display: flex;
flex-direction: column;
}
.dp-grid--s-1 {
display: flex;
flex-direction: column;
}
.dp-grid--s-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dp-row-span--s-1 {
grid-row: auto / span 1;
}
}
/*----------------------------------------------------------------
STANDOUTS
------------------------------------------------------------------*/
:is(.dp-standout--primary, .dp-standout--beige) {
width: 100%;
padding: var(--space-m) var(--space-s);
}
.dp-standout--primary {
color: var(--clr-white);
background-color: var(--clr-brown);
border: 0.2rem solid var(--clr-beige);
}
.dp-standout--beige {
border: 0.2rem solid var(--clr-base);
background-color: var(--clr-beige);
}
/*----------------------------------------------------------------
PERFMATTERS
------------------------------------------------------------------*/
.perfmatters-lazy-video .play {
--icon-size: 3.6rem;
--size: 8rem;
width: var(--size) !important;
height: var(--size) !important;
background: url( "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23BC877D' d='M500.203,236.907L30.869,2.24c-6.613-3.285-14.443-2.944-20.736,0.939C3.84,7.083,0,13.931,0,21.333v469.333 c0,7.403,3.84,14.251,10.133,18.155c3.413,2.112,7.296,3.179,11.2,3.179c3.264,0,6.528-0.747,9.536-2.24l469.333-234.667 C507.435,271.467,512,264.085,512,256S507.435,240.533,500.203,236.907z'/%3E%3C/svg%3E" ) no-repeat 62% 47% rgba(255,255,255,.6) !important;
background-size: var(--icon-size) var(--icon-size) !important;
border-radius: 50%;
border: 1px solid var(--clr-primary);
transition: background 500ms ease-in-out;
filter: none !important;
}
.perfmatters-lazy-video:hover .play {
background: url( "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFFFFF' d='M500.203,236.907L30.869,2.24c-6.613-3.285-14.443-2.944-20.736,0.939C3.84,7.083,0,13.931,0,21.333v469.333 c0,7.403,3.84,14.251,10.133,18.155c3.413,2.112,7.296,3.179,11.2,3.179c3.264,0,6.528-0.747,9.536-2.24l469.333-234.667 C507.435,271.467,512,264.085,512,256S507.435,240.533,500.203,236.907z'/%3E%3C/svg%3E" ) no-repeat 62% 47% hsl(10, 32%, 61%) !important;
background-size: var(--icon-size) var(--icon-size) !important;
}
.dp-show-more {
display: none;
}
.dp-init-show {
display: initial;
}
/*----------------------------------------------------------------
FORM CDM GROUP
------------------------------------------------------------------*/
#cdm-club-newsletter {
background: var(--clr-brown);
}
#cdm-club-newsletter .dp-inner-wrap {
align-items: center;
}
.dp-cdm-club-form__container {
width: 100%;
max-width: 76.8rem;
}
.dp-cdm-club-form__wrapper {
margin-top: var(--space-m);
}
.dp-cdm-club-form__headline > span {
display: block;
text-align: center;
}
.dp-cdm-club-form__headline > span:first-child {
color: var(--clr-white);
}
.dp-cdm-club-form__headline > span:last-child {
font-family: var(--ff-heading-alt);
font-size: calc( 1.25*var(--text-l) );
margin-top: .3em;
}
/*----------------------------------------------------------------
WPML
------------------------------------------------------------------*/
.wpml-ls-legacy-dropdown {
width: 15.5em;
max-width: 100%
}
.wpml-ls-legacy-dropdown > ul {
position: relative;
padding: 0;
margin: 0 !important;
list-style-type: none
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu,
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {
visibility: visible
}
.wpml-ls-legacy-dropdown .wpml-ls-item {
padding: 0;
margin: 0;
list-style-type: none
}
.wpml-ls-legacy-dropdown a {
display: block;
text-decoration: none;
color: #444;
border: 1px solid #cdcdcd;
background-color: #fff;
padding: 5px 10px;
line-height: 1
}
.wpml-ls-legacy-dropdown a span {
vertical-align: middle
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
position: relative;
padding-right: calc(10px + 1.4em)
}
.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
padding-right: 10px;
padding-left: calc(10px + 1.4em)
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
content: "";
vertical-align: middle;
display: inline-block;
border: .35em solid transparent;
border-top: .5em solid;
position: absolute;
right: 10px;
top: calc(50% - .175em)
}
.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
right: auto;
left: 10px
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown a:hover {
color: #000;
background: #eee
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
visibility: hidden;
position: absolute;
top: 100%;
right: 0;
left: 0;
border-top: 1px solid #cdcdcd;
padding: 0;
margin: 0;
list-style-type: none;
z-index: 101
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
border-width: 0 1px 1px
}
.wpml-ls-legacy-dropdown .wpml-ls-flag {
display: inline;
vertical-align: middle
}
.wpml-ls-legacy-dropdown .wpml-ls-flag+span {
margin-left: .4em
}
.rtl .wpml-ls-legacy-dropdown .wpml-ls-flag+span {
margin-left: 0;
margin-right: .4em
}
.dp-lang {
display: flex;
justify-content: flex-end;
align-items: center;
/* gap: .3rem; */
margin-left: 1em;
}
.dp-lang svg {
--size-globe: 1.6rem;
width: var(--size-globe);
height: var(--size-globe);
fill: var(--clr-base);
}
.dp-header-overlay .dp-lang svg {
fill: var(--clr-white);
}
.dp-scrolling .dp-lang svg {
fill: var(--clr-base);
}
.dp-lang .wpml-ls-legacy-dropdown {
--size-chevron: .5em;
width: fit-content;
}
.dp-lang .wpml-ls-legacy-dropdown a {
border: none;
background-color: var(--transparent);
padding: .5rem .8rem;
color: var(--clr-base);
}
.dp-header-overlay .dp-lang .wpml-ls-legacy-dropdown a {
color: var(--clr-white);
}
.dp-scrolling .dp-lang .wpml-ls-legacy-dropdown a {
color: var(--clr-base);
}
.dp-lang .wpml-ls-legacy-dropdown .wpml-ls-item {
font-size: 1.4rem;
}
.dp-lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
padding-right: calc( 1rem + 1.2em );
}
.dp-lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
border: unset;
border-style: solid;
border-color: var(--clr-base);
border-width: 0.1em 0.1em 0 0;
transform: rotate(135deg);
width: var(--size-chevron);
height: var(--size-chevron);
right: 1.4rem;
top: calc( 50% - .5*var(--size-chevron) );
}
.dp-header-overlay .dp-lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
border-color: var(--clr-white);
}
.dp-scrolling .dp-lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
border-color: var(--clr-base);
}
.dp-lang .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a:after,
.dp-lang .wpml-ls-legacy-dropdown a:focus:after,
.dp-lang .wpml-ls-legacy-dropdown a:hover:after {
border-color: var(--clr-base);
}
.dp-lang .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a,
.dp-lang .wpml-ls-legacy-dropdown a:focus,
.dp-lang .wpml-ls-legacy-dropdown a:hover {
background: var(--clr-white);
}
.dp-lang .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a,
.dp-lang .wpml-ls-legacy-dropdown a:focus,
.dp-lang .wpml-ls-legacy-dropdown a:hover {
color: var(--clr-base);
}
.dp-lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
background: var(--clr-white);
border-top: .05rem solid var(--clr-brown);
}
.dp-lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
color: var(--clr-base);
}
.dp-lang .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {
box-shadow: 0 .4rem 2rem -1rem rgba(0,0,0,.5);
border-radius: 0 0 .2rem .2rem;
}
@media only screen and (max-width:767px) {
.dp-lang {
order: -1;
margin-left: revert;
justify-content: revert;
}
:is(.dp-lang svg, .dp-scrolling .dp-lang svg) {
fill: var(--clr-base);
}
.dp-lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after,
.dp-scrolling .dp-lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
border-color: var(--clr-base);
}
.dp-header-overlay .dp-lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
border-color: var(--clr-base);
}
:is(.dp-lang .wpml-ls-legacy-dropdown a, .dp-scrolling .dp-lang .wpml-ls-legacy-dropdown a) {
color: var(--clr-base);
}
}
/*----------------------------------------------------------------
BREAKOUTS
------------------------------------------------------------------*/
.dp-breakout--left,
.dp-breakout--left-half,
.dp-breakout--l-up-half,
.dp-breakout--l-full {
--bg-clr: var(--clr-beige);
position: relative;
isolation: isolate;
}
.dp-breakout--left::before,
.dp-breakout--left-half::before {
content: "";
top: 0;
left: 0;
height: 100%;
position: absolute;
background: var(--clr-beige);
z-index: -1;
}
.dp-breakout--left::before {
width: 50vw;
transform: translateX(-50%);
}
.dp-breakout--left-half::before {
width: 50%;
}
@media only screen and (max-width: 991px) {
.dp-breakout--l-full::before,
.dp-breakout--l-up-half::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 100vw;
transform: translateX(-50%);
background: var(--clr-beige);
z-index: -1;
}
.dp-breakout--l-up-half::before {
height: 50%;
}
}
/*----------------------------------------------------------------
CONTACT PAGE
------------------------------------------------------------------*/
.dp-contact-icon {
--icon-size: 1.8rem;
fill: var(--clr-brown);
width: var(--icon-size);
height: var(--icon-size);
}
.dp-contact-form-page {
--padding-vertical: var(--space-l);
--padding-horizontal: var(--space-xl);
}
.dp-contact-form-page .dp-contact-info__form {
padding: var(--padding-vertical) var(--padding-horizontal) var(--padding-vertical) 0;
border-right: .1rem solid var(--clr-brown);
}
.dp-contact-form-page .dp-contact-info__clinics {
padding: var(--padding-vertical) 0 var(--padding-vertical) var(--padding-horizontal);
/* border-right: .1rem solid var(--clr-brown); */
}
@media only screen and (max-width: 991px) {
.dp-contact-form-page {
--padding-vertical: 0;
--padding-horizontal: 0;
gap: var(--space-m);
}
.dp-contact-form-page .dp-contact-info__form {
border-right: revert;
}
}
/*----------------------------------------------------------------
COOKIE DIALOG
------------------------------------------------------------------*/
@media screen and (min-width: 1280px) {
#CybotCookiebotDialog[data-template=bottom] {
top: calc(100% - 1rem) !important;
transform: translate(-52%, -100%) !important;
min-width: 90vw !important;
max-width: 90vw !important;
}
}
/*----------------------------------------------------------------
MEDIA QUERIES
------------------------------------------------------------------*/
@media only screen and (max-width: 991px) {
:is(.dp-media-single--70, .dp-media-single--80, .dp-media-single--90, .dp-media-single--100) {
width: 100%;
}
.dp-breakout--l {
--bg-clr: var(--clr-beige);
position: relative;
isolation: isolate;
}
.dp-breakout--l::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 100vw;
height: 100%;
transform: translateX(-50%);
z-index: -1;
background: var(--bg-clr);
}
}
@media only screen and (max-width: 767px) {
.perfmatters-lazy-youtube .play {
--icon-size: 3rem;
--size: 7rem;
}
}
@media only screen and (max-width: 600px) {
.dp-show-more {
display: revert;
margin: var(--space-m) auto;
color: var(--clr-white);
background: var(--clr-secondary);
padding: 1rem 2.4rem;
width: 100%;
max-width: 36rem;
text-align: center;
border: none;
border-radius: var(--radius-l);
}
.dp-show-more.dp-hide {
display: none;
}
.dp-mobile-hidden {
display: none;
}
}
@media only screen and (max-width: 479px) {
.perfmatters-lazy-youtube .play {
--icon-size: 2rem;
--size: 5rem;
}
}