@charset "utf-8";

/* Home page content styles
 * Created by: RYC
 * Project: Penang Hot Air Balloon Fiesta
 */

/* slider */
/* ****** */
.slider-wrapper {
  margin-bottom: 20px;
}

.slider-wrapper ul {
  margin: 0;
}

.bx-viewport, .bx-wrapper{
  width: 100%;
}

.bxslider, .bxslider li {
  margin: 0;
  padding: 0;
}

.bxslider li img {
  display: block;
  margin: 0 auto;
}


/* content */
/* ******* */
.page-content {
  width: 100%;
  margin: 30px 0 20px 0;
}


/* about */
/* ***** */


/* mini-fiesta */
/* *********** */
.logo-mini-fiesta {
  margin-bottom: 40px;
  width: 100%;
}

.logo-mini-fiesta img {
  max-width: 282px;
}

.logo-mini-fiesta-mobile {
  margin-bottom: 40px;
  width: 100%;
}

.logo-mini-fiesta-mobile img {
  max-width: 282px;
  margin: 0 auto;
  display: block;
}

table.mini-fiesta {
  margin-bottom: 20px;
}

ul.mini-fiesta {
  list-style-type: disc;
  margin-bottom: 20px;
}

ul.mini-fiesta li {
  margin-left: 18px;
  margin-bottom: 5px;
  padding-left: 10px;
}

.mini-fiesta-btn {
  margin: 30px 0 50px 0;
}

a.btn-register,
a.btn-register:active,
a.btn-register:hover,
a.btn-register:visited {
  margin-bottom: 8px;
  padding: 5px;
  width: 110px;
  border-color: #000000;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}


/* register */
/* ******** */
.logo-form {
  margin-bottom: 30px;
  width: 100%;
}

.logo-form img {
  max-width: 282px;
  margin: 0 auto;
  display: block;
}

ol.tnc {
  list-style-type: decimal;
}

ol.tnc li {
  margin-left: 18px;
  margin-bottom: 10px;
  padding-left: 10px;
}

ul.tnc-lower-alpha {
  list-style-type: lower-alpha;  
}

ul.tnc-lower-alpha li {
  margin: 10px 0 10px 18px;
  padding-left: 10px;
}


/* balloonists */
/* *********** */
h2.balloonists-title {
  margin: 20px 0 20px 0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.balloonists {
  padding: 5px 20px 0 20px;
}

.balloonist-rec {
  width: 90%;
  min-height: 340px;
  margin: 20px auto;
  padding: 30px 0 0 30px;
  border-top: 2px solid #000000;
}

.balloonist-rec .balloon {
  margin-right: 30px;
  float: left;
}

.balloonist-rec .balloon img {
  margin: 0 auto;
  display: block;
}

.balloonist-rec .profile {
}

.balloonist-rec .profile .name {
  margin-top: 5px;
  font-weight: bold;
}

.balloonist-rec .profile .country {
  margin-top: 3px;
}

.balloonist-rec .profile .country .flag img {
  padding-left: 5px;
  padding-bottom: 3px;
}


/* gallery */
/* ******* */
h2.gallery-title {
  margin: 20px 0 20px 0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  
  position: relative;
  z-index: 1;
}

h2.gallery-title:before {
  border-top: 2px solid #000000;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 8px; left: 0; right: 0; bottom: 0;
  width: 95%;
  z-index: -1;
}

h2.gallery-title span {  
  background: #fff; 
  padding: 0 15px; 
}

.gallery {
  padding: 0 25px 20px 25px;
}

.gallery img {
  margin: 10px auto 20px auto;
  display: block;
}

.gallery .linktop {
  margin: 10px 0 5px 0;
  text-align: center;
}

.gallery .linktop a,
.gallery .linktop a:active,
.gallery .linktop a:visited,
.gallery .linktop a:hover {
  color: #000000;
  text-decoration: none;
}

.gallery .linktop img {
  margin: 0 0 0 5px;
  display: inherit;
}


/* programme */
/* ********* */
table.programme {
  border: 1px solid #000000;
}

table.programme tr th {
  padding: 5px;
  border: 1px solid #000000;
  color: #ffffff;
  background-color: #ec297b;
}

table.programme tr td {
  padding: 5px;
  border: 1px solid #000000;
}

table.programme tr td.grey {
  padding: 5px;
  border: 1px solid #000000;
  background-color: #f0f0f0;
}


/* sitemap */
/* ******* */
ul.sitemap li {
  margin: 0 0 10px 0;
}


/* common */
/* ****** */
ul.default-list {
  list-style: disc;
}

ul.default-list li {
  margin: 0 0 0 18px;
}

ul.asterix-list {
  list-style: none;
}

ul.asterix-list li:before {
  /*
  content: "*";
  position: relative;
  left: -12px;
  bottom: -1px;
  */
}

ul.asterix-list li {
  margin: 0 0 0 0px;
}

ol.numbered-list {
  list-style: decimal;
}

ol.numbered-list li {
  margin: 0 0 18px 18px;
  font-weight: bold;
}

.no-bold {
  font-weight: normal;
}

table.with-border {
  border: 1px solid #000000;
}

table.with-border tr td {
  padding: 5px;
  border: 1px solid #000000;
}


table.no-border {
  border: 0;
}

table.no-border tr td {
  padding: 5px;
  border: 0;
}

div.box-content {
  width: 100%;
  padding: 10px;
  border: 1px solid #000000;
}