/*
 Theme Name:   ChinaConnectForum
 Template:     yootheme
 Author:       Alistair MARCA
 Description:  YOOtheme Child Theme
 Version:      1.0.0
 Text Domain:  yootheme-china
*/

#marker {
background-image: url('https://www.chinaconnectforum.com/wp-content/uploads/2018/12/logo.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 50px;
height: 50px;
border-radius: 50%;
cursor: pointer;
background-color:#fff
}
 
.mapboxgl-popup {
max-width: 600px;
}

.mapboxgl-popup-content h3{margin:0!important}
.mapboxgl-popup-content h5{margin:10px 0 0 0!important;color:#c0282c!important;font-weight:bold;font-style: italic;}
.mapboxgl-popup-content p{margin:0!important}


#contactform input[type="text"],#contactform textarea,#contactform select{
    outline: 0;
background-color: #f8f8f8;
color: #868585;
border-color: transparent !important;
}
#subfooter .el-link{color: #fff}
#subfooter .el-link:hover{text-decoration: underline;}

.redcover{background-color:rgba(168, 18, 18, 0.3);
 -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;

}


.redcover:hover{background-color:rgba(168, 18, 18, 0.6); }
/*.redcover:hover{background-color:rgba(148, 11, 16, 0.3)}*/

#footercities .uk-button-danger2{
    background: none;
font-weight: bold;
color: #c1282d;
font-size: 1.2rem;
}
#footercities .uk-button-danger2:hover{
    background:  #c1282d;
    color:#fff
}
.socialnav svg  {
      /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .1s ease-in-out;
      width:30px;
      height:30px;
      border:0px solid #ccc;
      margin:0 1px
    }
    
.socialnavfooter svg  {
      /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
     
      width:30px;
      height:30px;
      border:0px solid #ccc;
      margin:0 1px
    }

.socialnav svg:hover{
    filter: none;
      -webkit-filter: grayscale(0);
      
      border:0px solid #ccc;
      
}

.uk-subnav.socialnav > *{
    padding-left:0;
}

.uk-subnav.footeryear > *{
    padding-left:10px;
}

#socialfooter .socialnav svg {background:#fff;margin:0 5px}


.page-paris #breadcrumb,.page-shanghai #breadcrumb,.page-hongkong #breadcrumb,.page-template-event #breadcrumb,.page-template-trainings #breadcrumb,.page-template-event-draft #breadcrumb{display:none}



#event_banner .uk-countdown-number, #event_banner .uk-countdown-separator,#nexttraining .uk-countdown-number, #nexttraining .uk-countdown-separator,.bloctraining .uk-countdown-number, .bloctraining .uk-countdown-separator {
line-height:15px;
font-size:2.6rem !important;
font-weight:700;
font-weight: 700;
font-family: roboto;

}

/*#event_banner .el-link{

    background-color: rgba(255,255,255,.3);
    color: rgba(255,255,255,.7);

}*/


.uk-navbar-container > .uk-container .uk-navbar-right {

    margin-right: 0px;

}

.speakergrid .el-content.uk-margin {margin:0!important}
.speakergrid .el-content.uk-margin p{font-size: 11px;font-family: Montserrat;text-transform: uppercase;letter-spacing: 2px;color:#ca5254}
.speakergrid .el-meta.uk-margin{margin:0!important}

.speakergrid .bloct{font-size: 14px;font-family: Montserrat;line-height: 20px;margin: 10px 0 0 0;}
.speakergrid .bkgimg {background-size: cover;background-position: center center;filter: grayscale(1);}
.speakergrid img,.uk-border-circle{filter: grayscale(1);}
img.nogrey{filter: grayscale(0);}
.speakergrid .logocomp img,.speakergrid .contentdiv img{filter: grayscale(0);}
.speakergrid .uk-overlay-primary{background: rgba(32,32,32,.4);cursor: pointer;}
.speakergrid .name{margin:0;padding:0;color:#000;font-weight: 700;}
.speakergrid .job{margin:0;padding:0;}
.speakergrid .company{margin:0;padding:0;color:#ca5254;}

#agenda {
	font-family: Montserrat!important;
	
}
#agenda .uk-accordion-title{
	font-family: Montserrat!important;
	font-size:0.8rem!important
}
#agenda .uk-accordion > :nth-child(n+2) {
	margin-top: 10px;
padding-top: 10px;
border-top: 0px solid #dce0e1;
}

#agenda .uk-accordion-content p{font-size: 11px;
line-height: 1.4;
color: #b4b5ba;
font-family: Montserrat;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;}

#agenda .uk-accordion-title.nocontent::before{background-image:none}

#agenda .uk-label{
    line-height: 24px;
padding-top: 0px;
border-radius: 5px;

letter-spacing: 1px;
font-size: 12px;
    
    border:0;min-width:70px;text-align:center;padding-bottom:0px;margin-right:10px;margin-bottom: 5px;}
#gridspeakagenda .uk-grid-margin {
    margin-top: 10px;
}
.uk-label.label-conference{background:#333}
.uk-label.label-break{background:#ccc}
.uk-label.label-workshop{background:#fc6000}

.uk-navbar-nav > li.uk-active > a.uk-tile-primary {color: #fff;}

.uk-h3 b{color:#c0282c}


/*.tm-header {margin: 0 0 10px 0;}
.uk-navbar-container{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
*/

.cd-top {
  display: inline-block;
  height: 20px;
  width: 20px;
  position: fixed;
  bottom: 100px;
  right: 10px;
  z-index: 10;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgb(193, 40, 45) url(i/cd-top-arrow.svg) no-repeat center 50%;
  border:1px solid #fafafa;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
  
  
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 40px;
    width: 40px;
    right: 30px;
    bottom: 30px;
    border: 0;
  }
}


/***** TIME LINE ***/

#content {
  margin-top: 50px;
  text-align: center;
}
/* Timeline */
.timeline {
  border-left: 4px solid #e1e1e1;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;

  margin: 0 0 0 115px;
  letter-spacing: 0.5px;
  position: relative;
  line-height: 1.4em;
  font-size: 1em;
  padding: 20px;
  list-style: none;
  text-align: left;
  font-weight: 100;
  /*max-width: 30%;*/
}
.timeline h1 {
  font-family: 'Saira', sans-serif;
  letter-spacing: 1.5px;
  font-weight: 100;
  font-size: 1.4em;
}
.timeline h2,
.timeline h3 {
  font-family: 'Saira', sans-serif;
  letter-spacing: 1.5px;
  font-weight: 400;
  font-size: 1.4em;
}
.timeline .event {
  border-bottom: 0px dashed rgba(255, 255, 255, 0.1);
  padding-bottom: 25px;
  margin-bottom: 0px;
  position: relative;
}
.timeline .event:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.timeline .event:before,
.timeline .event:after {
  position: absolute;
  display: block;
  top: 0;
}
.timeline .event:before {
  left: -140px;
  font-family: Montserrat;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
  content: attr(data-date);
  text-align: right;
 color:#fff;
  min-width: 85px;
background: #fff;
padding: 5px 5px 3px 5px;
margin: -5px 0;
}

.timeline .event.cc:before{
    background: #ed5564;
}
.timeline .event.co:before{
    background: #4fc1e8;
}
.timeline .event.br:before{
    background: #e1e1e1;
}
.timeline .event.wk:before{
    background: #ffce54;
}
.timeline .event.lc:before{
    background: #a0d568;
}
.timeline .event.mc:before{
    background: #ac92eb;
}

#agenda .uk-card-small.uk-card-body {padding: 10px 70px;}
.uk-label-cc,.uk-label-co,.uk-label-br,.uk-label-wk,.uk-label-lc,.uk-label-mc{background:none!important;}
.uk-label-co {color: #000!important}
/*.uk-label-cc{ background: #ed5564!important;}
.uk-label-co{ background: #4fc1e8!important;}
.uk-label-br{ background: #e1e1e1!important;}
.uk-label-wk{ background: #ffce54!important;}
.uk-label-lc{ background: #a0d568!important;}
.uk-label-mc{ background: #ac92eb!important;}
*/



/*.uk-card-hover-cc{background: #ed5564!important;}
.uk-card-hover-co{background: #4fc1e8!important;}
.uk-card-hover-br{background: #e1e1e1!important;}
.uk-card-hover-wk{background: #ffce54!important;}
.uk-card-hover-lc{background: #a0d568!important;}
.uk-card-hover-mc{background: #ac92eb!important;}

.uk-card-hover-cc h4{color:#fff!important}
.uk-card-hover-co h4{color:#fff!important}
.uk-card-hover-br h4{color:#fff!important}
.uk-card-hover-wk h4{color:#fff!important}
.uk-card-hover-lc h4{color:#fff!important}
.uk-card-hover-mc h4{color:#fff!important}

.uk-card-hover-cc:hover{background: #ed737f!important;}
.uk-card-hover-co:hover{background: #72cae8!important;}
.uk-card-hover-br:hover{background: #e1e1e1!important;}
.uk-card-hover-wk:hover{background: #ffd878!important;}
.uk-card-hover-lc:hover{background: #aed584!important;}
.uk-card-hover-mc:hover{background: #b8a3eb!important;}*/

.uk-card-hover-cc{background: #c0282c!important;}
.uk-card-hover-co{background: #999!important;}
.uk-card-hover-br{background: #c0282c!important;}
.uk-card-hover-wk{background: #4fc1e8!important;}
.uk-card-hover-lc{background: #c0282c!important;}
.uk-card-hover-mc{background: #b8a3eb!important;}

.uk-card-hover-cc h4{color:#fff!important}
.uk-card-hover-co h4{color:#000!important}
.uk-card-hover-br h4{color:#fff!important}
.uk-card-hover-wk h4{color:#fff!important}
.uk-card-hover-lc h4{color:#fff!important}
.uk-card-hover-mc h4{color:#fff!important}

/*.uk-card-hover-cc:hover{background: #ca2a2e!important;}
.uk-card-hover-co:hover{background: #f8f8f8!important;}
.uk-card-hover-br:hover{background: #ca2a2e!important;}
.uk-card-hover-wk:hover{background: #50c8f1!important;}
.uk-card-hover-lc:hover{background: #ca2a2e!important;}
.uk-card-hover-mc:hover{background: #cfbdfa!important;}*/


#subnavevent{visibility: hidden;height: 0;}
#subnavevent.uk-active{visibility: visible;height: auto;}
#subnavevent.uk-sticky-fixed{background:#c0282c;padding:10px;}
/*#subnavevent.uk-sticky-fixed:before{content:"<li>PARIS 2019</li>";color:#000;left: 30px;}*/
#subnavevent.uk-sticky-fixed .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {

    content: "";
    height: 1.5em;
    margin-left: 0;
    margin-right: 30px;
    border-left: 1px solid #e5e5e5;

}

#subnavevent li.uk-active a{color:#000}
#subnavevent li a{color:#fff}