body {
	--guten-base-color: #181d23;
	--guten-base-lighter-color: #2d3137;
	--guten-bg-color: #fff;
	--guten-border-color: #eaeaeb;
	--guten-txt-color: #575a5f;
	--guten-txt-h-color: #181d23;
	--guten-txt-a-color: #0058e6;
	--guten-txt-m-color: #96989b;
	--guten-txt-alt-color: #fff;
	--guten-form-border-color: #d5d5d7;
	--guten-form-bg-color: transparent;
	--guten-form-txt-color: #181d23;
	--guten-form-font-size: 15px;
	--guten-form-border-focus: #b7b7b7;
	--guten-switch-active: #3557dc;
	--guten-switch-shadow: #2e384d;
	--guten-form-placeholder-color: #96989b;
	--guten-btn-txt-color: #fff;
	--guten-btn-bg-color: #0058e6;
	--guten-btn-bg-info: #5bc0de;
	--guten-btn-bg-success: #5cb85c;
	--guten-btn-bg-warning: #f0ad4e;
	--guten-btn-bg-danger: #d9534f;
	--guten-btn-bg-hover-color: #0048bd;
	--guten-selection-bg-color: #d8a600;
	--guten-element-bg-color: #80b1ff;
	--guten-element-darken-bg-color: #0058e6;
	--guten-element-lighten-bg-color: #e6f0ff;
	--guten-success-bg-color: #75ffd8;
	--guten-success-border-color: #007f5b;
	--guten-error-text-color: #d60000;
	--guten-error-bg-color: #fcc;
	--guten-error-border-color: #d60000;
	--guten-wp-color: #007cba;
}

.editor-styles-wrapper .guten-fix-style {
	background: transparent;
}

.guten-image-box, .gutenverse-image-box {
	display: flex;
	flex-direction: column;
	text-align: center;
	transition: all .4s ease;
}

.guten-image-box .inner-container, .gutenverse-image-box .inner-container {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.guten-image-box .inner-container .image-box-header, .gutenverse-image-box .inner-container .image-box-header {
	line-height: 0;
	overflow: hidden;
	position: relative;
	transition: all .4s ease;
}

.guten-image-box .inner-container .image-box-header img, .gutenverse-image-box .inner-container .image-box-header img {
	backface-visibility: hidden;
	border-radius: inherit;
	flex: 1;
	height: auto;
	margin: 0;
	min-width: 0;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .4s ease;
	width: -webkit-fill-available;
	width: 100%;
}

.guten-image-box .inner-container .image-box-header a, .gutenverse-image-box .inner-container .image-box-header a {
	line-height: 0;
}

.guten-image-box .inner-container .image-box-body, .gutenverse-image-box .inner-container .image-box-body {
	margin: 0;
}

.guten-image-box .inner-container .body-inner, .gutenverse-image-box .inner-container .body-inner {
	background: var(--guten-bg-color);
	-o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25);
	overflow: hidden;
	padding: 30px 35px;
	position: relative;
}

.guten-image-box .inner-container .body-inner .body-description, .gutenverse-image-box .inner-container .body-inner .body-description {
	color: var(--guten-txt-h-color);
}

.guten-image-box .inner-container .body-title, .gutenverse-image-box .inner-container .body-title {
	align-items: center;
	color: var(--guten-txt-h-color);
	display: inline-flex;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
}

.guten-image-box .inner-container .body-title svg, .gutenverse-image-box .inner-container .body-title svg {
	fill: var(--guten-txt-h-color);
}

.guten-image-box .inner-container .body-title a, .gutenverse-image-box .inner-container .body-title a {
	color: var(--guten-txt-h-color);
	text-decoration: none;
}

.guten-image-box .inner-container.style-floating .body-inner, .gutenverse-image-box .inner-container.style-floating .body-inner {
	background-color: #fff;
	-o-box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -50px;
	position: relative;
	transition: all .4s ease;
}

.guten-image-box .inner-container.style-floating .body-inner .body-description, .guten-image-box .inner-container.style-floating .body-inner .guten-button, .gutenverse-image-box .inner-container.style-floating .body-inner .body-description, .gutenverse-image-box .inner-container.style-floating .body-inner .guten-button {
	opacity: 0;
	transition: all .4s ease;
	visibility: hidden;
}

.guten-image-box .inner-container.style-floating:hover .body-inner, .gutenverse-image-box .inner-container.style-floating:hover .body-inner {
	height: 220px;
}

.guten-image-box .inner-container.style-floating:hover .body-inner .body-description, .guten-image-box .inner-container.style-floating:hover .body-inner .guten-button, .gutenverse-image-box .inner-container.style-floating:hover .body-inner .body-description, .gutenverse-image-box .inner-container.style-floating:hover .body-inner .guten-button {
	opacity: 1;
	visibility: visible;
}

.guten-image-box .border-bottom, .gutenverse-image-box .border-bottom {
	bottom: 0;
	height: 5px;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 100%;
}

.guten-image-box .border-bottom .animated, .gutenverse-image-box .border-bottom .animated {
	background-color: #d8a600;
	height: 5px;
	width: 100%;
	z-index: 3;
}

.guten-image-box .border-bottom .left, .gutenverse-image-box .border-bottom .left {
	animation-name: slideInLeft;
}

.guten-image-box .border-bottom .right, .gutenverse-image-box .border-bottom .right {
	animation-name: slideInRight;
}

.guten-image-box:hover .border-bottom .left, .gutenverse-image-box:hover .border-bottom .left {
	animation-name: slideOutRight;
}

.guten-image-box:hover .border-bottom .right, .gutenverse-image-box:hover .border-bottom .right {
	animation-name: slideOutLeft;
}