/* @font-face {font-family: theSerifBlack;			src: url(resources/theserif-9-black-webfont.ttf);} */
/* @font-face {font-family: theSerifExtraLight;	src: url(resources/ufonts.com_theserif-2-extralight.ttf);} */
/* @font-face {font-family: railway;				src: url(resources/railway.otf);} */

body {font-family: 'Hind', sans-serif; font-size: medium;}
h1 {font-family: 'Shadows Into Light', cursive; text-transform: uppercase; font-size: 3em;}
h2 {font-family: 'Shadows Into Light', cursive; text-transform: uppercase;}
h3 {font-family: 'Shadows Into Light', cursive; text-transform: uppercase;}
p, table, li, address {font-weight: 300; font-size: 1em; text-align: justify;}
#msg-alert {font-weight: 300; font-size: 1em; text-align: justify;}

hr {margin: 40px 0px;}

.navbar-brand>img {
  margin-top: -15px;
}

.twitter-box {
  height: 400px;
}

.home-jumbotron {
	background-image: url('star-paths-header-2.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  margin-bottom: 48px;
	}

.jumbotron p {font-family: 'Shadows Into Light', cursive; background: none; font-size : 8vw;}
.home-jumbotron small-month {font-size: 0.8em;}

.info-jumbotron {background-color: #ffffff;}
.info-jumbotron p {color: #002855;}

@media(min-width:768px){
  .jumbotron p {font-size: 2.5em;}
}

.navbar-bpa {
	background-color: none;
	background-image: url('star-paths-header-2.png');
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
  color: #ffffff !important;
	}

.navbar-header > p, .navbar-header > p > a {color: #ffffff !important;}

/* .navbar-booking-text {
	color: #ffffff !important;
	} */


.navbar-right {
  float: right!important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  }

.navbar-header {
  float: left;
  }

.indent {margin-left: 40px;}

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px;
  }

/*.div-thanks {padding-top: 100px;}*/

@media(min-width:768px){
  .div-thanks{display:table; height:173px;}
}

.div-thanks p {
  display: table-cell;
  vertical-align: middle;
  /*width: 190px;*/
  /*margin: 0; */
  padding: 20px 0px;
  /*background: black;*/
}

/* Sticky Footer */

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height (plus top margin)*/
  margin-bottom: 300px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 240px;
/*   background-color: #f5f5f5; */
}

.table-h {
  margin-top: 20px;
}

.table-h > tbody > tr > th, .table-h > tbody > tr > td {
  border-bottom: 1px solid #ddd;
  border-top: none;
  /* padding-top: 20px; */
  vertical-align: middle;
}

.table-borderless > tbody > tr > th, .table-borderless > tbody > tr > td {
  border-bottom: none;
  border-top: none;
  /* padding-top: 20px; */
  vertical-align: middle;
}

/*Alerts*/

.alert-fixed-top, .alert-fixed-bottom {
  border-radius: 0;
  left: 0;
  margin: 0;
  opacity: 1;
  position: fixed;
  width: 100%;
  z-index: 9999;
  }

.alert-fixed-top {
  border-width: 0 0 1px 0;
  top: 0;
  }

.alert-fixed-bottom {
  border-width: 1px 0 0 0;
  bottom: 0;
  }

  .polaroid-images a
  {
  	background: white;
  	/* display: inline; */
  	float: left;
  	margin: 0 15px;
  	padding: 10px 10px 10px 10px;
  	text-align: center;
  	text-decoration: none;
  	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
  	-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
  	box-shadow: 0 4px 6px rgba(0,0,0,.3);
  	-webkit-transition: all .15s linear;
  	-moz-transition: all .15s linear;
  	transition: all .15s linear;
  	/* z-index:0; */
          position:relative;
  }

  /* .polaroid-images a:after {
  	color: #333;
  	font-size: 20px;
  	content: attr(title);
  	position: relative;
  	top:15px;
  } */

  /* .polaroid-images img {
	display: block;
	width: inherit;
} */

.polaroid-images a:nth-child(1)
{
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
.polaroid-images a:nth-child(2) {
	-webkit-transform: rotate(6deg);
	-moz-transform: rotate(6deg);
	transform: rotate(6deg);
}
.polaroid-images a:nth-child(3)
{
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
.polaroid-images a:nth-child(4)
{
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	transform: rotate(3deg);
}

.polaroid-images a:hover{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
        transform: rotate(0deg);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
        transform: scale(1.2);
	z-index:10;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,.7);
        box-shadow: 0 10px 20px rgba(0,0,0,.7);
}

.polaroid-images {
  /* height:500px;  */
  padding-top: 70%;
  position: relative;}

.polaroid-images figure
{
  /* width: 320px; */
  /* height: 360px; */
  /* position: relative; */
  /* display: inline-block; */
  background: #fff;
  padding: 20px;
  text-align: center;
  /* margin: 5px; */
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
  box-shadow: 0 4px 6px rgba(0,0,0,.3);

  position: absolute;
  /* display: block; */
  margin: 0;
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
  /* max-height: 80%; max-width: 80%; */
}

.polaroid-img
{
  /* width: 100%; height:auto; */
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
  box-shadow: 0 4px 6px rgba(0,0,0,.3);
  border: 20px solid white;
  position: absolute;
  height: 500px;
  max-height: 80%;
  max-width: 80%;
}

.postcard-container {
    /* height: 80vh; */
    padding-top: 50%;
    position: relative;
  }

.postcard
{
  box-shadow: 0 4px 6px rgba(0,0,0,.3);
  -moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
  border: 10px solid white;
  max-height: 80%;
  max-width: 80%;
  position: absolute;
}

.collage {
  padding: 48px 0px 48px 0px;
}

.collage-tile {
  background-position: center;
  background-size: cover;
  /* padding-top: 50%; */
}

.collage-tile:before {
  content: "";
  display: block;
  padding-top: 100%;
}

#collage-modal {
  z-index: -1;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

#collage-modal.fade.in {
   z-index: 1050;
}

#collage-modal .modal-dialog {
  display:inline-block;
  margin: auto;
  max-width: 80vw;
  width:auto;
}

#collage-modal .modal-content {
  border-radius: 0;
}

#collage-modal .modal-content img {
  max-height: 80vh;
  max-width: 80vw;
}

/* .postcard img
  {
    max-height: 64vh;
    max-width: 100%;
  } */

/* .postcard span
  {
    bottom: 8px;
    color:#ffffff;
    font-family: 'Shadows Into Light', cursive;
    font-size: 1em;
    left: 16px;
    position: absolute;
    text-transform: uppercase;
  } */


/* @media (min-width: 768px)
  {
    .postcard-container {height:30vh;}
    .postcard img {max-height: 24vh;}
    .postcard span {font-size: 1.5em;}
  }

@media (min-width: 992px)
  {
    .postcard-container {height:50vh;}
    .postcard img {max-height: 40vh;}
    .postcard span {font-size: 1.5em;}
  }

@media (min-width: 1200px)
  {
    .postcard-container {height:30vh;}
    .postcard img {max-height: 24vh;}
    .postcard span {font-size: 1.5em;}
  } */

/* Information Packs */
.info-jumbotron {margin-bottom: 0px;}
.info-div {border-top: 1px solid #eee; padding-top: 48px;}
.info-div h2 {margin-top: 60px;}
.info-div h1 small {text-transform: none;}
/* .info-div table>tbody>tr>td {border-top: none;} */
/* .info-div table>tbody>tr>td:first-child {border-right: 1px solid #ddd; white-space:nowrap;} */
.info-div ul>li {list-style-type: circle;}
.info-table-horizontal {text-align: center;}
.info-table-horizontal tbody>tr>th {border-bottom: 1px solid #ddd; border-top: none; text-align: center;}
.info-table-horizontal tbody>tr>td {border-top: none;}
.info-table-vertical tbody>tr>td {border-top: none;}
.info-table-vertical tbody>tr>td:first-child {border-right: 1px solid #ddd; white-space:nowrap;}


address {padding-left: 40px;}

/* Homepage Carousel */
#picture-carousel .carousel-inner {height: 50vw;}
#picture-carousel .carousel-inner > .item {max-height: 100%; position: absolute; top: 50%; width: 100%}
#picture-carousel .carousel-inner > .item.next,
#picture-carousel .carousel-inner > .item.active.right
  {
    -webkit-transform: translate3d(100%, -50%, 0);
    transform: translate3d(100%, -50%, 0);
    left: 0
  }
#picture-carousel .carousel-inner > .item.prev,
#picture-carousel .carousel-inner > .item.active.left
  {
    -webkit-transform: translate3d(-100%, -50%, 0);
    transform: translate3d(-100%, -50%, 0);
    left: 0
  }
#picture-carousel .carousel-inner > .item.next.left,
#picture-carousel .carousel-inner > .item.prev.right,
#picture-carousel .carousel-inner > .item.active
  {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    left: 0
  }
#picture-carousel .carousel-inner > .item > img {margin: auto; max-height: 50vw;}
#picture-carousel .carousel-control.left {background-image: none; width: 25%;}
#picture-carousel .carousel-control.right {background-image: none; width: 75%;}
#picture-carousel .carousel-inner > .item > .carousel-caption {font-family: 'Shadows Into Light', cursive; text-transform: uppercase; font-size: 1em; bottom: 15px; padding-bottom: 15px;}
@media(min-width:768px){
  #picture-carousel .carousel-inner > .item > .carousel-caption {font-size: 1.5em;}
}
@media(min-width:992px){
  #picture-carousel .carousel-inner > .item > .carousel-caption {font-size: 2em;}
}