/**
 * Filename: style.css
 * 
 * WM travel solutions functions and definitions
 *
 * Theme Name: WM travel solutions
 * Theme URI: http://wordpress.org/
 * Description: The WM travel solutions theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar. Based on the WP Twenty Ten theme.
 * Author: the original sin
 * Version: 1.4
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
 * Text Domain: wmchauffeurs
 * 
 * Updated: 08.04.13 - Modifications for Masonry dynamic layout plugin to create Pinterest style layout for posts
 * Updated: 10.12.13 - Added page border back into the site
 * 
**/

/********************************************************
Overriding some defaults from the Bootstrap defaults to improve/fix integration with WordPress
-------------------------------------------------- */
a {
  color: #39620f;
}
a:hover {
  color: #7da554;
}
body {
  background-color: #f1f1f1;
  padding-top: 40px;
}

@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
}

footer {
  color: #fff;
  background-color: #000;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 20px;
  padding: 20px 20px 10px 20px;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #ccc;
}

/* The main theme structure */
#wrapper {
  border: 1px solid #ccc;
  margin: 0 auto;
  max-width: 940px;
  background: #fff;
  padding: 0 20px;
}

/* Changing the navbar from 'fixed' to 'relative' to accomodate the WP-admin bar
----------------------------------------------------------------------------------------*/
.navbar-relative {
  position: relative;
  width: 100%;
  right: 0;
  left: 0;
  z-index: 10000;
}

.dropdown {
  position: relative;
}

/* Swapping out styles: replacing 'active' with 'current-menu-item'
----------------------------------------------------------------------------------------*/

.navbar .nav .current-menu-item > a {
  color: white;
  text-decoration: none;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.5);
}

/* Swapping out styles: replacing '.dropdown-menu' with 'sub-menu'
----------------------------------------------------------------------------------------*/
/*.navbar .sub-menu {
  top: 41px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}*/

ul.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  padding: 4px 0;
  margin: 1px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}

.navbar li.open ul.sub-menu {
  display: block;
}
.dropdown.open .dropdown-toggle {
  color: #ffffff;
  background: #ccc;
  background: rgba(0, 0, 0, 0.3);
}

.sub-menu a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333333;
  white-space: nowrap;
}

.sub-menu .divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
  *width: 100%;
  *margin: -5px 0 5px;
}

.sub-menu li > a:hover,
.sub-menu .active > a,
.sub-menu .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0088cc;
}
.navbar .sub-menu li {
  list-style: none;
}

.navbar ..sub-menu:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
/*
.navbar .sub-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 10px;
}
*/
.navbar .nav .dropdown-toggle .caret,
.navbar .nav .open.dropdown .caret {
  border-top-color: #fff;
}
.navbar .nav .open > .dropdown-toggle,
.navbar .nav .active > .dropdown-toggle,
.navbar .nav .open.active > .dropdown-toggle {
  background-color: transparent;
}
.navbar .nav .active > .dropdown-toggle:hover {
  color: #fff;
}
.navbar .nav.pull-right .sub-menu {
  right: 0;
}
.navbar .nav.pull-right .sub-menu:before {
  left: auto;
  right: 12px;
}
.navbar .nav.pull-right .sub-menu:after {
  left: auto;
  right: 13px;
}
.navbar .nav.pull-right .sub-menu,
.navbar .nav .sub-menu.pull-right {
  left: auto;
  right: 0;
}
.navbar .nav.pull-right .sub-menu:before,
.navbar .nav .sub-menu.pull-right:before {
  left: auto;
  right: 12px;
}
.navbar .nav.pull-right .sub-menu:after,
.navbar .nav .sub-menu.pull-right:after {
  left: auto;
  right: 13px;
}

.container {
  max-width: 940px;
}
.row {
  margin-left: 0;
}
#site-title,
#site-telephone {
  font-size: 30px;
  line-height: 36px;
  margin-top: 18px;
}
#site-title a,
#site-telephone a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
#site-description {
  color: #000000;
  font-style: italic;
  margin: 4px 0 18px 0;
  opacity: 0.65;
}
#site-telephone {
  float: right;
}
/* Add an extra top margin to the website navigation menu if the WP Admin bar is displyed */
.wp-toolbar-adjust {
  top: 30px;
}
.navbar-container {
  margin: 0 15px;
}
header img {
  /* margin-bottom:20px; */
}
.post-edit-link {
  display: block;
  margin-top: 20px;
}
.quote-box {
  border: 1px solid rgba(125, 175, 59, 5);
  padding-bottom: 0;
  padding-top: 0;
}
.quote-box a:hover {
  text-decoration: none;
}
.quote-box form {
  padding: 18px 0 0 0;
}
.quote-box h2,
.quote-box h3 {
  background-color: #7da554;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  clear: both;
  color: #fff;
  font-size: 15px;
  line-height: 23px;
  margin: 0 -19px;
  padding: 6px 19px;
}
.quote-box h2 a,
.quote-box h3 a,
.quote-box h2 a:hover,
.quote-box h3 a:hover {
  color: #fff;
}
.quote-box h3.first {
  border-radius: 4px 4px 0 0;
}
.quote-box p,
.quote-box table {
  margin: 20px 0;
}
.quote-box td {
  padding: 0 10px 5px 0;
  vertical-align: top;
}
.quote-box .radio {
  float: left;
  margin: 0 20px 20px 0;
}
.quote-box select {
  margin-bottom: 0;
}
.quote-box #singleJourneyF select,
.quote-box #returnJourneyF select {
  margin: 1px 2px 1px 0;
  width: auto;
}
.quote-box .span12 {
  width: 100%;
}
.clear {
  clear: both;
}
h1 {
  font-size: 20px;
  line-height: 26px;
  margin-top: 5px;
}
h2 {
  font-size: 18px;
  line-height: 30px;
}
p.strapline {
  font-weight: bold;
  margin: 16px 0 22px 0;
}
.bold-red {
  color: #ff0000;
  font-weight: bold;
}
.quote-option {
  background-color: #fff;
  margin-top: 20px;
  text-align: center;
}
.quote-option img {
  margin: 10px 0 5px 0;
}
.quote-option p {
  font-size: 15px;
  margin: 0 0 10px 0;
}
.credit-card-price {
  background-color: #fff;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}
.form-horizontal .control-label {
  text-align: left;
}
/* Client Login Forms 
.client-login .control-label {
	margin-left:100px:
}
.client-login .controls {
	margin-left:120px:
}
*/
.modal {
  overflow: hidden;
}
.btn-warning {
  color: #333333;
}
.btn-warning:hover {
  color: #000;
}
.login-button {
  float: right;
}
.form-horizontal .control-text {
  padding-top: 5px;
}
.entry-meta {
  font-size: 11px;
  margin-bottom: 10px;
}
.navigation {
  padding: 20px 0;
}
.booking-response-row {
  min-height: 0;
}
.banner-image {
  background-position: center;
  background-repeat: no-repeat;

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  height: 198px;
  margin-bottom: 20px;
  padding: 10px 10px 0 0;
  position: relative;
}
.banner-image img {
  margin-bottom: 0;
}
.banner-image .test-site {
  color: #fff;
  font-size: 100px;
  font-weight: bold;
  position: absolute;
  bottom: 100px;
  left: 20px;
}
#social-media .well {
  background-color: #fff;
  border: 1px solid #7daf3b;
  margin-bottom: 10px;
  min-height: 32px;
  padding: 8px;
  text-align: center;
}

/* Masonry Dynamic Layout */
#masonry-container .masonry-item {
  display: inline-block;
  vertical-align: top;
}
