/*
Theme Name: CIRM WP
Theme URI: https://cirm.ca.gov
Author: Agents of Play
Author URI: https://agentsofplay.com/
Description: WordPress theme for CIRM
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 7.0
Version: 1.1.2
*/

/* WP Core CSS */
/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
 
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
 
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
 
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
 
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
 
a img.alignnone {
    margin: 5px 20px 20px 0;
}
 
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
 
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
 
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
 
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
 
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
 
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
 
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
 
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* End WP Core CSS */


.textleft {
	text-align: left;
}

/* Elementor's .screen-reader-text */
.cirm-screen-reader-text {
	position: absolute;
	top: -10000em;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

.rtecenter {
	text-align: center;
}

.pagination-container {
	text-align: center;
}

.pagination-container .page-numbers {
	display: inline-block;
	padding: .1em .5em;
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
	border: solid 1px transparent;
}

.pagination-container .page-numbers:hover {
	border-color: var(--bs-link-color);
}

.pagination-container .page-numbers.current {
	font-weight: bold;
}


#top-social-icons {
}

#top-social-icons ul,
#footer-social-icons ul {
	display: flex;
    margin-bottom: 0;
    padding: 8px 0;
}


#top-social-icons ul {
    justify-content: flex-end;
}

body .wp-social-link {
	display: inline-flex;
	margin-right: 5px;
}

.grant-detail h2 {
	font-size: 1.3em;
	width: 100%;
	border-bottom: solid black 1px;
	margin: 30px 0 15px;
}

.field {
	margin: 0 0 1.5em;
	box-sizing: border-box;
	display: flex;
}

.field-label {
	flex: 180px 0 0;
	margin-right: 10px;
	font-weight: bold;
	vertical-align: top;
}

.field-content {
	flex: 1 1 auto;
	vertical-align: top;
}

.grant-detail .field-content-investigators .field-content-group {
	background-color: #f7f7f7;
	padding: 15px;

}

.grant-detail .progress-report-item {
	background-color: #f7f7f7;
	padding: 15px;
	margin-bottom: 15px;
}

.grant-detail .report-content {
	margin-top: 15px;
}

/*
blockquote {
	quotes: none;
}

blockquote::before,
blockquote::after {
    content: '';
    content: none;
}

blockquote::before {
    content: "“" !important;
    display: inline-block;
    font-size: 3em;
    line-height: 1px;
    padding-right: 10px;
    position: relative;
    vertical-align: text-bottom;
    line-height: 10px;
    color: #2C66B5;
    quotes: none;
}

*/

.video-container {
	position: relative;
	max-width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 15px;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.alpha-cam {
	color: #1e4e8e;
	font-size: 200%;
}

.aligncenter {
	text-align: center;
}

.content-wrapper img.aligncenter {
	margin: auto;
}

/* Clinical Trial Counter */
.clinical-trial-counter {
	white-space: nowrap;
	overflow: hidden;
	margin: auto;
}

.clinical-trial-counter img {
	display: inline-block !important;
	height: auto;
}

/* Sorting arrow for tables */

thead th.sortable a, 
thead th.sorted a {
	position: relative;
	padding-right: 18px;
	display: inline-block;
}


/* Sort arrow as CSS */
thead th.sortable a::after,
thead th.sorted a::after {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 15px;
	height: 15px;
	line-height: 1em;
	color: #888;
	font-family: dashicons;
}

thead th.sortable a::after {
	content: '\f156';
}

thead th.sorted a::after {
	font-size: 1.5em;
}


thead th.sorted.sort-asc a::after {
	content: '\f142';
}

thead th.sorted.sort-desc a::after {
	content: '\f140';
}


/* Funding Clinical Trials */

.clinical-trials-table thead {
	border-bottom: solid 2px #fff;
	background-color: #17345C !important;
}

.clinical-trials-table thead tr {
	vertical-align: middle;
}

.clinical-trials-table thead th {
	border: solid 1px #fff;
	color: #D6DF23;
	text-align: center;
	font-size: 1.2em;
}

.clinical-trials-table thead th a {
	color: #D6DF23;
	text-decoration: underline;
}

.clinical-trials-table thead th.alignleft {
	text-align: left;
}

/* Sort arrow as CSS */
/* Replaced by global style above ^^^ 
.clinical-trials-table thead th.sorted a {
	position: relative;
	padding-right: 18px;
}

.clinical-trials-table thead th.sorted a::after {
	content: '';
	position: absolute;
	right: 0;
	top: 7px;
	width: 6px;
	height: 6px;
}

.clinical-trials-table thead th.sorted.sort-asc a::after {
	border-top: solid 6px #ccc;
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
}

.clinical-trials-table thead th.sorted.sort-desc a::after {
	border-bottom: solid 6px #ccc;
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
}
*/

.clinical-trials-table td {
	border: solid 1px #fff;
	vertical-align: middle;
	font-size: 14px;
	color: #17345C;
	font-weight: 500;
	letter-spacing: .5px;
	line-height: 1.5;
}

.clinical-trials-table tbody tr:nth-child(odd) {
	background-color: #E6E6E6;
}

.clinical-trials-table td.trial-stage,
.clinical-trials-table td.enrollment-status {
	white-space: nowrap;
}


.clinical-trials-table td.enrollment-status,
.clinical-trials-table td.enrollment-target {
	text-align: center;
}


/* Phase column */
.clinical-trials-table td.trial-stage {
	color: #F05A28;
	font-weight: bold;
}

.clinical-trials-table td.trial-detail {
	font-size: 36px;
	text-align: center;
}

/* TABS */
.clinical-trial-tabs .item-list {
	padding: 0;
	margin: 0;

}

.clinical-trial-tabs .item-list li {
	display: inline-block;
	background: #80a8dd;
	font-size: 14px;
	margin-top: 5px;

	border: solid 2px #17345C;
	/* Tabs
	border-radius: 6px 6px 0 0;
	border: solid 1px #17345C;
	border-bottom: none;
	*/
}

.clinical-trial-tabs .item-list li a {
	display: block;
	padding: 5px 11px;
	color: #17345C;
	font-weight: bold;
}

.clinical-trial-tabs .item-list li.active {
	background: #5192DA;
}

.clinical-trial-tabs .item-list li.active a {
	color: #fff;
}

/* Trial Detail */


/* Detail page header */
.cirm-trial-header {
	background-color: #17345C;
	color: #fff;
	padding: 25px;
	margin-bottom: 25px;
	overflow: hidden;
	box-shadow: 3px 3px 10px #000;
}

.cirm-trial-header .field {
	margin-bottom: 0.3em;
}

.cirm-trial-header .field-label {
	font-weight: bold;
}

.cirm-trial-header a,
.cirm-trial-header a:hover {
	color: #a3cfff;
}

.cirm-trial-header a:hover {
	text-decoration: underline;
}

.cirm-trial-title {
	font-size: 1.5em;
	margin-bottom: 1.2em;
}

.cirm-trial-information {
	margin-left: 20px;
}

.cirm-grant-information {
	margin-top: 1.3em;
}

.cirm-grant-information h3 {
	font-size: 1.2em;
	margin-bottom: 0.5em;
	text-decoration: underline;
}

.cirm-grant-details {
	margin-bottom: 15px;
}

.clinical-trial-detail h2 {
	color: #17345C;
}

.cirm-trial-header .investigator-images {
	float: right;
}

.cirm-trial-header .investigator-image {
	display: inline-block;
	text-align: center;
	margin-left: 10px;
}

.cirm-trial-grant-detail {
	margin-bottom: 15px;
}

/* Trial Details Sidebar */

.clinical-trial-details-sidebar {

}

/**/
.cirm-darkblue {
	color: #17345C;
}

hr.cirm-darkblue {
	border: #17345C;
	border-top: solid #17345C 1px;
	opacity: 1;
}


.cirm-button-links a,
a.cirm-button {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 6px;

	color: white;
	background-color: #A6A6A6;

	font-size: 1.2em;
}

a.cirm-button-blue {
	background-color: #4472C4;
	border: solid 1px #17345C;
}

a.cirm-button-blue:hover {
	color: #fff;
}

a.cirm-button-fullwidth {
	width: 90%;
}

.clinical-trial-details-sidebar h4 {
	font-size: 1.4em;
}

.menu-header-menu-container {
	display: inline-block;
	margin-right: 15px;
}

.menu-header-menu-container ul {
	list-style-type: none;
	padding-left: 0;
}