.row.hoverzoomin .column figure.hdr,
.column.hoverzoomin figure.hdr{margin-top:0;margin-bottom:0;}

figure.hdr:hover img.hoverzoom , img.hoverzoom:hover,
 .hoverzoom > .column:hover img,
 .hoverzoom > .column:hover .cbimagecontainer:hover img  {
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure:hover img.hoverzoomfade,.hoverzoomfade figure:hover img, img.hoverzoomfade:hover {
	-webkit-transform: scale(1);
	transform: scale(1);
  opacity:0.5;
}
figure:hover img.hoverzoom,.hoverzoom figure:hover img, img.hoverzoom:hover, {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*up*/
/*.column:hover .cbimagecontainer:hover rules --> are for nested column column snippets*/
figure.hdr img.hoverfadeup,img.hoverfadeup, .row.hoverfadeup img, .column.hoverfadeup img {
	opacity: 0.6;
}
figure.hdr:hover img.hoverfadeup, img.hoverfadeup:hover, .hoverfadeup .column:hover img, .column.hoverfadeup:hover img {
	opacity: 1;
}
/*down*/
figure.hdr img.hoverfadedown,
figure.hdr:hover img.hoverfadedown,img.hoverfadedown, .row.hoverfadedown img, .column.hoverfadedown img {
	opacity: 1;
}
figure.hdr:hover img.hoverfadedown,img.hoverfadedown:hover, .hoverfadedown .column:hover img, .column.hoverfadedown:hover img  {
	opacity: 0.8;
}
/*in*/
figure.hdr img.hoverfadein,img.hoverfadein, .row.hoverfadein img, .column.hoverfadein img, .hoverfadein .column:hover .cbimagecontainer img {
	opacity: 0;
}
figure.hdr:hover img.hoverfadein, img.hoverfadein:hover, .hoverfadein .column:hover img, .column.hoverfadein:hover img, .hoverfadein .column:hover .cbimagecontainer:hover img {
	opacity: 1;
}
/*out*/
figure.hdr img.hoverfadeout,img.hoverfadeout, .row.hoverfadeout img, .column.hoverfadeout img, .hoverfadeout .column:hover .cbimagecontainer img {
	opacity: 1;
}
figure.hdr:hover img.hoverfadeout,img.hoverfadeout:hover, .hoverfadeout .column:hover img, .hoverfadeout .column:hover .cbimagecontainer:hover img   {
	opacity: 0;
}


/**********************************
    Header Image with Caption
***********************************/

figure.hdr {
	position: relative;
	width: 100%;
	overflow:hidden;
    background-color: #000;
    background-color:inherit; /*from row*/
}

.figdark figure.hdr,.figdark figure{
      background-color: #000;
}
figure.hdr img {
	position: relative;
	display: block;
	width: 100%;
	/*
	opacity: 0.8;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	*/
}
/*
figure.hdr:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}
*/
figure.hdr figcaption {
   	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60%;
	padding: 0 2.5em;
	color: #fff;
	font-size: 1.55em;
	text-align: center;
	box-sizing: border-box;
	z-index:1;
}
/* Text */
figure.hdr h2 {
	font-weight: 300;
	text-transform: uppercase;
}
figure.hdr h2 span {
	font-weight: 800;
}
figure.hdr p {
	letter-spacing: 1px;
	font-size: 68.5%;
	text-transform: uppercase;
}
figure.hdr h2, figure.hdr p {
	margin: 0;
	z-index:10000;
}
/* Cosmetic */
figure.hdr div {
	height: 100%;
	z-index:0;
}
figure.hdr div::before,
figure.hdr div::after,
figure.one div::before,
figure.one div::after  {
	position: absolute;
	content: '';
}
/* One */
figure.one div::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
figure.one div::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
/* Two */
figure.two div::before {
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
figure.two div::after {
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
/* Three */
figure.three figcaption {
	height: 70%;
}
figure.three p {
	margin: 1em 0 0;
	padding: 2em;
	border: 1px solid #fff;
}
/* Four */
figure.four figcaption {
	height: 60%;
	text-align: left;
}
figure.four p {
	position: absolute;
	right: 50px;
	bottom: 50px;
	left: 50px;
	padding: 2em;
	border: 7px solid #fff;
}
/* Five */
figure.five figcaption {
	height: 100%;
	text-align: right;
}
figure.five h2 {
    position: absolute;
    left: 50px;
	right: 50px;
	top: 10%;
	border-bottom: 5px solid #fff;
}
figure.five p {
	position: absolute;
	right: 50px;
	bottom: 10%;
}
/* Six */
figure.six figcaption {
	height: 70%;
}
figure.six h2 {
    padding-bottom: 3%;
	border-bottom: 1px solid #fff;
}
figure.six p {
	padding-top: 6%;
}
/* Seven */
figure.seven figcaption {
	height: 90%;
	text-align:left;
}
figure.seven h2 {
	border-bottom: 3px solid #fff;
}
figure.seven p {
    padding-top: 1em;
}
/* Eight */
figure.eight figcaption {
	height: 100%;
	text-align: right;
}
figure.eight h2 {
	position: absolute;
	left: 50%;
	right: 50px;
	bottom: 10%;
}
figure.eight p {
    position: absolute;
    left: 50px;
	right: 50%;
	top: 10%;
	padding-right:0.5em;
	border-right: 1px solid #fff;
}

@media all and (max-width: 560px) {

/*restyle above for mobile*/

.row figure.one div::before {
	top: 20px;
	right: 10px;
	bottom: 20px;
	left: 10px;
}
.row figure.one div::after {
	top: 10px;
	right: 20px;
	bottom: 10px;
	left: 20px;
}

}
/*lets put this here rather in core*/
.cbcaptioncontainer figcaption{font-size:25px;} /*base caption size if not heading*/
#cmsPageContainer .cbcaptioncontainer figcaption *{font-size:inherit;} /*use font-size as set by default*/

.disableClick .cbcaptioncontainer{
    pointer-events: none!important;
}
.ineditor .disableClick .cbcaptioncontainer{
    pointer-events: all!important;
}

.txtOnHover .cbcaptioncontainer,  .txtOnUpHover .cbcaptioncontainer{
    opacity: 0;
    transition: all .5s ease;
}

.row.txtOnHover figure img,.column.txtOnHover figure img,
.row.txtOnUpHover figure img, .column.txtOnUpHover figure img{
	opacity:1;
	transition:opacity 0.5s ease!important;
}
.row.txtOnHoverZoom figure img,.column.txtOnHoverZoom figure img,
.row.txtOnUpHoverZoom figure img,.column.txtOnUpHoverZoom figure img{
	opacity:1;
	transition:all 0.5s ease!important;
}

.row.txtOnUpHover figure figcaption,
.column.txtOnUpHover figure figcaption{
	opacity:0;
	top:20px;
	transition:all 0.5s ease;

}
/*distrac tionfree disable hover effect - show text for easy editing*/
.txtOnHover figure:hover figcaption,
.txtOnHoverZoom figure:hover figcaption,
.txtOnHover figure:hover .cbcaptioncontainer,
.txtOnHoverZoom figure:hover .cbcaptioncontainer,
.distractionFree .txtOnHover figure .cbcaptioncontainer,
.distractionFree .txtOnHoverZoom figure .cbcaptioncontainer,
.distractionFree .txtOnHover figure figcaption,
.distractionFree .txtOnHoverZoom figure figcaption{
	opacity:1!important;
}

.row.txtOnUpHover figure:hover figcaption,
.column.txtOnUpHover figure:hover figcaption,
.row.txtOnUpHover figure:hover .cbcaptioncontainer,
.column.txtOnUpHover figure:hover .cbcaptioncontainer,
.distractionFree .row.txtOnUpHover figure figcaption,
.distractionFree .column.txtOnUpHover figure figcaption,
.distractionFree .row.txtOnUpHover figure .cbcaptioncontainer,
.distractionFree .column.txtOnUpHover figure .cbcaptioncontainer
{
	opacity:1;
	top:0px;

}
.row.txtOnHover figure:hover img,
.column.txtOnHover figure:hover img,
.row.txtOnUpHover figure:hover img,
.column.txtOnUpHover figure:hover img{
	/*opacity:0.6; AJ Removed as unexpected behaviour, superceded by caption overlay colour*/
}
.row.txtOnHoverZoom figure:hover img,
.column.txtOnHoverZoom figure:hover img,
.row.txtOnUpHoverZoom figure:hover img,
.column.txtOnUpHoverZoom figure:hover img{
	opacity:0.6;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.txtOnHoverZoom figure{
  overflow:hidden;
}

/*=====================================
UPDATED CAPTION ANIMATION STYLE
=====================================*/

.txtOnHover figure:hover .cbcaptionoverlay,
.txtOnUpHover figure:hover .cbcaptionoverlay,
.txtOnHoverZoom figure:hover .cbcaptionoverlay,
.txtOnHover figure:hover .cbimagecontainer img,
.txtOnUpHover figure:hover .cbimagecontainer img,
.txtOnHoverZoom figure:hover .cbimagecontainer img{
	opacity:1!important;
}

.txtOnHover figure:hover .cbcaptioncontainer figcaption,
.txtOnUpHover figure .cbcaptioncontainer figcaption,
.txtOnUpHover figure:hover .cbcaptioncontainer figcaption{
	top:unset!important; /*undo old approach*/
}

.txtOnUpHover figure .cbcaptioncontainer{
	top:20px;
  transition:all 0.5s ease;
}

.txtOnUpHover figure:hover .cbcaptioncontainer{
	top:0
}


/**********************************
RSJ hack
    Header Image with Caption
	.hdr is old school effect,
***********************************/
figure.hdr:hover img, img.hoverfade:hover {
    opacity:1;
}

figure.hdr img.nozoom {
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
}