/**
 * @file
 * ChemEd X CHIRAL specific CSS.
 */

/* Icons */
.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5rem;
}

/* Menu item icons */
.menu--main .menu-item--people::before,
.menu--maintenance-navigation .menu-item--people::before {
 font-family: "Font Awesome 5 Free";
 content: "\f0c0 ";
}

ul.striped > li:nth-of-type(odd) {
  background-color: #f8f8f8;
}

#navbar-top {
  padding: 0.25rem 1rem;
}

section.region-secondary-menu {
  margin: 0 2rem;
}

#navbar-main {
  padding: 0 1rem;
  background-color: #a6a6a6;
}

a.navbar-brand {
  color: white;
  font-weight: bold;
  text-shadow: 2px 2px 2px #222222;
  margin: 0 1rem;
  padding: 0;
}
a.navbar-brand:hover {
  color: #c5202f;
}
a.navbar-brand img {
  -webkit-filter: drop-shadow(2px 2px 2px #222222);
  filter: drop-shadow(2px 2px 2px #222222);
}

button.navbar-toggler {
  color: yellow;
}

.navbar-toggler-icon {
  color: yellow;
}

.menu--main,
.menu--maintenance-navigation {
  padding-bottom: 4px;
  margin: 0 2rem;
  color: #ffffffff;
}
.menu--main ul,
.menu--maintenance-navigation ul {
  width: 32rem;
}
.menu--main ul li ul,
.menu--maintenance-navigation ul li ul {
 width: auto;
 background-color: #d0d0d0;
}
.menu--main ul li a,
.menu--maintenance-navigation ul li a {
  color: white;
  font-size: 1.25rem;
  font-weight: bold;
}
.menu--main ul li ul li a,
.menu--maintenance-navigation ul li ul li a {
  color: black;
  font-size: 1.0rem;
  font-weight: normal;
}

.navbar-form {
  padding-bottom: 4px;
  flex-wrap: nowrap;
}

h1.title {
  font-size: 2.0rem;
  font-weight: 500;
}

.site-footer__bottom {
    margin-top: 0;
}
.site-footer__bottom .region {
    margin-top: 0;
}
.site-footer .block {
  margin: 0;
}
.site-footer .block, .site-footer .card {
  border-width: 0px;
}
.site-footer .card {
  background-color: #a6a6a6;
}

.region-footer-first .card .card-body .content {
  color: white;
}
.region-footer-fourth {
  margin: 1em 0;
  float: right !important;
}
.region-footer-fourth a {
  color: #f0f0f0;
}
.region-footer-fourth a:hover {
  color: white;
}

form#views-exposed-form-search-chiral-page-1 .form-row .form-actions {
  padding-left: 0;
  margin-left: -4px;
}
#views-exposed-form-search-chiral-page-1 label {
  display: none;
}
.region-header-form .content {
  margin: 0 2rem;
}

fieldset#group-footer {
  margin-top: 0.5rem;
}

fieldset#group-footer .list-inline-item {
  padding: 0 2rem;
  border-right: 1;
}

fieldset#group-footer legend {
  display: none;
}

fieldset #group-footer--description {
  display: none;
}

.field--name-field-target-population-tref .field__items {
  display: inline-block;
}

.field--name-field-card-image {
  margin: 0;
}

.field--name-field-card-image .field--name-field-media-image {
  float: none;
  margin: 0;
}

.field--name-field-card-image img {
  margin: 0;
}

.node--type-component-page .node__content {
  margin-top: 0;
}

.node--type-component-page .paragraph--type--text {
  color: white;
  background-color: #a6a6a6;
}

.node--type-component-page .field--name-field-text-demo {
  width: 66%;
}

.node--type-component-page .paragraph--type--card-deck {
  width: 80%;
  margin: 2em auto;
}

.node--type-component-page .paragraph--type--card-deck .card-group .card {
  border-width: 0px !important;
  padding: 0 15px;
}

.card a {
    color: inherit;
    text-decoration: none;
}

.card a:hover
{
     color:inherit;
     text-decoration:none;
     cursor:pointer;
}

.node--type-component-page .field--name-field-text-demo {

}

.node--type-component-page .paragraph--type--block {
  color: white;
  background-color: #a6a6a6;
}

.field--name-webform {
  margin: 2em;
  padding: 1em;
  color: white;
  background-color: #736f6f;
}

.webform-submission-assessment-suggestion-form .webform-element-description {
  margin-bottom: 0.5em;
}

.webform-submission-assessment-suggestion-form .form-actions {
  margin: 1em;
  text-align: right;
}

/* Tabbed displays */
#tabs-horizontal-tab-overview .viewsreference--view-title,
#tabs-horizontal-tab-evidence .viewsreference--view-title,
#tabs-horizontal-tab-review .viewsreference--view-title,
#tabs-horizontal-tab-versions .viewsreference--view-title,
#tabs-horizontal-tab-citations .viewsreference--view-title {
  display: none;
}

.horizontal-tab-button {
  background-color: white;
}
.horizontal-tab-button.selected {
  background-color: lightgrey;
  border-bottom-width: 4px;
  border-bottom-color: darkgrey;
}
#tabs-horizontal-tab-overview th {
  width: 25%;
}

.table.node-instrument-view {
  margin-top: 0;
}
.field-group-table .table-header {
  font-size: 1.125rem;
  font-weight: bold;
}
.table.node-instrument-view tr.odd {
  background-color: #f8f8f8;
}
.table.node-instrument-view tr.even {
  background-color: white;
}
.table.node-instrument-view th {
  color: black;
  background-color: lightgrey;
}
.table.node-instrument-view td .field__item p {
  margin-bottom: 0;
}

.view-instruments .view-header h4 {
  font-size: 1.125rem;
  margin-bottom: 0;
}
.view-instruments .view-content table tr th {
  color: black;
  background-color: lightgrey;
}
.view-instruments .view-content table tr th h4 {
  font-size: 1.125rem;
  margin-bottom: 0;
}
.view-instruments .view-content table tr th.views-field-counter {
  background-color: white;
}
.view-instruments .view-content table tr td {
  background-color: white;
  border-color: lightgrey;
}
.view-instruments .view-content table tr.odd td {
  background-color: #f8f8f8;
  border-color: lightgrey;
}
.view-instruments .view-content table tr td p {
  margin-bottom: 0;
}
.view-instruments .view-content table tr td .item-list ul li {
  border: 0;
}
.view-instruments .view-content table tr.odd td .item-list ul li {
  background-color: #f8f8f8;
  border: 0;
}
.view-instruments .view-content table caption {
  caption-side: initial;
  border-color: lightgrey;
}
.view-instruments .view-content table tr th.field-group-heading-label {
  font-size: 1.125rem;
  font-weight: bold;
  border: 0;
  background-color: white;
}
.view-instruments .view-content table tr td.field-group-heading-value {
  font-size: 1.125rem;
  border: 0;
}

li.list-group-item.odd {
  background-color: #f8f8f8;
}
li.list-group-item.even {
  background-color: white;
}