/* Alert Banner
----------------------------- */
.alert-banner .wrapper {
	background-color: #005f86;
}

.alert-banner p {
	margin-bottom: 0;
	line-height: 1.625rem;
}

.alert-banner p a {
	color: #ffffff;
	font-weight: 700;
}

.alert-banner p a:hover {
	color: #ffffff;
}

.alert-banner svg {
	color: #ffffff;
	height: 1rem;
	width: auto;
	vertical-align: middle;
}

.alert-banner .dark-cool-gray {
	background-color:#333f48;
}

.alert-banner .cerulean-blue {
	background-color: #005f86;
}

.alert-banner .emergency-red {
	background-color: #dc3545;
}


/* Button
----------------------------- */

.btn-primary-wrapper {
	padding: .75rem 1.5rem;
}

.btn-primary-link  {
	display: block;
	color: #ffffff;
	font-weight: 700;
	font-size: 1rem;
	line-height: normal;
	letter-spacing: .0625rem;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	padding: .75rem 2rem .75rem 2rem;
	border-radius: 2rem;

}

.btn-primary-link:hover {
	color: #ffffff;
}

/* LG */
@media screen and (min-width: 992px) {
	.btn-primary-link  {
		display: inline-block;
	}
	.btn-primary-wrapper {
		padding: 0;
	}
}

/* Drawer 
----------------------------- */
.site--drawer {
	display: none;
	background-color: #ffffff;
}

.site--drawer > .wrapper {
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
	position: relative;
}

.site--drawer > .wrapper:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 2rem;
	right: 2rem;
	height: .0625rem;
	background-color: #ececec;
}

/* Query Bar
----------------------------- */
.c--query-bar {
	background-color: rgb(220 220 220 / 25%);
}

.c--query-bar .wrapper {
	max-width: 80rem;
	margin: 0 auto;
	padding: 2rem;
}

.c--query-bar form{
	width: 100%;
}

.c--query-bar .row.gutter[max-width~="31.9375rem"] > .col.query-container {
	padding-bottom: 1rem;
}

.c--query-bar .query {
	font-size: 16px;
	line-height: 24px;
}

.c--query-bar .query-label {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	color: #333f48;
	margin: 16px 0 16px 0;
	background-color: inherit;
}

.c--query-bar .query-text {
	padding: 13px 16px 13px 16px;
	background-color: #e8eaec;
	height: 50px;
	width: 100%;
}

.c--query-bar .submit-query {
	height: 100%;
	width: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.c--query-bar .submit-button {
	vertical-align: baseline;
	width: 100%;
	height: 50px;
	padding: 13px 26px 13px 26px;
	background-color: #005f86;
	color: #ffffff;
	font-size: 16px;
	border-radius: 30px;
	font-weight: 700;
}

.c--query-bar .submit-button:hover {
    background-color: #00466b;
}

.c--query-bar[data-id="globalHeader"] {
	background-color: #ffffff;
}

.c--query-bar[data-id="globalHeader"] > .wrapper {
	padding: 1.5rem 2rem 2rem 2rem;
}

.header-query-bar-container {
	margin-bottom: 2rem;
}

.header-query-bar-container .query-container {
	margin-bottom: 1rem;
}

/* LG */
@media screen and (min-width: 992px) {
    .header-query-bar-container .query-container {
		margin-bottom: 0;
	}
}

/* Cards
============================================================= */

.c--card {
	padding: 0;
	max-width: 80rem;
}

.c--card:not(:last-child) {
	margin-bottom: 3rem;
}

.c--card .card-wrapper {
	border-radius: 0.25rem;
	box-shadow: 0 0.375rem 1rem rgba(0, 0, 0, 0.1);
	border: .0625rem solid rgba(239,239,239,1);
	background-color: #ffffff;
}

.c--card .content {
	padding: 1.75rem;
}

.c--card[max-width~='64rem'] .content {
	padding: 1.5rem;
}

.c--card[max-width~='48rem'] .content {
	padding: 1.25rem;
}

.c--card .thumbnail-wrapper {
	position: relative;
}

.c--card .thumbnail-wrapper .thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
}

.c--card .thumbnail-wrapper .thumbnail-round {
	width: 12rem;
	height: 12rem;
	margin: 1.5rem auto;
	border: 0.25rem solid #ffffff;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 .125rem 0.25rem 0 rgba(116,116,116,.23);
}

.c--card[max-width~='32rem'] .thumbnail-wrapper .thumbnail-round {
	margin: 0 auto -1.5rem auto;
	position: relative;
	top: -1.5rem;
}

.c--card[max-width~='48rem'] .thumbnail-wrapper .thumbnail-round {
	width: 8rem;
	height: 8rem;
}

.c--card .conditions .h-icon {
	display: inline-block;
	vertical-align: middle;
	width: 1.75rem;
	height: 1.75rem;
	margin-right: 1rem;
	color: #6d7883;
}

.c--card .conditions .condition {
	display: inline-block;
	vertical-align: middle;
	padding: 0.25rem 1rem;
	border: 0.0625rem solid #979797;
	border-radius: 0.25rem;
	line-height: 1.5rem;
	font-size: 1rem;
	font-family: 'Charis', serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0;
	color: #6d7883;
}

.c--card .conditions .condition:hover {
	border-color: #007173;
	color: #007173;
}

.c--card .blurb {
	margin-bottom: 1rem;
}

.c--card .card-links {
	margin-bottom: 1rem;
}

.bio-cards-results-wrapper {
	padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 3rem;
}

/* Cards - Search
----------------------------- */
.c--card.search {
	padding: 0;
}

.c--card.search .card-wrapper {
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.c--card.search .card-wrapper :first-child {
	padding-left: 0;
}

.c--card[max-width~='48rem'].search .content {
	padding: 0;
}

/* Cards - Directory
----------------------------- */
.c--card.directory[min-width~='32rem'] .content:not(:first-child) {
	padding-left: 0;
}

.c--card.directory .body-container[min-width~='32rem'][max-width~='47.9375rem'] .titles-container {
	margin-bottom: 2rem;
}

.c--card.directory .specializations.hidden {
	display: none;
	visibility: hidden;
}

.c--card.directory .thumbnail-wrapper {
	padding: 0 2rem;
}

.c--card.directory .thumbnail-wrapper .thumbnail-round {
	background-position: center top;
}

.c--card.directory, .c--card.directory .card-wrapper {
	height:100%;
}


/* Finder
============================================================= */

/* Global - Top
----------------------------- */

.c--finder-global-top {
	background-color: #ced6da;
}

.c--finder-global-top > .wrapper {
	max-width: 80rem;
	margin: 0 auto;
	padding: 2rem;
}

.c--finder-global-top form{
	width: 100%;
}

.c--finder-global-top.row.gutter[max-width~="31.9375rem"] > .col.query-container {
	padding-bottom: 1rem;
}

.c--finder-global-top .query {
	font-size: 16px;
	line-height: 24px;
}

.c--finder-global-top .query-label {
	font-size: 22px;
	font-weight: 700;
	color: #374960;
	margin: 16px 0 16px 0;
}

.c--finder-global-top .query-text {
	padding: 13px 16px 13px 16px;
	background-color: #ffffff;
	height: 50px;
	width: 100%;
}

.c--finder-global-top .submit-query {
	height: 100%;
	width: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.c--finder-global-top .submit-button {
	vertical-align: baseline;
	width: 100%;
	height: 50px;
	padding: 13px 26px 13px 26px;
	background-color: #005f86;
	color: #ffffff;
	font-size: 16px;
	border-radius: 30px;
	font-weight: 700;
	cursor:pointer;
}

/* Global - Sidebar
----------------------------- */

.c--finder-global-sidebar .heading {
	margin-bottom: 2rem;
}

.c--finder-global-sidebar .heading .h4 {
	color: #374960;
	width: auto;
	line-height: 2rem;
}

.c--finder-global-sidebar .body {
	padding-top: 2rem;
}

.c--finder-global-sidebar .heading .toggle-filters .icon {
	display: inline-block;
	vertical-align: bottom;
	width: 1.75rem;
	height: 1.75rem;
	color: #374960;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.c--finder-global-sidebar .heading .toggle-filters.is-expanded .icon {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.c--finder-global-sidebar .submit-filters:empty {
	display: none;
}

.c--finder-global-sidebar .submit-filters {
	padding-top: 3rem;
}

.c--finder-global-sidebar > .wrapper {

}

.c--finder-global-sidebar form{
	width: 100%;
}

.c--finder-global-sidebar.row.gutter[max-width~="31.9375rem"] > .col.query-container {
	padding-bottom: 1rem;
}

.c--finder-global-sidebar .query {
	font-size: 16px;
	line-height: 16px;
}

.c--finder-global-sidebar .query-label {
	font-size: 16px;
	font-weight: 700;
	color: #374960;
	margin: 10px 0px 10px 0px;
}

.c--finder-global-sidebar .query-text {
	padding: 13px 13px 13px 13px;
	color: #000000;
	background-color: #ffffff;
	height: 20px;
	width: 100%;
}

.c--finder-global-sidebar .query-select {
	font-size: 1.125rem;
	line-height: 2.125rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #E8EAEC;
	color: #696969;
	padding: 8px 16px 8px 16px;
	width: 100%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
    appearance: none;
    background-image: url('/assets/icons/drop-down-arrow.svg');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

.c--finder-global-sidebar .query-select:hover {
	background-color: #eceef0;
}

.c--finder-global-sidebar .submit-query {
	height: 100%;
	width: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}


@media screen and (min-width: 64em) {
	.c--finder-global-sidebar .search-scroll {
		display: none;
	}
}

/* Global - Body
----------------------------- */

.c--finder-global-body {}

.c--finder-global-body .heading {
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.c--finder-global-body .heading .h4 {
	color: #374960;
}

.c--finder-global-body .results {
	transition: opacity 250ms ease;
	opacity: 1;
}

.c--finder-global-body .results.loading {
	opacity: 0;
}

.c--finder-global-body .results .search_result:not(:last-child) {
	margin-bottom: 2rem;
}

.c--finder-global-body .results .result:not(:last-child) {
	margin-bottom: 2rem;
}

.c--finder-global-body .search_result_source {
	font-weight: 800;
}

/* Query Bar
============================================================= */

.c--query-bar .wrapper {
	max-width: 80rem;
	margin: 0 auto;
	padding: 2rem;
}

.c--query-bar form{
	width: 100%;
}

.c--query-bar .row.gutter[max-width~="31.9375rem"] > .col.query-container {
	padding-bottom: 1rem;
}

.c--query-bar .query {
	font-size: 16px;
	line-height: 24px;
}

.c--query-bar .query-label {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	color: #374960;
	margin: 16px 0 16px 0;
	background-color: inherit;
}

.c--query-bar .query-text {
	padding: 13px 16px 13px 16px;
	background-color: #e8eaec;
	height: 50px;
	width: 100%;
}

.c--query-bar .submit-query {
	height: 100%;
	width: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

/* Global Header Query Bar
----------------------------- */

.c--query-bar[data-id="globalHeader"] {
	background-color: #ffffff;
}

.c--query-bar[data-id="globalHeader"] > .wrapper {
	padding: 1.5rem 2rem 2rem 2rem;
}