
.kadence-info-box-image-intrisic {
	height: 0;
}

.kt-blocks-info-box-link-wrap {
	margin-left: auto;
	margin-right: auto;
}

.kt-info-halign-center {
	text-align: center;
}

.kt-info-halign-center .kadence-info-box-image-inner-intrisic-container {
	margin: 0 auto;
}

.kt-info-halign-right {
	text-align: right;
}

.kt-info-halign-right .kadence-info-box-image-inner-intrisic-container {
	margin: 0 0 0 auto;
}

.kt-info-halign-left {
	text-align: left;
}

.kt-info-halign-left .kadence-info-box-image-inner-intrisic-container {
	margin: 0 auto 0 0;
}

.kt-blocks-info-box-media-align-top .kt-blocks-info-box-media {
	display: inline-block;
	max-width: 100%;
}

.kt-blocks-info-box-media-align-top .kt-infobox-textcontent {
	display: block;
}

.kt-blocks-info-box-text {
	color: var(--global-palette5, #444);
}

.wp-block-kadence-infobox .kt-blocks-info-box-text {
	margin-bottom: 0;
}

.wp-block-kadence-infobox .kt-blocks-info-box-title {
	margin-top: 0;
}

.kt-blocks-info-box-link-wrap {
	display: block;
	background: var(--global-palette8, #f2f2f2);
	padding: var(--global-kb-spacing-xs, 1rem);
	border-color: var(--global-palette7, #eee);
}

.kt-blocks-info-box-media, .kt-blocks-info-box-link-wrap {
	border: 0 solid rgba(0, 0, 0, 0);
	transition: all .3s cubic-bezier(.17, .67, .35, .95);
}

.kt-blocks-info-box-title, .kt-blocks-info-box-text, .kt-blocks-info-box-learnmore, .kt-info-svg-image {
	transition: all .3s cubic-bezier(.17, .67, .35, .95);
}

.kt-blocks-info-box-media {
	color: var(--global-palette5, #444);
	padding: 10px;
	margin: 0 15px 0 15px;
}

.kt-blocks-info-box-media img {
	padding: 0;
	margin: 0;
	max-width: 100%;
	height: auto;
}

.kadence-info-box-number-container {
	text-align: center;
}

.kt-blocks-info-box-media-align-top .kt-blocks-info-box-media {
	margin: 0;
}

.kt-blocks-info-box-media-align-top .kt-blocks-info-box-media-container {
	margin: 0 15px 0 15px;
	max-width: inherit;
}

.kt-blocks-info-box-learnmore {
	border: 0 solid rgba(0, 0, 0, 0);
	display: block;
	text-decoration: none;
	color: var(--global-palette5, #444);
	padding: 4px 8px;
	margin: 10px 0px 10px 0px;
}

.wp-block-kadence-infobox .kt-blocks-info-box-learnmore-wrap {
	display: inline-flex;
	width: auto;
}

.wp-block-kadence-infobox .kt-blocks-info-box-media-align-left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.wp-block-kadence-infobox .kt-blocks-info-box-media-align-left .kt-infobox-textcontent {
	flex-grow: 1;
}

.wp-block-kadence-infobox .kt-blocks-info-box-media-align-right {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row-reverse;
}

@media (min-width: 768px)and (max-width: 1024px) {
	.kb-info-tablet-halign-center {
		text-align: center;
	}
	
	.kb-info-tablet-halign-center .kadence-info-box-image-inner-intrisic-container {
		margin: 0 auto;
	}
	
	.kb-info-tablet-halign-right {
		text-align: right;
	}
	
	.kb-info-tablet-halign-right .kadence-info-box-image-inner-intrisic-container {
		margin: 0 0 0 auto;
	}
	
	.kb-info-tablet-halign-left {
		text-align: left;
	}
	
	.kb-info-tablet-halign-left .kadence-info-box-image-inner-intrisic-container {
		margin: 0 auto 0 0;
	}
}

@media (max-width: 767px) {
	.kb-info-mobile-halign-center {
		text-align: center;
	}
	
	.kb-info-mobile-halign-center .kadence-info-box-image-inner-intrisic-container {
		margin: 0 auto;
	}
	
	.kb-info-mobile-halign-right {
		text-align: right;
	}
	
	.kb-info-mobile-halign-right .kadence-info-box-image-inner-intrisic-container {
		margin: 0 0 0 auto;
	}
	
	.kb-info-mobile-halign-left {
		text-align: left;
	}
	
	.kb-info-mobile-halign-left .kadence-info-box-image-inner-intrisic-container {
		margin: 0 auto 0 0;
	}
}

.kt-blocks-info-box-media-align-right.kb-info-box-vertical-media-align-top, .kt-blocks-info-box-media-align-left.kb-info-box-vertical-media-align-top {
	align-items: flex-start;
}

.kt-blocks-info-box-media-align-right.kb-info-box-vertical-media-align-bottom, .kt-blocks-info-box-media-align-left.kb-info-box-vertical-media-align-bottom {
	align-items: flex-end;
}

.kt-blocks-info-box-media .kt-info-box-image, .kt-blocks-info-box-media-container {
	max-width: 100%;
}

.kadence-info-box-image-intrisic.kb-info-box-image-type-svg {
	height: auto;
	padding-bottom: 0;
}

.kt-info-animate-grayscale img, .kt-info-animate-grayscale-border-draw img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: .3s cubic-bezier(.17, .67, .35, .95);
}

.kt-blocks-info-box-link-wrap:hover .kt-info-animate-grayscale img, .kt-blocks-info-box-link-wrap:hover .kt-info-animate-grayscale-border-draw img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.kt-info-animate-flip, .kt-info-icon-animate-flip {
	perspective: 1000px;
}

.kt-blocks-info-box-link-wrap:hover .kt-info-animate-flip .kadence-info-box-image-inner-intrisic, .kt-blocks-info-box-link-wrap:hover .kt-info-icon-animate-flip .kadence-info-box-icon-inner-container {
	transform: rotateY(180deg);
}

.kt-info-animate-flip .kadence-info-box-image-inner-intrisic, .kt-info-icon-animate-flip .kadence-info-box-icon-inner-container {
	transition: .6s;
	transform-style: preserve-3d;
	position: relative;
	perspective: 1000;
}

.kt-info-animate-flip .kt-info-box-image-flip, .kt-info-icon-animate-flip .kt-info-svg-icon-flip {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.kt-info-animate-flip .kt-info-box-image, .kt-info-icon-animate-flip .kt-info-svg-icon {
	backface-visibility: hidden;
	transform: rotateX(0deg);
}

.kt-info-animate-flip .kt-info-box-image-flip, .kt-info-icon-animate-flip .kt-info-svg-icon-flip {
	transform: rotateY(180deg);
}

.kt-info-media-animate-drawborder, .kt-info-media-animate-grayscale-border-draw {
	position: relative;
	box-sizing: border-box;
}

.kt-info-media-animate-drawborder::before, .kt-info-media-animate-drawborder::after, .kt-info-media-animate-grayscale-border-draw::before, .kt-info-media-animate-grayscale-border-draw::after {
	box-sizing: border-box;
	content: "";
	position: absolute;
	border: 0px solid rgba(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.kt-info-media-animate-drawborder::before, .kt-info-media-animate-drawborder::after, .kt-info-media-animate-grayscale-border-draw::before, .kt-info-media-animate-grayscale-border-draw::after {
	top: 0;
	left: 0;
}

.kt-info-media-animate-drawborder:after, .kt-info-media-animate-grayscale-border-draw:after {
	transform: rotate(-90deg);
}

.kt-blocks-info-box-link-wrap:hover .kt-info-media-animate-drawborder:before, .kt-blocks-info-box-link-wrap:hover .kt-info-media-animate-grayscale-border-draw:before {
	width: 100%;
	height: 100%;
	transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s;
}

.kt-blocks-info-box-link-wrap:hover .kt-info-media-animate-drawborder:after, .kt-blocks-info-box-link-wrap:hover .kt-info-media-animate-grayscale-border-draw:after {
	width: 100%;
	height: 100%;
	transform: rotate(180deg);
	transition: transform .4s linear 0s, border-bottom-width 0s linear .35s;
}

.wp-block-kadence-infobox a.kt-blocks-info-box-link-wrap {
	text-decoration: none !important;
}

.wp-block-kadence-infobox .kt-blocks-info-box-number {
	white-space: nowrap;
}

.wp-block-kadence-infobox .kt-info-svg-icon, .wp-block-kadence-infobox .kt-info-svg-icon-flip, .wp-block-kadence-infobox .kt-blocks-info-box-number {
	font-size: 50px;
	line-height: 1em;
	min-width: 1em;
	justify-content: center;
	align-items: center;
	display: flex;
}

.wp-block-kadence-infobox .kt-info-svg-icon svg, .wp-block-kadence-infobox .kt-info-svg-icon-flip svg, .wp-block-kadence-infobox .kt-blocks-info-box-number svg {
	display: block !important;
	width: 1em !important;
	height: 1em !important;
}

.kt-blocks-info-box-media {
	overflow: hidden;
}

.kt-blocks-info-box-media.kt-info-media-animate-flip {
	overflow: visible;
}

.kadence-info-box-image-intrisic.kb-info-box-image-ratio {
	position: relative;
	overflow: hidden;
}

.kadence-info-box-image-intrisic.kb-info-box-image-ratio .kadence-info-box-image-inner-intrisic {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.kadence-info-box-image-intrisic.kb-info-box-image-ratio .kt-info-box-image {
	position: absolute;
	flex: 1;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	top: 0;
	left: 0;
}

body.rtl .kt-info-halign-right .kt-infobox-textcontent {
	align-items: flex-start;
}

body.rtl .kt-info-halign-left .kt-infobox-textcontent {
	align-items: flex-end;
}
