/* TEMPLATE OVERRIDE */

.detail__meta.meta.grid.margin-top-md.margin-bottom-md {
    display: none;
}

.black-bar ul.menu a.is-active {
    text-decoration: none;
}


/* COLORS */

.bg-green{
	  background-color: #95BD3D !important;
	  border-top: 1px solid #95BD3D; /* Prevents embedded margins from leaving a space at the top of this background. */
}

.bg-grey{
	background-color: #e8e8e7;
}

.bg-orange{
	background-color: #B24B00;
	color: white;
}

.header-purple {
    font-weight: lighter !important;
    color: #46358D;
}

.header-teal {
    font-weight: lighter !important;
    color: #1799AA;
}

.header-green {
    font-weight: lighter !important;
    color: #95BD3D;
}

.has-black-background-color {
    background-color: #95BD3D;
}

/* BODY */

.story-icons img {
    width: 75px !important;
    
}

.story-icons div {
    padding: 25px;
    margin-right: 25px
}

.story-icons div:nth-child(3) {
    margin-right: unset;
}

.story-icons.purple div{
	  border: solid 1px #46358D;
	  color: #46358D;
}

.story-icons.teal div{
	  border: solid 1px #1799AA;
	  color: #1799AA;
}

.story-icons.green div{
	  border: solid 1px #95BD3D;
	  color: #95BD3D;
}

.story-table td{
	width: 50%;
	padding: 0px !important;
}

.story-icon-table {
    border-collapse: separate;
    border-spacing: 0 50px;
}

.story-icon-table p {
    margin: 1em 0em !important;
}

.story-icon-table img {
    width: 60% !important;
    display: block;
    margin: 0 auto;
}

.story-table-inner{
	max-width: 39%;
	margin: 0 auto;
}

.story-figures{
	margin-top: -150px;
}

.story-figure {
    vertical-align: top;
}

.story-figure img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover;
}

.story-figure figcaption {
    background-color: #DA8C54;
    padding: 25px;
    margin: 0;
    font-size: 1.125rem;
}

.story-video{
	height: 400px !important;
}

.story-flex hr {
    width: 115%;
}


/* Slideshow */

.slides{
	background-color: #F4F8EB;
}

.slide-body {
    float: right;
    width: calc(50% - 200px);
    position: relative;
    top: 75px;
    padding: 0px 100px;
}

.slide-image {
    float: left;
    width: 50%;
}

.slide-image img {
	width: 100% !important;
	height: 600px !important ;
	object-fit: cover;
}

.slick-dots{
bottom: 40px !important;
left: 20%;
}

.slick-next {
    right: 25px !important;
}

.slick-prev {
    left: 25px !important;
    z-index: 50 !important;
}

.slick-prev:before, .slick-next:before {
    font-size: 35px !important;
    color: black !important;
}

@media (max-width: 1150px){
	.slide-body {
    width: calc(60% - 200px);
}

.slide-image {
    width: 40%;
}
}

@media (max-width: 1000px){
	.slide-body {
		top: unset;
}
}


@media (max-width: 840px){
	.slide-body {
    width: calc(100% - 100px);
    float: none;
    top: unset;
    padding: 50px;
    display: inline-block;
}

.slide-image {
    width: 100%;
    float: none;
}

.slick-dots{	
	display: block !important;
	bottom: 15px !important;
	left: unset !important;
}

.slick-next {
    top: 33% !important;
}

.slick-prev {
    top: 33% !important;
}

.slick-prev:before, .slick-next:before {
    color: white !important;
}




}

@media (min-width: 801px){

.story-icons{
    display: flex;
}

.story-flex{
    display: flex;
}

.story-icons div {
    flex: 1;
}

.story-flex div {
    flex: 1;
}

.story-flex .flex-2 {
    flex: 2;
}

.story-side-image{
	padding: 25px 50px;
}
}

@media (min-width: 900px){

.story-figure {
    width: calc(50% - 15px);
    margin: 0px 15px 0px 0px;
    display: inline-block;
}

.story-figure:nth-child(2) {
    margin-right: unset;
}

.story-figure figcaption {
    height: 350px;
}
}


@media (max-width: 1120px){
.story-table td{
display: table-row;
}

.story-table td p{
padding-bottom: 75px;
}

.story-table-inner{
max-width: 75%;
}
}



@media (max-width: 800px){

.story-icons div {
    margin-bottom: 25px;
    margin-right: unset;
    text-align: center;
}

.story-icons div:nth-child(3) {
    margin-bottom: unset;
}

.story-icons img {
	  display: block;
    margin: 0 auto;
    
}
}

@media (min-width: 1100px){
	.story-body{
	  max-width: 50%;
	  margin: 0 auto;
}
}

@media (max-width: 1100px){
	.story-body{
	  max-width: 75%;
	  margin: 0 auto;
}
}

/* create custom download button with default styling */

.download-button {
  display: none; /* hidden by default */
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 30; /* in front of other elements */
  font-family: "acumin-pro-semi-condensed",sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.125;
  background-color: #f3b229;
  border-radius: 3px;
  color: #1a1919;
  padding: 20px 40px;
  text-align: center;
  text-decoration: none;
}



/* make footer in front of button */

.region-footer-top, .region-footer {
  position: relative;
  z-index: 31; /* footer not to overlap header */
}