@import url("/-/media/Files/CSS/hoc-recreational/hoc-recreation.css");


#page h1, #page h2 { 
	color:#204a3d !important;
	
}


/* CONTENT CARDS*/

#page h2.card-heading {
    color: #000 !important;}

 .card-content .card-heading {
	font-size: 1.5rem;
	position: absolute;
	top: -14em;
	padding: 0.5rem 1rem;
	right: -1em;
	text-align: right;
	margin: -0.25em !important;
		width: auto;
}

 .card-content .card-heading {
		background: #4abfd4 !important;
	}

  a.card-button.button-link  {
    background-color: #204a3d !important;
    border-color: #204a3d !important;
    color: #fff !important;
    border-bottom: none !important;
}


/* PROMO BLOCKS */
.breakout-bg.bg.promo a.thumbnail.no-padding {
	background-color: #204a3d;
	color: #fff;
}
.breakout-bg.bg.promo a.thumbnail.no-padding:hover {
	background-color: #fff ;
	color: #204a3d;
}

/* PROMO BLOCK WITH TEXT AND IMAGE BUT NO LINK */

.breakout-bg.bg.transparent.promo .row.promo {
	background-color: #204a3d;
	color: #fff;
}

.content .breakout-bg.bg.transparent.promo .row.promo a, .content .breakout-bg.bg.transparent.promo .row.promo a:visited {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.breakout-bg.bg.transparent.promo .row .columns.eight {
	padding: 0 !important;	
}

.breakout-bg.bg.transparent.promo .row .columns.four {
	padding: 0 15px 10px 15px;
}