.cozy-block-wrapper {
	transition:
		background-color 0.23s ease-in-out,
		color 0.23s ease-in-out;
}
.clear-cozy-hover-attributes {
	color: #b32d2e;
	font-size: 13px;
	cursor: pointer;
}
.clear-cozy-custom-font {
	display: inline-block;
	text-align: right;
	width: 100%;
}

/* Core Button Hover Styles */
.cozy-button-hover-styles.wp-block-button
	.wp-block-button__link.wp-element-button:hover {
	background: var(--cozyButtonGradientBgColorHover) !important;
	background-color: var(--cozyButtonBgColorHover) !important;
	color: var(--cozyButtonColorHover) !important;
	border-color: var(--cozyButtonBorderHover) !important;
	transition: all 0.23s ease-in-out;
}

/* Core Navigation Hover Color */
@media (width > 1024px) {
	.cozy-nav-hover-color.wp-block-navigation__container.wp-block-navigation
		> .wp-block-navigation-item.has-child
		.wp-block-navigation__submenu-icon {
		background-color: transparent !important;
	}
	.cozy-nav-hover-color.wp-block-navigation__container.wp-block-navigation
		> .wp-block-navigation-item {
		padding: var(--cozyMenuPadding);
	}
	.cozy-nav-hover-color.wp-block-navigation__container.wp-block-navigation
		> .wp-block-navigation-item:hover {
		background: var(--cozyHoverMenuBg) !important;
	}
	.cozy-nav-hover-color.wp-block-navigation__container.wp-block-navigation
		> .wp-block-navigation-item:hover,
	.cozy-nav-hover-color.wp-block-navigation__container.wp-block-navigation
		> .wp-block-navigation-item:hover
		> .wp-block-navigation-item__content {
		color: var(--cozyHoverMenuText) !important;
	}
	.cozy-nav-hover-color.wp-block-navigation__container.wp-block-navigation
		> .wp-block-navigation-item.has-child
		.wp-block-navigation__submenu-container
		.wp-block-navigation-item:hover {
		background: var(--cozyHoverSubmenuBg) !important;
	}
	.cozy-nav-hover-color.wp-block-navigation__container.wp-block-navigation
		.wp-block-navigation-item.has-child
		.wp-block-navigation__submenu-container
		.wp-block-navigation-item:hover
		> .wp-block-navigation-item__content,
	.cozy-nav-hover-color.wp-block-navigation__container.wp-block-navigation
		.wp-block-navigation-item.has-child
		.wp-block-navigation__submenu-container
		.wp-block-navigation-item:hover {
		color: var(--cozyHoverSubmenuText) !important;
	}
}

/* Padding link styles. */
.cozy-link-styles {
	position: absolute;
	left: 230px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	transition: all ease-in-out 0.23s;
}
.cozy-link-styles path {
	fill: #5566ca !important;
}
.cozy-link-styles.cozy-attr-link-disabled path {
	fill: #b2bcf9 !important;
}
.cozy-link-styles.cozy-attr-link-disabled:before {
	content: "";
	background-color: #000;
	width: 1px;
	height: 17px;
	position: absolute;
	rotate: 45deg;
	left: 10px;
	top: 1px;
}

/* Cozy Overlay wrapper styles */
.cozy-overlay-wrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	z-index: 20;
	top: 0;
}

/* Cozy Block Wrapper */
.cozy-block-wrapper {
	position: relative;
	margin-block-start: 0 !important;
}

/* Cozy Icon Picker List */
.cozy-icon-list {
	display: grid;
	grid-row-gap: 5px;
	grid-template-columns: repeat(5, 1fr);
	overflow: hidden;
	max-height: 250px;
	transition: all ease-in 0.23s;
	margin-bottom: 10px;
	padding: 10px 5px;
}

.cozy-icon-list button {
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0 auto;
}

.cozy-icon-list:hover {
	overflow-y: scroll;
	transition: all ease-in-out 0.23s;
}

.cozy-icon-search {
	margin: 10px;
}

.cozy-icon-list .cozy-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

/* Cozy Shape Divider List */
.cozy-shape-divider-list {
	display: grid;
	grid-row-gap: 10px;
	grid-column-gap: 10px;
	grid-template-columns: repeat(3, 1fr);
	overflow: hidden;
	max-height: 250px;
	transition: all ease-in 0.23s;
	margin-bottom: 10px;
	padding: 10px 5px;
}
.cozy-shape-divider-list button {
	width: 50px;
	height: 20px;
	padding: 0;
	margin: 0 auto;
}
.cozy-shape-divider-list .cozy-shape-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	fill: black;
}
.cozy-shape-divider-list:hover {
	overflow-y: scroll;
	transition: all ease-in-out 0.23s;
}
.cozy-shape-divider.color-fade svg:not(.cozy-pro-icon) {
	opacity: 0.8;
}

/* Cozy Hover Effect */
.cozy-hover-effect__initialized,
.wp-block-button.cozy-hover-effect__initialized a {
	transition: all 0.3s ease;
}
.cozy-hover-effect__initialized.cozy-hover-effect__has-default-box-shadow:not(
		.wp-block-button
	):not(.wp-block-image) {
	box-shadow: var(--cozyDefaultBoxShadow);
}
.cozy-hover-effect__initialized.cozy-hover-effect__has-default-box-shadow.wp-block-button
	> .wp-block-button__link,
.cozy-hover-effect__initialized.cozy-hover-effect__has-default-box-shadow.wp-block-image
	> img {
	box-shadow: var(--cozyDefaultBoxShadow);
}
.cozy-hover-effect__initialized.cozy-hover-effect__has-hover-box-shadow:not(
		.wp-block-button
	):not(.wp-block-image):hover {
	box-shadow: var(--cozyHoverBoxShadow);
}
.cozy-hover-effect__initialized.cozy-hover-effect__has-hover-box-shadow.wp-block-button
	> .wp-block-button__link:hover,
.cozy-hover-effect__initialized.cozy-hover-effect__has-hover-box-shadow.wp-block-image
	> img:hover {
	box-shadow: var(--cozyHoverBoxShadow);
}
.cozy-hover-effect__initialized:hover,
.wp-block-button.cozy-hover-effect__initialized a:hover {
	transform: translateX(var(--cozyHoverTranslateX))
		translateY(var(--cozyHoverTranslateY)) rotate(var(--cozyHoverRotate))
		scale(var(--cozyHoverScale)) !important ;
	/* transition: transform 0.23s ease-in-out !important; */
}
/* Overflow Hidden */
.cozy-hover-effect__overflow-hidden {
	overflow: hidden;
}
.cozy-hover-effect__overflow-visible {
	overflow: visible;
}
.cozy-hover-effect__overflow-scroll {
	overflow: scroll;
}

/* Core Button Icon */
.wp-block-button.cozy-button__has-icon.icon-position__before
	.wp-block-button__link:before,
.wp-block-button.cozy-button__has-icon.icon-position__after
	.wp-block-button__link:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: var(--cozy--icon--box-width);
	height: var(--cozy--icon--box-height);

	-webkit-mask-image: var(--cozy--icon--svg);
	-webkit-mask-size: var(--cozy--icon--size);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;

	mask-image: var(--cozy--icon--svg);
	mask-size: var(--cozy--icon--size);
	mask-repeat: no-repeat;
	mask-position: center;

	margin-top: var(--cozy--icon--margin--top);
	margin-bottom: var(--cozy--icon--margin--bottom);

	transform: rotate(var(--cozy--icon--rotate));

	background-color: var(--cozy--icon--color);
}
.wp-block-button.cozy-button__has-icon.icon-position__before
	.wp-block-button__link:hover:before,
.wp-block-button.cozy-button__has-icon.icon-position__after
	.wp-block-button__link:hover:after {
	background-color: var(--cozy--icon--color-hover);
}

.wp-block-button.cozy-button__has-icon.icon-position__before
	.wp-block-button__link:before {
	margin-right: var(--cozy--icon--gap);
}
.wp-block-button.cozy-button__has-icon.icon-position__after
	.wp-block-button__link:after {
	margin-left: var(--cozy--icon--gap);
}
.wp-block-button.cozy-button__has-icon {
	position: relative;
	transition: all 0.3s ease;
}

.wp-block-button.icon-animation__slide.icon-position__before
	.wp-block-button__link::before,
.wp-block-button.icon-animation__slide.icon-position__after
	.wp-block-button__link::after {
	transform: translateX(0);
	transition: all 0.23s ease-in-out;
}
.wp-block-button.icon-animation__enlarge.icon-position__before
	.wp-block-button__link::before,
.wp-block-button.icon-animation__enlarge.icon-position__after
	.wp-block-button__link::after {
	transform: scale(1);
	transition: all 0.23s ease-in-out;
}
.wp-block-button.cozy-button__has-icon:hover {
	&.icon-animation__enlarge.icon-position__before
		.wp-block-button__link::before,
	&.icon-animation__enlarge.icon-position__after .wp-block-button__link::after {
		transform: scale(1.3);
		transition: all 0.23s ease-in-out;
	}

	&.icon-animation__full-rotate.icon-position__before
		.wp-block-button__link::before,
	&.icon-animation__full-rotate.icon-position__after
		.wp-block-button__link::after {
		animation: fullRotate 0.4s ease;
	}

	&.icon-animation__bounce.icon-position__before .wp-block-button__link::before,
	&.icon-animation__bounce.icon-position__after .wp-block-button__link::after {
		animation: iconBounce 0.5s ease;
	}

	&.icon-animation__shake.icon-position__before .wp-block-button__link::before,
	&.icon-animation__shake.icon-position__after .wp-block-button__link::after {
		animation: iconShake 0.4s ease;
	}
	&.icon-animation__slide.icon-position__before .wp-block-button__link::before {
		transform: translateX(-4px);
		transition: all 0.23s ease-in-out;
	}
	&.icon-animation__slide.icon-position__after .wp-block-button__link::after {
		transform: translateX(4px);
		transition: all 0.23s ease-in-out;
	}
	&.icon-animation__pulse.icon-position__before .wp-block-button__link::before,
	&.icon-animation__pulse.icon-position__after .wp-block-button__link::after {
		animation: iconPulse 0.8s ease infinite;
	}
	&.icon-animation__swing.icon-position__before .wp-block-button__link::before,
	&.icon-animation__swing.icon-position__after .wp-block-button__link::after {
		animation: iconSwing 0.5s ease;
		transform-origin: top center;
	}
	&.icon-animation__rubber.icon-position__before .wp-block-button__link::before,
	&.icon-animation__rubber.icon-position__after .wp-block-button__link::after {
		animation: rubber 0.6s ease;
	}
	&.icon-animation__tada.icon-position__before .wp-block-button__link::before,
	&.icon-animation__tada.icon-position__after .wp-block-button__link::after {
		animation: tada 0.9s ease-in-out;
	}
	&.icon-animation__jello.icon-position__before .wp-block-button__link::before,
	&.icon-animation__jello.icon-position__after .wp-block-button__link::after {
		animation: jello 0.9s ease-in-out;
	}
	&.icon-animation__wobble.icon-position__before .wp-block-button__link::before,
	&.icon-animation__wobble.icon-position__after .wp-block-button__link::after {
		animation: wobble 0.9s ease-in-out;
	}
}
@keyframes fullRotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(calc(360deg + var(--cozy--icon--rotate)));
	}
}
@keyframes iconBounce {
	0%,
	100% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(-6px);
	}
	50% {
		transform: translateY(0);
	}
	70% {
		transform: translateY(-3px);
	}
}
@keyframes iconShake {
	0%,
	100% {
		transform: rotate(0deg);
	}
	20% {
		transform: rotate(-10deg);
	}
	40% {
		transform: rotate(10deg);
	}
	60% {
		transform: rotate(-6deg);
	}
	80% {
		transform: rotate(6deg);
	}
}
@keyframes iconPulse {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.15);
	}
}
@keyframes iconSwing {
	20% {
		transform: rotate(15deg);
	}
	40% {
		transform: rotate(-10deg);
	}
	60% {
		transform: rotate(5deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@keyframes rubber {
	0% {
		transform: scale(1);
	}
	30% {
		transform: scale(1.25, 0.75);
	}
	50% {
		transform: scale(0.85, 1.15);
	}
	70% {
		transform: scale(1.1, 0.9);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes tada {
	0% {
		transform: scale(1) rotate(0deg);
	}
	10%,
	20% {
		transform: scale(0.9) rotate(-5deg);
	}
	30%,
	50%,
	70% {
		transform: scale(1.1) rotate(5deg);
	}
	40%,
	60%,
	80% {
		transform: scale(1.1) rotate(-5deg);
	}
	85%,
	89%,
	93% {
		transform: scale(1.05) rotate(5deg);
	}
	87%,
	91%,
	95% {
		transform: scale(1.05) rotate(-5deg);
	}
	97%,
	98.5% {
		transform: scale(1.02) rotate(0deg);
	}
	100% {
		transform: scale(1) rotate(0deg);
	}
}
@keyframes jello {
	0%,
	11.1%,
	100% {
		transform: scale(1) skew(0deg, 0deg);
	}
	22.2% {
		transform: scale(1) skew(-12.5deg, -12.5deg);
	}
	33.3% {
		transform: scale(1) skew(6.25deg, 6.25deg);
	}
	44.4% {
		transform: scale(1) skew(-3.125deg, -3.125deg);
	}
	55.5% {
		transform: scale(1) skew(1.5625deg, 1.5625deg);
	}
	66.6% {
		transform: scale(1) skew(-0.78125deg, -0.78125deg);
	}
	77.7% {
		transform: scale(1) skew(0.390625deg, 0.390625deg);
	}
	88.8% {
		transform: scale(1) skew(-0.1953125deg, -0.1953125deg);
	}
}
@keyframes wobble {
	0% {
		transform: translateX(0%) rotate(0deg);
	}
	15% {
		transform: translateX(-25%) rotate(-5deg);
	}
	30% {
		transform: translateX(20%) rotate(3deg);
	}
	45% {
		transform: translateX(-15%) rotate(-3deg);
	}
	60% {
		transform: translateX(10%) rotate(2deg);
	}
	75% {
		transform: translateX(-5%) rotate(-1deg);
	}
	100% {
		transform: translateX(0%) rotate(0deg);
	}
}