/*   
 *   Theme Name: Train Offers
 *   Theme URI: raileasy.co.uk
 *   Description: Raileasy Split Ticketing
 *   Author: Francis Russell
 *   Author URI: http://www.unchartedbackwaters.co.uk
 *   Template: twentytwelve
 *   Version: 0.1
 *   .
 *   General comments/License Statement if any.
 *   .
 *   */

body .site {
  max-width: 925px;
  padding: 0 0.5em 0 0.5em;
  margin-top: 0;
  margin-bottom: 0;
  box-shadow: 0 0 0 rgba(100, 100, 100, 0.3);
}

.site-header {
  padding: 0.5em 0;
}

/* to ensure booking engine doesn't have scroll bars */
.site-content {
  width: 100%;
}

/* Eliminate margin before site content on front-page */
#primary-front-page.site-content {
  margin-top: 0;
}


.site-content article {
	border-bottom: 0;
	margin-bottom: 0;
        padding-bottom: 0;
}

.main-navigation {
  margin-top: 0.25em;
}

.main-navigation div {
  display: inline-block;
}

.main-navigation a {
  text-decoration: none;
}

.site-info a {
  text-decoration: none;
}

img.header-image {
        margin: 0 0 0 0;
        margin-right: 2em;
	box-shadow: none;
}

img.footer-image {
        margin: 0 0 0 0;
        margin-right: 5em;
}

ul.top-nav-menu {
        display: inline-block;
}

.nav-menu li a {
		color: #6a6a6a;
                font-size: 10pt;
                text-decoration: none;
                text-transform: uppercase;
}


body {
  background-color: #FFF;
}

footer#colophon {
  margin: 0;
}

footer .title {
                text-transform: uppercase;
                color: #475c77;
                font-weight: bold;
}

footer .site-info {
  display: block;
  overflow: auto;
  vertical-align: top;
  text-align: left;
  margin: auto;
}


footer .info-col {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-right: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

footer #navigation {
  float: left;
  padding-right: 5em;
}

footer #tweets {
  max-width: 50%;
  float: left;
}

footer #social {
  float: right;
  /* To avoid clipping glows */
  padding-left: 3px;
  padding-right: 3px;
}

.footer-bar {
                background-color: #475c77;
                color: white;
                text-align: left;
                font-weight: bold;
                padding: 4pt 20px 4pt 20pt;
}

.menu-item {
	text-transform: uppercase;
}

.main-navigation li {
  margin: 0 20px 0 0;
}

.footer-menu {
              color: white;
              text-decoration: none;
}


/* Reduce padding around footer */
footer[role="contentinfo"] {
	padding: 1rem 0;
}


#menu-footer-menu li {
  display: inline;
}

#menu-footer-menu li:last-child span {
  display: none;
}

#menu-footer-menu a {
  color: white;
  text-decoration: none;
  text-transform: none;
}

#booking-engine {
  width: 100%;
  height: 20em;
  margin: 8px 0 0 0;
}

#destination-slideshow {
  clear: both;
  margin: 0;
}

.tweet {
  white-space: normal;
  line-height: normal;
  margin-bottom: 1em;
  white-space: nowrap; /* Ensures logo and tweet content stay on same line */
}


.tweet-logo {
  display: inline-block; 
  vertical-align: top; 
  width: 32px; 
  height: 32px;

  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.tweet-logo:hover {
  box-shadow:         0px 0px 10px 0px rgba(0, 0, 255, 0.67);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 255, 0.67);
  -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 255, 0.67);
}

.tweet-content {
  display: inline-block;
  vertical-align: top; 
  white-space: normal;
  padding-left: 8px;
}

img.synved-social-image {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.synved-social-provider-twitter img:hover {
  box-shadow:         0px 0px 10px 0px rgba(0, 158, 255, 0.67) !important;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 158, 255, 0.67) !important;
  -moz-box-shadow:    0px 0px 10px 0px rgba(0, 158, 255, 0.67) !important;
}

.synved-social-provider-facebook img:hover {
  box-shadow:         0px 0px 10px 0px rgba(0, 60, 255, 0.67) !important;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 60, 255, 0.67) !important;
  -moz-box-shadow:    0px 0px 10px 0px rgba(0, 60, 255, 0.67) !important;
}

.synved-social-provider-google_plus img:hover {
  box-shadow:         0px 0px 10px 0px rgba(255, 18, 0, 0.67) !important;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 18, 0, 0.67) !important;
  -moz-box-shadow:    0px 0px 10px 0px rgba(255, 18, 0, 0.67) !important;
}