/* Frontpage */
/*.front .navbar-default .nav > li { margin-left: 5px; }
.front .navbar-default .nav > li > a { padding: 5px 10px; background-color: transparent; margin-top: 15px; }
*/
.front.has-masthead header .navbar-nav .dropdown.open a.dropdown-toggle { background-color: rgba(11,11,11, .55); color: #fff; }
.front .navbar-default .navbar-nav { margin: 0; float: left; }
.front .navbar-default .nav>li { float: left; }
.front .navbar-default .navbar-nav.login { margin: 0; }
.front .navbar-default .navbar-nav.login > li { float: left; }
.front .navbar-default .navbar-nav .open .dropdown-menu { position: absolute; }

.front.has-masthead header .navbar-nav .dropdown.open a.dropdown-toggle { background-color: #d9edf7; color: #111; }
.front.has-masthead header .navbar-nav .dropdown.open .dropdown-menu { background-color: #d9edf7; color: #111; }
.front.has-masthead header .navbar-nav .dropdown.open .dropdown-menu li a { color: #111; }
.front.has-masthead header .navbar-nav .dropdown.open .dropdown-menu li a:hover,
.front.has-masthead header .navbar-nav .dropdown.open .dropdown-menu li a:focus,
.front.has-masthead header .navbar-nav .dropdown.open .dropdown-menu li a.active { color: #111; background-color: #c0e1f2; }

.front .masthead-wrapper .quick-create { position: absolute; right: 20px; bottom: 30px; }
.front .masthead-wrapper { height: 400px; width: 100%; background-image: url('img/header-background.jpg'); background-position: 58% 0%; }
.front .masthead-wrapper .container { position: relative; height: 400px; }
.front header .navbar-default { background: none; }
.front header .navbar-default .navbar-brand { display: none; }

.front .masthead-wrapper .title { margin: 0; max-width: 425px; color: #fff; font-size: 270%; font-weight: normal; line-height: 125%; text-shadow: 1px 1px 1px #31393d; position: absolute; top: 38px; }
.front .masthead-wrapper .title h1 { display: block; text-transform: uppercase; font-size: 140%; line-height: 140%; font-weight: bold; }
.front .masthead-wrapper .title .slogan { font-family: "Open Sans", sans-serif !important; }

.front h1 a { color: inherit; }
.front section h2 { font-size: 230%; text-transform: uppercase; color: #2980b9; font-weight: 600; margin-bottom: 30px; }
.front section p.lead { margin-bottom: 25px; }

.front .recent-trots h2 { margin-left: 15px; }
.front .recent-trots .trot { margin-top: 15px; }
.front .recent-trots .trot .body .date { font-size: 120%; margin-bottom: 5px;}
.front .recent-trots .trot .body .text { margin-bottom: 10px; }
.front .recent-trots .trot .body .location { margin-bottom: 5px; }
.front .recent-trots .trot .body .location a { font-size: 120%; text-transform: uppercase; color: #aaa; }
.front .recent-trots .trot .body { padding: 15px 0;}

/*.front .explore { padding: 30px 0; }

.front .explore .lead {
  float: left;
  padding: 10px 15px;
  margin-bottom: 0;
}

.front .explore .nav>li>a {
  font-weight: 300;
  font-size: 16px;
}*/

.front .featurette { padding: 20px 0 40px; }
.front .featurette .how-it-works p,
.front .featurette .how-it-works li { font-size: 16px; }
.front .featurette .actions { margin-top: 20px; }

/*.front .trips .btn { margin: 0; }*/
.front .actions { margin: 0 0 40px; }
.front .actions .btn + .btn { margin-top: 10px; }
.front .trips h3 { margin: 20px 0 25px; }

/*@media (min-width: 1200px) {
.front .trips .btn { margin-top: 40px; }
}*/

/*#trip-sample {
  background-image: url();
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#trip-sample .masthead {
  background-color: rgba(0, 0, 0, .4);
  position: relative;
}
#trip-sample .masthead .appellation-wrapper { padding: 120px 40px 40px; text-align: center; color: #fff; }
#trip-sample .masthead .appellation-wrapper .title { color: #fff; font-size: 40px; font-weight: normal; text-shadow: 1px 1px 1px #31393d; }*/
/*#trip-sample .masthead .appellation-wrapper .description { padding-top: 1em; color: #fff; font-size: 18px; font-weight: normal; text-shadow: 1px 1px 1px #31393d; }*/
/*#trip-sample .masthead .appellation-wrapper .author { background-color: transparent; color: #fff; }*/
/*@media(min-width: 768px) {
  #trip-sample {
    padding-top: 0px;
    width: 100%;
    height: 400px;
  }
  #trip-sample .masthead {
    height: 400px;
  }
}*/

.front .trots { background-color: #d9edf7; }
.front .trots h2 { color: #2980b9; }
.front .trots h3 { margin: 30px 0 0; }
.front .trots .recent-trots .text { overflow-wrap: break-word; }

.front .featurette.postcards { background-color: #d9edf7; }
.front .featurette.postcards h3 { margin-bottom: 20px; }
.front .featurette.postcards .postcard-example { margin: 25px 0; }


.front .featurette.maps { padding-bottom: 0; }
/*.front .featurette.maps .btn { margin: 0 0 20px 0; }*/
.front .maps { background-color: #2980b9; color: #fff; }
.front .maps h2 { color: #fff; }
.front .maps h3 { margin-bottom: 25px; }
.front .maps .worldmap-wrapper {
  width: 100%;
  display: block;
  height: auto;
  position: relative;
  padding-top: 65%;
}
.front .maps .worldmap-wrapper svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.front .maps .how-it-works p a { color: #fff; text-decoration: underline; }

/*.front .travelers h2 { color: #ccc; }*/

.front .travelers .how-it-works ul { padding-left: 20px; }
.front .travelers .how-it-works li { margin-bottom: 15px; }

.front footer { margin-top: 0; }

.about-trips .how-it-works h3 { margin-bottom: 20px; }
.about-trips .how-it-works p,
.about-trips .how-it-works li { font-size: 16px; }
.about-trips .how-it-works .primary-btn { margin-top: 20px; }
.about-trips .how-it-works ol { padding: 0; margin-bottom: 25px; }
.about-trips .how-it-works .numbered-item { list-style: none; min-height: 30px; padding-left: 40px; margin-bottom: 15px; }
.about-trips .how-it-works .numbered-item.one { background: url('img/list-icon-1.png') no-repeat left center; }
.about-trips .how-it-works .numbered-item.two { background: url('img/list-icon-2.png') no-repeat left center; }
.about-trips .how-it-works .numbered-item.three { background: url('img/list-icon-3.png') no-repeat left center; }
.about-trips .how-it-works .numbered-item.four { background: url('img/list-icon-4.png') no-repeat left center; }

.about-trips .main-content { margin: 20px 0 40px; }

/* About maps page */
.about-maps .travel-stats .how-it-works p { margin: 25px 0; }
.about-maps .featurette.tcc { background-color: #d9edf7; }
.about-maps .featurette.tcc img { margin: 20px 0; border: 3px solid #bdc3c7; }

@media (max-width: 480px) {
  /*.front .explore .lead { display: none; }*/
  .front .masthead-wrapper .title { font-size: 240%; }
}
@media (min-width: 481px) {
.front header .title { font-size: 320%; }
}
@media (max-width: 767px) {
  .about-trips .how-it-works,
  .front .travelers .how-it-works { margin-top: 15px; }
  .front .actions .btn { display: block; }
  .front .featurette.postcards .postcard-example .front { margin-bottom: 15px; }
}
@media (min-width: 768px) {
.front header { background-position: 79% 0%; }
.front header .title { top: 10px; font-size: 350%; max-width: 570px; line-height: 115%; }
/*.front .explore .nav>li>a { font-size: 21px; }*/
.front .actions .btn + .btn { margin: 0 0 0 10px; }
.about-trips .how-it-works h3 { margin-top: 0; }
}

@media (min-width: 992px) {
.front header { background-position: 75% 0%; }
.front section h2 { font-size: 300%; }
.front .featurette .how-it-works p,
.front .featurette .how-it-works li,
.about-trips .how-it-works p,
.about-trips .how-it-works li { font-size: 18px; }
}