/*
Theme Name: Starter Block Theme v3
Theme URI: https://jakson.co/
Author: Jakson
Author URI: https://jakson.co/
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.4
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: starter-block-theme-v3
Tags: Block Editor Patterns, Site Editor

/*  Smoot Scroll */
html {
  scroll-behavior: smooth;
}

/*  Reduced motion prefs  */
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/*  Navigation Block Breakpoint. Credit: https://wpdocs.io/ */
body .wp-block-navigation__responsive-container-open:not(.always-shown) {
  display: block !important;
}

body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
  display: none !important;
}

/* Change the width to the breakpoit of the Nav */
@media (min-width: 799px) {
  body .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }

  body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block !important;
  }
}

/* end nav break point */

/* Nicley wrapped headlines */
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

/* I've no idea why when you add a backgroud colour to a column, WP by default adds padding to it... so weird - this get's rid of that */
:where(.wp-block-columns.has-background) {
  padding: initial;
}

/* Pull Quote */
.wp-block-pullquote blockquote {
  display: grid;
  gap: 20px;
}

.wp-block-pullquote cite {
  font-size: 80%;
  font-weight: 600;
}

/* Search Block */
.wp-block-search__input {
  border: 1px solid;
}

.wp-block-search__button {
  box-shadow: none;
  border: 1px solid var(--wp--preset--color--custom-off-black);
  border-radius: 0;
  color: white;
  padding: 0.4rem 1rem 0.5rem 1rem;
  font-weight: 500;
}

/* Comments */
.comment-form-cookies-consent {
  font-size: 14px;
  line-height: 2;
}

/* Keep our titles link the off black color*/
.wp-block-post-title :where(a) {
  color: var(--wp--preset--color--custom-off-black);
}

/* Button hover state  - core button block still does not have this and I can't figure out how to do it in theme.json! */
.wp-block-button__link,
a {
  transition: 0.3s;
}

.wp-block-button.is-style-fill .wp-block-button__link:hover,
#commentform .form-submit.wp-block-button input:hover {
  background: var(--wp--preset--color--custom-white);
  color: var(--wp--preset--color--custom-off-black);
}

.wp-block-button .wp-block-button__link:hover {
  background: var(--wp--preset--color--custom-custom-white);
  color: var(--wp--preset--color--off-black);
  border-color: var(--wp--preset--color--custom-off-black);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--wp--preset--color--custom-off-black);
  color: var(--wp--preset--color--custom-white);
  border-color: var(--wp--preset--color--custom-off-black);
}

a:hover:not(.wp-block-site-title a, .wp-block-button__link.wp-element-button) {
  text-decoration: underline !important;
}

/*  TRANSPARENT HEADER FOR FRONT PAGE */
.front-page-menu {
	margin-block-start: 0;
	min-height: 80px;
	margin-bottom: -106px;
	z-index: 999;
	position: sticky;
  top: 0;
  background-color: white;
}
   
.front-page-menu > * {
	margin-block-start: 0 !important;
	margin-block-end: 0;
}

/* FIRSTPARA AND DROP CAP */
/*.firstpara {}*/
.firstpara::first-letter {
  font-size: 3em;
  font-family: 'Century Gothic' Arial, Helvetica, sans-serif;
  font-weight: 900;
  float: left;
  padding: 10px 12px 0 0;
  line-height: 0.5;
}


/* WEBSITE DESIGN TAG LINK */
.BID-tag {font-size: 0.9em !important;}
.BID-tag::before {
  content: url('https://highpointlives.com/wp-content/uploads/2025/10/square-avatar-16px.png');
  margin-right: 5px;
}
.BID-tag a, .whatsapp-link a, .email-link a {text-decoration: none;}
.BID-tag a:hover, .whatsapp-link a:hover, .email-link a:hover {
  text-decoration: underline 4px dotted !important;
  text-underline-offset: 4px;
}

/* SIMPLE LIGHTBOX STYLING */
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status,
#slb_viewer_wrap .slb_theme_slb_default .slb_data_desc {
  display: none !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
	font-size: 1.8em !important;
	font-family: inherit !important;
}

/* CONTACT LINKS */
.whatsapp-link::before {
  content: url('https://highpointlives.com/wp-content/uploads/2025/10/WhatsApp-button-18px.png');
  margin-right: 10px;
}
.email-link::before {
  content: url('https://highpointlives.com/wp-content/uploads/2025/10/envelope-16px.png');
  margin-right: 10px;
}

/* PANEL STYLES */
.bluenote {
  background-color: #B2DFE2;
  padding: 1em;
}
.bluenote .img-wrap a {overflow: visible;}

/* UPLOAD FORM */
.no-bullet .entry-content ul li::before, cite::before {
	display: none;
}

/* HIGHPOINT LIVES HEADING */
.hp-heading {font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
text-align: center; 
font-size: clamp(3.5rem, 0.6364rem + 13.0909vw, 8rem);
line-height: 1.2;
  color:white;
  text-shadow: 
2px 2px 8px rgba(0,0,0,0.1),
-2px 2px 8px rgba(0,0,0,0.1),
2px -2px 8px rgba(0,0,0,0.1),
-2px -2px 8px rgba(0,0,0,0.1);
}

/* ZOOM SHADOW EFFECT */
/*.zoom-shadow {
    -webkit-box-reflect: none;
transition: -webkit-box-reflect 0.3s ease;}
.zoom-shadow:hover {    -webkit-box-reflect: below 10px linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4));}*/