/* Incremental feature-list styles (not yet in compiled app.css) */

.o-feature-main .o-feature-row .o-feature-cell {
  position: relative;
}

.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content {
  border: 2px solid #008a00;
  border-radius: 10px;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: rgba(35, 35, 35, 0.05);
  border: 2px solid #008a00;
  border-radius: 10px;
  text-align: right;
  z-index: 1;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-overlay svg,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-overlay .o-feature-overlay-svg {
  width: 50px;
  fill: #fff;
  margin: 10px 10px 0 0;
  padding: 10px;
  border-radius: 6px;
  background: #008a00;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-overlay svg path,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-overlay .o-feature-overlay-svg path {
  fill: #fff;
}

.o-feature-main .o-feature-row .o-feature-cell:hover .o-feature-overlay {
  display: block;
}

.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-overlay {
  display: none !important;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-feature-brand-mob,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-feature-brand-input {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 6px;
  color: #252525;
  text-align: right;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-feature-title-mob,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-feature-title-input {
  font-size: 24px;
  margin: 10px 0;
  color: #252525;
  text-align: right;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-left .o-feature-brand,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-left .o-feature-brand-input {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 6px;
  color: #252525;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-left .o-feature-title,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-left .o-feature-title-input {
  font-size: 24px;
  margin: 10px 0;
  color: #252525;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-feature-description-inst-mob,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-feature-description-stud-mob {
  font-size: 15px;
  color: #252525;
  min-height: 40px;
  text-align: right;
}

/* Alternating layout: odd items show image left, text right */
.o-feature-main .o-feature-row .o-feature-cell:nth-child(odd) .o-feature-content .o-feature-left {
  float: right;
  text-align: right;
}

.o-feature-main .o-feature-row .o-feature-cell:nth-child(odd) .o-feature-content .o-feature-right {
  float: left;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-left {
  float: left;
  text-align: center;
  width: 25%;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-left .o-feature-img-border {
  width: 100%;
  float: none;
  clear: both;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-left .o-feature-img-border img {
  display: block;
  margin: 10px auto;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-left .o-feature-mobile-img img,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-left .o-feature-mobile-img .o-feature-mobile {
  width: auto;
  max-width: 100%;
  max-height: 200px;
  height: auto;
  margin: 10px auto;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-left .o-feature-app-store img,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-left .o-feature-app-store .o-feature-app-store-mob {
  width: auto;
  max-width: 140px;
  height: auto;
  margin: 10px auto;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-left .o-feature-google-play img,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-left .o-feature-google-play .o-feature-g-play-mob {
  width: auto;
  max-width: 140px;
  height: auto;
  margin: 10px auto;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-left textarea.o-feature-img-src-mob,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-left textarea.o-feature-img-src {
  width: 100%;
  color: #333;
  font-size: 13px;
  text-align: left;
  border: 1px solid #d3d3d3;
  resize: none;
  height: 80px;
  margin: 4px 0 10px;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-img-border.o-feature-img-border-edit img {
  display: none;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right {
  float: right;
  width: 75%;
  padding-top: 12px;
  text-align: right;
  margin-bottom: 45px;
}

/* Override legacy .admin-category .o-feature-mobile float:right rules on content fields */
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-feature-brand-mob,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-feature-brand-input,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-feature-title-mob,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-feature-title-input,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right header,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right label,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right p,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-instructor-description-label,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-student-description-label,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-feature-description-inst-mob,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-feature-description-stud-mob,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-instructor-description,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-student-description,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-itunes-download-url,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-android-download-url,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right textarea.form-control,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right input.form-control {
  float: none;
  width: 100%;
  text-align: right !important;
}

.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right textarea.form-control,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right input.form-control {
  max-width: 480px;
}

/* View mode URL divs: full column width so they align with titles/descriptions above */
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right div.o-itunes-download-url,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right div.o-android-download-url,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right div.o-itunes-download-url,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right div.o-android-download-url {
  max-width: none;
  width: 100%;
  color: #252525;
}

/* Edit mode: left-align form text and uniform full-width fields */
.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right {
  text-align: left;
}

.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right label,
.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right .o-instructor-description-label,
.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right .o-student-description-label,
.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right .o-feature-brand-input,
.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right .o-feature-title-input,
.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right textarea.form-control,
.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right input.form-control,
.admin-category .o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right label,
.admin-category .o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right .o-instructor-description-label,
.admin-category .o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right .o-student-description-label,
.admin-category .o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right .o-feature-brand-input,
.admin-category .o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right .o-feature-title-input,
.admin-category .o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right textarea.form-control,
.admin-category .o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right input.form-control {
  text-align: left !important;
}

.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right .o-itunes-download-url,
.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right .o-android-download-url,
.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right textarea.form-control,
.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right input.form-control,
.admin-category .o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right .o-itunes-download-url,
.admin-category .o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right .o-android-download-url,
.admin-category .o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right textarea.form-control,
.admin-category .o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right input.form-control {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right input.o-itunes-download-url,
.o-feature-main .o-feature-row .o-feature-cell.o-feature-editable-content .o-feature-mobile .o-feature-mobile-right input.o-android-download-url {
  color: #333;
  border: 1px solid hsla(0, 0%, 50%, .36);
  padding: 6px 10px;
  min-height: auto;
}
/* Preserve two-column layout inside admin-category (do not apply float:none/width:100% to columns) */
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-left {
  float: left;
  width: 25%;
}

.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right {
  float: right;
  width: 75%;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right label,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-instructor-description-label,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-student-description-label {
  display: block;
  margin-top: 10px;
  text-align: right;
  color: #252525;
  font-weight: bold;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-feature-description-inst-mob,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-feature-description-stud-mob,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-instructor-description,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-student-description {
  color: #252525;
  text-align: right;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-itunes-download-url,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-android-download-url,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-itunes-download-url,
.admin-category .o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right .o-android-download-url {
  color: #252525;
  text-align: right;
  border: none;
  min-height: 0;
  padding: 0;
  margin-bottom: 4px;
  word-break: break-all;
  display: block;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right textarea.form-control,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right input.form-control {
  color: #333;
  text-align: right;
  border: 1px solid hsla(0, 0%, 50%, .36);
  box-shadow: none;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right textarea.form-control:focus,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-mobile-right input.form-control:focus {
  outline: none;
  border: 1px solid hsl(218.93deg 70% 47.06%);
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile a.o-feature-change-link,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile a.o-feature-change-link:link,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile a.o-feature-change-link:visited,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile a.o-feature-change-link:hover,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile a.o-feature-change-link:focus,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-right a.o-feature-change-link,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-right a.o-feature-change-link:link,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-right a.o-feature-change-link:visited,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-right a.o-feature-change-link:hover,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-right a.o-feature-change-link:focus {
  display: block;
  width: 100%;
  color: #008a00;
  text-align: center;
  text-decoration: underline;
  font-size: 15px;
  cursor: pointer;
  margin-top: 4px;
  white-space: nowrap;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile textarea {
  resize: none;
  height: 80px;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-mobile .o-feature-button .o-feature-clear-bttn {
  float: left;
}

.o-feature-main .o-feature-row .o-feature-editable-content .o-feature-button .o-feature-clear-bttn a {
  display: block;
  position: relative;
  padding: 10px 20px;
  border-radius: 4px;
  border: 1px solid red;
  color: red;
  background: #fff;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-left .o-feature-action-button,
.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-left .o-feature-action-button-input {
  background: #107aca;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  padding: 11px 23px;
  display: inline-block;
  margin-top: 10px;
  text-transform: uppercase;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-left .o-feature-action-button-input {
  border: none;
  box-shadow: none;
  width: auto;
  height: auto;
  line-height: normal;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-left .o-feature-action-button-input:focus {
  outline: 2px solid #0d6aad;
  background: #107aca;
  color: #fff;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-left .o-feature-action-button-input::placeholder {
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-left .o-feature-action-url-colon {
  display: inline-block;
  margin-top: 10px;
  vertical-align: middle;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-content .o-feature-left .o-feature-action-button-divwrap .form-control {
  display: block;
  margin-top: 8px;
}

.o-feature-main .o-feature-row .o-feature-cell .o-feature-button .o-feature-remove {
    color: red;
    font-weight: 700;
    margin-right: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAaCAIAAADJ6rCnAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJKSURBVEhLlZX7SxVBFMf9Y/qtv0zkcpUuUURZSuQPFwTJzBdkoEQRVFgRUUgPsUQUMRUpRXxgD+2x7sPZvbt9Z+bcvbNnZxf9cn649zw+O3PO7GxbUq5GI9rbDxeXTl6/DT/NR1vbsedTqECFxHB5xe2rO+2Vo/PnTIPHvXJNzLynvJwsxOjrplO7lGeZhqhT6bJyOTGYflnOMg2Z/vAoVTaVIfqj46fHaUO+291L9UotIrZwVpw2udKxe0RJiY0fP52OKstDp/LPsPrxV8zOaRQRvXo/y/CGRuCPf//BlFr+jmq48gX+fLudzpoiKWLsOCzs3b6jw1B87GoocNH6BnkBffbcrMLvcGERfkkMHjxKA9pwklUVCdDji5dNnBZbh9t7C05JdK9eNwMwb2BQlZQpeDrNN95egV8SWUDHvMG7qtAu67GFJ/77z06ElUBL3gJ0pk02viAsR7F/QBhD5vSZ4U4pXmN2sqbS6ect2tlVxM4aC5TgtKxQrCwRQs26r85i4t1HXZkK26FfTTUOvrMqvEvwS6KY+8w2Hi4tqyqSHgUbFK5eswTmT0zCL4mQU71gxtCH+PBIh9LJMiiunEwJjs6vQ/iJGDx+wpYJqPgw69+fMv0S2j8Qzi+43T0sH63TKCJC7JlnMmwxCQLNaRHRF7b3UxoWG66uEcUkQtG3rfxJKjfgTt7MUL1ShiglhHvjJuuR1ZCDIxlt71BhUzmiUvDiFbKLuJJV6fKnHlJ2VnaiFq5r3OSYmP4MwPClxkWHM0AZeSXJf6fxvadrKNwMAAAAAElFTkSuQmCC);
    background-repeat: no-repeat !important;
    display: block;
    width: 28px;
    height: 27px;
    padding-left: 30px;
    line-height: 30px;
}

.o-feature-mobile-img .o-feature-mobile {
  margin-top: 30px !important;
}