/*Increasing header title font size and reducing CTA button size for mobiles views mario.r@bizzabo.com ZD:191145*/

@media screen and (max-width:1024px) {
/* commented out by gleb@bizzabo #section-627774 > div.rowHolder.element-2491896.atom-sectionMain.cover-photo-background > div > div > div.date-venue-holder.col-xs-12.text-center.form-group > div > div > div > div > div > span{
font-size: 34px;
}*/
#section-627774 > div.rowHolder.element-2491896.atom-sectionMain.cover-photo-background > div > div > div:nth-child(4) > div > button{
  width: 70px;
  height: 35px;
}
}
/*specific pages container*/
.home-custom-css{}
.community-custom-css{}
.agenda-custom-css{}
.speakers-custom-css{}

.agenda-view .session-list-container .session-day-container .time-row .session-elem .session-container .preview-session-description.faddedAway {
  -webkit-mask-image: none;
  mask: none;
  max-height:100%;
}

.element-2491893{
display: none;
}
/*
call-to-action buttons e.g:
Register, Join The Community etc
*/
.btn-register{}

/*Top navigation bar container*/
.template-nav{}

/*Top navigation bar items container*/
#bs-example-navbar-collapse-1{}

/*social share buttons container*/
.social-share-button{}

/*social share buttons per social network*/
.social-share-button.facebook{}
.social-share-button.twitter{}
.social-share-button.linkedin{}
.social-share-button.google{}

.section-627774 .custom-space-bottom{
  padding-bottom: 150px;
}

.section-627774 .custom-space-top{
  padding-top: 100px;
}

.event-image-holder{
  height: 600px !important;
}

.center-image{
  width: 1400px !important;
}  


@media screen and (max-width: 480px){
  .ytp-chrome-top.ytp-show-cards-title.ytp-impression-link{
  display: none !important;
  }
  .center-image{
  width: auto !important;
  height: auto !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  /*below added by gleb@bizzabo case 191498*/
  max-width: 103% !important;
  }  
  .event-image-holder{
  height: 150px !important;
  }
  .section-627774 .custom-space-bottom{
  padding-bottom: 150px;
  }
  .section-627774 .custom-space-top{
  padding-top: 100px;
  } 
}

.social-share-button.facebook{
  margin-left: 5px; margin-right: 5px;
content: url(https://res.cloudinary.com/bizzaboprod/image/upload/q_auto,f_auto,c_scale,c_crop,g_custom/v1688634371/gd2kv5ljaoe004rifofm.png);
}

.social-share-button.twitter{
  margin-left: 15px; margin-right: 15px;
content: url(https://res.cloudinary.com/bizzaboprod/image/upload/q_auto,f_auto,c_scale,c_crop,g_custom/v1688634386/nshgbi55dqzzlgdlmpfo.png);
}

.social-share-button.linkedin{
  margin-left: 5px; margin-right: 5px;
content: url(https://res.cloudinary.com/bizzaboprod/image/upload/q_auto,f_auto,c_scale,c_crop,g_custom/v1688634396/ei8i3bud8sxt76djtkft);
}


/*

.center-image{
  height: auto !important;
}

.main-app-container.custom-space-top.custom-space-bottom.square-shadow {
  padding-top: 300px;
}

.row{
  margin-top: 21px;
}

.atom-main.custom-font{
  font-family: 'Merriweather', sans-serif !important;
}

.social-share-button{
  background-color: none;
}
  
.section-396527 .center-image{
  content: url(https://widgets.scmp.com/misc/images/marketing/CCHK_top_banner.jpg)
}

.center-image{
content: url(https://res.cloudinary.com/bizzaboprod/image/upload/q_auto:best,c_crop,g_custom/v1588048992/cdrnlekjxwtotkjjgr3u.png)
}

*/ 
/* Hide Website Footer */
footer {
  display: none;
}

.main-view.footer-padding, .editor-home-page.footer-padding {
  padding-bottom: 0px;
}

/*Reg title change*/
#section-5762717 > div > div > div.element-27588920 > h2{
  font-family: 'Merriweather';
  font-size: 36px;
  font-weight: 700;
}

/*START adjustments for speaker info containers in Agenda list
support cases 184922 and 185556 gleb@bizzabo */
/*remove the ... cutting speaker names*/
.text-ellipsis {
    white-space: normal!important;
}

/*container increases height if the text wraps*/
.agenda-view .session-list-container .session-day-container .time-row .session-elem .session-container .speakers-container .speakers-carousel .slick-list {
    height: auto!important;
}
/*give the speaker names space to breathe*/
.agenda-view .session-list-container .session-day-container .time-row .session-elem .session-container .speakers-container .speakers-carousel .speaker-info .speaker-name {
    line-height: 1.2rem!important;
    width: 298px;
}
  /*do not limit speaker container width*/
.agenda-view .session-list-container .session-day-container .time-row .session-elem .session-container .speakers-container .speakers-carousel .speaker-slide {
    max-width: none!important;
}
/*for mobile*/
@media only screen and (max-width: 768px) {
/*keeping the speaker image squared (40x40)*/
    .agenda-view .session-list-container .session-day-container .time-row .session-elem .session-container .speakers-container .speakers-carousel .speaker-photo img {
        height: 40px;
    }  
}
/*for desktop only*/
@media only screen and (min-width: 1024px) {
  /*actually, increase width for 2-speaker sessions */
.slick-track:has(> [data-index="0"], > [data-index="1"]):not(:has(> [data-index="2"])) {
    width: 100% !important;
  }
  body > div.react-main > div > div > div.agenda-view.session-list-view.agenda-custom-css.list.row > div > div > div > div > div:nth-child(n+2):nth-child(-n+3) > div > div > div.session-elem.col-md-11.col-md-offset-0 > div > div.speakers-container.has-speakers.col-xs-12 > div > div > div > div > div > div.slick-slide.slick-active {
    width: 300px!important;
}
  /*remove padding to regain real estate 
for speaker names on 4-speaker sessions*/
.agenda-view .session-list-container .session-day-container .time-row .session-elem .session-container .speakers-container .speakers-carousel .slick-list .slick-slide {
    padding-right: 0px!important;
}
  /*margin on first 2 sessions with speakers 
  for better positioning*/
body > div.react-main > div > div > div.agenda-view.session-list-view.agenda-custom-css.list.row > div > div > div > div > div:nth-child(2) > div > div > div.session-elem.col-md-11.col-md-offset-0 > div > div.speakers-container.has-speakers.col-xs-12 > div > div > div > div > div > div.slick-slide.slick-active.slick-current,
body > div.react-main > div > div > div.agenda-view.session-list-view.agenda-custom-css.list.row > div > div > div > div > div:nth-child(3) > div > div > div.session-elem.col-md-11.col-md-offset-0 > div > div.speakers-container.has-speakers.col-xs-12 > div > div > div > div > div > div:nth-child(1) {
    margin-right: 11%;
}
}

/*START mobile responsiveness — Maulik@bizzabo customer care*/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
#section-627774> div > div {
    padding: calc(8% + 9px) 0 calc(22% + 1px) 0!important;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
 #section-627774> div > div {
    padding: calc(17% + 16px)!important;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
#section-627774> div > div {
    padding: calc(13% + 3px)!important;
}
}

@media only screen and (max-width: 767px){
#section-627774> div > div {
    padding: 0!important;
}
}

@media only screen and (max-width: 767px) {
#section-627774> div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > p:nth-child(1) > span > span > span {
font-size: 47px!important;
line-height: 1.3!important;
}
}


/*@media only screen and (max-width: 767px) {
#section-627774> div > div {
padding: calc(14% + 10px)!important;
}
}
*/
@media only screen and (max-width: 767px) {
#section-627774> div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div.atom-main.full-width.margin-custom-element.element-2491896> div > p > span {
font-size: 45px!important;
line-height: 1!important;
}
}
 
@media only screen and (max-width: 767px) {
#section-627774> div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div.atom-main.full-width.margin-custom-element.element-2491896> div > p > span {
padding: 7%!important;
}
}
/*END mobile responsiveness — maulik@bizzabo customer care*/

/*Adjust header image on mobile browser view maulik@bizzabo*/
.section-627774 .element-2491896, .section-627774 .element-2491896, .section-627774 a.element-2491896, .section-627774 p.element-2491896, .section-627774 .element-2491896 p, .section-627774 .element-2491896 h1, .section-627774 .element-2491896 h2, .section-627774 .element-2491896 h3, .section-627774 .element-2491896 h4, .section-627774 .element-2491896 h5, .section-627774 .element-2491896 h6, .section-627774 .element-2491896 .btn, .section-627774 .element-2491896 .btn.btn-register, .section-627774 .element-2491896 .custom-font, .section-627774 .element-2491896.count-number, .section-627774 .element-2491896.cover-photo-background, .section-627774 .element-2491896.global-cover-photo-background, .section-627774 .element-2491896.cover-image-background {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-position: center;
    background-position: 60%;
}
/*End*/