@font-face {
font-family: "Playfair Display";
src: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/fonts/PlayfairDisplay-Bold.woff2) format("woff2"), url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/fonts/PlayfairDisplay-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Playfair Display";
src: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/fonts/PlayfairDisplay-Regular.woff2) format("woff2"), url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/fonts/PlayfairDisplay-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/fonts/OpenSans-Bold.woff2) format("woff2"), url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/fonts/OpenSans-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/fonts/OpenSans-Semibold.woff2) format("woff2"), url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/fonts/OpenSans-Semibold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/fonts/OpenSans-Light.woff2) format("woff2"), url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/fonts/OpenSans-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/fonts/OpenSans.woff2) format("woff2"), url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/fonts/OpenSans.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/fonts/OpenSans-Extrabold.woff2) format("woff2"), url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/fonts/OpenSans-Extrabold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
} ::-moz-selection {
background: #643E29;
color: #fff;
}
::selection {
background: #643E29;
color: #fff;
}
::placeholder {
color: #ddd;
opacity: 1;
}
:-ms-input-placeholder {
color: #ddd;
}
::-ms-input-placeholder {
color: #ddd;
}
html {
padding: 0;
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html body {
font-family: "Open Sans";
overflow-x: hidden;
font-size: 18px;
line-height: 32px;
color: #643E29;
padding-top: 120px;
}
html body.noscroll {
overflow: hidden;
}
html body main { }
html body main img {
max-width: 100%;
height: auto;
margin-bottom: 30px;
}
html body main ul, html body main ol {
list-style-type: disc;
margin-bottom: 30px;
}
html body main ul li, html body main ol li {
margin-left: 20px;
}
html body main p, html body main h1, html body main h2, html body main h3, html body main h4, html body main h5, html body main h6, html body main ul, html body main ol, html body main figure {
max-width: 1290px;
margin-right: auto;
margin-left: auto;
}
html body main > p, html body main > h1, html body main > h2, html body main > h3, html body main > h4, html body main > h5, html body main > h6, html body main > ul, html body main > ol {
padding-left: 15px;
padding-right: 15px;
}
html body main > p:last-child, html body main > h1:last-child, html body main > h2:last-child, html body main > h3:last-child, html body main > h4:last-child, html body main > h5:last-child, html body main > h6:last-child, html body main > ul:last-child, html body main > ol:last-child {
margin-bottom: 90px;
}
html body.admin-bar header {
top: 32px;
}
ul {
padding: 0;
margin: 0;
list-style-type: none;
}
a:link, a:visited {
transition: all ease-in-out 0.3s;
color: #db926c;
text-decoration: none;
}
a:link:hover, a:visited:hover {
transition: all ease-in-out 0.3s;
color: #643E29;
}
a.link {
font-weight: bold;
position: relative;
color: #643E29;
}
a.link:after {
transition: right ease-in-out 0.3s;
content: "";
display: inline-block;
width: 15px;
background-image: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/images/arrow_next_dark.svg);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
height: 30px;
position: absolute;
top: -1px;
right: -20px;
}
a.link:hover:after {
transition: right ease-in-out 0.3s;
right: -25px;
}
p {
margin-bottom: 45px;
}
p:last-child {
margin-bottom: 0;
}
b, strong {
font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Playfair Display";
font-weight: bold;
position: relative;
word-wrap: break-word;
}
h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
content: "";
display: block;
height: 2px;
background-color: #643E29;
width: 80px;
margin-top: 30px;
}
h1.has-text-align-center, h2.has-text-align-center, h3.has-text-align-center, h4.has-text-align-center, h5.has-text-align-center, h6.has-text-align-center {
text-align: center;
}
h1.has-text-align-center:after, h2.has-text-align-center:after, h3.has-text-align-center:after, h4.has-text-align-center:after, h5.has-text-align-center:after, h6.has-text-align-center:after {
margin-left: auto;
margin-right: auto;
}
h1.has-text-align-right, h2.has-text-align-right, h3.has-text-align-right, h4.has-text-align-right, h5.has-text-align-right, h6.has-text-align-right {
text-align: right;
}
h1.has-text-align-right:after, h2.has-text-align-right:after, h3.has-text-align-right:after, h4.has-text-align-right:after, h5.has-text-align-right:after, h6.has-text-align-right:after {
margin: 15px 0 0 auto;
}
h1 {
font-size: 80px;
line-height: 90px;
margin-bottom: 60px;
}
h2 {
font-size: 36px;
line-height: 46px;
margin-bottom: 60px;
}
h3 {
font-size: 26px;
line-height: 36px;
margin-bottom: 20px;
}
h3:after {
margin-top: 20px;
width: 40px;
height: 1px;
}
.btn {
background-color: #524e21;
font-weight: 600;
color: #fff !important;
border-radius: 40px;
padding: 12px 50px 12px 30px;
border: none;
position: relative;
font-size: 18px;
min-width: 220px;
text-align: left;
box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.2);
margin-top: 30px;
}
.btn:after {
transition: right ease-in-out 0.3s;
content: "";
display: inline-block;
width: 15px;
position: absolute;
background-image: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/images/arrow_next.svg);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
right: 25px;
top: 0;
bottom: 0;
height: 100%;
}
.btn:hover {
background-color: #db926c;
}
.btn:hover:after {
transition: right ease-in-out 0.3s;
right: 20px;
}
.hide {
display: none !important;
} @media (max-width: 1024px) {
html body {
padding-top: 80px;
}
html body main p, html body main h1, html body main h2, html body main h3, html body main h4, html body main h5, html body main h6, html body main ul, html body main ol {
max-width: 960px;
}
h1 {
font-size: 50px;
line-height: 60px;
margin-bottom: 60px;
}
h2 {
font-size: 36px;
line-height: 46px;
margin-bottom: 30px;
}
h3 {
font-size: 26px;
line-height: 36px;
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
html body main p, html body main h1, html body main h2, html body main h3, html body main h4, html body main h5, html body main h6, html body main ul, html body main ol {
max-width: 720px;
}
html body main > p, html body main > h1, html body main > h2, html body main > h3, html body main > h4, html body main > h5, html body main > h6 {
text-align: center;
}
html body main > p:after, html body main > h1:after, html body main > h2:after, html body main > h3:after, html body main > h4:after, html body main > h5:after, html body main > h6:after {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 600px) {
h1 {
font-size: 36px;
line-height: 46px;
margin-bottom: 30px;
}
h2 {
font-size: 26px;
line-height: 36px;
margin-bottom: 30px;
}
h2:after {
margin-top: 20px;
width: 40px;
height: 1px;
}
}
footer {
background-color: #524e21;  }
footer + iframe {
display: none !important;
}
footer .footer_top {
padding: 290px 0 90px;
}
footer .footer_top h3 {
color: #fff;
}
footer .footer_top h3:after {
background-color: #db926c;
}
footer .footer_top .contact {
color: #fff;
margin-bottom: 30px;
}
footer .footer_top .contact p {
margin-bottom: 30px;
}
footer .footer_top .contact span {
display: inline-block;
width: 100%;
}
footer .footer_top .contact span a:link, footer .footer_top .contact span a:visited {
color: #fff;
}
footer .footer_top .contact span a:hover {
color: #db926c;
}
footer .footer_top .social ul li {
float: left;
}
footer .footer_top .social ul li a span {
display: block;
width: 30px;
height: 30px;
margin-right: 15px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
footer .footer_top .social ul li.facebook a span {
transition: all ease-in-out 0.3s;
background-image: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/images/social/ico_facebook.svg);
}
footer .footer_top .social ul li.facebook:hover a span {
transition: all ease-in-out 0.3s;
background-image: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/images/social/ico_facebook_hover.svg);
}
footer .footer_top .social ul li.instagram a span {
transition: all ease-in-out 0.3s;
background-image: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/images/social/ico_instagram.svg);
}
footer .footer_top .social ul li.instagram:hover a span {
transition: all ease-in-out 0.3s;
background-image: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/images/social/ico_instagram_hover.svg);
}
footer .footer_top .social ul li.twitter a span {
transition: all ease-in-out 0.3s;
background-image: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/images/social/ico_twitter.svg);
}
footer .footer_top .social ul li.twitter:hover a span {
transition: all ease-in-out 0.3s;
background-image: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/images/social/ico_twitter_hover.svg);
}
footer .footer_top .links ul li {
margin-bottom: 10px;
}
footer .footer_top .links ul li a:hover {
color: #fff;
padding-left: 10px;
}
footer .footer_top .links ul li.current_page_item a {
color: #fff;
}
footer .footer_top .opening ul li {
color: #fff;
}
footer .footer_top .opening ul li .date {
width: 35%;
display: inline-block;
}
footer .footer_bottom {
background-color: #353215;
padding: 20px 0;
color: #6E5648;
}
footer .footer_bottom .dev {
text-align: right;
}
footer .footer_bottom .dev a:link,
footer .footer_bottom .dev a:visited {
color: #6E5648;
font-weight: bold;
} @media (max-width: 1024px) {
footer .footer_top .opening ul li span {
width: 100%;
display: block;
}
footer .footer_top .opening ul li span.date {
font-weight: bold;
width: 100%;
}
footer + iframe {
display: block !important;
}
}
@media (max-width: 991px) {
footer h3 {
text-align: center;
}
footer h3:after {
margin: 15px auto 0;
}
footer .footer_top {
padding-top: 520px;
}
footer .footer_top .contact {
text-align: center;
}
footer .footer_top .social {
display: inline-block;
text-align: center;
margin: 0 auto 60px;
width: 100%;
}
footer .footer_top .social ul {
display: inherit;
}
footer .footer_top .links ul li a {
text-align: center;
display: block;
}
footer .footer_top .opening ul li span {
text-align: center;
}
footer .footer_bottom .copyright,
footer .footer_bottom .dev {
text-align: center;
}
}
header {
width: 100%;
background: #524e21;
z-index: 2147481999;
position: fixed;
height: 120px;
top: 0px;
}
header .logo {
display: block;
width: 100%;
height: 120px;
background-image: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/images/logo.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: auto 70%;
}
header .menu_placeholder {
display: inline-block;
float: right;
line-height: 120px;
}
header .menu_placeholder .menu-hoofdmenu-container {
display: block;
float: left;
padding-right: 30px;
}
header .menu_placeholder .menu-hoofdmenu-container ul li {
float: left;
padding: 0 15px;
}
header .menu_placeholder .menu-hoofdmenu-container ul li a {
transition: color ease-in-out 0.3s;
font-family: "Playfair Display";
color: #fff;
text-decoration: none;
line-height: 100px;
font-size: 18px;
font-weight: bold;
}
header .menu_placeholder .menu-hoofdmenu-container ul li a:hover {
transition: color ease-in-out 0.3;
color: #db926c;
}
header .menu_placeholder .menu-hoofdmenu-container ul li.current-menu-item a {
color: #db926c;
}
header .menu_placeholder .menu-hoofdmenu-container ul li.menu-item-has-children {
position: relative;
}
header .menu_placeholder .menu-hoofdmenu-container ul li.menu-item-has-children:hover .sub-menu {
display: inline-block;
}
header .menu_placeholder .menu-hoofdmenu-container ul li.menu-item-has-children.current-menu-item .sub-menu li a, header .menu_placeholder .menu-hoofdmenu-container ul li.menu-item-has-children.current_page_item .sub-menu li a {
color: #643E29;
}
header .menu_placeholder .menu-hoofdmenu-container ul li .sub-menu {
display: none;
position: absolute;
border: solid 1px #eff1f3;
background-color: #ffffff;
padding: 20px 0;
width: 300px;
top: 120px;
left: 0;
margin: 0;
}
header .menu_placeholder .menu-hoofdmenu-container ul li .sub-menu li {
display: inline-block;
width: 100%;
line-height: normal;
}
header .menu_placeholder .menu-hoofdmenu-container ul li .sub-menu li a {
color: #db926c;
line-height: 20px;
border: none;
display: inline-block;
padding: 15px;
width: 100%;
}
header .menu_placeholder .menu-hoofdmenu-container ul li .sub-menu li a:hover {
color: #643E29;
}
header .menu_placeholder .menu-hoofdmenu-container ul li .sub-menu li.current-menu-item a {
color: #643E29;
}
header .menu_placeholder .cta_btn {
display: block;
float: left;
line-height: 120px;
}
header .menu_placeholder .cta_btn .btn {
margin-top: 0px;
background-color: #db926c;
} @media (max-width: 1200px) {
header {
height: 80px;
}
header .logo {
height: 100%;
}
header .menu_placeholder {
line-height: 80px;
}
header .menu_placeholder .cta_btn,
header .menu_placeholder .menu-hoofdmenu-container {
display: none;
}
}
header .mobile_btn {
display: block;
float: left;
line-height: 120px;
display: none;
}
header .mobile_btn button {
height: 26px;
width: 100px;
display: inline-block;
background-color: transparent;
background-image: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/images/menu_icon.svg);
background-position: center right;
background-repeat: no-repeat;
background-size: contain;
position: relative;
border: none;
top: 5px;
}
.mobile_menu {
position: fixed;
transition: all 0.3s;
z-index: 2147481998;
width: 100%;
height: 100%;
background-color: #524e21;
visibility: hidden;
opacity: 0;
top: 0px;
overflow-y: scroll;
}
.mobile_menu .menu {
float: left;
width: 100%;
text-align: left;
margin: 180px 0 60px;
overflow: hidden;
}
.mobile_menu .menu ul {
width: 100%;
}
.mobile_menu .menu ul li.current_page_item a {
text-decoration: underline;
}
.mobile_menu .menu ul li a {
font-family: "Playfair Display";
display: inline-block;
font-weight: bold;
width: 100%;
color: #fff;
padding: 15px;
margin-bottom: 5px;
font-size: 22px;
}
.mobile_menu .menu ul li .sub-menu {
column-count: 2;
column-gap: 0px;
width: 100%;
}
.mobile_menu .menu ul li .sub-menu li {
width: 100%;
}
.mobile_menu .menu ul li .sub-menu li a {
color: #db926c;
font-size: 20px;
font-weight: normal;
}
.mobile_menu .menu ul li .sub-menu li.current-menu-item a, .mobile_menu .menu ul li .sub-menu li.current_page_item a {
color: #fff;
text-decoration: underline;
}
.mobile_menu.active {
transition: all 0.3s;
visibility: visible;
opacity: 1;
} @media (max-width: 1200px) {
header .mobile_btn {
display: block;
line-height: 80px;
}
header .mobile_btn.active button {
background-image: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/images/close.svg);
}
.hoofdmenu li .sub-menu {
margin-left: 15px;
}
.hoofdmenu li .sub-menu li:before {
content: "- ";
padding: 15px 0;
position: absolute;
}
}
@media (max-width: 600px) {
.mobile_menu .menu {
margin: 140px 0 60px;
}
.mobile_menu .menu ul li .sub-menu {
column-count: 1;
}
} section.sec_banner {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 140px 0;
background-color: #f7e9de;
}
section.sec_banner.default h1 {
color: #643E29;
}
section.sec_banner.default h1:after {
display: block;
margin-left: auto;
margin-right: auto;
}
section.sec_banner h1 {
text-align: center;
color: #fff;
margin-bottom: 0px;
}
section.sec_banner h1:after {
display: none;
}
section.sec_banner p {
margin-top: 60px;
color: #fff;
text-align: center;
font-size: 24px;
} @media (max-width: 600px) {
section.sec_banner {
margin-bottom: 15px !important;
}
}
section.sec_intro {
position: relative;
padding: 0px;
z-index: 2;
margin-bottom: 90px !important;
}
section.sec_intro .container {
background-color: #f7e9de;
padding-bottom: 90px;
padding-top: 90px;
}
section.sec_intro .container p {
text-align: center;
} @media (max-width: 991px) {
section.sec_intro {
padding-left: 15px;
padding-right: 15px;
}
section.sec_intro .container {
padding-bottom: 60px;
padding-top: 60px;
}
}
@media (max-width: 600px) {
section.sec_intro {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px !important;
}
section.sec_intro .container {
padding-bottom: 30px;
padding-top: 30px;
}
}
section.sec_references {
background-color: #f7e9de;
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 90px;
padding-top: 90px;
position: relative;
}
section.sec_references:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
background-color: #f7e9de;
opacity: 0.75;
}
section.sec_references .swiper-ref .swiper-slide .ref_name {
display: block;
width: 100%;
text-align: center;
font-style: italic;
font-size: 16px;
}
section.sec_references .swiper-ref .swiper-pagination {
position: relative;
margin-top: 30px;
bottom: auto;
}
section.sec_references .swiper-ref .swiper-pagination .swiper-pagination-bullet {
opacity: 1;
background-color: #fff;
}
section.sec_references .swiper-ref .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
background-color: #643E29;
} @media (max-width: 1024px) {
section.sec_references {
background-position: center right 50%;
}
}
@media (max-width: 991px) {
section.sec_references {
padding-bottom: 60px;
padding-top: 60px;
}
}
@media (max-width: 600px) {
section.sec_references {
background-position: center bottom;
background-size: contain;
padding-bottom: 30px;
padding-top: 30px;
}
}
section.sec_content_image .container {
position: relative;
}
section.sec_content_image .container .image {
position: absolute;
width: 100%;
}
section.sec_content_image .container .image .image_placeholder {
width: 100%;
display: block;
height: 570px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: #f5f5f5;
box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.1);
}
section.sec_content_image .container .text {
position: relative;
z-index: 1;
}
section.sec_content_image .container .text .text_placeholder {
background-color: #fff;
padding: 90px;
min-height: 570px;
}
section.sec_content_image .container .text .text_placeholder ol, section.sec_content_image .container .text .text_placeholder ul {
padding-left: 0px;
}
section.sec_content_image .container .text.pt .text_placeholder {
margin-top: 90px;
} @media (max-width: 991px) {
section.sec_content_image .container .image {
position: relative;
width: auto;
}
section.sec_content_image .container .image .image_placeholder {
height: 420px;
}
section.sec_content_image .container .text .text_placeholder {
margin-top: 0px;
padding: 60px;
text-align: center;
min-height: auto;
}
section.sec_content_image .container .text .text_placeholder ul, section.sec_content_image .container .text .text_placeholder ol {
text-align: left;
}
section.sec_content_image .container .text .text_placeholder h2:after, section.sec_content_image .container .text .text_placeholder h3:after, section.sec_content_image .container .text .text_placeholder h4:after, section.sec_content_image .container .text .text_placeholder h5:after, section.sec_content_image .container .text .text_placeholder h6:after {
margin-left: auto;
margin-right: auto;
}
section.sec_content_image .container .text.pt .text_placeholder {
margin-top: 0;
}
}
@media (max-width: 600px) {
section.sec_content_image {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
section.sec_content_image .container .image .image_placeholder {
height: 260px;
}
section.sec_content_image .container .text .text_placeholder {
padding: 30px;
}
}
section.sec_aanbod .intro {
padding-top: 90px;
padding-bottom: calc(100px + 90px);
background-color: #f7e9de;
}
section.sec_aanbod .intro p {
text-align: center;
}
section.sec_aanbod .items {
margin-top: -100px;
}
section.sec_aanbod .items .item {
transition: box-shadow ease-in-out 0.3s;
background-color: #fff;
padding: 60px;
text-align: center;
margin-bottom: 30px;
}
section.sec_aanbod .items .item:hover {
transition: box-shadow ease-in-out 0.3s;
box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.08);
} @media (max-width: 991px) {
section.sec_aanbod .intro {
padding: 60px 30px 160px;
margin-bottom: -100px;
}
section.sec_aanbod .items .item {
margin-bottom: 30px;
margin-top: 0px;
}
}
@media (max-width: 600px) {
section.sec_aanbod {
margin-bottom: 15px !important;
margin-top: 15px !important;
}
section.sec_aanbod .items .item {
padding: 30px;
margin-bottom: 15px;
}
}
section.sec_cadeaubon {
margin-bottom: -200px;
}
section.sec_cadeaubon .cadeaubon_content {
position: relative;
background-color: #f7e9de;
box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.2);
z-index: 3;
}
section.sec_cadeaubon .cadeaubon_content .text_placeholder {
padding: 90px;
width: 50%;
}
section.sec_cadeaubon .cadeaubon_content .image_placeholder {
width: 50%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
top: 0;
bottom: 0;
position: absolute;
right: 0;
} @media (max-width: 991px) {
section.sec_cadeaubon {
margin-bottom: -430px;
}
section.sec_cadeaubon .cadeaubon_content .text_placeholder {
width: 100%;
text-align: center;
padding: 60px;
margin-top: 320px;
display: inline-block;
}
section.sec_cadeaubon .cadeaubon_content .text_placeholder h3:after {
margin-left: auto;
margin-right: auto;
}
section.sec_cadeaubon .cadeaubon_content .image_placeholder {
width: 100%;
height: 320px;
}
}
section.sec_prices .intro {
padding-top: 90px;
padding-bottom: 90px;
}
section.sec_prices .intro p {
text-align: center;
}
section.sec_prices .items .col-12 {
margin-bottom: 30px;
}
section.sec_prices .items .item {
padding: 60px 60px 90px;
text-align: center;
margin-bottom: 30px;
height: 100%;
background-color: #f7e9de;
position: relative;
}
section.sec_prices .items .item .time {
font-size: 16px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
}
section.sec_prices .items .item .time i {
background-image: url(//www.sandraverdijck.nl/wp-content/themes/sandraverdijck/images/time_icon.svg);
background-position: center left;
background-size: 15px auto;
background-repeat: no-repeat;
width: 15px;
height: 15px;
display: inline-block;
margin-right: 10px;
position: relative;
top: 2px;
}
section.sec_prices .items .item .price {
font-size: 32px;
display: block;
width: 100%;
text-align: center;
font-weight: bold;
font-family: "Playfair Display";
position: absolute;
bottom: 60px;
left: 0;
} @media (max-width: 1024px) {
section.sec_prices .items .item {
padding: 30px 30px 90px;
}
section.sec_prices .items .item .price {
bottom: 60px;
}
}
@media (max-width: 991px) {
section.sec_prices .intro {
padding: 60px 30px;
}
section.sec_prices .items .item {
padding: 30px;
margin-bottom: 30px;
margin-top: 0px;
}
section.sec_prices .items .item .price {
position: relative;
display: block;
bottom: 0;
margin-top: 30px;
}
}
@media (max-width: 600px) {
section.sec_prices {
margin-bottom: 15px !important;
margin-top: 15px !important;
}
section.sec_prices .items .item {
padding: 30px;
margin-bottom: 15px;
}
} body.home section.sec_banner {
padding: 240px 0;
}
body.home section.sec_intro {
margin-top: -90px !important;
} @media (max-width: 1024px) {
body.home section.sec_banner {
padding-top: 100px;
padding-bottom: calc(100px + 90px);
}
}
@media (max-width: 991px) {
body.home section.sec_intro {
margin-top: -60px !important;
}
}
@media (max-width: 600px) {
body.home section.sec_intro {
margin-top: -30px !important;
}
}
body.post-type-archive-massages .massage-item {
text-align: center;
background-color: #f7e9de;
padding: 60px;
margin-bottom: 30px;
height: calc(100% - 30px);
}
body.post-type-archive-massages .massage-item h3 {
color: #643E29;
}
body.post-type-archive-massages .massage-item h3:after {
margin-left: auto;
margin-right: auto;
}
body.post-type-archive-massages .sec_content_image {
margin-bottom: 90px;
margin-top: 90px;
} body.post-type-archive-referenties .referentie-item {
text-align: center;
background-color: #f7e9de;
padding: 60px;
margin-bottom: 30px;
height: calc(100% - 30px);
}
body.post-type-archive-referenties .referentie-item h3 {
color: #643E29;
}
body.post-type-archive-referenties .referentie-item h3:after {
margin-left: auto;
margin-right: auto;
} body.post-type-archive-tips .tips-item {
text-align: center;
background-color: #f7e9de;
padding: 60px;
margin-bottom: 30px;
height: calc(100% - 30px);
}
body.post-type-archive-tips .tips-item h3 {
color: #643E29;
}
body.post-type-archive-tips .tips-item h3:after {
margin-left: auto;
margin-right: auto;
}