html {
font-size: 16px
}
body {
font-family: 'Ubuntu', sans-serif;
margin: 0;
overflow-x: hidden;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute!important
}
:focus {
outline: 0
}
a.post-edit-link {
display: none
}
textarea, input[type="submit"] {
-webkit-appearance: none;
}
ul {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
line-height: 1.3;
}
h1, h2, h3 {
font-size: 1.5rem;
}
h1 {
margin-top: 0;
margin-bottom: 20px;
}
h2 {
margin-top: 0;
margin-bottom: 20px;
}
h3 {
margin-top: 0;
margin-bottom: 5px;
}
b, strong {
font-weight: 700;
}
p {
margin: 15px 0;
line-height: 1.6;
font-size: 15px;
}
.error404 .page-title {
font-size: 1.8rem
}
#inner-header {
margin: 0em auto;
}
.home-link {
position: relative;
display: block;
}
.home-link img {
width: 80%;
position: relative;
display: block;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: none;
cursor: pointer;
}
button[disabled], input[disabled] {
cursor: default;
}
input[type="checkbox"], input[type="radio"] {
padding: 5px;
border-radius: 3px;
display: inline-block;
position: relative;
visibility: hidden;
margin-right: 10px;
margin-top: 0;
}
input[type="checkbox"]+.wpcf7-list-item-label, input[type="radio"]+.wpcf7-list-item-label {
display: inline-block;
position: relative;
font-size: 0.8rem;
color: #969696;
}
input[type="checkbox"]+.wpcf7-list-item-label:before, input[type="radio"]+.wpcf7-list-item-label:before {
position: absolute;
content: "";
left: -23px;
top: 2px;
width: 10px;
height: 10px;
border-radius: 3px;
border: 1px solid #e84e1c;
}
.wpcf7-list-item>label {
cursor: pointer;
}
input[type="checkbox"]:checked+.wpcf7-list-item-label:before, input[type="radio"]:checked+.wpcf7-list-item-label:before {
background: #e84e1c;
}
input[type="search"] {
-webkit-appearance: textfield;
padding-right: 2px; width: 270px;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
resize: none;
height: 229px;
}
span.wpcf7-form-control-wrap.checkbox-303 span span {
display: inline-block;
width: 45%;
float: left;
margin-left: 11px;
}
span.wpcf7-form-control-wrap.radio-271 span span {
margin-left: 12px;
line-height: 1;
display: block;
}
.proefles {
margin-top: -15px;
}
span.wpcf7-form-control.wpcf7-checkbox span {
margin-left: 22px;
}
.belterug span span {
float: left;
width: 49%;
margin-left: 22px;
}
.page-id-236 section.contact .inner {
display: none;
}
input.wpcf7-form-control.wpcf7-submit {
background: #e84e1c;
color: white;
text-transform: uppercase;
padding: 15px 20px;
width: 48%;
}
section:after, .inner:after, .clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.gallery figure {
margin: 0;
float: left;
width: 30%;
height: 250px;
overflow: hidden;
position: relative;
padding: 1em;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.gallery {
position: relative;
overflow: hidden;
width: 90%;
margin: 0;
}
.metaData a.acties {
float: left;
color: white;
background: #e84e1c;
transition: .1s ease-in-out;
padding: 10px 20px;
text-decoration: none;
}
.metaData a.acties:hover {
background: #e27d5d;
transition: .1s ease-in-out;
}
.grecaptcha-badge {
display: none;
}
body:not(.home).page-template-sub-ebook .slider {
height: 160px;
overflow: hidden;
}
section.sub-laag.icons ul li span.icon {
display: block;
width: 100px;
height: 100px;
background-size: contain !important;
background-position: center center !important;
margin: 0 auto;
margin-bottom: 20px;
}
section.sub-laag.icons ul li div > p:last-of-type {
margin-bottom: 0;
}
section.sub-laag.icons ul li h2 {
color: #e84e1c;
margin-bottom: 0;
}
section.sub-laag.icons ul li:last-of-type {
margin-bottom: 0;
}
section.sub-laag.icons ul li {
flex-basis: 80%;
text-align: center;
width: 80%;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
}
body.page-template-sub-ebook section.contact {
display: none;
}
section.sub-laag.form {
background: #fee1d7;
padding: 40px 0px;
}
section.sub-laag.form div.left div p {
font-size: 18px;
}
section.sub-laag.form div.left span.afb {
display: block;
width: 100%;
height: 300px;
background-size: contain !important;
background-repeat: no-repeat !important;
margin: 40px auto;
background-position: 50% 50% !important;
}
section.sub-laag.form div.left p.subtitel {
font-size: 22px;
line-height: 30px;
margin: 20px 0px;
text-align: center;
}
section.sub-laag.form div.left h2 {
text-align: center;
color: #e84e1c;
font-size: 28px;
}
section.sub-laag.form div.right h2 {
font-size: 30px;
color: #e84e1c;
}
section.sub-laag.form div.right {
margin-top: 40px;
}
.post-336 section.intro .inner {
flex-wrap: wrap;
}
.post-336 h1, .post-336 section.intro p {
flex-basis: 100%;
}
section.sub-laag.icons ul li p {
font-size: 17px !important;
}
section.sub-laag.icons ul {
list-style-type: none;
display: flex;
flex-wrap: wrap;
}
section.sub-laag.icons {
background: #001b3d;
color: white;
padding: 40px 0px;
}
section.sub-laag.icons ul li h2:after {
content: '';
display: block;
width: 100px;
height: 1px;
background: white;
margin: 0 auto;
margin-top: 20px;
} .royalSlider > .rsContent, .royalSlider > .rsSlideRoot {
visibility: visible !important;
}
header#masthead {
position: relative;
text-align: left;
padding: 10px 0px;
max-width: 1200px;
margin: 0 auto;
}
div#navbar {
display: inline-block;
vertical-align: middle;
margin-right: 10em;
}
.home-link {
max-width: 150px;
display: inline-block;
vertical-align: middle;
position: relative;
}
.contactMeta {
display: inline-block;
text-align: right;
}
.metaData {
text-align: right;
}
.contactMeta a {
color: #969696;
margin: 0px 15px;
text-decoration: none;
font-size: 15px;
}
.contactMeta a i.fa {
margin-right: 10px;
color: #e84e1c;
}
a.gratis {
display: inline-block;
padding: 10px 20px;
background: #e84e1c;
color: white;
right: 0;
text-decoration: none;
transition: .1s ease-in-out;
}
a.gratis.ebook {
position: fixed;
bottom: 60px;
right: 60px;
border-radius: 5px;
font-weight: bold;
background: #2974d0;
padding: 15px 30px;
font-size: 18px;
z-index: 1000;
}
a.gratis.ebook:hover {
background: #1c5eb0;
}
.c-btn.blue {
background: #2974d0 !important;
border: 1px solid #2974d0 !important;
margin-top: 10px !important;
display: inline !important;
}
.box-left a.c-btn.blue {
display: table !important;
}
.c-btn.blue:hover {
background: #1c5eb0 !important;
}
a.gratis:hover {
background: #e27d5d;
transition: .1s ease-in-out;
}
.error404 .site-content {
text-align: center;
padding: 75px 15px;
}
div.wpcf7-mail-sent-ok {
border: none;
margin: 0;
padding: 0;
display: table !important;
margin-top: 3em;
font-size: 15px;
color: #18a018;
font-weight: bold;
}
.meta {
background: #17172f;
}
div.wpcf7-validation-errors {
display: none !important;
}
i.fa.fa-arrow-right {
margin-left: 10px;
}
.slider {
height: 55vh;
position: relative;
}
body.page-id-137 .slider {
display: none;
}
.rsTmb img {
width: 100%;
height: auto;
margin-top: -50px;
}
body:not(.home) .slider {
height: 40vh;
}
.page-id-1249 .use-floating-validation-tip span.wpcf7-not-valid-tip {
position: relative;
top: initial;
transform: initial;
background: #994024;
width: 190px;
text-align: center;
}
.video iframe {
box-shadow: 0px 0px 15px 5px #c3c3c3;
}
.slide1 {
width: 100%;
height: 100%;
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/Headerfoto.jpg) no-repeat;
background-size: cover;
background-position: center center;
background-attachment: fixed;
}
.slide1 h1 {
font-size: 4.5rem;
color: white;
text-shadow: 1px 1px 1px black;
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
max-width: 1180px;
margin: 0 auto;
} .intro {
padding: 75px 20px;
margin-bottom: 0em;
height: auto;
}
.page-id-236 .intro, .page-id-336 .intro {
background: #e84e1c;
text-align: center;
color: white;
}
.page-id-236 .intro input.wpcf7-form-control.wpcf7-submit {
float: initial;
background: #17172f;
color: white;
margin: 0 auto;
width: 355px;
}
.inner {
max-width: 1200px;
margin: 0 auto;
}
.intro .box-left {
display: inline-block;
width: 30%;
margin-bottom: 4em;
}
.box-left > a {
display: inline-block;
margin-right: 15px;
padding: 15px 30px;
border-radius: 5px;
background: #e84e1c;
color: white;
margin-top: 30px;
width: 70%;
text-align: center;
font-weight: bold;
border: 1px solid #e84e1c;
}
.box-left > a:nth-of-type(2), .box-left > a:nth-of-type(3) {
margin-top: 15px;
}
.box-left > a:hover {
background: transparent;
border: 1px solid #e84e1c;
color: #e84e1c;
font-weight: bold;
transition: .1s ease-in-out;
}
.page-id-177 .intro {
height: auto;
}
.proefles {
position: relative;
}
.postid-566 .entry-thumbnail {
display: none;
}
.proefles span.wpcf7-not-valid-tip {
position: absolute !important;
padding: 0 !important;
right: 1em !important;
left: 11em !important;
width: 170px;
}
.page-id-227 .intro {
height: auto;
}
.intro .box-right ul.page-links li a:hover {
text-decoration: underline;
}
.intro .box-right ul.page-links li a {
display: block;
padding: 20px 10px;
color: white;
font-size: 18px;
font-weight: 500;
}
.intro .box-right ul.page-links li {
}
.intro .box-right ul.page-links {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
background: grey;
padding: 0px 40px;
width: auto;
justify-content: space-between;
}
.intro .box-right ul {
list-style-type: none;
margin-bottom: 15px;
}
.post-70 section.intro {
height: auto;
}
.intro .box-left span.logo {
width: 200px;
height: 150px;
display: block;
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/Toptraining_onder.png) no-repeat;
background-size: contain;
background-position: center center;
}
.openingstijden p, .content p {
font-weight: bold;
color: #181831;
}
.openingstijden ul, .content ul {
list-style-type: none;
border-left: 5px solid #e84e1c;
padding-left: 25px;
}
.openingstijden ul li, .content ul li {
color: #969696;
line-height: 1.6;
font-size: 14px;
margin-bottom: 5px;
}
.logoPartners span:nth-of-type(4) {
background: none;
line-height: 50px;
}
.logoPartners span:nth-of-type(3) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2021/08/inbody.png) no-repeat;
background-size: contain;
background-position: center center;
}
.logoPartners span:nth-of-type(2) {
background: white url(https://www.jsctoptraining.nl/wp-content/uploads/2021/08/3dlab.png) no-repeat;
background-size: contain;
background-position: center center;
}
.logoPartners span:nth-of-type(1) {
background: black url(https://www.jsctoptraining.nl/wp-content/uploads/2021/08/keiser.png) no-repeat;
background-size: contain;
background-position: center center;
}
.roosterItem .tekst > div {
margin-top: 10px;
line-height: 1.6;
}
.logoPartners span {
width: 70px;
height: 50px;
margin: 0px 10px;
}
.logoPartners {
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
flex-wrap: wrap;
color: white;
justify-content: center;
font-size: 13px;
}
.logoPartners > p {
flex-basis: 100%;
width: 100%;
font-size: 14px;
}
.rsArrowLeft .rsArrowIcn {
width: 50px;
height: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
}
.rsArrowRight .rsArrowIcn {
width: 50px;
height: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
}
.tarievenBox ul.tarieven-box {
margin-top: 20px;
}
.flexbox-wrapper.images a {
margin-right: 20px;
}
.flexbox-wrapper.images {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
.tarievenBox ul.tarieven-box li p:last-of-type {
font-weight: bold;
}
.tarievenBox ul.tarieven-box li {
border-bottom: 1px solid rgb(232 78 28 / 25%);
line-height: 2;
margin-top: 5px;
padding-bottom: 5px;
}
ul.tarieven-box li {
display: flex;
align-items: center;
justify-content: space-between;
}
section.tarievenWrapper div.tarievenBox div.tariefItem li p:last-of-type {
flex-basis: 30%;
text-align: right;
}
section.tarievenWrapper div.tarievenBox div.tariefItem li p:first-of-type {
flex-basis: 70%;
}
.rsArrowRight .rsArrowIcn:after {
content: "\f060";
color: white;
font: normal normal normal 14px/1 FontAwesome;
font-size: 40px;
text-align: center;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
}
.rsArrowLeft .rsArrowIcn:after {
content: "\f061";
color: white;
font: normal normal normal 14px/1 FontAwesome;
font-size: 40px;
text-align: center;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
}
.openingstijden ul li span, .content ul li span {
min-width: 100px;
display: inline-block;
}
p.soortTraining {
text-align: center;
color: black;
margin-top: 5px;
}
.knoppen {
margin-bottom: 2em;
}
.content ul li a {
color: #181831;
font-weight: bold;
transition: .1s ease-in-out;
}
.content ul li a:hover {
color: #e84e1c;
transition: .1s ease-in-out;
}
.intro .box-right {
display: inline-block;
float: right;
padding: 2em 5em;
margin-top: -11em;
background: white;
position: absolute;
-webkit-box-shadow: -5px -5px 10px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: -5px -5px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: -5px -5px 10px 0px rgba(0, 0, 0, 0.1);
max-width: 840px;
}
a {
text-decoration: none;
}
.fysioteam {
margin: 20px 0px;
}
.fysioteam img {
width: 100%;
height: auto;
}
.intro .box-right ul li span {
font-weight: bold;
display: inline-block;
width: 175px;
}
.intro .box-right ul li {
line-height: 1.6;
}
header#masthead.fixed {
position: fixed;
top: 0;
width: 100%;
background: white;
z-index: 99;
box-shadow: 0px 0px 5px #b3b3b3;
margin: 0 auto;
left: 0;
right: 0;
}
div#navbar #menu {
padding: 0;
width: 40px;
margin-top: 5px;
}
ul.specialisaties {
display: flex;
flex-wrap: wrap;
}
ul.specialisaties li {
flex-basis: calc(33.33% - 4px);
color: black;
font-size: 16px;
padding: 5px 10px;
background: #f7f7f7;
margin: 1px;
}
ul.specialisaties li a:hover {
text-decoration: underline;
}
ul.specialisaties li a {
color: #e84e1c;
display: block;
}
.intro .box-right ul {
list-style-type: none;
margin-bottom: 15px;
}
.knoplos {
display: inline-block;
margin-right: 15px;
padding: 15px 30px;
border-radius: 5px;
margin-top: 10px;
background: #e84e1c;
color: white;
font-weight: bold;
transition: .1s ease-in-out;
border: 1px solid #e84e1c;
}
.knoplos:hover {
background: transparent;
border: 1px solid #e84e1c;
color: #e84e1c;
font-weight: bold;
transition: .1s ease-in-out;
}
.referentiesSlider .owl-nav .owl-next {
right: 0px;
left: initial;
position: absolute;
}
.referentiesSlider .owl-nav {
display: flex;
position: absolute;
top: 50%;
width: 90%;
transform: translateY(-50%);
}
.referentiesSlider .owl-nav div.owl-next, .referentiesSlider .owl-nav div.owl-prev {
width: 40px;
height: 40px;
background: #e84e1c;
color: white;
text-align: center;
line-height: 40px;
border-radius: 100%;
}
body.home .video {
margin-bottom: 1em;
}
.page-id-1249 .slider > div {
opacity: 0;
}
.page-id-1249 .slider {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2021/08/slider-afbeelding.jpg) no-repeat !important;
background-size: cover !important;
background-position: center center !important;
}
.page-id-1249 footer#contactJSC {
display: none;
}
section.open .video {
margin-bottom: 0;
}
section.open .video iframe {
box-shadow: none;
}
section.open h2 {
color: white;
font-size: 2.5rem;
margin-bottom: 40px;
}
section.open {
padding: 75px 0px;
text-align: center;
background: #e84e1c;
}
body:not(.home) .intro .box-right {
margin-top: -7em;
}
.box-right .openingstijden {
margin-bottom: 1em;
}
.knoppen a {
display: inline-block;
margin-right: 15px;
padding: 15px 30px;
border-radius: 5px;
margin-top: 10px;
}
body.home h1.entry-title {
display: none;
}
.knoppen a:first-of-type {
background: #e84e1c;
color: white;
font-weight: bold;
transition: .1s ease-in-out;
border: 1px solid #e84e1c;
}
.knoppen a:last-of-type {
color: #e84e1c;
border: 1px solid #e84e1c;
background: white;
font-weight: bold;
transition: .1s ease-in-out;
}
.knoppen a:first-of-type:hover {
background: transparent;
border: 1px solid #e84e1c;
color: #e84e1c;
font-weight: bold;
transition: .1s ease-in-out;
}
ul.specialisaties {
margin-top: 20px;
}
#crumbs {
padding-left: 0;
}
#crumbs li {
display: inline-block;
margin-right: 5px;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
color: black;
}
#crumbs li a {
color: black;
}
#crumbs li:after {
content: "/";
margin-left: 5px;
}
#crumbs li:last-of-type {
color: #e84e1c;
}
#crumbs li:last-of-type:after {
display: none;
}
.background {
background: #fee1d7;
padding: 20px;
margin-bottom: 20px;
}
.page-id-230 footer#contactJSC {
display: none;
}
.category-nieuws {
max-width: 1180px;
margin: 0 auto;
padding: 75px 0px;
}
.category-nieuws .entry-content p {
max-width: 55em;
}
.referentiesSlider {
padding: 0px 20px;
}
.referentieItem .referentieContent h2 {
margin-bottom: 0;
margin-top: 20px;
font-size: 1.25rem;
text-align: center;
color: black;
}
.nieuwsWrapper.flexbox-wrapper .nieuwsItem a div.nieuwsContent {
color: white;
background: #17172f;
position: relative;
padding: 20px;
}
body.home .nieuwsWrapper.flexbox-wrapper .nieuwsItem a div.nieuwsContent {
background: white;
color: #17172f;
}
.nieuwsWrapper.flexbox-wrapper .nieuwsItem a div.nieuwsContent span.meer {
text-decoration: underline;
font-size: 14px;
}
.nieuwsWrapper.flexbox-wrapper .nieuwsItem a div.nieuwsContent h3 {
margin: 10px 0px;
transition: .1s ease-in-out;
font-size: 1.25rem;
}
.nieuwsWrapper.flexbox-wrapper .nieuwsItem a:hover h3 {
color: #e84e1c;
}
a.pt-img.swipebox {
display: block;
max-width: 400px;
margin-top: 20px;
}
.site-main a.c-btn {
margin-right: 15px;
padding: 15px 30px;
border-radius: 5px;
background: #e84e1c;
color: white !important;
margin-top: 30px;
text-align: center;
font-weight: bold;
border: 1px solid #e84e1c;
display: table;
}
.nieuwsWrapper.flexbox-wrapper .nieuwsItem a div.nieuwsContent span.date {
font-style: italic;
font-size: 14px;
}
span.popuplogo {
display: block;
width: 100px;
height: 50px;
background: white url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/Logo_zwart.png) no-repeat;
background-size: 80%;
background-position: center center;
border-radius: 5px;
}
section.groepslessenWrapper .groepslessenDag span {
text-align: right;
color: #17172f;
transition: .1s ease-in-out;
font-weight: bold;
cursor: pointer;
}
section.groepslessenWrapper .groepslessenDag .roosterItem span:hover {
background: #000000;
}
section.groepslessenWrapper .groepslessenDag span:hover {
color: #e84e1c;
}
section.groepslessenWrapper .groepslessenDag h2, section.groepslessenWrapper .groepslessenDag > span {
flex-basis: 50%;
width: 50%;
color: #17172f;
}
section.groepslessenWrapper .groepslessenDag span.openLessen {
background: #e84e1c;
flex-basis: 150px;
width: 150px;
text-align: center;
padding: 10px;
color: white;
}
.groepslessenWrapper .groepslessenDag span.openLessen:hover {
background: #e27d5d;
}
section.groepslessenWrapper .groepslessenDag h2 {
margin-bottom: 0;
}
.groepslessenDag.flexbox-wrapper.open {
max-height: 5000px;
}
.groepslessenDag .roosterItem span {
background: #17172f;
color: white !important;
padding: 10px;
display: table;
border-radius: 6px;
font-weight: 500 !important;
}
.groepslessenDag .roosterItem p.titel {
font-size: 20px;
font-weight: bold;
margin: 10px 0px;
}
.groepslessenDag .roosterItem p.tijd {
font-weight: bold;
font-size: 18px;
color: #17172f;
}
.groepslessenDag .roosterItem div.hiddenInformatie {
max-height: 0;
overflow: hidden;
}
.groepslessenDag .roosterItem p {
margin: 0;
}
.groepslessenDag .roosterItem:nth-of-type(2n) {
background: #e84e1c;
}
.groepslessenDag .roosterItem {
flex-basis: 100%;
width: 100%;
background: rgb(232 78 28 / 10%);
padding: 20px;
color: #17172f;
}
.groepslessenDag .roosterItem:first-of-type {
margin-top: 20px;
}
.roosterItem.Total.Body.workout div.image {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2022/02/total-body-workout.jpg) no-repeat;
background-size: cover;
background-position: center center;
height: 200px;
}
.roosterItem div.hiddenInformatie div.image {
flex-basis: 100%;
width: 100%;
display: block;
margin-top: 16px;
}
.roosterItem.FreshBalance div.image {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2022/02/fresh-balance.jpg) no-repeat;
background-size: cover;
background-position: center center;
height: 200px;
}
.roosterItem.Senioren.Fitness div.image {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2022/02/senioren-les.jpg) no-repeat;
background-size: cover;
background-position: center center;
height: 200px;
}
.roosterItem.Pilates div.image {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2022/02/pilates.jpg) no-repeat;
background-size: cover;
background-position: center center;
height: 200px;
}
.roosterItem.Boksen div.image {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2022/02/boksen.jpg) no-repeat;
background-size: cover;
background-position: center center;
height: 200px;
}
.roosterItem.Spinning div.image {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2022/02/spinning.jpg) no-repeat;
background-size: cover;
background-position: center center;
height: 200px;
}
.roosterItem.Buik.blok div.image, .roosterItem.Buik.Blok div.image {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2022/02/buikblok.jpg) no-repeat;
background-size: cover;
background-position: center center;
height: 200px;
}
.roosterItem.Yoga div.image {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2022/02/yoga.jpg) no-repeat;
background-size: cover;
background-position: center center;
height: 200px;
}
.roosterItem.BBB div.image {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2022/02/BBB.jpg) no-repeat;
background-size: cover;
background-position: center center;
height: 200px;
}
.roosterItem.Circuit div.image {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2022/02/circuit-training.jpg) no-repeat;
background-size: cover;
background-position: center center;
height: 200px;
}
.roosterItem.Bootcamp .image.bg-img {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2022/02/bootcamp.jpg) no-repeat;
background-size: contain;
background-position: center center;
height: 200px;
}
.roosterItem.B-Kick .image.bg-img {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2022/02/bkick.jpg) no-repeat;
height: 200px;
background-size: cover;
background-position: 60% 0%;
}
.roosterItem div.hiddenInformatie div.flexbox-wrapper {
width: 100%;
}
section.groepslessenWrapper .groepslessenDag {
transition: .3s ease-in-out;
max-height: 50px;
overflow: hidden;
margin-bottom: 20px;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 20px;
}
section.groepslessenWrapper {
padding: 40px 0px;
}
section.groepslessenWrapper .inner {
padding: 0px 20px;
}
.nieuwsWrapper.flexbox-wrapper .nieuwsItem a span.nieuwsThumb {
display: block;
width: 100%;
height: 200px;
background-size: cover;
background-repeat: no-repeat;
background-position: center left;
}
section.subcontentLaag {
padding: 40px 0px;
background: rgb(232 78 28 / 5%);
}
.page-id-1249 section.subcontentLaag .inner > div.wpcf7 * {
color: white;
}
.page-id-1249 section.subcontentLaag .inner > div.wpcf7 {
color: white;
position: relative;
background: #e84e1c;
padding: 24px;
margin: 24px 0px;
}
.page-id-1249 section.subcontentLaag .inner > p {
margin-top: 0;
}
.page-id-1249 span.wpcf7-list-item label {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.page-id-1249 span.wpcf7-list-item label input {
position: relative;
border: 1px solid white !important;
width: auto;
margin: 0;
opacity: 1;
visibility: visible;
background: none !important;
appearance: none;
border-radius: 0;
}
.page-id-1249 section.subcontentLaag .inner > div.wpcf7 * {
color: white;
}
.page-id-1249 span.wpcf7-list-item label span {
width: calc(100% - 40px);
}
.page-id-1249 span.wpcf7-list-item label input {
margin-right: 8px;
width: 13px !important;
padding: 0;
height: 13px;
}
.page-id-1249 span.wpcf7-form-control-wrap span.wpcf7-form-control.wpcf7-radio {
margin: 20px 0px;
display: block;
}
.page-id-1249 span.wpcf7-list-item {
margin-left: 0 !important;
}
.page-id-1249 span.wpcf7-form-control.wpcf7-checkbox span {
margin-left: 0;
}
.page-id-1249 p.m-top {
font-weight: bold;
}
.page-id-1249 span.wpcf7-form-control.wpcf7-checkbox {
margin-top: 20px;
display: block;
}
input[type="checkbox"]:checked+.wpcf7-list-item-label:before, input[type="radio"]:checked+.wpcf7-list-item-label:before {
background: #e84e1c;
}
.page-id-1249 input[type="checkbox"]+.wpcf7-list-item-label:before, .page-id-1249 input[type="radio"]+.wpcf7-list-item-label:before {
opacity: 0;
}
.page-id-1249 span.wpcf7-list-item label input:checked {
background: white !important;
}
.page-id-1249 input.wpcf7-form-control.wpcf7-submit {
width: 100%;
background: black;
border: none;
margin-top: 30px;
color: white !important;
}
.page-id-1249 section.subcontentLaag .inner > div.wpcf7 input.wpcf7-form-control.wpcf7-submit:hover {
background: #591600;
}
.page-id-1249 section.subcontentLaag .inner > div.wpcf7 input {
color: black;
}
section.subcontentLaag .inner {
padding: 0px 20px;
max-width: 1200px;
margin: 0 auto;
}
section.subcontentLaag .inner ul {
list-style-type: disc;
padding-left: 20px;
}
section.subcontentLaag .inner ul li {
line-height: 2;
}
section.subcontentLaag .inner h2:after {
content: '';
display: block;
width: 150px;
height: 2px;
background: #e84e1c;
margin-top: 10px;
}
section.subcontentLaag .inner p:last-of-type {
margin-bottom: 0;
}
.page-id-742 section.subcontentLaag p a, .page-id-754 section.subcontentLaag p a {
display: inline-block;
margin-right: 15px;
padding: 15px 30px;
border-radius: 5px;
background: #e84e1c;
color: white;
text-align: center;
font-weight: bold;
border: 1px solid #e84e1c;
text-decoration: none;
transition: .1s ease-in-out;
}
.page-id-742 section.subcontentLaag p a:hover, .page-id-754 section.subcontentLaag p a:hover {
background: #d34314;
}
a.telephone:hover {
background: #c43d11;
}
.roosterItem span.open {
display: none;
}
.roosterItem.open div.hiddenInformatie h3 {
flex-basis: 100%;
width: 100%;
margin-top: 10px;
}
.roosterItem.open div.hiddenInformatie {
max-height: 500px;
display: flex;
flex-wrap: wrap;
}
.roosterItem.open > span {
display: none;
}
.page-template-sub-tarieven .intro p:last-of-type {
margin-bottom: 0;
}
.page-template-sub-tarieven .intro p:first-of-type {
margin-top: 0;
}
.page-template-sub-tarieven .intro {
padding: 20px 0px;
padding-top: 0;
padding-bottom: 40px;
height: auto !important;
}
a.telephone {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 999;
background: #e84e1c;
width: 50px;
height: 50px;
border-radius: 100%;
color: white !important;
line-height: 50px;
text-align: center;
box-shadow: 1px 1px 8px #873014;
font-size: 20px;
transition: .1s ease-in-out;
}
section.tarievenWrapper div.tarievenBox div.tariefItem p {
color: #17172f;
margin: 0;
font-size: 16px;
}
section.tarievenWrapper div.tarievenBox div.tariefItem p.price {
font-size: 22px;
font-weight: bold;
margin: 0;
color: #17172f;
}
section.tarievenWrapper div.tarievenBox div.tariefItem h3 {
color: #e84e1c;
margin-bottom: 10px;
}
.nieuwsWrapper.flexbox-wrapper .nieuwsItem a {
color: #17172f;
}
.nieuwsWrapper.flexbox-wrapper .nieuwsItem:last-of-type {
margin-bottom: 0;
}
.page-id-847 section.sub-laag .inner ul.images li.box p {
width: 100%;
}
.page-id-847 section.sub-laag .inner ul.images li.box span.bg-img {
background-size: cover;
height: 300px;
background-position: 0% 10%;
}
.page-id-847 section.sub-laag .inner ul.images li.box {
flex-basis: 100%;
width: 100%;
}
.nieuwsWrapper.flexbox-wrapper .nieuwsItem {
flex-basis: 100%;
width: 100%;
margin-bottom: 20px;
}
.nieuwsWrapper.flexbox-wrapper {
padding: 40px 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
}
.sgpb-popup-builder-content-598.sgpb-popup-builder-content-html div span {
display: none;
} .sgpb-popup-builder-content-598.sgpb-popup-builder-content-html {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2022/02/pop-up.jpg) no-repeat;
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2023/07/thumbnail_BOUWVAK-OPENINGSTIJDEN-1.jpg) no-repeat;
background-size: contain;
background-position: center center;
padding: 10px;
height: 100%;
}
.intro .box-right img {
max-width: 400px;
}
.referentieItem .referentieImage {
display: block;
width: 100%;
height: 200px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.referentieItem a {
display: block;
width: 100%;
height: 100%;
}
ul.galerybox li:last-of-type {
margin-bottom: 0;
}
ul.galerybox li {
flex-basis: 100%;
width: 100%;
height: 200px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
transition: .1s ease-in-out;
margin-bottom: 20px;
}
ul.galerybox li:hover {
opacity: .8;
}
ul.galerybox li a {
display: block;
width: 100%;
height: 100%;
}
ul.galerybox {
list-style-type: none;
display: flex;
flex-wrap: wrap;
margin-top: 40px;
}
.referentieItem .referentieContent span {
display: table;
margin: 0 auto;
padding: 15px 30px;
border-radius: 5px;
background: #e84e1c;
color: white;
margin-top: 15px;
text-align: center;
font-weight: bold;
border: 1px solid #e84e1c;
}
.entry-meta span a {
margin-right: 10px;
text-decoration: none;
color: #e84e1c;
font-weight: bold;
border-right: 1px solid #e84e1c;
padding-right: 10px;
}
.category-nieuws h1.entry-title {
margin-top: 20px;
}
.entry-meta span.author.vcard a {
border-right: none;
pointer-events: none;
}
section.redenen {
background: #e84e1c;
padding: 75px 0px;
}
.redenen h2 {
color: white;
}
.redenen .inner {}
.redenen ul {
list-style-type: none;
}
.redenen li {
font-size: 19px;
display: inline-block;
width: 45%;
line-height: 2.5;
}
.redenen li:before {
content: '';
display: inline-block;
width: 30px;
height: 25px;
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/10/smallIcon.png) no-repeat;
background-size: contain;
background-position: center center;
vertical-align: middle;
margin-right: 10px;
}
section.referenties {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/ReferentiesBG.jpg) no-repeat;
background-size: cover;
background-position: center bottom;
padding: 75px 0px;
}
body:not(.home).page-id-588 .slider h1 {
opacity: 0 !important;
}
body:not(.home).page-id-588 .slide1 {
background: #024b76 url(https://www.jsctoptraining.nl/wp-content/uploads/2020/03/vacature_we_want_you.jpg) no-repeat;
background-size: 700px;
background-position: center center;
}
body:not(.home).page-id-588 .slide1 {
background-size: cover;
}
div#sgpb-popup-dialog-main-div > div, div#sgpb-popup-dialog-main-div {
overflow: visible !important;
}
.sgpb-popup-builder-content-598.sgpb-popup-builder-content-html div, .sgpb-popup-builder-content-598.sgpb-popup-builder-content-html div a, .sgpb-popup-builder-content-598.sgpb-popup-builder-content-html div p {
color: initial;
height: 100%;
}
a.special-btn {
position: absolute;
bottom: -70px;
height: auto !important;
z-index: 9;
background: #e84e1c !important;
padding: 10px 20px !important;
color: white !important;
left: -10px;
text-decoration: none !important;
}
.post-588 .entry-content .flexbox-wrapper .vacature a {
color: #e84e1c;
text-decoration: underline;
font-weight: bold;
}
.post-588 .entry-content .flexbox-wrapper .vacature p:first-of-type {
font-weight: 500;
font-size: 16px;
}
.post-588 .entry-content .flexbox-wrapper .vacature h2, .post-588 .entry-content .flexbox-wrapper .vacature h3 {
color: #e84e1c;
margin-bottom: 20px;
}
.post-588 .entry-content .flexbox-wrapper .vacature ul li, .post-588 .entry-content .flexbox-wrapper .vacature p {
line-height: 2;
font-size: 15px;
}
.post-588 .entry-content .flexbox-wrapper .vacature ul {
list-style-type: disc;
margin: 20px 0px;
padding-left: 20px;
}
.post-588 .entry-content .flexbox-wrapper .vacature {
flex-basis: 100%;
width: 100%;
max-width: 900px;
justify-self: center;
margin: 0 auto;
}
.post-588 .entry-content .flexbox-wrapper {
display: flex;
flex-wrap: wrap;
}
.post-588 .entry-content {
background: #f7f7f7;
padding: 40px 20px;
}
.referenties h2 {
text-align: center;
color: #e84e1c;
}
.post-588 .entry-content .flexbox-wrapper .vacature h2 {
background: #e84e1c;
color: white;
padding: 10px;
}
.referenties .project {
display: inline-block;
width: 16.6666666667%;
float: left;
overflow: hidden;
height: 250px;
position: relative;
}
.project .project-meta {
z-index: 2;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
color: white;
opacity: 0;
transition: .1s ease-in-out;
}
.project:hover .project-meta {
opacity: 1;
}
.project .project-title {
color: white;
font-size: 18px;
margin-bottom: 0;
}
div#sg-popup-content-wrapper-598 div.sgpb-main-html-content-wrapper p {
bottom: initial;
position: relative;
margin-bottom: 10px;
}
div#sg-popup-content-wrapper-598 {
color: white;
background: black !important;
background-size: contain;
background-position: center center;
position: relative;
padding: 20px;
}
section.tarievenWrapper div.tarievenBox div.tariefItem:last-of-type {
margin-bottom: 0;
}
section.tarievenWrapper div.tarievenBox div.tariefItem {
flex-basis: 100%;
width: 100%;
margin-bottom: 20px;
background: rgb(232 78 28 / 10%);
padding: 20px;
}
.tariefItem a {
text-decoration: none;
}
.tariefItem a:hover p.text {
color: #e84e1c !important;
}
section.tarievenWrapper div.tarievenBox {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
section.tarievenWrapper {
padding: 40px 0px;
}
section.tarievenWrapper .inner {
padding: 0px 20px;
max-width: 1200px;
margin: 0 auto;
}
.referenties .project:nth-of-type(1) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2019/10/Jolanda-van-Goor-foto-e1570182052683.jpg) no-repeat;
background-size: cover;
background-position: center top;
}
.referenties .project:nth-of-type(2) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2018/07/3.jpg) no-repeat;
background-size: cover;
background-position: center top;
}
.referenties .project:nth-of-type(3) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/anneke-molenaar.jpg) no-repeat;
background-size: cover;
background-position: center top;
}
.referenties .project:nth-of-type(4) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/kees.jpg) no-repeat;
background-size: cover;
background-position: center top;
}
.referenties .project:nth-of-type(5) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/michaelsimon.jpg) no-repeat;
background-size: cover;
background-position: center top;
}
.referenties .project:nth-of-type(6) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/jan.jpg) no-repeat;
background-size: cover;
background-position: center top;
}
.referenties .project:nth-of-type(7) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/liza.jpg) no-repeat;
background-size: cover;
background-position: center top;
}
.referenties .project:nth-of-type(8) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/anky.jpg) no-repeat;
background-size: cover;
background-position: center top;
}
.post-70 .flexbox-wrapper a img, .post-227 .flexbox-wrapper a img {
display: block;
width: 100%;
height: auto;
}
.post-70 .flexbox-wrapper a, .post-227 .flexbox-wrapper a {
flex-basis: 300px;
width: 300px;
overflow: hidden;
}
.post-70 .flexbox-wrapper, .post-227 .flexbox-wrapper {
display: flex;
flex-wrap: nowrap;
gap: 20px;
margin-bottom: 20px;
}
.post-70 .box-right ul {
list-style-type: disc;
margin-left: 20px;
margin-top: 10px;
}
.referenties .project:nth-of-type(9) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/nick.jpg) no-repeat;
background-size: cover;
background-position: center top;
}
.referenties .project:nth-of-type(10) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/ricardoveldman.png) no-repeat;
background-size: cover;
background-position: center top;
}
.referenties .project:nth-of-type(11) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/ymre_ruud.jpg) no-repeat;
background-size: cover;
background-position: center top;
}
.referenties .project:nth-of-type(12) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/wammes.jpg) no-repeat;
background-size: cover;
background-position: center top;
}
.referenties .project:nth-of-type(13) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/sita.jpg) no-repeat;
background-size: cover;
background-position: center top;
}
.referenties .project div.proj-image {
position: absolute;
height: 100%;
width: 100%;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.4);
top: 0;
opacity: 0;
transition: .1s ease-in-out;
}
section.referenties.therapeuten .project {
width: 25%;
height: 300px;
} .referenties .project:hover div.proj-image img {
display: none;
}
.referenties .project:hover div.proj-image {
opacity: 1;
transition: .1s ease-in-out;
}
nav.navigation.post-navigation {
display: none;
}
.category-referenties .entry-thumbnail {
display: none;
}
.category-referenties, .category-therapeuten {
max-width: 1180px;
margin: 0 auto;
padding: 75px 0px;
}
.tarievenWrapper a.c-btn:hover, .subcontentLaag a.c-btn:hover {
background: #c23f15;
}
.tarievenWrapper a.c-btn, .subcontentLaag a.c-btn {
line-height: 1;
background: #e84e1c;
color: white;
padding: 15px 20px;
display: table;
margin: 0 auto;
}
.category-referenties .entry-meta, .category-therapeuten .entry-meta {
display: none;
}
.category-referenties .entry-content p, .category-therapeuten .entry-content p {
max-width: 55em;
}
section.sub-laag {
position: relative;
padding: 20px 0px;
}
section.sub-laag .inner {
padding: 0px 20px;
}
section.sub-laag .inner ul.images {
list-style-type: none;
display: flex;
flex-wrap: wrap;
}
section.sub-laag .inner ul.images li.box {
flex-basis: 100%;
width: 100%;
margin-bottom: 20px;
}
.page-id-886 section.sub-laag .inner ul.images {
justify-content: space-between;
}
.page-id-886 section.sub-laag .inner ul.images li.box {
flex-basis: calc(50% - 10px);
width: calc(50% - 10px);
}
.page-id-886 section.sub-laag .inner ul.images li.box:nth-of-type(2) span.bg-img {
height: 300px;
}
section.sub-laag .inner ul.images li.box span.bg-img {
display: block;
width: 100%;
height: 300px;
background-size: contain;
background-repeat: no-repeat;
background-position: center left;
}
section.sub-laag .inner ul.images li.box p {
margin: 0;
font-size: 18px;
font-weight: bold;
background: #17172f;
color: white;
padding: 10px 20px;
display: table;
}
section.sub-laag .inner ul.images li.box:last-of-type {
margin-bottom: 0;
}
section.sub-laag .inner ul.images li.box:nth-of-type(2) span.bg-img {
height: 500px;
}
body:not(.home) .slide1 {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2021/10/header-foto-nieuw.jpg) no-repeat;
background-size: cover;
background-position: 0% 140%;
background-attachment: fixed;
}
body:not(.home) .slider:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
background: -moz-linear-gradient(-45deg, rgba(232,78,28,0.5) 0%, rgba(23,23,47,0.5) 100%);
background: -webkit-linear-gradient(
-45deg, rgba(232,78,28,0.5) 0%,rgba(23,23,47,0.5) 100%);
background: linear-gradient(
135deg, rgba(232,78,28,0.5) 0%,rgba(23,23,47,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80e84e1c', endColorstr='#8017172f',GradientType=1 );
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 50%;
left: initial;
right: 0;
z-index: 100;
border: 0;
background: transparent;
padding: .2em .8em;
transform: translateY(-50%);
color: #e84e1c;
font-weight: bold;
}
.knoppen a:last-of-type:hover {
color: white;
background: #e84e1c;
transition: .1s ease-in-out;
}
div#sgpb-popup-dialog-main-div {
margin: 0 auto;
margin-bottom: 0 !important;
border-bottom-width: 0 !important;
padding: 0 !important;
box-shadow: none !important;
border-radius: 0px !important;
}
.sgpb-popup-dialog-main-div-theme-wrapper-5 {
border: 0 !important;
outline: 0 !important;
margin-top: -20px;
background-color: transparent;
}
div#sg-popup-content-wrapper-598 {
background: #393031 url(https://www.jsctoptraining.nl/wp-content/uploads/2021/10/thumbnail_image0.jpg) no-repeat;
background-size: contain;
background-position: center center;
}
.sgpb-theme-1-overlay {
background: black !important;
}
.sgpb-popup-builder-content-572 h2 {
color: #e84e1c;
padding-right: 20px;
}
.sgpb-main-html-content-wrapper a {
display: inline-block;
margin-right: 15px;
padding: 10px 20px;
border-radius: 5px;
background: #e84e1c;
color: white;
margin-top: 0px;
width: auto;
text-align: center;
font-weight: bold;
border: 1px solid #e84e1c;
transition: .1s ease-in-out;
text-decoration: none;
}
.sgpb-main-html-content-wrapper a:hover {
background: #e86d45;
}
img.sgpb-popup-close-button-1 {
float: right;
bottom: initial;
top: 10px;
}
section.tussenstuk {
padding: 75px 0px;
background: #171730 url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/backgroundTussen.png) no-repeat;
background-size: contain;
background-position: center left;
text-align: center;
}
section.tussenstuk a {
display: inline-block;
width: 30%;
margin: 0px 10px;
position: relative;
min-height: 200px;
}
section.tussenstuk a>span h2 p {
font-size: 40px;
text-transform: uppercase;
margin: 0;
color: white;
position: absolute;
left: 0;
right: 0;
top: 70px;
}
section.tussenstuk a:nth-of-type(1)>span h2 {
font-size: 75px;
text-transform: uppercase;
margin: 0;
color: white;
}
section.tussenstuk a:nth-of-type(1)>span>p {
color: black;
text-transform: uppercase;
font-size: 30px;
font-weight: 100;
margin: 0;
margin-top: 25px;
}
section.tussenstuk a>span {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto;
}
section.tussenstuk a:first-of-type {
background: #e84e1c;
border: 4px solid #e84e1c;
transition: .1s ease-in-out;
box-shadow: inset 0px 0px 10px 0px #8a2c0d;
}
section.tussenstuk a:first-of-type:hover {
background: #e46841;
transition: .1s ease-in-out;
}
section.tussenstuk a:nth-of-type(2) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2021/10/Groepsfoto-fysios.jpg) no-repeat;
background-size: cover;
background-position: center center;
border: 4px solid white;
box-shadow: inset 0px 0px 10px 0px #b7b7b7;
}
section.tussenstuk a:nth-of-type(2)>span {
top: initial;
transform: initial;
bottom: 0;
background: rgba(255, 255, 255, 0.75);
}
section.tussenstuk a:nth-of-type(2)>span h2 {
margin-bottom: 0;
color: #2b2b2b;
font-size: 30px;
margin-top: 5px;
}
section.tussenstuk a:nth-of-type(2)>span p {
color: black;
font-size: 17px;
margin-top: 0;
margin-bottom: 5px;
}
ul.display-posts-listing li .excerpt a:after {
content: "\f101";
font: normal normal normal 14px/1 FontAwesome;
margin-left: 10px;
}
section.tussenstuk a:nth-of-type(3) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2021/10/header-foto-nieuw.jpg) no-repeat;
background-size: cover;
background-position: center center;
border: 4px solid #e84e1c;
box-shadow: inset 0px 0px 10px 0px #8a2c0d;
}
section.tussenstuk a:nth-of-type(3) span {
z-index: 2;
}
section.tussenstuk a:nth-of-type(3):after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
background: -moz-linear-gradient(-45deg, rgba(232,78,28,0.5) 0%, rgba(23,23,47,0.5) 100%);
background: -webkit-linear-gradient( 
-45deg, rgba(232,78,28,0.5) 0%,rgba(23,23,47,0.5) 100%);
background: linear-gradient( 
135deg, rgba(232,78,28,0.5) 0%,rgba(23,23,47,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80e84e1c', endColorstr='#8017172f',GradientType=1 );
}
section.tussenstuk a:nth-of-type(3) h2 {
color: white;
font-size: 45px;
text-transform: uppercase;
}
section.tussenstuk a:nth-of-type(3) h2 p {
position: absolute;
top: 35px;
font-size: 45px;
}
.box-left .m-top {
margin-top: 20px;
}
section.tussenstuk a:nth-of-type(3) span>p {
color: white;
text-transform: uppercase;
font-size: 25px;
margin-top: 35px;
margin-bottom: 0px;
}
section.nieuws {
padding: 75px 0px;
background: #e84e1c;
text-align: center;
color: white;
padding-top: 25px;
}
section.nieuws h2 {
text-align: center;
font-size: 25px;
font-weight: normal;
}
.nieuws .inner>a {
background: white;
color: black;
padding: 15px 30px;
font-weight: bold;
border-radius: 5px;
min-width: 250px;
transition: .1s ease-in-out;
display: inline-block;
text-align: center;
}
.nieuws .inner>a:hover {
background: #fff8f5;
transition: .1s ease-in-out;
}
.contact .inner ul {
list-style-type: none;
}
.contact .inner ul h2 {
font-size: 18px;
color: #e84e1c;
}
.contact .inner ul li {
line-height: 1.6;
}
.contact .inner ul li a {
color: black;
font-weight: bold;
}
ul.display-posts-listing {
list-style-type: none;
overflow: hidden;
margin: 3em 0em;
display: flex;
flex-wrap: wrap;
}
.page-id-230 ul.display-posts-listing {
margin: 75px 0px;
margin-bottom: 15px;
}
ul.display-posts-listing li {
display: inline-block;
width: 50%;
float: left;
margin-bottom: 20px;
padding-right: 2em;
}
.sgpb-main-html-content-wrapper p {
margin: 0;
position: absolute;
bottom: -60px;
left: 0;
width: 100%;
}
.sgpb-main-html-content-wrapper > p:nth-of-type(2) {
left: 270px;
}
.sgpb-main-html-content-wrapper > p:nth-of-type(2) {
left: 0;
}
ul.display-posts-listing li a.title {
color: white;
font-weight: bold;
}
ul.display-posts-listing li .date {
font-style: italic;
font-size: 14px;
opacity: .8;
margin-top: 5px;
}
ul.display-posts-listing li .excerpt {
color: black;
font-size: 14px;
margin-top: 5px;
line-height: 1.5;
}
ul.display-posts-listing li .excerpt a {
display: table;
color: white;
margin-top: 5px;
font-style: italic;
text-transform: lowercase;
opacity: .8;
}
.category-jsc-team {
max-width: 1200px;
margin: 75px auto;
}
ul.display-posts-listing li a.title, ul.display-posts-listing li .date, ul.display-posts-listing li .excerpt {
display: inline-block;
float: right;
width: 60%;
text-align: left;
}
.page-id-230 ul.display-posts-listing li a.title, .page-id-230 ul.display-posts-listing li .excerpt a {
color: #e84e1c;
}
ul.display-posts-listing li a.image {
display: inline-block;
width: 200px;
overflow: hidden;
float: left;
height: 150px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: #f7f7f7;
}
ul.display-posts-listing li a.image img {
height: 100%;
width: auto;
}
.page-id-230 ul.display-posts-listing li {
border-bottom: 1px solid #f3f3f3;
height: 190px;
}
span.author.vcard {
display: none;
}
.entry-meta span:nth-of-type(2) a {
border-right: 0;
}
.excerpt-dash {
display: none;
}
section.sliderStuk {
height: 700px;
background: #e84e1c;
}
#new-royalslider-2 .rsContent img {
width: 100% !important;
height: auto !important;
margin-left: 0 !important;
margin-top: 0px !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.rsNav {
width: 60% !important;
position: absolute !important;
bottom: 45px;
left: 0;
right: 0;
margin: 0 auto;
padding-bottom: 0 !important;
}
.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
background: transparent !important;
}
#new-royalslider-2 .rsOverflow {
border-bottom: 10px solid #e84e1c;
}
.maps {
display: inline-block;
width: 35%;
height: 100%;
position: absolute;
float: left;
}
.formulier {
display: inline-block;
width: 75%;
float: right;
padding: 75px;
background: white;
position: relative;
z-index: 1;
box-shadow: -10px 0px 20px -5px #bbbbbb;
}
.formulier h2 {
color: #e84e1c;
}
input, textarea {
padding: 15px;
border-radius: 5px;
border: 1px solid #e84e1c;
margin-top: 5px;
font-family: 'Ubuntu', sans-serif;
}
.formulier .col {
display: inline-block;
width: 49%;
vertical-align: top;
}
.formulier .col>div br {
display: none;
}
.formulier .col>div {
margin-bottom: 10px;
}
.formulier label {}
.formulier .wpcf7-form p {
margin: 5px 0px;
}
textarea {
resize: none;
height: 205px;
}
span.wpcf7-list-item {
display: block;
margin: 0;
margin-bottom: 5px;
}
input.wpcf7-form-control.wpcf7-submit {
background: #e84e1c;
color: white;
text-transform: uppercase;
padding: 15px 20px;
display: block;
width: 350px;
transition: .1s ease-in-out;
float: left;
}
input.wpcf7-form-control.wpcf7-submit:hover {
background: #e86d45;
transition: .1s ease-in-out;
}
.formulier input:focus, .formulier textarea:focus {
background: #f1f0f0;
}
section.footer {
border-top: 10px solid #e84e1c;
background: #171730;
text-align: center;
padding: 40px 0px;
}
span.logo {
width: 200px;
height: 100px;
display: inline-block;
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/Logowit.png) no-repeat;
background-size: contain;
background-position: center center;
vertical-align: middle;
margin-right: 1em;
}
section.footer li, section.footer li a {
color: white;
text-decoration: none;
transition: .1s ease-in-out;
font-size: 14px;
}
section.footer li:hover, section.footer li:hover a {
color: #a3a3b5;
transition: .1s ease-in-out;
}
.footer .links {
display: inline-block;
vertical-align: middle;
margin: 0em 1em;
}
.footer .logos {
display: inline-block;
vertical-align: middle;
margin-left: 1em;
text-align: left;
margin-top: 30px;
}
.footer .links ul {
display: inline-block;
vertical-align: top;
list-style-type: none;
text-align: left;
}
section.footer .links li i.fa {
color: #e84e1c;
font-size: 16px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.footer .links ul:nth-of-type(2) li:nth-of-type(4) a, .footer .links ul:nth-of-type(2) li:nth-of-type(5) a, .footer .links ul:nth-of-type(4) li:nth-of-type(6) {
color: #767688;
}
.footer .links ul:nth-of-type(4) {
margin-left: 2em;
}
.footer .links ul:nth-of-type(1) {
margin-right: 2em;
margin-top: 30px;
}
.footer .links ul:nth-of-type(2), .footer .links ul:nth-of-type(3) {
margin: 0em 2em;
margin-top: 30px;
}
.footer .logos span:nth-of-type(1) {
height: 40px;
width: 40px;
display: block;
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/11/FCVolendamFooter.png) no-repeat;
background-size: contain;
background-position: center center;
margin-top: 10px;
}
.footer .logos p, .logoPartners > p {
color: #767688;
text-align: left;
margin: 0;
font-size: 12px;
width: 100%;
}
.logoPartners > p {
text-align: center;
}
.footer li.facebook, .footer li.linkedin {
display: inline-block;
width: 35px;
height: 35px;
background: #e84e1c;
margin-right: 5px;
border-radius: 50%;
margin-top: 10px;
}
.footer .logo {
width: 150px;
}
.footer li.facebook a, .footer li.linkedin a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.footer li.facebook a i.fa, .footer li.linkedin a i.fa {
color: #171730;
margin-right: 0;
position: absolute;
left: 0;
right: 0;
transition: .1s ease-in-out;
margin: 0 auto;
text-align: center;
top: 50%;
transform: translatey(-50%);
font-size: 20px;
}
.footer li.facebook a:hover i.fa, .footer li.linkedin a:hover i.fa {
color: white;
transition: .1s ease-in-out;
} .wpcf7-form p.m-top {
margin-top: 30px;
display: table;
margin-bottom: 15px;
}
section.contact {
overflow: hidden;
position: relative;
}
section.contact .maps > a {
position: absolute;
bottom: 40px;
background: #171730;
padding: 20px;
color: white;
text-decoration: none;
border-radius: 5px;
display: block;
z-index: 100;
left: 40px;
font-weight: bold;
}
section.contact .right {
display: inline-block;
width: 75%;
vertical-align: top;
}
section.contact .left {
display: inline-block;
width: 20%;
vertical-align: top;
}
section.footer .links li {
margin-bottom: 10px;
} .slider h1 {
font-size: 4.5rem;
color: white;
text-shadow: 1px 1px 1px black;
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
max-width: 1180px;
margin: 0 auto;
z-index: 10;
}
.single-post .slider h1 {
font-size: 3rem;
}
body:not(.home) .slide1 h1 {
display: none;
}
.page-id-70 .intro .box-left {
margin-bottom: 0;
}
.protocollen .item {
display: inline-block;
margin-right: 30px;
width: 17%;
text-align: center;
vertical-align: middle;
} .sliderStuk .rsNavItem.rsThumb:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(23, 23, 48, 0.66);
}
.sliderStuk .rsNavItem.rsThumb.rsNavSelected:after {
background: rgba(23, 23, 48, 0);
width: 99%;
height: 95%;
border: 2px solid #fff;
} .metaData .c-btn:nth-of-type(3) {
background: #979797;
}
.metaData .c-btn:nth-of-type(2) {
background: #33335d;
}
.metaData .c-btn:nth-of-type(2):hover {
background: #222252;
}
.metaData .c-btn:nth-of-type(3):hover {
background: #7c7c7c;
}
.metaData {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.metaData > .c-btn, .metaData > .gratis {
display: inline-block;
padding: 10px 10px;
background: #e84e1c;
color: white;
right: 0;
text-decoration: none;
transition: .1s ease-in-out;
font-size: 13px;
margin-top: 0;
flex-basis: 33.33%;
width: 33.33%;
text-align: center;
}
section.referenties.jscteam {
background: transparent;
padding: 0;
}
.jscteam .project:nth-of-type(1) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/12/ruud-jacobs-Custom.jpg) no-repeat;
background-size: cover;
background-position: center 30%;
}
.jscteam .project:nth-of-type(2) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/12/Milou-Custom.jpg) no-repeat;
background-size: cover;
background-position: center 30%;
}
.jscteam .project:nth-of-type(3) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/12/foto-Jos-Groot-Custom.jpg) no-repeat;
background-size: cover;
background-position: center 30%;
}
.jscteam .project:nth-of-type(4) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/12/Ronaldnieuw1.jpg) no-repeat;
background-size: cover;
background-position: center 30%;
}
.jscteam .project:nth-of-type(5) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/12/carla3.png) no-repeat;
background-size: cover;
background-position: center 40%;
}
.jscteam .project:nth-of-type(6) {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/12/jos-gort-2-Custom.jpg) no-repeat;
background-size: cover;
background-position: center 00%;
}
.referenties.jscteam .project {
width: 25%;
}
#personal-c .nav-c a small {
display: block;
}
#personal-c .nav-c {
background: #969696;
padding: 50px 0px;
text-align: center;
}
#personal-c .nav-c li {
display: inline-block;
margin: 0px 20px;
position: relative;
}
#personal-c .nav-c a {
color: white;
transition: .1s ease-in-out;
border-radius: 0px;
display: block;
}
.carousel-caption h3 {
color: #181831;
margin-bottom: 1em;
}
#personal-c li.active a {
color: #181831;
}
#personal-c li:hover a {
color: #181831;
transition: .1s ease-in-out;
}
.carousel-inner .item {
min-height: auto;
}
.protocollen .item span {
display: block;
height: 75px;
width: 75px;
margin: 0 auto;
}
.protocollen {
margin: 50px 0px;
}
.protocollen .item p {
margin-bottom: 0;
color: #e84e1c;
}
.carousel-caption p:last-of-type {
margin-bottom: 0;
}
.carousel-caption a {
color: #e84e1c;
}
.carousel-caption ul {
padding-left: 20px;
margin-top: 1em;
}
.carousel-caption ul li {
line-height: 1.6;
}
.protocollen .item:nth-of-type(1) span {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/12/enkel.png) no-repeat;
background-size: contain;
background-position: center;
}
.protocollen .item:nth-of-type(2) span {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/12/hip.png) no-repeat;
background-size: contain;
background-position: center;
}
.protocollen .item:nth-of-type(3) span {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/12/knie.png) no-repeat;
background-size: contain;
background-position: center;
}
.protocollen .item:nth-of-type(4) span {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/12/spine.png) no-repeat;
background-size: contain;
background-position: center;
}
.protocollen .item:nth-of-type(5) span {
background: url(https://www.jsctoptraining.nl/wp-content/uploads/2017/12/schouder.png) no-repeat;
background-size: contain;
background-position: center;
}
#personal-c .nav-c li.active:after {
content: '';
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 30px solid white;
position: absolute;
left: 0;
right: 0;
bottom: -50px;
margin: 0 auto;
}
#personal-c img {
min-width: 100%;
}
.sr-only {
position: absolute;
left: -9999999px;
}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
display: block;
max-width: 100%;
height: auto;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner>.item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner>.item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner>.item.next, .carousel-inner>.item.active.right {
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-inner>.item.prev, .carousel-inner>.item.active.left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.carousel-inner>.item.next.left, .carousel-inner>.item.prev.right, .carousel-inner>.item.active {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
display: block;
}
.carousel-inner>.active {
left: 0;
}
.carousel-inner>.next, .carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner>.next {
left: 100%;
}
.carousel-inner>.prev {
left: -100%;
}
.carousel-inner>.next.left, .carousel-inner>.prev.right {
left: 0;
}
.carousel-inner>.active.left {
left: -100%;
}
.carousel-inner>.active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
filter: alpha(opacity=50);
opacity: .5;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover, .carousel-control:focus {
color: #fff;
text-decoration: none;
filter: alpha(opacity=90);
outline: 0;
opacity: .9;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev, .carousel-control .icon-next {
width: 20px;
height: 20px;
font-family: serif;
line-height: 1;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption {
position: relative;
right: initial;
left: initial;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
max-width: 1200px;
margin: 0 auto;
padding: 75px 0px;
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
margin-left: -15px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
margin-right: -15px;
}
.carousel-caption {}
.carousel-indicators {
bottom: 20px;
}
} .entry-content {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.entry-content a {}
.entry-content a:hover {}
.entry-content a, .entry-title a {
text-decoration: none;
}
.entry-title a:hover {} .main-navigation {
clear: both;
margin: 0 auto;
position: relative;
}
.nav-menu li {
display: inline-block;
position: relative;
}
.nav-menu li a {
display: block;
line-height: 1;
margin: 10px 10px;
text-decoration: none;
text-transform: none;
font-weight: bold;
color: black;
font-size: 16px;
transition: .1s ease-in-out;
}
.nav-menu li:hover>a {
color: #e84e1c;
transition: .1s ease-in-out;
}
li#menu-item-44 a, li#menu-item-45 a, li#menu-item-46 a, .content .nav-menu li.menu-item-44 a, .content .nav-menu li.menu-item-45 a, .content .nav-menu li.menu-item-46 a {
font-weight: normal;
}
.nav-menu li:last-of-type a {
margin-right: 0px;
}
.nav-menu li:hover>a, .nav-menu li a:hover, .nav-menu li:focus>a, .nav-menu li a:focus {}
.nav-menu .sub-menu, .nav-menu .children {
border-top: 0;
padding: 0;
position: absolute;
z-index: 99999;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.nav-menu .sub-menu ul, .nav-menu .children ul {
border-left: 0;
left: 100%;
top: 0;
}
ul.nav-menu ul a, .nav-menu ul ul a {
color: #fff;
margin: 0;
width: 200px;
}
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus {}
ul.nav-menu li:hover>ul, .nav-menu ul li:hover>ul, ul.nav-menu .focus>ul, .nav-menu .focus>ul {
clip: inherit;
overflow: inherit;
height: inherit;
width: inherit;
}
ul.sub-menu li a {
background: white;
padding: 10px;
color: black;
font-weight: normal;
font-size: 16px;
border-bottom: 1px solid gainsboro;
transition: .1s ease-in-out;
}
ul.sub-menu li a:hover {
background: #f7f7f7;
color: #e84e1c;
transition: .1s ease-in-out;
}
.content .nav-menu li {
display: block;
min-height: 26px;
margin-bottom: 0;
}
.content .nav-menu>li {}
.content .nav-menu li a {
margin-left: 0;
font-size: 14px;
}
.content .nav-menu li .sub-menu {
display: block;
border-left: 0;
position: relative;
}
.nav-menu .current_page_item>a, .nav-menu .current_page_ancestor>a, .nav-menu .current-menu-item>a, .nav-menu .current-menu-ancestor>a {
color: black;
}
#primary-menu>li.current-menu-item>a {
color: #e84e1c;
}
.menu-toggle {
display: none;
}
@media (max-width: 768px) { .menu-toggle {
cursor: pointer;
display: inline-block;
margin: 0;
}
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
background: none;
border: none;
color: black;
font-weight: 600;
padding: 12px 0 12px 15px;
font-size: 1.2rem;
}
.post-70 .flexbox-wrapper, .post-227 .flexbox-wrapper {
flex-wrap: wrap;
}
.toggled-on .nav-menu, .toggled-on .nav-menu>ul {
display: block;
margin-left: 0;
padding: 0;
width: 350px;
position: absolute;
background: white;
z-index: 3000;
right: 0;
top: 3em;
}
.screen-reader-text {
display: none;
}
div#navbar {
display: inline-block;
vertical-align: middle;
margin-right: 0;
float: right;
position: relative;
}
.toggled-on li, .toggled-on .children {
display: block;
}
.toggled-on .nav-menu li>ul {
background-color: transparent;
display: block;
float: none;
margin-left: 20px;
position: relative;
left: auto;
top: auto;
}
.toggled-on .nav-menu li>ul a {
color: #141412;
width: auto;
}
.toggled-on .nav-menu li:hover>a, .toggled-on .nav-menu .children a {
background-color: transparent;
color: #141412;
}
.toggled-on .nav-menu>li a:hover, .toggled-on .nav-menu>ul a:hover {
color: #fff;
}
.toggled-on .nav-menu>li a:focus, .toggled-on .nav-menu>ul a:focus {
color: #fff;
}
ul.nav-menu, div.nav-menu>ul {
display: none;
}
}
@media (max-width: 960px) {
input[type="text"], input[type="email"], input[type="tel"], input[type="submit"], textarea {
-webkit-appearance: none;
border-radius: 0;
}
a[href^="tel"] {
color: #969696;
text-decoration: none;
}
}
@media (max-width: 1024px) {
.slide1 h1 {
font-size: 3rem;
}
.slide1, body:not(.home) .slide1 {
background-attachment: initial;
}
header#masthead {
padding: 10px 20px;
}
.intro {
height: 1600px;
}
.maps {
z-index: -1;
}
ul.display-posts-listing li {
height: auto !important;
padding-top: 1em;
padding-bottom: 1em;
}
section.tussenstuk {
background-size: cover;
}
#personal-c .nav-c li {
margin: 0px 10px;
}
.carousel-caption {
padding: 75px 20px;
}
.protocollen .item {
margin-right: 25px;
}
span.wpcf7-list-item label input {
position: absolute;
}
ul.display-posts-listing li a.image {
width: 175px;
}
.intro .box-right {
padding: 4em 3em;
}
#new-royalslider-2 .rsContent img {
top: 0;
}
section.sliderStuk {
height: 550px;
}
ul.display-posts-listing {
padding: 0px 20px;
}
label input, label textarea {
width: 95%;
}
span.logo {
display: block;
margin: 0 auto;
height: 110px;
}
.footer .links {
margin-top: 20px;
}
}
@media (max-width: 768px) {
.intro .box-left {
display: block;
text-align: center;
width: 100%;
}
.content, .openingstijden {
display: inline-block;
vertical-align: top;
margin: 0px 10px;
}
.gallery {
margin: 0 auto;
}
.openingstijden ul, .content ul {
text-align: left;
display: block;
}
#new-royalslider-2 .rsContent img {
top: 0%;
}
.referenties .project {
width: 33.333%;
}
.intro {
padding: 50px 10px;
height: auto;
}
.redenen li {
font-size: 16px;
width: 49%;
}
.protocollen .item {
width: 25%;
}
.protocollen .item:nth-of-type(4), .protocollen .item:nth-of-type(5) {
margin-top: 25px;
}
.protocollen {
text-align: center;
}
body:not(.home) .intro .box-right {
margin-top: 0;
}
.intro .box-right {
position: relative;
width: 100%;
max-width: initial;
margin-top: initial;
padding: 25px 10px;
box-shadow: none;
}
#personal-c .nav-c li {
margin: 0px 25px;
margin-bottom: 25px;
}
#personal-c .nav-c li:nth-of-type(5), #personal-c .nav-c li:nth-of-type(6), #personal-c .nav-c li:nth-of-type(7), #personal-c .nav-c li:nth-of-type(8) {
margin-bottom: 0px;
}
#personal-c .nav-c li.active:after {
display: none;
}
section.tussenstuk a {
display: block;
width: 50%;
margin: 0 auto;
margin-bottom: 10px;
}
#menu {
width: 45px;
height: 45px;
position: relative;
margin: 0px auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#menu span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #e84e1c;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#menu span:nth-child(1) {
top: 4px;
}
#menu span:nth-child(2), #menu span:nth-child(3) {
top: 18px;
}
#menu span:nth-child(4) {
top: 32px;
}
div#navbar #menu {
display: inline-block;
vertical-align: middle;
margin-right: 0;
}
#menu.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
#menu.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#menu.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#menu.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
ul.display-posts-listing li a.image {
display: block;
width: 200px;
overflow: hidden;
float: initial;
width: 100%;
margin: 0 auto;
}
ul.display-posts-listing li a.title, ul.display-posts-listing li .date, ul.display-posts-listing li .excerpt {
width: 95%;
margin-top: 10px;
}
.formulier {
display: block;
width: 100%;
float: initial;
}
.maps {
display: block;
width: 100%;
height: 400px;
position: relative;
float: initial;
}
.footer .logos p {
margin: 0 auto;
text-align: center;
}
.footer .links {
margin-bottom: 2em;
}
.footer .logos span:nth-of-type(1), .footer .logos span:nth-of-type(2) {
margin: 10px auto;
}
.footer .logos {
display: block;
margin: 0 auto;
text-align: center;
}
}
@media (max-width: 767px) {
.formulier .col {
display: block;
width: 100%;
vertical-align: top;
}
.intro .box-right img {
width: 100%;
}
.formulier {
padding: 50px 15px;
}
.entry-thumbnail {
width: 100%;
overflow: hidden;
}
.sgpb-popup-builder-content-598.sgpb-popup-builder-content-html {
background-size: cover;
background-position: 50% 0%;
padding: 0px;
height: 100%;
}
.entry-thumbnail img {
width: 100%;
height: auto;
}
.metaData {
position: relative;
}
.metaData a.acties {
position: absolute;
left: 0;
bottom: 0;
}
.gallery figure {
width: 100%;
height: 175px;
}
input.wpcf7-form-control.wpcf7-submit {
float: initial;
}
a.gratis {
margin-top: 5px;
}
.slider h1 {
font-size: 2.5rem;
}
body:not(.home) .slider {
height: 30vh;
}
body:not(.home) .intro .box-left span.logo {
display: none;
}
.content, .openingstijden {
text-align: left;
}
#personal-c .nav-c li {
margin: 0px 15px;
margin-bottom: 25px;
}
.carousel-caption {
padding: 50px 20px;
}
.protocollen .item {
width: 45%;
margin: 0;
vertical-align: bottom;
}
.contactMeta {
padding: 5px 0px;
}
.intro {
padding: 25px 15px;
}
.content, .openingstijden {
display: block;
vertical-align: top;
margin: 0px 10px;
}
.intro .box-right {
padding: 0em 10px;
}
.video, .video iframe {
width: 100%;
height: 250px;
}
section.tussenstuk a {
width: 90%;
}
div#new-royalslider-2 {
height: 440px !important;
}
section.sliderStuk {
height: auto;
}
.new-royalslider-2 .rsThumbsHor {
height: 80px;
margin: 0 auto;
width: 90% !important;
}
ul.display-posts-listing {
padding: 0px 10px;
}
ul.display-posts-listing li {
display: block;
width: 100%;
float: left;
margin-bottom: 30px;
padding-right: 0;
}
.footer .links {
display: block;
}
.footer .links ul {
display: block;
margin-right: initial !important;
margin-left: 0 !important;
vertical-align: top;
list-style-type: none;
text-align: left;
}
}
@media (max-width: 500px) {
.referenties.jscteam .project {
width: 50%;
height: 200px;
}
.redenen li {
font-size: 16px;
width: 70%;
display: block;
margin: 0 auto;
}
.intro .box-right ul.page-links {
padding: 0px 20px;
}
.flexbox-wrapper.images {
flex-wrap: wrap;
}
a.gratis.ebook {
bottom: 20px;
left: 20px;
right: initial;
}
.sgpb-main-html-content-wrapper > p:nth-of-type(2) {
left: 0;
bottom: -120px;
}
.redenen h2 {
color: white;
width: 80%;
margin: 0 auto;
margin-bottom: 20px;
}
img.sgpb-popup-close-button-1 {
right: 50px !important;
}
section.open h2 {
font-size: 1.5rem;
margin-bottom: 10px;
}
section.open {
padding: 25px 20px;
}
.sgpb-popup-dialog-main-div-theme-wrapper-1 {
left: 0 !important;
right: 0;
}
div#sgpb-popup-dialog-main-div {
height: 50vh !important;
max-width: 350px !important;
}
div#sg-popup-content-wrapper-598 {
padding: 10px;
}
.sgpb-main-html-content-wrapper a {
padding: 0;
background: none;
border: 0;
color: white;
margin: 0;
text-decoration: underline;
}
.referenties .project {
width: 50%;
height: 200px;
}
}
@media (min-width: 1180px) {
.post-588 .entry-content {
padding: 60px 20px;
}
.footer .flexbox-wrapper span.logo {
align-self: center;
}
.page-template-sub-tarieven .intro p {
font-size: 18px;
}
.page-template-sub-tarieven .intro {
text-align: center;
}
.footer .flexbox-wrapper div.logos {
margin-left: 0;
}
.intro .box-left {
margin-bottom: 0;
}
.footer .flexbox-wrapper div.logoPartners {
padding: 0;
flex-basis: 200px;
width: 200px;
justify-content: center;
margin-top: 30px;
}
.footer .flexbox-wrapper div.links {
display: flex;
flex-wrap: nowrap;
margin: 0;
}
.footer .flexbox-wrapper {
max-width: 1400px;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
body:not(.home).page-id-588 .slide1 {
background-size: 700px;
}
section.tarievenWrapper div.tarievenBox div.tariefItem {
padding: 40px;
}
.tarievenBox ul.tarieven-box li {
margin-top: 10px;
padding-bottom: 10px;
}
section.tarievenWrapper div.tarievenBox div.tariefItem li p {
font-size: 17px;
}
}
@media (max-width: 500px) {
.contactMeta a:last-of-type {
margin-right: 10px;
}
.contactMeta a {
margin: 0;
margin-left: 10px;
font-size: 13px;
}
}
@media (min-width: 768px) {
body:not(.home).page-id-588 .slide1 {
background-size: contain;
}
section.groepslessenWrapper .groepslessenDag h2 {
font-size: 26px;
}
ul.galerybox {
justify-content: space-between;
}
.contactMeta {
flex-basis: 100%;
padding: 10px 0px;
}
.roosterItem div.hiddenInformatie div.flexbox-wrapper div.image {
flex-basis: calc(50% - 10px);
width: calc(50% - 10px);
margin-top: 0;
}
.roosterItem div.hiddenInformatie div.flexbox-wrapper div.tekst {
flex-basis: calc(50% - 10px);
width: calc(50% - 10px);
}
.roosterItem div.hiddenInformatie div.flexbox-wrapper {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
}
.metaData > .c-btn, .metaData > .gratis {
padding: 15px 10px;
font-size: 15px;
}
ul.galerybox li.bg-img {
flex-basis: calc(50% - 10px);
width: calc(50% - 10px);
height: 250px;
}
.nieuwsWrapper.flexbox-wrapper .nieuwsItem {
flex-basis: calc(50% - 10px);
width: calc(50% - 10px);
}
.page-id-847 section.sub-laag .inner ul.images li.box p {
font-size: 20px;
}
.page-id-847 section.sub-laag .inner ul.images li.box span.bg-img {
height: 350px;
background-position: 0% 0%;
}
.page-id-847 section.sub-laag .inner ul.images li.box {
flex-basis: calc(50% - 10px);
width: calc(50% - 10px);
margin-bottom: 20px;
}
section.sub-laag {
padding: 40px 0px;
}
section.sub-laag .inner ul.images {
justify-content: space-between;
}
section.sub-laag .inner ul.images li.box {
flex-basis: calc(50% - 10px);
width: calc(50% - 10px);
margin-bottom: 0;
}
section.sub-laag .inner ul.images li.box p {
margin: 0 auto;
}
section.sub-laag .inner ul.images li.box span.bg-img {
background-position: center center;
}
section.tarievenWrapper {
padding-top: 60px;
}
section.subcontentLaag {
padding: 60px 0px;
}
.page-id-886 section.sub-laag .inner ul.images {
justify-content: flex-start;
}
.page-id-886 section.sub-laag .inner ul.images li.box {
flex-basis: calc(33.33% - 10px);
width: calc(33.33% - 10px);
margin-bottom: 20px;
}
section.tarievenWrapper div.tarievenBox div.tariefItem:last-of-type {
margin-bottom: 20px;
}
section.tarievenWrapper div.tarievenBox div.tariefItem {
flex-basis: calc(50% - 10px);
width: calc(50% - 10px);
}
div#sg-popup-content-wrapper-598 {
padding: 0px;
}
a.special-btn {
left: 0;
}
.sgpb-main-html-content-wrapper a {
padding: 0;
border: 0;
background: initial;
color: white;
text-decoration: underline;
margin: 0;
}
}
@media (min-width: 1024px) {
div#sgpb-popup-dialog-main-div {
height: 530px !important;
}
header#masthead.fixed:after, header#masthead.fixed:before {
opacity: 1;
}
header#masthead:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background: white;
right: -100%;
box-shadow: 5px 0px 5px #b3b3b3;
opacity: 0;
}
div.formulier form > div > p, div.formulier form > div > p > label > span > input {
width: 100%;
}
div.formulier form > div {
flex-basis: calc(50% - 10px);
width: calc(50% - 10px);
overflow: hidden;
}
div.formulier form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.formulier .wpcf7-form > p span.first.last {
margin-left: 0 !important;
}
.formulier .wpcf7-form > p {
flex-basis: calc(50% - 10px);
align-self: center;
}
header#masthead:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background: white;
left: -100%;
opacity: 0;
box-shadow: -5px 0px 5px #b3b3b3;
}
header#masthead  {
box-shadow: none;
}
a.telephone {
right: 40px;
bottom: 40px;
}
.referentiesSlider {
margin-top: 40px;
}
header#masthead {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
overflow: hidden;
}
.nieuwsWrapper.flexbox-wrapper .nieuwsItem a span.nieuwsThumb{
height: 250px;
}
.nieuwsWrapper.flexbox-wrapper {
padding: 60px 20px;
}
.referentieItem .referentieImage {
height: 250px;
background-color: white;
border: 10px solid white;
}
section.sub-laag.icons ul li {
flex-basis: 30%;
width: 30%;
margin-bottom: 0;
}
section.sub-laag.form, section.sub-laag.icons {
padding: 80px 0px;
}
section.sub-laag.form > div div.left h2, section.sub-laag.form > div div.left span, section.sub-laag.form > div div.left p.subtitel {
text-align: left;
}
section.sub-laag.form > div div.right {
margin-top: 0;
flex-basis: calc(50% - 40px);
width: calc(50% - 40px);
}
section.sub-laag.form > div div.left {
flex-basis: calc(50% - 40px);
width: calc(50% - 40px);
text-align: left;
}
section.sub-laag.form > div {
flex-wrap: nowrap;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
section.sub-laag.form div.left span.afb {
height: 350px;
}
section.sub-laag.form div.right h2 {
text-align: center;
margin-bottom: 30px;
}
#_form_63F8720010112_ {
margin: 0 !important;
max-width: initial;
padding: 40px;
}
section.sub-laag.form > div:after {
display: none;
}
header#masthead.fixed {
overflow: visible;
}
section.sub-laag.icons ul {
flex-wrap: nowrap;
justify-content: space-between;
}
}
@media (min-width: 1180px) {
.nieuwsWrapper.flexbox-wrapper {
justify-content: flex-start;
}
.contactMeta {
flex-basis: auto;
padding: 10px 0px;
}
.page-id-1249 section.subcontentLaag .inner > p, .page-id-1249 section.subcontentLaag .inner > .wpcf7 {
max-width: 700px;
margin-left: auto !important;
margin-right: auto !important;
}
.page-id-1249 section.subcontentLaag .inner > p {
font-size: 20px;
}
.page-id-1249 input.wpcf7-form-control.wpcf7-submit {
width: auto;
min-width: 250px;
float: initial;
}
.page-id-1249 section.subcontentLaag .inner > div.wpcf7 span.wpcf7-spinner {
position: absolute;
margin-left: 270px;
margin-top: -34px;
}
.page-id-1249 .use-floating-validation-tip span.wpcf7-not-valid-tip {
position: relative;
top: initial;
transform: initial;
background: #994024;
width: 190px;
text-align: center;
}
.page-id-1249 section.subcontentLaag .inner > div.wpcf7 {
padding: 40px;
}
span.wpcf7-form-control.wpcf7-radio input {
margin-left: 0;
}
span.wpcf7-form-control.wpcf7-checkbox span {
margin-left: 0;
}
form.wpcf7-form.init.use-floating-validation-tip > p > span.wpcf7-form-control-wrap > span.wpcf7-form-control.wpcf7-checkbox > span {
display: table;
margin-bottom: 0;
margin-left: 20px;
margin-top: -18px;
}
form.wpcf7-form.init.use-floating-validation-tip > p > span.wpcf7-form-control-wrap > span.wpcf7-form-control.wpcf7-checkbox {
text-align: left;
display: table;
width: auto;
}
.metaData > .c-btn, .metaData > .gratis {
padding: 10px 20px;
font-size: 15px;
flex-basis: auto;
width: auto;
margin-left: 10px;
}
.groepslessenDag .roosterItem {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
body:not(.home) .slider {
height: 45vh;
}
section.intro .inner div.box-right {
position: relative;
float: initial;
margin-top: initial;
}
body.home section.intro {
padding-bottom: 0;
}
section.intro .inner {
display: flex;
flex-wrap: nowrap;
}
.post-236 section.intro .inner > h1, .post-236 section.intro .inner > p, .post-236 section.intro .inner > div {
flex-basis: 100%;
width: 100%;
}
.post-236 section.intro .inner {
flex-wrap: wrap;
}
.page-id-847 section.sub-laag .inner ul.images li.box span.bg-img {
height: 350px !important;
}
.page-template-sub-afbtekst .inner.flexbox-wrapper ul {
flex-basis: calc(50% - 10px);
width: calc(50% - 10px);
}
.page-template-sub-afbtekst .inner.flexbox-wrapper {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
.page-template-sub-afbtekst .inner.flexbox-wrapper .tekst {
flex-basis: calc(45% - 10px);
width: calc(45% - 10px);
}
.page-id-847 section.sub-laag .inner ul.images li.box {
flex-basis: calc(50% - 40px);
width: calc(50% - 40px);
margin-right: 10px;
margin-left: 10px;
}
.page-id-847 section.sub-laag .inner ul.images li.box p {
margin-top: 0;
font-size: 18px;
}
.page-id-847 section.sub-laag .inner ul.images {
width: 750px;
justify-content: center;
}
section.sub-laag .inner ul.images li.box p {
margin-top: 10px;
}
.page-id-886 section.sub-laag .inner ul.images li.box:nth-of-type(1) span.bg-img {
height: 300px;
}
section.sub-laag .inner ul.images li.box:nth-of-type(2) span.bg-img {
height: 600px;
}
section.sub-laag .inner ul.images li.box:nth-of-type(1) span.bg-img {
height: 370px;
}
section.sub-laag .inner ul.images {
max-width: 900px;
margin: 0 auto;
}
.groepslessenDag .roosterItem p.tijd {
font-size: 20px;
}
.groepslessenDag .roosterItem p.titel {
text-align: right;
}
.groepslessenDag .roosterItem div.hiddenInformatie {
flex-basis: 100%;
width: 100%;
}
.groepslessenDag .roosterItem span {
flex-basis: auto;
width: auto;
margin-right: 0;
text-align: center !important;
margin-top: 10px;
}
.groepslessenDag .roosterItem p {
flex-basis: 50%;
width: 50%;
margin: 0 !important;
}
.nieuwsWrapper.flexbox-wrapper .nieuwsItem {
flex-basis: calc(33.3% - 20px);
width: calc(33.3% - 20px);
background: #17172f;
margin-left: 10px;
margin-right: 10px;
}
section.groepslessenWrapper > .inner div.groepslessenDag {
flex-basis: calc(50% - 20px);
width: calc(50% - 20px);
}
section.groepslessenWrapper {
padding: 80px 0px;
}
section.groepslessenWrapper > .inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
section.groepslessenWrapper > .inner {
align-items: flex-start;
}
body.home .nieuwsWrapper.flexbox-wrapper .nieuwsItem {
background: white;
margin-bottom: 0;
}
section.subcontentLaag {
padding: 80px 0px;
}
.page-id-742 section.subcontentLaag ul li, .page-id-754 section.subcontentLaag ul li {
margin-left: 10px;
margin-right: 10px;
}
.page-id-742 section.subcontentLaag ul, .page-id-754 section.subcontentLaag ul {
list-style-type: none;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 30px 0px;
}
.page-id-742 section.subcontentLaag h2:after, .page-id-754 section.subcontentLaag h2:after {
margin-left: auto;
margin-right: auto;
display: block;
}
.page-id-742 section.subcontentLaag, .page-id-754 section.subcontentLaag {
text-align: center;
}
section.subcontentLaag h2 {
font-size: 1.75rem;
}
header#masthead div#navbar {
margin-right: 0;
}
header#masthead {
overflow: visible;
align-items: center;
}
#personal-c .referentieItem .referentieImage {
height: 300px;
}
section.tarievenWrapper {
padding-bottom: 60px;
padding-top: 80px;
}
a.telephone {
right: 60px;
bottom: 60px;
width: 60px;
height: 60px;
line-height: 60px;
display: none;
font-size: 24px;
}
}
@media (max-width: 500px) {
.home-link img {
width: 70%;
}
header#masthead {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
body.home .nieuwsWrapper.flexbox-wrapper .nieuwsItem:nth-of-type(2) {
margin-bottom: 0;
}
body.home .nieuwsWrapper.flexbox-wrapper .nieuwsItem:nth-of-type(3) {
display: none;
}
}
@media (min-width: 1100px) {
.referentiesSlider .owl-nav div:hover {
opacity: .7;
}
.referentiesSlider .owl-nav div.owl-next {
position: absolute;
right: -60px;
width: 40px;
height: 40px;
background: #e84e1c;
color: white;
text-align: center;
line-height: 40px;
border-radius: 100%;
}
.referentiesSlider .owl-nav div.owl-prev {
position: absolute;
left: -60px;
width: 40px;
height: 40px;
background: #e84e1c;
color: white;
text-align: center;
line-height: 40px;
border-radius: 100%;
}
.referentiesSlider .owl-nav {
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
}