/* CSS Document */

body,html { overflow-x: visible; } /* This is needed to get the .sticky-top nav to work */

main section { margin-bottom: 55px; margin-top: -50px; padding-top: 50px; }
main h2 { text-align: left; font-size: 32px; font-weight: 600; letter-spacing: 0.01em; margin-bottom: 25px; }
main h3 { color: #8E4199; font-size: 24px; font-weight: 600; letter-spacing: 0.01em; margin-bottom: 14px; }
main h4 { color: #1E3A74; font-size: 20px; font-weight: 600; margin-bottom: 1rem; }
main p  { font-weight: 300; line-height: 22px; margin-bottom: 1.4rem; }
main p strong { font-weight: 600; }
main p + ul { margin-top: -15px; }
main ul li { padding: 6px 0; font-weight: 300; }
main a.btn { margin-bottom: 5px; }
main img { max-width: 100%; }

main .pricing-table {  }
main .pricing-table th { text-align: center; }
main .pricing-table td { text-align: center; padding: 12px 0; }

main h3#dining-plans-calculator { margin-bottom: 24px; }
main #dining-plans-calculator-filters { border: 0; border-radius: 6px; box-shadow: 0px 10px 40px 0px #0000000D; }
main #dining-plans-calculator-filters .card-body { padding: 25px 30px 12px; }
main #dining-plans-calculator-filters label { margin-bottom: 0; color: #1f1f1f; font-size: 14px; }
main #dining-plans-calculator-filters .select2-container { display: block; margin-bottom: 12px; }

main #dining-plans-calculator-table {  }
main #dining-plans-calculator-table th { text-align: center; padding: 26px 10px; }
main #dining-plans-calculator-table th:first-child { text-align: left; }
main #dining-plans-calculator-table td { text-align: center; vertical-align: middle; padding: 14px 10px; line-height: 1.333rem; font-weight: 600; }
main #dining-plans-calculator-table td:first-child { text-align: left; font-weight: 300; }
main #dining-plans-calculator-table td strong { font-weight: 600; }

#page-navigation { border: 0; box-shadow: 0px 10px 40px 0px #0000000D; top: 30px; z-index: 2; }
#page-navigation .card-body { padding: 20px 24px; }
#page-navigation .card-body ul { list-style: none; padding: 0; margin: 0; }
#page-navigation .card-body ul li { padding: 16px; border-bottom: 1px solid #EBEAEA99; }
#page-navigation .card-body ul li:last-child { padding: 16px; border-bottom: 0; }
#page-navigation .card-body ul li a { text-decoration: none; color: #1f1f1f; }
#page-navigation .card-body ul li a.active { color: #8E4199; font-weight: 600; }
#page-navigation .card-body ul li a:hover { text-decoration: underline; }