/* base */
.elementor .gjs-metro {
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
	z-index: 0;
}
.elementor .gjs-metro .metro-inner {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #00aa00;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	background-size: cover;
	overflow: hidden;
	z-index: 0;
}

/* pseudo elements for overlay and border */
.elementor .gjs-metro .metro-inner:before,
.elementor .gjs-metro .metro-inner:after {
	content:' ';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.elementor .gjs-metro .metro-inner:after {
	z-index: 10;
	background-color: transparent;
}
.elementor .gjs-metro .metro-inner:hover:after {}

/* image */
.elementor .gjs-metro .metro-inner > .metro-image,
.elementor .gjs-metro .metro-inner > .metro-image img {
	display: block;
	z-index: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	background-size: cover;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.elementor .gjs-metro .metro-inner > .metro-image img {
	opacity: 0;
}
.elementor .gjs-metro .metro-inner > .metro-image img.wpsmartcrop-image.wpsmartcrop-rendered {
	opacity: 1;
}

/* icon */
.elementor .gjs-metro .metro-inner > .metro-icon {
	z-index: 20;
	position: absolute;
	left: 50%;
	top: 50%;
	--webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 7em;
}
.elementor .gjs-metro .metro-inner > .metro-icon.icon-size-xs { font-size: 3em }
.elementor .gjs-metro .metro-inner > .metro-icon.icon-size-sm { font-size: 4em }
.elementor .gjs-metro .metro-inner > .metro-icon.icon-size-md { font-size: 6em }
.elementor .gjs-metro .metro-inner > .metro-icon.icon-size-lg { font-size: 8em }
.elementor .gjs-metro .metro-inner > .metro-icon.icon-size-xl { font-size: 10em }

/* content */
.gjs-metro .metro-inner > .metro-content {
	z-index: 30;
	position: absolute;
	left: 0;
	right: 0;
	max-height: 100%;
	padding: 10px;
	overflow: hidden;
}
.elementor .gjs-metro .metro-inner.metro-overlay-tl > .metro-content,
.elementor .gjs-metro .metro-inner.metro-overlay-tc > .metro-content,
.elementor .gjs-metro .metro-inner.metro-overlay-tr > .metro-content {
	top: 0;
	bottom: auto;
}
.elementor .gjs-metro .metro-inner.metro-overlay-ml > .metro-content,
.elementor .gjs-metro .metro-inner.metro-overlay-mc > .metro-content,
.elementor .gjs-metro .metro-inner.metro-overlay-mr > .metro-content {
	top: 50%;
	bottom: auto;
	--webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.elementor .gjs-metro .metro-inner.metro-overlay-bl > .metro-content,
.elementor .gjs-metro .metro-inner.metro-overlay-bc > .metro-content,
.elementor .gjs-metro .metro-inner.metro-overlay-br > .metro-content {
	top: auto;
	bottom: 0;
}
.elementor .gjs-metro .metro-inner.metro-overlay-tl > .metro-content,
.elementor .gjs-metro .metro-inner.metro-overlay-ml > .metro-content,
.elementor .gjs-metro .metro-inner.metro-overlay-bl > .metro-content {
	text-align: left;
}
.elementor .gjs-metro .metro-inner.metro-overlay-tc > .metro-content,
.elementor .gjs-metro .metro-inner.metro-overlay-mc > .metro-content,
.elementor .gjs-metro .metro-inner.metro-overlay-bc > .metro-content {
	text-align: center;
}
.elementor .gjs-metro .metro-inner.metro-overlay-tr > .metro-content,
.elementor .gjs-metro .metro-inner.metro-overlay-mr > .metro-content,
.elementor .gjs-metro .metro-inner.metro-overlay-br > .metro-content {
	text-align: right;
}

.elementor .gjs-metro .metro-inner > .metro-content > .metro-prefix-text {
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
}
.elementor .gjs-metro .metro-inner > .metro-content > .metro-primary-text {
	color: #fff;
	font-weight: bold;
	font-size: 2em;
	margin-bottom: 0;
	padding-bottom: 0;
}

/*.elementor .gjs-metro a.metro-inner {
	background-color: transparent;
}*/

/* Start Styles added for this install */
.elementor .gjs-metro .metro-inner .metro-body-text  {
	color: #fff;
}
.elementor .gjs-metro .metro-inner .metro-body-text-wrap {
	margin-bottom: 20px;
}
.elementor .gjs-metro .metro-inner .metro-action-button  {
	color: #fff;
}

.elementor .gjs-metro .metro-inner .metro-btn-wrap {

}
.elementor .gjs-metro .metro-inner .metro-action-button {
	display: inline-block;
	/*font-size: 16px;*/
    padding: 10px 20px;
    /*background-color: #007BC1;*/
    color: white;
    min-width: 200px;
    
}
.elementor .gjs-metro .metro-inner h2::after {
	display: none;
}
.elementor .gjs-metro .metro-inner .button-txt {
	display: block;
}

/* adding hover style for button when entire block/link is hovered */
a.metro-inner:hover .metro-action-button {


}
.metro-inner .metro-inner.metro-action-button:hover {

}




/* Animations */
/* -Fade In */
.elementor .gjs-metro .metro-inner,
.elementor .gjs-metro .metro-inner:before,
.elementor .gjs-metro .metro-inner:after,
.elementor .gjs-metro .metro-inner *,
.elementor .gjs-metro .metro-inner *:before,
.elementor .gjs-metro .metro-inner *:after {
	--webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.elementor .gjs-metro .metro-inner.metro-animation-fade-in:hover:after { opacity: 1; }
.elementor .gjs-metro .metro-inner.metro-animation-fade-in:focus:after { opacity: 1; }
.elementor .gjs-metro .metro-inner.metro-animation-fade-out:after { opacity: 1; }
.elementor .gjs-metro .metro-inner.metro-animation-fade-out:hover:after { opacity: 0; }
.elementor .gjs-metro .metro-inner.metro-animation-fade-out:focus:after { opacity: 0; }
.elementor .gjs-metro .metro-inner.metro-animation-slide-up:after { --webkit-transform: translateY(100%); transform: translateY(100%); }
.elementor .gjs-metro .metro-inner.metro-animation-slide-up:hover:after { --webkit-transform: translateY(0); transform: translateY(0); }
.elementor .gjs-metro .metro-inner.metro-animation-slide-up:focus:after { --webkit-transform: translateY(0); transform: translateY(0); }
.elementor .gjs-metro .metro-inner.metro-animation-slide-down:after { --webkit-transform: translateY(-100%); transform: translateY(-100%); }
.elementor .gjs-metro .metro-inner.metro-animation-slide-down:hover:after { --webkit-transform: translateY(0); transform: translateY(0); }
.elementor .gjs-metro .metro-inner.metro-animation-slide-down:focus:after { --webkit-transform: translateY(0); transform: translateY(0); }
.elementor .gjs-metro .metro-inner.metro-animation-slide-left:after { --webkit-transform: translateX(-100%); transform: translateX(-100%); }
.elementor .gjs-metro .metro-inner.metro-animation-slide-left:hover:after { --webkit-transform: translateX(0); transform: translateX(0); }
.elementor .gjs-metro .metro-inner.metro-animation-slide-left:focus:after { --webkit-transform: translateX(0); transform: translateX(0); }
.elementor .gjs-metro .metro-inner.metro-animation-slide-right:after { --webkit-transform: translateX(100%); transform: translateX(100%); }
.elementor .gjs-metro .metro-inner.metro-animation-slide-right:hover:after { --webkit-transform: translateX(0); transform: translateX(0); }
.elementor .gjs-metro .metro-inner.metro-animation-slide-right:focus:after { --webkit-transform: translateX(0); transform: translateX(0); }