*
    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;
display: flex;
}


/* =========================================================
   HEADER
   ========================================================= */

.confTitleBox {
max-height:400px;
  border-top: 2px solid #d9b777;
  background-color: black;
  background-image: url('https://registrazioneeventi.cnr.it/event/165/images/82-header_logo_trans2.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Responsive header container */

.confTitle {
 height: 36vw;
  max-width: 950px;
min-width: 300px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Hide title text */
.conference-title-link {
  display: none !important;
}


/* =========================================================
   SUBTITLE BAR
   ========================================================= */

.confSubTitleBox {
  background-image: linear-gradient(grey, black);
  border-top: 1px solid #bfc3ae;
  border-bottom: 1px solid #bfc3ae;
line-height: 1.4285em;
}


.confSubTitleContent {
  max-width: 850px;
  min-width: 280px;
  width: 80vw;
  margin: 0 auto;
  text-align: center;

}

/*
Style for links in the lower part of the header
*/

.confSubTitle {
  color: #d9b777 !important;
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
}

/*
Styles for the date and place information.
*/
.datePlace {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color:darkorange;
}
/*
Announcement styles
*/
.simpleTextAnnouncement {
  background: #f5faff url(/images/conf/sprites_orange.png) repeat-x scroll 0 -400px;
  border-top: none;
  border-bottom: 1px solid #ccc;
  color: #0f283d;
}


/* =========================================================
   MAIN CONTENT AREA
   ========================================================= */

/*
The wrapper around the menu and the page content.
By default centered with a fix width.
*/
#confSectionsBox {
 max-width: 900px;
  min-width: 280px;
  width: 95vw;

  margin: 0 auto;
  margin-top: 30px;
resize: horizontal;
}


/* =========================================================
   LEFT MENU
   ========================================================= */

/* Styles for all menu Items */

#outer {
  background: #777;
  border: 1px solid #d9b777;
}

#outer li a:hover {
  background-color: #dfe7e7;
  color: darkorange;
}
#outer li a.no-link,
#outer li a.no-link:hover {
  color: lightgrey;
  cursor: default;
}
.support_box {
  background: #4e4c46;
  border: 1px solid #d9b777;
}

.support_box > h3 {
  background: #fa6900;
  color:#4e4c46;
}

.conf_leftMenu {
 float: left;
  width: 200px;
  background: transparent none repeat scroll 0 0;
}

.menuConfTitle {
  text-align: left;
  color: #dfe7e7;
}

.menuConfTitle a {

  color: white;
  padding: 7px 12px;
  background-color: #4e4c46;
}

.menuConfSelected a {
  padding: 7px 12px;
  color: darkorange;
  background-color: #dfe7e7;

}

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


/* Sub Menu Styles */

.confSubTitle {
  color: #d9b777;
}

.simpleTextAnnouncement {
  background: #f5faff url(/images/conf/sprites_orange.png) repeat-x scroll 0 -400px;
  border-top: none;
  border-bottom: 1px solid #ccc;
  color: #0f283d;
}


.conference-title-link {
    display: none !important;
}



/* Subtitle text */
.confSubTitle {
    color: #d9b777 !important;
}

/* Date & place */
.datePlace {
    color: #d9b777 !important;
}

/* Bottom links in subtitle bar */
.confSubTitle a {
    color: #d9b777 !important;
}

/* Left menu title */
.menuConfTitle {
    color: #d9b777 !important;
}

/* Left menu normal items */
#outer {
    color: #d9b777 !important;
}

/* Hover menu links */
#outer li a:hover {
    color: #d9b777 !important;
}

/* Selected menu item */
.menuConfSelected a {
    color: #000000 !important;       /* black text */
    background-color: #d9b777 !important; /* gold background */
}

/* Links anywhere else that were orange */
a {
    color: #d9b777;
}
a:hover {
    color: #0077ff; /* lighter gold on hover */
}


/* Support box header (Contact, Support, etc.) */
.support_box > h3 {
    background: #d9b777 !important;   /* gold background */
    color: #000000 !important;        /* black text */
}

.mainContent {
	p { font-size: 16px; }
	ul { font-size: 16px; }
}