/* 
Styles for node and media forms both add and edit
*/

#edit-field-title-wrapper,
#edit-field-subject-wrapper,
#edit-field-select-video-type-wrapper,
#edit-field-accessibility-level-wrapper
{
 position: relative;
 width: 50%;
 padding-right: 16px;
}
@media (max-width: 992px) {
  #edit-field-title-wrapper,
  #edit-field-subject-wrapper,
  #edit-field-select-video-type-wrapper,
  #edit-field-accessibility-level-wrapper,
  #edit-title-wrapper {
   width: 100%;
   padding-right: 0;
 }
}

#edit-field-discipline-wrapper,
#edit-field-topic-wrapper,
#edit-field-media-video-file-wrapper,
#edit-field-language-wrapper,
#edit-field-media-video-embed-field-wrapper
{
 position: relative;
 width: 50%;
 padding-left: 16px;
}

#node-h5p-form #edit-field-discipline-wrapper,
#node-h5p-edit-form #edit-field-discipline-wrapper,
#node-h5p-form #edit-field-topic-wrapper,
#node-h5p-edit-form #edit-field-topic-wrapper,
#node-h5p-form #edit-field-language-wrapper,
#node-h5p-edit-form #edit-field-language-wrapper,
#node-learning-map-form #edit-field-language-wrapper,
#node-learning-map-edit-form #edit-field-language-wrapper{
 padding-left: 0px !important;
 padding-right: 16px !important;
}

#node-h5p-form #edit-field-topic-wrapper > div,
#node-h5p-edit-form #edit-field-topic-wrapper > div,
#edit-field-select-video-type-wrapper > div,
#edit-field-media-audio-file-wrapper > div >div,
#edit-field-media-document-wrapper > div >div,
#edit-field-media-image-wrapper > div >div,
#node-learning-map-form #edit-field-subject-wrapper > div,
#node-learning-map-edit-form #edit-field-subject-wrapper > div{
 margin-bottom: 32px !important;
}

#node-h5p-form #edit-field-subject-wrapper,
#node-h5p-edit-form #edit-field-subject-wrapper,
#node-h5p-form #edit-field-accessibility-level-wrapper,
#node-h5p-edit-form #edit-field-accessibility-level-wrapper,
#node-learning-map-form #edit-field-accessibility-level-wrapper,
#node-learning-map-edit-form #edit-field-accessibility-level-wrapper {
 padding-left: 16px !important;
 padding-right: 0px !important;
}


.node-form .card-body .width-global {
 width: 100% !important;

}

@media (max-width: 992px) {
  #edit-field-discipline-wrapper,
  #edit-field-topic-wrapper,
  #edit-field-media-video-file-wrapper,
  #edit-field-language-wrapper,
  #edit-field-media-video-embed-field-wrapper {
   width: 100%; /* Full width on smaller screens */
   padding-left: 0; /* Adjust padding as needed */
 }
}

#edit-group-required-fields .card-body{
 padding-left: 48px;
 padding-right: 48px;
 padding-bottom: 32px;
}
#edit-group-optional-fields .card-body{
 padding-left: 48px;
 padding-right: 48px;
 padding-bottom: 32px;
}

.form-item-field-discipline.js-form-item-field-discipline,
.form-item-field-subject.js-form-item-field-subject,
.form-item-field-select-video-type.js-form-item-field-select-video-type,
#edit-field-media-video-file-0-upload--2,
.form-item-field-accessibility-level.js-form-item-field-accessibility-level,
.form-item-field-language.js-form-item-field-language,
#edit-field-media-video-embed-field-0-value
{
 width: 100%;
}

#edit-field-media-video-embed-field-0-value{
 height: 56px !important;
}

/* .field--name-field-author-s-organization {
 width: 99.2% !important;
} */

.auth-container input[type="email"]{
 width: 100%;
}

input[name="field_author_author_add_more"],
input[name="field_authors_author_add_more"]{
 margin-left: 0px !important;
}

input[name="field_add_attachments_attachments_add_more"],
input[name="field_external_link_external_link_add_more"],
input[name="field_attach_existing_media_attach_existing_media_add_more"],
input[name="field_add_transcript_attachments_add_more"],
input[name="field_add_transcripts_attachments_add_more"]{
 margin-left: 0px !important;
}

#edit-field-course-number-wrapper 
{
 position: relative;
 width: 50%;
 padding-left: 16px;
}

div[data-drupal-selector="edit-field-add-attachments"] table tbody tr td:nth-child(1),
div[data-drupal-selector="edit-field-attach-existing-media"] table tbody tr td:nth-child(1),
div[data-drupal-selector="edit-field-external-link"] table tbody tr td:nth-child(1),
div[data-drupal-selector="edit-field-add-transcript"] table tbody tr td:nth-child(1),
div[data-drupal-selector="edit-field-add-transcripts"] table tbody tr td:nth-child(1){
 display: none;
}

.field--type-entity-reference.field--name-field-label-this-attachment{
 margin-left: 16px !important;
} 

.field--type-string.field--name-field-attachment-title{
 margin-left: 32px !important;
}

#edit-field-select-video-type,
div[data-drupal-selector="edit-field-add-transcript"] input[type="text"],
div[data-drupal-selector="edit-field-add-attachments"] input[type="text"]
{
 height: 56px !important;
}
div[data-drupal-selector="edit-field-add-transcript"] input[type="file"],
div[data-drupal-selector="edit-field-add-attachments"] input[type="file"],
div[data-drupal-selector="edit-field-add-transcripts"] input[type="file"]{
 width: 100% !important;
}

.auth-container{
 display: flex;
 flex-wrap: wrap;
}
.auth-container  > div:nth-child(odd)  {
 width: calc(50% - 16px) !important;
 position: relative;
 margin-right: 16px;
}
.auth-container  > div:nth-child(even)  {
 width: calc(50% - 16px) !important;
 position: relative;
 margin-left: 16px;
}

@media (max-width: 1224px) {
 .auth-container > div:nth-child(odd),
 .auth-container > div:nth-child(even) {
   width: 43%!important;
 }
 .field--name-field-author-s-organization {
   width: 92%!important;
 }
}

@media (max-width: 992px) {
 .auth-container > div:nth-child(odd),
 .auth-container > div:nth-child(even) {
   width: 100%!important;
   margin: 0px !important;
 }
 .field--name-field-author-s-organization {
   width: 100%!important;
   margin: 0px !important;
 }
}


.auth-container input[type="email"]{
 width: 100% !important;
}

div[data-drupal-selector="edit-field-author"] thead,
div[data-drupal-selector="edit-field-authors"] thead{
 display: none;
}

div[data-drupal-selector="edit-field-author"] .even td:nth-child(1),
div[data-drupal-selector="edit-field-author"] .odd td:nth-child(1),
div[data-drupal-selector="edit-field-authors"] .even td:nth-child(1),
div[data-drupal-selector="edit-field-authors"] .odd td:nth-child(1){
 display: none;
}

.node-form .field--widget-entity-reference-paragraphs div:has(> .paragraph-type-top) > :first-child,
.media-form .field--widget-entity-reference-paragraphs div:has(> .paragraph-type-top) > :first-child {
 align-items: flex-start !important; 
}

div[data-drupal-selector="edit-field-learning-outcomes"] table tbody tr td:nth-child(3) input,
div[data-drupal-selector="edit-field-key-words"] table tbody tr td:nth-child(3) input ,
div[data-drupal-selector="edit-field-keywords"] table tbody tr td:nth-child(3) input {
 /* Your CSS styles here */
 border: none;
 text-decoration: underline;
 margin-top: 9px
}

div[data-drupal-selector="edit-field-learning-outcomes"] table tbody tr td:nth-child(3) input:hover,
div[data-drupal-selector="edit-field-key-words"] table tbody tr td:nth-child(3) input:hover,
div[data-drupal-selector="edit-field-keywords"] table tbody tr td:nth-child(3) input:hover {
 /* Your CSS styles here */
 background-color: transparent !important;
 color: #8c1d40
}


div[data-drupal-selector="edit-field-add-attachments"] table tbody tr td:nth-child(2) input[type="text"],
div[data-drupal-selector="edit-field-add-transcript"] table tbody tr td:nth-child(2) input[type="text"],
div[data-drupal-selector="edit-field-add-transcripts"] table tbody tr td:nth-child(2) input[type="text"]{
 width: 96% !important;
}

div[data-drupal-selector="edit-field-add-attachments"] table tbody tr td:nth-child(2) input[type="submit"],
div[data-drupal-selector="edit-field-attach-existing-media"] table tbody tr td:nth-child(2) input[type="submit"],
div[data-drupal-selector="edit-field-external-link"] table tbody tr td:nth-child(2) input[type="submit"],
div[data-drupal-selector="edit-field-add-transcripts"] table tbody tr td:nth-child(2) input[type="submit"]{
 margin-top: 36px !important;
}

div[data-drupal-selector="edit-field-add-transcript"] table tbody tr td:nth-child(2) input[type="submit"]{
 margin-top: 40px !important;
}

.node-form .field--widget-entity-reference-paragraphs div:has(> .paragraph-type-top) > :first-child, 
.media-form .field--widget-entity-reference-paragraphs div:has(> .paragraph-type-top) > :first-child {
 width: unset !important;
}

#edit-field-media-video-file-0-remove-button{
 border: none;
 text-decoration: underline;
 margin-top: 6px
}

#edit-field-media-video-file-0-remove-button:hover{
  background-color: transparent !important;
  color: #8c1d40
}

#edit-group-bloom-s-level .card-body{
 padding-top: 0px !important;
}

#edit-field-attach-existing-media--description{
 visibility: hidden !important;
 padding-bottom: 12px !important;
}

#field-add-transcript-values,
#field-add-transcripts-values{
 margin-top: 0px !important;
}
#edit-field-media-audio-file-wrapper,
#edit-field-media-document-wrapper,
#edit-field-media-image-wrapper{
 width: 50%;
}

#edit-field-media-audio-file-wrapper input[type="file"],
#edit-field-media-document-wrapper input[type="file"],
#edit-field-media-image-wrapper input[type="file"]{
 width: 98% !important;
}

.node-form thead th:nth-child(2), 
.media-form thead th:nth-child(2){
 border: 0px;
}

.node-form thead th:nth-child(2), 
.media-form thead th:nth-child(2){
  background: #E8E8E8;
}

#field-keywords-values thead th:nth-child(2){
 border-bottom: none !important;
 border-top: none !important;
}

.s3fs-cors-upload{
 border: 1px solid #ced4da !important;
 height: 56px !important;
 color: #2A2A2A !important;
 line-height: 1.5 !important;
}

#edit-group-required-fields,
#edit-group-optional-fields{
 line-height: 1.2 !important;
}

/* #edit-group-required-fields > summary,
#edit-group-optional-fields > summary,
#edit-group-attachments > summary,
#edit-group-author > summary,
#edit-group-course-number > summary,
#edit-group-key-words > summary,
#edit-group-bloom-s-level > summary,
#edit-group-revision > summary,
#edit-group-add-transcripts > summary,
#edit-group-keywords > summary,
#edit-group-add-attachments > summary,
#edit-group-revision-information> summary{
 padding-top: 16px !important;
 padding-bottom: 16px !important;
 font-size: 18px !important;
 color: #2A2A2A !important;
 height: 56px !important;
} */

#edit-moderation-state-0-state{
 height: 56px;
 padding: 16px 20px;
 font-size: 18px;
 line-height: 1.2;
 color: #2A2A2A !important;
}

.node-form .width-global input, .media-form .width-global input ,
.node-form .js-form-type-select select, .media-form .js-form-type-select select,
.node-form .paragraphs-subform .field--type-email .js-form-type-email input, 
.media-form .paragraphs-subform .field--type-email .js-form-type-email input{
 height: 56px !important;
 color: #2A2A2A !important;
}

input[name="field_add_transcript_attachments_add_more"]{
 margin-bottom: 36px !important;
}

#edit-group-add-transcripts .card-body{
 padding-top: 17px !important;
}

.js .field--widget-entity-reference-paragraphs td {
 padding: 16px 0px 16px 0px !important;
}

#edit-field-bloom-s-level--wrapper .card-body,
#edit-field-bloom-level---wrapper .card-body{
 padding-left: 0px !important;
 padding-bottom: 0px !important;
}
#edit-field-bloom-s-level--wrapper
#edit-field-bloom-level---wrapper{
 margin-bottom: 0px !important;
}

input[name="field_media_image_0_remove_button"]{
 border: none;
 text-decoration: underline;
 margin-top: 6px;
}

.node-form .paragraphs-subform .field--type-link .js-form-type-url input, .media-form .paragraphs-subform .field--type-link .js-form-type-url input {
 height: 56px !important;
 padding: 16px 20px;
 font-size: 18px;
 line-height: 1.2;
 color: #2A2A2A !important;
}

#node-h5p-form label,
#node-h5p-edit-form label,
#node-learning-map-form label,
#node-learning-map-edit-form label,
#media-document-add-form label,
#media-image-add-form label,
#media-video-add-form label,
#media-audio-add-form label,
#media-video-edit-form label,
#media-audio-edit-form label,
#media-image-edit-form label,
#media-document-edit-form label{
 color: #2A2A2A !important;
}

#node-h5p-form #edit-title-wrapper,
#node-h5p-edit-form #edit-title-wrapper,
#node-learning-map-form #edit-title-wrapper,
#node-learning-map-edit-form #edit-title-wrapper,
#media-document-add-form #edit-title-wrapper,
#media-image-add-form #edit-title-wrapper,
#media-video-add-form #edit-title-wrapper,
#media-audio-add-form #edit-title-wrapper,
#media-video-edit-form #edit-title-wrapper,
#media-audio-edit-form #edit-title-wrapper,
#media-image-edit-form #edit-title-wrapper,
#media-document-edit-form #edit-title-wrapper{
    position: relative;
    width: 50%;
    padding-right: 16px;
}