/* ----------- mlCSC 2025 styles ----------- */

.confTitleBox {
    min-height: 85px;
    border-top: 1px solid rgb(46, 64, 88);
    border-bottom: 1px solid rgb(46, 64, 88);
    background-color: #1a64a0;  
    background-image: url(https://indico.cern.ch/event/1496679/images/47785-banner.jpg);
    background-position: center center;
    text-align: center;
}

.confTitleBox span > span {
	padding: 3px 10px 3px 10px;
	background-color: rgba(80, 80, 80, 0.7);
/*    margin-left: 200px;*/
}

.support_box > h3 {
    background: rgb(4, 75, 89);
}

/* header - comment out "display: none" to show the webcast link,
	and a possible orange label "postponed"  */

.confSubTitleBox {
	display: none;
    padding-top: 4px;
    padding-bottom: 4px;
}

/* Smaller font for longer titles
.conference-title-link {
 font-size:19pt;
 }*/

/*  no details (date + place) */

.confSubTitleBox .place, .confSubTitleBox .timezone {
	display: none;
}

.confSubTitleBox .datePlace .date {
	font-size: 0px;
}

.confSubTitleBox .datePlace .date span.orange {
	margin-left: 0px !important;
}

.confSubTitleBox .confSubTitle > div {
	margin-bottom: 0px !important;
}


/* menu - "Apply!" in red */

.menuConfTitle > a[href*="/registrations/"] {
	color: red;
	font-weight: bold;
}


/* overview page - workaround for the missing "centre" feature for school description */

.conference-page .description h1, .conference-page .description h2 {
	text-align: center;
}

.conference-page .description p > img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.conference-page .description p > a > img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}


/* overview page - H3 in grey */

.conference-page .description h3 {
	color: #777777;
}


/* overview page - hide the Application box at the bottom */
/*
.conference-page .conferenceDetails div.action-box.highlight {
	display: none;
}
*/

/* programme page - no empty lines between bullet points */

.conference-page ul.tracks ul li {
  margin-top: 0em !important
}

.conference-page ul.tracks > li > div.description > p {
  margin-bottom: 0px !important
}


/* organizers page - move up roles in H3 */

.conference-page div > h2 + h3 {
	margin-top: -15px !important;
}

/* guide page - make timetable example smaller */

.conference-page img.timetableExample {
  -webkit-transform: scale(0.8); /* Saf3.1+, Chrome */
     -moz-transform: scale(0.8); /* FF3.5+ */
      -ms-transform: scale(0.8); /* IE9 */
       -o-transform: scale(0.8); /* Opera 10.5+ */
          transform: scale(0.8);
}

.conference-page img.mattermostExample {
  -webkit-transform: scale(0.4); /* Saf3.1+, Chrome */
     -moz-transform: scale(0.4); /* FF3.5+ */
      -ms-transform: scale(0.4); /* IE9 */
       -o-transform: scale(0.4); /* Opera 10.5+ */
          transform: scale(0.4);
}

/* live page styles */

.live h1 {
    margin-top: 25px !important;
    margin-bottom: 0px;
    color: #c0392b;
    font-size: 140%;
	width: 100%;
	border: 1px solid #cccccc;
	padding: 5px 10px;
}

/* sub-headers */
.live h2 {
    color: black !important;
	font-size: 130%;
}

/* posted on... */
.live h3 {
	font-size: 92%;
    font-style: italic;
    color: black !important;
	text-align: right;
	margin-top: 5px !important;
	/* margin-bottom: -15px !important; */
}


/* other pages */

hr {
  color: #aaaaaa;
  background-color: #aaaaaa;
  height: 0.9px;
  border: none;
}

/* exam questions should be more spread out to avoid confusion */
#survey-questionnaire .i-radio {
  margin-bottom:20px;
  border-bottom: 1px solid #ccc;
}