/*
font-family:'Avenir LT W01 35 Light';
font-family:'AvenirLTW01-35LightObli';
font-family:'Avenir LT W01 45 Book';
font-family:'AvenirLTW01-45BookObliq';
font-family:'Avenir LT W01 55 Roman';
font-family:'AvenirLTW01-55Oblique';
font-family:'Avenir LT W01 65 Medium';
font-family:'AvenirLTW01-65MediumObl';
font-family:'Avenir LT W01 85 Heavy';
font-family:'AvenirLTW01-85HeavyObli';
font-family:'Avenir LT W01 95 Black';
font-family:'AvenirLTW01-95BlackObli';
*/


/*
bg - #35302a
profile #8b8a86
course bg #f2f2f2
course head #38a2d4
header black #1a1712
caplla red #800d1c
nav bar bg #2b2a26
*/

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body,html{height:100%;background:#35302a;}


h1,h2,h3,h4{
	font-family:'Avenir LT W01 55 Roman', Verdana, Arial, sans-serif;
}
.container.main-wrapper{
	min-height:100%;
	background:#fff;
}

/*  Hidden search panel ------------------------------------------- */



.search-panel{
	text-align:center;
	
}

.search-panel form{
	width:82%;
	margin:20px 0 20px 8%;
	float:left;
	height:40px;
}

.search-panel .search-glass-icon{
	height:40px;
	width:6%;
	color:#ccc;
	float:left;
	background:#ecebeb;
	padding-top:8px;
}

.search-panel input{
	height:40px;
	width:77%;
	float:left;
	background:#ecebeb;
	border:none;
	box-shadow:none;
}

.search-panel button{
	height:40px;
	width:16%;
	float:left;
	padding:0 30px;
	background:#005a8c;
	color:#fff;
	text-transform:uppercase;
	font-weight:200;
	font-family:'Avenir LT W01 55 Roman', Verdana, Arial, sans-serif;}

.search-panel button:hover{
	background:#000;
	color:#fff;
}

.search-panel .close{
	float:left;
	margin:22px 0 0 8px;
	opacity:.7;
}
	
.search-panel .close:hover{opacity:1}


/*  Mobile Search panel */
.mobile-search .search-panel form{
	width:94%;
	margin:20px 3%;
	height:90px;
}

.mobile-search{
	border-bottom:1px solid #444;
	background:#2b2a26;
}

.mobile-search .search-panel .search-glass-icon{width:10%}
.mobile-search .search-panel input{width:90%}

.mobile-search .search-panel button{
	width:60%;
	clear:left;
	display:block;
	margin:12px 20% 0 20%;
	border:none;
}




/* Primary header ------------------------------------------- */

.header-primary{
	background:#1a1712;
	color:#ccc;
}

.navigation{
		border-bottom:6px solid #800d1c;
		background:#2b2a26;
		
}

.primary-header{

}

.navbar-inverse{
	border:none;

	background:#2b2a26;
}

.navbar-inverse .navbar-nav>li>a {
margin:2px 0px;
padding:10px 15px;
/* border-right:1px solid #444; */
color: #fff;
text-transform:uppercase;
font-size:13px;
font-family:avenir, arial, sans-serif;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus{background:transparent;}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus{background:transparent;background:#000;color:#fff;}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {background:#000;
color: #fff;
}

.navbar{
	margin-bottom:0;
	min-height:44px;
	
}

.navbar-header{width:100%;background:#1a1712;color:#fff;}

.navbar-brand.capella-logo img{margin-right:10px}


#carousel-example-generic-desktop{
	margin-top:12px;
}

.carousel{
	overflow:hidden;}

.carousel-control.right,
.carousel-control.left{
	margin-top:12%;
}

.carousel-control.left{margin-left:-10px}
.carousel-control.right{margin-right:-10px}

.carousel-control{

	width:50px;
	height:50px;
	background:#000;
	background:rgba(0,0,0,.4);
	border-radius:25px;
	padding-top:10px;
}
.news-slider-content{
	height:70px;
	padding:12px;
}


.white-bg{background:#fff;}
.gray-bg{background:#ccc;}
.light-gray-bg{background:#f2f2f2;}
.dark-gray-bg{background:#35302a;color:#ccc;}


.primary-header {
	padding:30px 20px 10px 20px;
	font-family:'Avenir LT W01 55 Roman', Verdana, Arial, sans-serif;}
.primary-header .capella-logo{
	margin:0;
	padding:0;
}

.primary-header a{color:#d7d7d7;}
.primary-header a:hover
.primary-header a:focus{color:#fff;}

.primary-header .logout{
	margin:17px 15px 0 0;
	text-transform:uppercase;
	font-size:12px;
}

	
.primary-header .mail-icon{margin-right:20px;}
.primary-header .learner-info{
	margin-right:12px;
	color:#d7d7d7;
	text-align:right;
	font-size:12px;

	}	

.primary-header .learner-info p{margin:0;}

.primary-header .learner-info .learner-id,.mobile-learner-info .learner-id{color:#a6a5a5;}

.primary-header a.search-icon{ }


.navbar-toggle{
	margin-left:6px;
	border-radius:6px}

.search-icon.mobile-search {
	padding:12px;
	border:none;
	background:transparent;
	color:#fff;
}

.mobile-learner-info{
	padding:6px 12px 0px 12px;
	border-bottom:6px solid #800d1c;
	background:#2b2a26;
	color:#d7d7d7;
	font-family:'Avenir LT W01 55 Roman', Verdana, Arial, sans-serif;}

.mobile-learner-info .learner-name{
	padding-top:12px;
}

.mobile-learner-info .learner-id{
	padding:12px 0 0 12px;
}


/*  MISC common elements  ------------------------------------------- */

.back-to-top{
	display:block;
	margin:20px auto;
	width:120px;
	text-align:center;
	text-transform:uppercase;
}

.back-to-top a{
	display:block;
	padding:8px 20px;
	border:1px solid #ccc;
	border-radius:6px;
	background:#f5f5f5;
}

.back-to-top a:hover{
	background:#0867ab;
	color:#fff;
	text-decoration:none;
}

.back-to-top.white-link a{ 
	background:#fff;
}

.back-to-top.white-link a:hover{ 
	background:#fff;
		background:#0867ab;
}

/* Our main course info section   ------------------------------------------- */

.course-panel{
	margin:20px 5%;
	border:1px solid #dbdbdb;
	background:#fff;
	}
	
.course-info .header{
	padding:15px 30px;
	background:#38a2d4;
	color:#fff;
}

.course-info .header:hover{
	background:#000;
	
}

.course-info .header a{
	color:#fff;


}

.course-info .header a:hover{
	background:#000;
}

.course-info .header .course-id{
	text-transform:uppercase;
	font-size:12px;
	font-family:'Avenir LT W01 55 Roman', Verdana, Arial, sans-serif;}

.course-info .header .course-title{
	display:block;
	margin:0;
	font-weight:200;
	font-size:24px;
}

.course-info .header .course-dates{
	text-align:right;
	font-weight:200;
	font-size:12px;
}

.course-info .course-notifications{
	padding:15px;
}

.course-notifications .faculty-info{
	margin-top:8px;
	margin-right:20px;
	padding-right:20px;
	border-right:1px solid #ccc;
}

.course-notifications .faculty-info p{
	margin:0 0 0 12px;
	line-height:18px;
}

.course-notifications .faculty-info p.instructor{
	color:#ccc;

	text-transform:uppercase;
	font-size:12px;
}

.course-notifications .faculty-info p.faculty-location{
	color:#777272;
	font-size:12px;
}

.course-notifications .contact-icons{
	margin-top:6px;
}

.course-notifications .contact-icons a{padding:8px;}

.course-info .panel-group{
	padding-right: 15px;
}


.panel-heading{padding:0;}

.panel-heading a{
	display:block;
	padding:12px;}

.panel-heading:hover{
	background:#e5e5e5;
}

.course-detail .panel-body hr{margin:12px 0;}


ul.announcement-list li,
ul.discussion-list li{
	margin-bottom:12px;
	padding:6px 0;
	border-bottom:1px solid #eee;
}
ul.announcement-list li:last-child,
ul.discussion-list li:last-child{
	padding-bottom:0;
	border:none;
}

ul.announcement-list .time-stamp{
	margin-bottom:3px;
}

ul.announcement-list h3{
	margin:0 0 12px 0;
	font-size:16px;
}


.upcoming-courses h1, .previous-courses h1 {
	margin:20px 15px 10px 15px;
	padding-bottom:12px;
	border-bottom:1px solid #eee;
	font-size:18px;
}


.upcoming-courses ul.upcoming-list,
.previous-courses ul.previous-list{
	padding:0 30px;
}

ul.upcoming-list li, ul.previous-list li{
	margin-bottom:12px;
	padding:6px 0 12px 0;
	border-bottom:1px solid #eee;
}
ul.upcoming-list li:last-child{
	border:none;

}

.upcoming-courses .course-info .course-id{
	margin:0;
}



/*  Additional resources area  ------------------------------------------- */

.resource-blocks{margin:30px 5%;}

.resource-blocks .resource-block-content{
	padding-top:16px;
	height:110px;
	color:#fff;
	text-align:center;
		text-transform:uppercase;
		font-family:'Avenir LT W01 55 Roman', Verdana, Arial, sans-serif;}

.resource-blocks .resource-block-content img{
	margin-bottom:6px;
}


.resource-blocks .col-md-2{
	padding:0px;
	border-bottom:3px solid #fff;
	border-left:3px solid #fff;
	background:#c3b055;
	}

.resource-blocks .resource-block-content a{
	color:#fff;
}

.resource-block-content .task-list{
	margin-bottom:12px;
	padding:0 12px;
	height:52px;
}

.resource-block-content .task-list li{

}
	
.additional-resources{
	margin:20px 5% 0 5%;
	padding-bottom:30px;
}	

.additional-resources h4{
	margin-top:12px;
	text-transform:uppercase;
}

.additional-resources li{
		padding:4px 0;
}

.additional-resources a{
		color:#666;
}

.additional-resources a:hover{
		color:#000;
}


/* Learner profile at bottom  ------------------------------------------- */

.learner-profile{
	padding:10px 50px;
	background:#8c8a87;
	color:#fff;
}

.learner-profile a {color:#fff;}

.learner-profile .learner-portrait{
	margin-right:12px;
	border:3px solid #fff;
	border-radius:6px;
}
	
.learner-profile .learner-info{
	margin-right:24px;
	padding-top:20px;
}
.learner-profile .learner-name{
	margin-bottom:4px;
	font-weight:200;
	font-size:16px;
}

.learner-profile .learner-id{
	padding:4px 8px;
	border-radius:4px;
	background:#787571;
}

.learner-profile .profile-options{
	padding-top:25px;
	text-align:center;
	text-transform:uppercase;
}

.learner-profile .profile-options img{
	margin:12px;
}

.learner-profile .profile-options a{
	display:block;
	margin:0 10px;
}


/* tech support at bottom  ------------------------------------------- */

.tech-support{
	padding:20px 15px 40px 15px;
}

.tech-support .phone-gap{padding:0 10px; opacity:0;}

.tech-support a.contact-support{
	padding:12px 20px;
	border:none;
	background:#0867ab;
	color:#fff;

	text-transform:uppercase;
}

.tech-support a.contact-support:hover, 
.tech-support a.contact-support:focus{
	background:#000;
}

.app-links{
	padding-bottom:20px;
}

.logout{
	margin-bottom:20px;
	text-transform:uppercase;
	font-size:16px;
}

ul.about-links li{display:inline;}

ul.about-links a{
	padding:6px 12px;
	color:#fff;
	text-transform:uppercase;
}

ul.about-links li:after{
	content:" | ";
}

ul.about-links li:last-child:after{
	content:"";
}

.footer{
	padding:10px 20px 40px 20px;
	text-align:center;
}


/* aditional panels: modal app prompt ------------------------------------------- */

#appPrompt .modal-dialog{
	height:96%;

}

#appPrompt .close-modal{
	float:right;
	margin:20px 12px 30px 0;
}
#appPrompt .modal-content{
	height:100%;

}

#appPrompt button{
	display:block;
	width:85%;
	margin:0 auto;
	font-weight:200;
	font-size:14px;
	text-transform:uppercase;
		text-align:center;
}

#appPrompt .or-divider{
	padding-top:12px;
	text-transform:uppercase;
		text-align:center;
}

#appPrompt .remember-choice{
	display:block;
	width:85%;
	margin:40px  auto 0 auto;
	border:1px solid #ccc;
	background:#f5f5f5;

	padding:6px 0 0 12px;
}

#appPrompt .remember-choice label{
	font-weight:200;
	padding-left:6px;
}

/* aditional panels: news ------------------------------------------- */

.news-alert{
	background:#fab02f;
	padding:20px 0 10px 0;
}

.full-width-block{padding:20px 30px;}

.content-panel{ 
	margin:20px 5%;
	border:1px solid #dbdbdb;
	background:#fff;
}

.content-panel .header{ }
.content-panel .content{ }

.news-block .news-list{
	margin-bottom:20px;
	border-right:1px solid #ccc;
}

.news-block h4{
	text-transform:uppercase;
	margin:0 0 12px 0;
}

.news-block .news-list li{
		padding:4px 0;
}

.news-block .news-list a{
	color:#666;
}

.news-block .news-list a:hover{color:#000}

.news-block img{max-width:100%;}

.news-cta{
	position:relative;
	padding:30px 12px 0px 12px;
	width:350px;
	height:230px;
	margin-bottom:20px;
	background:url(../img/home-news.jpg);
	font-family:'Avenir LT W01 55 Roman', Verdana, Arial, sans-serif;}

.news-cta h1{
	margin:0 120px 12px 0;
	color:#666;
	text-transform:uppercase;
	font-size:24px;
}
	
.news-cta a{
	position:absolute;
	bottom:6px;
	display:block;
	margin-top:20px;
	padding:8px 20px;
	width:326px;
	background:#000;
	background:rgba(0,0,0,.7);
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:200;
}
	
.news-cta a:hover{
	background:#000;
}

.news-mobile h4{
	text-transform:uppercase;
	margin-top:20px;
}

.news-mobile img{
	max-width:100%;
}

.news-mobile ul{
	margin-bottom:20px;
}

.news-mobile li{
	padding:12px 0;
	border-bottom:1px solid #ccc;
}

.news-mobile li:last-child{border:none}

.news-mobile a{
	color:#666;
}

/* aditional panels: hero ------------------------------------------- */

.hero-mobile{
	background:url('../img/hero-mobile-bg.jpg');
	background-size:cover;
}

.hero-tablet{
	background:url('../img/hero-tablet-bg.jpg');
}

.hero-desktop{
	background:url('../img/hero-desktop-bg.jpg');
	height:242px;
}

.hero-mobile-content{
	padding:30px 12px 20px 12px;
	font-family:'Avenir LT W01 55 Roman', Verdana, Arial, sans-serif;
}

.hero-tablet-content{
	padding:30px 37px 20px 37px;
	font-family:'Avenir LT W01 55 Roman', Verdana, Arial, sans-serif;
}

.hero-desktop-content{
	padding:30px 37px 20px 37px;
	font-family:'Avenir LT W01 55 Roman', Verdana, Arial, sans-serif;
}

.hero-mobile h1, .hero-tablet h1{
	margin:0;
	color:#666;
	text-transform:uppercase;
	font-size:24px;
}

.hero-desktop h1{
	margin:0 0 20px 0;
	color:#666;
	text-transform:uppercase;
	font-size:36px;
}

.hero-mobile a, .hero-tablet a{
	display:block;
	margin-top:20px;
	padding:8px 20px;
	max-width:350px;
	background:#000;
	background:rgba(0,0,0,.7);
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:200;
} 

.hero-desktop a{
	font-size:20px;
	display:block;
	margin-top:70px;
	padding:8px 20px;
	max-width:450px;
	background:#000;
	background:rgba(0,0,0,.7);
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:200;
}

.hero-tablet a{
	max-width:300px;
}

.hero-mobile a:hover, .hero-tablet a:hover, .hero-desktop a:hover{
	background:#000;
}






/* mega nav take 1 ------------------------------------------- */
/*!
 * Yamm!3
 * Yet another megamenu for Bootstrap 3
 * 
 * http://geedmo.github.com/yamm3
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .nav.navbar-right .dropdown-menu {
  right: 0;
  left: auto;
border:none;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  right: 0;
  left: 0;
border:none;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu {
    margin-top: 0px;
}





/* responsive tweaks   ------------------------------------------- */


/* iPad Landscape mode */
@media (min-width: 768px) and (max-width: 992px) {
	
	.learner-profile .profile-options a{
		margin:0 6px;
	}
	
	.learner-profile .profile-options a img{
		display:block;
		margin:3px auto 6px auto;
	}
	
}

/* mobile */
@media (max-width: 768px) {
.navigation{
	border-bottom:none;
}

.navbar{
	border:none;
}

.navbar-collapse {
	overflow-x: auto;
	max-height: none;

}

.nav.navbar-nav{
	margin-bottom:0;
	border-bottom:1px solid #444;
}


.navbar-brand{
	padding:9px 0 0 0px;
}
.course-info .header{
	padding:15px;
}
.course-info .course-notifications,
.course-info .panel-group{
	padding:12px 0 0 0;
}

.course-info .header .course-dates{
	padding:6px 0;
	text-align:left;
}

.course-notifications .faculty-info{
	margin-right:6px;
}




.upcoming-courses h1,
.previous-courses h1 {
	margin:20px 0 10px 0;
}
.upcoming-courses ul.upcoming-list,
.previous-courses ul.previous-list{
	padding:0 15px;
}


.course-panel,
.resource-blocks,
.additional-resources{
	margin:6px;
}

.learner-profile{
	padding:10px 15px;
}

.learner-profile .profile-options{
	clear:left;
	text-align:left;}
	
.learner-profile .profile-options li{
	display:block;
}
.learner-profile .profile-options a{
	display:block;
	margin:0;
	padding:8px 0;
}

.learner-profile .profile-options a img{
	margin:0 12px 0 0;
}



.footer{

	padding:10px 15px 40px 15px;
}


.full-width-block{padding:0 6px;}
.content-panel{ 
	margin:20px 6px;

}

}

/* Small size tweaks */

@media (max-width: 767px) {
	.course-notifications .contact-icons{
		clear:left;
		margin-top:10px;
	}
	
	ul.about-links li{display:block;text-align:center;}
	ul.about-links li:after{
		content:"";
	}
	ul.about-links li a{display:block;padding:6px;}
}


/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
.course-notifications .contact-icons{
	clear:none;
	margin-top:10px;
}
}