h1, h2, p, button {font-family: 'Lora', serif;}
h1, h2 {font-weight: 300; font-size: 1.8em; margin: 7px 0;}
body {
    font: 3em/1.67 'Lora', Sans-serif;
    margin: 0;
    padding: 0;
    background: #81959a;
}

.fa{
  font: normal normal normal 6em/1.67 FontAwesome;
  padding: 10px;
  color: #000;
  display: block;
  line-height: 1em;
}
.fa.fa-arrow-right{
  font: normal normal normal 1.4em/1.67 FontAwesome;
}
a{
  border-bottom: 3px solid #b0d6e2;
  box-shadow: inset 0 -4px 0 #b0d6e2;
  text-decoration: none;
  color: #000;
}
#instafeed a{
  border: none;
  box-shadow: none;
}
.wrapper {
    width: 95%;
    margin: 3em auto;
    max-width: 980px;
}
.center{
  text-align: center;
}
.item {
  padding: 1em 2em;
  margin: 0 0 1.5em;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #fff;
}
.item.post{
  padding: 1em;
}
.logo.item{
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
#instafeed{
  width: 100%;
  clear: both;
  overflow: hidden;
}
.footer .centered-item {
  padding: 60px 0 60px 0;
  color: white;
}
.footer .centered-item a{
  color: white;
}
.centered-item {
  text-align: center;
}
.centered-item img{
  width: 600px;
  margin: 40px 0 40px 0;
  animation: hideshow 10s ease infinite;
}
.centered-item img.bird-below-logo{
  width: 400px;
  margin: 10px 0 40px 0;
}
.centered-item img.owl {
  width: 650px;
}
.item{
  border: 1px solid #666;
}
.item.post .wrapped-text{
  border: 1px solid #b0b0b0;
}
.wrapped-text{
  padding: 15px 20px 25px 20px;
}
.caption, .grid-item{
  display: inline-block;
}
.grid-item img {
  max-width: 100%;
}
#instafeed .caption {
  padding: 20px;
  text-align: left;
}
#instafeed article {
  text-align: center;
}
.footer .centered-item, #header{
  background: url('footer.png') repeat top left;
}
.footer{
  height: 500px;
  margin-top: 60px;
}
#header{
  height: 40px;
}
.booking-disclaimer{
  overflow: hidden;
}
button .booking-disclaimer{
  font-size: 4em;
}
.pattern .wrapped-text.bread{
  background-color: #efefe4;
  border-color: #d8d7d7;
}

/* YELLOW */
.pattern-3 {
  background-color: #f0f0d6;
  /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAHUlEQVQoU2P88OHafwYiAOOoQnyhRN3gERDQYgAAV1wlZx+fa8UAAAAASUVORK5CYII=) repeat;*/
}
.pattern-3 a, .pattern-3 span {
  background-color: #f0f0d6;
  padding: 8px 8px 0 8px;
}
/* BROWN */
.pattern-1 {
  background-color: #ccc6b2;
  /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAHUlEQVQoU2M8c2zTfwYiAOOoQnyhRN3gMbHyYwAAdTAhZZ0o0mYAAAAASUVORK5CYII=) repeat;*/
}
.pattern-1 a {
  background-color: #ccc6b2;
  padding: 8px 8px 0 8px;
}
/* PINK */
.pattern-2 {
  background-color: #f5dbd7;
  /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAHUlEQVQoU2P8evv6fwYiAOOoQnyhRN3g4VbVZAAA1Kkk4MiwLu4AAAAASUVORK5CYII=) repeat;*/
}
.pattern-2 a {
  background-color: #f5dbd7;
  padding: 8px 8px 0 8px;
}
.map-pattern{
  background-color: #ccc6b2;
  /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAHUlEQVQoU2M8c2zTfwYiAOOoQnyhRN3gMbHyYwAAdTAhZZ0o0mYAAAAASUVORK5CYII=) repeat;*/
}
.map-pattern img{
  margin: -40px;
}
button{
  padding: 13px 70px;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  margin: 20px 0 20px 0;
  background-color: #e9d1d0;
  border: 1px solid black;
}
.fancy-checkbox input[type="checkbox"] {
    display: none;
}
.fancy-checkbox span:before {
    font-family: "FontAwesome";
    font-style: normal;
    width: 1em;
    height: 1em;
    content: '\f10c';
    margin-right: .3em;
}
.fancy-checkbox input[type="checkbox"]:checked ~ span:before {
    content: '\f05d';
}
.disabled{
  color: #828181;
  background-color: transparent;
  cursor:not-allowed;
  border-color: #828181;
}
.enabled{
  color: black;
  cursor:pointer;
  background-color: #e2ddcc;
  box-shadow: 5px 5px 5px #888888;
}
@media only screen and (min-device-width: 700px) {
  body {
    font: 1.4em/1.67 'Lora', Sans-serif;
  }
  i.fa{
    width: inherit;
  }
  .book-it{
    float: right;
    width: 400px;
    background-color: transparent;
    margin-top: 40px;
  }
  .booking-disclaimer{
    overflow: hidden;
    margin-left: 10px;
  }
  button .booking-disclaimer{
    font-size: 2em;
  }
  .centered-item img, .centered-item img.bird-below-logo{
    width: 330px;
  }
  .centered-item img.owl{
    width: 500px;
  }
  .item.post.map{
    padding: 2em;
  }
}









#modalOverlay {
			position: fixed;
			top: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.5);
			z-index: 99999;
			height: 100%;
			width: 100%;
      max-width: 100%;
      cursor: pointer;
      display: none;
	}
#modalPopup {
			position: absolute;
			top: 40%;
			left: 50%;
			transform: translate(-50%, -50%);
			background: white;
			width: 100%;
      max-width: 859px;
      max-height: 582px;
      margin: 0;
      padding: 0;
      cursor: auto;
			/*padding: 0 0 30px;
			-webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
			-moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
			box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
      */
	}
  #closecross{
    font-size: 1em;
    position: absolute;
    top: 0;
    right: 0;
    padding: 30px;
  }
  #closecross:hover,
  #closecross:focus {
    cursor: pointer;
  }
.modalContent {padding: 0 2em;}