/**
 * @file
 * Subtheme specific CSS.
 */

img {max-width: 100%;width: auto;height: auto;display: block;margin-left: auto !important;margin-right: auto !important;}
.navbar-brand img {max-width: 40px; height: auto;}
p.logo img {max-width: 80px;height: auto;}
#header p {margin-bottom: 0 !important;}
#header .nav i {font-size: 150%;}
#header .nav-link {padding: 0 0.2rem;}
.site-footer__top .block-menu {
	margin: 20px 0;
	padding: 10px;
	border: 1px solid #444;
}
body.path-frontpage h2.bloktitel {text-align: center;}
body.path-frontpage footer h2.bloktitel {text-align: left;}
#auth_box input[type="text"], #auth_box input[type="password"] {width: 100% !important;}

body {
  width: 100%;
  }
  #page {overflow: hidden;}
#main-wrapper {
    padding-top: 0;}

.card {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

a:hover {filter: brightness(100%);}
#main a:hover {filter: brightness(80%);}

/*eigen*/
.margin-left {
  margin-left: 5px; }

.margin-right {
  margin-right: 5px; }

.margin-top {
  margin-top: 10px; }
  
#content {margin-bottom: 20px;}

.text-shadow {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.88);}

a.no-deco {text-decoration: none;}

p.blokletter:first-letter {
  float: left;
  font-size: 350%;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 2px;
  font-weight:bold; 
}

a.tabledrag-handle .handle {
    width: 30px !important;
    height: 30px !important;
}
@media only screen and (max-width: 991px) {
  .navbar-collapse {text-align: center;}
  .navbar-collapse li.nav-item {font-size: 1.4em;padding: 10px 0;}
  .dropdown-item {text-align: center;}
  .dropdown-menu.show {
    display: table;
    margin: auto;
    border: 1px solid #fff;
  }
}
.dropdown-menu {padding: 0;}
.dropdown-item a {text-decoration: none;display: block;}

.placeholder {
    background-color: transparent;
}

/*einde eigen*/

/*searchform in menu*/
section.region-header-form {margin-left: 10px;}

/*login*/
#middle_part nav.tabs {display: none;}
#bottom_part {
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
  background: #fff;
  padding: 15px;
  overflow: hidden;
  box-shadow: 0 0 3px 1px #ccc;
}
/*searchblok in menu*/
.region-top-header-form .col-auto {
  padding-left: 0;
  padding-right: 0; }

/*headerfoto front*/
.jumbotron {
    background-color: rgba(0,0,0,0)!important;
}
/*map blok*/
section.region-map-fluid .mb-4 {
    margin-bottom: 0 !important;
}
/*bg-grid*/
.blok-background .bs_grid.container {background-color: rgba(0, 0, 0, 0);}

@media only screen and (max-width: 380px) {
.bs_grid.container {padding-right:0px !important;padding-left:0px !important;}
.bs_grid .col-md-6, .bs_grid .col-sm-6, .bs_grid .col-lg-6, .bs_grid .col-xs-6 {margin: 0px;padding:5px;}
body.path-frontpage #content.col {padding-right: 0 !important;padding-left: 0 !important;}
#auth_box {
    width: 95%;
  }
}

/* front-blok 2 container fluid background img */
.blok-background {
  padding-top: 10vh;
  padding-bottom: 10vh;
  width: 100%;
  background-size: cover; }

.blok-background .container {
  padding: 50px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: .3rem; }

/*artikels*/
.artikel-linkitems .inline__links {
  margin-left: auto;
  margin-right: auto; }

.view-footer {margin: 20px 0;}

/*carousel*/
.carousel-caption {text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9); }
.carousel-item img {width: 100%;}
.carousel-caption h3 {font-size: 6vw;}
.carousel-caption p {font-size: 2vw;}
@media only screen and (max-width: 768px) {
  .carousel-caption {bottom: 0 !important;}
  .carousel-indicators {margin-bottom: 0rem !important;}
}


/*contactform*/
#contact-message-feedback-form {padding:10px;border: 1px solid black;}
#contact-message-feedback-form .form-item-mail, #contact-message-feedback-form .form-item-name {
padding-right: 30px !important;
padding-left: 30px !important;
}
#contact-message-feedback-form legend {font-size: 1em;}
#contact-message-feedback-form .form-check {
    position: relative;
    display: inline-block;
    padding-left: 2rem;
}

/*titel in pagina headerfoto*/
.fotobanner {
  position: relative;
  text-align: center;
  color: white; }

.fotobanner .titel-in-header {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.fotobanner .titel-in-header h1.title {
  text-shadow: 2px 0px 2px #050505; }

.fotobanner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}


/*admin-toolbar fix*/

.toolbar-horizontal.toolbar-fixed nav.affix,
.toolbar-vertical.toolbar-fixed nav.affix{
  margin-top: 39px;
}



.toolbar-horizontal.toolbar-tray-open nav.affix {
  margin-top:76px;
}

.toolbar-oriented .toolbar-bar {
    z-index: 1050;
}

/*breadcrumb*/
.breadcrumb {
    margin-top: 1rem;
}