/* vanaf hier regels uit de aparte custom.css files gehaald */

.topbar .contact-info i a {
	line-height:1.5;
}

section {
  padding-top:60px;
  padding-bottom: 0;
  margin-top:0;
}

.about .title {
  margin-top: 0;
}

.about .title-2 {
  margin-top: 0;
}

.about h2 {
	margin-top: 0;
}

.about img {
	width: 80%;
}

.footer {
	margin-top: 60px;
}

.footer-contact p {
	margin-bottom: 0;
}

.table-responsive-sm .table tbody{
	border-width: 0;
	border-radius: 0;
}

.about p {
	margin-bottom: 0;
}

.footer h4 {
	line-height: 1;
}

/* tot hier regels uit de aparte custom.css files gehaald */

.hero h6{
	font-size: 47px;
	font-weight: 700;
	margin-bottom: 0.5rem;
	color: var(--color-primary);
	font-family: var(--font-secondary);
	font-feature-settings: "ss01";
}

.bedrijf-tegel-row {
  margin-top: 1.5rem;
}

.error-header{
	margin-bottom:40vh !important; /* nodig om ruimte rond enkele regel te creeeren op error pagina */
}

.fa-floppy-disk {
	display:none;
}

.carousel-item.active {
	display:flex;
	align-items:end;
}

.skiptranslate {
	display: none; /* om de vertaalbar van google te verstoppen */
}

body{
	top:0px !important; /* omdat het vertaal script van google anders de body naar beneden schuift */
}

.table td {
	border:none;
}

.list-table tbody tr td ul{
	margin-bottom:0; /* deze regel is nodig omdat een tabel met enkele lijstelementen in de cell anders hoge rijen heeft */
}

.list-table tbody tr td ul li{
	padding-bottom:0; /* deze regel is nodig omdat een tabel met enkele lijstelementen in de cell anders hoge rijen heeft */
}

table {
	font-size:large;
}


.table-responsive-sm{
	margin-bottom:0;
}

.about .btn-get-started {
	margin-top:0; /* in de main css wordt hier een negatieve margin aan gegeven om het omhoog te duwen, waardoor de bovenkant van de knop niet in te drukken is.*/
}

h1{
	color: var(--color-secondary);
}

.team .member{
	border: 1px solid;
	border-color: var(--color-secondary);
}

.folder-tabel{
	border-color: var(--color-primary);
	border-collapse:separate;
	border-style:solid;
	border-width:4;
	margin-left: auto;
	margin-right: auto;
}

.folder-tabel tbody tr {
	border-radius:0;
	border-left:none;
	border-top:none;
	border-right:none;
}

.locatie {
	padding-bottom:60px;
}

/*
Onderstaande 100% widths zijn om voor alle sites de headers responsief te maken, vervolgens worden deze bij min-width 1280px weer op een breedte van 1280px gezet!
*/

.topbar {
	width : 100%;
}

.header{
	width:100%;
}

.hero {
	width:100%;
}

.hero-vervolg{
	width:100%;
}

.header.sticked{
	width: 100%;
}


.header-carousel.hero-alleen-titel{
	display:grid;
	align-content: end;
	height:600px;
}

.carousel {
	height : auto;
	width : 100%;
}

.header-carousel .container {
	margin-left:40px;
	margin-top:130px;
}

@media (max-width: 640px) {
	.hero-alleen-titel {
		  position: relative;
		  padding: 60px 0 0 0;
		  background-repeat: no-repeat;
		  background-position: right bottom;
		  height: 450px !important;
		  border-radius: 0px 0px 30px 30px;
		  margin: auto;
	}
	.col-terugknop {
		display:none;
	}
	.hero-vervolg {
		background-position: center bottom;
		background-size: 100%;
		height: 225px;
		width: 100%;
	}
	.carousel-indicators {
		margin-bottom: 1rem;
	}
	.header-carousel .container {
		margin-left:0;
	}
}

.btn-toolbar{
	justify-content:center;
	margin-top:1rem;
}

.cx_btn:hover{
	background: var(--color-primary);
	border: 3px solid var(--color-primary);
	color: #fff;
}

.cx_btn {
	background: #fff;
	padding: 14px 45px;
	color: var(--color-primary);
	
	
	transition: 0.4s;
	border-radius: 50px;
	border: 3px solid var(--color-secondary);
}

.cx_btn-toolbar .btn-toolbar .cx_btn{
	text-decoration: none;
}

.cx_btn-toolbar .btn-toolbar .cx_btn:hover{
	color: white;
}

.cx_btn-label {
	font-size: 21px;
	font-family: var(--font-secondary);
	font-weight: 600;
	font-style: italic;
	text-decoration: none;
}

.cx_label{
	font-family: var(--font-default);
	font-size: 20px;
	font-weight: 500;
	font-style: normal;
}

.cx_fieldline{
	margin-top:1rem;
	padding-top:8px;
}

.effect-image-1{
	aspect-ratio:1;
}

.cx_page-buttons {
	padding-bottom:2rem;
	--color-default:var(--bs-white);
}

.cx_page-buttons .btn-primary{
	--bs-btn-bg:var(--color-secondary);
	--bs-btn-border-color:var(--color-secondary);
	--bs-btn-color:var(--bs-white);
  font-family: var(--font-primary);
  color: var(--color-default);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5em;
}

.cx_page-buttons .btn-primary:hover{
	--bs-btn-hover-bg:var(--color-secondary);
	--bs-btn-hover-border-color:var(--color-secondary);
  font-family: var(--font-primary);
  color: var(--color-default);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5em;
}

.cx_page-buttons .btn-secondary{
	--bs-btn-bg:var(--color-primary);
	--bs-btn-border-color:var(--color-primary);
	--bs-btn-color:var(--bs-white);
	text-decoration: none;
  font-family: var(--font-primary);
  color: var(--color-default);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5em;
  padding-left: 0.5rem;
}

.cx_page-buttons .btn-secondary:hover{
	--bs-btn-hover-bg:var(--color-secondary);
	--bs-btn-hover-border-color:var(--color-secondary);
	text-decoration: none;
  font-family: var(--font-primary);
  color: var(--color-default);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5em;
  padding-left: 0.5rem;
}

.btn-sm::after{
	display:none;
}

.btn-sm::before{
	display:none;
}

.cx_btn-toolbar-section-paging {
	/*display:none;*/
	width:100%;
	background:var(--bs-white);
}

.cx_btn-calendar {
	border:none;
	padding:0;
	padding-right:5px;
}

.cx_btn-clear {
	border:none;
	padding:0;
}

.cx_btn-calendar:hover {
	border:none;
	padding:0;
	padding-right:5px;
	background:var(--bs-white);
}

.cx_btn-clear:hover {
	border:none;
	padding:0;
	background:var(--bs-white);
}

.cx_select{
	appearance: auto;
}

.back {
	margin-top:0;
}

.form-header {
    height: auto;
    padding-top:20;
}

@media (max-width: 1279px) {
	.col-terugknop {
		padding-bottom:1.5rem;
	}
	
	.about ul a {
		font-size: 18px;
	}

}

.header .logo img {
    width: 40%;
}

.header-carousel-img{
	max-height:200px;
	width: auto !important;
}

.medewerkers {
	padding-top:60px;
	padding-bottom:60px;
}

/*.sg_language-dropdown {*/
/*    margin: 4px;*/
/*    position:absolute;*/
/*}*/

.sg_language-dropdown {
	width:30%;
    position:static;
    margin: 3px;
}
/*
 Dit is voor de caret naast de language dropdown
*/
.dropdown-toggle::after {
	margin-left:-.15em;
}

.sg_language-dropdown-toggle {
    padding-left:4px;
    text-align: left;
}

.dropdown-menu {
	width:227px;
}

.dropdown-toggle span{
	display:none;
}

.dropdown-item span{
	display:inline;
}

@media (min-width: 640px) {
	
	.sg_language-dropdown-toggle {
	    padding-left:10px;
	}
	.dropdown-toggle::after {
		margin-left:.255em;
	}
	.header .logo img {
        width: 60%;
    }
	.header-carousel-img{
		max-height:450px;
	}
}

@media (min-width: 1279px) {
	.dropdown-toggle span{
		display:inline;
	}
	.sg_language-dropdown {
	    min-width: 227px;
	    text-align: left;
	}
	
	.sg_language-dropdown {
		margin: 0;
	}
	.medewerkers {
		padding-top:0;
	}
	.form-header {
	    padding-bottom:60px;
	    padding-top:30px;
	}
	.topbar {
		width:1280px;
	}
	
	.header{
		width:1280px;
	}
	
	.hero {
		width:1280px;
	}
	
	.hero-vervolg{
		width:1280px;
	}
	
	.header.sticked{
		width:1280px;
	}
	.header .logo img {
        width: 80%;
    }
}

.about ol li {
  padding: 0 0 10px 10px;
  position: relative;
  font-size: 20px;
  left: 0;
  top: -3px;
  color: var(--color-default);
}

.about ul {
	margin-bottom:0;
}