/* this blanks the page until the javascript is parsed and sets the visibility back to normal.
	This is meant to avoid the spring-back effect */
body {
  visibility: hidden;
  background: #fff !important;
}

a {
     color: #06c;
}

/* Sets the style of the top bar */
div.page-header {
     background-color: #333;
     display: none;
}
 div.page-header > div > a {
     min-height: 35px !important;
     width: 100%;
}
 div.page-header img.header-logo {
     margin: 13px 6px 0 40px;
     height: 20px;
     float: left;
}

/* Sets the style of the top bar navigation options */
 .toolbar.global-menu {
     background: #333;
     height: 48px;
     border-color: transparent;
     font-family: "Ubuntu", sans-serif;
}
 .toolbar.global-menu > a:hover, .toolbar.global-menu a.open {
     background: rgba(255, 255, 255, 0.2) !important;
}
 .toolbar.global-menu > a {
     font-size: 14px;
     height: 46px;
     padding: 3px 20px 0 20px;
}

/* Sets the style of the category title */
 .category-title {
     color: #333333;
     font-family: "Ubuntu", sans-serif;
}

/* Sets the color of the breadcrumb menu */
 .main-breadcrumb {
     background-color: #f6f6f6 !important;
     border-bottom: 1px solid #e6e6e6 !important;
}

/* Sets the style of the category header menu */
 .category-header {
     border-bottom: 1px solid #e6e6e6;
     border-top: none;
     padding: 12px 38px;
     background: #f6f6f6;
}

/* Sets the style of the search page header menu */
 .search-page header{
 	 margin-top: 0;
     border-bottom: 1px solid #e6e6e6;
     padding: 12px 38px;
     background: #f6f6f6;
}
 .search-page header .title{
     color: #333333;
     padding-top: 0;
     margin-bottom: 0;
     border-bottom: none;
}
 .search-page header .title .text {
	margin-left: 0;
	color: #333333;
    font-family: "Ubuntu", sans-serif;
}
 .search-page header .title .text h2 {
	color: #333333;
	font-weight: normal;
    font-family: "Ubuntu", sans-serif;
}

/* Sets the style of the information text for a given category */
 .category-info {
     color: #777;
     font-family: "Ubuntu", sans-serif;
}
 .category-info h2 {
     color: #333333;
     font-family: "Ubuntu", sans-serif;
     font-weight: 100;
}

/* Sets the style of the list of categories */
 ul.category-list {
     border-left: 1px solid #e6e6e6;
     border-right: 1px solid #e6e6e6;
     border-top: 1px solid #e6e6e6;
     border-radius: 8px;
}
ul.category-list li {
     border-radius: 8px;
}
 ul.category-list li a {
     color: #06c;
}

/* Sets the style of the list of category sidebar */
 .category-sidebar > .title h2 {
     color: #919191;
}

/* Sets the style of the top bar on event pages */
 .event-page-header .button-bar .i-button:not(.label), .event-page-header .button-bar .categorynav .category-list .item .button-wrapper .action-button:not(.label), .categorynav .category-list .item .button-wrapper .event-page-header .button-bar .action-button:not(.label), .event-page-header .button-bar .action-button:not(.label) {
     color: white;
}
 .event-page-header .button-bar .i-button:not(.label):hover, .event-page-header .button-bar .action-button:not(.label):hover, .event-page-header .button-bar .i-button:not(.label).open, .event-page-header .button-bar .action-button:not(.label).open {
     color: #ffffff;
     background: rgba(255, 255, 255, 0.2) !important;
     background-image: none;
}

/* Sets the margin on the upper-left user menu */
 .flexcol {
     margin-top: 2px;
}

/* Sets the color of the "Public"/"Private" icon */
 .i-button.accept:not(.label):not(.borderless):not(.text-color):hover, div.session-bar .i-button.protection-public:not(.label):not(.borderless):not(.text-color):hover, div.session-bar .protection-public.action-button:not(.label):not(.borderless):not(.text-color):hover, .accept.action-button:not(.label):not(.borderless):not(.text-color):hover {
     background: #ED764D !important;
     color: #ffffff !important;
}
 .i-button.accept:not(.label):not(.borderless):not(.text-color):hover, div.session-bar .i-button.protection-public:not(.label):not(.borderless):not(.text-color):hover, div.session-bar .protection-public.action-button:not(.label):not(.borderless):not(.text-color):hover, .accept.action-button:not(.label):not(.borderless):not(.text-color):hover, .i-button.accept:not(.label):not(.borderless):not(.text-color):active, div.session-bar .i-button.protection-public:not(.label):not(.borderless):not(.text-color):active, div.session-bar .protection-public.action-button:not(.label):not(.borderless):not(.text-color):active, .accept.action-button:not(.label):not(.borderless):not(.text-color):active {
     border-color: #ED764D;
}
 .i-button.accept:not(.label):not(.borderless):not(.text-color), div.session-bar .i-button.protection-public:not(.label):not(.borderless):not(.text-color), div.session-bar .protection-public.action-button:not(.label):not(.borderless):not(.text-color), .accept.action-button:not(.label):not(.borderless):not(.text-color) {
     border-radius: 2px 0 0 2px;
     background: #E95420;
     border-color: #E95420;
     color: #ffffff !important;
}

/* Always show legend items in detailed view */
#timeTableLegend, #legendItemContainer .legendItem {
    display: block !important;
}

#timeTableLegend .legendCloseButton, #legendMainToggle, #timeTableLegend #showMoreLink {
    display: none;
}

/* Add speaker images on contribution pages */
.speaker-item {
    float: left;
    margin-inline-end: 20px;
}

.speaker-list {
    display: inline-block;
}

.speaker-item .avatar-image {
    vertical-align: middle;
    display: inline-block;
}
.speaker-item .avatar-image img {
    width: 64px;
    height: 64px;
}

.speaker-item-inline .avatar-image {
    display: none;
}

.speaker-item-inline div {
    display: inline
}


.speaker-item .avatar-image .ui.circular.label {
    padding: 2px !important;
}

.speaker-item > .speaker-info {
    display: inline-block;
    vertical-align: middle;
}
.speaker-item > .speaker-info {
    font-size: 1.1em;
}

.speaker-info > .speaker-name > .pronouns {
    color: #aea79f;
}

.speaker-item .affiliation .text {
  max-width: 18em !important;
}

.speaker-info > .affiliation > .text::before {
    content: "(";
}

.speaker-info > .affiliation > .text::after {
    content: ")";
}

.speaker-item > .speaker-info > .affiliation > .text::before {
    content: "";
}

.speaker-item > .speaker-info > .affiliation > .text::after {
    content: "";
}

/* Workaround for https://github.com/indico/indico/issues/5624 . Revisit this during upgrades */
.ck-content[contenteditable] p {
  margin-bottom: 1em;
}