@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=info");

.datePlace, .confSubTitleBox{ display: none }
span[itemprop="title"] {
    display: none;
}

.confLogoBannerBox img{ margin-bottom: 0 !important }

.conference-title-link {padding: 0 0 !important }

.confTitle h1 {
    line-height: 0;
}

.menuConfSelected, .menuConfMiddleCellSelected {
    color: #ffffff;
    background: #000000;
    border-bottom: 0; 
    border-top: 0; 
}

.menuConfSelected a{ color: #ffffff}

.conf_leftMenu #outer{ border: none }

.support_box h3{background: #000000}

.support_box{ border: none}

.conferenceDetails .description { margin: 0 0}

.conference-page .page-content h3{ color: #000}

.description p, .description ul, .description ol{
	color: #4c5160;
	line-height: 1.4285em;
} 

.description ol{ margin-left: 0.4em }

.conference-page header h2 { color: #000}

.conference-page header .title {padding-top: 0 !important }

.info-message-box .message-text, .message-message-box .message-text { font-size: 1.1em }

.conferenceDetails .description { font-size: 1.1em !important}

div {
  text-align: justify;
  text-justify: inter-word;
}

div.timetableContribution{background: #d3f3cb !important}
div.timetableBreak{background-color: #c1dbf7 !important}

.support_box>h3 {
	display: block;
    text-decoration: none;
    font-family: verdana, arial, sans-serif;
    font-size: 10pt;
	padding: 7px 12px;
}

.page-content ul{
	margin: revert;
	padding: revert;
}


.conferenceDetails .description.editor-output pre {
  position: relative;
  background: #eef6ff;
  border: 1px solid #d0def7;
  border-radius: 0.5em;
  white-space: pre-wrap;
  word-break: break-word;
  margin: 1.2em 0;

  /* Increase spacing around the icon here */
  --icon-size: 22px;
  --icon-gap: 18px; /* was 12px — increased on both sides */

  padding: 1em 1.25em 1em calc(var(--icon-size) + 2 * var(--icon-gap));
}

/* Material Symbols info icon */
.conferenceDetails .description.editor-output pre::before {
  content: "info";
  position: absolute;
  left: var(--icon-gap);
  top: 50%;
  transform: translateY(-50%);

  font-family: "Material Symbols Outlined";
  font-size: var(--icon-size);
  line-height: 1;
  color: #2b6cb0;

  font-variation-settings:
    'FILL' 1,
    'wght' 600,
    'GRAD' 0,
    'opsz' 24;
}