/*
Theme Name:     2013 Fuel Included Limited
Theme URI:      http://FuelIncluded.com
Description:    Dedicated Wordpress theme for Fuel Included Limited.
Author:         Trevor Larkum
Author URI:     http://FuelIncluded.com
Template:       twentythirteen
Version:        1.0.0
License: 		None
License URI: 	None
Tags: green, fuelincluded, cars, leasing
Text Domain: twentythirteen

All rights reserved.

2014 Fuel Included Limited WordPress theme, Copyright (C) 2014 Fuel Included Limited.
*/

/* TL: Hide header texts - need to keep turned on to make header image responsive */
.site-title { display:none; }
.site-description { display:none; }

/* TL: Set reduced height for header image: http://karavadra.net/blog/how-to-reduce-the-height-of-twenty-thirteen-theme-site-header/ */
.site-header .home-link {
	min-height: 176px;
}

/* TL: Set height for header image on mobile devices */
@media (max-width: 950px) {
	.site-header .home-link {
		min-height: 112px;
	}
}
@media (max-width: 550px) {
	.site-header .home-link {
		min-height: 65px;
	}
}
@media (max-width: 359px) {
	.site-header .home-link {
		min-height: 78px;
	}
}

/* TL: Set colour either side of main section */
body {
background-color: #ddd;
}

/* TL: Create a full width page style */
.entry-header-full,
.entry-content-full,
.entry-summary-full,
.entry-meta-full {
	margin: 0 auto;
	max-width: 1040px;
	width: 95%;
} 

/* TL: This is supposed to move the Metaslider caption from the bottom to the right, but it always goes left */
.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
    right: 0px;
    bottom: 0px;
    width: 29%;
    height: 100%;
    left: auto;
}

/* TL: Found online to hide Metaslider background behind caption */
.metaslider .caption-wrap {
    background: none repeat scroll 0 0 transparent !important;
    opacity: 1.0 !important;
}

/* TL: On Mobile devices with narrow screens need to stretch caption: https://wordpress.org/support/topic/flex-slider-captions-not-responsive */
/* TL: ..and then return caption-wrap to close to defaults (stolen from the plugin folder, public.css). Applies if screen width <= value. */
@media only screen and (max-width: 400px)
{
    .metaslider .caption,
    .metaslider .cs-title,
    .metaslider .nivo-caption {
    width: 100%;
    }
    .metaslider .caption-wrap {
        background: black !important;
        opacity: 0.6 !important;
    }
}


/* TL: This is for a div to centre the Advanced Posts Slider */
#divcenter {
  width: 90% ;
  margin-left: auto ;
  margin-right: auto ;
}




/**
 * Standard
 */

body {
	color: #202225;
}

a:visited {
	color: #9c1f9e;
}

.comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login {
	color: #2f7d3d;
}

a:active,
a:hover {
	color: #95c26c;
}

.entry-meta,
.entry-meta a,
.entry-content a,
.entry-summary a {
	color: #266331;
}

.entry-meta a:hover {
	color: #95c26c;
}

.entry-title a, .site-header .home-link {
	color: #202225;
}

.entry-title a:hover {
	color: #202225;
}

a {
	color: #2f7d3d;
}

.form-allowed-tags, .form-allowed-tags code {
	color: #333;
}

.comment-meta a {
	color: #a2a2a2;
}

input, textarea {
	border: 2px solid #a2a2a2;
}

.comment-respond {
	background-color: #c8e8e2;
}

input[type="submit"], input[type="button"], input[type="reset"] {
	border-color: #69963e;
	background: #7caa51;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
	background: #68973c;
	border-color: #58832f;
}
input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
	background: #68973c;
	border-color: #58832f;
}

/* TL: The colour of the current selected menu item */
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
	color: #fff;
}

.nav-menu li a {
	color: #fff;
	display: block;
	font-size: 15px;
	line-height: 1;
	padding: 15px 20px;
	text-decoration: none;
}

.blog .format-link:first-of-type, .single .format-link:first-of-type, .format-link + .format-aside, .format-link + .format-link, .format-aside + .format-aside {
	box-shadow: none;
}

.blog .format-aside:first-of-type, .single .format-aside:first-of-type, .format-aside + .format-aside, .format-aside + .format-link, .format-link + .format-aside {
	box-shadow: none;
}

.hentry .mejs-mediaelement, .hentry .mejs-container .mejs-controls {
	background: #202225;
}

/* TL: Colour along top of blog and news pages - FIL Green */
.archive-header, .page-header {
	background: #7ac043;
}


/**
 * Menu, Paging, Footer, 404
 */

/* TL: Main menu bar and very bottom of page - make it a grey like logo */
.navbar, .paging-navigation, .site-footer, .post-navigation {
	background-color: #949597;
}

/* TL: Couldn't detect change of this colour
.nav-menu .sub-menu,
.nav-menu .children {
	border-color: #eef8f6;
}

.error404 .page-title:before {
	color: #95c26c;
} 

.error404 .page-wrapper {
	background-color: #eef8f6;
}

/* TL: Colour that shows when hovering over horizontal menu - FIL Green */
.nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu .sub-menu, .nav-menu .children {
	background-color: #7AC043;
}

/* TL: Colour that shows when hovering over dropped menu - dark green */
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
.toggled-on .nav-menu li a:hover, .toggled-on .nav-menu ul a:hover {
	background-color: #398647;
}

.site-footer a, .navigation a {
	color: #fff;
}

.site-footer a:hover, .navigation a:hover {
	color: #95c26c;
}

.paging-navigation .meta-nav {
	background-color: #448275;
}

.paging-navigation a:hover .meta-nav {
	background-color: #95c26c;
}


/**
 * First post 
 */

#content .hentry:nth-of-type( 7n + 1 ) {
	background-color: #fff;
}

#content .hentry:nth-of-type( 7n + 1 ) .entry-content,
#content .hentry:nth-of-type( 7n + 1 ) .entry-summary {
	color: #202225;
}

#content .hentry:nth-of-type( 7n + 1 ) .entry-meta,
#content .hentry:nth-of-type( 7n + 1 ) .entry-meta a,
#content .hentry:nth-of-type( 7n + 1 ) .entry-content a,
#content .hentry:nth-of-type( 7n + 1 ) .entry-summart a {
	color: #2f7d3d;
}


/**
 * Second post 
 */

#content .hentry:nth-of-type( 7n + 2 ) {
	background-color: #398647;
}

#content .hentry:nth-of-type( 7n + 2 ) .entry-content,
#content .hentry:nth-of-type( 7n + 2 ) .entry-summary {
	color: #fff;
}

#content .hentry:nth-of-type( 7n + 2 ) .entry-title a,
#content .hentry:nth-of-type( 7n + 2 ) .entry-title a:hover {
	color: #fff;
}

#content .hentry:nth-of-type( 7n + 2 ) .entry-meta,
#content .hentry:nth-of-type( 7n + 2 ) .entry-meta a,
#content .hentry:nth-of-type( 7n + 2 ) .entry-content a,
#content .hentry:nth-of-type( 7n + 2 ) .entry-summary a {
	color: #0a3112;
}


/**
 * Third post 
 */

#content .hentry:nth-of-type( 7n + 3 ) {
	background-color: #0a3112;
}

#content .hentry:nth-of-type( 7n + 3 ) .entry-content,
#content .hentry:nth-of-type( 7n + 3 ) .entry-summary {
	color: #fff;
}

#content .hentry:nth-of-type( 7n + 3 ) .entry-title a,
#content .hentry:nth-of-type( 7n + 3 ) .entry-title a:hover {
	color: #fff;
}

#content .hentry:nth-of-type( 7n + 3 ) .entry-meta,
#content .hentry:nth-of-type( 7n + 3 ) .entry-meta a,
#content .hentry:nth-of-type( 7n + 3 ) .entry-content a,
#content .hentry:nth-of-type( 7n + 3 ) .entry-summary a {
	color: #48b29c;
}


/**
 * Fourth post 
 */

#content .hentry:nth-of-type( 7n + 4 ) {
	background-color: #95c26c;
}

#content .hentry:nth-of-type( 7n + 4 ) .entry-content,
#content .hentry:nth-of-type( 7n + 4 ) .entry-summary {
	color: #202225;
}

#content .hentry:nth-of-type( 7n + 4 ) .entry-title a,
#content .hentry:nth-of-type( 7n + 4 ) .entry-title a:hover {
	color: #202225;
}

#content .hentry:nth-of-type( 7n + 4 ) .entry-meta,
#content .hentry:nth-of-type( 7n + 4 ) .entry-meta a,
#content .hentry:nth-of-type( 7n + 4 ) .entry-content a,
#content .hentry:nth-of-type( 7n + 4 ) .entry-summary a {
	color: #004c3c;
}


/**
 * Fifth post 
 */

#content .hentry:nth-of-type( 7n + 5 ) {
	background-color: #eef8f6;
}

#content .hentry:nth-of-type( 7n + 5 ) .entry-content,
#content .hentry:nth-of-type( 7n + 5 ) .entry-summary {
	color: #202225;
}

#content .hentry:nth-of-type( 7n + 5 ) .entry-meta,
#content .hentry:nth-of-type( 7n + 5 ) .entry-meta a,
#content .hentry:nth-of-type( 7n + 5 ) .entry-content a,
#content .hentry:nth-of-type( 7n + 5 ) .entry-summary a {
	color: #2f7d3d;
}


/**
 * Sixth post 
 */

#content .hentry:nth-of-type( 7n + 6 ) {
	background-color: #448275;
}

#content .hentry:nth-of-type( 7n + 6 ) .entry-content,
#content .hentry:nth-of-type( 7n + 6 ) .entry-summary {
	color: #fff;
}

#content .hentry:nth-of-type( 7n + 6 ) .entry-title a,
#content .hentry:nth-of-type( 7n + 6 ) .entry-title a:hover {
	color: #fff;
}

/* Metadata and links */
#content .hentry:nth-of-type( 7n + 6 ) .entry-meta,
#content .hentry:nth-of-type( 7n + 6 ) .entry-meta a,
#content .hentry:nth-of-type( 7n + 6 ) .entry-content a,
#content .hentry:nth-of-type( 7n + 6 ) .entry-summary a {
	color: #bfb;
}


/**
 * Seventh post 
 */

#content .hentry:nth-of-type( 7n + 7 ) {
	background-color: #aed9bd;
}

#content .hentry:nth-of-type( 7n + 7 ) .entry-meta,
#content .hentry:nth-of-type( 7n + 7 ) .entry-meta a,
#content .hentry:nth-of-type( 7n + 7 ) .entry-content a,
#content .hentry:nth-of-type( 7n + 7 ) .entry-summary a {
	color: #0e5c13;
}


/**
 * Widgets
 */

/* TL: Set widget background to FIL green, previously eef8f6 */
.widget {
	background: #7ac043;
}

/* Widget text links */
.widget a, .site-footer .widget a {
	color: #fff;
}

/* TL: Big widget footer container */
.site-footer .sidebar-container {
	background: #949597;
}


/**
 * Post pagination
 */

#content .format-status .entry-content .page-links a, #content .format-gallery .entry-content .page-links a, #content .format-chat .entry-content .page-links a, #content .format-quote .entry-content .page-links a, #content .entry-content .page-links a {
	background: #266331;
	border: 1px solid #266331;
	color: #fff;
}

#content .format-gallery .entry-content .page-links a:hover, #content .format-audio .entry-content .page-links a:hover, #content .format-status .entry-content .page-links a:hover, #content .format-video .entry-content .page-links a:hover, #content .format-chat .entry-content .page-links a:hover, #content .format-quote .entry-content .page-links a:hover, #content .entry-content .page-links a:hover {
	background: #fff;
	color: #266331;
}

// Extract for each button defined
div.maxbutton-4-container { } a.maxbutton-4 { text-decoration: none; color: #ffffff; font-family: Arial; font-size: 16px; font-style: normal; font-weight: bold; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; background-color: #79c043; background: linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); background: -moz-linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); background: -o-linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(121, 192, 67, 1)), color-stop(1, rgba(97, 137, 38, 1))); border-style: solid; border-width: 1px; border-color: #618926; box-sizing: border-box; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: -1px -1px 0px #618926; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); position: relative; behavior: url("http://fuelincluded.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); } a.maxbutton-4:visited { text-decoration: none; color: #ffffff; } a.maxbutton-4:hover { text-decoration: none; color: #ffffff; background-color: #949599; background: linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 76, 77, 1)); background: -moz-linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 76, 77, 1)); background: -o-linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 76, 77, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(148, 149, 153, 1)), color-stop(1, rgba(75, 76, 77, 1))); border-color: #0f2557; text-shadow: -1px -1px 0px #12295d; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 76, 77, 1)); position: relative; behavior: url("http://fuelincluded.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); }

div.maxbutton-5-container { } a.maxbutton-5 { text-decoration: none; color: #ffffff; font-family: Arial; font-size: 16px; font-style: normal; font-weight: bold; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: #79c043; background: linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); background: -moz-linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); background: -o-linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(121, 192, 67, 1)), color-stop(1, rgba(97, 137, 38, 1))); border-style: solid; border-width: 1px; border-color: #618926; box-sizing: border-box; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: -1px -1px 0px #618926; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); position: relative; behavior: url("http://fuelincluded.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); } a.maxbutton-5:visited { text-decoration: none; color: #ffffff; } a.maxbutton-5:hover { text-decoration: none; color: #ffffff; background-color: #949599; background: linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 75, 77, 1)); background: -moz-linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 75, 77, 1)); background: -o-linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 75, 77, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(148, 149, 153, 1)), color-stop(1, rgba(75, 75, 77, 1))); border-color: #0f2557; text-shadow: -1px -1px 0px #12295d; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 75, 77, 1)); position: relative; behavior: url("http://fuelincluded.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); }

div.maxbutton-6-container { } a.maxbutton-6 { text-decoration: none; color: #ffffff; font-family: Arial; font-size: 16px; font-style: normal; font-weight: bold; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; background-color: #79c043; background: linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); background: -moz-linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); background: -o-linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(121, 192, 67, 1)), color-stop(1, rgba(97, 137, 38, 1))); border-style: solid; border-width: 1px; border-color: #618926; box-sizing: border-box; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: -1px -1px 0px #618926; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); position: relative; behavior: url("http://fuelincluded.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); } a.maxbutton-6:visited { text-decoration: none; color: #ffffff; } a.maxbutton-6:hover { text-decoration: none; color: #ffffff; background-color: #949599; background: linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 75, 77, 1)); background: -moz-linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 75, 77, 1)); background: -o-linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 75, 77, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(148, 149, 153, 1)), color-stop(1, rgba(75, 75, 77, 1))); border-color: #0f2557; text-shadow: -1px -1px 0px #12295d; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 75, 77, 1)); position: relative; behavior: url("http://fuelincluded.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); }

div.maxbutton-7-container { } a.maxbutton-7 { text-decoration: none; color: #ffffff; font-family: Arial; font-size: 16px; font-style: normal; font-weight: bold; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; background-color: #79c043; background: linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); background: -moz-linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); background: -o-linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(121, 192, 67, 1)), color-stop(1, rgba(97, 137, 38, 1))); border-style: solid; border-width: 1px; border-color: #618926; box-sizing: border-box; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: -1px -1px 0px #618926; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(121, 192, 67, 1) 45%, rgba(97, 137, 38, 1)); position: relative; behavior: url("http://fuelincluded.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); } a.maxbutton-7:visited { text-decoration: none; color: #ffffff; } a.maxbutton-7:hover { text-decoration: none; color: #ffffff; background-color: #949599; background: linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 75, 77, 1)); background: -moz-linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 75, 77, 1)); background: -o-linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 75, 77, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(148, 149, 153, 1)), color-stop(1, rgba(75, 75, 77, 1))); border-color: #0f2557; text-shadow: -1px -1px 0px #12295d; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(148, 149, 153, 1) 45%, rgba(75, 75, 77, 1)); position: relative; behavior: url("http://fuelincluded.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); }