html {font-size: 14px;}

:root {
  --jumbotron-padding-y: 1rem;
}


.navbar {border-bottom:2px solid #000; margin: 0;}
.navbar-green {background-color:#1d3154 !important;}
.navbar a.navbar-brand, .navbar a.navbar-brand:hover {color: #fff; font-style: italic;  font-family: 'Droid Serif', serif;}
.navbar a.navbar-brand:hover {color: #ff2;}
.navbar a.navbar-brand:active {color: #ef2c2c;}
.navbar-green .navbar-nav .nav-link {color: #fff;}
.navbar-green .navbar-nav .nav-link:hover, .navbar-green .navbar-nav .nav-link:focus {color:#fff; background-color:#c90909;}

.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);
  margin-bottom: 0;
  background-color: #ff0;
  height: 16rem; 
  /*background-image: url("../img/banner.jpg"); min-height: 50%; background-position: center; background-repeat: no-repeat; background-size: cover;*/
  font-family: 'Playball', cursive;
}

.row {font-family: 'Open Sans', sans-serif;}


.card-body p {font-family: 'KoHo', cursive; font-size: 1.4rem; text-align: center;}

a {color:#e54a4e;}
a:hover, a:focus {color:#1d9658;}

nav .breadcrumb {font-size: 0.85rem;  margin-top: 0.5rem;}
.breadcrumb {background-color:transparent; padding: 0;}
.breadcrumb a {color: #777777;}


.table-bordered {border-right: 1px solid #dee2e6; border-left: 1px solid #dee2e6;}
.table-bordered > thead > tr > th {background-color:#fcf4ad; border-bottom:1px solid #dee2e6;}
.table-bordered > thead > tr > th.no-line, .table-bordered > tbody > tr > td.no-line {border-right:none !important; border-left:none !important; border-top:none !important;}



ul.listing li {list-style:square; margin-bottom: 15px;}
ul.listing li ul li {list-style:circle; margin-bottom: 15px;}
ul.list {margin:0px; padding-left: 14px;}
ul.list li {list-style:square; margin-bottom: 4px;}
ul.align {margin-top: -20px; margin-bottom: 30px;}

.ssk-group {width:100%; text-align:center; border-top: 1px solid #eee; padding-top: 10px;}




.kentekenplate {color:#000; text-align: center; font-size: 3rem; text-transform: uppercase; background-image:url('../img/kenteken.jpg'); background-repeat: no-repeat; height: 64px; width: 290px;}










@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}



footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 2rem;
  font-size: 0.9em;
  color: #888;
  background-color: #1d3154;
  border-top: 2px solid #de5c25;
}
footer a {color: #aaa;}
footer a:hover, .footer a:focus {color:#fff;}
footer p.note {text-align: center; color: #555; font-style:italic;}










/*



.jumbotron {border-radius:0; border-bottom: 5px solid #de5c25; background-color: #a4c203; padding-top: 20px; padding-bottom: 20px; font-style: italic; color: #404040; margin-bottom:1rem;}

.navbar-light .navbar-toggle {border-color: #ddd;}
.navbar-light .navbar-toggle:hover, .navbar-light .navbar-toggle:focus {background-color: #65ae3f;}
.navbar-light .navbar-toggle .icon-bar {background-color: #ddd;}

.dropdown-menu {background: #589c37; border-top:0}
.dropdown-menu .divider {background-color:#6fad3e;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color:#fff; background-color:#c90909;}



h1, h2, h3, h4 {font-family: 'Yanone Kaffeesatz', serif;}
p {margin-bottom:20px;}
.table p {margin-bottom: 10px;}
.col-lg-8 {text-align:justify;}



.captcha {width:120px; margin-top: 5px;}
.fa-star, .fa-star-half-o {color:#fec400;}
.fa-star.grey {color:#cfcfcf;}
.fa-star, .fa-star-half-o, .fa-star.grey {margin-right:2px; font-size: 2em !important;}

.center {margin: 0 auto;}
.right {float:right;}

.list-group .active {background-color:#80c15a; border-color:#80c15a; color:#222; text-shadow: 1px 1px 1px #fff;}




.table .title a {color:#1d9658;}
.table .title a:hover, .table .title a:focus {color:#d9534f; text-decoration:none;}


span.codedirection {unicode-bidi:bidi-override; direction: rtl;}
.card {border-color:#b1d8a2;}
.box-shadow {box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);}
.card img {border-bottom: 1px solid #ddd;}
.card-body {padding-top:0.6rem; padding-bottom:0.6rem;}
.card-body a {margin-left:auto; margin-right:auto;}
.album .col-md-4 {width:33%; float: left; display:block;}

/**** Colours ****/
/*
h1 {color:#005b92;}
h2 {color:#de5c25;}
h3 {color:#029a06;}
i.fa-folder-open {font-size: 1.1em;}
.type {color:#1d9658;}
.category {color:#fe0007;}
.origin {color:#e68b22;}

.fa-angle-double-up {color:#32a136;}
.fa-angle-double-down {color:#fd1818;}
.fa-angle-left, .fa-angle-right {color:#8a77bf;}








@media (min-width: 320px) {
  .navbar {margin-bottom: 0.6rem;}
  .jumbotron {display:none;}
  h1 {font-size:1.6em; margin:0 0 20px 0; line-height: 30px;}
  h2 {font-size: 1.5em; margin:0 0 20px 0; line-height: 28px;}
  h3 {font-size: 1.4em; margin:0 0 15px 0;}
  h4 {font-size: 1.3em;}
  .mobile {display:block;}
  .desktop {display:none;}
  .table .title a {font-size: 1.1em;}
}


@media (min-width: 768px) {
  html {font-size: 0.8rem;}
  body {line-height: 26px; font-family: 'Droid Serif', serif;}
  .container {max-width: 750px;}
  .navbar {margin-bottom:0;}
  .jumbotron {display:block; font-size:1rem;}
  h1 {font-size: 2.2em; margin:0 0 20px 0; line-height: 30px;}
  h2 {font-size: 2em; margin:0 0 20px 0; line-height: 28px;}
  h3 {font-size: 1.8em; margin:0 0 15px 0;}
  h4 {font-size: 1.4em;}
  .mobile {display:none;}
  .desktop {display:block;}

  .desktop .col-md-3, .desktop .col-lg-4 {float: left; width: 33.33%;}

  .list-group .active {font-size: 1.2em; font-style: italic;}
}

@media (min-width: 1024px) {
  .jumbotron {font-size:1.1rem;}
  .jumbotron .col-md-6 {float: left; width: 50%;}
  .jumbotron .col-md-3 {float: left; width: 25%;}
  h1 {font-size:2.3em; margin:0 0 24px 0; line-height: 40px;}
  h2 {font-size: 2.1em; margin:0 0 20px 0; line-height: 30px;}
  .table .title a {font-size: 1.3em; font-style: italic;}
}

@media (min-width: 1280px) {
  html {font-size: 0.9rem;}
  .container {max-width: 1250px;}
  .jumbotron {font-size: 1.2rem;}
  h1 {font-size:2.5em; margin:0 0 24px 0; line-height: 40px;}
  h2 {font-size: 2.5em; margin:0 0 20px 0; line-height: 30px;}
  h3 {font-size: 2em; margin:0 0 15px 0;}
  h4 {font-size: 1.6em;}
}


.pricing-header {
  max-width: 700px;
}

.card-deck .card {
  min-width: 220px;
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }