/* Seminars and events section
================================== */

ul.forthcoming-seminars li {
	margin: 0.8em 0;
}

ol.past-seminars li {
	margin: 0.8em 0;	
}

.single-event p {
	margin: 6pt 0!important; 
}

p.single-event-type a {
	text-decoration: none;
	color: darkgray;
}

p.single-event-title {
	font-weight: bold;
	font-size: 1.4em;
	color: #1288b9;
	line-height: 1.2em;
}

p.single-event-abstract {
	font-style: italic;
	color: #6a6a6a;
}



/*
 * Disable colors
 *
  
ul.forthcoming-seminars li.eventype-AT span.eventname {
	color: #34d293;
}

ul.forthcoming-seminars li.eventype-ST span.eventname {
	color: #3ab0e2;
}

ul.forthcoming-seminars li.eventype-JC span.eventname {
	color: #e96656;
}

ul.forthcoming-seminars li a, ul.past-seminars li a {
	color: black;
	text-decoration: underline;
}

ul.forthcoming-seminars li a:hover, ul.past-seminars li a:hover  {
	color: #666;
	text-decoration: none;
}

*/

/* User and phonebook sections
================================== */

.short-input {
	width: 192px!important;
}

.Rtable {
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0;
  padding: 0;
}

.Rtable-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0.4em;
  overflow: hidden;
  list-style: none;
  font-size: 16px;
  border: 1px solid white;
}

.Rtable-cell a.phonename {
  color: black;
  transition: unset;
}

.Rtable-cell a.phonename:hover {
  color: darkgray;
}


.entry-content .Rtable-cell {

}

/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell {
  width: 50%;
}
.Rtable--3cols > .Rtable-cell {
  width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
  width: 25%;
}
.Rtable--5cols > .Rtable-cell {
  width: 20%;
}
.Rtable--6cols > .Rtable-cell {
  width: 16.6%;
}


.Rtable--varcols > .Rtable-cell--name { 
  width: 25% 
} 

.Rtable--varcols > .Rtable-cell--phone { 
  width: 19%
} 

.Rtable--varcols > .Rtable-cell--location { 
  width: 11% 
} 

.Rtable--varcols > .Rtable-cell--email { 
  width: 25% 
} 

.Rtable--varcols > .Rtable-cell--role { 
  width: 20% 
} 

.Rtable--varcols > .Rtable-cell--link { 
  width: 0% 
} 

/* Apply styles
================================== */
.Rtable {
  position: relative;
  top: 3px;
  left: 3px;
}
.Rtable-cell {
  margin: -3px 0 0 -3px;
  background-color: white;
  border-color: white;
  color: black;
}
/* Cell styles
================================== */
.Rtable-cell--even {
  background-color: #e8e8e8;
}

.Rtable-cell--odd {
  background-color: #d8d8d8;
}
/* Responsive
==================================== */
@media all and (max-width: 500px) {
  .Rtable--collapse {
    display: block;
  }
  .Rtable--collapse > .Rtable-cell {
    width: 100% !important;
	border-left: solid 1px gray;
	border-right: solid 1px gray;
	border-top: none;
	border-bottom: none;
	background-color: #f8f8f8;
  }
  .Rtable--collapse > .Rtable-cell, .Rtable--collapse > .Rtable-cell a {
 	font-size: 1em;
  }
  .Rtable--collapse > .Rtable-cell--name {  /* first */
    display: none;
  }
  .Rtable--collapse > .Rtable-cell--link {  /* last */
    margin-bottom: 1em;
    border-bottom-left-radius: 0.2em;
    border-bottom-right-radius: 0.2em;
	border-bottom: solid 1px gray;
  }
}
.no-flexbox .Rtable {
  display: block;
}
.no-flexbox .Rtable > .Rtable-cell {
  width: 100%;
}
.no-flexbox .Rtable > .Rtable-cell--foot {
  margin-bottom: 1em;
}

@media all and (max-width: 500px) {
  .hiddenSmall {
    display: none;
  }
}

@media (max-width: 1240px) {
	.Rtable-cell, .Rtable-cell a {
  		font-size: 14px; 
	}
}

@media (max-width: 920px) {
	.Rtable-cell, .Rtable-cell a {
  		font-size: 12px; 
	}
}

@media (max-width: 640px) {
	.Rtable-cell, .Rtable-cell a {
  		font-size: 11px; 
	}
}



/* Tab Styling (in wide screens)
==================================== */
.Tab {
  padding: 0.6em 1em;
  margin: 0 3px 3px 0;
  text-align: center;
  border: solid 1px white;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
}
.Tab:hover,
.Tab:focus {
  border-color: darkgray;
  outline: none;
}
.Tab[aria-selected="false"]:active {
  margin-top: 0.2em;
  padding-bottom: 0.4em;
}
.Tab[aria-selected="true"] {
  cursor: default;
}

/* Accordion Styling
==================================== */
.Accordion {
  position: relative;
  top: -3px;
  left: -3px;
  width: 100%;
  margin: 0 0 0.4em 0;
  padding: 0.2em;
  text-align: left;
  background-color: lightgray;
  font-weight: normal;
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.Accordion svg {
  margin: 0 0 -0.1em 0.1em;
}


@media all and (min-width: 500px) {
  .Accordion {
    display: none;
  }
  .Rtable-cell--link {
    display: none;
  }
}
.Accordion:hover,
.Accordion:focus {
  outline: none;
  color: black;
  -webkit-filter: contrast(150%);
          filter: contrast(150%);
}
.Accordion[aria-selected="true"] {
  margin-bottom: 0em;
  border-bottom-width: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: gray;
}
.Accordion[aria-selected="false"] {
  background-color: #eee;
}

.js-RtableTabs,
.js-RtableAccordions {
  min-width: 240px;
}

.js-RtableAccordions {
  margin: 8px 0;
}