LEGIT CSS CODE FOR LACHLAN

/* -------------------------------------------/
IMAGE WIDGET HOVER CONTENT FONT STYLING
/ ------------------------------------------ */
/* Change hover content title color and font size */
.hover-img figcaption h3 {
	color: #ffffff;
	font-size: 22px;
}

/* Change hover content paragraph color and font size */
.hover-img figcaption p {
	color: #ffffff;
	font-size: 16px;
}


/* -------------------------------------------/
IMAGE WIDGET STYLE 4 CONTENT STYLEING
/ ------------------------------------------ */
/* Change content background color */
.hover-img .hover-img-content{
	background: #fff;
}
/* Change content title font color & size */
.hover-img .hover-img-content h3 {
	color: ;
	font-size: ;
}
/* Change content paragraph font color & size */
	.hover-img .hover-img-content p {
	color: ;
	font-size: ;
}


/* -------------------------------------------/
      IMAGE WIDGET BUTTON COLOR
/ ------------------------------------------ */
/* Button for in Hover Content Area */
.hover-image-button {
	color: #000;
	background: #eeeeee;
	border: 1px solid #ffffff;
}
.hover-image-button:hover {
	color: #000;
	background: #ffffff;
}

/* Button for in Style 4 Content BELOW image */
.hover-img-content .hover-image-button {
	color: #000;
	background: #ffffff;
	border: 1px solid #484848;
}

.hover-img-content .hover-image-button:hover {
	color: #000;
	background: #eee;
}


/* ---------------- DO NOT EDIT ------------------------------------------------ */
.hover-img{display:inline-block; width:100%; margin:0; position:relative}
.hover-img figure{-webkit-margin-before:0; -webkit-margin-after:0; -webkit-margin-start:0; -webkit-margin-end:0; overflow:hidden; margin:0; position:relative; cursor: pointer;}
.hover-img figure img{width:100%; display:block; position:relative}
.hover-img figcaption{position:absolute; left:0; background-color:#262626; color:#fff; height:100%; width:100%; top:auto; bottom:0; opacity:0; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:-webkit-transform 0.4s,opacity 0.1s 0.3s; -moz-transition:-moz-transform 0.4s,opacity 0.1s 0.3s; transition:transform 0.4s,opacity 0.1s 0.3s}
.orange{background:#ff8a3c !important}
.cyan{background:#42bdc2 !important}
.green{background:#7fc242 !important}
.blue{background:#2c3f52 !important}
.lightblue{background:#a1def8 !important}
.palegreen{background:#3fbf79 !important}
.violet{background:#db6ac5 !important}
.yellow{background:#fee664 !important}
.silver{background:#cad3d0 !important}
.pink {background-color: #c50379 !important;}
.hover-img figcaption .caption-padding{text-align:center; height: 100%;}
.hover-img figure:hover figcaption{opacity:0.9; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); -webkit-transition:-webkit-transform 0.4s,opacity 0.1s; -moz-transition:-moz-transform 0.4s,opacity 0.1s; transition:transform 0.4s,opacity 0.1s}
.hover-img .hover-img-content{padding:25px 10%; margin-bottom:15px}
.caption-padding h3{padding-top: 15%;}
/* Style 1 */
.hover-img .style1 figure{
	border: 2px #ffffff solid;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	margin: 5px 5px 20px 5px;
}

/* Style 2 */
.hover-img .style2 figure{
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	margin: 5px 5px 20px 5px;
}

/* Style 3 */
.hover-img .style3 figure{
	border: 6px solid #f1f1f1;
	-webkit-box-shadow: 0 8px 10px -6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 8px 10px -6px rgba(0,0,0,0.5);
	box-shadow: 0 8px 10px -6px rgba(0,0,0,0.5);
}

/* Style 4 */
.hover-img .style4 {
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	margin: 5px 5px 20px 5px;
}


/* Hover Types */
/* ICON */
.hover-img figcaption.article .caption-padding{
	background: url('article-icon.png') center center no-repeat;
}
.hover-img figcaption.image .caption-padding{
	background: url('image-icon.png') center center no-repeat;
}
.hover-img figcaption.video .caption-padding{
	background: url('video-icon.png') center center no-repeat;
}
.hover-img figcaption.info .caption-padding{
	background: url('info-icon.png') center center no-repeat;
}

/* BUTTON */
.hover-image-button {
	display: inline-block;
	padding: 15px;
	margin-top: 10px;
	-webkit-transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	transition: .2s ease-out;
	cursor: pointer;
}
.hover-image-button:hover {
	-webkit-transition: .4s ease-out;
	-moz-transition: .4s ease-out;
	-o-transition: .4s ease-out;
	-ms-transition: .4s ease-out;
	transition: .4s ease-out;
}

/* END OF IMAGE WIDGET */