@charset "UTF-8";

   :root {
--grid-size-xl: ;
--grid-size-lg: 148rem;
--grid-size-md: 118rem;
--grid-size-sm: 88rem;
--grid-size-xs: ;
--grid-padding: 2rem;
--color-black: #012409;
--color-grey: #E9E9E9;
--color-lightgrey: #FAFAFA;
--color-brightgreen: #98D924;
--color-green: #02BA72;
--color-darkgreen: #009C5F;
--color-lightgreen: #DAF2E0;
}
* {
box-sizing: border-box;
}
*:focus {
outline: none !important;
}
html, body {
margin: 0;
}
html {
font-size: 62.5%;
}
body {
font-family: 'Inter', sans-serif;
font-size: 1.7rem;
font-weight: 400;
line-height: 2;
letter-spacing: -.05rem;
color: var(--color-black);
} h1,
h2,
h3,
h4 {
font-family: 'PPTelegraf';
font-weight: 700;
color: var(--color-black);
}
h1 {
margin: 0 0 2rem;
font-size: 6rem;
line-height: 1;
}
h2 {
margin: 3rem 0 1rem;
font-size: 4.3rem;
line-height: 1.1;
}
h3,
h4 {
margin: 3rem 0 0;
line-height: 1.4;
}
h3 {
font-size: 2.3rem;
}
h4 {
font-size: 2rem;
}
h2:first-child,
h3:first-child,
h4:first-child {
margin-top: 0;
} p {
margin: 0 0 2rem;
}
p:empty {
display: none;
}
p:last-child {
margin: 0;
}
a {
text-decoration: underline;
color: var(--color-black);
transition: .4s;
}
a:hover {
} ul,
ol {
margin: 0 0 2rem;
padding-left: 2rem;
}
ul.checkmark {
list-style-type: none;
margin: 0 0 3rem;
padding-left: 3rem;
}
ul.checkmark li {
position: relative;
}
ul.checkmark li::before {
content: "";
position: absolute;
top: 1.2rem;
left: -3rem;
width: 1.6rem;
height: 1.2rem;
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/icon-checkmark-brightgreen.svg);
background-repeat: no-repeat;
background-size: contain;
} section {
padding: 0 var(--grid-padding);
}
figure {
margin: 0;
padding: 0;
}
.row-fw,
.row-xl,
.row-lg,
.row-md,
.row-sm,
.row-xs {
width: 100%;
margin: 0 auto;
}
.row-fw {
max-width: 100%;
}
.row-xl {
max-width: var(--grid-size-xl);
}
.row-lg {
max-width: var(--grid-size-lg);
}
.row-md {
max-width: var(--grid-size-md);
}
.row-sm {
max-width: var(--grid-size-sm);
}
.row-xs {
max-width: var(--grid-size-xs);
}
.pt-lg {
padding-top: 15rem;
}
.pt-md {
padding-top: 10rem;
}
.pt-sm {
padding-top: 5rem;
}
.pt-xs {
padding-top: 3rem;
}
.pt-none {
padding-top: 0;
}
.pb-lg {
padding-bottom: 15rem;
}
.pb-md {
padding-bottom: 10rem;
}
.pb-sm {
padding-bottom: 5rem;
}
.pb-none {
padding-bottom: 0;
} .btn {
display: inline-block;
margin-top: 1rem;
padding: 1.3rem 3.5rem;
border-radius: 5rem;
background-color: var(--color-black);
font-size: 1.5rem;
font-weight: 400;
line-height: 1.3;
letter-spacing: .2rem;
text-decoration: none;
color: white;
transition: .4s;
}
.btn:hover {
background-color: black;
}
.btn.brightgreen {
background-color: var(--color-brightgreen);
}
.btn.brightgreen:hover {
background-color: var(--color-green);
}
.btn.gradient {
position: relative;
background: rgb(152,217,36);
background: linear-gradient(90deg, rgba(152,217,36,1) 0%, rgba(2,186,114,1) 100%);
overflow: hidden;
}
.btn.gradient::after {
content: "";
position: absolute;
top: -5rem;
left: -7.5rem;
width: 5rem;
height: 15.5rem;
transform: rotate(35deg);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
background: #fff;
opacity: .125;
}
.btn.gradient:hover::after {
left: 120%;
} .socials-wrapper {
display: flex;
gap: 1rem;
}
.socials-wrapper a {
display: block;
width: 2.4rem;
height: 2.4rem;
border-radius: .6rem;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.4rem;
text-decoration: none;
color: var(--color-green);
} .label {
margin: 0 0 .5rem;
font-size: 1.4;
line-height: 1.3;
letter-spacing: .3rem;
text-transform: uppercase;
}
.label + h1,
.label + h2,
.label + h3 {
margin-top: 0;
} .bgcolor-grey {
background-color: var(--color-grey);
}
.bgcolor-lightgrey {
background-color: var(--color-lightgrey);
}
.bgcolor-lightgreen {
background-color: var(--color-lightgreen);
}
.bgcolor-lightgreen .label,
.bgcolor-lightgreen h2 {
color: var(--color-green);
} header {
position: sticky;
top: 0;
z-index: 10;
padding: 0 var(--grid-padding);
background-color: white;
}
header .container {
display: flex;
}
header.scrolled {
border-bottom: .1rem solid #eee;
}
header .logo-wrapper {
flex: 0 0 25.3rem;
padding: 1.5rem 0;
transition: .4s;
}
header.scrolled .logo-wrapper {
padding: 1rem 0;
}
header .logo-wrapper a {
display: flex;
}
header .logo-wrapper img {
height: 6rem;
}
header nav {
flex: 1 1 auto;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 5rem;
}
header .menu-main-menu-container,
header ul.menu {
height: 100%;
}
header ul.menu,
.mobile-menu ul.menu {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
gap: 5rem;
}
.mobile-menu ul.menu {
flex-direction: column;
gap: 2rem;
}
header ul.menu li {
position: relative;
height: 100%;
display: flex;
align-items: center;
}
.mobile-menu ul.menu li {
text-align: center;
}
header ul.menu a,
.mobile-menu ul.menu a {
display: inline-block;
font-family: 'PPTelegraf';
font-size: 1.7;
font-weight: 700;
text-decoration: none;
text-align: center;
color: var(--color-black);
}
header ul.menu a:hover,
header ul.menu li.current-menu-item > a,
.single-aandoeningen header ul.menu li.aandoeningen > a,
.single-therapieen header ul.menu li.therapieen > a,
.mobile-menu ul.menu a:hover {
text-decoration: underline;
}
.mobile-menu ul.menu li.menu-item-has-children {
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/icon-arrow2-bottom-black.svg);
background-position: right 1.375rem;
background-repeat: no-repeat;
background-size: 1.2rem;
}
.mobile-menu ul.menu li.menu-item-has-children.active {
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/icon-arrow2-top-black.svg);
}
header ul.menu li.menu-btn a,
.mobile-menu ul.menu li.menu-btn a {
position: relative;
padding: 1.3rem 3.5rem;
border-radius: 5rem;
background: rgb(152,217,36);
background: linear-gradient(90deg, rgba(152,217,36,1) 0%, rgba(2,186,114,1) 100%);
font-size: 1.5rem;
font-weight: 400;
line-height: 1.3;
letter-spacing: .2rem;
text-decoration: none;
color: white;
overflow: hidden;
}
header ul.menu li.menu-btn a::after,
.mobile-menu ul.menu li.menu-btn a::after {
content: "";
position: absolute;
top: -5rem;
width: 5rem;
height: 15.5rem;
transform: rotate(35deg);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
background: #fff;
opacity: .125;
animation: move 5s infinite;
}
@-webkit-keyframes move {
0% {
left: -7.5rem;
}
80% {
left: -7.5rem;
}
100% {
left: 120%;
}
} header ul.menu ul {
position: absolute;
top: 7rem;
left: -2rem;
padding: 2rem;
background-color: var(--color-black);
box-shadow: .3rem .3rem 1rem rgba(0,0,0,.16);
visibility: hidden;
opacity: 0;
transition: .3s;
}
.mobile-menu ul.menu ul {
list-style-type: none;
margin: 0;
padding: 0;
display: none;
}
header.scrolled ul.menu ul {
top: 6rem;
}
header ul.menu li:hover > ul {
visibility: visible;
opacity: 1;
}
header ul.menu ul a,
.mobile-menu ul.menu ul a {
font-family: 'Inter', sans-serif;
font-size: 1.5rem;
font-weight: 400;
white-space: nowrap;
color: white;
transition: .2s;
}
.mobile-menu ul.menu ul a {
color: var(--color-black);
}
header ul.menu ul a:hover,
header ul.menu ul li.current-menu-item > a {
text-decoration: none;
color: var(--color-brightgreen);
} .mobile-menu ul.menu ul ul {
display: none;
} header .hamburger,
header .close {
cursor: pointer;
}
header .hamburger {
position: fixed;
right: 1rem;
width: 4rem;
height: 4rem;
border-radius: 50%;
background-color: white;
display: none;
justify-content: center;
align-items: center;
}
header .close {
display: flex;
}   .mobile-menu {
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
background-color: white;
overflow-y: auto;
display: none;
}
.mobile-menu header {
border-bottom: .1rem solid #ddd;
}
.mobile-menu .nav-wrapper {
padding: 5rem var(--grid-padding);
} .modal-cta {
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
background-color: rgba(0,0,0,.75);
display: none;
}
.modal-cta .row-fw {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.modal-cta .container {
position: relative;
max-width: 60rem;
margin: var(--grid-padding);
border-radius: .6rem;
background-color: white;
}
.modal-cta .close {
position: absolute;
z-index: 1;
top: 2rem;
right: 2rem;
width: 1.8rem;
height: 1.8rem;
cursor: pointer;
}
.modal-cta .image-wrapper {
height: 0;
padding-top: 56.25%;
border-radius: .6rem .6rem 0 0;
background-size: cover;
background-position: center;
}
.modal-cta .content-wrapper {
padding: 5rem 3rem 3rem;
}
.modal-cta .text-wrapper {
margin-bottom: 2rem;
}  .cta {
position: relative;
background-color: var(--color-lightgreen);
overflow: hidden;
}
.cta::before,
.cta::after {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
opacity: .1;
}
.cta::before {
left: 0;
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/bgicon-left-green.svg);
background-position: left;
}
.cta::after {
right: 0;
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/bgicon-right-green.svg);
background-position: right;
}
.cta .container {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 5rem;
}
.cta h2 {
max-width: 50rem;
font-size: 6rem;
} footer {
padding: 0 var(--grid-padding);
background: rgb(2,186,114);
background: linear-gradient(0deg, rgba(2,186,114,1) 0%, rgba(152,217,36,1) 100%);
font-size: 1.5rem;
color: white;
}
footer h3 {
color: white;
}
footer a {
color: white;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
} footer .top .container {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
grid-gap: 5rem;
}
footer .top .col {
position: relative;
}
footer .logo-wrapper a {
display: flex;
}
footer .logo-wrapper img {
max-width: 30rem;
}
footer .socials-logos-wrapper {
margin-top: 5rem;
display: flex;
align-items: center;
gap: 3rem;
}
footer .socials-logos-wrapper.mobile {
margin-top: 3rem;
display: none;
}
footer .socials-wrapper {
display: flex;
flex-direction: column;
gap: 1rem;
}
footer .socials-wrapper.mobile {
flex-direction: row;
display: none;
}
footer .socials-wrapper a {
background-color: #008ea8;
text-decoration: none;
color: white;
}
footer .logos-wrapper {
display: flex;
align-items: center;
gap: 3rem;
}
footer .logos-wrapper a {
display: flex;
}
footer .logos-wrapper img {
height: 5rem;
}
footer .top ul.menu {
list-style-type: none;
margin: 0;
padding: 0;
} footer .bottom .container {
padding: 2rem 0;
border-top: .1rem solid rgba(255,255,255,.25);
display: grid;
grid-template-columns: repeat(2, 1fr);
line-height: 1.5;
}
footer .bottom .col:last-child {
text-align: right;
} @media (max-width: 1520px) { header {
position: relative;
}
header .logo-wrapper {
padding: 1rem 0;
}
header .menu-main-menu-container {
display: none;
}
header .hamburger {
display: flex;
}
}
@media (max-width: 1024px) {  footer .top .container {
grid-template-columns: repeat(2, 1fr);
grid-gap: 5rem;
}
footer .socials-wrapper {
flex-direction: row;
}
}
@media (max-width: 767px) {  h1,
h2 {
margin: 0 0 1rem;
}
h1 {
font-size: 4.3rem;
line-height: 1.1;
}
h2 {
font-size: 3rem;
line-height: 1.3;
}
h3 {
font-size: 2rem;
}
h4 {
font-size: 1.8rem;
} .pt-lg {
padding-top: 9rem;
}
.pt-md {
padding-top: 6rem;
}
.pt-sm {
padding-top: 3rem;
}
.pt-xs {
padding-top: 0;
}
.pb-lg {
padding-bottom: 9rem;
}
.pb-md {
padding-bottom: 6rem;
}
.pb-sm {
padding-bottom: 3rem;
} .label {
font-size: 1.3rem;
}  .cta::after {
display: none;
}
.cta .container {
grid-template-columns: 1fr;
}
.cta h2 {
font-size: 4.3rem;
}  footer .top .container {
grid-template-columns: 1fr;
grid-gap: 3rem;
}
footer .socials-logos-wrapper.desktop {
display: none;
}
footer .socials-logos-wrapper.mobile {
display: flex;
} footer .bottom .container {
grid-template-columns: 1fr;
grid-gap: .5rem;
}
footer .bottom .col:first-child {
order: 2;
}
footer .bottom .col:last-child {
order: 1;
text-align: left;
}
}
@media (max-width: 499px) {
} @font-face {
font-family: 'PPTelegraf';
src: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/fonts/PPTelegraf/400/PPTelegraf-Regular.eot);
src: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/fonts/PPTelegraf/400/PPTelegraf-Regular.eot?#iefix) format('embedded-opentype'),
url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/fonts/PPTelegraf/400/PPTelegraf-Regular.woff2) format('woff2'),
url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/fonts/PPTelegraf/400/PPTelegraf-Regular.woff) format('woff'),
url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/fonts/PPTelegraf/400/PPTelegraf-Regular.ttf) format('truetype'),
url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/fonts/PPTelegraf/400/PPTelegraf-Regular.svg#PPTelegraf-Regular) format('svg');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'PPTelegraf';
src: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/fonts/PPTelegraf/700/PPTelegraf-Bold.eot);
src: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/fonts/PPTelegraf/700/PPTelegraf-Bold.eot?#iefix) format('embedded-opentype'),
url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/fonts/PPTelegraf/700/PPTelegraf-Bold.woff2) format('woff2'),
url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/fonts/PPTelegraf/700/PPTelegraf-Bold.woff) format('woff'),
url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/fonts/PPTelegraf/700/PPTelegraf-Bold.ttf) format('truetype'),
url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/fonts/PPTelegraf/700/PPTelegraf-Bold.svg#PPTelegraf-Bold) format('svg');
font-weight: 700;
font-style: normal;
font-display: swap;
}.video {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .content-title-text .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 5rem;
}
.content-title-text h1,
.content-title-text h2 {
max-width: 50rem;
font-size: 6rem;
line-height: 1;
} .content-image-large {
background: rgb(233,233,233);
background: linear-gradient(180deg, rgba(233,233,233,1) 40%, rgba(255,255,255,1) 40%);
}
.content-image-large .image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 41%;
}
.content-image-large .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: .6rem;
} .content-cta .row-lg > .container {
position: relative;
padding: 7rem 5rem;
border-radius: .6rem;
background-color: var(--color-darkgreen);
overflow: hidden;
}
.content-cta .row-lg > .container::before {
content: "";
position: absolute;
top: 0;
left: 3rem;
width: 40%;
height: 100%;
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/bgpattern05.svg);
background-repeat: no-repeat;
background-position: center left;
background-size: cover;
}
.content-cta .row-lg > .container::after {
content: "";
position: absolute;
top: -10rem;
right: 0;
width: 40%;
height: 100%;
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/bgpattern05b.svg);
background-repeat: no-repeat;
background-position: top right;
background-size: contain;
}
.content-cta .row-sm > .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 5rem;
align-items: center;
}
.content-cta .content-wrapper {
position: relative;
z-index: 1;
max-width: 50rem;
}
.content-cta .label,
.content-cta h2,
.content-cta .text-wrapper {
color: white;
}
.content-cta .text-wrapper {
margin-bottom: 3rem;
}
.content-cta .image-wrapper {
position: relative;
z-index: 1;
text-align: right;
} .content-text-image-frame .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
border-radius: .6rem;
background-color: white;
}
.content-text-image-frame .content-wrapper {
position: relative;
padding: 10rem;
}
.content-text-image-frame .content-wrapper::before {
content: "";
position: absolute;
z-index: 1;
top: calc(50% - 8.6rem);
right: -1.3rem;
width: 2.6rem;
height: 17.2rem;
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/icon-swirl-vertical-brightgreen.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.content-text-image-frame .text-wrapper {
margin-bottom: 3rem;
}
.content-text-image-frame .image-wrapper {
border-radius: 0 .6rem .6rem 0;
background-size: cover;
background-position: center;
} .content-text-image .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 5rem;
}
.content-text-image .content-wrapper {
max-width: 50rem;
}
.content-text-image .text-wrapper {
margin-bottom: 2rem;
}
.content-text-image .image-wrapper img {
width: 100%;
border-radius: .6rem;
} .content-text-image-repeat {
position: relative;
overflow: hidden;
}
.content-text-image-repeat.bgcolor-lightgreen::before,
.content-text-image-repeat.bgcolor-lightgreen::after {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
opacity: .1;
}
.content-text-image-repeat.bgcolor-lightgreen::before {
left: 0;
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/bgicon-left-green.svg);
background-position: left;
}
.content-text-image-repeat.bgcolor-lightgreen::after {
right: 0;
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/bgicon-right-green.svg);
background-position: right;
}
.content-text-image-repeat .container {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
grid-gap: 5rem;
}
.content-text-image-repeat .content-wrapper {
max-width: 50rem;
}
.content-text-image-repeat:nth-child(odd) .content-wrapper {
order: 2;
margin-left: auto;
}
.content-text-image-repeat .image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 100%;
}
.content-text-image-repeat .image-wrapper::before {
content: "";
position: absolute;
z-index: 1;
top: calc(50% - 8.6rem);
left: -1.3rem;
width: 2.6rem;
height: 17.2rem;
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/icon-swirl-vertical-brightgreen.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.content-text-image-repeat .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: .6rem;
object-fit: cover;
object-position: center;
}
.content-text-image-repeat:nth-child(odd) .image-wrapper {
order: 1;
}
.content-text-image-repeat:nth-child(odd) .image-wrapper::before {
left: inherit;
right: -1.3rem;
}
.content-text-image-repeat .number {
position: absolute;
z-index: 1;
bottom: 1.5rem;
left: 1.5rem;
width: 5.1rem;
height: 5.1rem;
border-radius: .4rem;
background-color: var(--color-brightgreen);
display: flex;
justify-content: center;
align-items: center;
font-family: 'PPTelegraf';
font-size: 2.4rem;
font-weight: 700;
color: white;
}
.content-text-image-repeat:nth-child(odd) .number {
top: 1.5rem;
right: 1.5rem;
bottom: inherit;
left: inherit;
} .content-text-form .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 5rem;
}
.content-text-form .content-wrapper {
max-width: 50rem;
}
.content-text-form .btn {
margin-top: 3rem;
} .content-map {
background: rgb(250,250,250);
background: linear-gradient(180deg, rgba(250,250,250,1) 50%, rgba(255,255,255,1) 50%);
}
#wpgmza_map_1 {
border-radius: .6rem;
} @media (max-width: 1220px) { .content-text-image-frame .content-wrapper {
padding: 10rem 5rem;
}
}
@media (max-width: 1024px) {
}
@media (max-width: 767px) { .content-title-text .container {
grid-template-columns: 1fr;
}
.content-title-text h1,
.content-title-text h2 {
font-size: 4.3rem;
line-height: 1.1;
} .content-image-large .image-wrapper {
padding-top: 50%;
} .content-cta .row-lg > .container {
padding: 5rem 3rem;
}
.content-cta .row-lg > .container::before {
width: 100%;
}
.content-cta .row-lg > .container::after {
display: none;
}
.content-cta .row-sm > .container {
grid-template-columns: 1fr;
grid-gap: 2rem;
}
.content-cta .content-wrapper {
order: 2;
}
.content-cta .image-wrapper {
order: 1;
text-align: center;
}
.content-cta .image-wrapper img {
max-width: 20rem;
} .content-text-image-frame .container {
grid-template-columns: 1fr;
}
.content-text-image-frame .content-wrapper {
order: 2;
padding: 5rem 3rem;
}
.content-text-image-frame .content-wrapper::before {
top: -1rem;
right: inherit;
left: 50%;
transform: translateX(-50%);
width: 13rem;
height: 2rem;
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/icon-swirl-brightgreen.svg);
}
.content-text-image-frame .image-wrapper {
order: 1;
padding-top: 56.25%;
border-radius: .6rem .6rem 0 0;
} .content-text-image .container {
grid-template-columns: 1fr;
grid-gap: 3rem;
}
.content-text-image .content-wrapper {
order: 2;
max-width: inherit;
}
.content-text-image .image-wrapper {
order: 1;
text-align: center;
}
.content-text-image .image-wrapper img {
max-width: 30rem;
} .content-text-image-repeat.bgcolor-lightgreen::after{
display: none;
}
.content-text-image-repeat .container {
grid-template-columns: 1fr;
grid-gap: 3rem;
}
.content-text-image-repeat .content-wrapper {
order: 2;
max-width: inherit;
}
.content-text-image-repeat .image-wrapper {
order: 1;
padding-top: 56.25%;
}
.content-text-image-repeat .image-wrapper::before {
display: none;
}
.content-text-image-repeat:nth-child(odd) .number {
top: inherit;
right: inherit;
bottom: 1.5rem;
left: 1.5rem;
} .content-text-form .container {
grid-template-columns: 1fr;
}
.content-text-form .content-wrapper {
max-width: inherit;
}
}.swiper-pagination-bullets {
bottom: 0 !important;
}
.swiper-pagination-bullet {
width: 1.2rem !important;
height: 1.2rem !important;
border: .1rem solid var(--color-green) !important;
background-color: transparent !important;
opacity: 1 !important;
}
.swiper-pagination-bullet-active {
background-color: var(--color-green) !important;
} .swiper-button-prev,
.swiper-button-next {
width: 3.4rem !important;
height: 3.4rem !important;
}
.swiper-button-prev {
left: 2rem !important;
}
.swiper-button-next {
right: 2rem !important;
}
.swiper-button-prev::before,
.swiper-button-next::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 3.4rem;
height: 3.4rem;
border-radius: .4rem;
background-color: var(--color-brightgreen);
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/icon-arrow-right-white.svg);
background-size: 1.2rem;
background-repeat: no-repeat;
background-position: center;
}
.swiper-button-prev::before {
transform: rotate(180deg);
}
.swiper-button-prev::after,
.swiper-button-next::after {
display: none;
} .slider-therapies-conditions {
overflow: hidden;
}
.slider-therapies-conditions .swiper {
margin-top: 5rem;
padding-bottom: 8rem;
}
.slider-therapies-conditions .tile {
display: block;
padding: 5rem 3rem;
border-radius: .6rem;
background-repeat: no-repeat;
text-decoration: none;
}
.slider-therapies-conditions .swiper-slide:nth-child(odd) .tile {
background-color: var(--color-green);
}
.slider-therapies-conditions .swiper-slide:nth-child(even) .tile {
background-color: var(--color-darkgreen);
}
.slider-therapies-conditions .swiper-slide:nth-child(4n+1) .tile {
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/bgpattern01.svg);
background-size: contain;
background-position: bottom left;
}
.slider-therapies-conditions .swiper-slide:nth-child(4n+2) .tile,
.slider-therapies-conditions .swiper-slide:nth-child(4n+3) .tile,
.slider-therapies-conditions .swiper-slide:nth-child(4n+4) .tile {
background-size: cover;
background-position: center;
}
.slider-therapies-conditions .swiper-slide:nth-child(4n+2) .tile {
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/bgpattern02.svg);
}
.slider-therapies-conditions .swiper-slide:nth-child(4n+3) .tile {
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/bgpattern03.svg);
}
.slider-therapies-conditions .swiper-slide:nth-child(4n+4) .tile {
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/bgpattern04.svg);
}
.slider-therapies-conditions h3 {
font-size: 3.5rem;
line-height: 1.2;
color: white;
hyphens: auto;
}
.slider-therapies-conditions .text-wrapper {
margin-top: 3rem;
font-size: 1.7rem;
line-height: 1.7;
color: white;
}
.slider-therapies-conditions .text-wrapper p {
position: relative;
margin-top: 3rem;
}
.slider-therapies-conditions .text-wrapper p::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 3.4rem;
height: 3.4rem;
border-radius: .4rem;
background-color: white;
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/icon-arrow-right-green.svg);
background-repeat: no-repeat;
background-size: 1.2rem;
background-position: center;
} .slider-gallery .swiper {
margin-top: 5rem;
}
.slider-gallery .image-wrapper {
position: relative;
height: 0;
padding-top: 56.25%;
}
.slider-gallery .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: .6rem;
object-fit: cover;
object-position: center;
} .slider-testimonials {
padding-left: 0;
padding-right: 0;
}
.slider-testimonials .row-md .container {
padding: 0 var(--grid-padding);
}
.slider-testimonials .ti-widget.ti-goog {
margin-top: 5rem !important;
}
.slider-testimonials .ti-widget.ti-goog .ti-reviews-container .ti-controls {
display: none !important;
}
.slider-testimonials .ti-widget.ti-goog .ti-review-item > .ti-inner {
border: 0 !important;
border-radius: .6rem !important;
background-color: var(--color-lightgreen) !important;
}
.slider-testimonials .ti-widget.ti-goog .ti-widget-container .ti-name {
font-family: 'PPTelegraf' !important;
font-size: 1.8rem !important;
font-weight: 700 !important;
}
.slider-testimonials .ti-widget.ti-goog .ti-widget-container .ti-date {
display: none;
}
.slider-testimonials .ti-widget.ti-goog .ti-stars {
margin: .5rem 0 1.5rem !important;
}
.slider-testimonials .ti-widget.ti-goog .ti-review-content {
font-size: 1.5rem !important;
line-height: 1.6 !important;
}
.slider-testimonials .ti-widget.ti-goog .ti-controls-dots {
display: none;
}
.slider-testimonials .ti-widget.ti-goog .ti-footer {
display: none !important;
}
.slider-testimonials .btn {
margin-top: 5rem;
} @media (max-width: 899px) { .slider-therapies-conditions .swiper {
overflow: visible;
}
}
@media (max-width: 767px) { .slider-therapies-conditions .swiper {
margin-top: 3rem;
padding-bottom: 6rem;
}
.slider-therapies-conditions h3 {
font-size: 3rem;
line-height: 1.3;
} .slider-gallery .swiper {
margin-top: 3rem;
} .slider-testimonials .ti-widget.ti-goog {
margin-top: 3rem !important;
}
.slider-testimonials .btn {
margin-top: 3rem;
}
}.grid-therapies-conditions .tiles {
margin-top: 5rem;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 2rem;
}
.grid-therapies-conditions .tile {
display: block;
padding: 5rem 3rem;
border-radius: .6rem;
background-repeat: no-repeat;
text-decoration: none;
}
.grid-therapies-conditions .tile:nth-child(odd) {
background-color: var(--color-green);
}
.grid-therapies-conditions .tile:nth-child(even) {
background-color: var(--color-darkgreen);
}
.grid-therapies-conditions .tile:nth-child(8n+1),
.grid-therapies-conditions .tile:nth-child(8n+8) {
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/bgpattern01.svg);
background-size: contain;
background-position: bottom left;
}
.grid-therapies-conditions .tile:nth-child(8n+2),
.grid-therapies-conditions .tile:nth-child(8n+3),
.grid-therapies-conditions .tile:nth-child(8n+4) {
background-size: cover;
background-position: center;
}
.grid-therapies-conditions .tile:nth-child(8n+2),
.grid-therapies-conditions .tile:nth-child(8n+5) {
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/bgpattern02.svg);
}
.grid-therapies-conditions .tile:nth-child(8n+3),
.grid-therapies-conditions .tile:nth-child(8n+6) {
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/bgpattern03.svg);
}
.grid-therapies-conditions .tile:nth-child(8n+4),
.grid-therapies-conditions .tile:nth-child(8n+7) {
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/bgpattern04.svg);
}
.grid-therapies-conditions h3 {
font-size: 3.5rem;
line-height: 1.2;
color: white;
hyphens: auto;
}
.grid-therapies-conditions .text-wrapper {
margin-top: 3rem;
font-size: 1.7rem;
line-height: 1.7;
color: white;
}
.grid-therapies-conditions .text-wrapper p {
position: relative;
margin-top: 3rem;
}
.grid-therapies-conditions .text-wrapper p::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 3.4rem;
height: 3.4rem;
border-radius: .4rem;
background-color: white;
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/icon-arrow-right-green.svg);
background-repeat: no-repeat;
background-size: 1.2rem;
background-position: center;
} .grid-complaints h2 {
position: relative;
padding-bottom: 2rem;
}
.grid-complaints h2::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 5.8rem;
height: 1.6rem;
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/icon-swirl-small-brightgreen.svg);
background-repeat: no-repeat;
background-size: contain;
}
.grid-complaints .tiles {
margin-top: 5rem;
column-count: 2;
column-gap: 10rem;
}
.grid-complaints .tile {
position: relative;
padding-right: 8.4rem;
padding-bottom: 5rem;
break-inside: avoid-column;
cursor: pointer;
}
.grid-complaints .tile::before {
content: "+";
position: absolute;
top: 0;
right: 0;
width: 3.4rem;
height: 3.4rem;
border-radius: .4rem;
background-color: var(--color-brightgreen);
display: flex;
justify-content: center;
align-items: center;
font-size: 2rem;
color: white;
}
.grid-complaints .tile.active::before {
content: "-";
}
.grid-complaints h3 {
padding-bottom: 2rem;
border-bottom: .1rem solid #ddd;
font-size: 2.2rem;
font-weight: 400;
line-height: 1.5;
}
.grid-complaints .link-wrapper {
padding-top: 2rem;
display: none;
}
.grid-complaints .link-wrapper a {
position: relative;
padding-right: 2rem;
font-size: 1.8rem;
text-decoration: none;
color: var(--color-black);
}
.grid-complaints .link-wrapper a::after {
content: "";
position: absolute;
top: -.2rem;
right: -2.7rem;
width: 2.7rem;
height: 2.7rem;
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/icon-arrow-45-brightgreen.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
} .grid-team {
padding: 0;
}
.grid-team .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.grid-team .image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 100%;
background-size: cover;
background-position: center;
}
.grid-team .title-wrapper {
position: absolute;
bottom: 3rem;
left: 3rem;
padding: 2rem 3rem;
border-radius: .6rem;
background-color: var(--color-green);
line-height: 1.4;
color: white;
}
.grid-team h3 {
color: white;
} @media (max-width: 1220px) { .grid-therapies-conditions .tiles {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1024px) { .grid-therapies-conditions .tiles {
grid-template-columns: repeat(2, 1fr);
} .grid-complaints .tiles {
column-count: 1;
}
}
@media (max-width: 767px) { .grid-therapies-conditions .tiles {
grid-template-columns: 1fr;
}
.grid-therapies-conditions .tiles {
margin-top: 3rem;
}
.grid-therapies-conditions h3 {
font-size: 3rem;
line-height: 1.3;
} .grid-complaints .tile {
position: relative;
padding-right: 5.4rem;
}
.grid-complaints h3 {
font-size: 2rem;
}
.grid-complaints .link-wrapper a::after {
right: -2.2rem;
width: 2.2rem;
height: 2.2rem;
} .grid-team .container {
grid-template-columns: 1fr;
}
}
@media (max-width: 499px) {
}.single-hero {
background: rgb(233,233,233);
background: linear-gradient(180deg, rgba(233,233,233,1) 80%, rgba(255,255,255,1) 80%);
}
.single-hero .image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.single-hero .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: .6rem;
object-fit: cover;
object-position: center;
} .single-text .go-back {
margin-top: 7rem;
padding-top: 2rem;
border-top: .1rem solid #ddd;
}
.single-text .go-back a {
font-size: 1.6rem;
color: var(--color-black);
text-decoration: none;
}
.single-text .go-back a:hover {
text-decoration: underline;
} .news .tiles {
margin-top: 5rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 4rem;
}
.news .tile {
display: block;
text-decoration: none;
color: var(--color-black);
}
.news .image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.news .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: .6rem .6rem 0 0;
}
.news .content-wrapper {
padding: 3rem;
background-color: white;
border-radius: 0 0 .6rem .6rem;
}
.news h3 {
margin-bottom: 1rem;
font-size: 3rem;
line-height: 1.2;
hyphens: auto;
}
.news .content-wrapper {
font-size: 1.7rem;
line-height: 1.7;
}
.news .content-wrapper p {
position: relative;
margin-top: 3rem;
}
.news .content-wrapper p::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 3.4rem;
height: 3.4rem;
border-radius: .4rem;
background-color: var(--color-brightgreen);
background-image: url(//podotherapievansummeren.nl/wp-content/themes/podotherapievansummeren-theme/assets/images/icon-arrow-right-white.svg);
background-repeat: no-repeat;
background-size: 1.2rem;
background-position: center;
}
.news .pagination {
margin-top: 5rem;
display: flex;
justify-content: center;
}
.news .page-numbers {
width: 3rem;
height: 3rem;
margin: 0 .5rem;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: var(--color-black);
text-decoration: none;
}
.news .page-numbers.current {
background-color: var(--color-brightgreen);
color: white;
} .calendly-inline-widget {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
} @media (max-width: 1220px) { .news .tiles {
grid-gap: 4rem 2rem;
}
}
@media (max-width: 1024px) { .news .tiles {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) { .news .tiles {
margin-top: 3rem;
grid-template-columns: 1fr;
}
.news h3 {
font-size: 2.3rem;
line-height: 1.4;
}
.news .pagination {
margin-top: 3rem;
}
}