/*-------  Basic  -------*/

body {
	background: #37517e;
	color: floralwhite;
}

#navigatie{
	background-color: #203f75;
}

#navigatie a{
	color: floralwhite;
}

.navbar-toggler{
	background-color: white;
}

.dropdown-menu a:hover{
	background-color: #203f75;
	color: black;
}

#downloadbutton{
	background-color: #203f75;
	border-color: #04AA6D;
	color: floralwhite;
}
#downloadbutton:hover{
	background-color: #49679c;
}

.top-left {
/*  position: relative;*/
  top: -340px;
  left: 200px;
}

.kerk_gebouw p {
	padding-top: 20px;
/*	padding-bottom: 20px;*/
	font-size: 20px;
	font-weight: 1.2em;
}

.chapter-container{
	display: flex;
	margin-bottom: 20px;
	justify-content: center;
/*	align-items: center;*/
	background-color: aliceblue;
	margin-top: 40px;
}

.mybutton button {
	color: floralwhite;
}

.chapter-title{
	padding: 20px 50px;
	margin: 20px;
	color: black;
/*	box-shadow: 15px 15px red;*/
	border-radius: 6px;
	border-style: solid;
	border-color: #203f75;
	border-width: 1px;
}

#parent_liturgieblok{
	display: flex;
	justify-content: center;
}

.een_drie td {
/*	text-align: center;*/
}

.een_drie th {
	text-align: center;
	background-color: #203f75;
	border-top: 16px solid #405985;
	border-radius: 5px;
}



/*#liturgieblok{
	padding: 5px;
	background-color: #49679c;
	border-radius: 8px;
	border-style: solid;
	border-color: #203f75;
	border-width: 4px;
	width: 170px;
	height: 220px;
	z-index: 2;
	font-family: 'Times New Roman', serif;
	font-size: 6px;
	text-align: center;
}*/
/*
#liturgieblok_text {
	background-color: #FFFDDD;*/
/*	position: relative;*/
/*	left: 5px;
	top: 10px;
	width: 100%;
	height: 100%;
	z-index: 0;
}*/
/*
table {
	margin: 0 auto;
	font-family: 'Times New Roman', serif;
	font-size: 10px;
	text-align: center;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  background-color: white;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;
  border: 1px solid black;
  background-image: none;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: #37517e;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: #37517e;
}
*/
.carousel-indicators button[data-bs-target]{
	width: 150px;
}

.carousel-indicators{
	height: 60px;
	margin-bottom: 10vh;
	background-color: #37517e;
	backdrop-filter: blur(20px);
}

.commissies{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.commissies details {
	padding: 5px;
}
.commissies details ul{
	background-color: #405985;
}
summary {
	padding: 10px;
}

summary::marker{
	font-size: 1.4em;
}


summary {
	list-style-type: '+ ';
}
details[open] > summary {
	list-style-type: '-  ';
}

.commissies details p{
	background-color: #405985;
}
p ul li{
	background-color: #405985;
}

.foto_kerkgebouw{
width: 1270px;
height: 708px;
}

@media only screen and (max-width: 1200px) {
	.een_een{
		display: none;
	}

/*	 .een_twee{
		order: 1;
	}

	.een_drie{
		order: 2;
	}*/

	 .een_vier{
		display: none;
	}

	.twee_een{
		display: none;
	}

	 .twee_vier{
		display: none;
	}
}

.welkom{
font-size: 2.2vw;
text-align: center;
}

.floating-btn{
	display: none;
}

@media only screen and (max-width: 740px) {
	.top-left {
/*  position: relative;*/
  top: -10px;
  left: -20px;
	}

	.carousel-indicators {
	height: 30px;
	background-color: #37517e;
	backdrop-filter: blur(20px);
  }

  .foto_kerkgebouw{
    	width: 600px;
  	height: 343px;
  }

  .welkom{
  	font-size: 2.8vw;
  	font-weight: bold;
  }

	.een_een{
	display: none;
	}

	.een_vier{
	display: none;
	}
/*
	.twee_een{
	display: none;
	}

	.twee_vier{
	display: none;
	}
*/

/*STYLES FOR FLOATING BUTTON */

.floating-btn{
	width: 40px;
	height: 40px;
	padding: 8px;
	background-color: #203f75;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	text-decoration: none;
	border-radius: 40%;
	color: floralwhite;
	position: fixed;
	right: -2px;
	bottom: 50%;
	z-index: 1000;
}

}

.form-group-append i {
	position: relative;
    margin-left: 40px;
    cursor: pointer;
}

.intranet_home{
	background-color: #37517e !important;
}

.login_view {
	background-color: white;
	color: black;
	width: 600px;
	padding: 20px;
	border-radius: 10px;
}