/*
    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%;
    border: none;
    margin: auto;
  }
  
  /*
  Wraps around the upper part of the conference header.
  */
  .confTitleBox {
    color: white;
    min-height: 90px;
    height: 250px; /* Adjust header height */
    border-top: 3px solid #234173;
    border-bottom: 1px solid #0f4c80;
    background:linear-gradient(135deg, #00843D, #ffcd00);
    /* background:#00843D #FFF5E1 #00843D; */
    overflow: hidden; /* This will clear the float */
  }
  
  /*
  Sets the width of the upper part of the conference header.
  Is set to 950px and centered by default.
  */
  .confTitle {
    width: 950px;
    margin: 0 auto;
    display: flex; /* Use flex to align the logo and title */
    align-items: center; /* Vertically center the content */
  }
  /* The box containing the logo */
  .confLogoBox {
    float: left;
    padding-right: 10px;
    width: 200px;
    height: auto; /* Ensure the logo height matches the header */
    margin-right: 40px;
  }
  
  
  /* Ensure the logo does not take too much space */
  .confLogoBox img {
    float: left;
    max-height: auto; /* Adjust to fit the height of the header */
    width: 200px;
    margin: 0;
    padding:0;
    display:block;
  }
  
  /*
  The box containing the logo when configured in banner mode.
  */
  .confLogoBannerBox img {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  
  /*
  The style for the title text.
  */
  .conference-title-link {
    font-size: 25pt;
    font-family: 'Arial'; /* Add the desired font family */
    /* Baufra */
    letter-spacing: 1px; /* Adjust the value to increase or decrease spacing */
    line-height: 1.4; /* Adjust this to make the lines more spaced */
    display: block;
    padding: 0;
    color: #FFF5E1;
    margin-left: 0px; /* Add space between the logo and the title */
    align-self: flex-start; /* Aligns only the title to the top but not the logo */
    margin-top: 20px;
  }
  
  /*
  Wrapper around the bottom part of the conference header
  */
  .confSubTitleBox {
    background: #E6D8B9;
    /* #E6D8B9 #ffcd00*/
    border-bottom: 1px solid #d5e4f1;
    border-top: 1px solid #d5e4f1;
    padding: 0.5rem 0;
  }
  
  /*
  The content of the lower part of the header. Is by default
  centered and has a fixed width.
  */
  .confSubTitleContent {
    width: 950px;
    margin: 0 auto;
    font-size: 11pt;
    color: black;
  }
  
  /*
  Style for links in the lower part of the header
  */
  .confSubTitle a {
    font-size: 11pt;
    color:black;
  }
  
  /*
  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: #f6f6f6;
  }
  
  /*
  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 {
    background: #e0e0e0;
  }
  
  /*
  A non selected menu item
  */
  .menuConfTitle {
    text-align: left;
  }
  
  .menuConfTitle a {
    color: #00843D;
    padding: 7px 12px;
  }
  
  /*
  A selected menu item
  */
  
  .menuConfTitle.selected > a,
  .menuConfMiddleCell.selected > a {
    color: #bd891a;
    background: #dadada;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
  }
  
  /*
  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: #00843D;
  }
  
  /* ----------- Styles for the page content ----------- */
  
  /*
  Wrapper around the content
  */
  .confBodyBox {
    margin-left: 230px;
  }