.block-type-field-block\:node\:clinical-trials\:field-conditions-diseases > div:not([class]) {
  display: flex;
  gap: 5px; /* optional */
  flex-wrap: wrap;
}
/*Remove extra sidebar aside*/
aside.p-4 {
display:none;
}
.clinical-trials-summary {
font-style: italic;
}
.clinical-trials-conditions {
    background-color: #E6F5FC;
    padding: 2px 6px;
    border-radius: 3px;
    margin: 1px;
}
div.pt-20.content-tainted-green.bg-skin-fill.px-10.layout.layout--onecol {
    text-align: center;
padding-top: 2rem;
}
.heading-lines {
margin-left: 0px !important;
margin-top:1rem;
margin-bottom: 2px !important;
}

/*Make breadcrumb look more like normal breadcrumbs*/
ol.flex.items-center.gap-5 {
	margin-left:0px !important;
	margin-top: 0px !important;
}
li.font-freight.text-md.text-tu-green-official a, li.font-freight.text-md.text-tu-green-official, .large.font-freight.text-md.text-tu-green-official, .small.font-freight.text-md.text-tu.green-official {
	font-size: 16px !important;
	font-weight: 100 !important;
}


/*Labels*/
div.block-type-field-block\:node\:clinical-trials\:field-gender > div,div.block-type-field-block\:node\:clinical-trials\:field-accepts-healthy-volunteers > div,div.block-type-field-block\:node\:clinical-trials\:field-age > div {
	display: flex;
}
div.block-type-field-block\:node\:clinical-trials\:field-gender > div > div:first-child,div.block-type-field-block\:node\:clinical-trials\:field-accepts-healthy-volunteers > div > div:first-child,div.block-type-field-block\:node\:clinical-trials\:field-age > div > div:first-child
{
	font-weight: bold;
}

div.block-type-field-block\:node\:clinical-trials\:field-gender > div > div:first-child::after,div.block-type-field-block\:node\:clinical-trials\:field-accepts-healthy-volunteers > div > div:first-child::after,div.block-type-field-block\:node\:clinical-trials\:field-age > div > div:first-child::after
{
  content: ":";
  margin-right: 0.25em;
}


.flex-container {
  display: flex;
  gap: 1rem; /* optional spacing between children */
}
ol.flex.items-center.gap-5 {
margin: 1px;
}
.faq-section {
 margin-left: 1px !important;
}
main .layout__region--content ol, article ol {
margin: 1px;
}
main .layout__region--content ol {
margin: 1px !important;
}


/*Tabs currently used on Clinical Trials*/
/* Style the tab */
.tab {
  overflow: hidden;
  background-color: #255c4e;
}
/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  color: white;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ADDC91;
  color: black;
}
/* Create an active/current tablink class */
.tab button.active {
  background-color: #ADDC91;
  color: black;
}
/* Style the tab content */
.tabcontent researcher {
  display: none;
} 
.tabcontent study {
  display: none;
} 

.hide-content{
	display:none;
}


.accordion__toggle {
	font-size: 20px !important;
}

.more-clinical-trials-block {
	max-width: 1200px;
  margin: auto;
}

/*Fixing Webforms*/
.webform-submission-form input, 
.webform-submission-form textarea{
	width:100% !important;
}


/*Directory Page---------------------------------------*/
/*https://medicine.tulane.edu/clinical-trials/directory*/

/*Styling the Clear Filters Button*/
#edit-reset {
	margin-left: 15px;
	margin-top:0;
}



div.container.mx-auto.mt-20.layout.layout--onecol {
	min-width:80%;
	margin:auto;
	padding: 16px;
}

div.container.mx-auto.mt-20.px-10.layout.layout--onecol {
	min-width: 60% !important;
}

/*Form & Filters-----------*/
.views-exposed-form {
	display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns by default */
  gap: 1rem;
  align-items: center;
}


/*Conditions*/
div.js-form-item.form-item.form-type-select.js-form-type-select.form-item-conditions.js-form-item-conditions {
	display: flex;
	flex-direction: column;
	margin-left:0%;
}

/*Removes the left margin so that the labels align with the left side of the selector*/
#edit-conditions, #edit-field-age-value, #edit-field-gender-value, #edit-field-accepts-healthy-volunteers-value, #edit-items-per-page, #edit-field-study-status, #edit-field-categories-target-id {
	margin-left:0%;
}


div.js-form-item.form-item.form-type-select.js-form-type-select {
	display: flex;
	flex-direction: column;
	margin-left:0%;
}

#edit-field-categories-target-id {
	min-height:37px;
	width:100%;
}

/*Apply Button*/
.form-actions {
	grid-column: 1 / -1; 
  justify-self: start;
}

input#edit-submit-listings.button.js-form-submit.form-submit {
	margin:0px !important;
}

/*Listings Rows---------*/
.listing-row  {
	  margin-top: 24px;
    margin-bottom: 24px;
    border: solid 1px lightgrey;
    padding: 16px
}

div.views-field.views-field-field-accepts-healthy-volunteers, div.views-field.views-field-field-age, div.views-field.views-field-field-gender{
	display:flex;
}

/*Stop h2 from being MASSIVE*/
.views-view .listing-row .views-field.views-field-title header.field-content h2 {
  font-size: 36px;
}

header.field-content h2 {
	margin: 0 !important;
    line-height: 4rem !important;
    font-size: 64px;
    color: rgb(33 84 63) !important;
    letter-spacing: 0.032em;
    text-align: left;
    font-size: 36px;
}

@media (min-width: 64em) {
    .views-element-container h2 {
        font-size: 36px !important;
    }
}

.views-element-container h2 {
    margin: 0 !important;
    line-height: 4rem !important;
    font-size: 64px;
    color: rgb(33 84 63) !important;
    letter-spacing: 0.032em;
    text-align: left;
    font-size: 36px;
}

/*If mobile*/

/*Samsung Galaxy and Smaller Screens*/
@media screen and (max-width: 375px) {
#edit-conditions, #edit-field-age-value, #edit-field-gender-value, #edit-field-accepts-healthy-volunteers-value, #edit-items-per-page, #edit-field-study-status, #edit-field-categories-target-id {
	max-width:94%;
}

}

@media screen and (max-width: 400px) {
  .tab {
  background-color: #fff;
}
.tab button {
	background-color: #255c4e;
}

}

@media screen and (max-width: 560px) {
#edit-reset {
	margin-left: 0px !important;
	margin-top:15px !important;
}
}

@media screen and (max-width: 1024px) {
  .views-exposed-form {
    grid-template-columns: 1fr; /* 1 column on small screens */
  }
}

@media screen and (max-width: 1024px) {
.views-view-responsive-grid__item {
	  padding-bottom: 10px;
    border-bottom: solid 1px lightgrey;
}

}