/**
 * Theme custom styles - Plus
 *
 * This stylesheet is basically identical to `colors.css`.
 * The `colors.css` stylesheet should be dequeued when outputting
 * this stylesheet file.
 *
 * Notes:
 *   * = Doesn't change via Customizer.
 *
 * @package    Auberge Plus
 * @copyright  2015 WebMan - Oliver Juhas
 *
 * @since    1.0
 * @version  1.3
 */



/**
 * Background
 */

	/**
	 * Background color
	 */

		/* RGBA backgrounds */

			button,
			input,
			select,
			textarea,
			tbody tr:hover td,
			tbody tr:hover th { background-color: rgba(0,0,0, .05); } /* * */

			.gallery-caption { background-color: rgba(0,0,0, .8); } /* * */

		/* Basic background colors */

			.site,
			.page-section .posts .hentry { background-color: [[color-content]]; }

			.nav-search-form .search-field { background-color: #fff; } /* * */

			body { background-color: [[background_color]]; }

			hr,
			code,
			pre { background-color: [[color-content-border]]; }

			.main-navigation li ul { background-color: #3a3c3e; } /* * */

			.main-navigation .menu li li:hover > a,
			.main-navigation .menu li li > a:hover,
			.main-navigation .menu li li.active-menu-item > a,
			.widget .tagcloud a:before { background-color: #2a2c2e; } /* * */

			.site-header { background-color: [[color-header]]; }

			.site-footer { background-color: [[color-footer]]; }

			.site-banner,
			.front-page-widgets-wrapper { background-color: [[color-front-widgets]]; }

		/* Accent background color */

			mark,
			ins,
			.highlight,
			pre:before,
			.pagination a,
			.pagination span,
			.label-sticky,
			.nav-search-form .form-search,
			.button,
			button,
			input[type="button"],
			input[type="reset"],
			input[type="submit"],
			.menu-group-nav a,
			.site-content div.sharedaddy .sd-content ul li a.sd-button:not(.no-text),
			.post-navigation .nav-previous,
			.post-navigation .nav-next,
			.bypostauthor > .comment-body .comment-author:before,
			.comment-navigation a,
			.widget_calendar tbody a,
			.widget .tagcloud a:hover,
			body #infinite-handle span,
			.rtb-message { background-color: [[color-accent]]; }



	/**
	 * Other background setup
	 */

		/* Background gradients */

			.custom-banner:before,
			.site-banner-media:before {
				background: transparent;
				background: -webkit-linear-gradient(       top, [[color-front-widgets|alpha=0]] 0%, [[color-front-widgets]] 100% );
				background:         linear-gradient( to bottom, [[color-front-widgets|alpha=0]] 0%, [[color-front-widgets]] 100% );
			}

			.post-navigation .has-post-thumbnail:before {
				background: [[color-accent]];
				background: -webkit-linear-gradient(   right, [[color-accent|alpha=0]] 19%, [[color-accent]] 81% );
				background:         linear-gradient( to left, [[color-accent|alpha=0]] 19%, [[color-accent]] 81% );
			}
				.post-navigation .nav-next.has-post-thumbnail:before {
					background: [[color-accent]];
					background: -webkit-linear-gradient(     left, [[color-accent|alpha=0]] 19%, [[color-accent]] 81% );
					background:         linear-gradient( to right, [[color-accent|alpha=0]] 19%, [[color-accent]] 81% );
				}

		/* Inset shadows */

			.button,
			button,
			input[type="button"],
			input[type="reset"],
			input[type="submit"] {
				-webkit-box-shadow: inset 0 0 0 rgba(0,0,0, .2); /* * */
				        box-shadow: inset 0 0 0 rgba(0,0,0, .2); /* * */
			}
			.button:active,
			button:active,
			input[type="button"]:active,
			input[type="reset"]:active,
			input[type="submit"]:active {
				-webkit-box-shadow: inset 0 100px 0 rgba(0,0,0, .2); /* * */
				        box-shadow: inset 0 100px 0 rgba(0,0,0, .2); /* * */
			}

		/* Special background color fix for multiline markers */

			mark,
			ins,
			.highlight {
				-webkit-box-shadow: .38em 0 0 [[color-accent]], -.38em 0 0 [[color-accent]];
				        box-shadow: .38em 0 0 [[color-accent]], -.38em 0 0 [[color-accent]];
			}

		/* !important overrides */

			.infinite-loader .spinner > div > div { background: [[color-accent]] !important; }



/**
 * Text color
 */

	/* Basic text colors */

		.main-navigation li ul { color: #fff; } /* * */

		mark,
		ins,
		.highlight,
		pre:before,
		.pagination a,
		.pagination span,
		.label-sticky,
		.button,
		button,
		form button,
		.fl-node-content button,
		input[type="button"],
		input[type="reset"],
		input[type="submit"],
		.menu-group-nav a,
		.post-navigation .nav-previous,
		.post-navigation .nav-next,
		.bypostauthor > .comment-body .comment-author:before,
		.comment-navigation a,
		.widget_calendar tbody a,
		.widget .tagcloud a:hover,
		body #infinite-handle span,
		.rtb-message { color: [[color-accent-text]]; }

			.site-content div.sharedaddy .sd-content ul li a.sd-button:not(.no-text) { color: [[color-accent-text]] !important; }

		.gallery-caption,
		.widget .tagcloud a:before { color: #caccce; } /* * */

		.site-header { color: [[color-header-text]]; }

		.site-footer { color: [[color-footer-text]]; }

		.site-banner,
		.front-page-widgets-wrapper { color: [[color-front-widgets-text]]; }

		body,
		code { color: [[color-content-text]]; }

		.nav-search-form .search-field { color: #6a6c6e; } /* * */

		h1, h2, h3, h4, h5, h6,
		.h1, .h2, .h3, .h4, .h5, .h6 { color: [[color-content-headings-text]]; }

	/* Accent text color */

		a,
		.accent-color { color: [[color-accent]]; }

	/* Form fields placeholder text color */

		         ::-webkit-input-placeholder { color: #9a9c9e; }            /* * */
		              :-ms-input-placeholder { color: #9a9c9e !important; } /* * */
		                  ::-moz-placeholder { color: #9a9c9e; }            /* * */
		:disabled::-webkit-input-placeholder { color: #9a9c9e; }            /* * */
		     :disabled:-ms-input-placeholder { color: #9a9c9e !important; } /* * */
		         :disabled::-moz-placeholder { color: #9a9c9e; }            /* * */



/**
 * Border color
 */

	/* basic border color */

		blockquote:before,
		blockquote:after,
		table, td, th,
		blockquote.alignleft:before,
		blockquote.alignleft:after,
		blockquote.alignright:before,
		blockquote.alignright:after,
		button,
		input,
		select,
		textarea,
		.comment-meta,
		.comment-respond,
		.comment-list .comment-respond,
		.page-title,
		.page-section + .hentry,
		.post-table-of-contents,
		.post-table-of-contents.top,
		.posts .hentry,
		.items section,
		.entry-meta,
		.single .entry-meta,
		div.sharedaddy,
		.post-navigation,
		.home .front-page-widgets-wrapper,
		.breadcrumbs-container,
		.site div#jp-relatedposts,
		/* Recipe - Auberge Plus */
		.recipe,
		.recipe-meta,
		.ingredients,
		.ingredients li,
		.instructions + .nutrition,
		.widget ul li,
		.fl-builder-content,
		.rtb-message { border-color: [[color-content-border]]; }

	/* accent border color */

		input:focus,
		select:focus,
		textarea:focus,
		.posts .hentry:hover,
		.widget .tagcloud a:hover,
		.site .picker__input.picker__input--active { border-color: [[color-accent]]; }

		.label-sticky:before,
		.label-sticky:after {
			border-top-color: [[color-accent]];
			border-right-color: [[color-accent]];
		}

	/* navigation border color */

		.main-navigation li li { border-top-color: #4a4c4e; } /* * */

	/* inherit border color */

		.widget .tagcloud a:before,
		.fl-builder-content * { border-color: inherit; } /* * */



/**
 * Text selections
 */

	::selection {
		background: #fafcbe; /* * */
		color: #6a6c2e; /* * */
	}
	::-moz-selection {
		background: #fafcbe; /* * */
		color: #6a6c2e; /* * */
	}



/**
 * Responsive color changes
 */

	@media only screen and (max-width: 960px) {

		.main-navigation-inner { background-color: #3a3c3e; } /* * */

		.main-navigation ul a { color: #fff; } /* * */

		.menu-toggle,
		.menu-toggle:hover,
		.menu-toggle:active,
		.menu-toggle:focus { background: transparent; } /* * */
		.menu-toggle:before { background: [[color-accent]]; }

		.main-navigation .menu a:hover,
		.main-navigation .menu li:hover > a,
		.main-navigation .menu li li:hover > a,
		.main-navigation .menu li.active-menu-item > a,
		.main-navigation .menu li li.active-menu-item > a {
			background: transparent; /* * */
			color: #fff; /* * */
		}

		.main-navigation .menu li.current-menu-item > a,
		.main-navigation .menu li li.current-menu-item > a { background-color: #2a2c2e; } /* * */

		/**
		 * Border color
		 */

			.sidebar { border-color: [[color-content-border]]; }

	} /* /(max-width: 960px) */



	@media only screen and (max-width: 680px) {

		/* Recipe - Auberge Plus */

			.ingredients ul.column + ul.column { border-color: [[color-content-border]]; }

	} /* /(max-width: 680px) */



/**
 * Fonts
 */

	html {
		font-family: [[font-family-body]]'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: [[font-size-body]]px;
	}

	h1, h2, h3, h4, h5, h6,
	.h1, .h2, .h3, .h4, .h5, .h6 { font-family: [[font-family-headings]]'Helvetica Neue', Helvetica, Arial, sans-serif; }

	.site-title { font-family: [[font-family-logo]]'Helvetica Neue', Helvetica, Arial, sans-serif; }



/* End of file */