/*
This is an example template, You can define your own to override/adapt styles without changing the block.
This will also allow for updates, without deleting your changes.
*/


/* You can simply override the standard image_plus style rules. */
/* As an example, let's just give the blocks a little border and some other rules 
.image_plus_template_example .image_plus {
    border: 8px solid black;
    background-color: whitesmoke;
}*/


/* Also let's slow down that garage door effect when this template is applied to an image_plus block.
.image_plus_template_example .ip_view_11 img {
    transition: all 2s ease;
}*/
.image_plus_view .image_plus_content_front_text_right h2 {
    position: absolute;
	right: 0;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 0px 0 -510px 0;
	width: 33%;
	min-width: 240px;
	text-align: right;
	padding-bottom: 510px;
	background: rgba(0,0,0,0.4);
	font-size:30px;
}
.image_plus_view .image_plus_content_text {
    position: static;
    height: 100%;
}
.image_plus_view .image_plus_content_text h2 {
	font-size: 28px;
	margin: 15px 0 0;
	padding-bottom: 0;
	display:none;
}

.image_plus_view .image_plus_content_text p {
	font-size:14px;
	padding-top:15px;
}
@media (min-width: 576px) {
	.image_plus_view .image_plus_content_text h2 {
		display:block;
	}
	.image_plus_view .image_plus_content_text p {
	font-size:16px;
	}
}