/*
Theme Name: PixelGroveVault Toujours Child
Theme URI: https://wordpress.com/themes/toujours/
Template: toujours
Author: Automattic
Author URI: http://automattic.com/
Description: Toujours has a simple, elegant design that's perfect for planning and sharing moments from your wedding. The theme highlights your content with a slideshow, large featured images, and a unique layout for recent posts.
Tags: custom-background,custom-colors,custom-menu,editor-style,featured-images,one-column,post-formats,right-sidebar,rtl-language-support,sticky-post,theme-options,translation-ready
Version: 1.1.0.1793781862
Updated: 2026-11-04 08:44:22

*/


/* ============================================================
   PixelGroveVault customisations (child theme - survives parent updates)
   Accent: lime #65a30d | Dark header & body | Left sidebar
   ============================================================ */

/* --- Dark body --- */
body {
	background: #141414;
	background-image: none;
	color: #d9d9d9;
}

/* --- Dark header, centred branding, white text --- */
.site-header {
	background: #0e0e0e;
	background-image: none;
	border-bottom: 3px solid #65a30d;
}
.site-branding {
	text-align: center;
}
.site-branding .site-title,
.site-branding .site-title a,
.site-branding .site-description {
	color: #ffffff;
}

/* Hide the text site title/description when the custom logo is shown (no duplicate wordmark). */
body.pgv-has-custom-logo .site-branding .site-title,
body.pgv-has-custom-logo .site-branding .site-description {
	display: none;
}

/* Custom logo sizing */
.site-branding .custom-logo-link {
	display: inline-block;
}
.site-branding .custom-logo-link img.custom-logo {
	max-height: 120px;
	width: auto;
	height: auto;
}

/* --- Lime accent #65a30d --- */
a {
	color: #65a30d;
}
a:hover,
a:focus,
a:active {
	color: #7cc242;
}
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
	color: #65a30d;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.search-submit {
	background: #65a30d;
	border-color: #65a30d;
	color: #ffffff;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.search-submit:hover,
.search-submit:focus {
	background: #4d7c0f;
	border-color: #4d7c0f;
}
.entry-title a:hover,
.widget a:hover {
	color: #65a30d;
}

/* --- Content + LEFT sidebar layout --- */
#content .wrap {
	display: flex;
	align-items: flex-start;
}
#primary.content-area {
	order: 2;
	flex: 1 1 auto;
	float: none;
	width: auto;
	margin: 0;
	min-width: 0;
}
#primary.content-area .site-main {
	margin: 0;
}
#secondary.widget-area {
	order: 1;
	flex: 0 0 280px;
	width: 280px;
	float: none;
	margin: 0 40px 0 0;
	overflow: visible;
}
@media (max-width: 768px) {
	#content .wrap {
		flex-direction: column;
	}
	#primary.content-area {
		order: 1;
		width: 100%;
	}
	#secondary.widget-area {
		order: 2;
		flex: none;
		width: 100%;
		margin: 40px 0 0;
	}
}

/* --- Sidebar widgets on dark background --- */
#secondary.widget-area .widget {
	background: #1d1d1d;
	border: 1px solid #2b2b2b;
	padding: 20px;
	margin-bottom: 30px;
}
#secondary.widget-area .widget-title,
#secondary.widget-area .widget h2 {
	color: #ffffff;
}
#secondary.widget-area .widget a {
	color: #65a30d;
}

/* --- Footer --- */
.site-footer {
	background: #0e0e0e;
	background-image: none;
	border-top: 3px solid #65a30d;
	color: #b5b5b5;
	text-align: center;
}
.site-footer .wrap {
	padding-top: 30px;
	padding-bottom: 30px;
}
.site-footer .site-info {
	margin-bottom: 12px;
	color: #e8e8e8;
}
.footer-navigation .footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-navigation .footer-menu li {
	display: inline-block;
	margin: 0 10px 8px;
	padding: 0;
}
.footer-navigation .footer-menu a {
	color: #65a30d;
	text-decoration: none;
}
.footer-navigation .footer-menu a:hover {
	color: #7cc242;
	text-decoration: underline;
}