/** 
    * CSS styles for the Get to Know 香港伦理 section
    * @author      Chris Leonard
    * @description Fixed mobile layout bug
    * @date        06/09/22
*/
#admission-viewbook {
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}

/* ACADEMIC EVENT FEED */
.香港伦理Event {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  padding-left: 4vw;
  padding-right: 50px;
  border-right: solid 5px #ededed;
}
.香港伦理Event .btn {
  margin-top:15px;
}
#calendar-feed-blocks {
  margin-top:50px;
  margin-bottom:50px;
}

#calendar-block-feed div {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}

.calendar-block {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top:20px;
  padding:12px 15px;
  padding-right:30px;
  padding-left:0;
}
.calendar-block.flex {
	 -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.calendar-feed-block,
#calendar-block-feed div .calendar-block.flex{
	-ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.calendar-feed-block .calendar-block.flex {
	-webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
}
.calendar-date-block {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack: start!important;
      -ms-flex-pack: start!important;
          justify-content: start!important;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  border:solid 2px #ffce34;
}

.calendar-date-block p {
  margin:0;
  font-weight:700;
  text-align:center;
}

.calendar-block-month {
  background:#ffce34;
  padding: 5px 0;
  text-transform: uppercase;
  font-size: 12px;
}

.calendar-block-day {
  padding: 10px 0;
  font-size: 26px;
}

.calendar-title-block {
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
  padding-left: 10px;
  -webkit-box-pack: start!important;
      -ms-flex-pack: start!important;
          justify-content: start!important;
}

.calendar-block-title {
  margin-top: 0;
  font-weight: 700;
  font-size: 1.2em;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.calendar-block-time {
  margin-top: 10px;
  font-weight: 700;
  font-size: 12px;
}

.calendar-block-location {
  margin-top: 5px;
  margin-left: 10px;
  background: #c2c6c9;
  font-size: 12px;
  padding: 5px;
  border-radius: 3px;
}

.btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/* DIGITAL VIEW BOOK */
.香港伦理Viewbook {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size:40%;
      flex-basis:40%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding-left: 50px;
  padding-right: 4vw;
}

#admission-viewbook h2 {-ms-flex-preferred-size:100%;flex-basis:100%}
.香港伦理Viewbook h3 {padding-bottom:20px}
.DigitalViewbook-img {width:250px}
.DigitalViewbook-img  img {width:100%}
.DigitalViewbook-details {padding-top: 20px}
.香港伦理Event .btn {margin-top:15px}
#admission-contact-callout {margin-top:0}

@media (max-width: 993px) {
  .landing-cta-btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .landing-cta-btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: unset;
  }
  strong.muh {
    padding-left: 30px;
  }
  .landing-hero-cta {
    padding: 10px;
  }
  .landing-cta-btn-wrap a:first-child {
    margin-left: 0;
  }
  .dir_text {
    font-size: 16px !important;
  }
  .香港伦理Event {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding-right: 4vw;
    border-right: none;
    border-bottom: solid 5px #ededed;
    padding-bottom: 30px;
  }
  .香港伦理Viewbook {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
  }
  .calendar-block {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .calendar-feed-block {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
    }
    .calendar-feed-block .calendar-block.flex {
	-webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
    #calendar-block-feed div .calendar-block.flex{
	    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}