/* General */

.hl
{
	font-weight: 400;
}

.collapsible_box
{
	list-style:none;
}
.collapsible_box summary
{
	cursor:pointer; 
	list-style:none;
}

.collapsible_box details summary::-webkit-details-marker 
{
  display:none;
}

.collapsible_box summary h3
{
	margin: 0 0 0 0;
}


.collapsible_box img
{
	height:2em;
	vertical-align: middle;
}


.icon_compass
{
	height: 1.5em;
	vertical-align: middle;
}



.img_aspect_auto
{
	aspect-ratio: auto !important;
}

.sub_heading_hl
{
	margin-top: 0; 
	color: #94b0d5;
	margin-bottom: 0;
}

.zero_margin_bottom
{
	margin-bottom: 0 !important;
}

.zero_margin_top
{
	margin-top: 0 !important;
}

.one_margin_bottom
{
	margin-bottom: 1em !important;
}

.img_at_sign
{
	height: 0.7em;
}

.inline-block
{
	display:inline-block !important;
}

#internal_logo, .internal_logo
{
	height:150px;
	max-width:100%;
}


/* Akami */

.plain_collapsible
{
	color: white;
	cursor: pointer;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
}


.plain_collapsible_content
{
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.details_btn
{
	display: inline;	
	font-size: 85%;
	padding: 0.2em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	background-color: rgba(255,255,255,0.1);
	cursor: pointer;
	border: none;
}

.details_btn:hover
{
	background-color: rgba(255,255,255,0.2);
}

.details_content
{
	font-size: 0.8em;
}

.details_content div
{
	border-left: 2px solid rgba(255,255,255,0.3); 
	
	margin-top: 0.75em;
	padding: 0.3em;
	padding-left: 0.7em;
	padding-right: 0.7em;
	margin-bottom: 0.75em;
}






input:focus::placeholder
{	
	color: transparent !important;
}

.target
{
    display: block;
    height: 6em;
    margin-top: -6em;
    visibility: hidden;
}

.target2
{
	position: absolute;
	display: block;
	height: 6em;
	margin-top: -6em;
	visibility: hidden;
}

.box
{
	background-color: rgba(212, 212, 255, 0.1);
	border: 0;
}

.news_box
{
	clear: both;
}



.error_msg, .error_msg b
{
	color: #F88379 !important;
}



.soft_highlight
{
	font-weight: 400;
}



/* NEWS PAGE */




.news_hl_wrapper
{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: left;
}

.news_icon
{
	margin-right: 0.5em;
	width: max-content;
	max-width: max-content;
}

.news_hl
{
	flex-grow: 1;
	line-height: 2.5rem !important;
}

.news_date
{
	flex-shrink: 0;
	margin-left: auto;
	color: #94b0d5;
	line-height: 1.65;
	vertical-align: top;
	font-size: 85%;
	/*
	padding-top: 0.3em; */
	padding-left: 1em;
}

/*
.news_par, .news_par_j
{
	margin-bottom: 1em;
	margin-top: 1em;
}

.news_par:first-child, .news_par_j:first-child
{    
	margin-top: 0 !important;
}

.news_par_j
{
	text-align: justify;
}

.news_par a, .news_par_j a
{
	word-wrap: break-word;
}

.news_bq
{
	margin: 0;
}

.news_ul
{
	margin: 0px;
	list-style-position: inside;
}
*/
 .img_column_wrapper
{    
	display: flex;
	flex-direction: row; 
	align-items: flex-start;
	overflow: auto;
}    

.img_column, .img_column_300
{
	margin-right: 2em;
	padding-top: 0.5em;
	font-size: 77%;
}

.img_column
{    
	width: 200px;
	min-width: 200px;
}    

.fullwidth_img
{
	width: 100%;
}

.img_column_300
{
	width: 300px;
	min-width: 300px;
	max-width: 300px;
}

.img_column img, .img_column_300 img
{
        width: 100%;
        max-width: 100%;
}


.image_right
{
	float: right;
	max-width: 26em;
	padding-left: 2em;
	font-size: 10pt;
}


.image_left
{
	float: left;
	max-width: 26em;
	padding-right: 2em;
	font-size: 10pt;
}

/*
.img_href, .img_href:link, .img_href:visited, .img_href:active, .img_href:hover
{
	text-decoration: none;
	border-bottom: 0px;
}

.image_right figcaption, .image_left figcaption
{
	
}


.image_left img, .image_right img
{
	max-width: 100%;
}

*/


/* News page UI form elements */
/*
#news_form_controls
{
	text-align: right;
	margin-bottom: 0;
}

#news_form_controls option, #news_form_controls input[type=text], #news_form_controls select
{
	font-size: 85%;
}

#news_form_controls input, #news_form_controls select, #news_form_controls label
{
	line-height: 1em;
	height: auto !important;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	width: max-content !important;
	max-width: 100% !important;
}

#news_form_controls label
{
	min-width: max-content !important;
	font-size: 70%;
	letter-spacing: 0.1em;
}

#news_form_controls > div:first-child, #news_form_controls > div:first-child form
{
	display: flex;
	text-align: left;
	margin-bottom: 1em;
}

#news_form_controls input[type=text]
{
	display:inline-block;
	vertical-align: middle;
}

#news_form_controls input[type=submit]
{
	height: 100%;
}


#news_form_controls > div:first-child > div
{
	flex-grow: 1;
	margin-right: 1em;
}

#news_form_controls > div:first-child > div:first-child
{
	width: 50%;
}

#news_form_controls > div:first-child div:last-child
{
	margin-right: 0;
}


#news_form_controls button, #news_form_controls .button, #news_form_controls input[type=text]
{
	margin-left: 1em;
}

#news_form_controls .hideByDefault
{
	visibility: hidden;
	display: none;
}

#news_form_controls > div:last-child
{
	font-size: 85%;
}

*/


 @media screen and (max-width: 700px) 
{
  .image_left, .image_right
	{
	  float: none;
	  width: 100% !important;
	  text-align: center;
	  max-width: 100%;
	  padding-left: 0;
	  padding-right: 0;
	}

   .image_right figure, .image_left figure, .image_right figcaption, .image_left figcaption, .img_column figure
   {
	width: 75%;
	max-width: 75%;
	margin: 0 auto 0em;
   }

	.image_right figure, .image_left figure,
	{
		display: inline-block;
		margin-top: 1em;
	}

	.img_column, .img_column_300
	{
		width: 100%;
		min-width: 100%;
		max-width: 100%;
                margin-bottom: 1em;
                font-size: 9pt;

	}

	.img_column_wrapper
	{
		flex-direction: column;
	}



}





@media screen and (max-width: 480px)
{
	.news_date
	{
		display: none;
	}



	#news_select_boxes_grid div
	{
		padding-bottom: 1em;
	}

	#news_select_boxes_grid div:first-child
	{
		padding: 0;
		height: 0;
	}
}


#CP a
{
	font-weight: 400;
}



/* OTHER */


#yrc_page_div .box
{
	border: 0px none #fff;
}

/*
.hl
{
	color: #94b0d5;
}
*/

.col_hl_string
{
/*	text-transform: uppercase; 
	font-weight: bold; */
	color: #94b0d5;
	display: inline-block;
}

.profile_tile
{
	display: flex !important;
	overflow: hidden;
}

.profile_tile_div
{
	padding: 0; 
	background-color: rgba(212, 212, 255, 0.07);
	max-width: 24%; 
	min-width: 270px;
}

.profile_tile_div_content
{
	flex-grow: 1;
	overflow: hidden;
}

.profile_tile_img
{
	height: 100%;
	width: 100%;
	object-fit: cover;
}



.clickable_img
{
	border: 0px solid white;
}


.member_tile_new
{
	width: 100%;
	display: flex;
/*	background-color: #2e3450; */
}

.member_tile_pic_new
{
	width: 25%;
	min-width: 10%;
	max-width: 250px;
	padding-top: 0.6em;
}

.member_tile_pic_new img
{
	width: 100%;
	aspect-ratio: 400 / 544;
}

.member_tile_content_new
{
	padding-left: 2rem;
	width: 75%;
}

.member_tile_content_inner_new header
{
	max-width: 100% !important;
	/* min-width: 61%; */
	/* min-width: 100%; */
}

.member_tile
{
	background-color: #2e3450;
	display: flex;
	box-shadow: 7px 7px 20px rgba(0,0,0,0.1);
}

.member_tile_pic
{
	max-width: 30%;
	min-width: 400px;
	flex-grow: 1;
	box-sizing: border-box;
	overflow: hidden;
}

.member_tile_pic img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.member_tile_content
{
	padding: 2em;
	padding-top: 1.3em;
	padding-bottom: 1.7em;
	flex-shrink: 1;
	flex-grow: 1;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.member_tile_content header, .member_tile_content h4, .member_tile_content p
{
	
}

@media screen and (max-width: 1280px) 
{

	.member_tile_pic
	{
		max-width: 33%;
		min-width: 330px;
	}

}

@media screen and (max-width: 960px) 
{

	.member_tile
	{
		display: block;
	}

	.member_tile_pic
	{
		padding: 2em 0em 2em 2em;
		width: 250px;
		height: 340px;

		min-width: 250px;
		max-width: 100% important;

		float: left !important;
	}

	.member_tile_content, .member_tile_content_inner
	{
		display: block !important;
	}


}

@media screen and (max-width: 700px)
{

	.member_tile_pic
	{
		padding: 2em 0em 2em 2em;
		width: 200px;
		height: 272px;
		max-width: 25%;
		min-width: 0;
	}



	.member_tile_pic img
	{
		width: 100%;
		height: auto;		
	}
}

@media screen and (max-width: 480px)
{
	.member_tile_pic
	{
		padding: 1.5em 0em 1em 1em;
	}

	.member_tile_content
	{
		padding: 1em 0em 1em 1em !important;
	}
}

	.profile_tile
	{
		display: block !important;
	}

	.profile_tile_div
	{
		width: 200px !important;
		min-width: 200px;
		display: inline !important;
		float: left !important;
		position: static !important;
		background-color: transparent;
		padding-top: 4em;
		padding-bottom: 4em;
		margin-left: 2em;
		box-sizing: border-box;
		max-width: 45% !important;
	}

	.profile_tile_img
	{
		width: 200px !important;
		height: 272px !important;
		max-width: 100% !important;
		box-sizing: border-box;
		display: inline-block !important;
	}

	.profile_tile_div_content
	{
		padding-left: 2em !important;
		box-sizing: border-box;
		display: block	!important;
	}


.profile_pronoun
{
	font-family: 'Source Sans Pro';
	font-weight: 300;
}



/* Tooltip links */

.tooltip {
	text-decoration:none;
	position:relative;
	border-bottom: 1px dotted #fff;
	display: inline;
	cursor: help;
}

.tooltip_norelative
{
	position: static !important;
}

.tooltip_outer {
	display:none;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color:black;
}

.tooltip_inner
{
	background:white;
}

.tooltip_outer img {
	float:left;
	margin:0px 8px 8px 0;
}

.tooltip:hover
{
	padding-bottom: 1em;
}

.tooltip:hover .tooltip_outer 
{
	display:block;
	position:absolute;
	top: 2em;
	left: 0em;
	z-index: 100000; 
	margin-top:0px;
	margin-left:0px;
}

.tooltip:hover .tooltip_inner
{
	overflow:hidden;
	display: inline-block;
	padding: 8px;
	width: 100%;
	vertical-align: middle !important;
}

.tooltip_inner *
{
	vertical-align: middle !important;
	margin: 0 auto;
}

.tooltip_inner a, .tooltip_inner a:link, .tooltip_inner a:visited
{
	color: #242943;
}

.tooltip_inner a:hover
{
	color: #2a2f4a !important;
}



.member_tile_content .tooltip_outer
{
	min-width: 300px;
}


.short_institute_name
{
	visibility: hidden;
	display: none;
}

@media screen and (max-width: 700px)
{
	.short_institute_name
	{
		visibility: visible;
		display: inline;
	}

	.long_institute_name
	{
		visibility: hidden;
		display: none;
	}
}

.credit-copyright-notice
{
	color: rgba(244, 244, 255, 0.4);
	font-size: 0.9em;
}

.youtube-icon-red
{
	color: red;
	background: radial-gradient(white 0%, transparent 50%);
}


.smalltext
{
	font-size: 77%;
}



.whiteborder
{
        border: 1px solid rgba(255,255,255,0.5);
}



/* TEMPORARY - REMOVE */

.index_preview_new0 tr
{
	border: 0 !important;
}

.index_preview_nobg
{
	background: none !important;
}

.index_preview_new1
{
	padding-top: 9px; padding-bottom:18px; padding-left: 15px; padding-right: 15px; width: 2em;
}

.index_preview_new1 img
{
	vertical-align: text-top; height: 2em;
}

.index_preview_new2
{
	padding-top: 9px; padding-bottom:18px; padding-left: 0px; font-size: 80%;
}

.index_preview_new3
{
	padding-top: 13px; padding-left: 0; padding-bottom: 3px; font-size: 80%;
}

.index_preview_new4
{
	color: #9bf1ff;
}



.small_padding
{
	padding: 0.7em 1em 0.7em 1em !important;
}