@charset "UTF-8";

:root{
	--themecolor:#875cc8;
}
.evt-top{
  display: flex;
  padding:7vw 10vw;
  font-family: "Montserrat";
  align-items: flex-start;
  margin-bottom: 7vw;
  position: relative;
}
.evt-top.theme-black{
  background:#000;
  color:#fff;
}
.evt-top-lt{
  flex: 0 1 auto;
  padding-right: 3vw;
}
.evt-big-title{
  font-size: 5.5vw;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: .5vw;
}
.evt-description{
  font-size: 3.25vw;
  font-weight: bold;
  line-height: 1.1;
}
.evt-duration{
  font-size: 3.25vw;
  font-weight: bold;
  line-height: 1.1;
}
.evt-bottom{
  margin-top: 3vw;
  font-size: 2.1vw;
  font-weight: bold;
  margin-bottom: 3vw;
}
.evt-date{
  margin-bottom: .7vw;
  display: flex;
}
.evt-time{
	display: flex;
}
.evt-date span{
  color: var(--themecolor);
  margin-right: 1vw;
}
.evt-time span{
  color: var(--themecolor);
  margin-right: 1vw;
}
.evt-remark{
  font-size: 12px;
  margin-bottom: 1.7vw;
}
.evt-enquiry, .evt-map{
  font-size: 1.2vw;
  font-weight: bold;
  position: relative;
  padding-left: 2.5vw;
}
.evt-enquiry a, .evt-map a{
	color: inherit;
}
.evt-enquiry:after, .evt-map:after{
  content: '';
  position: absolute;
  display: block;
  top: -.2vw;
  left: 0;
  width: 1.75vw;
  height: 1.75vw;
  border-radius: 100%;
  background: #fff;
}
.evt-top-rt{
  padding-left: 3.5vw;
  flex:1 1 50%;
  border-left: 4px solid var(--themecolor);
  margin-top: .5vw;
  min-height: 19vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.evt-location{

}
.evt-building{
  font-size: 2vw;
  font-weight: bold;
  margin-bottom: .75vw;
}
.evt-address{
  font-size: 1.1vw;
  font-weight: 500;
  margin-bottom: 1.75vw;
}

.evt-top.evt-expired{
  background:var(--themecolor);
  color: #fff;
}
.evt-top.evt-expired .evt-top-rt{
  border-left: 4px solid #000;
}
.evt-expired-label{
  font-size: 5.5vw;
  border-top: 7px solid #000;
  border-bottom: 7px solid #000;
  display: inline-block;
  line-height: 1.05;
}
.evt-expired .evt-bottom{
  margin:4vw 0 6vw;
}

.evt-view-btn{
  border-radius: 0;
  background:#000;
  color:#fff;
  font-size: 1.7vw;
  font-weight: bold;
  padding:1.3vw 3.1vw;
  border:  .4vw solid #000;
  transition: background 300ms cubic-bezier(.25,1.33,.7,.99), color 300ms cubic-bezier(.25,1.33,.7,.99);
}
.evt-view-btn:hover{
  background:#fff;
  color:#000;
}
.evt-expired + article .entry-content{
  text-align: center;
  display: flex;
  justify-content: center;
}
a.view-btn{
  display: inline-block;
  text-align: center;
  margin:0 auto;
  background:#000;
  color:#fff;
  font-size: 1.7vw;
  font-family: "Montserrat";
  font-weight: bold;
  padding:1.3vw 1.6vw;
  min-width: 15vw;
  border: .4vw solid #000;

  transition: background 300ms cubic-bezier(.25,1.33,.7,.99), color 300ms cubic-bezier(.25,1.33,.7,.99);
}
a.view-btn:hover{
  background:#fff;
  color:#000;
}
#bgVideo{
  position: absolute;
  min-width: 100%;
  top: 50%;
  left: 50%;
  bottom: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  transform: translate3d(-50%,-50%,0);
}

@media only screen and (max-width: 768px){
  .evt-address{
    font-size: 1.4vw;
  }
  .evt-enquiry, .evt-map{
    font-size: 1.5vw;
    line-height: 1.5vw;
  }
}
@media only screen and (max-width: 640px){
  .evt-top{
    flex-direction: column;
    padding: 8vw 6vw 10vw;
    margin-bottom: 11vw;
    overflow: hidden;
  }
  .evt-top-lt{
    margin-bottom: 10vw;
    padding-right: 0;
  }
  .evt-big-title {
    font-size: 8.5vw;
    margin-bottom: 2vw;
  }
  .evt-description, .evt-duration {
    font-size: 5vw;
  }
  .evt-bottom{
    margin:5vw 0;
    font-size: 3.4vw;
  }
  .evt-date span,.evt-time span{
    margin-right: 2vw;
  }
  .evt-remark {
    font-size: 11px;
    margin-bottom: 3vw;
  }
  .evt-enquiry, .evt-map{
    font-size: 3.4vw;
    padding-left: 6.5vw;
  }
  .evt-enquiry:after, .evt-map:after{
    width: 4.75vw;
    height: 4.75vw;
    top: -.3vw;
  }
  .evt-top-rt{
    margin-top: 0;
    border-top: 4px solid var(--themecolor);
    border-left: 0;
    padding-left: 0;
    padding-top: 8vw;
  }
  .evt-building {
    font-size: 5vw;
    margin-bottom: 2.75vw;
  }
  .evt-address {
    font-size: 3.4vw;
    margin-bottom: 3.75vw;
  }

  .evt-expired .evt-top-lt {
    margin-bottom: 13vw;
  }
  .evt-expired-label{
    font-size: 8.5vw;
    line-height: 1.2;
    border-width: 5px;
  }
  .evt-expired .evt-bottom {
    margin: 7vw 0 11vw;
  }
  .evt-view-btn{
    font-size: 4vw;
    padding: 2.5vw 6vw;
    border-width: 1.5vw;
  }
  .evt-top.evt-expired .evt-top-rt{
    border-left: 0;
    border-top: 4px solid #000;
  }
  a.view-btn{
    font-size: 4.5vw;
    padding: 2.5vw 6vw;
    min-width: 33vw;
    border-width: 1.5vw;
  }
}




/* form */
.entry-title{
  font-size: 4vw;
  font-family: "Montserrat";
  font-weight: 300;
  text-align: center;
  letter-spacing: -.05vw;
}
.entry-date{
  font-family: "Montserrat";
  text-align: center;
  font-size: 1.3vw;
  color: var(--themecolor);
  font-weight: bold;
  margin-top: 1vw;
  letter-spacing: .15vw;
}
.entry-content{
  padding:6vw 10vw;
}
 .frm_form_fields .frm_fields_container{
  grid-template-columns: repeat(12, 4.667%);
  grid-gap: 0 4%;
 }

.frm_style_formidable-style.with_frm_style .form-field > .frm_primary_label{
  color:var(--themecolor) !important;
  font-size: 1vw;
  letter-spacing: .07vw;
  font-family: "Montserrat";
  font-weight: 500;
  flex-wrap: wrap;
  display: flex;
}
.form-field{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.full-border.form-field input, .with_frm_style .full-border select{
  border:2px solid #000 !important;
  padding: 1vw !important;
}
.form-field input{
  border:none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-bottom:2px solid #000 !important;
  /*font-size: 1.2vw !important;*/
  line-height: 1.3;
  height: auto !important;
  margin-top: .5vw;
  padding:1vw 0 !important;
}
.frm_style_formidable-style.with_frm_style .form-field{
  margin-bottom: 6vw;
}

.with_frm_style select{
  border-radius: 0 !important;
  box-shadow: none !important;
  border:2px solid #000 !important;
  font-size: 1.2vw !important;
  line-height: 1.3;
  height: auto !important;
  margin-top: .5vw;
  padding:1vw 0 !important;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
}
.form-field{
  position: relative;
}
.with_frm_style select + .ic-dropdown{
  display: block;
  position: absolute;
  bottom: 1.3vw;
  right: 1vw;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .8vw .5vw 0 .5vw;
  border-color: var(--themecolor) transparent transparent transparent;
}
.with_frm_style .full-border select + .ic-dropdown{
  right: 1.5vw;
}
.frm-small-text{
  font-size: .7vw;
  white-space: nowrap;
}
.frm_opt_container{
  display: flex;
  min-height: calc(3.5vw);
  align-items: flex-end;
  flex-wrap: wrap;
}
.with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox]{
  border-radius: 100% !important;
  border: 1px solid #000 !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  width: 1vw !important;
  height: 1vw !important;
  padding: 0 !important;
  margin: .15vw .5vw .15vw 0 !important;
  position: relative !important;
  vertical-align: middle !important;
}
.with_frm_style .frm_radio input[type=radio]:checked:after, .with_frm_style .frm_checkbox input[type=checkbox]:checked:after{
  position: absolute;
  width: 1vw;
  height: 1vw;
  content: '';
  display: block;
  top: 0;
  left: 0;
  background: var(--themecolor);
  border-radius: 100%;
  margin: -2px;
  border: 1px solid var(--themecolor);
}
.with_frm_style .vertical_radio .frm_radio label, .with_frm_style .vertical_radio .frm_checkbox label{
  font-size: 1vw;
  display: flex;
  padding-left: 0;
  text-indent: 0;
  align-content: center;
  margin-right:2.5vw;
  color:#000;
}

div[role="group"] > .frm_checkbox{
  display: block;
  flex: 1 0 100%;
  margin-bottom: .75vw !important;
}

div[role="group"] > .frm_checkbox:nth-child(1){
  margin-top: 2vw;
}
.frm_style_formidable-style.with_frm_style .frm_form_field.frm_right_container{
  grid-template-columns: auto 100% !important;
  margin-bottom: 1vw !important;
}
.frm_style_formidable-style.with_frm_style .frm_form_field.frm_right_container > .frm_primary_label{
  color: #000;
  letter-spacing: 0;
  margin-left: 0;
}
.with_frm_style .frm_right_container.frm12 label{
  margin-right: 0vw;
}
div.frm_right_container.frm12 [role="group"] > .frm_checkbox:nth-child(1){
  margin-top: 0;
}

div.frm_right_container.frm12 .frm_opt_container[role="group"]{
  min-height: auto;
  align-self: flex-start;
}
.frm_style_formidable-style.with_frm_style .frm_submit{
  text-align: center;
  margin-top: 6vw;
}
.frm_style_formidable-style.with_frm_style .frm_submit button{
  border-radius: 0 !important;
  border:0 !important;
  background:var(--themecolor) !important;
  color:#000 !important;
  font-size: 1.7vw !important;
  font-family: "Montserrat" !important;
  font-weight: bold !important;
  padding:1.7vw 2vw !important;
  min-width: 15vw !important;

  padding:1.3vw 1.6vw !important;
  border: .4vw solid #000 !important;
  background: #000 !important;
  color: #fff !important;

  transition: background 300ms cubic-bezier(.25,1.33,.7,.99), color 300ms cubic-bezier(.25,1.33,.7,.99);
}
.frm_style_formidable-style.with_frm_style .frm_submit button:hover{
  background:#000 !important;
  color:var(--themecolor) !important;

  background:#fff !important;
  color:#000 !important;
}
.frm_five{
  grid-column-start: span 5!important;
  grid-column-end: span 5!important;
}



/* The container must be positioned relative: */
.custom-select {
  position: relative;
  /*font-family: Arial;*/
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: white;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translate3d(0,-50%,0);
  right: 1.5vw;
  width: 0;
  height: 0;
  /*border: 6px solid transparent;
  border-color: var(--themecolor) transparent transparent transparent;*/
  border-style: solid;
  border-width: .8vw .5vw 0 .5vw;
  border-color: var(--themecolor) transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  /*border-color: transparent transparent var(--themecolor) transparent;
  top: 7px;*/
}

/* style the items (options), including the selected item: */
.select-items div {
  color: #000;
  padding: 1vw !important;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.05) transparent;
  cursor: pointer;
}
.select-selected{
  cursor: pointer;
  color: #000;
  padding: 1vw !important;
  border: 2px solid #000;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: white;
  top: 100%;
  margin-top: 5px;
  left: 0;
  right: 0;
  z-index: 99;
  max-height: 250px;
  overflow: hidden;
  overflow-y: scroll;
  border: 2px solid #000;
}
/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.05);
}

/* date picker - jquery ui */
.ui-datepicker td .ui-state-default{
  padding: 10px !important;
}
.ui-datepicker *{
  font-family: "Montserrat" !important;
}
.ui-datepicker td{
  border:none !important;
}
#ui-datepicker-div.ui-datepicker td.ui-datepicker-today{
  background-color: #f1f3f5 !important;
}
#ui-datepicker-div.ui-datepicker td.ui-datepicker-current-day,
#ui-datepicker-div.ui-datepicker td .ui-state-hover{
  background-color: var(--themecolor) !important
}
#ui-datepicker-div.ui-datepicker thead{
  background-color: white !important;
  color:var(--themecolor) !important;
}
#ui-datepicker-div.ui-datepicker .ui-widget-header, .ui-datepicker .ui-datepicker-header{
  background-color: white !important;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before{
  color: #000 !important;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year{
  border: none;
  border-bottom: 1px solid #000;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title{
  text-align: justify;
}


.with_frm_style .frm_required{
	order: -1;
  color:var(--themecolor) !important;
}
@media only screen and (max-width: 640px){
  .frm_form_fields .frm_fields_container{
    grid-column: 1 / span 12 !important;
  }
  .entry-content {
    padding: 9vw 6vw;
  }
  .entry-title{
    font-size: 7.5vw;
  }
  .entry-date{
    font-size: 3.5vw;
    margin-top: 2vw;
  }
  .frm_style_formidable-style.with_frm_style .form-field > .frm_primary_label{
    font-size: 4vw;
  }
  .form-field input{
    margin-top: 2vw;
    font-size: 4vw !important;
    padding: 2vw 0 !important;
  }
  .with_frm_style select{
    font-size: 4vw !important;
    margin-top: 2vw;
    padding: 2vw 0 !important;
  }
  .with_frm_style select + .ic-dropdown{
    border-width: 3vw 2vw 0 2vw;
    bottom: 3vw;
    right: 2.5vw;
  }
  .frm_style_formidable-style.with_frm_style .form-field{
    margin-bottom: 12vw;
  }
  .frm-small-text{
    display: block;
    white-space: normal;
    font-size: 3vw;
  }
  .with_frm_style .vertical_radio .frm_radio label, .with_frm_style .vertical_radio .frm_checkbox label{
    font-size: 4vw;
    margin-right: 8vw;
  }
  .with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox]{
    border: 1px solid #000 !important;
    width: 4vw !important;
    height: 4vw !important;
    padding: 0 !important;
    margin: .4vw 2vw .5vw 0 !important;
  }
  .with_frm_style .vertical_radio .frm_checkbox, .with_frm_style .vertical_radio .frm_radio, .vertical_radio .frm_catlevel_1{
    margin-top: 2vw;
  }
  .with_frm_style .frm_radio input[type=radio]:checked:after, .with_frm_style .frm_checkbox input[type=checkbox]:checked:after{
    width: 4vw;
    height: 4vw;
  }
  .full-border.form-field input, .with_frm_style .full-border select{
    padding: 3vw !important;
  }
  .with_frm_style .full-border select + .ic-dropdown{
    bottom: 4.5vw;
    right: 4.5vw;
  }
  .with_frm_style .vertical_radio .frm_checkbox label{
    margin-right: 0;
  }
  .frm_style_formidable-style.with_frm_style .frm_form_field.frm_right_container > .frm_primary_label{
    padding-left: 6vw;
    font-size: 3.5vw;
  }
  .frm_style_formidable-style.with_frm_style .frm_submit button{
    font-size: 5vw !important;
    padding: 4vw 6vw !important;

    padding: 3.6vw 5.6vw !important;
    border-width: 1.5vw !important;
  }
  .frm_style_formidable-style.with_frm_style .frm_submit{
    margin-top: 12vw;
  }


  .select-items div, .select-selected{
    padding: 3vw !important;
  }
  .select-selected:after{
    border-width: 3vw 2vw 0 2vw;
    right: 4.5vw;
  }

}
@media only screen and (min-width: 2560px){
  main.site-main{
    max-width: 2560px;
    margin: 0 auto;
  }
  .evt-top{
    padding: 179px 256px;
    margin-bottom: 179px;
    overflow: hidden;
  }
  .evt-top-lt{
    padding-right: 76px;
  }
  .evt-big-title{
    font-size: 140px;
    margin-bottom: 13px;
  }
  .evt-description{
    font-size: 83px;
  }
  .evt-duration{
    font-size: 83px;
  }
  .evt-date{
    margin-bottom: 18px;
  }
  .evt-date span,
  .evt-time span{
    margin-right: 25px;
  }
  .evt-bottom{
    margin-top: 76px;
    font-size: 53px;
    margin-bottom: 76px;
  }
  .evt-remark{
    font-size: 16px;
    margin-bottom: 43px;
  }
  .evt-enquiry, .evt-map{
    font-size: 30px;
    padding-left: 64px;
  }
  .evt-enquiry:after, .evt-map:after{
    top: -5px;
    width: 44px;
    height: 44px;
  }
  .evt-top-rt{
    padding-left: 89px;
    margin-top: 12px;
    min-height: 486px;
  }
  .evt-building{
    font-size: 52px;
    margin-bottom: 19px;
  }
  .evt-address{
    font-size: 28px;
    margin-bottom: 44px;
  }
  .entry-content{
    padding: 153px 256px;
  }
  .entry-title{
    font-size: 102px;
    letter-spacing: -1.28px;
  }
  .entry-date{
    font-size: 33px;
    margin-top: 25px;
    letter-spacing: 3.8px;
  }
  .evt-expired-label{
    font-size: 140px;
  }
  .evt-view-btn,
  a.view-btn{
    font-size: 43px;
    border-width: 10px;
    padding: 33px 80px;
  }
  a.view-btn{
    min-width: 204px;
  }
  .form-field input{
    padding:  25px 0 !important;
  }
  .frm_style_formidable-style.with_frm_style .form-field{
    margin-bottom: 153px;
  }
  .frm_style_formidable-style.with_frm_style .form-field > .frm_primary_label{
    font-size: 25px;
    letter-spacing: 1.8px;
  }
  .with_frm_style select{
    font-size: 30px !important;
    margin-top: 12px;
    padding: 25px 0 !important;
  }
  .select-selected{
    padding: 25px !important;
  }
  .select-selected:after{
    right: 38px;
    border-width: 20px 12px 0 12px;
  }
  .select-items div{
    padding: 25px !important;
  }
  .frm-small-text{
    font-size: 18px;
  }
  .frm_opt_container{
    min-height: 90px;
  }
  .with_frm_style .vertical_radio .frm_radio label,
  .with_frm_style .vertical_radio .frm_checkbox label{
    font-size: 25px;
    margin-right: 64px;
  }
  .with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox]{
    width: 24px !important;
    height: 24px !important;
    margin: 4px 12px 4px !important;
  }
  .full-border.form-field input, .with_frm_style .full-border select{
    padding: 25px !important;
  }
  .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=file], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style .frm-card-element.StripeElement{
    font-size: 23px;
  }
  .select-items div,
  .select-selected{
    font-size: 23px;
  }
  div[role="group"] > .frm_checkbox:nth-child(1){
    margin-top: 52px;
  }
  div[role="group"] > .frm_checkbox{
    margin-bottom: 19px !important;
  }
  .frm_style_formidable-style.with_frm_style .frm_form_field.frm_right_container{
    margin-bottom: 19px !important;
  }
  .with_frm_style .frm_right_container.frm12 label{
    margin-right: 0;
  }
  .frm_style_formidable-style.with_frm_style .frm_submit{
    margin-top: 153px;
  }
  .frm_style_formidable-style.with_frm_style .frm_submit button{
    font-size:43px !important;
    padding: 33px 41px !important;
    min-width: 384px !important;
    border-width: 10px !important;
  }
}