body { padding-top: 56px; }
body.fade-in-effect { display:none;}
.has-shadow { box-shadow:0 1px 8px #666;}
.text-shadow-dark { text-shadow:3px 3px #000;}
.text-shadow-light { text-shadow:3px 3px #fff;}
.text-red { color:#d9534f;}
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #343a40 !important; }
.bg-hero { background-color: #0fbe50; }

/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom: 1.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }

/* Header */
header { background-color:#0fbe50;}
header h1 { padding:80px 0 0; font-size:60px;}
header img { width:100%!important;}

/* Google Font */
html, body { font-family: "Josefin Sans", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Bebas Neue", sans-serif;}

/* Heading (Universal) */
h2 { color:#54200c; margin-top:30px;}

/* Footer */
footer a { color: white; font-weight: bold; text-decoration: none; }
footer a:hover { color: white; text-decoration: underline; }

/* Menu */
nav { background-color:#396381;}
nav .navbar-brand img { max-height:60px;}
nav .nav-link { color:#ffffff; }

/* Page-Specific (Description) */
.reference h2 { color:#008000; margin-top:30px;}
.reference ol > li { font-size:12px;}

/* Sticky-Menu (Side) */
.sticky-menu { position:sticky; top:100px; align-self:start; box-shadow:8px 8px 12px rgba(0, 0, 0, 0.15); padding-right:15px; background-color:#fff;}