/* taken from calshot-holidays */
h2 {
	font-size: 2em;
}

.banner-area.breakout-area {
    margin-bottom: -40px;
}

/*Hide empty H2 tag on Homepage hero image*/
.banner-area.breakout-area .columns.twelve.center {
	display:none;
}

.breakout-bg.bg {
    background-color: transparent;
}

.breakout-area.pink {
    background-color: #E2186C;
    padding: 1em 0;
	color: #fff;
}

.breakout-area.pink h1, .breakout-area.purple h1, .breakout-area.blue h1 {
    color: #fff !Important;
    font-size: 3.5em;
	text-align: center;
	padding-top: 0.2em;
}

.breakout-area.pink h2  {
    color: #fff !Important;
    font-size: 2.5em;
}

.breakout-area.pink p.large, .breakout-area.purple p.large, .breakout-area.blue p.large  {
    color: #fff;
    font-size: 1.5em;
    line-height: 1.5em;
	text-align: center;
}

.breakout-area.blue {
    background-color: #1165AE;
    color: #fff;
	padding: 1em 0;
}

.breakout-area.blue h2, .breakout-area.purple h2  {
    color: #fff !Important;
    font-size: 2.5em;
	margin-top: 0;
}

.breakout-area.purple {
    background-color: #544797;
    color: #fff;
	padding: 1em 0;
}

img.wave-top {
    width: 100%;
	margin-bottom: -1px;
}

img.wave-bottom {
    width: 100%;
    margin-top: -10px;
}

h2.pink {
    color: #E2186C !important;
    font-size: 2.5em;
}

p.large {
    color: #000;
    line-height: 1.5em;
}


@media only screen and (min-width: 48em) {
.breakout-area.alternate:after {
       background-image: url(/-/media/microsites/hoc-recreational/calshot/holidays/boats.png);
		background-size: 60%;
		background-repeat: no-repeat;
		position:absolute;
		display: inline-block;
		width: 16em;
		height: 20em;
		top: -90px;
		left: 80%;
		content: "";
      }
}
@media only screen and (min-width: 64em) {
.breakout-area.alternate:after {
       	background-size: 90%;
		left: 75%;
	}
}

@media only screen and (min-width: 90em) {
.breakout-area.alternate:after {
       	background-size: 100%;
		left: 70%;
	}
}

.breakout-area .alternate-two {
   margin-top: 2em;
}

@media only screen and (min-width: 94em) {
.breakout-area .alternate-two {
    width: 80%;
    margin: 1em auto;
}
}

.breakout-area .alternate-three {
   margin-top: 2em;
   padding-left: 10px;
}

@media only screen and (min-width: 94em) {
.breakout-area .alternate-three {
    width: 65%;
    margin: 1em auto;
}
}

/*CONTENT CARDS */

.card-content .card-heading {
    position: unset !important;
}

@media only screen and (max-width: 37.5em) {
.columns.six .card-media {
    height: 11em !important;
}
}

@media only screen and (min-width: 48em) {
.columns.six .card-media {
    height: 14em !important;
}
}

@media only screen and (min-width: 64em) {
.columns.six .card-media {
    height: 17em !important;
}
}


@media only screen and (max-width: 37.5em) {
.columns.four .card-media {
    height: 13em !important;
}
}

@media only screen and (min-width: 48em) {
.columns.four .card-media {
    height: 10em !important;
}
}

@media only screen and (min-width: 64em) {
.columns.four .card-media {
    height: 13em !important;
}
}

@media only screen and (min-width: 90em) {
.columns.four .card-media {
    height: 18em !important;
}
}

@media only screen and (max-width: 37.5em) {
.breakout-bg .columns.four .card-media {
    height: 10em !important;
}
}

@media only screen and (min-width: 48em) {
.breakout-bg .columns.four .card-media {
    height: 9em !important;
}
}

@media only screen and (min-width: 64em) {
.breakout-bg .columns.four .card-media {
    height: 10em !important;
}
}

@media only screen and (min-width: 90em) {
.breakout-bg .columns.four .card-media {
    height: 11em !important;
}
}

#page h2.card-heading {
    color: #fff !important;
    font-size: 2em;
    background-color: transparent !important;
    padding-top: 1em;
    text-align: center;
}

.breakout-area.purple .columns:nth-of-type(3n+1) .card-content {
    background-color: #2A3551 !important;
}

.columns:nth-of-type(3n+1) .card-content, .columns:nth-of-type(3n+1) .card-footer {
    background-color: #544797;
}

.columns:nth-of-type(3n+2) .card-content, .columns:nth-of-type(3n+2) .card-footer{
    background-color: #1165AE;
}

.columns:nth-of-type(3n+3) .card-content, .columns:nth-of-type(3n+3) .card-footer{
    background-color: #E2186C;
}
.card-content, .card-content p.large {
    color: #fff;
    text-align: center;
}

a.card-button.medium.green.column.button-link {
    margin-bottom: 15px;
    width: 50%;
    margin-left: 25%;
    background-color: #fff !important;
    border-radius: 25px !important;
    color: #1165AE !important;
}

a.card-button.medium.green.column.button-link:hover {
   color: #000 !important;
    background-color: #2799d5 !important;
	}

.card {
    border-radius: 25px;
}

.card:hover {
    transform: none !important;
    box-shadow: 0 14px 14px rgba(42,48,49,.2),0 10px 10px rgba(42,48,49,.15) !important;
}

.card-content h2 {
	color: #fff !important;
    font-size: 2em;
	margin-top: 0;
}

a[role=button].blue,button.blue,input[type=submit].blue,input[type=reset].blue,input[type=button].blue {
	width: 50%;
	background-color: #fff !important;
    border-radius: 25px !important;
    color: #1165AE !important;
	border: none;
}

a[role=button].blue:hover,button.blue:hover,input[type=submit].blue:hover,input[type=reset].blue:hover,input[type=button].blue:hover {
	color: #000 !important;
    background-color: #2799d5 !important;
}

/* WHITE CARDS WITH BLUE BORDER. MUST BE IN BREAKOUT BACKGROUND BLOCK */
.breakout-bg .card-content {
	background-color: #fff !important;
	padding-bottom: 1em !important;
}

.breakout-bg .card {
	border: 2px solid #2799d5;
}

.breakout-bg .card-media {
    height: 10em !Important;
}

.breakout-bg .card-content, .breakout-bg .card-content p.large {
    color: #000;
    text-align: center;
}

.breakout-bg .card h3 {
    color: #3b68a9 !important;
    font-size: 2em;
    background-color: transparent !important;
    text-align: center;
	margin-top: 0;
}

.breakout-bg p {
	margin-top: 5px;
	margin-bottom: 10px
}

.breakout-bg .card-footer {
	background-color: #fff !important;
}

.breakout-bg .card {
	box-shadow: none;
}

.breakout-bg .card:hover {
    transform: none !important;
    box-shadow: none !important;
}

/*
	Hides empty H2s
*/
#page h2.card-heading {
display: none !important;
}

/* ICONS */

.icons {
    text-align: center;
    font-size: 1.3em;
    line-height: 1.5em;
    
}

.icons p {
    margin-top: 15px
}

.icons em {
    color: #fff;
    font-size: 4em !important;
}

.icon.blue {
    color: #3b68a9 !important;
}

/* IMAGES */

img.frame {
    border: 10px solid #fff;
    box-shadow: 0 14px 14px rgba(42,48,49,.2),0 10px 10px rgba(42,48,49,.15) !important;
}


@media only screen and (max-width: 37.5em){
	.image-set {
		display: none;
}
 }

.image-set img {
	position: absolute;
	width: 300px;
}

.image-set img.img1 {
	top: -80px;
    left: 60px;
    z-index: 10;
	transform: rotate(8deg);
}

.image-set img.img2 {
    left: -30px;
    top: 70px;
    z-index: 100;
	transform: rotate(-8deg);
}

.image-set img.img3 {
    top: 130px;
	left: 40px;
    z-index: 1;
	transform: rotate(15deg);
}

/* IMAGE GALLERY */

.bxslider a.thumbnail {
	border-radius: 0 !important;
    box-shadow: 5px 5px 5px rgba(42,48,49,.2), 5px 5px 5px rgba(42,48,49,.15) !important;
	border-top: 1px solid rgba(42,48,49,.2) !important;
	border-left: 1px solid rgba(42,48,49,.2) !important;
	border-right: none !important;
	border-bottom: none !important;
	padding: 10px !important;
	background-color: #fff !important;
}

.bxslider a.thumbnail h3 {
    display: none;
}

.bx-viewport.has-prev:before {
	background: none;
	
}
.bx-viewport.has-next:after {
	background: none;
	
}

/* SLIDESHOW */
#slideshow img {
    border: 10px solid white;
}

#slideshow li {
 left: 0 !important;
 top: 0 !important;
}

#slideshow li.invisible {
	transform: rotate(-8deg);
	z-index: -1000;
}

#slideshow h2 {
	display: none;
}


/* BREAKOUT BLOCK */

@media only screen and (min-width: 100em) {
.breakout-bg.bg.alternate-two {
    margin-top: -100px
}
}

/* WELL */

.well.blue {
    background-color: #1165AE;
    border-radius: 25px;
}

.well.purple {
    background-color: #544797;
    border-radius: 25px;
}

.well.purple h3, .well.blue h3 {
    color: #fff !important;
    font-size: 2.5em;
}

.well.purple p.large, .well.blue p.large {
    color: #fff !important;
   	margin: 10px 50px;
}

.well.purple a[role="button"].half-width {
    background-color: #fff !important;
    border-radius: 25px !important;
    color: #1165AE !important;
    border: none;
	width: 50%;
}

.well.purple a[role="button"]:hover { 
	color: #000 !important;
    background-color: #2799d5 !important;
}

.well.blue a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

/* HORIZONTAL LINE */

#page hr {
   background-color:#3b68a9 !important; 
     height:2px !important; 
}


/* taken from hoc-recreation.css  */
#page {
	background:#fff;
}

#page .transparent {
    background-color: transparent !important;
}

@media only screen and (min-width: 37em) {
	#page #local_header {
		margin-bottom:0;
		position:absolute;
		top:5.5em;
		width:75%;
		left:0;
		line-height:1em
	}

	#page #local_menu_header {
		margin:0;
		text-align:left;
	}

	#microsite_header .noprint {
		background-color: rgba(255,255,255,0.8);
		position: absolute;
		top: 145%;
		left: calc(-50vw + 50%);
		z-index: 1000;
		width: 100vw;
		padding-left: 0.5em;
		padding-top: 0.5em;
	}
}

@media only screen and (min-width: 37em) and (max-width: 58em) {
	#page #local_header {
		left: 10% !important;
		width: 100%;
		top: 1.6em;
	}
	
	#page #local_menu_header{
		float: right;
		width: 75%;
		text-align: right;
		padding-right:1em;
	}

	#page #local_header li a {
		font-size: 0.8rem !important;
	}
	
}

@media only screen and (min-width: 58em) {
	#page #local_header {
		left: auto !important;
		right: 0 !important;
		top: 2.6em;
		width: 50%;
	}

	#page #local_menu_header {
		margin: 0;
		text-align: right !important;
	}
	
	#page .navbar-inner {
		color: #555;
		box-shadow: none;
		border: 0;
		background-color: transparent;
	 	margin-left: -10em; 
	}
}

#page .navbar-inner {
	color: #555;
	box-shadow: none;
	border: 0;
    background-color: transparent;

}

#page .navbar .nav>li {
	border: none !important;
}

#page .navbar .nav>li:last-child {
	border-right: 0 !important;
}

#page .navbar .nav>li>a {
	color: #555;
	text-shadow: none;
	font-family: 'Oswald', sans-serif;
}

#page .row.noprint  {
	background-color: #E3E3E3 !important;
	margin-bottom:0;
}

.breakout-area.footer {
	background-color: #2A3551 !important;
}

.breakout-area.footer .hoc-footer h2 {
    color: #fff!important;
}

.breakout-area.footer .footer-links {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.breakout-area.footer .hoc-footer h2 {
    color: #fff!important;
}

.breakout-area.footer .footer .container {
	background-color: #E3E3E3 !important;
}

footer.navbar-inner {
	background-color: #FFF !important;
}

#page ul.dropdown-menu li a {
    background-color: #fff;
    color: #2b2c3a !important;
	font-family: 'Oswald', sans-serif;
}

#page ul.dropdown-menu li a:hover {
	background-color: #2b2c3a;
	color: #fff !important;
	font-family: 'Oswald', sans-serif;
}

#page hr {
   background-color:#2b2c3a; 
   border-width:0; 
   color:#2b2c3a; 
   height:1px; 
   line-height:0; 
   text-align:left; 
   width:100%;
}


/*TEXT*/
#page h1,
#page h2, #page_content h2,
#page h3, #page_content h3,
#page h4, #page_content h4,
#page_content a[role="button"], #page a[role="button"],
#page_content p.caption,
#local_menu_header a {
    text-transform: none;
	font-family: 'rift-soft', sans-serif;
	text-shadow: none;
	font-weight: 700;
	color: #24424b;
}

#page .overlay-image .caption {
    text-align: center;
    font-family: 'rift-soft', sans-serif;
    font-size: larger;
}

#page_content h2.pseudoH1 {
    font-size: 2.25rem;
    margin: 0 0 0.5rem;
    line-height: 1.25em;
}

#page_content h1, #page_content h2, #page_content h3, #page h1, #page h2, #page h3 { 
	color:#24424b;

}

#page .pseudo-h1 a {
	font-family: "Oswald";
	border-bottom: none;
	color: #2a2b46;
	text-transform: uppercase;
}

#page .pseudo-h1 {
	font-size: 2.5em;
	padding-top: 15px
}

#page_content h2.hoc {
    color: #48a190 !important;}

#page_content h2.argoed {
    color: #592680 !important;}

#page_content h2.calshot {
    color: #3b68a9 !important;}

#page_content h2.runways {
    color: #456329 !important;}
	
#page_content h2.tilebarn {
    color: #e96f07 !important;}
	
/* Make some H3 headings look like H2 headings for instructor courses page */
#page_content h3.category {
    color: #48a190 !important;
	font-size: 1.75rem;
}	

#page .caption h2 {
	color:#FFFFFF !important;
}

#page .well h2 {
       color: #222 !important;
}

#page p {
       font-family: 'soft-proxima', sans-serif !important;
}


/* OVERLAY  IMAGES */

#page_content .overlay-image .caption {
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-size: larger;
	color: #ffffff;
	background: #24424b;
}


/* BUTTONS */



#page_content a[role="button"],  #page input[type="submit"], #page input[type="reset"]
#page a[role="button"] {
	border-radius:0.5rem;
	box-shadow: none !important;
	font-family: 'rift-soft', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    text-shadow: none;
background-color: #24424b;
 color: white;
}

#page_content a[role="button"].white, button.green {
	background-color: #2b2c3a;
	border-color:  #2b2c3a;
	color: #fff;
	border-bottom: none !important; 
	
}


#page_content .row .columns:nth-of-type(4n+1) a.card-button.button-link,
#page_content .carousel-holder li.columns:nth-of-type(4n+1) a.card-button.button-link,
a[role="button"].argoed, button.argoed, input[type="submit"].argoed, input[type="reset"].argoed, input[type="button"].argoed {
	background-color: #592680;
	border-color:  #592680;
	color: #fff;
	border-bottom: none !important; 
}

#page_content .row .columns:nth-of-type(4n+1) a.card-button.button-link:hover,
#page_content .carousel-holder li.columns:nth-of-type(4n+1) a.card-button.button-link:hover,
a[role="button"].argoed:hover, button.argoed:hover, input[type="submit"].argoed:hover, input[type="reset"].argoed:hover, input[type="button"].argoed:hover {
	background-color:  rgb(89 38 128 / 75%);
	border-color:  rgb(89 38 128 / 75%);
	color: #fff;
}

#page_content a[role="button"].argoed-secondary {
	background-color: #c0abcb;
	border-color:  #c0abcb;
	color: #000;
	border-bottom: none !important; 
}

#page_content a[role="button"].argoed-secondary:hover {
	background-color: rgb(192 171 203 / 80%);
	border-color: rgb(192 171 203 / 80%);
	color: #000;
	border-bottom: none !important; 
}


#page_content .row .columns:nth-of-type(4n+4) a.card-button.button-link,
#page_content .carousel-holder li.columns:nth-of-type(4n+4) a.card-button.button-link,
a[role="button"].calshot, button.calshot, input[type="submit"].calshot, input[type="reset"].calshot, input[type="button"].calshot {
	background-color: #00a2e0;
	border-color: #00a2e0;
	color: #000;
	border-bottom: none !important; 
}

#page_content .row .columns:nth-of-type(4n+4) a.card-button.button-link:hover,
#page_content .carousel-holder li.columns:nth-of-type(4n+4) a.card-button.button-link:hover,
a[role="button"].calshot:hover, button.calshot:hover, input[type="submit"].calshot:hover, input[type="reset"].calshot:hover, input[type="button"].calshot:hover {
	background-color:  rgb(0 162 224 / 75%);
	border-color:  rgb(0 162 224 / 75%);
	color: #000;
}

#page_content a[role="button"].calshot-secondary {
	background-color: rgb(98 176 188);
	border-color:  rgb(98 176 188);
	color: #000;
	border-bottom: none !important; 
	
}

#page_content a[role="button"].calshot-secondary:hover {
	background-color: rgb(98 176 188 / 75%);
	border-color:  rgb(98 176 188 / 75%);
	color: #000;
	border-bottom: none !important; 
}

#page_content .row .columns:nth-of-type(4n+2) a.card-button.button-link,
#page_content .carousel-holder li.columns:nth-of-type(4n+2) a.card-button.button-link,
a[role="button"].runways, button.runways, input[type="submit"].runways, input[type="reset"].runways, input[type="button"].runways {
	background-color: #456329;
	border-color: #456329;
	color: #fff;
	border-bottom: none !important; 
	
}
#page_content .row .columns:nth-of-type(4n+2) a.card-button.button-link:hover,
#page_content .carousel-holder li.columns:nth-of-type(4n+2) a.card-button.button-link:hover,
a[role="button"].runways:hover, button.runways:hover, input[type="submit"].runways:hover, input[type="reset"].runways:hover, input[type="button"].runways:hover {
	background-color: rgb(69 99 41 / 80%);
	border-color: rgb(69 99 41 / 80%);
	color: #fff;
}

#page_content a[role="button"].runways-secondary {
	background-color: rgb(216 230 170);
	border-color:  rgb(216 230 170);
	color: #000 !important;
	border-bottom: none !important; 
}


#page_content a[role="button"].runways-secondary:hover {
	background-color: rgb(216 230 170 / 80%);
	border-color: rgb(216 230 170 / 80%);
	color: #000 !important;
	border-bottom: none !important; 
}


#page_content .row .columns:nth-of-type(4n+3) a.card-button.button-link,
#page_content .carousel-holder li.columns:nth-of-type(4n+3) a.card-button.button-link,
a[role="button"].tilebarn, button.tilebarn, input[type="submit"].tilebarn, input[type="reset"].tilebarn, input[type="button"].tilebarn {
	background-color: rgb(245 158 23);
	border-color:  rgb(245 158 23);
	color: #000;
	border-bottom: none !important; 
}

#page_content .row .columns:nth-of-type(4n+3) a.card-button.button-link:hover,
#page_content .carousel-holder li.columns:nth-of-type(4n+3) a.card-button.button-link:hover,
a[role="button"].tilebarn:hover, button.tilebarn:hover, input[type="submit"].tilebarn:hover, input[type="reset"].tilebarn:hover, input[type="button"].tilebarn:hover {
	background-color:  rgb(245 158 23 / 80%);
	border-color:  rgb(245 158 23 / 80%);
	color: #000;
}

#page_content a[role="button"].tilebarn-secondary {
	background-color: #f9e9c1;
	border-color:  #f9e9c1;
	color: #000 !important;
	border-bottom: none !important; 
}

#page_content a[role="button"].tilebarn-secondary:hover {
	background-color: rgb(249 233 193 / 80%);
	border-color: rgb(249 233 193 / 80%);
	color: #000 !important;
	border-bottom: none !important; 
}


/* CONTENT CARDS*/

div.card-tags {
	position: absolute;
	left: -9999px;
}

.wall .stamp, p.card-description {
	display:none;
}

.wall .brick .card-media {
	position: relative;
	height: 100%;
	background: #fff;
}

 .wall .brick .card-media img {
	position: relative;
	top: 0;
	transform: none;
}

/* Content cards for activities - need to be much taller than standard cards*/
.breakout-bg.bg.alternate-two .card-media {
	height: 17.6em;
}

/* DETAILS */
#page details{margin:0.5em 0;}
#page details summary{border-radius: 0.5em;border:0px; box-shadow: none;}

#page details>summary::before {
    border: 0px; 
    font-size: 2.5rem;
}

details.argoed  summary{
    background-color: #7359a1;
	color:#fff !important;
	}
	
details.calshot summary{
	background-color:#3b68a9;
	color:#fff !important;
}

details.runways  summary{
    background-color:#aac535;
	color:#000 !important;
 }  
details.tilebarn  summary{
    background-color: #f9e9c1;
	color:#000 !important;
 }  

 
#page details.argoed>summary::before,
#page details.calshot>summary::before {
    color: #fff;
}

#page details.tilebarn>summary::before,
#page details.runways>summary::before {
    color: #000;
}

/* WELLS */
.well {
	min-height: 1em;
    padding: 1rem;
	margin: 0;
	text-shadow: none;
}

#page .well.fixed-height {
	min-height: 13em;
    max-height: 13em;
}

#page .well.our-values {
	border-radius: 50%;
	padding: 1em;
	text-align: center;
	background-color: #2a3551;
	color: #fff;
	min-height: 15em;
	max-width: 15em;
    padding-top: 4em;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 48em) {
    #page .well.our-values {
		min-height: 14em;
    	max-width: 14em;
    	padding-top: 3em;
	}
}

@media only screen and (min-width: 64em) {
    #page .well.our-values {
		min-height: 15em;
    	max-width: 15em; 
	}
}

#page .well.our-values H3 {
	color: #000;
	background-color: #48a190;
    display: inline-block;
    padding: 0.3em;
    margin-bottom: 0;
    position: absolute;
    left: 1.5em;
    top: 1.5em;
}

@media only screen and (min-width: 23em) {
	#page .well.our-values H3 {
		left: 2.5em;
	}
}

@media only screen and (min-width: 48em) {
	#page .well.our-values H3 {
		left: 0.5em;
		top: 1em;
	}
}

@media only screen and (min-width: 64em) {
	#page .well.our-values H3 {
		left: 1.5em;
	}
}

/* Fix to make wells same height in a row */
.conform-block>.columns>div {
    width: -webkit-fill-available;
}

#page .well.alternate {
	background-color: #e4cfa7;
	padding: 0.75em;
	border: 3px solid #917555;
	border-radius: 20px;
}

.well.argoed{
	background-color: #c0accb;
}

.well.calshot {
    background-color: #b4d6ec;
 } 
 .well.runways {
    background-color:#d8e6aa;
}  

 .well.tilebarn {
    background-color: #f9e9c1;
 }  
 
 
 /* KEYFIGURES */
 
 .keyfigure.well {
    background-color: transparent;
    border-radius: 20px;
    text-align: center;
    border: solid #2b2c3a 5px;
	min-height: 10em;
}

.keyfigure .figure {
    font-size: 2.25rem;
    line-height: 1em;
	font-family: 'Oswald', sans-serif;
}


/* BREAKOUT BLOCKS */
.breakout-bg {
	border-left: 1rem solid #fff;
	border-right: 1rem solid #fff;
	text-shadow: none;
}

.breakout-bg.argoed{
	background-color:#592680;
	color:#fff !important;	
}

.breakout-bg.calshot {
	background-color: #00a2e0;
	color:#000 !important;
} 

.breakout-bg.runways {
	background-color:#aac535;
	color:#000 !important;
} 

.breakout-bg.tilebarn {
	background-color: #f59e17;
	color:#000 !important;
}  

.breakout-bg.alternate {
	background-color: #2b2c3a;
	color:#fff !important;
} 

.breakout-bg.alternate .breakout-content {
	padding-left: 0;
} 

.breakout-bg.alternate h2 {
	color:#fff!important
} 


@media only screen and (min-width: 50em) {
	.breakout-bg {
		border-left: 600rem solid #fff;
		border-right: 600rem solid #fff;
	}
}




/* OVERLAY IMAGES */

a.blocklink.hoc-overlay-link {
    position: relative;
}

img.hoc-overlay-icon {
    max-width: 39%;
    position: absolute;
    bottom: 11em;
    left: 31%;
    padding: 0.5em;
}

p.hoc-overlay-text {
    position: absolute;
    bottom: -1%;
    width: 100%;
    color: #fff;
    background-color: #24424b;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-size: larger;
    line-height: 2em;
}

img.hoc-overlay-img {
    z-index: 0;
    margin: 0;
    padding: 0 !important;
}

.alternate-two .blocklink:hover .hoc-overlay-icon {
    padding: 0;
}
.alternate-two .blocklink .hoc-overlay-icon {
    transition: all .5s ease;
}

@media only screen and (min-width: 37em) {
    img.hoc-overlay-icon {
        bottom: 7em;
    }
}

@media only screen and (min-width: 58em) {
    img.hoc-overlay-icon {
        bottom: 8em;
    }
}


/*TABLES */


table th, table td {
    padding: 0.5em;
    border: 1px solid #999;
}


table th {
    text-align: left;
    background-color: #ccc;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*DOCUMENT TYPES ON LINKS - might need updating to only apply to buttons*/
a.argoed[href$=".pdf"]:after, a.argoed[href$=".csv"]:after, a.argoed[href$=".doc"]:after, a.argoed[href$=".docx"]:after, a.argoed[href$=".xls"]:after, a.argoed[href$=".xlsx"]:after{
	border:1px solid #fff;
	color:#fff;
}

a.argoed[target="_blank"]:after, a.argoed[rel=external]:after {
    font-weight: 400;
    margin: 0 0.25em;
    content: "";
    font-size: .8em;
    position: relative;
    top: 0;
    color: #fff;
    display: inline-block;
}



/* NEWS SLIDER */

.bxslider .thumbnail, .bxslider a.thumbnail{ 
	box-shadow:none
}

.bxslider a.thumbnail p {
    font-family: 'Oswald';
	text-transform: uppercase;
       font-size: 1.5rem;
    margin: .75em 0;
    line-height: 1.25em;
    margin-top: 5px;
}

.bxslider a.thumbnail {
	background-color: transparent;
    padding: 0.75em;
    border: 5px solid #2b2c3a;
	border-radius: 20px
}

#page .icon.instagram:before {
    content: "\e900";
    color: rgb(255 255 255)!important;
}
	
#page 	.icon.twitter:before {
    color: rgb(255 255 255)!important;
}

#page .icon.facebook:before {
    content: "\e608";
    color: rgb(255 255 255)!important;
}

/*Hide all address blocks*/
div.surround.equalHeightColumns {
        display: none;
}


/* PROMOBLOCKS*/
@media only screen and (min-width: 40em) {
	.thumbnail>img {width: 70%;}

	a.thumbnail.no-padding {display: flex;}

	.columns.six a.thumbnail.no-padding, .columns.four a.thumbnail.no-padding   {display: inline-block;}

	.columns.six .thumbnail>img, .columns.four .thumbnail>img {
    	width: 100%;
	}
}

.thumbnail p.caption {
    text-transform:revert!important;
	font-family:revert!important
}

.thumbnail .link-caption .title {
    font-size: 1.5em;
}

.breakout-bg.bg.promo  p.caption {
    text-transform:revert!important;
	font-family:revert!important
}

.breakout-bg.bg.promo .title {
    font-size: 1.5em;
	font-weight:700
}

.breakout-bg.bg.transparent.promo {
    margin-bottom: 0.75em;
}

.breakout-bg.bg.transparent.promo .thumbnail{
    box-shadow: none;
}



/*BREAKS MAPS ON MOBILE VIEW - POSITIONING?
#esri-map-container{
	height: 0;
	padding-bottom: 100%; 
	position: relative;
}

#esri-map{
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
}
*/

article {margin-top:10em}


div#TA_excellent89 a[role="button"] {
      border: 5px solid #2a3551;
    border-radius: 20px;
    padding: 1em;
}

div#TA_excellent89 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#TA_excellent89 a {
    border-bottom: none;
}