/* ----------- 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: black;
    	min-height: 360px;
    	/*border-top: 1px solid #253B87;
    	border-bottom: 1px solid #0f4c80;*/
	background-color: black;
	background-image: url("https://conferences.ctbto.org/event/30/images/43-SnT2025_Webbanner_weekof8Sep_2210x720_200dpi.jpg") !important;	
	background-position: center center  !important; 
	background-size: contain  !important;
	background-repeat: no-repeat, repeat  !important; 	
	padding-top: 80px;
	padding-left: 350px;
	max-width: 2210px;
    margin-left: auto;
    margin-right: auto;
}

/*
    Sets the width of the upper part of the conference header.
    Is set to 950px and centered by default.
*/
.confTitle {
    width: auto;
    margin: 0 auto;
}

/*
    The box containing the logo. By the default the logo is placed
    on the left of the conference title.
*/
.confLogoBox {
    	float: left; 
	/*display: inline-block; */
	padding-right: 10px; 
	vertical-align: bottom; 
	/*float: right;
    	padding-right: 10px;
	*/
}

.confLogoBox img {
	height: 170px;
}

/*
    The style for the title text.
*/
.conference-title-link {
    	font-size:30pt;
	font-family: Helvetica;
	font-style: normal;
	font-weight: bold;
opacity:0;
    	display: block;
    	align-content: bottom; 
	padding: 120px 0px;
    	color: white;
	/*text-shadow: -1px 0 var(--shadow), 0 1px var(--shadow), 1px 0 var(--shadow), 0 -1px var(--shadow);*/
	line-height: normal;
}

/*
    Wrapper around the bottom part of the conference header
*/
.confSubTitleBox {
    background: black;
    border-bottom: 1px solid var(--basecolor);
    padding: 0px;
}

/*
    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: #24425a;
	margin-top: -50px;
}

/*
    Style for links in the lower part of the header
*/
.confSubTitle a {
    font-size: 11pt;
	flex-basis: auto;
}

/*
    Styles for the date and place information.
*/
.datePlace {
	display:none;
    font-size: 10pt;
    font-weight: bold;
    color: var(--basecolor);
}
/*
.datePlace {
    font-family: 'BebasNeueRegular', 'Impact', 'Helvetica', 'Arial', 'Sans';
    font-size: inherit;
}
*/
.datePlace * {
    margin-right: 0.5em;
    float: left;
}

.datePlace .timezone {
    display: none;
}

.datePlace .place {
    font-style: normal;
}


/*
    Announcement styles
*/
.simpleTextAnnouncement {
    background: var(--basecolor);
    font-family: sans-serif;
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
    color: white;
    padding: 8px 0;
}

.nowHappening .nowHappeningText {
    margin-right: 5px;
    float: left;
}