/* Machine Learning style

   developer:   yhechler
   requires:    /common/framework/css/framework.fr.css
    			/start/featured-topics/css/shared.css.fr
                /start/css/global.css.fr
   ========================================================================== */

.mini-m-list {
	background-position-x: left;
	background-position-y: top;
	background-size: initial;
	background-repeat: no-repeat;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	background-size: 43px 30px;
	color: #535353;
	font-weight: 400;
	line-height: 0.8rem;
}
.example-2 .mini-m-list.desc:nth-child(n+1) {
	padding-top: 0;
}
.mini-m-wrapper {
	line-height: 1.2rem;
	padding-right: 0.5rem;
}
.mini-m-wrapper span {
	color: #f57300;
	display: inline-block;
}
.mini-m:hover .mini-m-wrapper span {
	color: #efad34;
}
.geo-vis-list .subtitle {
	font-size: 1rem;
}
.last {
	padding-top: 1rem;
}
#slide-content-2 video {
	margin: 1.5rem;
	max-width: 29.6875rem;
}
#featured-topic .card-wrap {
	grid-template-columns: 1fr 1fr 1fr;
}
/* ========================================================================== 
   responsive breakpoint styles 
   ========================================================================== */

@media (max-width: 1200px) {}
@media (max-width: 900px) {
	#slide-content-2 video {
		margin: 1.5rem auto;
	}
}
@media (max-width: 600px) {
	.mini-m-wrapper {
		max-width: 100%;
	}
	.desc.mini-m-list {
		padding-top: unset;
	}
	#intro {
		margin-bottom: 0;
	}
}
@media (max-width: 320px) {}