<!DOCTYPE html>
<html lang="en">
<head>
<title>CLDF</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../../../favicon.ico">
<!--CSS-->
<link href="css/stylesheet.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.infotier.com/CLDF/BootStrap4.4.1/css/bootstrap.min.css">
<link href="https://cdn.infotier.com/CLDF/fontawesome5.13.0-web/css/all.css" rel="stylesheet">
<link href="https://cdn.infotier.com/CLDF/flipclockjs/flipclock.css" rel="stylesheet">
<link href="https://cdn.infotier.com/CLDF/iCalv3/css/add-to-calendar.css" rel="stylesheet">
<link href="css/Hover.css" rel="stylesheet" media="all">
<!--FONT-->
<!--JS-->
<script src="https://cdn.infotier.com/CLDF/jquery3.5.1/jquery-3.5.1.min.js"></script>
<script src="https://cdn.infotier.com/CLDF/popper1.11.0/popper.min.js" ></script>
<script src="https://cdn.infotier.com/CLDF/BootStrap4.4.1/js/bootstrap.min.js"></script>
<script src="https://cdn.infotier.com/CLDF/bootbox5.4.0/bootbox.min.js"></script>
<script src="https://cdn.infotier.com/CLDF/bootbox5.4.0/bootbox.locales.min.js"></script>
<script src="https://cdn.infotier.com/CLDF/BootStrapv4/js/jquery.bootstrap.wizard.js"></script>
<script src="https://cdn.infotier.com/CLDF/typeahead/bootstrap3-typeahead.js" type="text/javascript"></script>
<script src="https://cdn.infotier.com/CLDF/flipclockjs/flipclock.min.js" type="text/javascript"></script>
<script src="https://cdn.infotier.com/CLDF/iCalv3/js/ouical.js" type="text/javascript"></script>
<script src="https://cdn.infotier.com/CLDF/jqueryRedirect/jquery.redirect.js" type="text/javascript"></script>
<style type="text/css">
html{
scroll-behavior: smooth !important;
height:100%;
}
.img{
width:100%;
height:auto;
}
.row {
margin-right: -10px;
margin-left: -6px;
}
body {
font-family: Arial;
font-size:12px;
color:#01152A;
background-color:#EDF2F4;
background: url(/images/BG_gr.jpg) no-repeat center top #fff;
padding-left: 10px;
padding-right: 10px;
}
.form-control{
font-size:12px;
}
.container.container-body{
/*margin-top:31px;*/
border: solid 1px #FFFFFF;
background-color:#FFFFFF;
/*box-shadow: 0 0 0 0.5px rgba(50,50,93,.17), 0 2px 5px 0 rgba(50,50,93,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent !important;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);*/
}
.meeting-time h1 {
font-size:40px !important;
color:#59206C;
font-family:'FuturaCondensedPT-Bold';
text-align:left;
}
.creditbg h1{
margin: 15px 0 0 13px !important;
}
.container{
max-width:1003px;
}
.disease_submenu{
Background-color: #ECF1F5;
border-bottom:1px solid #595476;
}
#form .btn-primary:hover {
background-color: #1B6D61;
color:#FFFFFF
}
#form a: hover{
background-color:#FFFFFF;
}
#form .btn-primary a: hover{
background-color:#FFFFFF;
}
@media (min-width: 576px){
}
@media (min-width: 768px){
.col-md-1 {
max-width: 20%;
}
}
@media only screen and (max-width: 320px){
.meeting-info h2 {
line-height:1.5 !important;
}
.speaker-section {
margin-top: 134px;
}
.order {
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (max-width: 280px){
.title h1{
font-size:6px !important;
}
.meeting-info h2 {
line-height:1.5 !important;
}
.speaker-section {
margin-top: 92px !important;
}
.order {
-ms-flex-order: -1;
order: -1;
}
}
.subcontainer{
max-width: 1140px;
background-color:#fafafa;
}
.row-header h4{
text-transform:uppercase;
/*#f390af*/
}
.row-banner {
background-color:#1A9DBF;
}
.row-banner span{
font-family: Arial, Verdana, Tahoma, Sans;
font-size:.9rem;
}
.row-content-title{
font-family: Arial, Verdana, Tahoma, Sans;
font-size:.9rem;
}
.order {
-ms-flex-order: -1;
order: -1;
}
.wrapper {
position:relative;
width:100%;
height:auto;
}
.divimage { position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image: url(images/bg-2.jpg);
background-repeat:no-repeat;
background-size:100% auto;
/*min-height: 2000px;*/
background-color:#FFFFFF;
}
.btn-registration {
color: #FFFFF;
background-color: #EDB01E;
border-color: #FFF;
font-family: 'Seravek-Bold';
width: 100%;
font-size: 25px;
padding: 5px 0px 5px 0px;
border-radius: 0px;
}
.btn-registration a:hover {
color: #FFFFF;
background-color: #FFFFFF important!;
border-color: #FFF;
font-family: 'Seravek-Bold';
width: 100%;
font-size: 30px;
padding: 5px 0px 5px 0px;
border-radius: 0px;
}
.meeting-info {
position:relative;
top:0px;
left:0;
width:100%;
padding-top:-0.5%;
text-align:center;
font-weight:bold;
font-size:18px;
color:#470800;
font-family:arial;
line-height:1.5;
height: auto;
}
.meeting-info h1 {
font-size:16px;
color:#FFFFFF;
font-family:'AvenirNextCondensed-DemiBold';
line-height:1;
}
.title h1 {
font-size:8px !important;
color:#b4eefc;
font-family:'Futura-Bold';
}
.title h2 {
font-size:16px !important;
color:#FFFFFF;
font-family:'FuturaPT-Demi';
}
.registered p {
font-size:16px !important;
color:#343434;
font-family:'FuturaPT-Demi';
}
.title h3 {
font-size:20px !important;
color:#FFFFFF;
font-family:'FuturaPT-Demi';
}
.title span {
font-size:28px !important;
color:#b4eefc;
font-family:'Futura-Bold';
}
.meeting-time h3 {
font-size:34px !important;
color:#59206C;
font-family:'FuturaCondensedPT-Bold';
text-align:left;
}
.meeting-time h2 {
font-size:11px !important;
color:#FFFFFF;
font-family:'Futura-Medium';
}
.spanTime {
font-size:11px;
color:#edeb85;
font-family:'Futura';
}
.subtitle h3 {
font-size:9px !important;
color:#FFFFFF;
font-family:'FuturaCondensedPT-Bold';
line-height: 0.5px;
}
.subtitle span {
font-size:12px !important;
color:#b4eefc;
font-family:'FuturaCondensedPT-Bold';
}
.speaker-section{
margin-top: 150px;
}
.subtitle {
margin-bottom: 67px !important;
}
.meeting-info h6 {
font-size:18px;
color:#b4eefc;
font-family:Futura-Bold;
line-height:1.2;
Text-align: center;
}
.meeting-info ul {
font-weight:normal;
font-size:18px;
color:#470800;
font-family:'Seravek-Medium';
line-height:1.5;
}
.speaker-info {
text-align:righ!important;
padding-right:16px;
padding-left: 16px;
}
.speaker-info h1 {
font-weight:normal;
font-size:32px !important;
color:#59206C !important;
font-family:'FuturaCondensedPT-Bold';
line-height:1;
text-align: center;
}
#form .btn-primary{
font-size: 27px;
font-family:'FuturaCondensedPT-Bold';
font-weight:bold;
border-color: rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0);
filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
}
.speaker-info h2 {
font-weight:normal !important;
font-size:14px !important;
color:#143B78 !important;
font-family:'Seravek-BoldItalic' !important;
line-height:1.5 !important;
}
.speaker-info a{
font-weight:normal !important;
text-align:right !important;
font-family:'Seravek-Medium' !important;
color:#143B78 !important;
}
.speaker-info a:hover{
text-decoration:none;
}
.meeting-info h5 {
font-size:30px;
color:#470800;
font-family:'Seravek-BoldItalic';
line-height:1.5;
}
.faculty {
position:absolute;
top:0;
left:0;
width:100%;
padding-top:80.5%;
text-align:left;
font-weight:bold;
font-size:20px;
color:#470800;
font-family:arial;
line-height:1.5;
}
.meeting-info h4{
font-size:12px !important;
text-align:left;
font-family:'Avenir-Medium';
color:#222222;
padding-top:10px;
text-align:right;
}
.card-title a{
padding-top:10px;
font-size:18px !important;
text-align:center;
font-family:'Seravek-BoldItalic';
color:#3A91C6;
}
.card {
border:none;
background-color: transparent;
}
.faculty-info p{
font-size:14px;
font-family: 'Futura-Book' !important ;
line-height:1;
color:#59206C;
font-weight: normal;
}
.meeting-info h2 {
font-size:8px;
font-family: 'FuturaCondensedPT-Bold' ;
line-height:1.5;
color:#1B6D61;
text-align:left;
}
.faculty-info h1{
font-family: 'FuturaCondensedPT-Bold' ;
color: #59206C;
font-size: 21px !important;
}
.speaker-img{
width:20%;
}
.agenda {
padding-left: 15px;
}
.agenda h1{
font-weight:normal;
font-size:20px;
color:#FFFFFF;
font-family:'Futura-Bold';
line-height:1.5;
text-align: center;
margin-left:10px;
}
.agenda h2{
font-weight:normal;
font-size:16px;
color:#b4eefc ;
font-family:'Futura-Bold';
line-height:1.5;
text-align: center;
}
.agenda p{
font-weight:normal;
font-size:14px;
color:#FFFFFF ;
font-family:'Futura-Medium';
line-height:1.5;
text-align: center;
}
.agenda p>span{
font-size:.8em;
font-style: italic;
}
.speaker-bio {
padding-left: 15px;
padding-right: 15px;
margin-top: 61px;
}
.speaker-bio h1{
font-weight:normal;
font-size:20px;
color:#01AEEF;
font-family:'AvenirNextCondensed-DemiBold';
line-height:1.5;
text-align: left;
}
.speaker-bio h2{
font-weight:normal;
font-size:16px;
color:#FFFFFF ;
font-family:'Futura-Book';
line-height:1.5;
text-align: left;
}
.speaker-bio p{
font-weight:normal;
font-size:14px;
color:#222222 ;
font-family:'Avenir-Medium';
line-height:1.5;
text-align: justify;
}
.credits{
background: rgb(216,128,61);
background: linear-gradient(163deg, rgba(216,128,61,1) 0%, rgba(211,101,47,1) 100%);
}
.credits p{
font-family:'Futura-MediumItalic';
font-size: 14px;
color: #FFFFFF;
font-weight: normal;
margin-bottom: 0rem;
}
.credits span{
font-family:'Futura-Bold';
font-size: 18px;
color: #b4eefc;
font-weight: normal;
margin-bottom: 0rem;
}
.virtual{
top: -2px;
width: 50%;
margin-right: -17px !important;
}
header p{
font-size:1.5rem;
}
h3{
font-size:1.45rem;
}
/*Header*/
.header {
background: linear-gradient(#514D70,#2F2542);
min-height:128px;
padding-left:0px;
padding-right:0px;
font-family: Arial, Verdana, Tahoma, Sans !important;
font-size: 12px !important;
font-weight: bold !important;
Text-Decoration: none;
border-bottom:5px solid #DF6420;
position:relative;
}
/*MENU*/
.navbar {
font-family: Arial, Verdana, Tahoma, Sans;
}
.nav-item-cldf {
background: linear-gradient(#E06722,#F48734);
padding-left:0;
padding-right:0;
color:#2E2642 !important;
font-family: Arial, Verdana, Tahoma, Sans !important;
font-size: 12px !important;
Text-Decoration: none;
}
.nav-item {
background:linear-gradient(#464062,#5C587E);
padding-left:0;
padding-right:0;
font-family: Arial, Verdana, Tahoma, Sans !important;
font-size: 12px !important;
font-weight: bold !important;
Text-Decoration: none;
}
.mt-3, .my-3 {
margin-top: 0rem!important;
}
.nav-item a{
font-size: 15px;
color: #FFFFFF !important;
list-style: none;
text-align: center;
width:100%;
font-family: Arial, Verdana, Tahoma, Sans;
font-size: 11px;
font-weight: bold;
Text-Decoration: none;
background-color:#FFFFF;
}
.nav-item-cldf a{
font-size: 15px;
list-style: none;
text-align: center;
width:100%;
color: #2E2642;
font-family: Arial, Verdana, Tahoma, Sans;
font-size: 13px;
Text-Decoration: none;
}
.nav-item-cldf a:hover,.nav-item a:active {
color:#FFFF !important;
}
.nav-item a:hover,.nav-item a:active {
color:#E5B37F !important;
}
.nav-link {
padding:.25rem .25rem;
}
.dropdown-menu a:hover{
color:#FFFFFF !important;
background-color:#F48734;
}
.dropdown-menu {
background-color:#443C60;
padding:0;
margin: 0 !important;
}
.dropdown-menu .dropdown-item{
font-size:.8rem;
text-align:left;
font-family:Arial, Verdana, Tahoma, Sans;
}
.dropdown-menu a{
color:#FFFFF !important;
font-family: Arial, Verdana, Tahoma, Sans;
font-size: 13px;
Text-Decoration: none;
}
.dropdown-item {
display: block;
width: 100%;
padding: .50rem 0.50rem;
clear: both;
font-weight: 400;
color: #443C60;
text-align: inherit;
white-space: normal;
background-color: transparent;
border: 0;
}
.dropdown-item-cldf {
display: block;
width: 100%;
padding: .50rem 0.50rem;
clear: both;
font-weight: 400;
color: #EEEE;
text-align: inherit;
white-space: normal;
background-color: #F48734;
border: 0;
}
.dropdown-menu a:hover{
color: #FFFFF !important;
font-family: Arial, Verdana, Tahoma, Sans;
font-size: 13px;
Text-Decoration: none;
background-color:#F48734 !important;
}
.submenu {
}
.disease-menu{
background-color:#EBF0F4;
border-bottom:1px solid #8E8E90;
}
.disease-menu-container{
max-width: 1003px;
background-color:#FFFFFF !important;
font-family:Arial, Verdana, Tahoma, Sans;
color: #342949;
font-size: 13px;
font-weight: bold;
Text-Decoration: none;
height:39px;
vertical-align:middle;
}
.disease-menu-container li{
flex-direction: row;
list-style: none;
display:inline-block;
}
.dropdown-toggle:after { content: none }
/*SUBMENU*/
#navbarCollapse2 .nav-item {
background-image: linear-gradient(#c5cad1, #51585c);
border-right: 1px solid #51585c;
padding-left:0;
padding-right:0;
font-family:Arial, Verdana, Tahoma, Sans;
}
#navbarCollapse2 .nav-item a:hover,.nav-item a:active {
background-color:transparent !important;
}
#navbarCollapse2 .dropdown-menu a:hover {
color:#fffff !important;
text-decoration:underline;
background-color:#F1F5F6;
}
#navbarCollapse2 .submenu a:hover {
color:#777777 !important;
text-decoration:underline;
background-color:#FFFFF !important;
}
/*******/
/*SOCIAL*/
.social .nav-item {
background-image: none;
border:0;
}
.social .nav-item a{
color:#333333 !important;
}
.social .nav-item a:hover{
}
/*******/
.navbar-brand {
/*width: 300px;*/
overflow: hidden;
}
.navbar-brand img {
margin: -10% 0;
}
/*********************************/
/*BUTTONS*/
.btn-primary{
background-color: #FFFFFF;
border:1px solid #1B6D61;
color:#1B6D61;
}
.btn-primary:hover{
background-color:#01152A;
}
.btn-primary:selected {
background-color:#01152A;
}
.btn-primary:active {
background-color:#01152A;
}
.btn-primary:visited {
background-color:none;
}
.btn-primary:focus {
background-color:#01152A !important;
border-color: #01152A !important;
}
/************************/
/**/
.speaker-name-title{
font-size:1.45rem;
font-family: Arial, Verdana, Tahoma, Sans;
}
/*CALENDAR*/
#btnAddToCalendar{
color:#1B6D61;
font-size:1.20rem;
}
#AddToCalendar .modal-body{
min-height:290px;
}
/*COVER IMG DIV*/
.fit-image{
width: 100%;
object-fit: cover;
}
/*FOOTER*/
footer{
background-color:#EFD3AE;
COLOR: #443C60;
}
footer a{
COLOR: #443C60;
text-decoration:none;
font-family:Arial, Verdana, Tahoma, Sans;
font-size: 12px;
}
footer-social a{
COLOR: #FFFFF;
text-decoration:none;
font-family:Arial, Verdana, Tahoma, Sans;
font-size: 12px;
}
footer ul{
list-style-type: none;
}
footer li{
line-height:1rem
}
footer li.linkTitle{
font-size: 14px;
COLOR: #443C60;
font-weight: normal;
font-weight:bold;
text-decoration:none;
font-family: Verdana, Tahoma, Sans;
}
footer li.linkTitle-bottom{
font-size: 12px;
COLOR: #443C60;
font-weight: normal;
font-weight:bold;
text-decoration:none;
font-family: Verdana, Tahoma, Sans;
}
footer a:hover{
color:#000000;
text-decoration:underline;
}
footer a.linkTitle{
font-size: 12px;
color:#443C60;
font-weight:bold;
}
footer a.linkTitle-bottom{
font-size: 12px;
color:#443C60;
font-weight:bold;
}
footer p{
font-family:Arial, Verdana, Tahoma, Sans;
font-size: 12px;
color: #443C60;
font-weight: normal;
}
/************************/
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.flip-clock-divider .flip-clock-label{
color:#1a4a72;
font-size:24px;
}
/*COLOR CLOCK*/
.clock {
zoom: 0.6;
-moz-transform: scale(0.6);
-webkit-transform: scale(0.6);
transform: scale(0.6);
width:620px;
margin-left: -18%;
/*
zoom: 0.6;
-moz-transform: scale(0.6);
-webkit-transform: scale(0.6);
transform: scale(0.6);
width:620px;
margin-left: -140px;
*/
}
.flip-clock-wrapper ul li a div div.inn {
font-size:48px;
font-family: Arial, Verdana, Tahoma, Sans;
}
.flip-clock-wrapper ul {
background: #fff;
}
.flip-clock-wrapper ul li a div.up:after {
background-color: #01152A;
background-color: rgba(23,73,115, 0.4);
}
.flip-clock-wrapper ul li a div div.inn {
color: #FFFFFF;
text-shadow: 0 1px 1px #555;
background-color: #01152A;
}
.cldf-logo {
margin-left:60px;
}
.navbar-light .navbar-toggler {
border-color: rgba(200, 200, 200, 1);
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='1 1 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(223,100,30, 1)' stroke-width='1' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.link{
color:#2E2642 !important;
}
.fa-2x {
display:inline;
}
/* INDEX TEXT */
.leftbotbg{
width: 100% !important;
}
.leftbotbg-main {
float: left;
background: #f2deb8;
border-radius: 1px;
margin-top: 12px;
width: 100%;
font-family:Arial, Verdana, Tahoma, Sans;
}
.leftbotbg {
float: left;
background: #f5e0d4;
border-radius: 1px;
margin-top: 12px;
width: 100%;
font-family:Arial, Verdana, Tahoma, Sans;
padding-right: 15px;
}
.tabs {
display: inline-block;
align-self: flex-start;
margin-top:15px;
}
@media screen and (max-width: 600px) {
}
.titles h1{
font-family: Verdana, Tahoma, Sans;
font-size: 11px;
line-height: 15px;
color: #413b5c;
margin-left: 15px;
margin-top: 15px;
font-weight:bold;
}
.titles h2{
font-family: Verdana, Tahoma, Sans;
font-size:12pt;
color: #092F57;
}
.titles span{
font-family: Verdana, Tahoma, Sans;
font-size:10pt;
color: black;
}
.titles h3{
font-family:A Verdana, Tahoma, Sans;
font-size:10pt;
color: #092F57;
}
.submenu a{
color: #342949;
font-family: Arial, Verdana, Tahoma, Sans;
font-size: 13px;
font-weight: bold;
Text-Decoration: none;
}
.submenu ul{
list-style-type: none;
}
.submenu li{
line-height:1rem
}
.submenu li.linkTitle{
font-size: 14px;
COLOR: #443C60;
font-weight: normal;
font-weight:bold;
text-decoration:none;
font-family: Verdana, Tahoma, Sans;
}
.submenu li.linkTitle-bottom{
font-size: 12px;
COLOR: #443C60;
font-weight: normal;
font-weight:bold;
text-decoration:none;
font-family: Verdana, Tahoma, Sans;
}
.subtitle {
margin-bottom: 47px;
}
.submenu a:hover{
color: #9D5435;
font-family: Arial, Verdana, Tahoma, Sans;
font-size: 13px;
Text-Decoration: none;
}
.submenu a.linkTitle{
font-size: 12px;
color:#443C60;
font-weight:bold;
}
.submenu a.linkTitle-bottom{
font-size: 12px;
color:#443C60;
font-weight:bold;
}
.tabs p{
font-family: Verdana, Tahoma, Sans;
font-size: 11px;
line-height: 15px;
color: #413b5c;
margin-left: 15px;
margin-bottom: 10px;
}
.titles p{
font-family: Verdana, Tahoma, Sans;
font-size: 11px;
line-height: 15px;
color: #413b5c;
margin-bottom: 10px;
}
.titles ul{
font-family: Verdana, Tahoma, Sans;
font-size:10pt;
color: black;
padding-left: 15px;
}
.align-items-center{
align-items: end !important;
}
.dotnew{
float: left;
width: 30px;
height: 20px;
background: url(../Images/dotnew.png) no-repeat 0 0;
padding-top: 5px;
}
.titles li {
float: left;
font-family: Verdana, Tahoma, Sans;
width:100%;
font-size: 11px;
color: #413b5c;
margin-bottom:10px;
margin-left: 15px;
}
.headtagsubpage h1 {
float: left;
width: 210px;
FONT-SIZE: 22px;
COLOR: #D6A579;
font-weight: normal;
FONT-FAMILY: Arial, Verdana, Tahoma, Sans;
padding: 12px 0px 12px 0px;
}
/* SUB MENU FOR DISEASES*/
.topnav {
overflow: hidden;
background-color: #FFFFFF;
max-width:1003px;
border-bottom:1px solid #FFFFFF;
}
.topnav a {
float: left;
display: block;
text-align: left;
padding: 9px 13px;
color: #342949;
font-family: Arial, Verdana, Tahoma, Sans;
font-size: 13px;
font-weight: bold;
Text-Decoration: none;
}
.active {
color: white;
}
.topnav .icon {
display: none;
}
.dropdown {
float: left;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.topnav a:hover, .dropdown:hover .dropbtn {
color: #9D5435;
}
.dropdown-content a:hover {
background-color: #ddd;
color: black;
}
.dropdown:hover .dropdown-content {
display: block;
}
@media screen and (max-width: 600px) {
.topnav a:not(:first-child), .dropdown .dropbtn {
display: none;
}
.topnav a.icon {
float: right;
display: block;
}
}
@media screen and (max-width: 600px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
.topnav.responsive .dropdown {float: none;}
.topnav.responsive .dropdown-content {position: relative;}
.topnav.responsive .dropdown .dropbtn {
display: block;
width: 100%;
text-align: left;
}
}
@media ( max-width: 768px ) {
.site-branding {
order: 1;
}
.hide-banner{
display:none;
}
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
.mt-sm-4, .my-sm-4 {
margin-top: 0rem!important;
}
.navbar-toggler {
margin-top:-90px;
}
.navbar-toggler {
margin-top:-34px;
}
.order {
-ms-flex-order: -1;
order: -1;
}
}
@media (max-width: 575px) {
.navbar-toggler {
margin-top:-34px;
}
.cldf-logo {
margin-left:0px;
}
.speaker-section {
margin-top: -7px;
margin-left: -6px;
}
}
@media (min-width: 411px){
body{
padding-left: 10px;
padding-right: 10px;
}
.meeting-info{
height: auto;
}
.clock {
margin-left: -10% !important;
}
.title h1 {
font-size:10px !important;
}
.title h2 {
font-size:22px !important;
}
.title span {
font-size:32px !important;
}
.subtitle h3 {
font-size:12px !important;
line-height: 0.5;
}
.subtitle span {
font-size:16px !important;
}
.meeting-time h1 {
font-size:20px !important;
}
.meeting-time h2 {
font-size:16px !important;
}
#form .btn-primary{
background-color: #FFFFFF;
color:#1B6D61;
font-size: 22px;
border-color: rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0);
filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
}
.speaker-section{
margin-top: -14px;
}
.meeting-info h2{
font-size:10px;
}
.faculty-info a{
color:transparent !important;
text-decoration: none;
}
.credits p{
font-size: 22px;
}
.credits span{
font-size: 38px;
}
.credits {
margin-left: 0px;
margin-right: 0px;
}
.agenda h1{
font-size:32px;
}
.agenda h2{
font-size:24px;
}
.agenda p{
font-size:21px;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.clock {
zoom: 1.0;
-moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
/*width:700px;
margin-left: -160px;*/
}
.meeting-info{
height:780px !important;
}
.order {
order: 0;
}
.clock {
margin-left: 11% !important;
}
.navbar-toggler {
margin-top:-100px;
}
.flip-clock-wrapper ul li a div div.inn {
font-size:70px;
}
.navbar-toggler {
margin-top:-34px;
}
body{
padding-left: 0px;
padding-right: 0px;
}
.title h1 {
font-size:14px !important;
}
.title h2 {
font-size:29px !important;
}
.title span {
font-size:44px !important;
}
.subtitle h3 {
font-size:16px !important;
line-height: 0.5;
}
.subtitle span {
font-size:17px !important;
}
.meeting-time h1 {
font-size:18px !important;
}
.meeting-time h2 {
font-size:20px !important;
}
#form .btn-primary{
background-color: #FFFFFF;
color:#1B6D61;
font-size: 22px;
border-radius: 13px;
border-color: rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0);
filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
}
.meeting-info h4{
color:#ffffff;
}
.speaker-section{
margin-top: -2px;
}
.faculty-info a{
color:transparent !important;
text-decoration: none;
}
.credits p{
font-size: 26px;
}
.credits span{
font-size: 38px;
}
.credits {
margin-left: 0px;
margin-right: 0px;
}
.agenda h1{
font-size:32px;
}
.agenda h2{
font-size:24px;
}
.agenda p{
font-size:21px;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
width:700px;
margin-left: -160px;
-moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
.nav-item {
border-bottom: 2px solid #6dc9ef;
margin-right:26px;
}
.navbar {
font-family: Arial, Verdana, Tahoma, Sans;
position:absolute;
bottom:0;
width:100%;
}
/*COVER DIV*/
.fit-image{
height: 136px;
background-position: center center;
background-repeat: no-repeat;
}
/*DISPLAY SUBMENUS ON HOVER*/
.navbar-nav li:hover>.dropdown-menu {
display: block;
color:red;
}
.navbar-nav li:not(:hover)>.dropdown-menu {
display: none;
}
body{
padding-left: 0px;
padding-right: 0px;
}
.title h1 {
font-size:18px !important;
}
.title h2 {
font-size:52px !important;
}
.title span {
font-size:80px !important;
}
.subtitle h3 {
font-size:28px !important;
line-height: 0.5;
}
.subtitle span {
font-size:28px !important;
}
.meeting-time h1 {
font-size:28px !important;
}
.meeting-time h2 {
font-size:30px !important;
}
#form .btn-primary{
background-color: #FFFFFF;
border:0px solid #1A9DBF ;
color:#1B6D61;
font-size: 22px;
border-radius: 13px;
border-color: rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0);
filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
}
.speaker-section{
margin-top: -18px;
}
.faculty-info a{
color:transparent !important;
text-decoration: none;
}
.credits p{
font-size: 30px;
}
.credits span{
font-size: 38px;
}
.credits {
margin-left: 0px;
margin-right: 0px;
}
.agenda h1{
font-size:32px;
}
.agenda h2{
font-size:24px;
}
.agenda p{
font-size:21px;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.clock {
zoom: 1.0;
-moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
width:700px;
margin-left: -160px;
}
.meeting-time h3 {
font-size:50px !important;
}
.meeting-info{
margin-left: 37px;
height: 840px;
}
.meeting-info h2{
font-size:22px !important;
}
.meeting-info h4{
font-size:14px !important;
}
.meeting-info h4{
color:#FFFFFF;
}
body{
padding-left: 0px;
padding-right: 0px;
}
.title h1 {
font-size:18px !important;
}
.title h2 {
font-size:52px !important;
}
.title span {
font-size:80px !important;
}
.subtitle h3 {
font-size:37px !important;
line-height: 0.5;
}
.subtitle span {
font-size:55px !important;
}
.meeting-time h1 {
font-size:31px !important;
}
.meeting-time h2 {
font-size:21px !important;
}
#form .btn-primary{
background-color: #FFFFFF;
color:#FuturaCondensedPT-Bold;
font-size: 35px;
border-radius: 5px;
border-color: rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0);
filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
}
}
.faculty-info a{
color:transparent !important;
text-decoration: none;
}
.credits p{
font-size: 30px;
}
.credits span{
font-size: 38px;
}
.credits {
margin-left: 0px;
margin-right: 0px;
}
.agenda h1{
font-size:32px;
}
.agenda h2{
font-size:24px;
}
.agenda p{
font-size:21px;
}
.clock {
margin-left: 11% !important;
}
.subtitle{
margin-bottom:88px !important;
}
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.clock {
margin-left: 16% !important;
}
.order {
order: 0;
}
}
</style>
</head>
<body>
<header>
<!-- Modal -->
<div class="modal fade" id="AddToCalendar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Save the Date</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="new-cal"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="header">
<div class="container flex-row" style="margin-bottom:35px;">
<a href="/index.cfm"><img class="img-fluid " src="https://cdn.infotier.com/CLDF/images/CLDF_White.svg" style="max-width:187px; " alt=""></a><img src="https://cdn.infotier.com/CLDF/images/HeaderTitle.png" class="img-fluid d-none d-sm-inline" style="max-width: 100%;height:auto;padding-top:20px;" alt="">
</div>
<nav class="navbar navbar-expand-lg navbar-light rounded p-0 mt-3 mb-0">
<div class="container flex-row px-0" style="justify-content: flex-end;">
<div style="display: inline-block;align-self: flex-start;">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="collapse navbar-collapse align-self-end flex-column ml-lg-0 ml-3" id="navbarCollapse">
<ul class="navbar-nav ml-auto w-100 ">
<li class="nav-item dropdown col-lg-1">
<a class="nav-link dropdown-toggle" href="/areas_of_focus/IBD/index.cfm" target="_blank" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">HEPATITIS
</a>
<div class="dropdown-menu w-100 " aria-labelledby="dropdown01">
<a class="dropdown-item" href="/disease_focus/hbv.cfm?dstate=hbv">HBV</a>
<a class="dropdown-item" href="/disease_focus/hcv.cfm?dstate=hcv">HCV</a>
<a class="dropdown-item" href="/disease_focus/hdv.cfm?dstate=hdv">HDV</a>
</div>
</li>
<li class="nav-item dropdown col-lg-1 ">
<a class="nav-link dropdown-toggle" href="/areas_of_focus/IBD/index.cfm" target="_blank" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">CIRRHOSIS
</a>
<div class="dropdown-menu w-100 " aria-labelledby="dropdown01">
<a class="dropdown-item" href="/disease_focus/he.cfm?dstate=he">HEPATIC ENCEPHALOPATHY (HE)</a>
<a class="dropdown-item" href="/disease_focus/hrs.cfm?dstate=hrs">HEPATORENAL SYNDROME (HRS)</a>
<a class="dropdown-item" href="/disease_focus/other.cfm?dstate=other">THROMBOCYTOPENIA</a>
</div>
</li>
<li class="nav-item dropdown col-lg-1">
<a class="nav-link dropdown-toggle" href="/disease_focus/nash.cfm?dstate=nash">NASH</a>
</li>
<li class="nav-item dropdown col-lg-1">
<a class="nav-link dropdown-toggle" href="" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >CHOLESTATIC</a>
<div class="dropdown-menu w-100 " aria-labelledby="dropdown01">
<a class="dropdown-item" href="/disease_focus/pbc.cfm?dstate=pbc">PRIMARY BILIARY CHOLANGITIS (PBC)</a>
</div>
</li>
<li class="nav-item dropdown col-lg-1">
<a class="nav-link dropdown-toggle" href="/disease_focus/hcc.cfm?dstate=hcc">HCC</a>
</li>
<li class="nav-item dropdown col-lg-2">
<a class="nav-link dropdown-toggle" href="/disease_focus/ald.cfm?dstate=ald">ALCOHOL LIVER DISEASE</a>
</li>
<li class="nav-item dropdown col-lg-2">
<a class="nav-link dropdown-toggle" href="/disease_focus/pld.cfm?dstate=pld">PEDIATRIC LIVER DISEASE</a>
</li>
<li class="nav-item-cldf dropdown col-lg-1">
<a class="nav-link link dropdown-toggle" href="/about/mission.cfm">About CLDF</a>
<div class="dropdown-menu submenu w-100 " aria-labelledby="dropdown01">
<a class="dropdown-item-cldf " href="/about/BoardTrustees.cfm">Board of Trustees</a>
<a class="dropdown-item-cldf text-wrap" href="/about/BoardAdvisors.cfm">Board of Advisor/Faculty</a>
<a class="dropdown-item-cldf text-wrap" href="/about/GI_BoardAdvisors.cfm">2020 GI Fellow Board of Advisors</a>
<a class="dropdown-item-cldf text-wrap" href="/about/Committees.cfm">CLDF Committees</a>
</div>
</li>
<li class="nav-item-cldf dropdown col-lg-3">
<a class="nav-link link dropdown-toggle" href="/map.cfm">Center of Educational Expertise</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<style>
</style>
<div class="disease_submenu">
<div class="container topnav " id="myTopnav">
<a href="/disease_focus/default.cfm?dstate=default&sec=cmedm" class="active" style="font-size: 14px;color: #dd6626;">Live CME Events</a>
<a href="/disease_focus/default.cfm?dstate=default&sec=sl">Slide Library</a>
<a href="/disease_focus/default.cfm?dstate=default&sec=wc" >Webcasts</a>
<a href="/disease_focus/articles">Abstract Library</a>
<a href="https://www.youtube.com/channel/UCcRhJwPzc_cio8Vzmw4CDcA" target="_blank">LiverQ Academy</a>
<a href="/disease_focus/default.cfm?dstate=default&sec=ch">Conference Highlights</a>
<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">☰</a>
</div>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav container") {
x.className += " responsive";
} else {
x.className = "topnav container";
}
}
</script>
</div>
</div>
</div>
</header>
<div class="container container-body my-sm-4 pb-4">
<link href="css/stylesheet.css" rel="stylesheet">
<link href="css/Hover.css" rel="stylesheet" media="all">
<body>
<div class="container h-100 mt-3 px-0 px-sm-3">
<div class="row justify-content-center text-center px-md-2 px-0" id="rowStage1">
<div class="col-md-8 px-1 order-first order-lg-last">
<div class="wrapper">
<div class="row justify-content-center text-center" id="rowStage1">
<div class="col-sm-12">
<div class="meeting-info">
<div class="row">
<div class="col-sm-12 mt-1 text-center" style="padding-top:150px;">
<div class="title">
Website maintenance in progress. <br><br> The requested content is currently unavailable. <br><br>Please check back later. Thank you.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var clock;
$('#rowLive').hide();
//$('#rowLiveLinks').hide();
// Set dates.
var futureDate = new Date("October 14, 2021 08:00 PM EDT");
//console.log(futureDate);
//var futureDate = new Date("10/14/2021 08:00 PM");
var currentDate = new Date();
// Calculate the difference in seconds between the future and current date
var diff = futureDate.getTime() / 1000 - currentDate.getTime() / 1000;
// Calculate day difference and apply class to .clock for extra digit styling.
function dayDiff(first, second) {
return (second-first)/(1000*60*60*24);
}
if (dayDiff(currentDate, futureDate) < 100) {
$('.clock').addClass('twoDayDigits');
} else {
$('.clock').addClass('threeDayDigits');
}
if(diff < 0) {
diff = 0;
//$('#rowStage1').hide();
//$('#rowStage2').hide();
//$('#rowStage3').hide();
$('#rowLive').show();
//$('#Stage').hide();
//$('#broadcastRedirection').modal({backdrop: 'static', keyboard: false});
//$('#broadcastRedirection').modal('show');
}else{
// Instantiate a coutdown FlipClock
clock = $('.clock').FlipClock(diff, {
clockFace: 'DailyCounter',
countdown: true,
callbacks: {
stop: function() {
// Do whatever you want to do here,
// that may include hiding the clock
// or displaying the image you mentioned
//$('#Stage').hide();
$('#rowLive').slideDown('slow', function(){
$('#rowStage1').fadeOut('slow');
});
//$.redirect('stream.cfm', {meetingID: $('#meetingID').val()}, "POST", "_self");
},
interval: function() {
var time = this.factory.getTime().time;
if(time) {
//console.log('interval', time);
if(time <= 120){
$('#rowLive').slideDown('slow', function(){
$('#rowStage1').fadeOut('slow');
});
}
}
},
}
});
}
//Calendar JS Date & Time including the TimeZone
var icalDateTime = new Date("October 14, 2021 08:00 PM");
var myCalendar = createCalendar({
options: {
class: 'my-class',
id: 'my-id'
},
data: {
title: "Pathways of Care for the Patient with Hepatic Encephalopathy", // Event title
//start: new Date('10/14/2021 08:00 PM'), // Event start date
//Feed the date to the calendar
start: new Date(icalDateTime), // Event start date
// Event timezone. Will convert the given time to that zone
timezone: 'America/New_York',
duration: 90, // Event duration (IN MINUTES)
// You can also choose to set an end time
// If an end time is set, this will take precedence over duration
// end: new Date('June 15, 2013 23:00'),
// You can also choose to set 'all day'
// If this is set, this will override end time, duration and timezone
// allday:true,
address: "https://www.chronicliverdisease.org/PATHWAYS2021",
description: "Virtual Event<br>Pathways of Care for the Patient with Hepatic Encephalopathy <br> Date: Thursday, October 14, 2021 <br> 8:00 PM ET / 7:00 PM CT / 6:00 PM MT / 5:00 PM PT <br>https://www.chronicliverdisease.org/PATHWAYS2021",
URL:"https://www.chronicliverdisease.org/PATHWAYS2021"
}
});
document.querySelector('.new-cal').appendChild(myCalendar);
$('#emailForm').submit(function(e){
$.ajax({
url:'cfc/emailValidation.cfc?method=validateEmailFromCountdown&returnformat=json',
dataType: "json",
data: { emailID: $('#inputEmail').val(), dmid: $('#dmid').val(), meetingID: $('#meetingID').val()},
beforeSend: function() {
$('#inputEmail').prop('disabled',true);
$('#btnSubmit').prop('disabled',true);
$('#btnSubmit').attr('value', 'Please wait...');
},
success:function(result){
setTimeout(function(){
/*if (result == 0 ){
bootbox.alert('Evaluation needs to be taken prior to completing this MOC activity. Please <a href="search.cfm?m=GALA19FL-1">click here</a> to take the evaluation');
}else if (result == 1 ){
bootbox.alert('MOC activity has already been taken under this email address.');
}else{
var url = document.location.href+"?cmeid="+result;
document.location = url;
};*/
if (result["STATUS"] == 1 ){
$.redirect('stream.cfm', {registerID: result["KEY"]}, "POST", "_self");
}else{
$.redirect('registration.cfm', {meetingID: result["MEETING"], dmid:0}, "POST", "_self");
}
//$('#inputEmail').val('');
$('#emailForm')[0].reset();
$('#btnSubmit').attr('value', 'Enter Event');
$('#inputEmail').prop('disabled',false);
$('#btnSubmit').prop('disabled',false);
//$('#txtName').prop('disabled',false);
},1000);
},
error:function(response){
alert('There has been a problem with this action' + response);
$('#emailForm')[0].reset();
$('#btnSubmit').attr('value', 'Enter Event');
$('#inputEmail').prop('disabled',false);
$('#btnSubmit').prop('disabled',false);
//$('#txtName').prop('disabled',false);
},
complete: function() {
},
});
e.preventDefault(e);
});
$("#loginform").submit(function(e) {
//
$.ajax({
url:'cfc/emailValidation.cfc?method=validateRegistration&returnformat=json',
dataType: "json",
//data: { emailID: $('#emailLogin').val(),meetingID: $('#meetingid').val(), hasMeetingStarted : $('#hasMeetingStarted').val()},
data: { emailID: $('#emailLogin').val(),meetingID: $('#meetingid').val(), hasMeetingStarted : $('#hasMeetingStarted').val() },
beforeSend: function() {
$('#emailLogin').prop('disabled',true);
$('#btnLogin').prop('disabled',true);
$('#btnLogin').attr('value', 'Validating...');
},
success:function(result){
setTimeout(function(){
if (result["STATUS"] == 1 ){
//$.redirect('index.cfm?dmid=' + result["KEY"]}, "POST", "_self");
window.location.replace('live.cfm?dmid=' + result["KEY"]);
}else if(result["STATUS"] == 2)
$.redirect('stream.cfm', {registerID: result["KEY"]}, "POST", "_self");
else{
$('#msgError').addClass('show');
setTimeout(function() {
$('#msgError').removeClass('show');
}, 5000);
};
$('#loginform')[0].reset();
$('#btnLogin').attr('value', 'Log In');
$('#emailLogin').prop('disabled',false);
$('#btnLogin').prop('disabled',false);
},1000);
},
error:function(response){
alert('There has been a problem with this action' + response);
$('#emailForm')[0].reset();
$('#btnLogin').attr('value', 'Log In');
$('#emailLogin').prop('disabled',false);
$('#btnLogin').prop('disabled',false);
},
complete: function() {
},
});
e.preventDefault();
});
/*AS A FIX WHEN NOT USING TABS WITH NAV-LINKS STRUCTURE 08.19.2020 JT */
$('#tabLinks a').on('click', function(e) {
e.preventDefault();
$(this).tab('show');
var theThis = $(this);
$('#tabLinks a').removeClass('active');
theThis.addClass('active');
});
/*SCROLLING EFFECT*/
$('#tabLinks').find('a').on('shown.bs.tab', function () {
// Some code you want to run after the tab is shown (callback)
var href = $(this).attr('href');
if (document.documentElement.clientWidth < 576) {
$('html, body').animate({
scrollTop: $(href).offset().top
}, 'slow');
}else{
$('html, body').animate({
scrollTop: $(href).offset().top - ($('#tabLinks').height() + 63)
}, 'slow');
}
});
/*SCROLLING EFFECT*/
/*if (document.documentElement.clientWidth < 576) {
$("#tabLinks a").on('click', function(event) {
if (this.hash !== "") {
event.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function(){
window.location.hash = hash;
});
}
});
}*/
});
</script>
</div>
<footer class="footer py-3" id="rowStage3">
<div class="container">
<div class="row d-flex justify-content-left">
<div class="col-6 col-md-1 d-flex align-items-top ">
<ul>
<li class="linkTitle">HEPATITIS</i>
<li><a href="/disease_focus/hbv.cfm?dstate=hbv" target="_self">HBV</a></i>
<li><a href="/disease_focus/hcv.cfm?dstate=hcv" target="_self">HCV</a></i>
<li><a href="/disease_focus/hdv.cfm?dstate=hdv" target="_self">HDV</a></i>
</ul>
</div>
<div class="col-6 col-md-1">
<ul>
<li class="linkTitle">CIRRHOSIS</i>
<li><a href="/disease_focus/hbv.cfm?dstate=he" target="_self">HE</a></i>
<li><a href="/disease_focus/hbv.cfm?dstate=hrs" target="_self">HRS</a></i>
</ul>
</div>
<div class="col-6 col-md-1">
<ul>
<li class="linkTitle">CHOLESTATIC</a>
<li><a href="/disease_focus/hbv.cfm?dstate=pbc" target="_self">HE</a></i>
</ul>
</div>
<div class="col-6 col-md-2">
<ul>
<li class="linkTitle">HCC</a>
<li><a href="/disease_focus/hcc.cfm?dstate=hcc&sec=wc" target="_self">Webcasts</a></i>
<li><a href="/disease_focus/hcc.cfm?dstate=hcc&sec=sl" target="_self">Slide Library</a></i>
<li><a href="/disease_focus/hcc.cfm?dstate=hcc&sec=al" target="_self">Abstract Library</a></i>
<li><a href="/disease_focus/hcc.cfm?dstate=hcc&sec=cm" target="_self">Committee Members</a></i>
</ul>
</div>
<div class="col-6 col-md-2">
<ul>
<li class="linkTitle">ALCOHOL LIVER DISEASE</a>
<li><a href="/disease_focus/ald.cfm?dstate=ald&sec=wc" target="_self">Webcasts</a></i>
</ul>
</div>
<div class="col-6 col-md-2">
<ul>
<li class="linkTitle">PEDIATRIC LIVER DISEASE</a>
<li><a href="/disease_focus/pld.cfm?dstate=pld&sec=sl" target="_self">Slide Library</a></i>
<li><a href="/disease_focus/pld.cfm?dstate=pld&sec=wc" target="_self">Webcasts</a></i>
<li><a href="/disease_focus/pld.cfm?dstate=pld&sec=al" target="_self">Abstract Library</a></i>
</ul>
</div>
</div>
<div class="row d-flex">
<div class="col-5 col-md-2">
<ul>
<li class="linkTitle-bottom">About CLDF</a>
<li><a href="/about/BoardTrustees.cfm" target="_self">Board of Trustees</a></i>
<li><a href="/about/BoardAdvisors.cfm" target="_self">Board of Advisors/Faculty</a></i>
<li><a href="/about/GI_BoardAdvisors.cfm" target="_self">2020 GI Fellow Board of Advisors</a></i>
</ul>
</div>
<div class="col-5 col-md-2">
<ul>
<li class="linkTitle-bottom">Other Resources</a>
<li><a href="/reuters/index.cfm" target="_self">Liver News Library</a></i>
<li><a href="/disease_focus/articles/index.cfm" target="_self">Journal Abstracts</a></i>
<li><a href="https://www.heplinktocare.org/" target="_self">Hep C Link to Care</a></i>
</ul>
</div>
<div class="col-5 col-md-3">
<ul>
<li class="linkTitle-bottom">Centers of Educational Expertise</a>
<li><a href="/COEE/map.cfm" target="_self">Hepatology </a></i>
<li><a href="PWIDCOEE/map.cfm" target="_self">Substance Use Disorder </a></i>
</ul>
</div>
<div class="col-5 col-md-5">
<ul>
<li><p class="text-center" style="margin-bottom: 0px;"><b>Follow Us</b></p><li>
<li><img src="https://cdn.infotier.com/CLDF/images/Logo_SmCLDF.png" class="img-fluid">
<a class="footer-social" class="" href="https://www.facebook.com/pages/Chronic-Liver-Disease-Foundation/121739661228948" target="_blank"><div class="fa-2x"><i class="fab fa-facebook" style="color:#3b5998;"></i></div></a>
<a class="" href="https://twitter.com/CLDFoundation" target="_blank"><div class="fa-2x "><i class="fab fa-twitter" style="color:#1DA1F2;"></i></div></a>
<a class="" href="https://www.youtube.com/channel/UCRvAllbheMa0UYMOEFUhyFw" target="_blank"><div class="fa-2x "><i class="fab fa-youtube" style="color:#c4302b;"></i></div></a>
<a class="" href="https://www.youtube.com/channel/UCcRhJwPzc_cio8Vzmw4CDcA" target="_blank"><img src="images/LiverQ.jpg" class="img-fluid"></a>
</li>
</ul>
</div>
</div>
<div class="row d-flex justify-content-center mb-2 d-block d-lg-none text-center">
<div class="col"></div>
</div>
<div class="row justify-content-between text-center">
<div class="col-12 col-sm-12 align-items-center">
<p style="font-size:11px;">
The Chronic Liver Disease Foundation is a non-profit organization with content developed specifically for healthcare professionals. <br/>
© Copyright 2012- 2025 Chronic Liver Disease Foundation. All rights reserved. This site is maintained as an educational resource for US healthcare providers only.<br/>
Use of this Web site is governed by the Chronic Liver Disease Foundation terms of use and privacy statement.</p>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>