@charset "UTF-8";

.bg-paars {
    background-color: #664882 !important;
}

.bg-paars-licht {
    background-color: #C2B6CD !important;
}

.bg-lever {
    background-color: #BA6C51 !important;
}

.bg-lever-licht {
    background-color: #E3C4B9 !important;
}

.bg-oranje {
    background-color: #E69400 !important;
}
.bg-oranje-licht {
    background-color: #F5D499 !important;
}

.label-tekst {
    font-family: Armada-condensed;
    color: #664882;
    font-size: 1.5em;
    font-weight: 700;
    text-align: left !important;
}

.lijst-tekst {
    font-family: sommet;
    font-size: 1.25em;
    text-align: left !important;
}

.knop {
  background-color: #E69400; /* oranje */
  border: none;
  color: white !important;
  padding: 10px 30px;
  font-family: Armada-condensed;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.7em;
}

.btn_download {
  background-color: #E69400;
  border: none;
  color: #664882;
  padding: 12px 30px;
  cursor: pointer;
    font-family: Armada-condensed;
    text-align: center;
  font-size: 1.5EM;
    font-weight: 600;
}

/* Darker background on mouse-over */
.btn_download:hover {
  background-color: #F5D499;
    color: #664882;
}
    
.knop_licht {
    background-color: #E3C4B9;
}

.adres {
    font-family: sommet;
    text-align: left;
    color: #BA6C51;
    font-size: 1.2EM;
}

.voettekst {
    font-family: Armada-condensed;
    font-weight: normal;
    color: #664882;
    font-size: 1.2em;
}

h1, h2, h3, h4, h5 {
    font-family: Armada-condensed;
    font-weight: 600;
    color: #664882;
    letter-spacing: 0.03em;
}
 
.carousel-caption {
    text-align: center !important;
}

h2 {
    font-family: Armada-condensed;
    font-size: 350%   ;
    font-weight: 500;
}

p {
    font-family: sommet;
    font-size: 1.25em;
    
}
ul.navbar
ul.navbar-nav {
    margin: 0 auto;
}
.navbar-dark .navbar-nav .nav-link  {
	color: #664882;
	font-family: Armada-condensed;
    font-size: 170%;
    font-weight: 600;
    letter-spacing: 0.02EM
}
.navbar-dark .navbar-nav .nav-link:hover   {
    color: #664882;
    border: 1px solid #E3C4B9;
}

.navbar-nav .nav-item {
	border: 1px solid #BA6C51;
	background-color: #BA6C51;
	margin-left: 4px;
	margin-right: 4px;
	text-align: center;
	width: 120px;
}
table caption {
    margin-top: 20px;
    padding-bottom: 10px;
    color: #069;
    font-size: 160%;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
    caption-side: top;
}
.navbar-nav .nav-item:hover  {
    background-color: #E3C4B9;
}

header .row {
    padding-top: 1em;
    height: auto;
}

header h2 {
    font-family: Armada-condensed;
    color: #664882;
    font-size: 350%;
    text-shadow: 0px 5px 11.05px rgba(0, 0, 0, 0.56);
    text-align: center;
    line-height: 1.2em;
    letter-spacing: 0.12em;
    margin-top: 1em;
}
header h2 a:link, header h2 a:visited {
    color: inherit;
    text-decoration: none;
}
.container .navbar-brand {
    background-image: url("../images/Logo VB.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40% auto;
    height: 50px    ;
    margin-top: 0.5em;
}

.navbar-brand {
    font-family: Armada-condensed;
    font-weight: 700; 
    letter-spacing: 0.02EM;
    background-image: url("../images/Logo VB.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 80%;
    width: 120px    ;
    height: 50px;
    padding-bottom: 1em;
}
header p {
    color: #ffffff;
    font-size: 150%;
    font-weight: 700;
    text-shadow: 0px 3px 5.95px rgba(0, 0, 0, 0.8);
    text-align: center;
    line-height: 1em;
    letter-spacing: 0.4em;
    font-family: Armada-condensed;
    font-style: normal;
}
header .container {
    background-color: #E3C4B9;
    background-image: url("../images/Logo en tekst groot.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 45% auto;
    height: 212px;
    margin-top: 5em;
}
nav .container {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding-bottom: 10px;
}
body {
    background-color: #E3C4B9;
    border-right: 15px solid #E3C4B9;
    border-left: 15px solid #E3C4B9;
    font-family: Mislab-regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    margin-top: 10px;
}
footer {
    padding-top: 5px; 
    background-color: #E3C4B9;
}
table {
    font-size: 90%;
    width: 95%;
    margin-bottom: 2em;
    border-bottom: 3px solid #069;
    border-collapse: collapse;
}
th, td {
    padding: 4px;
    text-align: left;
    border-top: 1px solid #069;
}
th {
    color: #FFC;
    text-align: center;
    border-bottom: 6px solid #046;
    background-color: #069;
}
.date {
	width: 25%;
}
.event {
}
.location {
	width: 30%;
}
.cost {
	width: 10%;
	text-align: center;
}
.length {
	width: 10%;
	text-align: center;
}
.day {
	width: 10%;
	text-align: center;
}
.seminar {
	width: 10%;
	text-align: center;
}
.description {
}
h2 {
    font-family: armada-condensed;
    font-style: normal;
    font-weight: 700;
    color: #664882;
    font-size: 250%;
    line-height: 1em;
}

.form-control  {
    font-family: sommet;
    font-size: 150%;    
    font-weight: 700;
    color: #664882 !important;
    }
    
.btn-outline-success {
  color: #BA6C51;
  border-color: #BA6C51;
    font-family: Armada-condensed;
    font-size: 150%;
    font-weight: 700;    
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #BA6C51;
  border-color: #BA6C51;
}

.placeholder {
    color: #664882;
}
.foto-wit-rechts {
    margin-right: 10px;
}
.mobile-spacer {
    display: none;
}

h2 {
    font-size: 175%;
    font-size: 200%;
}
.caroussel-text {
    font-size: 400%;
    color: #E69400;
}
.carousel-caption h2 {
    font-size: 300%;
    color: #E69400;
    text-shadow: 5px 5px 3px #664882;
    margin-top: 1em;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

@media screen and (max-width: 1199.98px){
 .navbar-nav .nav-item {
	border: 1px solid #BA6C51;
	background-color: #BA6C51;
	margin-left: 4px;
	margin-right: 4px;
	text-align: center;
    font-size: 80%;
	width: 100px;  
    }
    
 .container .navbar-brand {
    background-image: url("../images/Logo VB.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35% auto;
    height: 40px    ;
    margin-top: 0.2em;
}

@media screen and (max-width: 1019.98px) {
    .navbar-nav .nav-item {
	border: 1px solid #BA6C51;
	background-color: #BA6C51;
	margin-left: 3px;
	margin-right: 3px;
	text-align: center;
    font-size: 75%;
	width: 110px;  
    }
    
    header .container {
    background-position: center center;
    background-size: 40% auto;
    height: 190px;
    margin-top: 4em;

@media screen and (max-width: 991.98px){
.navbar-dark .navbar-toggler {
    color: #664882;
    border-color: rgba(255, 255, 255, 0.1);
}
   header .container {
    background-position: center center;
    background-size: 45% auto;
    height: 200px;
    margin-top: 5em;
       
.navbar-nav .nav-item {
    border-left: 1px solid #E3C4B9;
    border-right: 1px solid #E3C4B9;
    border-bottom: 1px solid #E3C4B9;
    border-top: 1px solid #E3C4B9;
    text-align: left;
    width: 100%;
    background-image: none;
    background-color: #BA6C51;
    font-family: Armada-condensed;
    font-weight: 700;
    padding-left: 10px;
}
header h2 {
    font-size: 250%;
    letter-spacing: 0.05em;
    margin-top: 1em;
}
header p {
    font-size: 130%;
    letter-spacing: 0.2em;
    font-style: normal;
}
    
header.row  {
    background-size: 90% auto;
    height: auto;
}
    
.navbar-nav .nav-item {
    border: 1px solid #E3C4B9;
    margin-left: 4px;
    margin-right: 4px;
    text-align: center;
    width: 108px;
}
.container .navbar-brand {
    display: block;
    color: #069;
    font-weight: bold;
    }
    }
    
@media screen and (max-width : 659.98px ){
header h2 {
    font-size: 230%;
    letter-spacing: 0.03em;
    margin-top: 1em;
}
header p {
    font-size: 100%;
    letter-spacing: 0.3em;
    font-family: source-sans-pro, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
}
header.row {
    background-size: 70% auto;
    height: auto;
}
    
h4 {
    font-size: 135%;
}

@media (max-width:500px){
header.row {
    background-size: 70% auto;
    height: auto;
}
    
.mobile-spacer {
    height: 60px;
    display: block;
}
h4 {
    font-size: 90%;
}
section td, section th {
    display: block;
}
section table {
    margin: 10px auto;
}
section th {
    margin: 0;
    padding: 0;
    height: 0;
    border: none;
    font-size: 0pt;
    overflow: hidden;
}
td.date:before {
    content: "Date: ";
}
    td.event:before		{content: "Event: ";}
    td.location:before		{content: "Location: ";}
    td.cost:before		{content: "Cost: ";}
    td.seminar:before		{content: "Seminar: ";}
    td.description:before		{content: "Description: ";}
    td.day:before		{content: "Day: ";}
    td.length:before		{content: "Length: ";}
    section .date,
section .event,
section .location,
section .cost,
section .seminar,
section .description,
section .length,
    section .day {
    width: 100%;
    padding-left: 30%;
    position: relative;
    text-align: left;
    }
td:before {
    width: 25%;
    display: block;
    padding-right: 10px;
    position: absolute;
    top: 6px;
    left: 1em;
    color: #069;
    font-weight: bold;
    white-space: nowrap;
}
section tr {
    border-bottom: solid 2px #069;
}
section tr:nth-of-type(even) {
    /* [disabled]background-color: #FFC; */
}
section td, section th {
    display: block;
}
  div.carousel {
        display: none;
    }
}

@media (max-width:350px){
header h2 {
    font-family: Armada-condensed;
    color: #664882;
    font-size: 350%;
    text-shadow: 0px 5px 11.05px rgba(0, 0, 0, 0.56);
    text-align: center;
    line-height: 1.2em;
    letter-spacing: 0.12em;
    margin-top: 1em;
    display: none;
}
header p {
    color: #ffffff;
    font-size: 150%;
    font-weight: 700;
    text-shadow: 0px 3px 5.95px rgba(0, 0, 0, 0.8);
    text-align: center;
    line-height: 1em;
    letter-spacing: 0.4em;
    font-family: 'Source Sans Pro';
}
header.row {
    display: none;
    background: none;
}
address.col-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
h2 {
    font-size: 180%;
}
    div.carousel {
        display: none;
    }
}

@media screen and (max-width:991.98px){
.navbar-nav .nav-item {
    border-left: 1px solid #E3C4B9;
    border-right: 1px solid #E3C4B9;
    border-bottom: 1px solid #E3C4B9;
    border-top: 1px solid #E3C4B9;
    width: 100%;
    background-image: none;
    background-color: #BA6C51;
    font-family: Armada-condensed;
    font-size: 150%;
    font-weight: 700;
    padding-left: 10px;
    text-align: left;
}
header h2 {
    font-size: 300%;
    letter-spacing: 0.05em;
}
header p {
    font-size: 130%;
    font-weight: 700;
    letter-spacing: 0.2em;
    font-family: Armada-condensed;
    font-style: normal;
}


@media (max-width: 659.98px){
header h2 {
    font-size: 230%;
    margin: 1.4em 0 0 0;
    letter-spacing: 0.03em;
    line-height: 1.5em;
}
header p {
    font-size: 100%;
    font-weight: 700;
    letter-spacing: 0.03em;
    font-family: source-sans-pro, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
}
header {
    background-size: 70% auto;
    height: 160px;
}