.americom-lp-cat-select-wrap{
  display:inline-block;
  margin-right:24px;
  vertical-align:middle;
}

.americom-lp-cat-select{
  min-width:320px;
  padding:12px 18px;
  border:1px solid #ddd;
  border-radius:0;
  background:#fff;
  font-size:16px;
}

/* Only used when LearnPress does not render its own toolbar. The JavaScript
   places this directly below the Courses heading, inside the normal content area. */
.americom-lp-fallback-bar{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  margin:18px 0 24px;
}

.americom-course-results{
  display:block;
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
}

.americom-course-results .americom-injected-course{
  display:flex;
  gap:24px;
  width:100%;
  margin:0;
  padding:0 0 28px;
  border-bottom:1px solid #e5e5e5;
  list-style:none;
}

.americom-course-results .americom-injected-course + .americom-injected-course{
  padding-top:28px;
}

.americom-course-results .course-thumbnail{
  flex:0 0 34%;
  max-width:380px;
}

.americom-injected-course img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}

.americom-course-results .course-content{
  flex:1 1 auto;
  min-width:0;
}

.americom-injected-course .course-title{
  margin:0 0 10px;
}

.americom-course-info{
  margin-bottom:14px;
}

.americom-course-actions{
  margin-top:18px;
  text-align:right;
}

.americom-course-button{
  display:inline-block;
  border-radius:0 !important;
}

.americom-lp-empty-message{
  width:100%;
  margin:0;
  padding:24px;
  border:1px solid #ddd;
  background:#fff;
  list-style:none;
}

@media(max-width:767px){
  .americom-lp-cat-select-wrap,
  .americom-lp-cat-select{
    width:100%;
    min-width:0;
  }

  .americom-course-results .americom-injected-course{
    display:block;
  }

  .americom-course-results .course-thumbnail{
    max-width:none;
    margin-bottom:18px;
  }
}