/* ----------------------------------------------------------------

[Table of contents] - modules.

	0.General
	1.Overlays

---------------------------------------------------------------- */


/* 0.`General
---------------------------------------------- */

.link-bar {
    margin-left: $base/-4;

    li {
        display: block;
        float: left;

        &.last {
            a {
                border: 0;

            }
        }
    }

    a {
        display: block;
        padding: 0 $base/4;
        border-right: 1px solid $gold;
        color: $mustard;
        @extend .small;
        @extend .futura-bold;
    }
}

.video-wrapper {
  @include rounded();
  padding: 5px;
  background-color: #f5f5f5;
  text-align: center;
  line-height: 0;
}

.schools {
  ul {
    @extend .group;
  }
  li {
    float: left;
    width: 25%;
    height: 100px;
  }
  em {
    margin: 0 auto;
  }
}


/* 1.`Overlays
---------------------------------------------- */

.live-course-slide {
	width: 450px;
	float: left;

}

#live-courses {
	position: relative;
	z-index: 20;
}

#live-courses-link {
	display: block;
	position: relative;
	z-index: 50;

	&.s-active {

		.indicator {
			margin-top: -2px;
			@extend .dtriangle-small-white;
		}
	}

	.indicator {
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -2px;
		@extend .icon;
		@extend .rtriangle-small-white;
	}
}

#live-courses-overlay {
	position: absolute;
	right: 0;
	top: 100%;
	padding: 25px 75px 10px;
	background-color: #323232;
	@include box-shadow(0, 1px, 4px, #000);
}

#g-nav-user .live-course,
.live-course > a {
	position: relative;
	z-index: 30;
	display: block;
	@extend .group;
}

.live-course > a {

	p {
		color: #aaa;
		@include transition( color );
	}

	&:hover {

		p {
			color: #fff;
		}
	}
}

.live-course-info {
	width: 30%;
	margin-right: 3%;
	float: left;
	line-height: 1.28571428571429em; /* 18 / 14 */
}

.live-course-description {
	width: 100 - (100/3)*1%; 
	float: left;

	p {
		text-align: left;
		color: #fff;
	}
}

.live-feed-hours,
.live-feed-days {
	color: #666;
}

#live-feed-modal-pag-controls {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	.pag {
		opacity: 0.4;

		&:hover {
			opacity: 0.7;
		}

		&.s-disabled {
			opacity: 0.05;
		}
	}

	.pag-left,
	.pag-right {
		position: absolute;
		top: 50%;
		margin-top: -12px;
	}

	.pag-left {
		left: 20px;
	}

	.pag-right {
		right: 20px;
	}
}

.modal-footer-controls {
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 6px 20px;
	background-color: #2a2a2a;

	li {
		float: left;
	}
}

.modal-carousel-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	width: 450px;
	height: 240px;
}

.modal-carousel {
	width: 10000px;
	height: 100%;

	li {
		width: 450px;
	}
}
