/**
 * Style events section
 */
.arjang-event-teaser .arjang-event.teaser {
  padding: 2rem 1rem;
  border-bottom: 1px solid #ddd;
}
.arjang-event-teaser .arjang-event.teaser:hover {
  background-color: #e0e0e054;
}
.arjang-event-teaser .event-cats a {
  border: 2px solid #002b58;
  background-color: #002b58;
  color: #fff;
  padding: 0.3em 1.5em;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  font-size: 0.9em;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.arjang-event-teaser .event-cats a:hover {
  background-color: transparent;
  text-decoration: none;
  color: #000;
}

.arjang-event-teaser .event-image img {
  display: block;
  max-width: 100%;
  height: auto;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.arjang-event-teaser .event-title a {
  font-size: 2rem;
  color: #000;
}
.arjang-event-teaser .event-item-contents {
  padding-top: 2rem;
}

.arjang-event-teaser .event-link {
  float: left;
}
@media (min-width: 992px) {
  .arjang-event-teaser .event-link {
    margin-top: -3em;
  }
}


#region-sidebar-first #block-arjang1400r-sendinblue-arjang-events-subscribe form label {
  display: none;
}
#region-sidebar-first #block-arjang1400r-sendinblue-arjang-events-subscribe form,
#region-sidebar-first #arjang-sendinblue-form-simple2 {
  text-align: center;
}

#region-sidebar-first #block-arjang1400r-sendinblue-arjang-events-subscribe,
#region-sidebar-first #block-arjang-sendinblue-forms-simple2-events {
  background-color: #fcfcfc;
}
#region-sidebar-first #block-arjang1400r-sendinblue-arjang-events-subscribe form,
#region-sidebar-first #block-arjang-sendinblue-forms-simple2-events form {
  padding: 0 1.5em 2em;
}
#region-sidebar-first #block-arjang1400r-sendinblue-arjang-events-subscribe .js-form-item input,
#region-sidebar-first #block-arjang-sendinblue-forms-simple2-events .js-form-item input {
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;

  -moz-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.07);
  -o-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.07);

  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.04);
  outline: 0;
  padding: 1.2rem 2rem;
  width: 100% !important;
  margin-top: 1.5rem;

  text-align: center;
}

/* hide duplicated node title (caused by view_mode_switch module) */
body.node--type-arjang-event h2.node__title {
  display: none;
}

body.node--type-arjang-event .region-content h1.title {
  background-color: #fbfbfb;
  text-align: center !important;
  padding: 0.5rem;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.04);
  -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.04);
  -o-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.04);
  box-shadow: 0 3px 20px 0 rgba(0,0,0,0.04);
}

/**
 * In Home page.
 */
#arjang-events-wrapper {
  background-color: #fff;
  margin-top: 5rem;
  padding: 5rem 0 14rem;
}
#arjang-events-wrapper h2.block-title {
  text-align: center;
  margin: 2rem 0 7rem;
  font-size: 3.1rem;
  font-weight: bold;
}
#arjang-events-wrapper article.node--type-arjang-event {
  margin: 0 4.5rem 3rem;
}
#arjang-events-wrapper article.node--type-arjang-event .event-title a {
  color: #0a3a75;
}
#arjang-events-wrapper article.node--type-arjang-event .event-link {
  margin-top: 3rem;
}

#arjang-events-wrapper article.node--type-arjang-event .event-image img {
  margin: 0 auto;
}

/**
 * Event page hero
 */
body.path-events #hero_bg_wrapper {
  background-image: url("../asset/home-parallax.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
body.path-events #hero_bg_wrapper .events-banner {
  text-align: center;
  margin: 8rem 0 8rem
}
body.path-events #hero_bg_wrapper .events-banner h1 {
  margin-bottom: 4rem;
}

body.node--type-arjang-event #hero_bg_wrapper {
  background-image: url("../asset/home-parallax.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
body.node--type-arjang-event #hero_bg_wrapper h1 {
  text-align: center;
  font-weight: bold;
  margin: 4rem 1rem 7rem;
}

/**
 * Make event banner sticky to overcome the situations where banner height does not match
 * the height of the other side.
 *
 * Requires the register form to be at the right side (not under the banner)
 */
body.node--type-arjang-event #event_banner {
  margin-bottom: 2rem;
  position: sticky;
  top: 0;
}


/**
 * For the new MBA Special section:
 */
#arjang-events-wrapper {
  /* remove the margin top which I applied before */
  /* margin-top: 0; */
}
#mba_special {
  margin: 5rem 0 0;
  padding: 4rem 1rem 8rem;
  background-color: #f7941e;
  color: #fff;

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='200' preserveAspectRatio='none' viewBox='0 0 1440 200'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1070%26quot%3b)' fill='none'%3e%3crect width='1440' height='200' x='0' y='0' fill='rgba(247%2c 148%2c 30%2c 1)'%3e%3c/rect%3e%3cpath d='M 0%2c14 C 48%2c27.2 144%2c78.8 240%2c80 C 336%2c81.2 384%2c25.6 480%2c20 C 576%2c14.4 624%2c47.2 720%2c52 C 816%2c56.8 864%2c42.6 960%2c44 C 1056%2c45.4 1104%2c66.2 1200%2c59 C 1296%2c51.8 1392%2c18.2 1440%2c8L1440 200L0 200z' fill='rgba(239%2c 138%2c 18%2c 0.5)'%3e%3c/path%3e%3cpath d='M 0%2c130 C 48%2c134.2 144%2c153.2 240%2c151 C 336%2c148.8 384%2c115 480%2c119 C 576%2c123 624%2c165.4 720%2c171 C 816%2c176.6 864%2c148.8 960%2c147 C 1056%2c145.2 1104%2c165.8 1200%2c162 C 1296%2c158.2 1392%2c134.8 1440%2c128L1440 200L0 200z' fill='rgba(239%2c 138%2c 18%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1070'%3e%3crect width='1440' height='200' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}