/*Left aligning home page header elements mario.r ZD:222837*/
/* Left-align every element in the Header section */
.section-header [class*="element-"],
.section-header .text-center,
.section-header .register-btn-holder {
  text-align: left !important;
}

/* Logo image */
.section-header .event-image-holder .center-image {
  display: block !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Remove the centering offset on the title column */
.section-header .col-sm-offset-1 { margin-left: 0 !important; }
.section-header .col-sm-10 { width: 100% !important; }

/*Change header title*/
#section-7475565 > div.rowHolder.element-27861322.atom-sectionMain.cover-photo-background > div > div > div.col-xs-12.col-sm-10.col-sm-offset-1.text-center.element-27861319 > h1{
  font-size: 0;
}
#section-7475565 > div.rowHolder.element-27861322.atom-sectionMain.cover-photo-background > div > div > div.col-xs-12.col-sm-10.col-sm-offset-1.text-center.element-27861319 > h1::after{
  content: "Connect Osaka 2026";
  font-size: 75px;
}

/*Decrease logo size to be 2/3*/
#section-7475565 > div.rowHolder.element-27861322.atom-sectionMain.cover-photo-background > div > div > div.col-xs-12.event-images-holder > div > img{
  width: 270px;
  margin-left: 9px !important;
}

/*------*/
/* Header: shift the content slightly left */
.section-header .main-app-container {
  position: relative;
  left: -40px;
}

/* Header: line break after "Connect" so the name clears the icons */
.section-header h1.atom-main::after {
  content: "Connect\A Osaka 2026" !important;
  white-space: pre !important;
}

/* Leave mobile alone */
@media (max-width: 991px) {
  .section-header .main-app-container { left: 0; }
}

@media screen and (max-width: 550px) {
  /*Hidding Logo*/
  .section-header .event-image-holder .center-image {
    display: none !important;
  }
  /*Adjusting title font size*/
  #section-7475565 > div.rowHolder.element-27861322.atom-sectionMain.cover-photo-background > div > div > div.col-xs-12.col-sm-10.col-sm-offset-1.text-center.element-27861319 > h1::after{
    font-size: 53px; 
  }
}
/*specific pages container*/
.home-custom-css{}
.community-custom-css{}
.agenda-custom-css{}
.speakers-custom-css{}

/*main container of each section*/
.main-app-container {}

/*
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 {}