/* ===== Top banner layout ===== */

#confTitleBox,
.confTitleBox,
.event-header {
  margin-top: 0 !important;
  padding-top: 30px !important;
  padding-bottom: 0px !important;
  background-color: #12689a !important;
}

/* Preload banner images to reduce switching lag */
body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content:
    url("https://indico.itp.ac.cn/event/426/images/597-png")
    url("https://indico.itp.ac.cn/event/426/images/595-jpg")
    url("https://indico.itp.ac.cn/event/426/images/599-jpg")
    url("https://indico.itp.ac.cn/event/426/images/590-jpg")
    url("https://indico.itp.ac.cn/event/426/images/598-jpg")
    url("https://indico.itp.ac.cn/event/426/images/596-jpg")
    url("https://indico.itp.ac.cn/event/426/images/608-fTvkRRjsP.jpeg")
    url("https://indico.itp.ac.cn/event/426/images/607-fTv3oCjXU.jpeg")
    url("https://indico.itp.ac.cn/event/426/images/591-2.png")
    url("https://indico.itp.ac.cn/event/426/images/593-2.jpg")
    url("https://indico.itp.ac.cn/event/426/images/594-jpg");
}

/* Rotating image banner above the conference title */
#confTitleBox::before,
.confTitleBox::before,
.event-header::before {
  content: "";
  display: block;

  width: calc(100% - 40px);
  max-width: 950px;
  height: 350px;
  margin: 0 auto 0px auto;

  background-image: url("https://indico.itp.ac.cn/event/426/images/597-png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  animation: nanjingBannerSwitch 55s infinite step-end !important;
}

/* ===== Banner animation: 11 images, 5 s each ===== */

@keyframes nanjingBannerSwitch {
  0%, 9.090% {
    background-image: url("https://indico.itp.ac.cn/event/426/images/597-png");
  }

  9.091%, 18.181% {
    background-image: url("https://indico.itp.ac.cn/event/426/images/595-jpg");
  }

  18.182%, 27.272% {
    background-image: url("https://indico.itp.ac.cn/event/426/images/599-jpg");
  }

  27.273%, 36.363% {
    background-image: url("https://indico.itp.ac.cn/event/426/images/590-jpg");
  }

  36.364%, 45.454% {
    background-image: url("https://indico.itp.ac.cn/event/426/images/598-jpg");
  }

  45.455%, 54.544% {
    background-image: url("https://indico.itp.ac.cn/event/426/images/596-jpg");
  }

  54.545%, 63.635% {
    background-image: url("https://indico.itp.ac.cn/event/426/images/608-fTvkRRjsP.jpeg");
  }

  63.636%, 72.726% {
    background-image: url("https://indico.itp.ac.cn/event/426/images/607-fTv3oCjXU.jpeg");
  }

  72.727%, 81.817% {
    background-image: url("https://indico.itp.ac.cn/event/426/images/591-2.png");
  }

  81.818%, 90.908% {
    background-image: url("https://indico.itp.ac.cn/event/426/images/593-2.jpg");
  }

  90.909%, 100% {
    background-image: url("https://indico.itp.ac.cn/event/426/images/594-jpg");
  }
}