@import url("https://use.typekit.net/ipa0gdy.css");
		   .cpp-h1 {
		           font-family: justus-pro, serif;
                color: #338144;
                font-size: 3em;
		   }
		   #wacheader {
		       margin-top: -94px;
		   }
		  #wacgraybar {
			background-color: #eeeeef;
            padding: 20px;
		  }
		  #waccpplogo {
			  height: 55px;
			  width: auto;
		  }
		  #wacgreenbar {
			  background-color:#00833f;
			  padding:20px 0;
			  text-align: center;
			  text-transform: uppercase;
			
		  }
		  #wacyellowbar {
			  background-color:#ffe06b;
				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: 500;
				text-transform: uppercase;
			
		  }
		  #wacnav ul li:first-child {
		  	border:none;
		  }
		  .waclargegraytxt {
			  font-size:85px;
			  color:#ceced0;
		  }
		  .waclargewhttxt {
			font-size:85px;
			color:#ffffff;
		
		  }
		 .waclargewhttxtjus {
			font-size:85px;
			color:#ffffff;
			font-family: justus-pro, serif;
		  }
		  	  
		  #wacfeaturedtxt {
			  font-family: justus-pro, serif;
			  font-weight: 500;
			  font-size:20px;
			  line-height:35px;
			  width:102%;
			  padding:20px 50px;
			  text-align: center;
			  background-color:#e7e7e9;
			  color:#5e656d;
			  margin-left: -15px;
		  }
		  #wacfeaturedtxt p {
			  max-width: 1100px;
			  margin-left:auto;
			  margin-right:auto;
		  }
		  #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;
		  }
		  #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-color: #f3f3f3;
    padding-top: 25px;
		  }
		  #wacfooter p {
		          font-size: 14px;
		  }
		  #stayconnected img {
		      width:100%;
		    max-width: 400px;
            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: #000;
            height: 40px;
            width: 40px;
            border-radius: 50%;
            padding: 6px;
		  }


.story-heading {
background-color: #383f48;
    padding: 50px 0;
}

.wearecpp-story h1 {
    margin: 23px 0;
    font-size: 48px;
    font-family: justus-pro, serif;
    color: #ceced0;
}
.wearecpp-story h2 {
    font-size: 35px;
    font-family: justus-pro, serif;
    color: #fae376;
}

.story-title p {
    color: white;
    font-size: 20px;
    line-height: 24px;
}

.story-image {
    width: 100%;
    border: 15px solid white;
    box-shadow: 4px 4px 4px;
}

.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: #363f48;
    width: calc(100% + 32px);
    margin-left: -15px;
}


.story-listing {
    background-color: #363f48;
    padding-top: 20px;
}
.story-card .card {
    border: none;
    color: #ffffff;
    


}
.story-card .card .card-body {
	padding: 8px;
    background: #363f48;
      transition:background .5s;
}

.story-card .card .card-body h2 {
color: #fedf74;
    font-size: 18px;
    font-weight: bold;
    
}
h2.card-title {
    margin-top: 0px;
}

.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;
}
.more-stories {
color: #fae376;
    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;
}


.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 {
        background-color: #338144;
}
.note-expanded .note-body {
    height: auto;
    overflow: hidden;
    transition:all .5s;
    
}
.note-expanded .note-fade {
    height: 0;
    transition:all .5s;
}
.open-card {
color: #fff;
    font-size: 30px;
    transition: all .5s;
    width: 100%;
    display: block;
}
.open-card:hover {
    color:#ffe06b;
}
.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;
}