/* override text-decoration on links */
a { color: #2ba6cb; text-decoration: underline; line-height: inherit; }

/* override nav bar and flyout themes */
.nav-bar { background: #0e1f38; /*#4d4d4d;*/ }
.nav-bar > li { border: 1px solid #2284a1; /*#333333; border-right: none;*/ }
.nav-bar > li.active { background: #0e1f38; border-color: #2284a1; }
.nav-bar > li.active > a { color: #aec253; cursor: default; }
.nav-bar > li.active:hover { background: #0e1f38; cursor: default; }
.nav-bar > li:hover { background: #0e1f38; }
.nav-bar > li > a:hover { color: #aec253; }
.nav-bar > li > a:first-child { font-size: 18px; /*14px;*/ }

.flyout { background: #f2f2f2; padding: 20px; margin: 0; border: 1px solid #2284a1; /*+*/border-top: none; /*#d9d9d9;*/ position: absolute; top: 39px; left: -1px; width: 250px; z-index: 40; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); /* remove margin on any first-child element */ /* remove margin on last element */ }

ul.flyout li, .nav-bar li ul li { border-left: solid 1px #2284a1; /*3px #CCC;*/ }
ul.flyout li a, .nav-bar li ul li a { text-decoration: none; background: #4d4d4d; /*#f2f2f2;*/ border: 1px solid #2284a1; /*#e6e6e6;*/ border-width: 1px 1px 0 0; color: #fff; /*#555;*/ font-size: 18px; /*14px;*/ padding: 10px 0px 10px 10px; /*15px 20px;*/ }
ul.flyout li a:hover, .nav-bar li ul li a:hover { background: #4d4d4d; /*#ebebeb;*/ color: #aec253; /*#333;*/ }
ul.flyout li.active, .nav-bar li ul li.active { border-left: 4px solid #2284a1;/*#1a1a1a;*/ }
/* /nav bar and flyout themes */


/*.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.45); z-index: 40; display: none; top: 0; left: 0; }*/

.reveal-modal { background: #4d4d4d; visibility: hidden; display: none; top: 100px; left: 50%; margin-left: -260px; width: 520px; position: absolute; z-index: 41; padding: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
.reveal-modal .close-reveal-modal { font-size: 22px; font-size: 2.2rem; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; /*+*/text-decoration:none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; }
.reveal-modal.small { width: 30%; margin-left: -15%; }
.reveal-modal.medium { width: 40%; margin-left: -20%; }
.reveal-modal.large { width: 60%; margin-left: -30%; }
.reveal-modal.xlarge { width: 70%; margin-left: -35%; }
.reveal-modal.expand { width: 90%; margin-left: -45%; }
.reveal-modal .row { min-width: 0; margin-bottom: 10px; }

.reveal-modal > :first-child { margin-top: 0; }
.reveal-modal > :last-child { margin-bottom: 0; }