/** DEMO LISTINGS **/
.clear { clear:both;  }

.demo-listings { text-align:center; margin-bottom:60px; }

.demo-listings .tab-nav-container { float:left; width:23%; margin-right:3%; }
.demo-listings .panel-container { float:left; width:74%; }

.demo-listings .ui-tabs-nav {
	background:#f6f8fb;
	box-shadow:inset 0px -2px rgba(0, 0, 0, 0.1);
	max-width:100%;
	padding:0;
	padding-top:20px;
	margin:0 auto !important;
	margin-top:-20px !important;
	margin-bottom:30px !important;
	transition:all 0.4s;
}


.demo-listings .ui-tabs-nav li { 
	display:block; 
	padding:0;
}

.demo-listings .ui-tabs-nav li a { 
	color:#909ab0; 
	font-weight:700; 
	position:relative;
	display:block; 
	padding:20px 0px;
	font-size:15px;
	line-height:1.3;
	text-align:left;
	border-bottom:1px solid rgba(0, 0, 0, 0.14);
} 

.demo-listings .ui-tabs-nav li.ui-state-active a { color:#db4d09; }
.demo-listings .ui-tabs-nav li a:hover .post-num,
.demo-listings .ui-tabs-nav li.ui-state-active a .post-num { opacity:1; margin-top:-40px; }
.demo-listings .ui-tabs-nav li a .post-num {
	opacity:0;
	position:absolute;
	width:35px;
	height:35px;
	line-height:35px;
	font-size:12px;
	background:#849bbe;
	color:white;
	right:10px;
	bottom:11px;
	border-radius:100px;
	text-align:center;
	transition:all 0.4s;
}

.demo-listings .ui-tabs-nav li.ui-state-active { border-radius:5px; background:#db4d09; color:white; }
.demo-listings .ui-tabs-nav li.ui-state-active a { padding-left:10px; border:none; color:white; text-shadow:none; font-weight:300; }

.demo-listings .ui-tabs-nav li.ui-state-active a .post-num {
	background:rgba(255, 255, 255, 0.2);
}

.demo-item {
	width:48.5%;
	height:280px;
	margin-right:2%;
	margin-bottom:2%;
	display:block;
	float:left;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	border:1px solid #d7d7d7;
}
.demo-item:hover .demo-item-inner { opacity:1; }
.demo-item:hover .featured-tag { background:#ed7942; }

.demo-item:nth-child(2n) { margin-right:0; }

.featured-tag {
	position:absolute;
	z-index:10;
	left:10px;
	top:10px;
	display:inline-block;
	background:#db4d09;
	color:white;
	padding:4px 9px;
	border-radius:5px;
	font-size:12px;
	transition:all 0.4s;
	text-transform:uppercase;
	letter-spacing:0.5px;
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.4);
}
.featured-tag .star { width:11px; margin-right:5px; }

.demo-item .demo-title {
	background:white;
	position:absolute;
	width:100%;
	bottom:0;
	padding:12px 0px;
	font-size:18px;
	font-weight:700;
	color:#2f2f2f;
}

.demo-item-inner {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(219, 77, 9, 0.85);
	transition:all 0.4s;
	color:white;
}
.demo-item-inner span { 
	font-size:20px;
	display:inline-block;
	margin-top:-20px; 
}

.demo-item h3 { 
	color:white; 
	font-size:23px;
	margin:0;
	margin-bottom:0px;
	line-height:1.4; 
}


/** DEMO SINGLE **/

.type-ics-demo {
    margin:60px auto 60px auto;
    width: 1000px;
}

body.single-ics-demo .title .post-title { margin-bottom:30px; display:block; }
body.single-ics-demo .title .post-title span { font-size:18px; }

.demo-nav {
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
	font-size:13px;
}
.demo-nav-item, .demo-nav .next-prev a {
	padding:10px;
	display:inline-block;
	transition:all 0.4s;
}
.demo-nav-item:hover, .demo-nav .next-prev a:hover { background:rgba(0, 0, 0, 0.06); }
.demo-nav-item.back { }

.demo-nav .next-prev {float:right; }
.demo-nav .next-prev a:last-child { border-left:1px solid rgba(0, 0, 0, 0.1); }

.demo-sidebar {
	width:36%;
	margin-right:4%;
	float:left;
}

.demo-sidebar h1 { line-height:1.0; margin-bottom:0px; }

.demo-sidebar .greenButton { display:inline-block; width:160px; padding:16px 20px; }

.demo-sidebar p { text-align:left; }

.demo-sidebar .demo-description { margin-bottom:40px; line-height:1.4; }

.demo-sidebar .project-types { padding-left:0; }
.demo-sidebar .project-types li { position:relative; padding-left:30px; list-style:none; border-bottom:1px solid rgba(0, 0, 0, 0.1); }
.demo-sidebar .project-types li:before {
	content:'';
	background:url(http://www.icslearninggroup.com/files/2017/10/check.png);
	background-size:100%;
	width:23px;
	height:23px;
	display:block;
	position:absolute;
	left:0;
}


.demo-gallery {
	width:60%;
	float:left;
}
.demo-gallery img { max-width:100%; height:auto; margin-bottom:20px; }

/** FEATURED DEMO **/
body.builder-view-ics-demo-8634 .builder-module-1,
body.builder-view-ics-demo-8657 .builder-module-1,
body.builder-view-ics-demo-8684 .builder-module-1 { display:none; }
body.builder-view-ics-demo-8634 .builder-module-2, 
body.builder-view-ics-demo-8657 .builder-module-2,
body.builder-view-ics-demo-8684 .builder-module-2 { display:none; }
body.builder-view-ics-demo-8634 .type-ics-demo,
body.builder-view-ics-demo-8657 .type-ics-demo, 
body.builder-view-ics-demo-8684 .type-ics-demo { margin:0; padding:0; width:100%; }

.featured-demo-header {
	position:absolute;
	z-index:2;
	top:40px;
	text-align:center;
	width:100%;
	color:white;
}
.featured-demo-header a { color:white; }
.all-demos-link { letter-spacing:2px; position:absolute; left:30px; opacity:0.7; top:-10px; font-size:13px; text-transform:uppercase; transition:all 0.4s; }
.all-demos-link:hover { opacity:1; }
.featured-demo-header img { 
	width:160px; 
	float:left;
}
.featured-demo-header br { display:none; }

.demo-logo-container { margin:0 auto; display:inline-block; }
.demo-logo-container img.acendre-logo { border-right:1px solid rgba(255, 255, 255, 0.5); padding-right:15px; margin-right:15px;}

.featured-demo-banner {
	position:relative;
	background-color:rgba(0, 0, 0, 0.2);
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	padding:210px 0px 170px 0px;
	color:white;
	font-size:30px;
	text-align:center;
}
.featured-demo-banner.fw-banner { background-image:url(/files/2019/10/burning-homes.jpg); }
.featured-demo-banner.luna-banner { background-image:url(/files/2019/12/luna-banner.jpg); }
.featured-demo-banner.luna-banner:before { display:none; content:''; }

.featured-demo-banner.wfs-banner { background-image:url(/files/2020/01/wfs-banner.jpg); }
.featured-demo-banner.wfs-banner:before { background:rgba(0, 0, 0, 0.3); }

.featured-demo-banner:before {
	content:'';
	display:block;
	position:absolute;
	z-index:1;
	background:rgba(0, 0, 0, 0.5);
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.featured-demo-banner-content { width:90%; margin:0 auto; position:relative; z-index:2;}
.featured-demo-banner-content h1 { font-size:2.6em; text-transform:uppercase; margin-bottom:40px; }
.featured-demo-banner-content h1 strong { color:#dc6c36; }
.featured-demo-banner-content p { text-align:center; font-size:24px; margin-bottom:30px; }
.featured-demo-banner-content .demo-button {
	color:white;
	text-transform:uppercase;
	border:2px solid white;
	padding:15px 40px;
	display:inline-block;
	font-size:16px;
	font-family:'Myriad-Pro Bold Condensed';
	letter-spacing:2px;
	font-weight:500;
	transition:all 0.4s;
}
.featured-demo-banner-content .demo-button:hover {
	background:#dc6c36;
	border-color:#dc6c36;
}

.featured-demo-module {
	width:75%;
	margin:0 auto;
	padding:80px 0px;
}
.featured-demo-module h3 { 
	text-align:center; 
	margin:0; 
	margin-bottom:50px; 
	font-size:32px; 
	text-transform:uppercase;
}
.featured-demo-module h3 strong { color:#dc6c36; }
.featured-demo-module img { max-width:100%; }

.demo-feature {
	float:left;
	width:33%;
	display:block;
	text-align:center;
	margin-bottom:30px;
}
.demo-feature h4 { letter-spacing:2px; margin-top:10px; text-transform:uppercase; color:#333333; }
.demo-feature img { width:130px; }
.demo-feature p { display:none; }

.four-col .demo-feature { width:25%; }
.four-col .demo-feature h4 { padding:0px 15px; }

.featured-demo-module.challenge {
	background-color:#1e1c19;
	background-image:url(/files/2019/10/pattern.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:top;
	width:100%;
	color:white;
	padding-bottom:60px;
	position:relative;
}

.featured-demo-module-inner { width:75%; margin:0 auto; }
.featured-demo-module.challenge h3 { font-size:50px; text-align:left; }
.featured-demo-module.challenge p { 
	color:#b5b5b5;
	font-size:17px; 
	line-height:1.4; 
	font-weight:200; 
	text-align:left;
	text-shadow:0px 0px 20px black; 
}
.featured-demo-module.challenge p strong { 
	font-weight:500; 
	color:white; 
	display:block;
}

.featured-demo-module.challenge .num {
	background:#dc6c36;
	display:inline-block;
	float:left;
	color:white;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:100px;
	font-family:'Myriad-Pro Bold Condensed';
	font-size:20px;
	margin-right:10px;
	margin-bottom:10px;
}

.challenge-graphic {
	width:40%;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
	background-image:url(/files/2019/10/graphic.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

.featured-demo-module.challenge.luna-challenge .challenge-graphic { background-image:url(/files/2019/12/side-image.jpg); }

.featured-demo-module.challenge.wfs-challenge p { color:white; }
.featured-demo-module.challenge.wfs-challenge .challenge-graphic { background-image:url(/files/2020/01/cargo.jpg); }

.featured-demo-module.challenge.wfs-challenge .num { background:#dbaa33; }

.featured-demo-module.solution h3 { font-size:50px; }

.solution-img {
	width:50%;
	float:left;
}

.img-shadow { box-shadow:0px 0px 40px rgba(0, 0, 0, 0.2); }

.featured-demo-module.solution-bottom {
	padding-top:140px;
	padding-bottom:120px;
	margin-top:-140px;
	background:#dc6c36;
	width:100%;
	color:white;
	font-size:18px;
}
.featured-demo-module.solution-bottom p { line-height:1.4; }
.featured-demo-module.solution-bottom .featured-demo-module-inner { width:65%; }

.featured-demo-module.results { padding-top:30px; }
.featured-demo-module.results h3 { font-size:50px; }

.featured-demo-module.results .demo-feature {
	padding:0px 1%;
	width:31%;
}

.featured-demo-module.results .num {
	display:block;
	width:70px;
	height:70px;
	line-height:70px;
	font-size:34px;
	background:#dc6c36;
	margin:0 auto;
	margin-bottom:20px;
	border-radius:100px;
	color:white;
}


/** RESPONSIVE **/
@media screen and (max-width: 700px) {

	.type-ics-demo { width:90%;}

	.demo-gallery,
	.demo-sidebar { float:none; width:100%; }
	.demo-sidebar { margin-bottom:30px; }

	.demo-listings .tab-nav-container,
	.demo-listings .panel-container { float:none; width:100%; }

	.demo-item { width:50%; }
}