/**
 * Ace Content — front-end styles for the bundled templates.
 *
 * Loaded only on link/suburb/portfolio archives, single-suburb pages,
 * and portfolio-type taxonomy archives.
 *
 * Theme-wide CSS that used to live in the Divi child theme's style.css
 * (footer styling, header tweaks, page-id-40 hero, etc.) belongs in
 * Divi → Theme Options → General → Custom CSS — see README.md.
 */

/* Overlay system used by taxonomy-portfolio-type.php cards ----------------- */
.overlay {
	background: rgba(0, 0, 0, 0.2);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	transition: all 1s;
}

a.overlay:hover {
	background: rgba(255, 255, 255, 0.2);
}

.overlay.dark-0  { background-color: rgba(0, 0, 0, 0); }
.overlay.dark-1  { background-color: rgba(0, 0, 0, 0.1); }
.overlay.dark-2  { background-color: rgba(0, 0, 0, 0.2); }
.overlay.dark-3  { background-color: rgba(0, 0, 0, 0.3); }
.overlay.dark-4  { background-color: rgba(0, 0, 0, 0.4); }
.overlay.dark-5  { background-color: rgba(0, 0, 0, 0.5); }
.overlay.dark-6  { background-color: rgba(0, 0, 0, 0.6); }
.overlay.dark-7  { background-color: rgba(0, 0, 0, 0.7); }
.overlay.dark-8  { background-color: rgba(0, 0, 0, 0.8); }
.overlay.dark-9  { background-color: rgba(0, 0, 0, 0.9); }
.overlay.dark-10 { background-color: rgba(0, 0, 0, 1); }

.overlay.light-0  { background-color: rgba(255, 255, 255, 0); }
.overlay.light-1  { background-color: rgba(255, 255, 255, 0.1); }
.overlay.light-2  { background-color: rgba(255, 255, 255, 0.2); }
.overlay.light-3  { background-color: rgba(255, 255, 255, 0.3); }
.overlay.light-4  { background-color: rgba(255, 255, 255, 0.4); }
.overlay.light-5  { background-color: rgba(255, 255, 255, 0.5); }
.overlay.light-6  { background-color: rgba(255, 255, 255, 0.6); }
.overlay.light-7  { background-color: rgba(255, 255, 255, 0.7); }
.overlay.light-8  { background-color: rgba(255, 255, 255, 0.8); }
.overlay.light-9  { background-color: rgba(255, 255, 255, 0.9); }
.overlay.light-10 { background-color: rgba(255, 255, 255, 1); }

/* Portfolio card hover ----------------------------------------------------- */
.item-box .item-hover {
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	color: #fff;
	transition: all 0.3s;
	margin-left: 15px;
	margin-right: 15px;
}

.item-box:hover .item-hover {
	opacity: 1;
}

.item-box .item-hover .inner {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 30%;
	margin-top: -10px;
	width: 100%;
	z-index: 100;
	line-height: 23px;
}

.item-box .item-hover .inner .ico-rounded > span {
	color: #666;
	background-color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px !important;
	margin: -50px 5px 0 5px;
	transition: all 0.3s;
	border-bottom-right-radius: 20px;
	border-top-left-radius: 20px;
}

#portfolio .item-box-overlay-title {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 8px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 100;
}

#portfolio .item-box-overlay-title h2,
#portfolio .item-box-overlay-title h3,
#portfolio .item-box-overlay-title h4,
#portfolio .item-box-overlay-title a {
	color: #fff;
}

/* Strip section heading on archives --------------------------------------- */
@media only screen and (min-width: 1350px) {
	.et_pb_section.et_pb_section_title_strip {
		padding: 1em 0;
		border-bottom: 1px solid #fcbf00;
		background-color: #056faf;
		color: #eee;
		font-size: 1.2em;
	}

	.et_pb_section.et_pb_section_title_strip h1 {
		color: #eee;
		font-size: 3em;
	}

	.et_pb_gutters3 .et_pb_section_title_strip .et_pb_column_4_4 .et_pb_module {
		margin-bottom: 0 !important;
	}
}

/* Helper ------------------------------------------------------------------ */
.mtn,
h2.mtn,
.et_pb_post h2.mtn {
	margin-top: 0;
}