/*
Theme Name:Provey 2026
Description:a child theme of Frenchpress, for provey.com.au
Author:Andrew J Klimek
Author URI:https://github.com/andrewklimek
Template:frenchpress
Version:
*/
/* @font-face {
	font-family: 'provey';
	src: url('/wp-content/themes/provey/font/regular.woff2') format('woff2'), url('/wp-content/themes/provey/font/regular.woff') format('woff');
	font-weight: 400;
}
@font-face {
	font-family: 'provey';
	src: url('/wp-content/themes/provey/font/light.woff2') format('woff2'), url('/wp-content/themes/provey/font/light.woff') format('woff');
	font-weight: 300;
}
@font-face {
	font-family: 'provey';
	src: url('/wp-content/themes/provey/font/bold.woff2') format('woff2'), url('/wp-content/themes/provey/font/bold.woff') format('woff');
	font-weight: 700;
} */

/* maybe put in sub-slide.css */
.dnav .site-header .sub-menu:not(.sub-sub-menu) {
    margin-top: -1rem;
}

:root {
	--provey-red: #8d4a63;/* brave was using fe5442 */
	--provey-tan: #F5EFE9;/* #e3d2bb is darker tan from brave */
	--provey-purple: #2e1e2f;
	--provey-brown: #362f2a;
	--bg: #faf7f4;
	--fg: #3e2407;
}

body {
    padding: .75rem;
}


/* rounded corner */
.page-content > section,
.round,
.size-thumbnail.wp-post-image {
	border-radius: 8px;
}

svg {
	fill: currentColor;
}

#logo svg {
	transition: color .4s;
}

h1, h2, h3, h4 {
	font-family: provey, "Goudy Bookletter 1911", sans-serif;
	font-weight: 400;
	font-size: 2rem;
}

h1 {
	font-size: 4rem;
}


.dnav .main-nav .sub-menu-wrapper {
	background: var(--bg);
	color: var(--fg);
	box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 19%);
}


/*Main Font Styles*/
body {
	background: var(--bg);
	color: var(--fg);
	/* font-size: 18px; */
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

/*** MAIN NAV ***/
.menu-item > a,
.sub-menu-wrapper {
	border-radius: 8px;
	/* font-size: 14px; */
	/* left: 4px; */
}
/* isnt this in parent? */
.sub-menu-wrapper {
	padding: .25rem;
}
.menu-item > a:hover {
    background: #ede6de;
}

.main-nav .sub-menu .menu-item > a {
	/* padding: 12px 16px; */
}

/* BUTTONS */
.button, .btn, button, input[type=submit] {
	font-size: 14px;
	background: none;
	display: inline-block;
	padding: 8px 20px 10px;
	min-width: 11em;
	text-align: center;
	text-decoration: none;
	/* text-transform: uppercase; */
	transition: background-color .2s, color .2s;
	border: 1px solid currentColor;
/*     font: inherit; */
	 font-weight: 700; 
	color: currentColor;
	border-radius: 8px;
	/* theme specific */
	background: var(--provey-red);
	border-color: var(--provey-red);
	color: var(--bg);
	text-transform: lowercase;
}
.btn:nth-of-type(2) {
	margin-left: 6px;/* supposed to be 8 but there's ~2px from being inline-block */
}
/* 2 generic hover effects that will always be acceptable if not great */
.button:hover, .btn:hover, button:hover, input[type=submit]:hover {
/*    filter: grayscale(1) invert(1);*/
/* 	opacity: .6; */
	/* theme specific */
	background: none;
	color: var(--provey-red);
}
.btn-white,
.btn-o-white:hover {
	background: #fff;
	border-color: #fff;
	color: #333;
}
.btn-white:hover,
.btn-o-white {
	background: none;
	border-color: #fff;
	color: #fff;
}
.btn-dark,
.btn-o-dark:hover {
	background: #2E1E2F;
	border-color: #2E1E2F;
	color: #fff;
}
.btn-dark:hover,
.btn-o-dark {
	background: none;
	border-color: #2E1E2F;
	color: #2E1E2F;
}
/* these are default for now
.btn-red,
.btn-o-red:hover {
	background: var(--provey-red);
	border-color: var(--provey-red);
	color: #fff;
}
.btn-red:hover,
.btn-o-red {
	background: none;
	border-color: var(--provey-red);
	color: var(--provey-red);
}*/


/*** HEADER ****/
#menu-open {
	margin-left: 12px;
}
.site-header-main .tray {
	padding-top: 0;
}
/* .site-header-main > .tray { */
/*     border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
/* 	padding: 2rem 0; */
/* } */
.site-header .custom-html-widget {
	font-size: 0.9rem;
	line-height: 1.3;
}
h1.title {
	/* padding: 1.5em; */
	/* color: #fff; */
	/* font-weight: 700; */
	/* text-shadow: 1px 1px 5px #333; */
/*    text-transform: lowercase;*/
}
#header {
	background: var(--provey-tan);
	/* color: #fff; */
	/* background: var(--provey-purple); */
}
/* Header with background image only on larger screens */

blockquote:not(.mnmonials) {
	padding: 1.5em 1.5em 1px;
	border-left: 5px solid var(--provey-red);
	background: var(--provey-tan);
}

/*** Resources menu on left ***/
.sidebar-nav {
	font-size: 13px;
	background: var(--provey-tan);
	border-radius: 8px;
	padding: 16px 0;
	/* margin: 0 24px; */
}

.sidebar-nav li:first-child {
	font-size: 20px;
	margin-bottom: 8px;
}
.sidebar-nav li a {
	border-left: 5px solid transparent;
	display: inline-block;
	padding: 4px 4px 4px 18px;
	margin: 6px 0;
	/* transition: all 0.4s ease; */
}
.sidebar-nav li a:hover,
.sidebar-nav .current-menu-item > a {
	border-left-color: var(--provey-red);
}

/*** TESTIMONIALS ***/
.mnmonials {
	padding: 0 1rem;
}
.mnmonials-inner {
	background: #fff;
	border-radius: 12px;
	padding: 20px 26px;
	position: relative;
}
.mnmonials-inner::before {
	content: "\201C";
	line-height: 1;
	font-size: 3em;
	color: var(--provey-red);
	position: absolute;
	top: 13px;
	left: 2px;
}
/*.mnmonials-title {*/
/*    font-style: italic;*/
/*}*/


/*** BLOG ***/
.loop .title {
	font-size: 18px;
}

img[class*='wp-image-'],
.wp-post-image {
	border-radius: 8px;
}


/**
* blog row by footer
*/
.posted-on {
	opacity: .5;
}
.title.quickcat {
	color: #333;
	font-size: 18px;
	margin: 14px 0;
}


#comments .comment.byuser {
	border-color: var(--provey-red);
}

#comments .comment-metadata {
	font-size: 14px;
}

#comments .comment-author {
	font-weight: 700;
	color: #333;
}

#comments .comment-list {
	font-size: 16px;
	letter-spacing: -0.03em;
	color: #666;
}
#comments li .comment {
	margin-left: 24px;
	border-left: 2px solid rgba(165,165,165,.2);
	padding-left: 32px;
}
#commentform {
	font-size: 14px;
	background: #f4f4f4;
	padding: 32px;
	border-radius: 8px;
}
.comment-form > textarea,
.comment-form > input {
	border-radius: 4px;
	border: 1px solid #e9e9e9;
	padding: 6px;
}
.comment-form > .submit {
	border-radius: 4px;
}


.entry-summary {
	margin-top: 24px;
}

/* possibly just for this theme */
.footer-tray.tray {
	padding-top: 4.8rem;
}



/*********
* Acccent Color
*********/
.color1, a:hover { color: var(--provey-red); }
.bg1 { background: var(--provey-red); color: #fff; }/* 1: red I thoguht it was supposed to be #f33633 but this is used on the current site and sort of looks better */



.menu-contact-info {
	font-size: 1rem;
	padding: 12px;
	background: #f5f5f5;
}
.dnav .menu-contact-info {
	display: none;
}