.text-success { color:#209415 !important; } /*GREEN 32,1448,21*/
.bg-success { background-color:#209415 !important; }
a.bg-success:hover, a.bg-success:focus { background-color:#0C3706 !important; }

h1, .h1 { font:700 2.7rem/1 "Open Sans Condensed",sans-serif !important; }
h2, .h2 { font:700 2.3rem/1 "Open Sans Condensed",sans-serif !important; color:#209415; text-transform:uppercase; }
h3, .h3 { font:700 1.56rem/1 "Open Sans Condensed",sans-serif !important; text-transform:uppercase; }

.display-3 { font-size:2.5rem !important; transition:.5s ease; }
blockquote { padding:15px; background:#e5e5e5; border-radius:6px; margin-bottom:1rem; }

a.button { padding:20px 20px 20px 50px; font:700 1.125rem/1 "Open Sans Condensed",sans-serif !important; background-color:#209415 !important; }
a.button, a.button:focus, a.button:hover { background-image:url('/images/interface/bg-cog.png'); background-position:14px center; background-repeat:no-repeat; }
a.button:focus, a.button:hover { background-color:#0C3706 !important; }
a#adminEdit { position:absolute; top:-40px; opacity:.5; }
a#adminEdit:hover { opacity:1; }

#top-header { max-height:450px; overflow:hidden; }
#main-logo { border-bottom-right-radius:6px; border-top-right-radius:6px; }
#main-logo img { max-width:157px; }

article p, article li { font-family:"PT Serif", serif; font-size:1.18rem; line-height:1.7; }
article ul, article ul li { margin:0; padding:0; list-style:none; }
article ul li { padding-left:23px; position:relative; padding-bottom:15px; }
article ul li:before { content:""; position:absolute; width:10px; height:10px; left:0px; top:12px; background:#209415; border-radius:50%; }

.video-wrapper { margin-bottom:35px; box-shadow:none; }

/*ACCORDION*/
div.accordion { background-color: #e5e5e5; color: #373737; cursor: pointer; padding: 15px 25px; text-align: left; border: none; outline: none; position:relative; }
div.accordion.active, div.accordion:hover { background-color: #e5e5e5; }
div.accordion * { margin-bottom:0; padding-bottom:0; }
div.accordion h3:after { content: '\f061'; font:900 1.0rem/1 "Font Awesome 5 Free"; color: #a0a0a0; display:inline-block; padding-left:10px;  }
div.accordion.active h3:after { content: "\f063"; }
div.panel { padding: 25px 0px 0px 0px; background-color: white; max-height: 0; overflow: hidden; transition: 0.5s ease; opacity: 0; }
div.panel.show { padding: 25px 0px 25px 0px; opacity: 1; max-height: 1500px; overflow:auto;  }

@media screen and (min-width: 800px) {
  .display-3 { font-size:3.5rem !important; }
}
@media screen and (min-width: 1100px) {
  h1, .h1 { font-size:2.7rem; }
  h2, .h2 { font-size:2.5rem; }
  h3, .h3 { font-size:1.56rem; }
  .display-3 { font-size:5rem !important; }
  #bodyRightContent.sticky { position:fixed; max-width:270px; top:37px; }
}