/* 
    Document   : EditYourWeb stylesheet
    Author     : Thar Design
    Description: Stylesheet for template Orthoeuregio

	Colors:
	donkerblauw: #1f2750
	groenblauw: #62A8C2
	lichtblauw: #87CAEF
	geel: #D8CC62
	paars: #B59ABE
*/

html,
body {
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
	font-style: normal;
	font-optical-sizing: auto;
	font-size: 18px;
	color: #27275D;
	overflow-x: hidden;
}

html {
	position: relative;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 520px;
	background-color: transparent;
}

.bg {
	background-repeat: repeat;
	background-attachment: fixed;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Titillium Web", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}

h1 {
	font-size: 40px;
}

h2 {
	font-size: 35px;
}

a {
	color: #000000;
}

.paars {
	background-color: #B59ABE;
}

.geel {
	background-color: #D8CC62;
}

.lichtblauw {
	background-color: #62A8C2;
}

.donkerblauw {
	background-color: #1F2750;
}

.oranje {
	background-color: #F89D5A;
}
.lichtgrijs {
	background-color: #F2F2F2;
}
.paars,
.geel,
.oranje,
.lichtblauw,
.donkerblauw,
.lichtgrijs {
	position: relative;
	border-radius: 40px;
	padding: 40px 25px;
	margin: 0px -10px 10px;
	font-family: "Titillium Web", sans-serif;
	font-weight: 600;
	font-size: 26px;
}

.lichtgrijs {
	padding: 40px 80px;
	margin: 10px;
}

.lichtgrijs p {
	font-weight: normal;
	font-size: 18px;
}
.plus-circle {
	position: absolute;
	bottom: 20px;
	right: 20px;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 45px;
	height: 45px;

	background-color: #1F2750;
	color: #FFFFFF;

	border-radius: 50%;
	text-decoration: none;
	font-size: 26px;
	line-height: 1;
}

/* horizontale lijn */
.plus-circle::before,
.plus-circle::after {
	content: "";
	position: absolute;
	background-color: #FFFFFF;
}

/* horizontaal */
.plus-circle::before {
	width: 20px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* verticaal */
.plus-circle::after {
	width: 2px;
	height: 20px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.contents {
	/*make sure the footer is still on bottom */
	padding: 40px 0px;
	max-width: 1600px;
}

.contents h2 {
	font-size: 25px;
}

.left {
	float: left;
	margin-top: 0px !important;
}

.right {
	float: right;
}

.topbar {
	background-color: #ececec;
	text-align: center;
	padding: 5px 0;
	font-size: 85%;
}

.topbar i.fa.fa-check {
    margin-left: 30px;
}

.cta-button {
    display: inline-flex;
    align-items: center;
    background-color: #1f2750;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px 10px 10px;
    border-radius: 50px 0 0 50px;
    font-weight: 600;
    font-size: 16px;
    gap: 12px;
	position: absolute;
    right: -30px;
    top: 20px;
}

.cta-button .icon {
    background-color: #ffffff;
    color: #1f2750;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-size: 16px;
}

.cta-button:hover {
    background-color: #1f2750;
}

a.cta-button:hover {
    text-decoration: none;
	color: #ffffff;
}

i.fa.fa-phone {
    font-size: 30px;
}

.navbar-header {
	max-width: 1920px;
}

/* Header styles*/
#header {
	border-radius: 50px;
}

#headerwrapper {
	margin: 0 auto;
}

img.header-logo {
	margin: 0px;
	width: 250px;
}

.header-logo-mob {
	display: none;
}

li#link-contact {
    margin-left: 150px;
}

@media(max-width:767px) {
	#header {
		border-radius: 25px;
		margin: 0 10px !important;
	}
}

.divider-noheader {
	height: 150px;
	background-color: transparent;
}

/* Footer Styles*/
footer {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 520px;
}

footer ul li,
footer ul li a,
footer ul li a:hover,
footer ul li a:active,
footer ul li a:focus {
	color: #27275D;
}

footer .footer .logo {
	display: block;
	width: 100px;
	margin-top: 10px;
}

footer .icons {
	float: left;
	width: 35px;
	margin: 4px;
}

footer ul {
	list-style: none;
	padding-left: 0;
}

.footer {
	background-color: #ECECEC;
	margin-top: -90px;
	padding: 180px 0 120px 0;
	line-height: 1.8;
}

.copyright {
	text-align: center;
	padding-top: 1.2em;
	height: 50px;
	font-size: 15px;
	color: #27275D;
	opacity: 0.6;
}

.krt {
	width: 50px;
	filter: grayscale(100%);
	float: right;
}

.knmt {
	width: 175px;
	filter: grayscale(100%);
	float: right;
	margin-top: -20px;
}

.footer-logo {
	background-color: #ffffff;
	margin: -50px 15px 0 -15px;
	border-radius: 0 150px 150px 0;
	padding: 40px 40px 40px 0;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.footer-image {
	float: right;
	height: 200px !important;
}

.social-icons {
	position: absolute;
	bottom: -25px;
	right: 100px;
	display: flex;
	gap: 15px;
}

.social-icon {
	width: 50px;
	height: 50px;
	background-color: #1f2a44;
	/* donkerblauw */
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}

.social-icon:hover {
	background-color: #2f3f66;
}

/* Default Style Overrides */
.header>.container>.navbar-transparent {
	background: none !important;
	border: none !important;
}

.navbar-nav>li>a {
	font-size: 1em !important;
	color: #1f2750;
}

.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus {
	color: #1f2750;
	background: none;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
	background: none;
}

@media (min-width: 1200px) {
	.nav>li>a {
		padding: 8px;
	}
}

@media(min-width:992px) and (max-width: 1199px) {
	.navbar-nav>li>a {
		font-size: 0.75em !important;
		padding: 6px;
	}
}

.navbar {
	position: relative;
	z-index: 8;
	margin: 0px auto;
	max-width: 1920px;
}

.navbar-nav {
	margin: 20px 0;
	float: right;
}

.navbar-nav>li {
	margin-top: 8px;
}

.navbar-nav>li>a {
	padding-bottom: 10px;
	padding-top: 10px;
}

.navbar-nav>li.active>a {
	color: #1f2750;
	font-size: 20px;
	text-decoration: none;
	font-weight: bold;
}

.navbar-nav>li.childactive>a {
	color: #4a5e03;
	font-size: 20px;
	text-decoration: none;
	font-weight: bold;
}

/* Open default child menus */
.dropdown-menu {
	background-color: #fff;
	font-size: 1em !important;
	margin: 15px 20px;
	padding: 10px;
}

.navbar-nav li p {
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 150%;
	background-color: #999;
	width: 20px;
	text-align: center;
	margin: 0px;
}

.sub_menu li a {
	color: #000;
}

.dropdown>.dropdown-menu {
	left: 0;
}

.navbar-nav>li>.dropdown-menu {
	margin-top: -5px;
}

.dropdown-menu>li>a {
	color: #000;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background-color: #87CAEF;
	border-radius: 15px;
	color: #000;
}

.dropdown>.dropdown-menu .dropdown-menu {
	left: 100%;
	top: 0;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
	background-color: inherit;
}

.navbar-nav>li.childactive>a {
	color: #1f2750;
	font-weight: inherit;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	color: #1f2750;
}

.dropdown-menu > li a .caret,
.dropdown-menu > li a .caretcontent {
    float: unset;
}

@media (min-width: 992px) {
	.Text {
		font-size: 30px;
		left: 65%;
	}

	.Button {
		left: 65%;
	}
}

.showmobile {
	display: none;
}

.hidemobile {
	display: block;
}

/* == RELATED INFO == */
/* Algemeen */
.related-row {
	max-width: 1600px;
	margin: 0 auto;
}
/* Related1: Bovenaan (buttons) */
.relatedinfo1 {
	padding-top: 10px;
	margin-bottom: 100px;
}
.geel2 {
	background-color: #D8CC62;
	display: inline-block;
	font-family: "Titillium Web", sans-serif;
	font-weight: 600;
	font-size: 26px;
	position: relative;
	border-radius: 40px;
	padding: 25px;
	margin: 10px;
}
.paars2 {
	background-color: #B59ABE;
	display: inline-block;
	font-family: "Titillium Web", sans-serif;
	font-weight: 600;
	font-size: 26px;
	position: relative;
	border-radius: 40px;
	padding: 25px;
	margin: 10px;
}
.paars2.smal {
	font-size: 20px;
}
img.rel1-img {
	/* margin: -50px 0 0 50px; */
	border-radius: 100px 0px 0px 100px;
	border-left: 50px solid #fff;
	border-top: 50px solid #fff;
	border-bottom: 50px solid #fff;
}

.rel1-content {
	padding: 50px 25px;
}

.rel1-content h1 {
	line-height: 1.5em;
}

.rel1-button,
.rel3-button,
.rel6-button,
.submit .btn {
	padding: 15px 35px;
	border-radius: 35px;
	margin-top: 10px;
	background-color: #62A8C2;
	border: 2px solid #62A8C2;
	font-size: 18px;
	color: #fff;
}

.rel1-button a,
.rel3-button a,
.rel6-button a {
	color: #fff;
	text-decoration: none;
}

.rel1-button:hover,
.rel3-button:hover,
.rel6-button:hover {
	background-color: #87CAEF;
	border: 2px solid #62A8C2;
	font-size: 18px;
	color: #62A8C2;
}

.rel1-button:hover a,
.rel3-button:hover,
.rel1-button a:hover,
.rel3-button a:hover,
.rel6-button:hover a,
.rel6-button a:hover {
	color: #62A8C2;
	text-decoration: none;
}

@media (min-width: 992px) {
	.relatedrow {
		display: flex;
	}

	.rel1-content {
		line-height: 2em;
	}

	.rel1img {
		position: relative;
		top: 90px;
	}
}

@media (max-width: 991px) {
	.relatedinfo1 {
		padding-top: 10px;
		margin: 50px 0px;
	}
}

@media (max-width: 767px) {
	.rel1-content h1 {
		line-height: 1.3em;
	}
}

/* Related2:"Koptekst (links) */
.relatedinfo2 {
	margin: 0 auto;
	max-width: 1600px;
}

.relatedinfo2 .container {
	padding: 50px 0;
	display: table;
}

@media screen and (min-width:992px) {
	.relatedinfo2 .container {
		display: flex;
	}
}

.relatedinfo2 h2 {
	color: #D8CC62;
}

.relatedinfo2 .geel {
	position: relative;
	border-radius: 40px;
	padding: 20px 30px;
	margin: 0px 0px 10px;
	*/
}

@media(min-width:768px) and (max-width: 1199px) {
	.relatedinfo2 .geel {
		font-size: 20px;
	}
}

.relatedinfo2 ul {
	list-style: none;
	padding-left: 0;
}

.relatedinfo2 li {
	display: flex;
	align-items: flex-start;
	/* belangrijk! */
	gap: 10px;
}

.relatedinfo2 li::before {
	content: "✓";
	font-weight: 600;
	flex-shrink: 0;
	/* voorkomt inschuiven */
	margin-top: 2px;
	/* kleine correctie */
}

.relatedinfo2 i.fa {
	float: right;
	font-size: 150%;
}

/* Related3: Voor wie */
.relatedinfo3 {
	background-color: #F2F2F2;
}

.rel3-content {
	padding: 50px;
}

.rel3-name {
	color: #0d232c;
}

.rel3-content h1 {
	padding: 0 0 10px 10px;
}

.rounded {
	border-radius: 50px;
	border: 10px solid #87CAEF;
	min-height: 600px;
	margin-bottom: 20px;
}

.rounded-txt {
	border-radius: 25px;
	background-color: #ffffff;
	margin: 40px 40px 20px 15px;
	padding: 40px;
	bottom: 25px;
	position: absolute;
}

/* Rijtjes container */
.relatedinfo3 .row {
	gap: 20px;
	align-items: stretch;
	/* alle kolommen even hoog */
}

@media screen and (min-width:992px) {
	.relatedinfo3 .row {
		display: flex;
	}
}

.col {
	flex: 1;
	display: flex;
	flex-direction: column;
}

/* Koptekst in eerste kolom */
.col h2 {
	margin: 0 0 10px 0;
	font-size: 24px;
}

/* Achtergrondafbeelding div */
.bg-img {
	flex: 1;
	/* vult de resterende kolomhoogte */
	background-size: cover;
	/* afbeelding vult de div volledig */
	background-position: center;
	/* center de afbeelding */
	background-repeat: no-repeat;
}

@media(min-width:992px) and (max-width: 1199px) {
	.rounded {
		min-height: 450px;
	}

	.rounded-txt {
		font-size: 16px;
		padding: 10px 10px 40px 10px;
	}

	.col h2 {
		font-size: 20px;
	}
}

/* Related4: Klanten vertellen */
.relatedinfo4 {
	background-color: #ffffff;
	text-align: center;
}

@media (max-width: 991px) {
	.relatedinfo4 {
		padding: 10px 0;
	}
}

/* Related5: "Praktijken */
.relatedinfo5 {
	background-color: #F2F2F2;
	padding: 50px 0;
}

.relatedinfo5 h2 {
	font-weight: 400;
	font-size: 30px;
	line-height: 1.3;
	padding: 10px 0 20px;
}

.rounded2 {
	border-radius: 50px;
	min-height: 600px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}

.rounded-txt2 {
	font-size: 16px;
	border-radius: 0 0 25px 25px;
	background-color: #87CAEF;
	padding: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.relatedinfo5 .bg-img {
	background-size: cover;
	background-position: center;
	min-height: 600px;
	position: relative;
	display: flex;
	align-items: flex-end;
}

.relatedinfo5 .content {
	padding: 60px;
}

.rel5-button {
	color: #fff;
	margin-top: 10px;
	background-color: #0d232c;
	border-color: #0d232c;
	border-radius: 35px;
	padding: 15px 35px;
	font-size: 18px;
}

.rel5-button a {
	color: #fff;
	text-decoration: none;
}

.rel5-button:hover {
	font-size: 18px;
	color: #fff;
	background-color: #87CAEF;
	border-color: #87CAEF;
}

.rel5-button:hover a,
.rel5-button a:hover {
	color: #0d232c;
	text-decoration: none;
}

.rel5-img {
	/* margin-top: -100px; */
	border-top-left-radius: 100px;
	float: right;
}

@media (min-width: 992px) {
	.relatedinfo5 .content {
		padding: 0px 60px 60px 60px;
		bottom: 0px;
	}

	.relatedinfo5 .relatedrow {
		padding-top: 10px;
	}
}

/* Related6: Tekst met foto links */
.relatedinfo6, .relatedinfo7 {
	padding: 80px 0;
	margin-bottom: 30px;
	display: flex;
}

.rel6-content, .rel7-content {
	margin: 20px 50px 0;
}

.rel6-content h2, .rel7-content h2 {
	color: #EA5C00;
	font-weight: 400;
}

.rel6-img, .rel7-img {
	border-radius: 50px;
}

@media (max-width: 991px) {
	.rel6-img, .rel7-img {
		margin-bottom: 50px;
	}
}

/* Related8: Eerste consult */
.relatedinfo8 {
	margin-top: 150px;
}
.relatedinfo8 .related-row {
	display: flex;
	background-color: #F89D5A;
	border-radius: 40px;
	position: relative;
	z-index: 10;
}

.relatedinfo8 h2 {
	font-weight: 400;
	font-size: 30px;
	line-height: 1.3;
	padding: 10px 0 20px;
}

.relatedinfo8 .content {
	padding: 60px;
}

.rel8-button {
	color: #fff;
	margin-top: 10px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 35px;
	padding: 15px 35px;
	font-size: 18px;
}

.rel8-button a {
	text-decoration: none;
}

.rel8-button:hover {
	font-size: 18px;
	background-color: #ECECEC;
	border: 1px solid #ECECEC;
}

.rel8-button:hover a,
.rel8-button a:hover {
	color: #0d232c;
	text-decoration: none;
}

.rel8-img {
	margin: -100px 40px 0 -40px;
}

@media (min-width: 992px) {
	.relatedinfo8 .content {
		padding: 0px 60px 60px 60px;
		bottom: 0px;
	}

	.relatedinfo8 .related-row {
		padding-top: 10px;
	}
}

/* "9": "Caroussel", "10": "Best practices"} */

/* == CALENDAR == */
.event_content {
	margin-left: 150px;
}

.calendarevent {
	height: 40px;
	text-align: left;
}

.event_date,
.event_title {
	display: inline-block;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
}

.event_title {
	margin-left: 50px;
}

.event_date {
	color: #0d232c;
}

.event_more {
	margin-bottom: 15px;
}

.event_next:before {
	content: url(../img/next.png);
	content: "\00bb";
	color: #fff;
	font-size: 40px;
	padding: 0px 10px;
	color: #0d232c;
}

/* == REACTFORMS == */
.formulier {
	background: #f4f2ef;
	padding: 60px;
	border-top-left-radius: 50px;
}

.form-control {
	padding: 30px 12px;
	border-radius: 20px;
}

@media screen and (min-width:801px) {
	.formulier {
		margin-right: calc((10rem - 65vw)/2);
		margin-left: calc((10rem - 45vw)/2);
	}
}

/* == SLIDESHOW > HEADER == */
/* >>Arrows: different content */
.slick-prev:before {
	content: "\f104";
}

[dir='rtl'] .slick-prev:before {
	content: "\f105";
}

.slick-next:before {
	content: "\f105";
}

[dir='rtl'] .slick-next:before {
	content: "\f104";
}

.slick-next {
	right: 5px;
}

.slick-prev {
	left: 5px;
}

/* >>Dots: different colors */
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: .75;
}

.slick-dots li button:before {
	opacity: 1;
	color: #ffffff;
}

.slick-dots li.slick-active button:before {
	opacity: 1;
	color: #0d232c;
}

/* Sliders */
.carrousel-grid {
	padding: 15px 0px 75px;
}

.ug-thumb-wrapper.ug-tile {
	background-color: #fff !important;
}

.fa-circle {
	color: #fff;
}

.fa-facebook,
.fa-instagram,
.fa-youtube-play {
	color: #fff;
}

.fa-caret-right {
	font-size: 40px;
	padding-left: 4px;
	padding-top: 4px;
}

/* Buttons */
.btn-primary {
	color: #fff;
	background-color: #0d232c;
	border-color: #0d232c;
}

.btn-primary.focus,
.btn-primary:focus {
	color: #fff;
	background-color: #1c495c;
	border-color: #1c495c
}

.btn-primary:hover {
	color: #fff;
	background-color: #1c495c;
	border-color: #1c495c
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #1c495c;
	border-color: #1c495c
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
	color: #fff;
	background-color: #1c495c;
	border-color: #1c495c
}

.btn-warning {
	color: #fff;
	background-color: #008271;
	border-color: #008271;
}

.btn-warning.focus,
.btn-warning:focus {
	color: #fff;
	background-color: #03a691;
	border-color: #03a691
}

.btn-warning:hover {
	color: #fff;
	background-color: #03a691;
	border-color: #03a691
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #03a691;
	border-color: #03a691
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
	color: #fff;
	background-color: #03a691;
	border-color: #03a691
}

/* Scroll-to-top */
.scroll-top-wrapper {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
	background: #0d232c;
	color: rgba(255, 255, 255, 1);
	border-radius: 0px;
	right: 30px;
	bottom: 55px;
	height: 60px;
	width: 60px;
	border: 1px solid #fff;
	line-height: 60px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.scroll-top-wrapper:hover {
	color: #fff;
}

.scroll-top-wrapper.show {
	visibility: visible;
	cursor: pointer;
	opacity: 1.0;
}

i.fa.fa-angle-double-up {
	line-height: inherit;
	font-size: 2em;
}

/* Media Queries */
@media(max-width:991px) {
	body {
		/* Margin bottom by footer height */
		margin-bottom: 35px;
	}

	.footer {
		height: 35px;
	}

	.navbar-nav {
		margin-left: 0px;
		float: none !important;
		margin-top: 7.5px;
	}

	.header>.container>.navbar {
		height: auto;
	}

	.nav {
		border-top: 1px solid #eee !important;
	}

	.nav>li {
		border-bottom: 1px solid #eee !important;
	}

	.navbar-header {
		float: none;
	}

	.navbar-left,
	.navbar-right {
		float: none !important;
	}

	.navbar-toggle {
		display: block;
		float: left;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}

	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-nav>li {
		float: none;
		display: list-item;
		width: 100%;
	}

	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.collapse.in {
		display: block !important;
	}

	.blue {
		color: #fff;
		background-color: #0d232c;
	}

	.header-logo-mob {
		display: block;
	}

	.carrousel-grid {
		padding: 0px 0px 50px;
	}

	.event_content {
		margin-left: 15px;
	}

	.event_date,
	.event_title {
		font-size: 16px;
	}

	.event_title {
		margin-left: 10px;
	}

	.event_more {
		margin-bottom: 15px;
	}

	.event_next:before {
		font-size: 30px;
		padding: 5px;
	}
}

@media(max-width:767px) {

	html,
	body {
		font-size: 16px;
	}

	.showmobile {
		display: block;
	}

	.hidemobile {
		display: none;
	}

	.scroll-top-wrapper {
		right: 0px;
		bottom: 0px;
	}

	h1 {
		font-size: 35px;
	}

	h2 {
		font-size: 25px;
	}

	h3 {
		font-size: 20px;
	}

	h4 {
		font-size: 20px;
	}
}

@media(min-width:576px) and (max-width: 991px) {
	img.header-logo-mob {
		width: 225px;
		position: relative;
		float: right;
		margin: 10px;
	}
}

@media(max-width:575px) {
	img.header-logo-mob {
		width: 150px;
		position: relative;
		float: right;
		margin: 10px;
	}

	h1 {
		font-size: 25px;
	}

	h2 {
		font-size: 20px;
	}

	h3 {
		font-size: 18px;
	}

	h4 {
		font-size: 15px;
	}
}

/* >>Captions: correspond with captionTypes in Settings */
.slick-slide .caption {
	color: #ffffff;
	padding: 8px 15px;
	font-size: 65px;
}

.caption.top-right {
	font-size: 65px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
	top: 20%;
	right: 10%;
}

.caption.bottom-right {
	font-size: 50px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
	top: 40%;
	right: 10%;
	line-height: 50px;
}

@media (max-width: 991px) {
	.caption.top-right {
		font-size: 45px;
	}

	.caption.bottom-right {
		font-size: 30px;
	}
}

@media (max-width: 650px) {
	.caption.top-right {
		font-size: 35px;
	}

	.caption.bottom-right {
		font-size: 25px;
	}
}

@media (max-width: 500px) {

	.slick-dots,
	.slick-arrow {
		display: none !important;
	}

	.caption.top-right {
		font-size: 35px;
		top: 5%;
	}

	.caption.bottom-right {
		font-size: 25px;
		top: 30;
	}
}

.youtube-video {
	aspect-ratio: 16 / 9;
	width: 100%;
}

/* ACCORDION */
.accordion {
	background-color: #ffffff;
	border-radius: 50px;
	cursor: pointer;
	padding: 18px 40px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 25px;
	font-weight: 600;
	transition: 0.4s;
}

.accordion:after {
	content: '\002B';
	font-weight: bold;
	float: right;
	margin-left: 5px;
	color: #ffffff;
	background-color: #27275D;
	padding: 0px 10px;
	border-radius: 50%;
}

.accordion-active:after {
	content: "\2212";
	background-color: transparent;
	border: 1px solid #27275D;
	color: #27275D;
	padding: 0px 10px;
	border-radius: 50%;
	font-size: 25px;
}

.panel {
	margin-top: -15px;
	padding: 0 18px;
	max-height: 0px;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	border: 0px solid transparent;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
}

.acc-paars .accordion-active,
.acc-paars .accordion:hover,
.acc-paars .panel {
	background-color: rgb(174,143,184, 0.6);
}

.acc-geel .accordion-active,
.acc-geel .accordion:hover,
.acc-geel .panel {
	background-color: rgb(216,204,98, 0.6);
}

.accordion-active {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
}

.space {
	border-top: 1px solid #27275D;
	padding: 20px;
}

.ug-thumb-wrapper.ug-tile img.ug-thumb-image,
.ug-thumb-overlay {
	border-radius: 50px;
}

.ug-thumb-overlay {
	background-color: rgba(135, 202, 239, 0.6) !important;
}

/* projects-grid */
.ug-thumb-wrapper.ug-tile.ug-thumb-over .ug-tile-cloneswrapper {
	overflow: visible !important;
	opacity: 1 !important;
}

.ug-gallery-wrapper .ug-textpanel-bg {
	background-color: inherit !important;
}

.ug-textpanel.ug-trans-enabled p {
	visibility: hidden !important;
}

.ug-textpanel.ug-trans-enabled h3 {
	visibility: hidden !important;
}

.ug-textpanel.ug-trans-enabled h4 {
	visibility: hidden !important;
}

/* .ug-tile-cloneswrapper h4 { position: absolute; visibility: hidden; } */
.ug-tile-cloneswrapper p {
	color: #fff
}

.ug-tile-cloneswrapper h3 {
	color: #fff;
	text-align: center;
}

.ug-tile-cloneswrapper h4.behandeling {
	color: #fff;
	text-align: center;
}

.ug-thumb-wrapper {
	background-color: inherit !important;
}

.ug-textpanel-textwrapper.ug-trans-enabled {
	width: 100% !important;
	left: 0 !important;
}

.ug-textpanel-textwrapper.ug-trans-enabled .ug-textpanel-title.ug-trans-enabled {
	width: 100% !important;
}

.ug-textpanel.ug-trans-enabled h4 {
	cursor: pointer;
	text-transform: uppercase;
}

/*modify the cloneswrapper text area height*/
.ug-tile-cloneswrapper>.ug-textpanel {
	overflow: visible !important;
}

.ug-tile-cloneswrapper>.ug-textpanel>.ug-textpanel-textwrapper {
	height: 180px !important;
}