/**
  * Stopdebewaarplicht CSS by THD
  *
  * Base color: #ff9000
  * Alt color: #ee8027
  */

#metadata {
  display: none;
}

div.home-text-wrapper .scroll-down {
  bottom: 25% !important; /* Instead of default 90px */
}

div.home-parallax {
  background-position: 25% 25%;
}

h1.home-title {
  display: block;
  position: absolute;
  left: 45%;
  width: 50%;
  top: 30%;
  height: 50%;
  color: #ffffff;
  white-space: normal;
  line-height: 150%;
  margin: 0;
}
h1 .larger_h1 { font-size: 1.3em !important; }
h1 .smaller_h1 { font-size: 1.3em !important; }


div.home-subtitle-container {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
  padding: 0;
  margin: 0;
  background: #ff9000;
}

h1.home-subtitle {
  display: block;
  position: relative;
  top: 55%;
  transform: translateY(-50%);
  width: 90%;
  height: 50%;
  padding: 0 5%;
  margin: 0;
  color: #202020;
  text-align: center;
}

h6 {
  font-size: 14pt !important;
}

h6.contactoptions {
  margin: 20pt 0;
}

h6.suggestedtext,
blockquote {
  display: block;
  padding: 5% 5%;
  margin: 20pt 5%;
  background: #ffffff;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  border-radius: 30px;
  -moz-box-shadow: 0px 0px 5px #ff9000;
  -webkit-box-shadow: 0px 0px 5px #ff9000;
  box-shadow: 0px 0px 5px #ff9000;
  text-align: left;
}

blockquote {
  font-size: 1.1em !important;
}

h6.suggestedtext {
  font-size: 0.8em !important;
}

#stop-met-het-bewaren-van-mijn-gegevens a img,
#deel a img {
  width: 100px;
  height: 100px;
  padding: 10px;
  margin: -5px; /* needs -2px or -5px with space! */
  background: none;
  z-index: 1;
}

#stop-met-het-bewaren-van-mijn-gegevens a:hover img,
#deel a:hover img,
.activeprovider img {
  background: #ff9000;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  -moz-box-shadow: 0px 0px 5px #ff9000;
  -webkit-box-shadow: 0px 0px 5px #ff9000;
  box-shadow: 0px 0px 5px #ff9000;
  z-index: 10;
}

.activeprovider img {
  background: #0000ff;
}

.inactiveprovider {
  opacity: 0.33;
}

.wwwoverlay {
  display: block;
  font-size: 24px;
  text-align: center;
  color: #404040;
  text-shadow: 0px 0px 10px #ffffff;
  margin: -50px 0 0 0;
}

#sharecontainer {
  display: block;
  background: #ffffff;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  border-radius: 30px;
  -moz-box-shadow: 0px 0px 5px #ff9000;
  -webkit-box-shadow: 0px 0px 5px #ff9000;
  box-shadow: 0px 0px 5px #ff9000;
  background: #ffffff;
}

#sharecontainer iframe {
  width: 100%;
  height: 1000px;
  border: none;
  margin: 0;
  padding: 0;
}


BODY .navigation li a:hover,
BODY .navigation li.active a,
BODY .navigation.colored li a:hover,
BODY .navigation.colored li.active a,
BODY .navigation li.current-menu-item a,
BODY .navigation li.current_page_parent > a {
  color: #ff9000 !important;
}