/*
 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
*/

/* CSS added by Derrick to increase font size of reviews Title, Date & Author - July 14, 2025 */
.wpcr3_review {
	font-size: 22px;
	font-weight: 600;
}

/* CSS added by Derrick to increase horizontal space width of stars shown in rating level - July 14, 2025 */
.wpcr3_review_ratingValue {
	width: 88px; 
	font-size: 20px;
}

/* CSS added by Derrick to keep stars shown for rating in line with background duplicate image - July 14, 2025 */
.wpcr3_button_1  {
	font-size: 20px;
	font-weight: 500;
}

/* CSS added by Derrick to increase padding above the Main Navigation (logo) - July 15, 2025 */
.page .main-navigation {
	padding-top: 30px;
	padding-bottom: 35px;
}

/* CSS added by Derrick to customize font color of customer's review - July 16, 2025 */
.wpcr3_review blockquote {
	color: #006400;
}

/* CSS added by Derrick to customize font color of Admin's response - July 16, 2025 */
.wpcr3_content .wpcr3_admin_response blockquote {
	color: #006400;
}

/* CSS added by Derrick to reduce the size of the logo in the header of desktop screens and some tablet screens - July 25, 2025 */
@media (min-width: 1420px) {
.site-logo {
	width: 800px;  /* this was 1200px; before adding Quack logo, then 1660 worked well for large */
	height: auto;
	max-width: 800px;    /* this was 1200px; before adding Quack logo */
	margin-top: 1px;     /* this was 140px; before adding Quack logo */
}
}

/* CSS added by Derrick to reduce the size of the logo in the header of some tablet screens - July 25, 2025 */
@media (max-width: 1419px) {
.site-logo {
	max-width: 940px;
}
}

/* CSS added by Derrick to reduce the size of the logo in the header of mobile screens - July 25, 2025 */
@media (max-width: 768px) {
.site-logo {
	max-width: 600px;
}
}

/* Added by Derrick - To remove overflow and subsequent horizontal scroll bar if a page element is wider than the website width - August 1, 2025 */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

/* CSS added by Derrick to match width of navigation sub menu to longest item in the menu - August 10, 2025 */
.main-navigation ul ul {        
	width: auto;
    white-space: nowrap;
}

/* Added by Derrick - To improve button spacing when stacked vertically - August 1, 2025 */
.wp-block-button {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* Added by Derrick - To change Reviews text from "Submit your review" to "Submit your review; i.e., "truck repair" review only." - August 14, 2025 */
.wpcr3_leave_text span {
  display: none;
}
.wpcr3_leave_text:after {
  content: '; i.e., "truck repair" review only.';
}




/* Added by Derrick - Styling for a comic styled box perimeter around a block, assigned with "Additional CSS Classes" of class "box box1", "box box2" or "box box3" and "oddboxinner" or "evenboxinner" - August 10, 2025 found at https://codepen.io/mp/pen/kBEeKw    */
.box{
  margin:25px;
  width:250px;
  height:250px;
  background:#fff;
  border: solid black;
  border-color: black;
  float:left; 
}

.box1{
  border-width: 3px 4px 3px 5px;
  border-radius:95% 4% 92% 5%/4% 95% 6% 95%;
  transform: rotate(2deg);
}
.box2{
  width:350px;
  border-width: 3px 3px 5px 5px;
  border-radius:4% 95% 6% 95%/95% 4% 92% 5%;
  transform: rotate(-2deg);
}

.box3{
  border-width: 5px 3px 3px 5px;
  border-radius:95% 4% 97% 5%/4% 94% 3% 95%;
  transform: rotate(2deg);
}

.oddboxinner{
  margin:15px;
  transform: rotate(-2deg);
}
.evenboxinner{
  transform: rotate(2deg);
  margin:15px;
  padding:0 5px;
  float:right;
  background:#ddd;
  border:1px solid #222;
  box-shadow:3px 3px 0 #222;
}