/* general styles */
html, body {
  height: 100%;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  word-wrap: break-word;
}

a:link, a:active, a:visited {
  color: #014894;
  text-decoration: none;
}
a:hover {
  color: #84A0D3;
  text-decoration: none;
}

 .nowrap {
    white-space: nowrap;
}

.lightblueBG {
  background-color: #014894;
}
.darkblueBG {
  background-color: #84A0D3;
}
.whiteBG {
  background-color: #FFF;
}

.highlight { 
  color: #014894; /* */
}

.noscript {
  padding: 10px;
}

.noscript a:link, .noscript  a:active, .noscript a:visited {
  color: #014894;
}
.noscript a:hover {
  color: #014894;
}

/* padded section */
.pad-section {
  padding: 50px 0;
}

.pad-section img, .pad-section-first img{
  width: 100%;
}
/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.twocolumns {
  column-count: 1;
}

@media (min-width: 768px) {
  .twocolumns {
  column-count: 2;
  }
}
/* additional sections */

#about {
  padding-top: 5px;
}

@media (min-width: 768px) {
  #about {
    padding-top: 50px;
  }
}

#useCases, #successStoryRework, #successStoryUseAcceptance {
  background: #014894;
  background: linear-gradient(to bottom right, #84A0D3, #014894);
  color: #ffffff;
  box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.16), 0 5px 50px 0 rgba(0, 0, 0, 0.12);
 -webkit-transition: .25s box-shadow;
 transition: .25s box-shadow;
}

#useCases .glyphicon {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  display: inline-block;
  font-size: 60px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 140px;
}

#useCases p, #useCases h4 {
  padding-top: 10px;
}

#useCases h2 {
  padding-bottom: 25px;
}

#contact a {
  white-space:nowrap;
  font-size: 2.8em;
  letter-spacing: 0.06em;

}
#contact h2 {
  font-size: 3em;
  font-weight: bold;
  letter-spacing: 0.06em;
}

@media (min-width: 768px) {
    #contact a {
    font-size: 4.3em;
    letter-spacing: 0.08em;
  }
  #contact h2 {
    font-size: 4.8em;
    font-weight: bold;
  }
}

.language {
  text-align: right;
  padding-bottom: 0;
}

footer {
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 0.8em;
  color: #eee;
  background: #333;
  box-shadow: inset 0 0 5rem rgba(0,0,0,.5);
}

footer a:link, a:active, a:visited {
  color: #84A0D3;
  text-decoration: none;
}
footer a:hover {
  color: #014894;
  text-decoration: none;
}
footer h4 {
  font-size: 1.5em;
  font-weight: bold;
}
footer h5 {
  font-size: 1.0em;
  font-weight: bold;
}

.footer-copyright{
  padding-top: 50px;
  padding-right: 25px;
}

#social {
  padding-top: 25px;
}

#social img {
  height: 21px;
}

#toc {
  background-color: #eee;
  padding-bottom: 15px;
}

#toc h1 {
  padding-top: 75px;
  padding-bottom: 25px;
}

#toc ul {
  list-style-type: upper-roman;
  padding-left: 35px;
}

#privacystatement h2, #privacystatement_en h2 {
  font-size: 2em;
}
#privacystatement h3, #privacystatement_en h3 {
  font-size: 1.5em;
}
#privacystatement h4, #privacystatement_en h4 {
  font-size: 1.2em;
}

.pldprocess {
  background-image: url(../images/pld-process.png);
}

.pldrecipebarcode {
  background-image: url(../images/pld-recipebarcode.png);
}

.pldslotmap {
  background-image: url(../images/pld-slotmap.png);
}

.pldtimer {
  background-image: url(../images/pld-timer.png);
}

.pldarrivalsboard {
  background-image: url(../images/pld-arrivalsboard.png);
}

/* bootstrap extensions */

@media (min-width: 768px) {
  .offset-right-md-1 {
    margin-right: 8.33333333%;
  }
}