/* 
Theme Name:		Roadmap
Theme URI:		https://roadmap.way/
Description:	Roadmap is a custom theme based on the Hello Framework created by Elementor team
Author:			Elementor Team
Author URI:		https://elementor.com/
Template:		hello-elementor
Version:		1.0.0
Text Domain:	hello-elementor-child
Tags:           flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

h2.slider-text {
	color : #fff;
}


.info-slide .info-slide-content {
	opacity: 0;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
}

.info-slide.slick-active .info-slide-content {
	transition-delay: 1s;
	opacity: 1; 
}

.info-slides-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*margin-top: -40px;*/
	/*border: 1px solid red;*/
	width: 400px;
	height: 100px;
	transition: all .2s;
	text-align: center; 
}

.info-slide:hover {
	/*text-shadow: 0px 0px 3px red;*/ 
}

.info-slide .info-slide-content h2 {
	font-size: 42px;
	color: #0064b9;
	margin: 0px; 
}

.info-slide span {
	font-size: 25px;
	text-transform: uppercase;
}
@media screen and (max-width: 7000px) {
	.outer-cog-container {
		width: 450px;
		height: 450px;
	}
	.interactive-cog {
		height: 450px;
	}
	.inner-cog-container {
		width: 370px;
		height: 370px;
	}
	/*.info-slides-container {
		left: -100px;
	}*/
}
@media screen and (max-width: 1920px) {


	.info-slides-container {
		/*left: 20px;*/
		width: 200px;
		height: 100px;
	}

	.info-slide .info-slide-content h2 {
		font-size: 40px;
	}

	.info-slide span {
		font-size: 18px;
	}
}
@media screen and (min-width: 993px) {
	.interactive-cog-container {
		position: absolute;
		top: 50%;
		right: -10px;
		transform: translateY(-50%); 
	}
}
@media screen and (min-width: 500px) and (max-width: 890px) {
	.interactive-cog-container {
		width: 400px; 
	}
}
@media (min-width: 890px) {
	.infographic-section-content {
		width: 50%;
		margin: 50px 0px;
	}

	.infographic_section {
		position: relative;
		overflow: hidden;
	}

	.interactive-cog-container {
		position: absolute !important;
		top: 50%;
		/*right: 0;*/
		transform: translateY(-50%);
		height: 770px;
	} 
}

@media screen and (min-width: 1025px) and (max-width: 1340px) {
.interactive-cog, .interactive-cog-container {
    width: 270px !important;
    /* height: 370px; */
    overflow: hidden;
    /* top: -37px;*/
}
.outer-cog-container {
    width: 270px;
    height: 270px;
}
.inner-cog-container {
    width: 220px;
    height: 220px;
}
.info-slides-container {
    width: 180px;
}
.info-slide .info-slide-content h2 {
    font-size: 30px;
}
.info-slide .info-slide-content {
    font-size: 18px;
}
}
@media screen and (min-width: 1340px) and (max-width: 1720px) {
	.interactive-cog-container {
		width: 400px; 
	}
}
@media screen and (min-width: 1721px) and (max-width: 1920px) {
	.interactive-cog-container {
		width: 400px;
	}
}	
@media screen and (max-width: 1024px) {
	.interactive-cog-container {
		width: 100%;margin: 0 auto;
		height: 500px;
	}
	.inner-cog-container {
		width: 370px;
		height: 370px;
	}
	.outer-cog-container {
		width: 450px;
		height: 450px;
	}
	.interactive-cog {
		height: 450px;
		margin-left: 0px;
		width: 100%;
	}
}

}