/****** Primary Tabs ******/

.main-content nav.tabs {
    position: fixed;
    bottom: 0;
    display: flex;
    left: 50%;
    transform: translate(-50%);
    justify-content: center;
    z-index: 2050;
    color: white;
}

ul.nav.primary.nav-tabs {
    background-color: #593662;
    border-bottom: 0px;
}

ul.nav.primary.nav-tabs a.nav-link {
    color: white;
}

.primary.nav-pills a.nav-link.active {
    display: none;
}

.primary.nav-pills li.nav-item {
    color: #fff;
    background-color: #0d6efd;
}

.primary.nav-pills a.nav-link {
    color: white;
}

/****** Title Block ******/

/****** Main Nav ******/

.navbar-light .nav-link {
    color: white;
}

.navbar-light .navbar-nav .nav-link {
    color: white;
}

/****** Learning Object View ******/

.learning-object-view-header .view-header {
    padding-bottom: 10px;
}


/****** Learning Object Edit Node ******/

div#edit-field-object-type, div#edit-field-un-sustainable-dev-goalss-, div#edit-field-audience, div#edit-field-green-chemistry-principles, div#edit-field-common-pedagogies-covered {
    column-count: 2;
}


#edit-field-share-learning-object div:first-child {
    display: none;
}

/****** Forums ******/

.gctlc-forum-breadcrumbs ol.breadcrumb {
    display: block;
}

div#edit-comment-body-0-format-help {
    display: none;
}

div#edit-body-0-format-help {
    display: none;
}


/****** User Dashboard ******/

.user-dashboard-sidebar {
  height: auto;
  display: inline-block;
}

.user-dashboard-tabcontent {
    height: auto;
    display: inline-block;
    vertical-align: top;
}

.user-dashboard-center {
    text-align: center;
}

.user-dashboard-content {
  border-left: none;
  height: auto;
}

.gctlc-user-dashboard {
    padding-top: 20px;
    padding-bottom: 20px;
}

.user-dashboard-center img {
    height: 200px;
    width: 60%;
    object-fit: cover;
}

.view-user-dashboard #Learning-Objects, .view-user-dashboard #Groups, .view-user-dashboard #Ads-Events-Postings, .view-user-dashboard #Articles {
    display: none;
}

.user-dashboard-social-media-icons svg.svg-inline--fa {
    height: 30px;
}

/****** Homepage ******/

.users-homepage .item-list ul {
    list-style: none;
    margin: 0 0 0.25em 0;
    padding: 0;
}

.center {
text-align: center;
}

.hompage-users-name {
    text-align: center;
    font-weight: bold;
    min-height: 3em;
}

.events-homepage .item-list li ,
.jobs-careers .item-list li, 
.groups-homepage .item-list li {
  overflow: hidden;
}

.jobs-careers a {
    text-decoration: none;
    color: black;
}

.homepage-news-block .views-col {
    padding: 0 2% 0 2%;
}


.resources-list .resources-links a {
    color: #fff;
    text-decoration: underline;
}


/****** Community Members ******/

.community-user-image {
    text-align: center;
}

.views-field.views-field-display-name {
    text-align: center;
}

.community-user-image img {
    height: 200px;
    object-fit: cover;
    width: 60%;
}

.views-field.views-field-job-title {
    text-align: center;
}

.views-field.views-field-current-employer {
    text-align: center;
    font-weight: 800;
    margin-bottom: 20px;
}

.views-field.views-field-display-name-1 {
    text-align: center;
    font-weight: 800;
    margin-bottom: 20px;
}

.view-community-users-new .community-block {
    text-align: center;
}



.view-community-users-new .row.views-row.clearfix {
    float: left;
    clear: both;
    width: 100%;
    margin: 10px 0px 10px 0px;
    border-bottom: 1px solid lightgray;
    padding: 10px;
}

/****** Update Profile Webform ******/

.webform-submission-update-form span.field-suffix.input-group-text {
    display: none;
}



.webform-submission-update-form  .js-form-item.js-form-type-number.form-type-number.js-form-item-keyword-tags-expertise-add-more-items.form-item-keyword-tags-expertise-add-more-items.form-no-label.mb-3 {
    display: none;
}



/****** Events ******/

.events-homepage .form-control {
   width: 97%;
}

.js-form-item.js-form-type-checkbox.checkbox {
    padding-right: 10px;
}

div#edit-field-event-type {
    column-count: 3;
}

div#edit-field-intended-audience {
    column-count: 3;
}

div#edit-field-event-keyword-tags {
    column-count: 3;
}

#block-groupoperations .vertical-tab {
  float: none;
  padding-left: 0;
  list-style: none;
}

.gctlc--event img {
    width: 100%;
}

.gctlc--event {
    box-shadow: #949494 1px 1px 8px;
    margin-bottom: 15px;
    margin-left: 15px;
    border-radius: 10px;
    padding: 10px;
    background-clip: padding-box;
}

@media (min-width: 992px) {
.gctlc--event.col-12.col-lg-3 {
    width: 23%;
}
}
@media (min-width: 992px) {
.gctlc--event.col-lg-4 {
width: 30%;
}
}

.gctlc-upcoming-event {
    margin-inline-start: 1rem;
}

.gctlc--event .datetime {
    color: #f48324;
    font-size: larger;
    margin: 8px 0;
    font-weight: bold;
}

.gctlc--event a:link {
    text-decoration: none;
}


/****** Groups Node Form ******/

.group-form div#edit-field-u-n-sdgs-tags, .group-form div#edit-field-green-chemistry-tags, .group-form div#edit-field-institution-type-if-applic, .group-form div#edit-field-intended-audience {
    column-count: 3;
}



/******Learning Object Dashboard*******/
.learning-object-view-header .table-responsive {
    flex: inherit;
    display: table;
}

/****** Groups Display ******/


.field.field--name-field-audience-other.field--type-string.field--label-hidden.field__item {
    margin-top: -40px;
}

div#group-learning-object {
    display: none;
}

div#group-job-posting {
    display: none;
}

div#group-events {
    display: none;
}

.member-action-buttons nav.action-links {
display: inline-flex;
}


/****** Green Chemistry Commitment Signer******/


.Green-Chemistry-Commitment-Signer {
    column-count: 3;
}



/****** Jobs Internship ******/


.gctlc--jobs img {
width: 100%;
}
.gctlc--jobs a:link {
text-decoration: none;
}

.gctlc--jobs {
box-shadow: #949494 1px 1px 8px;
margin-bottom: 15px;
margin-left: 15px;
border-radius: 10px;
padding: 20px;
background-clip: padding-box;
}
.gctlc--jobs:hover {
box-shadow: #949494 1px 1px 15px;
}

@media (min-width: 992px) {
.gctlc--jobs.col-12.col-lg-3 {
width: 23%;
}
}

@media (min-width: 992px) {
.gctlc--jobs.col-lg-4 {
width: 30%;
}
}

.gctlc--jobs p.field-content {
margin-top: .5rem;
margin-bottom: .5rem;
}
.gctlc--jobs .views-field.views-field-field-hiring-company-organizatio {
margin-top: .5rem;
}

.group-label-jobs-internship {
  padding: 20px 25px 25px 25px;

  p {
    font-size: calc(9px + 0.5vw);
  }
}

.group-label-jobs-internship-title h2 a {
    font-size: calc(10px + 0.5vw);
    font-weight: bold;
}


.gctlc-events-row .group-label p {
   font-weight: normal;
   font-size: 98%;
}

.gctlc-events-row .group-label .title-label {
    text-align: center;
    font-weight: bold;
    padding-bottom: 10px;
}


/****** Responsive iframe ******/

.gctlc-iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.gctlc-responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


/****** Founding Sponsors ******/

.gctlc--founding-sponsors img {
width:100%;
}


@media (min-width: 992px) {
.gctlc--founding-sponsors .container {
  position: relative;
}
}

@media (min-width: 992px) {
.gctlc--founding-sponsors .vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
}


.gctlc--founding-sponsors .col-sm-12{
    margin-bottom: 2em;
}

@media (min-width: 992px) {
.gctlc--founding-sponsors .container .row {
    height: 5em;
}
}


/****** Learning Object Library ******/

.gctlc--library {
box-shadow: #949494 1px 1px 8px;
margin-bottom: 15px;
margin-left: 15px;
border-radius: 10px;
padding: 20px;
background-clip: padding-box;
}
.gctlc--library:hover {
box-shadow: #949494 1px 1px 15px;
}

@media (min-width: 992px) {
.gctlc--library.col-12.col-lg-3 {
width: 23%;
}
.gctlc--library.col-lg-6 {
width: 48%;
}
}

.gctlc--library a:link {
text-decoration: none;
}

.gctlc--library img {
height: 200px;
border-radius: 4%;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
object-fit: contain;
}

.gctlc--library span.views-label.views-label-field-summary-1 {
font-weight: bold;
}

.gctlc--library span.views-label.views-label-field-keywords {
font-weight: bold;
}

.gctlc--library h4.views-field.views-field-title.center, .gctlc--library h3.views-field.views-field-title.center {
padding-top: 1rem;
}

.gctlc--library .views-field.views-field-field-object-type {
padding-top: .5rem;
padding-bottom: .5rem;
}


/****** Groups Library ******/

.gctlc--library-groups {
box-shadow: #949494 1px 1px 8px;
margin-bottom: 15px;
margin-left: 15px;
border-radius: 10px;
padding: 10px;
background-clip: padding-box;
}

@media (min-width: 992px) {
.gctlc--library-groups.col-12.col-lg-3 {
width: 23%;
}
}

.gctlc--library-groups a:link {
text-decoration: none;
}

.gctlc--library-groups img {
height: 200px;
border-radius: 4%;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
object-fit: contain;
}



/****** Collections ******/

h3.views-field.views-field-title.center.gctlc-collection-title {
    font-size: calc(1rem + 0.3vw);
}

.gctlc-collections-contributors li.list-group-item {
    border: none;
}


.gctlc-collections-library span.views-label.views-label-field-summary, span.views-label.views-label-field-object-type, span.views-label.views-label-field-audience, span.views-label.views-label-field-co-authors {
    font-weight: bold;
}

@media (min-width: 992px) {
.gctlc--library.col-lg-4 {
    width: 30%;
}
}
.gctlc--collections-description {
    padding-bottom: 2em;
}

/****** End Collections ******/

/****** More Link ******/

.gctlc--more-link {
display: inline;
}
a.gctlc--more-link {
text-decoration: none;
}
.gctlc--more-link p {
display: inline;
}

/****** Documentation ******/
.node--type-documentation-articles .field.field--name-user-picture.field--type-image.field--label-hidden.field__item {
    display: none;
}

/****** Likes ******/

.votingapi-reaction-item-wrapper {
    display: inline-flex;
}

/****** ******/
