p {
        margin-bottom: 20px;
}
 .cpp-h1 {
     margin: 23px 0;
     font-size: 48px;
     font-family: "proxima-sera", sans-serif;
     color: #005030;
}
 #wacheader {
     margin-top: -94px;
}
 #wacgraybar {
     background-color: #f3efe9;
     padding: 20px;
}
 #waccpplogo {
     height: 55px;
     width: auto;
}
 #wacgreenbar div {
     font-weight: 600;
     font-family:transducer-extended, sans-serif;
}
 #wacgreenbar {
     background-color:#005030;
     padding:20px 0;
     text-align: center;
     text-transform: uppercase;
}
 #waclgreenbar {
     background-color:#A4D65E;
     padding:15px 0;
}
 #wacnav ul {
     text-align: center;
     margin:0px;
}
 #wacnav ul li {
     display: inline-block;
     border-left: 3px solid #ffffff;
     padding-left: 10px;
     padding-right: 10px;
}
 #wacnav ul li a {
     color: #000000;
     font-weight: 800;
     text-transform: uppercase;
}
 #wacnav ul li:first-child {
     border:none;
}
 .waclargegraytxt {
     font-size:85px;
     color:#ffb81c;
}
 .waclargewhttxt {
     font-size:85px;
     color:#a4d65e;
}
 .waclargewhttxtjus {
     font-size:85px;
     color:#ffffff;
}
 #wacfeaturedtxt {
     width: 102%;
     padding: 50px 50px;
     text-align: center;
     background-color: #f3efe9;
     color: #5e656d;
     margin-left: -15px;
}
 #wacfeaturedtxt p {
     max-width: 925px;
     line-height: 43px;
     margin-left: auto;
     margin-right: auto;
     font-family: "proxima-sera", sans-serif;
     font-weight: 500;
     font-style: normal;
     font-size: 22px;
}
 #view-submit {
     max-width: 800px;
     margin: 0 auto;
     margin-top: 50px;
}
 .text-images {
     margin-bottom:0px;
}
 #view-submit img {
     transition: all .5s;
}
 #view-submit img:hover {
     filter: contrast(1.8);
     transition: all .5s;
}
 #wacactions .card {
     transition: all .5s;
     background:none !important;
     border:none !important;
}
 #wacactions .card:hover {
     scale: 105%;
     transition: all .5s;
}
 #wacactions .card a img {
     width:100%;
     height:auto;
}
/*alter standard slide show */
 .slide-title {
     font-family: justus-pro, serif;
}
/*footer */
 #wacfooter {
     background: #F2EEE8;
     padding-top: 25px;
}
 #wacfooter .container {
     max-width:1200px !important;
}
 #wacfooter p {
     font-size: 14px;
     text-align: center;
}
 #stayconnected img {
     width: 500px;
     margin-bottom: 25px;
}
 #stayconnected {
     text-align:center;
}
 #wacsocial {
     font-size: 25px;
     color: #fff;
     text-align: center;
     padding: 30px;
}
 #wacsocial a {
     color:#ffffff;
}
 #wacsocial a:hover {
     color:#ffe06b;
}
 #wacsocial .svg-inline--fa {
     background: #005030;
     height: 25px;
     width: 25px;
     border-radius: 50%;
     padding: 10px;
}
 .story-heading {
     background-color: #f2eee8;
     padding: 50px 0;
}
 h1 {
     color: #005030;
}
 .wearecpp-story h1 {
     margin: 23px 0;
     font-size: 48px;
     font-family: "proxima-sera", sans-serif;
     color: #005030;
}
 .wearecpp-story h2 {
     font-size: 35px;
     font-family: justus-pro, serif;
     color: #00838A;
}
 .story-title p {
     font-size: 18px;
     color: #000000;
     line-height: 24px;
     font-family: "usual", sans-serif;
}
 .story-image {
     width: 100%;
     border-left: 15px solid #b52b4d;
}
 .story-text {
     font-family: "usual", sans-serif;
     line-height: 29px;
     font-size: 15px;
     color: #353535;
     margin-top: 45px;
     margin-bottom: 45px;
}
 .left-q {
     font-size: 88px;
     color: #338144;
     position: relative;
     bottom: -18px;
     padding-right: 10px;
}
 .right-q {
     font-size: 88px;
     color: #338144;
     position: relative;
     bottom: -18px;
     padding-left: 10px;
}
 .weare-quote {
     font-size: 25px;
     font-weight: 100;
     color: #6c757d;
     font-style: oblique;
     padding: 35px 60px;
     margin-bottom: 35px;
     margin-top: 15px;
}
 .vid-caption {
     margin-bottom: 40px;
}
 .story-heading iframe {
     border: solid #ffffff 15px;
}
 .story-module {
     background-color: #0a5130;
     width: calc(100% + 32px);
     margin-left: -15px;
}
 .story-listing {
     background-color: #0a5130;
     padding-top: 20px;
}
 .story-card .card {
     border: none;
     color: #ffffff;
}
 .story-card .card .card-body {
     padding: 8px;
     background: #0a5130;
     transition:background .5s;
}
 .story-card .card .card-body h2 {
     color: #ffb81d;
     font-size: 18px;
     font-weight: bold;
     font-family: "proxima-sera", sans-serif;
     font-style: normal;
     margin-top: 20px;
}
 .card-title {
     margin-bottom: 2px;
     font-size: 35px;
     font-family: "proxima-sera", sans-serif;
     color: #b52b4f;
}
 .story-card .card-text {
     line-height: 20px;
     font-size: 15px;
}
 .vid-icon {
     position: absolute;
     width: 50px;
     right: 8px;
}
 .video img, .text img{
    /*box-shadow: 2px 2px 15px #000;
    */
}
 .story-card a {
     text-decoration:none;
}
 .story-card a:hover .card .card-body {
     // background:#5e6062;
     // transition:background .5s;
     text-decoration: underline;
}
 .more-stories {
     color: #ffb81d;
     width: 100%;
     text-transform: uppercase;
     text-align: right!important;
     padding-bottom: 20px;
     font-weight: 700;
}
 .more-stories:hover {
     color: #fae376;
}
 .note-body {
     height: 150px;
     overflow: hidden;
     transition: all .5s;
     font-family: "usual", sans-serif;
}
 .note-fade {
     position: absolute;
     z-index: 1;
     bottom: 45px;
     left: 0;
     pointer-events: none;
     background-image: linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, 1) 90%);
     width: 100%;
     height: 80px;
     transition:all .5s;
}
 .note-footer {
     border-bottom: 6px solid #00838A;
}
 .note-expanded .note-body {
     height: auto;
     overflow: hidden;
     transition:all .5s;
}
 .note-expanded .note-fade {
     height: 0;
     transition:all .5s;
}
 .open-card {
     color: #00838A;
     font-size: 30px;
     transition: all .5s;
     width: 100%;
     display: block;
}
 .open-card:hover {
     color: #b52b4f;
}
 .note-collapse {
     transition:all .5s;
}
 .note-expanded .open-card svg {
     transform: rotate(180deg);
    /*transition:all .5s;
    */
}
 .view-submit {
     width: 100%;
     background-color: #5f666d;
     text-align: center;
     padding: 25px;
     font-size: 35px;
     line-height: 45px;
}
 .vs {
     display: block;
     font-weight: 900;
     text-transform: uppercase;
     color: #99e1a7;
     letter-spacing: 8px;
}
 .cn {
     font-family: justus-pro, serif;
     text-transform: uppercase;
     color: #ffffff;
     letter-spacing: 5px;
}
 .view-submit:hover {
     background-color: #383f48;
}
 .view-submit a:hover {
     text-decoration:none;
}
 .card {
     height:auto !important;
}
 .bar-magenta .text:after, .bar-magenta .video:after {
     content: "";
     display: block;
     position: absolute;
     width: 93%;
     height: 9px;
     transition: background-position-x 0.2s;
     background: linear-gradient(90deg, rgb(255, 184, 28) 50%, #b52b4c 50%);
     background-size: 200%;
     background-position-x: 100%;
     z-index: 100;
}
 .bar-magenta .text:hover:after, .bar-magenta .video:hover:after {
     background-position-x: 0;
}
 .notes-grid {
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
     display: grid;
     grid-template-columns: 50% 50%;
}
 #notes {
     width: 100%;
     background: #F2EEE8;
}
 .notes-item {
     padding:30px;
}
 .notes-item a {
     scale: 105%;
     transition: all .5s;
}
 .page-link {
     color:#005030 !important;
}
 .page-link:hover {
     text-decoration: underline;
}
 .form-control:focus {
     color: #495057;
     background-color: #fff;
     border-color: #0057B8 !important;
     outline: 0;
     box-shadow: 0 0 0 .2rem #0057b845 !important;
}