/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
  background-color: #F8F9FA;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */


.carousel-caption h1{
  color: black;
  text-align: center;
  font-weight: bolder;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */

/*---------manuel */

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

body .card-body{
  text-align: center;
}

.event-album .card-text,
.category-album .card-text{
  height: 51px;
  overflow: hidden;
}


  
.album .category-title{
  text-align: center;
  font-weight: bolder;
}


#myCarousel {
  margin-bottom: 0;
  padding-bottom: 2em;
  background-color: #F8F9FA;
}

a {
  
  text-decoration: none;
}

.album-row, .align-items-center{
  align-items: center !important;
  justify-content: center !important;
}

.featurette-divider-shallow-below{
  margin-bottom: 1em;
}

.orderby{
  margin-bottom: 10px;
}

.orderby .sort-label{
  left: 13px;
  top: -3px;
}

.footer-row{
  margin-top: 20px;
}

.event-content{
  margin-bottom: 180px;
}

.event-content strong{
  font-size: 20px;
}

.event-content .event-image{
  /*
  display: block;
  margin: 10px 20% 20px 20%;
  width: 60%;
  */
}

.payment-form-wrapper{
  overflow: hidden;
  background-color: #efefef;
}

.event-form-title{
  font-size: 20px;
}

.event-form-info{
  color: black;
}

.event-content ul li{
  margin-left: 20px;
}

h1.plugin-title {
  font-size: 20px;
}

.event-content .event-image{
  height: auto !important;
}

video{
   display: block;
  margin: 10px 20% 20px 20%;
  width: 60%;
  height: auto !important;
}

.payment-form-outer{
  width: 60%;
  margin: 20px 20% 20px 20%;
  text-align: center;
}

.md_title{
  margin: 20px 0;
}

.payment-title-row{
  overflow: hidden;
  clear: both;
  
}
.payment-title-row .title{
  position: relative;
  padding: 10px 0;
}

.i-accept-all-conditions-on-the-event-participant-disclaimer
{
  display: block;
  width: 100% !important;
  margin-bottom: 20px;

}

.payment-title-row .title em{

  font-size: 12px;
  display: none;
  
  
}

.payment-form > .payment-input-row{
  width: 50%;
  display: inline-block;
  vertical-align: top;
  
}



body .b-bank-transfer-deta .event-form-label{
  margin: 0 auto !important;
  text-align: left;
}

.payment-form select{
  width: 50%;
margin: 0 auto;
}

.payment-title-row{
 
}

.payment-form-row{
  margin: 20px 0;
}


.amount-class{
  width: 25%;
  display: inline-block;
}

.event-form-label{
  font-size: 14px;
  
}


.discount-code{
  
}

#discount_code_boilerplate{
  display: block;
  color :#3b8593;
  font-weight: bold;

}
.Validated{
  color: green !important;
}


.title  .event-form-label{
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}

.payment-title-row{
  margin: 10px 20%;
}

.checkbox_text-outer{
  width: 33%;
  vertical-align: top;
  float: left;
}


.cards-container{
  display: none;
}


body .row .res {
  padding-right: 0 !important;
  padding-left: 0 !important;
  
}

body .bank-pay-box{

  margin: 20px auto; 
  margin-bottom; 0.6em; 
  adding: 0.6em; 
  background-color: #fff; 
  border: 1px solid #ccc; 
  border-radius: 6px;
  text-align: left;

}

body .bank-pay-box td{
  padding: 3px;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sc_title{
  font-weight: bold;
}

.contents h1{
  margin-top: 50px;
}

.payment-method{
  clear: both;
}



main{
  padding-top: 50px;
}

.homepage main{
  padding-top: 0;
}

main h1{
  font-size: 26px;
}

.search-page main h1{
  padding-top: 50px;
}

.discount-code-if-applicable, .payment-option{
  clear: both;
  width: 100% !important; 

}

.discount-code-if-applicable .payment-input-row-inner
{
  width: 50%;

  margin: 0 auto;
}

.tick-box-for-credit-debit-card-payment{
  float: none;
margin: 0 auto;
}

.map-data{
  display: none;
}

#map{
  height: 400px;
  width: 300px;
  margin-bottom: 20px;
}


.Venue-card{
  margin-bottom: 20px;
}
.Venue-card label{
  display: inline-block;
  margin-right: 10px;
  font-weight: bold;
}

.card{
  text-align: center;
}

body, html{
  
} 

.category-header{
  margin-bottom: 50px;
}
body .category-event-album{
  padding-top: 50px !important;
}


.banner-size-full{
  width: 100%;
}

.banner-size-2third{
  width: 66%;
  text-align: center;
  float: none;
  margin: 0 auto;
}
.banner-size-1third{
  width: 33%;
  text-align: center;
  float: none;
  margin: 0 auto;
}

.additional-banner{
  padding-bottom: 20px;
}
/*---------manuel */


.footer-row-top > div.col:nth-of-type(2) {
  text-align: right;
}

.adjustedtotal{
  color: darkred;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 767.98px) {
  body {
      padding-top: 4rem;
  }

  .event-content .event-image {
    display: block;
    margin: 10px 1% 20px 1%;
    width: 98%;
  }

  .event-content strong {
    font-size: 16px;
  }

  .event-content table strong,
  .event-content table {
    font-size: 14px;
  }
  .payment-form-outer {
    width: 98%;
    margin: 20px 1% 20px 1%;
    text-align: center;
  }

  .payment-form > .payment-input-row {
    width: 100%;
  }

  .featurette-divider {
    margin: 1rem 0;
    margin-bottom: 1rem;
  }

  .payment-form select {
    width: 100%;
    
  }

  .category-header{
    margin-bottom: 20px;
    text-align: center;
  }
  body .category-event-album{
    padding-top: 20px !important;
  }
  main {
    padding-top: 20px;
  }

  .footer-row-top > div.col {
    text-align: center !important;
    width: 100%;
  }

  .footer-row{
    display: block;
    text-align: center;
  }

  .footer-row .float-end{float: none !important;}

}

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }

  body .card-img-top {
    
    height: 200px;
  }
  body .card-img-top {
    height: 200px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }

  .carousel-item {
    height: inherit;
  }

  .event-detail{

  }

  .payment-form-bank-res{
    width: 60%;
    margin: 20px 20% 20px 20%;
    text-align: center;
  }


}