/*!
 * This stylesheet is based on Grayscale Bootstrap Theme (http://startbootstrap.com/).
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
html { width: 100%; height: 100%; }

body { width: 100%; height: 100%; font-family: "Lora", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #FFFFFF; background-color: #000000; -webkit-tap-highlight-color: rgba(255, 255, 255, 0.2); }

@media (min-width: 767px) { body { font-size: 16px; } }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0 0 35px; text-transform: uppercase; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing: 1px; }

p { margin: 0 0 25px; font-size: 18px; line-height: 1.5; }

@media (min-width: 767px) { p { margin: 0 0 35px; font-size: 20px; line-height: 1.6; } }
a { color: #42DCA3; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
a:hover, a:focus { text-decoration: none; color: #41dca3; }

.light { font-weight: 400; }

.navbar-custom { margin-bottom: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); text-transform: uppercase; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #000000; }
.navbar-custom .navbar-brand { font-weight: 700; }
.navbar-custom .navbar-brand:focus { outline: none; }
.navbar-custom .navbar-brand .navbar-toggle { padding: 4px 6px; font-size: 16px; color: #FFFFFF; }
.navbar-custom .navbar-brand .navbar-toggle:focus, .navbar-custom .navbar-brand .navbar-toggle:active { outline: none; }
.navbar-custom a { color: #FFFFFF; }
.navbar-custom .nav .open > a, .navbar-custom .nav .open > a:focus, .navbar-custom .nav .open > a:hover { background-color: rgba(255, 255, 255, 0.2); }
.navbar-custom .nav .open ul.dropdown-menu { border-radius: 0; background-color: rgba(255, 255, 255, 0.7); }
.navbar-custom .nav .open ul.dropdown-menu li > a.active { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.3); }
.navbar-custom .nav .open ul.dropdown-menu li > a:focus, .navbar-custom .nav .open ul.dropdown-menu li > a:hover { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.5); }
.navbar-custom .nav li.active { outline: none; background-color: rgba(255, 255, 255, 0.5); }
.navbar-custom .nav li a { -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; transition: background .3s ease-in-out; }
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li a.active { outline: none; background-color: rgba(255, 255, 255, 0.3); }

@media (min-width: 767px) { .navbar { padding: 20px 0; border-bottom: none; letter-spacing: 1px; background: transparent; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out; }
  .top-nav-collapse { padding: 0; background-color: #000000; }
  .navbar-custom.top-nav-collapse { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } }
.intro { display: table; width: 100%; height: auto; padding: 100px 0 50px 0; text-align: center; color: #FFFFFF; background: #000000 url("/images/intro-bg.jpg") no-repeat scroll top center; /* The Fallback */ background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/intro-bg.jpg") no-repeat scroll top center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
.intro .intro-body { display: table-cell; vertical-align: middle; }
.intro .intro-body .brand-heading { font-size: 40px; }
.intro .intro-body .intro-text { text-align: justify; font-size: 18px; }
.intro .intro-body .intro-text p:last-child { text-align: center; }
.intro .intro-body .intro-text p:last-child img { max-width: 95%; margin: 0 0 2em 0; }

@media (min-width: 767px) { .intro { height: 100%; }
  .intro .intro-body .brand-heading { font-size: 75px; }
  .intro .intro-body .intro-text { font-size: 20px; } }
.btn-circle { width: 70px; height: 70px; margin-top: 15px; padding: 7px 16px; border: 2px solid #FFFFFF; border-radius: 35px; font-size: 40px; color: #FFFFFF; background: transparent; -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; transition: background .3s ease-in-out; }
.btn-circle:hover, .btn-circle:focus { outline: none; color: #FFFFFF; background: rgba(255, 255, 255, 0.1); }

.content-section { padding-top: 100px; }

@media (min-width: 767px) { .content-section { padding-top: 250px; } }
footer { padding: 25px 0; }
footer p { margin: 0; padding-top: 0.2em; border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 80%; }

::-moz-selection, ::selection { text-shadow: none; background: #fcfcfc; background: rgba(255, 255, 255, 0.2); }

img::selection { background: transparent; }
img::-moz-selection { background: transparent; }

.by-example-text { text-align: justify; }
.by-example-text ul { padding: 0; }
.by-example-text ul li { clear: both; list-style: none; padding-top: 0.5em; padding-left: 5px; color: gold; text-align: right; }
.by-example-text ul li ul { float: right; padding-left: 5px; width: 75%; }
.by-example-text ul li ul li { position: relative; clear: none; float: left; padding: 0 5px; width: 66.66666667%; color: #FFFFFF; text-align: left; }
.by-example-text ul li ul li:first-child a:last-child { vertical-align: super; padding-left: 2px; font-size: 70%; font-weight: bold; }
.by-example-text ul li ul li:last-child { width: 33.33333333%; }

@media (min-width: 767px) { .by-example-text ul li { padding-left: 15px; font-size: 20px; }
  .by-example-text ul li ul { padding-left: 15px; width: 83.33333333%; }
  .by-example-text ul li ul li { padding: 0 15px; width: 75%; font-size: 16px; }
  .by-example-text ul li ul li:last-child { width: 25%; } }
.costs-benefits-text { text-align: left; }
.costs-benefits-text .addendum { padding-top: 3em; }
.costs-benefits-text .addendum h3 { margin-top: 1em; text-transform: none; font-weight: 500; }
.costs-benefits-text .addendum p { margin-bottom: 10px; }
.costs-benefits-text .addendum p:last-child { padding: 1em; color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.1); border-radius: 0.8em; font-size: 16px; }
.costs-benefits-text .addendum p:last-child::first-letter { float: left; padding: 0.15em 0.1em 0 0; font-size: 3em; line-height: 0.8em; }
.costs-benefits-text .addendum ul { padding-left: 1em; margin-bottom: 20px; }
.costs-benefits-text .addendum ul li { list-style: none; margin-left: 1.2em; }
.costs-benefits-text .addendum ul li::first-letter { margin-left: -1.2em; margin-right: 0.2em; }

@media (min-width: 991px) { .costs-benefits-text .addendum { position: relative; margin-bottom: 2em; padding-right: 32%; }
  .costs-benefits-text .addendum p { margin-bottom: 15px; }
  .costs-benefits-text .addendum p:last-child { position: absolute; top: 3em; right: 0; bottom: 0; width: 30%; margin: 0; background-color: transparent; border-radius: 0; border-left: 1px dotted rgba(255, 255, 255, 0.3); font-size: 18px; } }
@media (min-width: 767px) { .costs-benefits-text .addendum ul li { margin-left: 1.5em; }
  .costs-benefits-text .addendum ul li::first-letter { margin-left: -1.5em; margin-right: 0.5em; } }
@media (max-width: 767px) { footer p br { display: none; }
  footer p span[property="dcterms:rights"]::before { content: "\007C\00a0"; } }
.see-also-text { text-align: left; }
.see-also-text ul { padding-left: 15px; }

.acknowledgments-text { color: rgba(255, 255, 255, 0.5); text-align: justify; }
.acknowledgments-text p { font-size: 90%; }

.stars-inline { color: gold; margin-right: .2em; }

#show-data { margin: 2em 0; }

#hint { display: none; margin-bottom: 1em; }
#hint p { margin: 0; padding: 5px; color: rgba(255, 255, 255, 0.7); font-size: 80%; font-style: italic; }

#data table td { padding: 1em; }

.highlight { border: 1px dotted red; cursor: pointer; }

#data-out { display: none; border: 1px solid rgba(255, 255, 255, 0.3); color: #FFFFFF; background: rgba(255, 255, 255, 0.3); font-size: 90%; margin: 10px; padding: 5px; }

#footer { margin-top: 1em; font-size: 60%; border-top: 1px solid rgba(255, 255, 255, 0.3); }