@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;800&display=swap');

/* Learning Group - Client requested changes */

/* Main background color */
body { background: #e9e9e9; }

/* Header customizations  */
#header { background-image: none !important; background-color: #ffffff; }
/* Hide Learning Horizongs Logo Image */
#header #logo img { display:none; } 
/* Show DCRX Logo */
#header #logo { 
  background: url('/sites/default/files/dcrx-logo.png') no-repeat 0 0;  
  width: 121px;
  height: 90px;
  margin-top: 10px;
  padding-bottom: 0px !important;
}

/* Show DC Health Logo */
#header-right .service-links { display: none; }
#header-right { 
  margin-top: 15px;
  padding-right: 160px;
  background:transparent url('/sites/default/files/dc-health-logo.png') no-repeat right 5px; 
}
#header-right #block-ethosce-search-ethosce-search .form-text {
  border-radius: 20px;
  margin-right: 0;
  padding: 7px 20px;
  box-sizing: border-box;
}

/* Navigation */
#navigation { background-color: #ffffff; }

/* Main Menu customizations */
#main-menu li a {
  font-family: 'Raleway', arial, sans-serif !important;
  font-weight: bolder !important;
  font-size: .85rem;
  color: #273684;
}
#main-menu li a:hover, #main-menu li a:focus, #main-menu li a.active-trail {
  background: #273684;
  color: #fff;
}

/* Main Content customizations */
#page { padding: 0 30px; }
#title-container { background-color: transparent; }
#title-container-inner { background-color: transparent; box-shadow: none; padding: 0 30px; }

.panel-pane { 
  padding: 20px 30px 30px 30px; 
  border-radius: 5px;
  border: none;
}
.panel-pane .pane-content { padding: 0; background-color: transparent; }
.panel-pane .pane-title { font-weight: bold; margin-bottom: 10px; }

/* Main Page Title */
.front #page-title { display: none; }

/* Course Pages */
.sidebar-first.node-type-course #main #content { 
  float: none;
  width: 100%;
}
.node-type-course #page { margin-top: 35px; }

.og-context.is-course-image .node-course .group-header {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin-bottom: 20px;
}
/* Course Image - set to 100px but Resize as needed */
.og-context #content-area .ds-1col.node-course .group-header .group-header-inner .field-name-field-course-image img { max-width: 100px !important; }
.og-context #content-area .node-course .group-header .field-name-field-course-image img { border: none; }

.og-context #content-area .node-course .group-left {
  width: 62%;
  box-sizing: border-box;
}
.og-context #content-area .node-course .group-right {
  border-radius: 5px;
  padding: 20px 30px 30px 30px;
  width: 35%;
  box-sizing: border-box;
}
.og-context #content-area .ds-1col.node-course h2 { margin: 0 0 15px 0; }

/* Course Tabs */
#content-area .resp-tabs-list { 
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}

#content-area .resp-tabs-list li, 
#content-area .resp-tabs-list li.resp-tab-active { margin-right: 0 !important; }

#content-area .resp-tabs-list li a {
  border-radius: 0;
  border-right: 1px solid #e1e1e1 !important;
}
#content-area .resp-tabs-list li:first-child a,
#content-area .resp-tabs-list li.resp-tab-active a {
  border-right: 1px solid #e1e1e1 !important;
}

#content-area .resp-tabs-list li a:hover, 
#content-area .resp-tabs-list li.resp-tab-active a, 
#content-area .resp-tabs-list li.resp-tab-active a:hover { 
  color: #fff; 
  border-right: 1px solid #e1e1e1 !important;
}

#content-area .resp-tabs-list li.resp-tab-active a,
#content-area .resp-tabs-list li.resp-tab-active a:hover {
  border-right: 1px solid #e1e1e1 !important;
  border-top: 3px solid #273684 !important;
  margin-top: -3px !important;
}

/* Unfloat the sidebar and remove the padding on the main content only for the front page and contact page, group page */
.sidebar-first.front #main #content,
.sidebar-first.section-group #main #content { 
  float: none; 
  width: auto; 
  padding: 0; 
  box-shadow: none !important;
  background-color: transparent !important;
}
.sidebar-first.section-contact-us #main #content,
.sidebar-first.page-node-features #main #content,
.sidebar-first.page-node-group #main #content,
.sidebar-first.page-node-group-reports #main #content {
  float: none; 
  width: auto; 
}

/* Footer customizations */
#footer { 
  color: #fff; 
  padding: 0;
  border-top: 6px solid #033c5a;
  /* background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); */
  background-color: #2A4A85;
  min-height: 150px;
}
#footer a { color: #fff; text-decoration: underline; }
#footer { margin-top: 25px; }
#footer-inner { max-width: 1165px !important; }
#footer-inner > div { margin-bottom: 15px; }
#footer-inner > div:last-child { margin-bottom: 0; }
#footer-inner #text { color: white; }

/* Admin Tabs */
#tabs-container .tabs, 
.page-views .view-filters, 
.page-views .view .attachment, 
.page-news .view-content li, 
.page-calendar .view-header, 
.page-calendar .view-content {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}

/* Tables */
.page-views #content-area .views-table { border-spacing: 0; }
#content-area thead th, 
.page-views #content-area .views-table th { background-color: #2A4A85; color: #fff; }
#content-area thead th:first-child, 
.page-views #content-area .views-table th:first-child { border-top-left-radius: 5px; }
#content-area thead th:last-child, 
.page-views #content-area .views-table th:last-child { border-top-right-radius: 5px; }
.page-views #content-area .views-table th a { color: #fff !important; }
.page-views #content-area .views-table th { border-radius: 0; padding: 20px; }
.page-views #content-area .views-table td { border-radius: 0; padding: 20px; background-color: transparent; }
.page-views #content-area .views-table tr.odd { background-color: #ffffff; }
.page-views #content-area .views-table tr.even { background-color: #f2f2f2; }

#content-area thead td:first-child { border-bottom-left-radius: 5px; }
#content-area thead td:last-child { border-bottom-right-radius: 5px; }


/* End of Learning Group - Client requested changes */

a {color:#20399d;}
#header {border-color:#2A4A85;}
#navigation, #header {background-image:none;}

h1, h2, h3, h4, h5, legend, .field-label, table caption {color:#2A4A85;}
#tabs-container .tabs-primary li a:hover, .horizontal-tabs ul.horizontal-tabs-list li a:hover, div.course-flow-body-title, #course-outline h3.main-header, #block-course-navigation .block-title, div.course-flow-body-title, .group-right .group-course-summary legend, #content-area thead th, .course-relationships-tree-header, #course-outline h3.main-header, #content-area .responsive-calendar .weekdays li, #block-course-navigation .block-title, #content-area .resp-tabs-list li a.group-register, input[type="submit"], .action-link a, .more-link a, .course-take-course-link, #pre-req-courses .item-content .right a, #course-outline li .item-details .item-btn, #block-course-navigation #course-nav li a, #content-area .resp-tabs-list li a:hover {background-color:#2A4A85;}
#main-menu li a.active-trail, #tabs-container .tabs-primary li a.is-active, .horizontal-tabs ul.horizontal-tabs-list li.selected a, .resp-tabs-list .resp-tab-active a {border-top-color:#2A4A85;}
div.course-flow-body-title, #course-outline h3.main-header, #block-course-navigation .block-title {border-bottom:0;}
#content-area .resp-tabs-list li.resp-tab-active a {background-color:#fff !important;color:#6d6d6d !important;}

body {line-height:1.4;background-color:#e9e9e9;color:#3F3D56;}
body, body * {font-family: 'Raleway', arial, sans-serif !important;}
h1, h2, h3, h4, h5, legend, .field-label, table caption {color:inherit;}
h1, h2, h3, h4, h5, legend {font-weight:800;}
tbody {border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
/*  #main-menu {display:none;}  Removed to display LG custom menu - JD */
#crumbs {display:none;}
#header-inner, #topnav-inner, #crumbs-inner, #page, #title-container-inner {max-width:1165px;}
#wrapper #header-wrapper #header {border:0 !important;}
#header .region-header > .block-menu {margin-right:20px;}
#header .region-header > .block-menu li {display:inline-block;margin-right:6px;text-transform:uppercase;font-weight:bolder;font-size:.85rem;position:relative;}
#header .region-header > .block-menu li a {color:inherit;display:block;padding:0 10px 0;}
#header .region-header {display:flex;flex-direction:row;}
#wrapper #header-wrapper #header #header-inner #header-right #ethosce-user-links-wrapper {color:inherit !important;top:60px !important;}
#wrapper #header-wrapper #header #header-inner #header-right #ethosce-user-links-wrapper #block-system-user-menu .menu li {color:inherit !important;}
#wrapper #header-wrapper #header #header-inner #header-right #ethosce-user-links-wrapper #block-system-user-menu .menu li a {color:inherit !important;}
#header #logo {background-size:contain;width:90px;margin-top:0;}

#wrapper #header-wrapper #header #header-inner #header-right #block-ethosce-search-ethosce-search {margin:0 !important;margin-right:10px !important;}
#navigation {border:0;}
#block-ethosce-search-ethosce-search .form-text {border-radius:20px;margin-right:0;padding:7px;}
#block-ethosce-search-ethosce-search #edit-ethosce-search .form-submit {display:none;}
#block-ethosce-search-ethosce-search #edit-ethosce-search::after {display:none;}
#header #block-system-user-menu {font-size:.85rem;}
#header .block-service-links {margin-top:5px;}
#header .block-service-links .content ul li {font-size:.8rem;}
#header .block-service-links .content ul li a {color:inherit;}
#header .block-service-links .content ul li a::after {color:inherit;}
#header .block-service-links .content ul li .service-links-facebook::after {content:"\f39e";left:4px;}
#header .block-service-links .content ul li .service-links-twitter::after {content:"\f099";}
#header .block-service-links .content ul li .service-links-linkedin::after {content:"\f0e1";}
#loggedin-block #create-account, #uc-cart-link a {color:inherit;}
#uc-cart-link a::before {color:inherit;}
#wrapper #header-wrapper #header #header-inner #header-right #ethosce-user-links-wrapper #ethosce-user-links-extra #create-account a {color:inherit !important;}
#header .block-service-links .content ul li.last {margin-right:0;}
#header .region-header > .block-menu li ul {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 5;
    left: 0;
    padding: 5px 8px;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.5);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color:#273684;
    box-sizing:border-box;
    width:100%;
}
#header .region-header > .block-menu li:hover ul {display:block;} 
#header .region-header > .block-menu li:hover {background-color:#273684;}
#header .region-header > .block-menu li:hover a {color:#fff;}
#header .region-header > .block-menu .content > ul > li > a {padding:12px 10px 10px;}
#header .region-header > .block-menu li li {margin-right:0;}
#header .region-header > .block-menu li li a {text-transform:none;font-size:.75rem;}
.sidebar #block-menu-features {display:none;}

.sidebar-first:not(.course-sidebar) #main .region-sidebar-first {float:none;width:auto;margin:0;}

.resp-tabs-container {background-color:transparent;}
.group-right .group-course-summary .fieldset-wrapper {background-image:none;background-color:transparent;}
#course-outline .course-outline-list > li {background-color:#fff;background-image:none;}
#content-area table {border-collapse:separate;}
#content-area thead th:first-child {border-top-left-radius:5px;padding-left:15px;}
#content-area thead th:last-child {border-top-right-radius:5px;}
#content-area tbody {border-radius:20px;}
#content-area tbody td:first-child {padding-left:15px;}
#content-area tbody tr:last-child td:first-child {border-bottom-left-radius:5px;}
#content-area tbody tr:last-child td:last-child {border-bottom-right-radius:5px;}

.group-right .group-course-summary legend {background-color:transparent;background-image:none;color:inherit;font-weight:800;}
.group-right .group-course-summary .fieldset-wrapper {border-color:#fff;background-color:transparent;}
#content-area .resp-tabs-list {border:0;}
#content-area .resp-tabs-list li a {background-color:#fff;padding:12px 20px 10px !important;}
#content-area .resp-tabs-list li:first-child a {border-top-left-radius:10px;border-bottom-left-radius:10px;}
#content-area .resp-tabs-list li:last-child a {border-top-right-radius:10px;border-bottom-right-radius:10px;}
#content-area .resp-tab-active {border:0 !important;}
#content-area .resp-tabs-list li.resp-tab-active:after {display:none;}
#title-container {background-color:transparent;}
#header-wrapper {background-color:transparent;}
div.course-flow-body-title {border-radius:20px;padding:10px 20px;}
#course-outline {border-radius:20px;box-shadow:0px 3px 4px -2px rgb(0 0 0 / 30%);}
#course-outline .course-outline-contents {border:0;}
#course-outline h3.main-header {border-top-left-radius:20px;border-top-right-radius:20px;}
#course-outline .toggle-outline {border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-image:none;background-color:#fff;}
#block-course-navigation {border-radius:20px !important;box-shadow:0px 3px 4px -2px rgb(0 0 0 / 30%);}
#quiz-question-answering-form .quiz-question-wrapper table {border-collapse:collapse;}

#quiz-question-answering-form .quiz-question-wrapper td:first-child {padding-left:10px;}
#quiz-question-answering-form .quiz-question-wrapper td:last-child {padding-right:10px;}
#quiz-question-answering-form .quiz-question-wrapper tr:first-child {border-top:0;}
#quiz-question-answering-form .quiz-question-wrapper tr:first-child td:first-child {border-top-left-radius:20px;}
#quiz-question-answering-form .quiz-question-wrapper tr:first-child td:last-child {border-top-right-radius:20px;}
#content-area .course-complete-items tbody {border-radius:20px;}
#content-area .course-complete-items td {padding:20px 10px;}
#content-area .course-complete-items td:first-child {padding-left:25px;}
#content-area .course-complete-items tbody tr:first-child td:first-child {border-top-left-radius:20px;}
#content-area .course-complete-items tbody tr:first-child td:last-child {border-top-right-radius:20px;}
#tabs-container .tabs li:first-child a {border-top-left-radius:20px;border-bottom-left-radius:20px;}
#tabs-container .tabs li:last-child a {border-top-right-radius:20px;border-bottom-right-radius:20px;}
#tabs-container li a {background-image:none;background-color:#fff;}
.resp-tabs-list .resp-tab-active a {margin-top:-2px;}
#header .region-header > .block-menu li li a {padding:0;}
.noborder {border:0;}
.noborder thead, .noborder th, .noborder td, .noborder tbody {border:0;box-shadow:none;}
#course-outline {box-shadow:0px 3px 2px -2px rgb(0 0 0 / 30%);}
#course-outline .course-outline-list > li.first {border-top-left-radius:20px;border-top-right-radius:20px;padding-top:7px;}
#course-outline .course-outline-list > li.completed {background-color:#fff;background-image:none;}
#course-outline .course-outline-list > li.active {background-color:#fff;}
#course-outline h3.main-header {background-image:none;background-color:transparent;color:inherit !important;font-weight:bold;}
div.course-flow-body-title {background-image:none;background-color:transparent;color:inherit !important;font-weight:bold;}
#ethosce-footer-callout {margin-top:-54px;}

@media only screen and (max-width: 767px) {
  #header-right {padding:0;margin:0;}
  #wrapper #header-wrapper #header #header-inner #header-right #ethosce-user-links-wrapper {top:8px !important;}
  #header .region-header > .block-menu {margin:0;}
  #wrapper #header-wrapper #header #header-inner #header-right #ethosce-user-links-wrapper #ethosce-mmenu-toggle {color:inherit;}
}

/* Course Navigation */
#block-course-navigation {display:block;}

/* Course Navigation Header */
#block-course-navigation .block-title {display:none;}