:root {
	--dipi-vb-module-selection-icon-color: #fff;
	--dipi-vb-module-selection-text-color: #fff;
	--dipi-vb-module-selection-background-color: #2c3d49;
}

button[value^="dipi/"] div svg {
	fill: var(--dipi-vb-module-selection-icon-color) !important;
	scale: .8;
	stroke: var(--dipi-vb-module-selection-icon-color) !important;
	stroke-width: 0;
}

body.dipi-custom-archive-page .et_pb_module.et_pb_posts.dipi-styled-blog .et_pb_ajax_pagination_container, body.dipi-custom-archive-page .et_pb_module.et_pb_blog_grid_wrapper.dipi-styled-blog .et_pb_ajax_pagination_container, body.dipi-custom-archive-page.search:not(.woocommerce) #left-area, body.archive:not(.woocommerce) #left-area, body.blog #left-area {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	transition: .3s ease;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.et_pb_scroll_top {
	animation-fill-mode: forwards !important;
}

@keyframes fadeInRightShort {
	from {
		opacity: 0;
		-webkit-transform: translate3d(20px, 0, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: none;
	}
}

@keyframes fadeInLeftShort {
	from {
		opacity: 0;
		transform: translate3d(-20px, 0, 0);
	}
	
	to {
		opacity: 1;
		transform: none;
	}
}