/* Remove underlines from header menu links */
#top-menu a,
#et_mobile_nav_menu a,
.et-menu a {
  text-decoration: none !important;
}

/* Keep it off on hover/focus too */
#top-menu a:hover,
#top-menu a:focus,
#et_mobile_nav_menu a:hover,
#et_mobile_nav_menu a:focus,
.et-menu a:hover,
.et-menu a:focus {
  text-decoration: none !important;
}

/* Change color of the dropdown arrow in Divi main menu */
.et-menu .menu-item-has-children > a:after {
    color: white !important; /* <-- put your color here */
}

/*Style Woocommerce Pages */

.woocommerce-checkout #main-content,
.woocommerce-cart #main-content,
.woocommerce-account #main-content {
	background-color: #d5d2d1;
}

/* WooCommerce: style links in content area only (prevents bold menu) */
.woocommerce-page #main-content a {
  color: #565554;
  font-weight: bold;
}


.woocommerce-page,
.woocommerce-page p,
.woocommerce-page span:not(.et_pb_blurb_container h4 span) {
	font-size: 17px;
}

.woocommerce-page h2 {
	font-size: 23px !important;
}

.categoryheading h2 {
	font-size: 32px !important;
}

.woocommerce-message {
	margin-bottom: 0px;
	color: #565554 !important;
	background-color: #d5d2d1 !important;
}

.woocommerce-message a {
	color: #565554 !important;	
}

.wc-block-components-button__text {
	color: white !important;
}

/* WooCommerce notice bar colors */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-top-color: #d5d2d1 !important; /* your primary */
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  color: #d5d2d1 !important;
}

/* Price color */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  color: #d5d2d1 !important;
}




/* Change hamburger icon color */
.et_mobile_menu .mobile_menu_bar:before,
.mobile_menu_bar:before {
  color: #d5d2d1 !important; /* change to your desired color */
}

/* Remove all mobile menu dividing lines */
.et_mobile_menu {
	border-top: none !important;
}

/* Optional: remove any pseudo-elements that might be creating the line */
.et_mobile_menu li a:after {
  display: none !important;
}




.et_pb_row_5 .et_pb_column_10.center-column {
  display: flex !important;
  flex-direction: column;
  justify-content: center !important;  /* vertical centering */
  align-items: center !important;      /* horizontal centering of the stack */
  min-height: 100%;
  padding: 0;                          /* remove stray padding */
  margin: 0 auto;                      /* centers the column contents in row */
}

/* Keep modules full width but limit max width so they don't overflow */
.et_pb_row_5 .et_pb_column_10.center-column > .et_pb_module {
  width: 100%;
  max-width: 500px;                    /* adjust this to taste */
  margin-bottom: 1.5rem;
  text-align: left;
}

/* Optional: center the heading text only */
.et_pb_row_5 .et_pb_column_10.center-column .sectionheading h2 {
  text-align: center;
  width: 100%;
}

/* Center the social follow icons in the Contact column */
.et_pb_row_5 .et_pb_column_10.center-column 
  .et_pb_social_media_follow {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  margin-top: 1rem;
}

/* === Contact form typography (only in the Contact column) === */

/* Input + textarea text */
.et_pb_row_5 .et_pb_column_10.center-column input[type="text"],
.et_pb_row_5 .et_pb_column_10.center-column input[type="email"],
.et_pb_row_5 .et_pb_column_10.center-column textarea {
	font-family: "avenir-lt-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.1em;
	color: white;
	font-size: 16px;
}

/* Placeholder text */
.et_pb_row_5 .et_pb_column_10.center-column ::placeholder {
	font-family: "avenir-lt-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.1em;
	color: white;
	font-size: 16px;
}

/* Labels (if visible) */
.et_pb_row_5 .et_pb_column_10.center-column label {
  font-family: "YourFontName", sans-serif;
  font-size: 14px;
  color: #ddd;
}

/* Submit button */
.et_pb_row_5 .et_pb_column_10.center-column .et_pb_button,
.et_pb_row_5 .et_pb_column_10.center-column button {
	font-family: "avenir-lt-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.1em;
	color: #333;
  	border: none;
  	cursor: pointer;
}

/* Optional: button hover style */
.et_pb_row_5 .et_pb_column_10.center-column .et_pb_button:hover {
  background-color: #a6a6a6 !important;
}




.footerlink body,
.footerlink a,
.footerlink p {
  color: #666;
  font-size: 14px;
}

.sectionheading h2 {
	font-size: 36px;
	margin-bottom: 50px;
}
	
	#splashheader {
	background-image: url("https://grahamlovettartist.co.uk/wp-content/uploads/2025/10/splashanimationbackground.jpg");
	background-size: cover;
	background-position: top left;
}
	
#splashheader .et_pb_fullwidth_header_container {
	width: 100%;
}


#splashheader .et_pb_module_header {
	font-size: 80px;
	font-family: Times, Times New Roman, Serif;
	letter-spacing: 0.1em;
	display: block;
  	width: 100vw;              /* full viewport width */
  	position: relative;
  	left: 50%;
  	right: 50%;
  	margin-left: -50vw;
  	margin-right: -50vw;
  	background-color: rgba(1,1,1,0.3); /* your dark background color */
  	padding: 40px 0;           /* vertical spacing around title */
  	text-align: center;        /* keep text centered */
  	box-sizing: border-box;
	opacity: 0;
  	animation: fadeIn 1.5s ease-in forwards;
}

#splashheader .headerbackground {
	width: 100% !important;
	background-color: rgba(1,1,1,0.3);
}

#splashheader .et_pb_fullwidth_header_subhead {
	font-family: avenir-lt-pro, sans-serif;
	font-size: 36px;
	text-transform: uppercase;
	margin-top: 50px;
}

.header-content img {
	height: 80px;
	width: auto;
	position: absolute;
	top: 5px;
	left: 5px;
	opacity: 0.3;
}

.anim1 {
	opacity: 0;
  	animation: fadeIn 1.5s ease-in forwards;
  	animation-delay: 0.6s; /* adjust delay */
}

.anim2 {
	opacity: 0;
  	animation: fadeIn 1.5s ease-in forwards;
  	animation-delay: 1.2s; /* adjust delay */
}

.anim3 {
	opacity: 0;
  	animation: fadeIn 1.5s ease-in forwards;
  	animation-delay: 1.8s; /* adjust delay */
}

.grahamtitle p {
	font-family: "Times New Roman", "Times", Serif;
	color: #b5a5a0;
	font-size: 36px;	
}


.vasesection {
	background-image: url("https://grahamlovettartist.co.uk/wp-content/uploads/2025/10/splashanimationbackground.jpg");
	background-size: cover;
	min-height: 100vh !important;
}

body,
p {
	font-family: "avenir-lt-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.1em;
/* 	color: #333; */
	font-size: 17px;
}

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
 
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	
	#splashheader .et_pb_fullwidth_header_subhead {
		font-size: 14px;
	}
	
	#splashheader .et_pb_module_header {
		font-size: 40px;
	}
	
	.header-content img {
		height:50px;
	}
	
	.woocommerce-page h2 {
	font-size: 17px !important;
}
 
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 
}

/* Fix: remove underlines from Divi MOBILE menu links (smartphone) */
@media (max-width: 980px) {
  #mobile_menu a,
  .et_mobile_menu a,
  .et_mobile_menu li a {
    text-decoration: none !important;
    border-bottom: 0 !important; /* just in case underline is coming from borders */
  }

  /* Also prevent underline on hover/focus */
  #mobile_menu a:hover,
  #mobile_menu a:focus,
  .et_mobile_menu a:hover,
  .et_mobile_menu a:focus {
    text-decoration: none !important;
    border-bottom: 0 !important;
  }
}

/* ===== Force-remove underlines on MOBILE menu links + slider arrows ===== */
@media (max-width: 980px) {

  /* Mobile menu links (Divi) */
  body #page-container #mobile_menu a,
  body #page-container .et_mobile_menu a,
  body #page-container .et_mobile_menu li a {
    text-decoration: none !important;
    text-decoration-line: none !important;
  }

  /* Mobile menu dropdown arrows / anything icon-like inside links */
  body #page-container #mobile_menu a * {
    text-decoration: none !important;
    text-decoration-line: none !important;
  }

  /* Divi slider arrows are anchor tags */
  body #page-container .et_pb_slider a.et-pb-arrow-prev,
  body #page-container .et_pb_slider a.et-pb-arrow-next,
  body #page-container .et_pb_slider .et-pb-arrow-prev,
  body #page-container .et_pb_slider .et-pb-arrow-next {
    text-decoration: none !important;
    text-decoration-line: none !important;
  }

  /* Also prevent underlines on hover/focus */
  body #page-container #mobile_menu a:hover,
  body #page-container #mobile_menu a:focus,
  body #page-container .et_pb_slider a.et-pb-arrow-prev:hover,
  body #page-container .et_pb_slider a.et-pb-arrow-next:hover,
  body #page-container .et_pb_slider a.et-pb-arrow-prev:focus,
  body #page-container .et_pb_slider a.et-pb-arrow-next:focus {
    text-decoration: none !important;
    text-decoration-line: none !important;
  }
}