body {
	font-size: 16px;
}

.height50 {
	height: 30px;
}

.height25 {
	height: 10px;
}

.checkitout::after {
	position: unset;
	width: 100%;
	padding: 0px;
	margin-top: 15px;
}

.swiper-button-next, .swiper-button-prev {
	padding-top: 6px;
}

.block-content {
	top: 182px;
}

.service-item:not(.nothome) .bi {
	font-size: 20px;
}

.hide-xs {
	display: none;
}

.checkit-wrapper {
	padding: 0px 15px;
}

header .btn-warning {
	font-size: 14px;
}

.fs-16 {
	font-size: 14px;
}

.fs-22 {
	font-size: 18px; 
}

.footer-4 h3.widget-title {
	display: none;
}

#menu-specialisaties {
	margin-bottom: 0px;
}

.checkitimages {
	border-radius: 20px;
	width: 100%;
	right: unset;
}

.checkit {
	padding: 25px 12px;
}

.checkitout {
	width: 100%;
	margin-top: 245px;
}

.whiteradius.nopaddingbottom {
	margin-top: 15px;
}

.checkit-block {
	border-radius: 20px;
}

.checkitimages iframe {
	border-radius: 20px;
}

.fs-24 {
	font-size: 18px; 
}

.mt-50 {
	margin-top: 25px;
}

.fs-7 {
	font-size: 25px;
}

.mt-100 {
	margin-top: 25px;
}

.location-item {
	padding: 20px;
}

.welcome-block {
	padding: 20px;
}

.hero.small, body:not(.page-template-contact-template) .hero {
	padding: 150px 0px 125px 0px !important;
	height: 50vh !important;
}

body.home:not(.page-template-contact-template) .hero {
	height: 75vh !important;
}

body:not(.page-template-contact-template) .hero {
	background-attachment: unset !important;
}

.offcanvas.offcanvas-end {
	width: 80%;
}

.hero.smaller, body:not(.page-template-contact-template) .hero.smaller {
	padding: 75px 0px 60px 0px !important;
  	height: 25vh !important;
}

.w-xs-100 {
	width: 100%;
}

.offcanvas.offcanvas-end {
	border: 0 none;
}

.content-img {
	border-radius: 20px !important;
}

.cta-block {
  	top: 40%;
}

.service-item {
	height: 269.5px;
}

.service-item h3 {
	margin-bottom: 15px;
}

.btn {
	font-size: 16px !important;
}

.offcanvas:not(#offcanvasNavigation), #offcanvasNavigation {
	z-index: 9999999 !important;
	margin: 0px !important;
}

.content-specialisme h1 {
	text-align: center;
}

.content-specialisme {
	margin-top: 15px;
}

footer img.image {
	width: 160px;
}

.cta-block, .welcome-block {
	width: 100%;
	margin: 0 auto;
}

.service-item h3, .service-item button  {
	font-size: 15px !important;
}

.checkit ul {
	padding: 20px 40px;
}

.checkit .whiteradius {
	z-index: 9999 !important;
}

.services-overview h2 {
	font-size: 20px;
}

.scroll-down {
	bottom: 0px;
}

body.home .zorgtraject-dynamic, .zorgtraject-dynamic {
	padding: 25px 0px;  
}

.locations {
	padding: 75px 0px 75px 0px;
}

.formulier {
	padding: 25px;
}

#pills-tab {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Voor soepel scrollen op iOS */
    scrollbar-width: thin; /* Optioneel: dunnere scrollbar */
}

.pb-75 {
	padding-bottom: 0px; 
}

#pills-tab .nav-item {
    flex: 0 0 auto; /* Zorgt ervoor dat items niet breken naar de volgende regel */
    white-space: nowrap; /* Zorgt ervoor dat de inhoud niet wrapt */
}

.services-overview {
	padding-top: 0px;  
	padding-bottom: 50px;
}

.content-specialisme .services-overview {
	padding-bottom: 0px;
}

.mob-nav li .child-container {
  	display: block;
  	padding: 20px 0px;
}

.mob-nav li, .topbar {
  	border-bottom: 1px solid #f2f2f2;
}

.topbar {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.mob-nav li ul.child {
  background-color: #f2f2f2;
  border-radius: 20px;
  padding: 10px;
}
.mob-nav li ul.child li:first-child {
  padding-top: 0px;
}

.mob-nav li ul.child li::before {
  font-family: "bootstrap-icons";
  content: '\F135' !important;
  vertical-align: middle;
}

.mob-nav li ul.child li a {
  font-size: 14px;
}

.mob-nav li ul.child li {
    padding-top: 5px;
  border-bottom: 1px solid #f2f2f2;
}

ul.mob-nav, ul.mob-nav ul {
  	list-style-type: none;
  	padding-left: 0px;
}

ul.mob-nav a {
	font-size: 16px;
}

#offcanvasNavigation {
  	max-width: 80%;
}

/* HIGHLIGHT CARD RESPONSIVE */
.highlight-card-section {
    padding: 30px 0;
}

.highlight-card {
    flex-direction: column;
    padding: 20px;
    gap: 25px;
}

.highlight-photo-block {
    width: 100%;
    min-width: 100%;
    height: 280px;
}

.highlight-title {
    font-size: 26px;
}

.highlight-desc {
    font-size: 15px;
}

ul.highlight-features {
    grid-template-columns: 1fr;
    gap: 12px;
}

.highlight-cta {
    width: 100%;
    justify-content: center;
}

/* LOCATIE PAGINA RESPONSIVE */
.kaart-placeholder,
.kaart-embed {
    height: 280px;
    padding-bottom: 0;
}

.openingstijden-wrapper {
    min-height: auto;
    padding: 25px;
}

.openingstijden-titel {
    font-size: 20px;
    margin-bottom: 15px !important;
}

.adres-info p {
    font-size: 16px;
}