@charset "UTF-8";
/* Past CHI CSS Document */


/*******************
 * For Sponsor Page
 * ******************/

.sponsor-champion {
	width: 33%;
	height: 180px;
  float: left;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: middle;
}

.sponsor-contributor {
	width: 33%;
	height: 133px;
  float: left;
	padding-left: 20px;
	padding-right: 20px;
}

.sponsor-image {
  margin: auto;
	vertical-align: middle;
}

.google {
	margin-top: 40px;
	margin-left: 20px;
	margin-bottom: 30px;
}

.google-sidebar {
	margin-top: 15px;
	margin-bottom: 40px;
	margin-left: 2px;
}

.siemens {
	margin-top: 35px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.siemens-sidebar {
	margin-bottom: 5px;
}

.apple {
	margin-left: -50px;
	margin-top: 15px;
}

.apple-sidebar {
	margin-left: 7px;
	margin-top: -15px;
	margin-bottom: -10px;
}

.bloomberg {
	margin-left: -45px;
	margin-top: 60px;
}

.bloomberg-sidebar {
	margin-left: 40px;
	margin-top: 40px;
	margin-bottom: 10px;
}

.nsf {
	margin-left: 30px;
	margin-top: 25px;
}

.nsf-sidebar {
	margin-left: 80px;
	margin-top: 35px;
	margin-bottom: 10px;
}

.autodesk {
	margin-left: -20px;
}

.autodesk-sidebar {
	margin-top: 15px;
	margin-left: 57px;
}

.adobe {
	margin-top: 30px;
}

.adobe-sidebar {
	margin-top: 15px;
	margin-left: 55px;
}

.toyota {
	margin-top: 20px;
}

.toyota-sidebar {
	margin-top: 15px;
	margin-left: 40px;
}

.friends {
	margin-left: 45px;
}
.hotelname {
font-size: 18px;
text-decoration: underline;
}
.course-labels {
 font-style:italic;
}
.course-organizers-title {
	display:inline-block;
}
.course-organizers-list {
	display:inline-block;
}

.sponsor_button_blue {
  background-color: #0656A2; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
	width: 100%;
}

.sponsor_button_gold {
  background-color: #977212; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
	width: 100%;
}		

/* White and green split colour behind the logo */
/* 
div#header {
	background-color: #ffffff;
	background-image: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 55%, rgba(255,255,255,0) 100%), url(/wp-content/uploads/2019/04/Website-Banner-Photo-1.png);
	background-size: auto 100%;
	background-position: top right;
}
*/
nav.main-navbar {
	margin-top: 0px;
}

div#main-nav .inner-wrap {
	border-bottom: 1px solid #eee;
}

div#main-nav {
	margin-bottom: 10px;
}

a:hover {
	/* color: #fa9a32;*/
 /* changed by David 15-08-2019 */
	/*color: #c90a33;*/
	text-decoration: underline!important;
}

div#logo > a > img {
	width: auto;
	max-height: 240px;
	font-family: Arial;
}

div#logo {
	padding-top: 20;
	/*margin-left: -100px;*/
	margin-bottom:-20px !important;

}

.narrow_email {
	font-size: 14px;
}

.widget h3.heading {
	font-weight: 700;
	font-size: 160%;
	border-bottom: 0px;
	margin-bottom: 0;
	padding-bottom: 6px;
}

#main-nav {
	border: 0;
}

#main-nav {
	/*background: #c90a33;*/
	padding-top: 20px;
	margin-top:0;
	/*commented by Johannes*/
 /*background: linear-gradient(90deg, rgb(201, 10, 51) 0%, rgb(250, 154, 50) 15%, rgb(250, 154, 50) 85%, rgb(201, 10, 51) 100%);*/
	/*background: #107ac1;*/
	height:40px;
}

/*added by David */
@media (max-width: 600px) {
	#main-nav {
		/*commented by Johannes*/
   /*background: rgb(250, 154, 50);
		background: #107ac1;*/
	
	}

}


#mega-menu-wrap-primary {
 /*	background-color: #c90a33;*/
	/* commented by David 15-08-2019 */
	/*background: #107ac1;*/
	background: #ffffff;

}

/*
.mega-menu-link {
	color: #0856A2;
}
*/

.header_overlay {
	background: none;
}

.post {
	margin-top: 30px;
	margin-bottom: 5px;
}

div.single h2 {
	margin-top: 30px;
	margin-bottom: 5px;
}

.post h2 {
	padding-top: 15px;
	padding-bottom: 5px;
}

div.single h3 {
	margin-top: 30px;
	margin-bottom: 5px;
}

.post h3 {
	padding-top: 15px;
	padding-bottom: 5px;
}

div.single h4 {
	margin-top: 30px;
	margin-bottom: 5px;
}

.post h4 {
	padding-top: 15px;
	padding-bottom: 5px;
}

.headshot img {
	border-radius: 50% 50%;
}

.textwidget {
	margin-top: 10px;
}
.norm_row {
	margin-top:50px;
}

td {
  vertical-align: top;
}


.fontsize :not(p):not(li) > a {
    font-size: 150% !important;
    line-height: 1.4;	
}

.fontsize .main-navbar a {
	  font-size: 150% !important;
    line-height: 1.4;	
}

#footer p.copy {
	color: #767676;
}

.textwidget h3 {
	font-size: 18px;
}

/* for the tables in papers/authors/successful presentation */
.presentation_do {
	background-color: #f5fffe;
}

.presentation_dont {
	background-color: #fff9f6;
}


/* Hotel Table*/
.hotel-table thead {
	font-size: 16px;
	font-weight: bold;
	
}

.hotel-table thead tr {
	background-color: transparent !important;
}

.hotel-table thead tr td {
		border-bottom: 1px solid black !important;
}

.course-entry {
	margin-bottom: 50px;
}

.widget ul li .post-date {
	font-size: small;
	color: grey;
	display: block;
}

.exhibitor-table th {
	padding: 7px 5px;
}


/* CHI 2020 Free Processdings Styles */

.DLauthors {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	margin-bottom: 0.5em;
	font-weight: bold;
}

.DLauthors li {
	list-style-type: none;
	padding-right: 5px;	
}

.DLauthors li:after{
	content: ",";
}

.DLauthors li.nameList.Last:after{
	content: "";
}

.DLabstract {
	border-bottom: 1px solid lightgrey;
}

.fixme {
	background-color: red;
}


/* Added by John, 2022-04-06 */
/* Make pages wider */
/* 
#wrap {
	width: 1370px;
}

.inner-wrap {
	width: 1370px;
}
*/
/* Added by Johannes, 2022-05-06 */
@media (max-width: 600px) {
	.mega-toggle-animated-inner{
		background-color:black !important;
	}
	.mega-toggle-animated-inner::before{
		background-color:black !important;
	}
		.mega-toggle-animated-inner::after{
		background-color:black !important;
	}
    ul#mega-menu-primary{
		-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.3) !important; 
box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.3) !important;
		min-width: 300px !important;
	}
    .left-organizer{
		width:100% !important;
	}
	.right-organizer{
		width:100% !important;
	}
	.center-organizer{
		width:100% !important;
	}
}
@media (max-width: 768px) {
	.mega-toggle-animated-inner{
		background-color:black !important;
	}
	.mega-toggle-animated-inner::before{
		background-color:black !important;
	}
    .mega-toggle-animated-inner::after{
		background-color:black !important;
	}
    div#main-nav{
		margin-top: 30px;
		margin-bottom:-20px;
        text-align: center;
	}
	ul#mega-menu-primary{
		-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.3) !important; 
        box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.3) !important;
		min-width: 300px !important;
	}
	#mega-menu-wrap-primary .mega-menu-toggle {
		background-color:white;
        color:black;
	}
}

#mega-menu-wrap-primary #mega-menu-primary {
	padding:20px 0px 10px 80px;
}

.affiliation {
	background-color: white;
	color: #999999;
}

/* Custom right sidebar */
.venue_chairs {
	margin-top: 40px;
}

.table_indent {
	margin-left: 25px;
}

.sidebar-item {
	margin-top: -12px;
}

.papers_usefullinks {
	margin-top: 40px;
}

.other_comps {
	margin-top: 40px;
}

/* Added by John 2022-04-19 (to temporarily hide Category: Uncategorized) */
/*.title-header {
	display: none;
}*/


/* Classes for Organizing Committee page */
.organizer-photo {
	border-radius: 10px;
	margin-bottom: -10px;
    max-height: 300px;
    object-fit: cover;
}

.left-organizer {
	width: 50%;
	min-height: 1px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

.right-organizer {
	width: 50%;
	min-height: 1px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: -25px;
}

.center-organizer {
	margin: auto;
  width: 50%;	
	min-height: 1px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	margin-top: -25px;
}

.organizer-name {
	text-align: center;
	padding-bottom: 5px;
}

.organizer-affiliation {
	text-align: center;
	margin-top: -20px;
	color: #999999;
	margin-bottom:40px;
}

.organizer-group-title {
	text-align: center;
	font-size: 36px;
}

.organizer-email {
	text-align: center;
	margin-bottom: 50px;
}

.spacer {
	min-height: 20px;
	clear: both;
	border-bottom: solid 1px #d9d9d9;
    margin-bottom: 30px;
}

.spacer-no-line {
	min-height: 8px;
	clear: both;
}

.subcom_list {
	margin-top: 40px;
	margin-bottom: 20px;
}
.notification-box {
  background-color: rgba(16, 122, 193, 0.05);
	border-radius:10px;
	border: 1px solid rgba(16, 122, 193, 0.3);
	padding:20px;
	padding-bottom:10px;
	margin-bottom:5px;
}


.blog_post_table tbody tr:nth-child(odd){
	background-color: #f2f2f2;
}


.exhibitor_table tbody tr:nth-child(odd){
	background-color: #f2f2f2;
}
.exhibitor_table th{
	background-color: #dddddd;
}

.recruiter_table td {
	border: 1px solid lightgrey;
	padding: 5px;
}


.block_schedule_table tbody tr:nth-child(odd){
	background-color: #f2f2f2;
}
.block_schedule_table td{
	padding:7px;
	vertical-align: middle;
	text-align: center;
	border-right:2px solid #fff;
	width:14%;
}
.block_schedule_table tr{
	height:80px;
	border-bottom: solid white 2px;
}
.block_schedule_table th{
	padding:7px;
	vertical-align: middle;
	text-align: center;

}
.block_schedule_table_time th{
	width:10% !important;
}

.future {
	border-top: 1px solid #eee;
	padding:5px;
}
.past {
	border-top: 1px solid #eee;
	padding:5px;
	text-decoration: line-through;
}
.past p{
	margin:0px;
}
.future p{
	margin:0px;
}
.past .date{
	font-weight:bold;
}
.future .date{
	font-weight:bold;
}
