/* This section hoisted from about.php for starters */
.stats{margin:50px auto 95px;}
.about-left, .percent {float: right;}
.about-left{color: #048D4C; font-size:20px; font-weight: bold;}
.percent{font-size:80px; font-weight: bold;    margin: 10px auto; text-align: right; position: relative; right: -44%;}
.about-cta{font-size:36px; position: relative; top: 39px;}
.about-cta-link{font-size:22px; position: relative; top: 50px;}

@media screen and (min-width: 1200px) {
/*   .container{max-width: 992px !important;} /* Full-Width content for Landing Page Variant */  */
}

@media screen and (max-width: 500px){
  .about-two-column .btns{margin-bottom: 60px;}
}
/* End Hoist */
/* Begin Will's code */
.detail .detail-hero:before{background: #05717f;opacity: .6;content: "";height: 100%;width: 100%;top: 0;left: 0;position: absolute;display: block;}
.detail .detail-hero {background-position: 50% 70%; background-repeat: no-repeat; background-size:cover; position: relative;}
.detail .cards { background: #f4f4f4; width: 100%; padding-bottom: 20px; margin-bottom: 20px; top: 0; position: relative;}
.detail .card { border-top: 5px solid #fbeb6c; background: #fff; padding: 0; width: 30.5%; margin: 10px 11px 10px 15px; text-align: center;}
.detail h1 { margin: 100px auto; text-align: center;}
.detail h2 { color: 000; font-size: 24px;}
.detail h2.highlight { color: #048d4c; 24px;}
.detail h3 { font-size: 20px;}
.detail h3.highlight { color: #048d4c;}
.detail h4 { font-size: 18px;}
.detail h4.highlight { color: #048d4c;}
.detail h5 { font-size: 16px;}
.detail h5.highlight { color: #048d4c;}
.detail h6 { font-size: 14px; text-transform: uppercase;}
.detail h6.highlight { font-size: 14px; color: #048d4c;}
.detail p { text-align: left; font-size: 14px; font-weight: 400;}
.detail p.highlight { text-align: left; font-size: 14px; color: #048d4c; font-weight: 700;}
.detail p a { color: #000; border-bottom:2px solid #94b413;}
.detail p a.external { color: #048d4c; font-weight: 700;}
.detail a.standalone { text-transform: uppercase; border-bottom: 2px solid #fbeb6c; line-height: 2;}
.detail a.standalone:hover { background: #fbeb6c; color: #000; transition color 500ms ease-in 200ms; transform-origin: bottom;}
.detail ul {}
.detail li {}
.detail li.highlight { color: #048d4c;}
.detail li a { border-bottom: 2px solid #fbeb6c;}
.detail li a:hover { background: #fbeb6c; color: #000; transition color 500ms ease-in 200ms; transform-origin: bottom;}
.detail ol {}
.detail ol li {}
.detail ol li.highlight { color: #048d4c;}
.detail ol li a { border-bottom: 2px solid #fbeb6c;}
.detail ol li a:hover { background: #fbeb6c; color: #000; transition color 500ms ease-in 200ms; transform-origin: bottom;}
.detail dl {}
.detail dl dt { font-weight: 700;}
.detail dl dd {}
.detail dl.highlight {}
.detail dl dt.highlight { color: #048d4c; text-transform: uppercase;}
.detail dl dd.highlight { color: #048d4c;}
.detail cite { display: block; margin: 10px 0;}
.detail hr { border-top: 2px solid #048d4c; height: 0; margin: 10px 20%;}
.detail abbr { text-transform: uppercase; color: #048d4c; font-weight: 600;}
.detail a.btn.btn-green { width: 25%; text-align: center; text-transform: uppercase; font-size: 16px; padding: 5px 0;}
.detail table { border: none; width: 100% !important;}
.detail th { font-size: 20px; color: #048d4c; font-weight: 700;}
.detail th[colspan="3"] { font-size: 20px; font-weight: 700; color: #000;}
.detail tbody tr:nth-child(odd) { background: #f4f4f4;}
.detail tbody tr:nth-child(even) { background: #fff;}
.detail td { padding: 10px; width: 33%; font-size: 12px;}
.detail pre { overflow-x: auto; white-space: pre-wrap; white-space: -moz-pre-wrap;  white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
.detail .questions { background: #f4f4f4; text-align: center; padding: 10px 20px; margin: 20px auto;}
.detail .questions h2 { color: #048d4c; margin: 10px auto; text-align: center;}
.detail .questions p { font-size: 16px; text-align: center; margin: 0 auto 20px auto;}
.detail .sidebar .inner-sidebar { background: #ed6f43; color: #fff; margin-top: -75px; padding: 15px;}
.detail .sidebar h2 { color: #fff; text-align: center; padding: 0; border-bottom: 2px solid rgba(237, 111, 67, 0.5) !important;}
.detail .sidebar hr { width: 94%; height: 0; border-bottom: #ed6f43; border-top: 2px solid #aa5a3c; margin: 0 auto 10px auto;} /*border-top: 2px solid #aa5a3c*/
.detail .sidebar ul { list-style: none; margin-left: -45px; width: 120%}
.detail .sidebar li { padding: 5px; font-size: 16px; display: block; width: 100%;}
.detail .sidebar li a { color: #fff; border-bottom: none; width: 100%;  margin: 0; padding: 5px; display: block;}
.detail .sidebar li a:hover { color: #048d4c;}

@media screen and (max-width: 992px){
 .detail .sidebar .inner-sidebar { margin-top: 0;}
 .detail .sidebar ul { width: 100%;}
}