/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* ---------- */
/* -------------------- */
/* ------------------------------ */
/* ---------------------------------------- */

/* Fixes WAVE WebAIM navigation contrast issues */
/* July 19, 2025 at 11:16:53 AM PDT */
/* DISABLED - Too obvious */

/*
.home .site-header {
background-color: rgba(0, 0, 0, 0.5);
}
*/

/* Footer quote styles */
/* July 18, 2025 at 4:18:19 PM PDT */

.plp-footer-quote p:nth-of-type(1) {
margin-bottom: 0.7em;
font-style: italic;
line-height: 1.6;
}

.plp-footer-quote p:nth-of-type(2) {
font-weight: 300;
font-style: italic;
}

/* Adjust entry meta: Date, author, etc */
/* July 14, 2025 at 12:26:42 PM PDT */

.entry-meta {
font-size: 85%;
font-size: 16px;
margin-top: .5em;
line-height: 1.5;
color: #000000;
}

/* Custom date box */
/* July 14, 2025 at 12:26:42 PM PDT */

.plp-date-box {
background-color: #f5f5f5;
padding: 10px 15px;
line-height: 1;
display: inline-block;
font-size: 16px;
border-radius: 10px;
}

/* Custom navigation box */
/* July 11, 2025 at 1:59:38 PM PDT */

.plp-nav-box .gb-shape svg:hover {
color: #000;
}

.plp-nav-box h3 {
text-transform: uppercase;
}

.home .site-content {
padding-top: 0;
}

/* Reduce Heading sizes on mobile */
/* July 10, 2025 at 5:08:39 PM PDT */

/* F1 02 defaults */

/*
Body	18px
H1		42px
H2		35px
H3		29px
H4		24px
H5		20px
H6		100% (18px)
*/

/* Media Queries */

@media (max-width: 768px) {

h1 {
font-size: 35px;
}

h2 {
font-size: 29px;
}

h3 {
font-size: 24px;
}

h4 {
font-size: 20px;
}

}

/* Table styles */

/* Force table data to top of cells */
/* July 10, 2025 at 12:18:10 PM PDT */

td, th {
vertical-align: top;
}

.plp-table .wp-block-table.is-style-stripes {
border: none;
}

.plp-table td:first-child,
.plp-table tr:first-child {
font-weight: 500;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0;
background-color: #f5f5f5;
}

/* Full-width quote box 1 */
/* DELETE */

/*

.plp-quote-alignfull-1 h4:nth-of-type(1) {
color: #fff;
font-weight: 500;
}

.plp-quote-alignfull-1 h4:nth-of-type(2) {
color: #999;
font-weight: 300;
}

.plp-quote-alignfull-1 p {
margin-bottom: 0;
}

.plp-quote-alignfull-1 h4 {
margin: 0;
}

*/

/* Full-width quote box */

.plp-quote-alignfull > div > div > div:last-child {
padding-left: 40px;
border-left: 2px solid #ccc;
}

.plp-quote-alignfull .gb-shape svg {
width: 30px;
height: 30px;
color: #ccc;
color: #ff8000;
}

.plp-quote-alignfull {
background-color: #f7f8f9;
background-color: #f5f5f5;
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd;
border: 0;
}

.plp-quote-alignfull h4:nth-of-type(1) {
color: #000;
font-weight: 500;
}

.plp-quote-alignfull h4:nth-of-type(2) {
color: #666;
font-weight: 300;
}

.plp-quote-alignfull p {
font-size: 22px;
font-style: italic;
margin: 0;
}

.plp-quote-alignfull h4 {
margin: 0;
}

/* WS Form Lite 1.10.43
 * All other styles are edited in WS Form Styler
 * July 9, 2025 at 8:16:55 AM PDT
-------------------------------------------------- */

/* Make text selectable */

.plp-ws-form-container .wsf-form label.wsf-label {
user-select: none;
user-select: auto;
}

/* Checkbox and radio labels */

.plp-ws-form-container .wsf-form input[type=checkbox].wsf-field+label.wsf-label,
.plp-ws-form-container .wsf-form input[type=radio].wsf-field+label.wsf-label {
font-weight: inherit;
}

/* Help text */

.plp-ws-form-container .wsf-form .wsf-help-pre {
margin-bottom: 15px;
}

/* July 8, 2025 at 1:41:30 PM PDT */

.wp-block-gallery figure {
border: 1px solid #dddddd;
}

/* Center-align main page titles */

.plp-page-concept .entry-title,
.plp-page-design .entry-title,
.plp-page-power .entry-title,
.plp-page-specifications .entry-title,
.plp-page-racing .entry-title {
text-align: center;
}

/* Note boxes */
/* Set bottom padding and margin on block */

.plp-note-box-1 {
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
border: 1px solid #dddddd;
background-color: transparent;
border-radius: 15px;
border-radius: 0;
}

.plp-note-box-2 {
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 10px;
border: 1px solid #dddddd;
border: 0;
background-color: #f5f5f5;
border-radius: 15px;
border-radius: 0;
overflow: hidden;
}

/* Add border to featured images on posts */

.single-post .featured-image {
padding: 10px;
border: 1px solid #dddddd;
}

/* Logo horizontal rule: Flex and pseudo */

.plp-logo-rule {
display: flex;
align-items: center;
gap: 1em;
margin-bottom: 40px;
}

.plp-logo-rule::before,
.plp-logo-rule::after {
content: "";
flex: 1;
height: 1px;
background-color: #ddd;
}

.plp-logo-wrapper {
background-color: #f5f5f5;
border: 1px solid #ddd;
border: 0;
border-radius: 50%;
padding: 10px;
}

/* Logo rule: Negative margin */
/* DELETE */

.plp-hallmark {
margin-bottom: 60px;
margin-top: -20px;
}

.plp-hallmark hr {
margin: 0;
}

.plp-hallmark hr {
margin-top: -35px;
}

.plp-hallmark .gb-shape {
line-height: 0;
background-color: #fff;
}

/* Entry title styles */

.page .entry-title {
text-transform: uppercase;
}

/* Adjust small heading bottom margin */

h4, h5, h6 {
margin-bottom: 20px;
margin-bottom: 10px;
}

/* Bold and strong */

b, strong {
font-weight: 700;
font-weight: 500;
}

/* Blockquote styles */

blockquote {
border-left: 5px solid rgba(0,0,0,.05);
font-family: Roboto, sans-serif;
font-size: 20px;
font-style: italic;
font-weight: 300;
}

blockquote cite {
font-weight: 500;
}

/* WP separator */

.wp-block-separator {
border-top: 1px solid;
border-bottom: 1px solid;
border-top: 0px solid;
border-bottom: 1px solid #ddd;
}

/* Lede */

.plp-lead {
font-family: Roboto, sans-serif;
font-style: italic;
font-size: 20px;
font-weight: 300;
color: #000000;
}

/* Typography */

h1, h2, h3, h4, h5, h6 {
font-family: var(--gp-font--montserrat);
font-weight: 400;
letter-spacing: -0.05rem;
letter-spacing: normal;
}

/* Global link styles */

a {
font-weight: 400;
}

/* Increase bottom margin of paragraph */
/* See: Footer block quote */

.plp-paragraph-margin {
margin-bottom: 1.5em;
margin-bottom: 0.7em;
}

/* Increase bottom margin of list items */

.plp-list-margin ul li {
margin-bottom: 5px;
}

/* Footer block styles for dark background */
/* H3 heading size adjustment */

.plp-element-footer-block h3 {
font-size: 24px;
}

.plp-element-footer-block ul {
list-style-type: none;
margin: 0;
}

.plp-element-footer-block a {
color: #777777;
color: #9da8ae;
color: #999999;
}

.plp-element-footer-block a:hover {
color: #ffffff;
text-decoration: none;
}

/* Home background position */

/*
.page-hero {
background-position: center bottom;
}
*/

@media (max-width: 1025px) {
.page-hero {
background-position: left center;
background-position: 10% center;
}
}

/* Add bottom box shadow to page header */

.site-header {
box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.1);
}

.home .site-header {
box-shadow: none;
}

/* Center logo in main top navigation */
/* See: https://docs.generatepress.com/article/centering-logo-navigation/ */

@media(min-width: 769px) {

.inside-header>.site-branding,
.inside-header>.navigation-branding,
.inside-header>.site-logo,
.site-branding-container,
#site-navigation .navigation-branding .site-logo,
#sticky-navigation .navigation-branding {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
}

#site-navigation {
margin-left: unset !important;
display: flex;
}

.site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
margin: unset;
}

#site-navigation,
#primary-menu,
.main-navigation .inside-navigation {
flex: 1;
}

/* Change nth-child(#) to first item to right */

.main-navigation ul li:nth-child(4) {
margin-left: auto;
}

}