/** Syllabus Custom **/


table.syllabi-table {
  width: 100% !important;
  border-collapse: collapse !important;
}

/**
 * Search syllabi view
 *
 */
.view-search-syllabi div.js-form-item-title label,
.view-search-syllabi div.js-form-item-field-course-prefix-value label,
.view-search-syllabi div.js-form-item-field-academic-year-value label,
.view-search-syllabi div.js-form-item-field-course-number-value label,
.view-search-syllabi div.js-form-item-field-crn-value label,
.view-search-syllabi div.js-form-item-field-department-target-id label,
.view-search-syllabi div.js-form-item-field-semester-value label,
.view-submission-summaries div.js-form-item-field-course-active-status-value label,
.view-submission-summaries div.js-form-item-field-semester-value label,
.view-submission-summaries div.js-form-item-status label{
    display: table;
    margin-bottom: 0.55rem;
    font-size: 0.85rem;
    font-weight: bold;
    line-height: 1;
}

.summary-row-totals{
    margin-top: 20px;
}

.view-search-syllabi .views-exposed-form {
    max-width: 100%;
    margin-block: 1rem 0;
    margin-inline: 0rem 25rem;
    display: flex;
    flex-wrap: wrap;
}
.view-search-syllabi .js-form-item{
    max-width: 100%;
    margin-block: .5rem 0;
    margin-inline: 0 0.75rem;
}
.view-search-syllabi .form-select {
    padding-inline-end: 3rem;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%23545560'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 0.75rem 0.6625rem;
}
.view-search-syllabi .form-select {
    box-sizing: border-box;
    max-width: 100%;
    min-height:50px;
    padding: 0.85rem 1rem;
    color: #000;
    border: 1px solid #dedfe4;;
    border-radius:2px;
    background: #fff
    font-size: 1rem;
    line-height: 1;
    appearance: none;
}

.view-search-syllabi .form-text:hover, .view-search-syllabi .form-select:hover {
    border-color: #232429;
    box-shadow: inset 0 0 0 0.25px;
}
.view-search-syllabi .form-text {
    box-sizing: border-box;
    max-width: 100%;
    min-height: 50px;
    padding: 0.5rem;
    color: #232429;
    border: 1px solid #dedfe4;
    border-radius: 2px;
    background: #fff;
    font-size: 1rem;
    line-height: 2;
    appearance: none;
    margin-top: 0;
}

.view-search-syllabi .views-exposed-form {
    width: 100%;
}
.view-search-syllabi div.js-form-item-field-course-number-value input,
.view-search-syllabi div.js-form-item-field-course-prefix-value input,
.view-search-syllabi div.js-form-item-field-crn-value input{
    max-width: 100%;
}
.view-search-syllabi .js-form-item-field-course-number-value,
.view-search-syllabi .js-form-item-field-course-prefix-value{
    max-width:15%;
}
.view-search-syllabi .js-form-item-field-crn-value{
   max-width:10%;
}

.view-search-syllabi .form-actions{
    margin-top: 2rem;
    vertical-align: top;
}
.view-search-syllabi .form-actions .button {
    margin-block: 0;
}
.view-search-syllabi .button {
    display: inline-block;
    margin-block: 1rem;
    margin-inline: 0 0.75rem;
    padding: 0.96rem 1.5rem;
    cursor: pointer;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #232429;
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: #c1c2c7;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    appearance: none;
    -webkit-font-smoothing: antialiased;
}

/**
 * For any screen smaller than 760px and also iPads
 *
 */
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.syllabi-table,
	.syllabi-table thead,
	.syllabi-table tbody,
	.syllabi-table th,
	.syllabi-table td,
	.syllabi-table tr {
		display: block !important;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.syllabi-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.syllabi-row tr { border: 1px solid #ccc; }

	.syllabi-row td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 45% !important;
	}

	.syllabi-row td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		font-weight: bold;
	}

	/*	Row Labels	*/
	.syllabi-row td:nth-of-type(1):before { content: "Course Prefix:";  }
	.syllabi-row td:nth-of-type(2):before { content: "Course Number:"; }
	.syllabi-row td:nth-of-type(3):before { content: "Section:"; }
  .syllabi-row td:nth-of-type(4):before { content: "Department:"; }
	.syllabi-row td:nth-of-type(5):before { content: "Semester:"; }
	.syllabi-row td:nth-of-type(6):before { content: "Year:"; }
	.syllabi-row td:nth-of-type(7):before { content: "Course Name:"; }
	.syllabi-row td:nth-of-type(8):before { content: "Course Description:"; }
	.syllabi-row td:nth-of-type(9):before { content: "Download PDF:"; }
	.syllabi-row td:nth-of-type(10):before { content: "View Syllabus:"; }

	/*	Style First Row Label	*/
	.syllabi-row td:nth-of-type(1) { border-top: 1px solid var(--gt-gold);  }


  /*	Search box width	*/
  .view-search-syllabi .views-exposed-form {
  	width: 100% !important;
  }
}
/** End media query */

/**
 * Screens between 760 and 991
 *
 */
@media screen and (max-width: 991px) {
  #gt-logo img {
    height: auto !important;
  }
}
/** End media query */

/**
 * Screens between 991 and 1200
 *
 */
@media only screen and (max-width: 1200px),
    (min-device-width: 768px) and (max-device-width: 1024px)  {

   .view-search-syllabi .views-exposed-form,
   .view-search-syllabi .js-form-item-field-course-number-value,
   .view-search-syllabi .js-form-item-field-course-prefix-value,
   .view-search-syllabi .js-form-item-field-crn-value{
     max-width:100% !important;
  }
}
/** End media query */

/**
 * The search terms on the top of the search page were stacking
 * weirdly--this is to get the flex wrap to work properly
 *
 */
 .js-form-item.form-item.form-type-textfield.js-form-type-textfield.form-item-title.js-form-item-title {
   width: auto;
}

.csv-feed .feed-icon {
  background-image: none !important;
}

.views-data-export-feed .feed-icon {
    display: inline;
    background: var(--gt-black) !important;
    border: 0 transparent ;
    border-radius: 2px;
    color: var(--gt-white);
    font-weight: 500;
    font-size: 1rem ;
    padding: .6em .75em ;
    text-decoration: none;
}
.views-data-export-feed .feed-icon:hover {
    background: var(--gt-gold) !important;
    color: var(--gt-black) !important;
}
.feed-icons{
    padding-bottom: 1rem !important;
}
a.feed-icon {
    color: var(--gt-white) !important;
}

/* STUFF FROM THEME CUSTOM CSS */

.field--name-field-crn .field__items .field__item:not(:first-child) {
    display: none !important;
}

.role-faculty .content-moderation-entity-moderation-form { display:none !important; }
.role-faculty .node-syllabus-edit-form .js-form-type-vertical-tabs { display:none !important; }

.filter-help { display: none !important; visibility: hidden !important; }

#edit-submit{ margin-bottom: 1rem !important; }

.field--label { font-weight: bold; }

.field--name-field-children .field__item { float: left; }
.field--name-field-children .field__item:not(:last-child):after { content: ',\00a0'; }
.field--name-field-course-active-status { clear: both; }

.field__item { margin-bottom: 10px; }

.float-start { float: none!important; }

/* Styles for Submission Summaries */

.view-submission-summaries .form-actions{ margin-top: 2rem; vertical-align: top; }
.view-submission-summaries .form-actions .button { margin-block: 0; }

.view-submission-summaries div.js-form-item-field-academic-year-value label{
    display: table;
    margin-bottom: 0.55rem;
    font-size: 0.85rem;
    font-weight: bold;
    line-height: 1;
}
.view-submission-summaries .js-form-item{
    max-width: 100%;
    margin-block: .5rem 0;
    margin-inline: 0 0.75rem;
}
.view-submission-summaries .form-select {
    padding-inline-end: 3rem;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%23545560'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 0.75rem 0.6625rem;
}
.view-submission-summaries .form-select {
    box-sizing: border-box;
    max-width: 100%;
    min-height:50px;
    padding: 0.85rem 1rem;
    color: #000;
    border: 1px solid #dedfe4;;
    border-radius:2px;
    background: #fff
    font-size: 1rem;
    line-height: 1;
    appearance: none;
}
.view-submission-summaries .views-exposed-form {
    max-width: 100%;
    margin-block: 1rem 0;
    margin-inline: 0rem 25rem;
    display: flex;
    flex-wrap: wrap;
}
.view-submission-summaries .button {
    display: inline-block;
    margin-block: 1rem;
    margin-inline: 0 0.75rem;
    padding: 0.96rem 1.5rem;
    cursor: pointer;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #232429;
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: #c1c2c7;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    appearance: none;
    -webkit-font-smoothing: antialiased;
}


.node--type-syllabus article.node--unpublished { padding: 1rem; margin: 0 0 1rem 0; }
.node--type-syllabus .entity-moderation-form label { font-weight: bold; }
.node--type-syllabus .entity-moderation-form__item:last-child { align-self: center; margin-top: 2.2rem; }

/* Instructor syllabi blocks */
.instructor_syllabi-block_2 { margin-top: 1rem; }
/* style uneditable child blocks differently */
.instructor_syllabi-block_2 .has-parent td,
.instructor_syllabi-block_2 .has-parent a { color: var(--gt-drk-gold) !important; }

.js-form-item.form-item.form-type-textfield.js-form-type-textfield.form-item-revision-log.js-form-item-revision-log {
  display: none;
}
.js-form-item.form-item.form-type-textfield.js-form-type-textfield.form-item-title.js-form-item-title {
  width: auto;
}

.path-user #block-syllabus-content article { display: none; }

.field--name-field-crn { clear: both; }
.node--type-syllabus fieldset { background: rgb(240,240,240); margin: 0 0 2rem 0; }
.node--type-syllabus fieldset legend { background: var(--gt-drk-gold); color: white; font-weight: bold; padding: 1rem; width: 100%; }
.node--type-syllabus .fieldset-wrapper { padding: 0 1rem; }
.node--type-syllabus .form-item-field-upload-a-pdf-0 { background: rgb(240,240,240); margin: 0 0 2rem 0; padding: 1rem; }
.node--type-syllabus .form-item-field-upload-a-pdf-0 label { font-weight: bold; margin: 0 0 1rem 0; }

.path-user-logout-confirm .instructor_syllabi-block_3 { display: none; }
