/* body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
li,
div {
  font-family: "DroidSansRegular", sans-serif;
}
*/

body{ 
	color: #333;
}

/* mega menu  */
.sp-megamenu-parent > li > a {
    padding: 0 8px;
}

@media (max-width: 1199px) and (min-width: 992px){
.sp-megamenu-parent >li >a {
    padding: 0 6px !important;
}
 .sp-megamenu-parent{
    font-size: 13px !important;
  }
  
}

/* 2buttons for virtual and myERS  */
@media (min-width: 993px){
  .button-regi-allpage{
  	margin-top: -20px !important;
	} 
}
/* 2buttons for virtual and myERS - hover effect  */
 
   a.button-img-effect img{
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
     box-shadow: 0 2px 4px rgba(0,0,0,0.3);

  } 
  
  a.button-img-effect:hover img{
    opacity: 0.7;
  	filter: alpha(opacity=70);
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
  }
  
  
/* For the images colmn to be center on the mobile view of live from the clinic page */
#live-from-the-clinic .sppb-row{
  margin: 0 auto;
}

/* custmize news releases 2020 list title  */

.news-releases .entry-header{
  margin-bottom: 0px;
}

.news-releases .entry-header h2{
  font-size: 27px;
  margin-bottom: 0px;
}


a.rsform-captcha-refresh-button{ 
  background:#cccccc;
  color:#1450B5; 
  padding: 5px;
}




/* non-display the children menu of Partners  */
a.menu-no-children + div {
    display:none !important;
}


/* Add a spage between the title and content of programme highlights 2020  */

.programme-highlights .row-0{
  margin-top: 50px;
  
}

.programme-highlights .article-info{
  display: none;
  
}

/* Logo width for retina display */
#sp-logo .logo img {
    max-width: 570px;
}

.sp-module ul >li, .sppb-addon-module ul >li {
  border-bottom: none !important;
  list-style-type: circle  !important; 
  display: inline;

}


.sp-module ul >li >a, .sppb-addon-module ul >li >a {
    color: #305399;
}

.sp-module ul >li >a, .sppb-addon-module ul >li >a:visited  {
    color: #305399;
}

 /* Change the default hr color */
hr {
  border-top: 1px solid #c7c7c7 !important;
}

 /* Add a margin to the number list */
.li-ol li {
    margin-bottom: 10px;
}

iframe {
  border-width: 0px;
}

#app {
  padding: 50px 0;
}
.timeline {
  margin: 50px 0;
  list-style-type: none;
  display: flex;
  padding: 0;
  text-align: center;
}
.timeline li {
  transition: all 200ms ease-in;
}
.timestamp {
  width: 200px;
  margin-bottom: 20px;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 100; 
}
.status {
  padding: 0px 40px;
  display: flex;
  justify-content: center;
  border-top: 4px solid #3e70ff;
  position: relative;
  transition: all 200ms ease-in ;
}
  
.status span {
  font-weight: 600;
  padding-top: 20px;
}
.status span:before {
  content: '';
  width: 25px;
  height: 25px;
  background-color: #e8eeff;
  border-radius: 25px;
  border: 4px solid #3e70ff;
  position: absolute;
  top: -15px;
  left: 42%;
  transition: all 200ms ease-in;
}
.swiper-control {
  text-align: right;
}

.swiper-container {
  width: 100%;
  height: 250px;
  margin: 50px 0;
  overflow: hidden;
  padding: 0 20px 30px 20px;
}
.swiper-slide {
  width: 200px;
  text-align: center;
  font-size: 18px;
}
.swiper-slide:nth-child(2n) {
  width: 40%;
}
.swiper-slide:nth-child(3n) {
  width: 20%;
}




 /* Fill the Timeline ballon with color */
.timeline-submission .timeline-panel{
  background-color: #fff;
}

 /* To save the height of timeline ballon */

.timeline-panel {
    width: 100% !important;
}

 /* To save the space between the row of timelines */
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement{
  padding-bottom: 20px !important;
}


 /* Add a black filter to the evening mini symposia's header background image */
.header-title-overlay-bk-75 .sp-page-title::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: inherit;
  filter: brightness(75%);
}

.header-title-overlay-bk-75 .sp-page-title .container{
   z-index: 0;
	/* The title shoud be top of the filter */
}

/* To Change the weight of the article's title */
.entry-header h1 {
  font-weight: normal;
}


/* Scrollable table   */
.table-scrollx {
  overflow-x:auto;
}

/* To solve the floating footer  */
.body-innerwrapper {
   display: -webkit-box;
   display: -moz-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   min-height: 100vh;
   flex-direction: column;
}

/* For underline under the header title  */
.featuredbox-frontpage h3.sppb-addon-title {
  width: 90%;
  font-size: 20px;
}

/*Add a top margin on each title of the article  */
.item-page h3, .item-page h4, .item-page h5, .item-page h6{
  	margin-top: 20px;
}



/* Disable the decoration under the title of the article  */
.entry-header h1, .entry-header h2 {
  box-shadow: none;
}

.entry-header h1:after, .entry-header h2:after {
  background: none;
}

/* Lists and Tables (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/


/* Zebra List and Table */

ul.zebra {
	list-style: none;
	margin: 0;
	padding: 0;
  	background: #fff;
}

ul.zebra > li { padding: 8px; }

ul.zebra > li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.02);
}

table {
  border-collapse: separate;
  background: #fff;
}

table.zebra { width: 100%; }

table.zebra {
  border-right: 1px solid;
  border-color: rgba(0, 0, 0, 0.15);
  margin: 15px 0;
}
table.zebra2 {
  width: 618px !important;
}

ul.zebra > li,
table.zebra tbody td {
  border-bottom: 1px solid #d1d1d1;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

.mod-box-black ul.zebra > li,
.mod-box-black table.zebra tbody td,
.mod-box-color ul.zebra > li,
.mod-box-color table.zebra tbody td {
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}

ul.zebra > li:first-child,
table.zebra tbody tr:first-child td {
  border-top: 1px solid #d1d1d1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1),
    0 1px 0 rgba(255, 255, 255, 1);
}

.mod-box-black ul.zebra > li:first-child,
.mod-box-black table.zebra tbody tr:first-child td,
.mod-box-color ul.zebra > li:first-child,
.mod-box-color table.zebra tbody tr:first-child td {
  border-top: 1px solid;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.15);
}

ul.zebra > li.odd,
table.zebra tbody tr.odd {
  background: url(../../../images/bg_black_2.png);
}
ul.zebra > li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.02);
}

table.zebra thead,
table.zebra tbody tr:hover,
table.zebra tbody tr.odd:hover,
.mod-box-black ul.zebra > li.odd,
.mod-box-black table.zebra tbody tr.odd,
.mod-box-color ul.zebra > li.odd,
.mod-box-color table.zebra tbody tr.odd,
table.zebra tfoot td,
.mod-box-black table.zebra tfoot td {
  background: url(../../../images/bg_black_5.png);
}

.mod-box-black ul.zebra > li:nth-of-type(odd),
.mod-box-black table.zebra tbody tr:nth-of-type(odd),
.mod-box-color ul.zebra > li:nth-of-type(odd),
.mod-box-color table.zebra tbody tr:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.05);
}

table.zebra caption {
  color: #999;
}
.mod-box-black table.zebra caption {
  color: #d1d1d1;
}
.mod-box-color table.zebra caption {
  color: #fff;
}

.mod-box-black table.zebra thead,
.mod-box-color table.zebra thead,
.mod-box-black table.zebra tbody tr:hover,
.mod-box-black table.zebra tbody tr.odd:hover,
.mod-box-color table.zebra tbody tr:hover,
.mod-box-color table.zebra tbody tr.odd:hover {
  background: url(../../../images/bg_black_10.png);
}

table.zebra tbody tr:nth-of-type(odd):hover {
  background: rgba(0, 0, 0, 0.05);
}

.mod-box-black table.zebra tbody tr:nth-of-type(odd):hover,
.mod-box-color table.zebra tbody tr:nth-of-type(odd):hover {
  background: rgba(0, 0, 0, 0.1);
}

table.zebra thead th {
  border-top: 1px solid;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

table.zebra2 thead th {
  vertical-align: bottom !important;
}

.mod-box-black table.zebra thead th,
.mod-box-color table.zebra thead th {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

table.zebra tr td,
table.zebra tr th {
  border-left: 1px solid;
  border-color: rgba(0, 0, 0, 0.15);
  padding: 14px 12px;
}

table.zebra2 tr td,
table.zebra2 tr th {
  padding: 5px 5px !important;
}

table.zebra tfoot td {
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.15);
}

.mod-box-black table.zebra tfoot td,
.mod-box-color table.zebra tfoot td {
  background: url(../../../images/bg_black_15.png);
}

/*
table.zebra td sup {
  vertical-align: top;
}
*/

/* Zebra layout for Lists 
ul.zebra {
	list-style: none;
	margin: 0;
	padding: 0;
}