/*Place your CSS code here*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,400italic,600,600italic);

/*HIDE ADD COURSE FROM HOME AND COURSES FOR ADMINS*/
#add-courses-btn {
display: none;
}

/* STYLING FOR TOP NAV SEARCH BAR */
#searchDiv {
    border: 1px solid #ccc!important;
    border-radius: 2px;
}

.searchDivRight, .searchDivLeft, .input-group-addon, #ef-search, #ef-search-bar {
    background-color: #FFFFFF!important;
}

/* STYLING FOR TOP RIGHT NAV */
/* dropdown list font-awesome colors */
.container ul.nav.navbar-nav > li > a,
.container ul.nav.navbar-nav > li > a:visited {
    color: #555!important;
}

/* dropdown list font-awesome icon hover */
#ef-navigation > li a:hover  {
    color: #000000!important;
}

/* Announcements dropdown item color */
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg header {
    color: #555;
}

/* Dropdown list dividers/borders */
#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle,
.container ul.nav.navbar-nav li.open a.dropdown-toggle {
    background-color: transparent!important;
}

/* Border below the FA dropdown icons (1), divider (2), announcement middle divider (3) */
.container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after,
.divider,
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg:after {
    background-color: #ccc!Important;
}

/* "back" user role border color */
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a.dropdown-back {
    border-bottom: solid 1px #ccc!important;
}

/* communication dropdown border color */
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content {
    border-bottom: solid 1px #ccc!important;
    border-top: solid 1px #ccc!important;
}


/* display all dividers */
.divider {
    display: inline-block!important;
}

/* Active user role fa icon */
#ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa {
    color: #ccc;
}

/*dropdown background-color (1 & 2), dropdown menu item color(3) */
.container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu, li a.dropdown-back,
.container ul.nav.navbar-nav ul.dropdown-menu,
.dropdown-menu > li > a {
    color: #555!important;
    background-color: #FFFFFF!important;
}


/* dropdown list items on hover(1), active user-role fa icon on hover(2) */
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:hover.ef-switch-account span.fa {
    color: #000000!important;
}

/* dropdown menu hover side border */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #000000!important;
    background-color: transparent!important;
    border-left: 5px solid #000000!important;
}


/* BREADCRUMB STYLING */
/* Breadcrumbs */
div.breadcrumb-x ol.breadcrumb li a, #ef-bookmark-button, #site-tour-start {
    color: #000000!important;
}


/*breadcrumbs, fa icons, bookmark button */
div.breadcrumb-x ol.breadcrumb li a:hover, .breadcrumb-x i:hover, #ef-bookmark-button:hover, #site-tour-start:hover {
    color: #01549a!important;
}


/* COURSE CONTENT MAIN BLOCK  */
/* Course expiration and progress bar alignment */
#ef-my-courses-list-content .ef-entry-head {
    display: flex!important;
}

#ef-my-courses-list-content .ef-entry-title, #ef-my-courses-meta, #ef-my-courses-list-handles {
    flex-grow: 1!important;
}

#ef-my-courses-list-content .row > div {
    padding-right: 0!important;
}

/* toggle between list and grid view */
.ef-my-courses-toggle-view.active {
    color:  #4066b3!important;
}

/* COURSE STYLING*/
/*course title at the top of the page*/
.ef-course-name {
    line-height: 35px!important;
}

/* "Course Content" title */
#content-title-row{
    margin-bottom: 5px;
}

/*remove the second comments section */
.ef-center-section:nth-last-child(2) {
    display: none;
}

/*toggle full screen button */
#ef-toggle-fullscreen:hover {
    background-color: transparent;
}


body {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    font-family: "Raleway";
    line-height: 24.99px;
    text-transform: none;
    letter-spacing: 0px;
    word-spacing: 0;
    color: #565656;
    background-color: #cccccc;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;background-color: #000;
}
#ef-courses-list li.category>span {
    font-weight: bold;
    display: block;
    border-radius: 0px;
    padding: 10px;
    color: white;
    font-size: 1.4em;
}
#ef-courses-list li.curriculum>span {
    font-weight: bold;
    display: block;
    background-color: #b4985a;
    border-radius: 0px;
    padding: 5px;
    color: white;
}
.btn {
    border-radius: 0;
}
.fc-btn-group > .btn-primary > a {color: #fff; text-decoration: none;}


.ef-login-links {display:none;}

/* Bootstrap tour custom css */
.popover-title {background-color: #00529b; color: white}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#FFFFFF;border-color:#FFFFFF;}
body{background-color: rgba(3, 3, 3, .8);}
.navbar-inverse{background-color:#FFFFFF;border-color:#FFFFFF;}
.breadcrumb-x, .breadcrumb-x ol{background-color:#ffffff;border-color:#ffffff;}
div.block .title{background-color:#FFFFFF; border-radius: 0px;}