.desktop-hide {
  display: none !important;
}

/* General styles */
html {
  background: #F5F1EE url("/img/wood-background.jpg") repeat right top fixed;
}

body {
  min-width: 920px;
  margin: 0 auto;
}
body:not(#homepage) {
  max-width: 1200px;
}

.spacer {
  margin-top: 25px;
}

.spacer-small {
  margin-top: 10px;
}

.spacer-large {
  margin-top: 35px;
}

.spacer-xlarge {
  margin-top: 60px;
}

/* Container */
#container {
  padding-top: 136px;
  box-shadow: 0 1px 9px 0 rgba(50, 50, 50, 0.62);
}
#container.no-nav {
  padding-top: 95px;
}

.page-margin {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

/* Header */
#header-container {
  position: absolute;
}

#header {
  max-width: 940px;
  min-width: 920px;
  height: 95px;
  padding: 10px;
}
#header #logo {
  width: 361px;
  height: 65px;
}
#header ul {
  position: absolute;
  right: 10px;
}

/* Menu */
#menu {
  position: absolute;
  top: 95px;
  width: 100%;
}
#menu:not(.homepage) {
  max-width: 1200px;
  z-index: 333;
}
#menu {
  background-color: #94b5bb;
  z-index: 2;
  padding: 6px 0 7px;
  border-bottom: 2px solid #fff;
  height: 26px;
}
#menu li {
  margin-top: 6px;
  display: inline-block;
}
#menu li a {
  border-left: 1px solid #fff;
  padding: 0 17px;
  font-size: 0.9em;
}
#menu li:first-child {
  margin-top: 0;
}
#menu li:first-child a {
  border-left: none;
  padding-left: 0;
}

#search {
  width: 200px;
}

/* Footer */
footer:last-of-type .pure-u-md-1-3 {
  text-align: right;
}

/* Main body */
main {
  margin-top: -40px;
  padding-bottom: 40px;
  border-top: 5px solid #94b5bb;
}
main h1 {
  margin-bottom: 25px;
  font-size: 2.7em;
}
main .content > p:first-child {
  padding: 0 30px;
}
main .content p:not(:last-child) {
  margin-bottom: 1em;
}
main .introduction p:first-of-type,
main .content > p:first-child {
  font-size: 1.15em;
}
main .introduction {
  padding: 25px 24px 0;
}
main .introduction > .pure-g + .content > p:first-child {
  max-width: 72%;
}
main nav a, main nav i {
  min-width: 82px;
  display: inline-block;
}
main nav li {
  position: relative;
  margin-right: 10px;
}
main nav li.active:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 40%;
  border-width: 10px 10px 0;
  border-style: solid;
  border-color: #94B5BB transparent;
  display: block;
  width: 0;
}

/* Panels */
.panels p {
  margin-top: 10px;
}
.panels > div {
  padding: 10px;
}
.panels .country-list a {
  padding: 8px 0;
}

/* Homepage */
#homepage section {
  margin-bottom: 40px;
}
#homepage #slider,
#homepage #slider .slides li {
  height: 400px;
}

#hero {
  height: 540px;
}
#hero .title {
  font-size: 3.3em;
}
#hero .title span {
  padding: 20px 26px 14px;
}

#country-list {
  font-size: 1.4em;
}
#country-list li:after {
  content: "|";
  padding: 0 0.4em;
}
#country-list li:last-child:after {
  content: normal;
  padding: 0;
}

#articles .boxout {
  width: 100%;
  padding: 25px 10px;
  height: 168px;
}
#articles .boxout.tall {
  height: 246px;
}
#articles .pure-g > div:nth-child(2) .boxout.extra-tall,
#articles .boxout.extra-tall {
  height: 300px;
  max-height: none;
}
#articles .pure-g > div:nth-child(2) .boxout {
  max-height: 270px;
}
#articles .product-panel {
  min-height: 408px;
}
#articles h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 150%;
  margin: 10px;
}
#articles .article-panel {
  margin: 15px;
  width: calc(33.3333% - 30px);
  outline: 1px solid #707070;
}
#articles .article-panel .description {
  padding: 15px;
  padding-top: 0;
}
#articles .article-panel .description .tags {
  background: url(/img/border_h2.png) repeat-x bottom;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
#articles .article-panel .description .date {
  display: inline-block;
  margin-left: 10px;
  font-size: 85%;
}
#articles .article-panel .description h3 {
  text-transform: none;
  background: none;
  padding-bottom: 0;
  margin-bottom: 8px;
}

/* Slider */
#slider,
#slider .slides li {
  height: 400px;
}

/* Right column */
#right-column .product-panel .product,
#right-column .panel, #left-column .product-panel .product,
#left-column .panel {
  padding-bottom: 10px;
  margin-top: 20px;
  background: #ebebeb; /* Fallback for old browsers */
  background: -webkit-linear-gradient(top, #ffffff 30%, #ebebeb 100%);
  background: linear-gradient(to bottom, #ffffff 30%, #ebebeb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ebebeb",GradientType=0 ); /* IE6-9 */
}

/* Team members */
#team-member #left-column {
  padding-right: 30px;
  padding-top: 20px;
}
#team-member #left-column .team-member-thumbnail {
  border: 1px solid #94b5bb;
  border-radius: 10px;
  width: 100%;
  height: auto;
}
#team-member #left-column .consultant-quote {
  width: 90%;
  margin: 0 5%;
  margin-top: 20px;
  color: #94b5bb;
}
#team-member #left-column .consultant-quote img {
  display: block;
  height: 20px;
  width: auto;
  margin: 10px auto;
}
#team-member .consultant-question {
  margin-top: 25px;
}
#team-member .consultant-question h4 {
  margin-bottom: 5px;
}
#team-member .consultant-question p {
  margin: 0;
}
#team-member .consultant-articles {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #94b5bb;
}
#team-member .consultant-articles .blog-link {
  color: #94b5bb;
  text-decoration: none;
  text-align: center;
  display: block;
  margin-top: 10px;
}

#consultant-trips {
  padding: 15px;
  background-color: #f2f2f2;
  color: #94b5bb;
}
#consultant-trips h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 150%;
  margin: 10px;
}
#consultant-trips #trips-slider .slides li {
  margin: 15px;
  height: 277px;
  position: relative;
  background-size: cover;
}
#consultant-trips #trips-slider .slides li p.caption {
  background-color: rgba(111, 111, 111, 0.8);
  padding: 5px 10px;
  color: white;
  position: absolute;
  bottom: 0;
  margin-left: 15px;
  margin-right: 15px;
  visibility: hidden;
}

#team-members .thumbnail {
  width: 100%;
  max-width: 220px;
  border: 1px solid #94b5bb;
  border-radius: 10px;
  height: 220px;
  margin: 0 auto;
  margin-bottom: 20px;
}
#team-members .thumbnail .overlay {
  padding-top: 40px;
}
#team-members .thumbnail .overlay p:first-child {
  margin-top: 80px;
}
#team-members .consultant-name-link {
  display: block;
  text-align: center;
  font-size: 110%;
  margin-bottom: 30px;
  color: #94b5bb;
}

/* Blog */
div.content > ul.metainfo {
  margin: -16px 0 20px 30px;
}

div.content h2 {
  font-size: 24px;
  font-weight: bold;
}

/* Contact page */
#contact nav li {
  margin-bottom: 10px;
}
#contact nav li a {
  color: #7e7e7e;
  font-weight: bold;
  font-size: 0.8em;
  text-transform: uppercase;
  display: block;
  background-color: #ebebeb;
  position: relative;
  padding: 8px 10px;
}
#contact nav li a:after {
  border-style: solid;
  border-width: 14px 0 14px 14px;
  border-color: rgba(0, 0, 0, 0) #ebebeb;
  content: "";
  position: absolute;
  bottom: 0;
  right: -14px;
}
#contact nav li a:hover, #contact nav li.active a {
  color: #fff;
  background-color: #94b5bb;
}
#contact nav li a:hover:after, #contact nav li.active a:after {
  border-color: rgba(0, 0, 0, 0) #94b5bb;
}
#contact nav a:hover {
  text-decoration: none;
}

/* Filters (destination, tags, etc.) */
#filters {
  float: right;
}

/* Newsletter form */
#newsletter-signup {
  padding: 15px 0;
}

#newsletter-social {
  text-align: right;
}

#newsletter-modal {
  line-height: 150%;
  overflow: hidden;
}

#newsletter-modal input,
#newsletter-modal select {
  border: 1px solid #ccc;
}

/* Product filmstrip */
@media screen and (max-width: 950px) {
  #filmstrip {
    padding: 0;
    height: 350px;
    margin-bottom: 60px;
  }
}
/* Product At a glance */
.glance {
  margin: 10px;
}

/* destinations show banner */
#destinations-show-banner {
  background-size: auto 200px;
  min-height: 200px;
  line-height: 2em;
}
#destinations-show-banner p:first-child {
  font-size: 1.7em;
}

/* Customization */
.pure-g.pure-g-padding-vertical > div {
  margin-bottom: 14px;
}

.pure-g.pure-g-padding-small.pure-g-padding-vertical > div {
  margin-bottom: 6px;
}

/* Brochure bar */
#brochure-bar img {
  position: absolute;
  margin-top: 0;
  top: -50px;
  transform: rotate(8deg);
  -webkit-transform: rotate(8deg);
  box-shadow: 2px 2px 5px #757575;
}
#brochure-bar img:first-of-type {
  right: 50px;
}
#brochure-bar img:last-of-type {
  right: 150px;
}

#header-banner {
  background-color: #5D5D5D;
  display: block;
  padding: 8px;
  font-size: 90%;
  z-index: 11;
  text-align: center;
  color: #FFF;
  line-height: 14px;
  box-shadow: 0 1px 9px 0 rgba(50, 50, 50, 0.62);
}

.christmas-hours {
  padding-top: 30px;
  padding-bottom: 10px;
  font-size: 24px;
}