/* ################################################################ */
/* ############################# PAGE ############################# */
/* ################################################################ */
#page {
	overflow-x: clip;
}
#block-qsci-site-branding img {
	max-width: 100%;
	height: 90px;
	width: 278px;
	object-fit: contain;
}
.block-system-main-block {
	min-height: 128px;
}
/* ################################################################ */
/* ########################### IMG BASIC ########################## */
/* ################################################################ */
.block-inline-blockimage-basic{
	margin: 3rem 0 2rem;
}
	.block-inline-blockimage-basic img{
		max-width: 100%;
		height: auto;
		margin: 0 auto 1rem;
	}
/* ################################################################ */
/* ############################ TRIAL ############################# */
/* ################################################################ */
.trial-search {
	background: #EFEFEF;
}
.trial-search .filter-search-wrapper {
	margin: 0;
}
.trial-search .filter-search-wrapper .container .row {
	padding-left: 0;
	padding-right: 0;
}
.trial-search .filter-search-wrapper .container .row form.views-exposed-form p{
	margin: 0;
}
.trial-search .filter-search-wrapper .container .row form.views-exposed-form .js-form-item.form-item.js-form-type-number input, .trial-search .filter-search-wrapper .container .row form.views-exposed-form .js-form-item.form-item select{
	width: 285px;
}
.trial-search .filter-search-wrapper .container .row form.views-exposed-form .form-actions.js-form-wrapper.form-wrapper button {
	display: none;
}
.trial-search .filter-search-wrapper .container .row form.views-exposed-form .form-actions.js-form-wrapper.form-wrapper {
	position: static;
	right: 0;
	top: 0;
	transform: unset;
}
.trial-search .filter-search-wrapper .container .row form.views-exposed-form .form-actions.js-form-wrapper.form-wrapper input {
	display: block;
	padding-top: 0.3125rem;
	padding-right: 0;
	padding-bottom: 0.3125rem;
	padding-left: 0;
	font-size: 1.125rem;
	border-radius: 22px;
	height: 44px;
	background-color: #03CFFF;
	color: #2D2F3B;
	border: 2px solid #03CFFF;
	transition: all 0.3s;
	text-decoration: none !important;
	font-family: "Euclid Circular A Bold", sans-serif;
	min-width: 128px;
}
	.trial-search .filter-search-wrapper .container .row form.views-exposed-form .form-actions.js-form-wrapper.form-wrapper input:hover{
		background-color: #2D2F3B;
		color: #FFF !important;
		transform: translateY(4px);
	}
/**/
.row tbody tr {
	cursor: pointer;
}
.trial-listing table thead tr th a{
	text-decoration: none;
	padding-right: 48px;
	position: relative;
}
.trial-listing table thead tr th a:hover{
	text-decoration: underline;
}
.trial-listing table thead tr th svg{
	width: 100%;
	min-width: 16px;
	max-width: 16px;
	max-height: 16px;
	fill: #FFFFFF;
	margin: 0;
	transition: all 500ms;
	position: absolute;
	padding: 0;
}
.trial-listing table thead tr th .tablesort{
	padding: 0;
	width: 16px;
	height: 16px;
	position: relative;
}
.tablesort{
	display: inline-block;
	vertical-align: middle;
}
.tablesort--desc{
	background: none;
}
.tablesort--asc{
	background: none;
	transform: rotate(180deg);
}
.trial-listing strong{
	font-weight: 400;
	font-family: "Euclid Circular A Bold", sans-serif;
}
.trial-listing svg{
	display: none;
	font-size: 1.5rem;
}
	.trial-listing .Male svg.fa-person{
		display: inline-block;
	}
	.trial-listing .Female svg.fa-person-dress{
		display: inline-block;
	}
	.trial-listing .Non-Smoker svg.fa-ban-smoking{
		display: inline-block;
	}
	.trial-listing .Smoker svg.fa-smoking{
		display: inline-block;
	}
	.table-subrow-first, .table-subrow-last{
		display: block;
	}
/* ################################################################ */
/* ############################ STORY ############################# */
/* ################################################################ */
.block-views-blockstory-listing-feature{
	width: 100%;
	height: auto;
}
	.block-views-blockstory-listing-feature>div>div{
		display: grid;
		grid-template-columns: repeat(2,1fr);
	}
	.block-views-blockstory-listing-feature header{
		grid-column: 1 / 3;
		order: 1;
		display: flex;
	}
	.block-views-blockstory-listing-feature .views-row{
		display: flex;
		align-items: center;
	}
		.block-views-blockstory-listing-feature .views-row .views-field{
			width: 100%;
		}
		.block-views-blockstory-listing-feature .views-row span{
			display: block;
		}
@media only screen and (min-width: 768px) {
	.block-views-blockstory-listing-feature>div>div{
		grid-template-columns: repeat(3,1fr);
	}
	.block-views-blockstory-listing-feature header{
		grid-row: 2 / 3;
		order: 0;
	}
}
@media only screen and (min-width: 1200px) {
	/*story grid*/
	.block-views-blockstory-listing-feature>div>div{
		grid-template-columns: repeat(4,1fr);
	}
	.block-views-blockstory-listing-feature header{
		grid-area: 1 / 2;
		grid-row: 0;
	}
		.story-grid:hover .story-grid-content{
			opacity: 1;
		}
		.story-grid:hover .story-grid-photo img{
			opacity: 0.2;
		}
}
.story-grid.story-grid-intro{
	align-items: center;
	flex-direction: column;
	justify-content: center;
	display: flex;
	padding: 1rem;
	text-align: center;
	background-color: #B3F1FF;
}
	.story-grid-title{
		font-size: 1.3rem;
		margin: 0;
	}
	.story-grid-desc{
		
	}
	.story-grid-intro .story-grid-cta{
			color: #2D2F3B;
			border: 2px solid #2D2F3B;
	}
		.story-grid-intro .story-grid-cta:hover{
			background-color: #2D2F3B;
			color: #FFFFFF;
		}
.story-grid{
	position: relative;
	z-index: 0;
	display: block;
}
	.story-grid:hover{
		z-index: 5;
	}
	.story-grid-photo{
		
	}
		.story-grid-ratio{
			
		}
		.story-grid-img{
			background: #2d2f3b;
		}
		.story-grid-photo img{
			opacity: 1;
			transition: opacity .2s .2s;
			
			width: 100%;
			height: auto;
		}
	.story-grid-content{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		display: flex;
		padding: 1.75rem;
		text-align: center;
		color: #FFFFFF;
		opacity: 0;
		transition: opacity .2s .2s;
		overflow: hidden;
	}
		.story-grid-quote{
			
		}
		.story-grid-volunteer{
			margin: 1.5rem 0 0;
		}
		.story-grid-cta{
			font-size: 1rem;
			line-height: 1rem;
			font-family: "Euclid Circular A Bold", sans-serif;
			border-radius: 24px;
			padding: 1rem 1rem;
			background-color: transparent;
			color: #FFFFFF;
			border: 2px solid #FFFFFF;
			display: inline-block;
			align-items: center;
			justify-content: center;
			height: 48px;
			transition: all 0.3s;
			text-decoration: none !important;
			margin: 1rem 0 0;
		}
		.story-grid-cta:hover{
			background-color: #FFFFFF;
			color: #2D2F3B;
		}
.block-views-blockstory-listing-masonry{
	background-color: #B3F1FF;
	padding: 3rem 0;
}
	.block-views-blockstory-listing-masonry>div{
		max-width: 1346px;
		padding: 1.5rem;
		margin: 0 auto;
	}
		.block-views-blockstory-listing-masonry .views-infinite-scroll-content-wrapper{
			column-count: 3;
			column-gap: 2rem;
		}
			.block-views-blockstory-listing-masonry .views-row{
				break-inside: avoid;
			}
	.story-card{
		display: block;
		background-color: #FFFFFF;
		margin: 0 0 2rem;
		text-decoration: none;
		transition: all 0.3s;
	}
	.story-card:hover{
		background-color: #2D2F3B;
	}
		.story-card-content{
			
		}
			.story-card-photo{
				
			}
				.story-card-photo img{
					width: 100%;
					height: auto;
				}
			.story-card-quote{
				padding: 1.5rem 1.5rem 2.0625rem;
				transition: all 0.3s;
			}
				.story-card:hover .story-card-quote{
					color: #FFFFFF;
				}
		.story-card-footer{
			
	}
.block-views-blockstory-listing-masonry .pager{
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
	.block-views-blockstory-listing-masonry .pager .pager__item{
		list-style-type: none;
	}
		.block-views-blockstory-listing-masonry .pager a{
			font-size: 1rem;
			line-height: 1rem;
			font-family: "Euclid Circular A Bold", sans-serif;
			border-radius: 24px;
			padding: 1rem 2rem;
			color: #2D2F3B;
			background-color: #03CFFF;
			border: 2px solid #03CFFF;
			display: inline-block;
			align-items: center;
			justify-content: center;
			height: 48px;
			transition: all 0.3s;
			text-decoration: none !important;
		}
			.block-views-blockstory-listing-masonry .pager a:hover{
				background-color: #2D2F3B;
				color: #FFF !important;
				transform: translateY(4px);
			}
/* ################################################################ */
/* ############################ FORMS ############################# */
/* ################################################################ */
.webform-submission-form, .webform-confirmation, .page-webform .block-system-main-block {
	margin: 0px auto;
	padding: 0px 2.5rem 2.5rem;
	max-width: 1320px;
}
.webform-submission-form .webform-flex--container {
	margin: 0px 0.5rem;
}
.webform-submission-form div[role='alert']{
	background-color: #FFF2F2;
	border: 1px solid #FF0000;
	border-left-width: 8px;
	height: 45px;
	line-height: 2.8125rem;
	font-weight: 700;
	padding: 0px 1rem 0px;
	margin: 1.25rem auto;
}
.webform-submission-form .form-item {
	width: 100%;
	margin: 0px auto 1.25rem;
	font-size: 0.875rem;
	line-height: 1.375rem;
	clear: both;
	display: inline-block;
}
.webform-submission-form label {
	font-weight: 700;
	padding: 2px 0px;
	display: block;
	overflow: hidden;
}
.form-required:after {
	content: ' *';
}
.webform-submission-form .form-text,
.webform-submission-form .form-tel,
.webform-submission-form .form-email,
.webform-submission-form .form-textarea,
.webform-submission-form .form-select {
	width: 100%;
	height: 44px;
	padding: 0px 0px 0px 1rem;
	margin: 0px auto;
	background-color: #F7F7F7;
	border: 1px solid #AEB0B2;
	outline: none;
	box-shadow: none;
	border-radius: 22px;
	-webkit-appearance: none;
}
.webform-submission-form .form-textarea {
	border-radius: 10px;
	min-height: 94px;
	padding: 0.75rem 1rem;
	margin: 0px auto -0.5rem;
}
.webform-submission-form .form-text:focus,
.webform-submission-form .form-tel:focus,
.webform-submission-form .form-email:focus,
.webform-submission-form .form-textarea:focus,
.webform-submission-form .form-select:focus {
	border: 1px solid #253FD6;
}
.webform-submission-form .form-item .error {
	background-color: #FFF2F2;
	border-color: #FF0000;
}
.webform-submission-form .fieldgroup legend {
	font-size: 0.875rem;
	font-weight: 700;
	margin: 0px;
	padding: 2px 0px;
}
.webform-submission-form .webform-type-checkboxes .form-item,
.webform-submission-form .webform-type-radios .form-item {
	margin: 0px auto 0px;
	display: flex;
}
.webform-submission-form .form-radio,
.webform-submission-form .form-checkbox {
	position: absolute;
	opacity: 0;
}
.webform-submission-form .option {
	font-weight: 400;
	padding: 0px 0px;
	display: inline-block;
	cursor: pointer;
}
.webform-submission-form .option:before {
	content: '';
	background: #FFFFFF;
	border: 1px solid #AEB0B2;
	display: inline-block;
	float: left;
	vertical-align: top;
	width: 24px;
	height: 24px;
	padding: 0px 0px;
	margin: 0px 0.625rem 0.5rem 0px;
	text-align: center;
	font-size: 1rem;
	line-height: 1.375rem;
	border-radius: 3px;
	transition: all 0.3s;
}
.webform-submission-form .webform-type-radios .option:before {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	line-height: 1.125rem;
}
.webform-submission-form .webform-type-checkboxes input+label:hover:before {
	content: "\2713";
	color: #1292FF;
}
.webform-submission-form .webform-type-checkboxes input:checked+label:before {
	content: "\2713";
	background: transparent linear-gradient(135deg, var(--soft-blue) 0%, var(--ultra-blue) 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(135deg, #1292FF 0%, #253FD6 100%) 0% 0% no-repeat padding-box;
	color: #FFFFFF;
}
.webform-submission-form .webform-type-radios input+label:hover:before {
	content: "\25CF";
	color: #1292FF;
}
.webform-submission-form .webform-type-radios input:checked+label:before {
	content: "\25CF";
	background: transparent linear-gradient(135deg, var(--soft-blue) 0%, var(--ultra-blue) 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(135deg, #1292FF 0%, #253FD6 100%) 0% 0% no-repeat padding-box;
	color: #FFFFFF;
}
.webform-submission-form .form-item-disclaimer {
	margin: 1.25rem auto 0px;
}
.webform-submission-form .form-submit {
	line-height: 0;
	float: right;
}
/* ######################### FORM MODAL */
.formModal{
	
}
.formModal .modal-body{
	padding: 0px;
}
.formModal .modal-header{
	padding: 2.5rem 2.5rem 0px;
	margin: 0px;
	border: none;
}
.formModal .modal-title{
	font-size: 1.5rem;
	line-height: 2rem;
}
.formModal .modal-header .btn-close{
	opacity: 1;
}
/* ######################### RESPONSIVE */
@media (min-width: 992px){
	#block-qsci-content .modal-lg, #block-qsci-content .modal-xl{
		--bs-modal-width: 870px;
	}
}
@media (max-width: 768px){
	.webform-submission-form #edit-disclaimer {
		margin: 0px auto 1.25rem;
	}
	.webform-submission-form #edit-actions-submit {
		width: 100%;
		float: none;
	}
}
/* ################################################################ */
/* ############################ FOOTER ############################ */
/* ################################################################ */
#drift-frame-controller {
	bottom: 75px !important;
}
#footer {
	background: #2D2F3B 0% 0% no-repeat padding-box;
	color: #FFFFFF;
	padding: 5.1875rem 0px 3.875rem;
}

#footer_logo_link {
	display: inline-block;
	vertical-align: top;
	padding: 0px 6.25rem 0px 0px;
}

.footer_logo_img {
	width: 202px;
	height: 65px;
	object-fit: contain;
}

#footer_contact {
	display: inline-block;
	vertical-align: top;
}

#footer_contact h3 {
	font-size: 1rem;
	line-height: 1.5rem;
	color: #FFFFFF;
	margin-bottom: 1.5rem;
}

#footer_contact p,
#footer_contact a,
#footer_contact span {
	font-size: 0.875rem;
	line-height: 1.375rem;
	color: #FFFFFF;
	text-decoration: none;
}

#footer_social_wrap {
	display: inline-block;
	vertical-align: top;
	float: right;
	text-align: right;
	font-size: 0px;
}

#footer_social_header {
	font-size: 1rem;
	line-height: 1.5rem;
	color: #FFFFFF;
	margin-bottom: 1rem;
}

.footer_social_link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 2px solid #03CFFF;
	border-radius: 22px;
	text-align: center;
	color: #FFFFFF;
	line-height: 3.375rem;
	margin: 0px 0px 0px 1rem;
	z-index: 1;
}

.footer_social_link svg {
	width: 100%;
	min-width: 14px;
	max-width: 14px;
	max-height: 14px;
	fill: #FFFFFF;
}

.footer_social_link:hover {
	border-color: transparent;
}

.footer_social_link::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	padding-top: 0;
	z-index: -1;
	transform: translate(-50%, -50%);
	border-radius: 100%;
	background: #03CFFF;
	transition: all 0.15s ease-in-out;
}

#footer_social_linkedin::before {
	background: #0A66C2;
}

#footer_social_twitter::before {
	background: #1DA1F2;
}

#footer_social_facebook::before {
	background: #1877F2;
}

#footer_social_instagram::before {
	background: #C32AA3;
}

#footer_social_youtube::before {
	background: #FF0000;
}

#footer_social_tiktok::before {
	background: #000000;
}

.footer_social_link:hover::before {
	width: 105%;
	padding-top: 105%;
}

#footer_second {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	padding: 1.25rem 0px;
}

#block-qsci-copyright {
	float: left;
}

#block-qsci-copyright p {
	font-size: 0.875rem;
	line-height: 1.375rem;
	color: #2D2F3B;
}

#region-switch {
	display: inline-block;
	font-family: "Euclid Circular A Bold", sans-serif;
	background: #FFFFFF;
	border-radius: 24px;
	padding: 3px;
	margin: 0px 1rem 0px 0.5rem;
}

#region-switch a {
	display: inline-block;
	text-decoration: none;
	color: #2D2F3B;
	border-radius: 24px;
	padding: 0px 6px;
}
html[lang="en"] #region-switch a:first-child{
	background-color: #03CFFF;
}
html[lang="us"] #region-switch a:last-child{
	background-color: #03CFFF;
}
html[lang="es"] #region-switch a:last-child{
	background-color: #03CFFF;
}
#footer_second nav {
	float: right;
}

#footer_second nav ul {
	list-style-type: none;
}

#footer_second nav ul li {
	display: inline-block;
}

#footer_second nav ul li a {
	font-size: 0.875rem;
	line-height: 1.375rem;
	color: #2D2F3B;
}

#footer_second nav ul li a:hover {
	text-decoration: none;
}

#footer_second nav li+li::before {
	content: ' | ';
}
/* ################################################################ */
/* ############################ MOBILE ############################ */
/* ################################################################ */
@media only screen and (max-width: 1200px) {
/*trial search*/
.trial-search .filter-search-wrapper .container .row form.views-exposed-form p{
	margin: 0 0 1.5rem;
}
.trial-search .filter-search-wrapper .container .row form.views-exposed-form .form-actions.js-form-wrapper.form-wrapper{
	width: 285px;
}
.trial-search .filter-search-wrapper .container .row form.views-exposed-form .form-actions.js-form-wrapper.form-wrapper input{
	width: 100%;
}
/*trial listing*/
.table-card-container .table-card-field-study-title strong {
	font-size: 1.5rem;
	line-height: 2rem;
	text-decoration: underline;
}
.table-card-container .table-card-field-study-title .title{
	display: none;
}
.trial-listing .table-card-container {
	box-shadow: none;
}
.trial-listing .table-card-container > a, .view-empty .table-card-container{
	display: block;
	box-shadow: 0px 6px 12px rgba(45, 47, 59, 0.2509803922);
	margin: 1.5rem auto;
	padding: 2rem;
	text-decoration: none;
}
.table-subrow-first, .table-subrow-last{
	display: inline-block;
}
/*story*/
.block-views-blockstory-listing-masonry .views-infinite-scroll-content-wrapper{
	column-count: 2;
}
/*app image cta*/
	.page-not-front .app-image-cta{
		padding: 2.5rem 0;
	}
	.app-image-cta .row .col-12.col-lg-6{
		margin: 1rem auto;
	}
/*branding*/
	#block-qsci-site-branding img {
		max-width: 100%;
		height: 53px;
		width: 109px;
	}
/*footer*/
	#footer {
		text-align: center;
		padding: 3rem 0px;
	}

	#footer_logo_link {
		display: block;
		padding: 0px;
	}

	#footer_contact {
		margin-top: 2rem;
		display: block;
	}

	#footer_contact span {
		display: none;
	}

	#footer_contact a {
		display: block;
	}

	#footer_social_wrap {
		margin-top: 1.5rem;
		display: block;
		float: none;
		text-align: center;
	}

	#footer_social_header {
		margin-bottom: 1.5rem;
	}

	.footer_social_link {
		margin: 0px 0.5rem;
	}

	#footer_second {
		text-align: center;
	}

	#block-qsci-copyright {
		float: none;
	}
}
@media only screen and (max-width: 768px) {
	.block-views-blockstory-listing-feature .views-row:nth-last-child(-n+3) {
		display: none;
	}
	.block-views-blockstory-listing-masonry .views-infinite-scroll-content-wrapper{
		column-count: 1;
	}
}
/* ################################################################ */
/* ############################ ADMIN ############################# */
/* ################################################################ */
.toolbar a {
	font-size: inherit;
}
#block-qsci-primary-local-tasks {
	max-width: 1200px;
	padding: 0px 0px;
	margin: 1rem auto;
}
	#block-qsci-primary-local-tasks ul {
		list-style-type: none;
		margin: 0px auto;
		padding: 0px;
	}
	#block-qsci-primary-local-tasks li {
		display: inline-block;
	}
	#block-qsci-primary-local-tasks a {
		color: #255547;
		background-color: #aaf5e0;
		border: 2px solid #aaf5e0;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 30px;
		transition: all 0.3s;
		font-size: 1rem;
		line-height: 1.5rem;
		font-family: "Euclid Circular A Bold", sans-serif;
		font-weight: 700;
		border-radius: 24px;
		padding: 0px 0.625rem;
		text-decoration: none;
	}
	#block-qsci-primary-local-tasks a:hover,
	#block-qsci-primary-local-tasks a:focus {
		background-color: #255547;
		color: #FFFFFF;
		transform: translateY(4px);
	}
div[role="contentinfo"] {
	margin: 1rem auto;
}
div[role="contentinfo"] .placeholder {
	display: inline;
	min-height: inherit;
	vertical-align: inherit;
	cursor: inherit;
	background-color: inherit;
	opacity: inherit;
}
.page-type-image-card .block-system-main-block, .page-type-testimonial .block-system-main-block, .page-type-alert .block-system-main-block, .page-type-callout-accordion .block-system-main-block{
	max-width: 800px;
	padding: 0px 1rem;
	margin: 0px auto 2rem;
}
.page-user{}
	.page-user .block-system-main-block {
		max-width: 800px;
		padding: 0px 1rem;
		margin: 0px auto 2rem;
	}
	.page-user .block-system-main-block .placeholder {
		display: inline;
		min-height: inherit;
		vertical-align: inherit;
		cursor: inherit;
		background-color: inherit;
		opacity: inherit;
	}
	.page-user .block-system-main-block label{
		display: block;
		margin: 1rem auto;
	}
	.page-user .block-system-main-block input.form-text{
		width: 100%;
		height: 44px;
		padding: 0px 0px 0px 1rem;
		margin: 0px auto;
		background-color: #F7F7F7;
		border: 1px solid #AEB0B2;
		outline: none;
		box-shadow: none;
		border-radius: 22px;
		-webkit-appearance: none;
	}
	.page-user .block-system-main-block input.form-text:focus{
		border: 1px solid #253FD6;
	}
	.page-user .block-system-main-block [type=submit]{
		color: #255547;
		background-color: #aaf5e0;
		border: 2px solid #aaf5e0;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 48px;
		transition: all 0.3s;
		font-size: 1rem;
		line-height: 1.5rem;
		font-family: "Euclid Circular A Bold", sans-serif;
		font-weight: 700;
		border-radius: 24px;
		padding: 0px 0.625rem;
		text-decoration: none;
		margin: 2rem 0 0;
		min-width: 8rem;
	}
	.page-user .block-system-main-block [type=submit]:hover{
		background-color: #255547;
		color: #FFFFFF;
		transform: translateY(4px);
	}
.layout-builder-form{
	max-width: 1200px;
	padding: 0px 0px;
	margin: 1rem auto;
}

:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) a {
	font-size: inherit;
}