/*
    Use this stylesheet to modify the layout of your
    conference.
*/

/* ----------- Styles for the conference header ----------- */

/*
The wrapper of the whole conference page.
*/
.conf {
  width: 100%;
  height: 650px;
  border: none;
  margin: auto;
  /* You can upload images in Indico (Settings -> Customization -> Images) to use as background image */
  background-image: url("https://wwuindico.uni-muenster.de/event/113/images/115-spirale.jpg");
  /* By default, background image would be repeated to fill background, next line disables repeating */
  background-repeat: no-repeat;
  /* If you want, you can set a custom background color to use where there's no background image (or instead of background image) */
  /* background-color: #cccccc; */
  /* Customize size of background image, 25% auto means: width of image is 25% of the box, height is chosen automatically to keep ratio.
   * Just google "css background-size" for more options (in general, googling is a good idea for all options in this file) */
  background-size: 25% auto;
  /* Position of background image (again, google for more options) */
  background-position: bottom right;
}

/*
Wraps around the upper part of the conference header (the box containing conference title and logo)
*/
.confTitleBox {
  color: white;
  /* If you do not specify a min-height here, min-height: 90px is set from a different .css file */
  min-height: 40px;
  /* top and bottom-border of title box */
  border-top: 3px solid #234173;
  border-bottom: 1px solid #0f4c80;
  border-color: #af0078;
  background: #af0078;
  padding-top: 0px;
  /* Enable the following line for debugging purposes so you can clearly see the borders of this box.
   * Another option for debugging is to use a browser's developer tools.
   * For example, right-click on the box in firefox and choose "Inspect (Q)". Then,
   * hovering over the <div class="confTitleBox ... source code highlights the corresponding box.
   * Also, clicking on that line of source code gives you some more information on the right,
   * e.g. the box's padding, borders and margins. */
  /* border: 3px dotted; */
}

/*
Sets the width of the box for the conference header. It is included in the confTitleBox, set to a width of 950px and centered by default.
*/
.confTitle {
  width: 950px;
  margin: 0 auto;
  text-align: center;
  /* padding to ensure that the title is centered. If .confLogoBox.height (see below) is changed, this probably needs to change, too. */
  padding: 10px 0;
  /* again. enable for debugging purposes */
  /* border: 3px dotted; */
}

/*
The box containing the logo. By the default the logo is placed on the left of the conference title.
Here, we disable display of the logo altogether (see last two lines in this block).
*/
.confLogoBox {
  float: left;
  /* Height of the logo box. Since the confTitleBox only specifies a minimum height, this sets the height of the whole title box */
  /* height: 120px; */
  margin-top: -50px; /* should be .confTitle.padding * -1 to ensure that the logo starts at the top */
  overflow: hidden; /* cuts parts of the image that flow out of this box */
  padding-right: 10px; /* ensure a little distance to the title text */
  padding-top: 0px;
  padding-bottom: 0px;
  /* The next two lines disable display of the logo */
  height: 0px;
  display: none;
  /* For debugging, see above */
  /* border: 3px dotted; */
}

.confLogo {
  height: 100%; /* ensure that logo fills confLogoBox */
}

/*
The style for the title text.
*/
.conference-title-link {
  font-size: 22pt;
  font-weight: bold;
  display: block;
  padding: 0px 0;
  color: white;
}

/*
Wrapper around the bottom part of the conference header which contains the subtitle.
Here, we disable the subtitle box (see last three lines in this block).
*/
.confSubTitleBox {
  background: #f5faff;
  border-bottom: 1px solid #d5e4f1;
  border-top: 1px solid #d5e4f1;
  padding: 0.5rem 0;
  /* The next three lines disable display of the subtitle altogether */
  width: 0px;
  height: 0px;
  display: none;
}

/*
The content of the lower part of the header. Is by default centered and has a fixed width.
*/
.confSubTitleContent {
  width: 0px; /* disable subtitle */
  height: 0px; /* disable subtitle */
  display: none; /* disable subtitle */
  /* width: 950px; */
  margin: 0 auto;
  font-size: 11pt;
  color: #24425a;
}

/*
Style for links in the lower part of the header
*/
.confSubTitle a {
  width: 0px; /* disable subtitle */
  height: 0px; /* disable subtitle */
  display: none; /* disable subtitle */
  font-size: 0pt;
  /* font-size: 11pt; */
}

/*
Styles for the date and place information.
*/
.datePlace {
  font-size: 12pt;
}

/*
Announcement styles
*/
.simpleTextAnnouncement {
  background: #f5faff url(/images/conf/sprites_blue.png) repeat-x scroll 0 -400px;
  border-top: 1px solid #c2d6e7;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  color: #0f283d;
  padding: 8px 0;
}

/* ----------- Styles for the main content ----------- */

/*
The wrapper around the menu and the page content.
By default centered with a fix width.
*/
#confSectionsBox {
  width: 950px;
  margin: 0 auto;
  margin-top: 30px;
}

/* ----------- Styles for the menu ----------- */

/* Styles for all menu Items */

/*
Wrapper around the menu
*/
.conf_leftMenu {
  float: left;
  width: 200px;
}

/*
Styles for the menu box
*/
#outer {
  /* border: 1px solid #ccc; */
  background: #ffffff;
  /* background: #f6f6f6; */
  /* background: rgba(62, 62, 59, 0.1); */
}

/*
The menu item
*/
#outer li a {
  font-family: verdana, arial, sans-serif;
  font-size: 10pt;
}

/*
The menu item when doing mouseover
*/
#outer li a:hover {
  /* Choose background color as cluster grey with opacity 0.1
   * We set a white background above (see #outer), so the opacity causes a lighter grey.  */
  background-color: rgba(62, 62, 59, 0.1)!important; /* without the !important, this somehow gets overridden */
  /* Set menu item color on mouseover as cluster purple */
  color: rgb(175, 0, 120);
}

/*
A non selected menu item
*/
.menuConfTitle {
  text-align: left;
  border-bottom: 0px solid #d0d0d0;
  border-top: 0px solid #d0d0d0;
  /* For non-selected menu items, use cluster grey background with opacity 0.1 */
  background: rgba(62, 62, 59, 0.1);
}

.menuConfTitle a {
  /* For non-selected menu items, use cluster blue as text color */
  color: #009dd1; /* color of menu entries */
  padding: 7px 12px;
}

/*
A selected menu item
*/

.menuConfTitle.selected > a,
.menuConfMiddleCell.selected > a {
  /* For selected menu items, use a darker cluster grey background (opacity 0.4) ... */
  background: rgba(62, 62, 59, 0.4);
  /* ... white text color ... */
  color: #ffffff;
  /* ... and bold text. */
  font-weight: bold;
}

/*
sub menu item
*/
li ul.inner li a {
  padding: 3px 12px 3px 30px;
  background: transparent url(/images/conf/left_menu_bullet.png) scroll no-repeat 15px center;
}

/*
Support box
*/

.support_box {
  background: #f6f6f6;
  border: 1px solid #ccc;
}

.support_box > h3 {
  color: #f3f3f3;
  background: #1a64a0;
}

/* ----------- Styles for the page content ----------- */

/*
Wrapper around the content
*/
.confBodyBox {
  margin-left: 230px;
}

.conference-page header h2 {
  color: #009dd1; /* color of h2 headings, cluster blue */
}

/* Set color for links on mouseover to cluster purple */
a:hover {
  color: rgb(175, 0, 120, 1); /* pantone 234 purple */
}

/* Reduce footer's top margin */
.footer {
  margin-top: 0px!important;
}