/*
Theme Name: Hello Voodoo Leatherworks
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Suanne Brady
Author URI: https://emberloomstudio.com
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. This child theme will manage customization of WordPress templates to avoid having to load extra plugins.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1759794747
Updated: 2025-10-06 17:52:27

*/

/* ===============================
   Gutenberg Table Header Styles
=============================== */
TH {   
	    font-family: "Archivo Black", Sans-serif;
background-color: #050505;     
color: #ffffff;
text-transform: uppercase;
	border: solid 1px #050505;
}


/* ===============================
   Buttons not in Elementor
=============================== */
.wp-block-buttons .wp-block-button__link, .submit-container input[type="submit"] {
	background-color: #717343;
	color: #ffffff;
    font-family: "Archivo Black", Sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 0px 0px 0px 0p;
font-size: 1em;
border-radius: 0px;

padding: 16px 40px 16px 40px;
	 transition: transform 0.3s ease; }

.wp-block-buttons:hover .wp-block-button__link:hover, 
.submit-container input[type="submit"]:hover  {
	    border-width: 0px 0px 0px 0px;
	background-color: #050505;
	color: #ffffff;
	
	 transform: scale(1.05); 
	
}
/* ===============================
   Pretty Google Calendar Tool Tip styles
=============================== */
.fc .fc-button {

	border-radius: 0px;
	font-weight: 800;
	text-transform: uppercase;	
		border-width: 1px;
	border-color: #050505;
}

.fc .fc-button-primary {
	background-color: #717343 !important; 

}
.fc .fc-button-primary:hover {
		background-color: #050505 !important;
}
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) { 
  margin-right: 0px;
}
.fc .fc-toolbar {
	text-align: center;
}
.fc .fc-toolbar-title {
	padding: 20px 0px;
}

.fc-toolbar.fc-header-toolbar button.fc-button.fc-button-primary {
	color: #ffffff;
	font-size: 1em;
}
.fc .fc-list-day-cushion, .fc .fc-list-table td {
	padding: 8px; 
}
.fc-list-event-title {
	padding-left: 0px !important;
}
.fc .fc-cell-shaded, .fc .fc-day-disabled {
			background-color: #050505;

}
.fc .fc-list-event-dot{
	visibility: hidden;
}

.fc .fc-col-header-cell-cushion  { font-size: 17px; 
letter-spacing: 1px;
font-family: "Nunito sans", sans-serif;
font-weight: 700;}

.fc-daygrid-day-number {
	font-size: 15px; 
letter-spacing: 0.5px;
font-family: "Nunito sans", sans-serif;
font-weight: 600;
}
.fc-theme-standard td, table tbody>tr:nth-child(odd)>td {
	background-color: #FFFFFB;
}
, table tbody>tr:nth-child(odd)>th {}, .fc-theme-standard th {
	background-color: #050505;
}
.fc-daygrid thead, .fc-daygrid tr, .fc-theme-standard td, .fc-theme-standard th {
	border-color: #050505;
	border-block-start: 1px solid  hsla(0, 0%, 2%, 1);
}
.fc-h-event {
	padding: 3px;
	background-color: rgba(160, 204, 218, 0.3);
	border-color: rgba(160, 204, 218, 0.3);
	margin-bottom: 3px;
	
}
.fc-h-event .fc-event-main {
	color: #050505;
}
.fc .fc-daygrid-day.fc-day-today {background-color: #F5F5F5;
border: 4px solid #8c2626;
}

.tippy-box {
	border-radius: 20px;
	padding: 15px;
	background-color: #f2f2f2 !important;

}
.tippy-box[data-theme~="light"][data-placement^="top"] > .tippy-arrow:before  {
    border-top-color: #f2f2f2 !important; 	
}

.tippy-content {
	background-color: #fff;
		border-radius: 20px;
			font-size: 16px;
}

.tippy-content h2 {
	font-size: 30px;
	line-height: 1.1
}

.tippy-content p {
	font-size: 18px;
}

.toolloc {
	margin-top: 20px;
	padding-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	 gap: 40px; 
	justify-content: center;
}
.toolloc a {
	text-transform: uppercase;
Background-color: #717343;
	color: #fff;
	font-weight: 800;
	padding: 12px 24px;
}
.toolloc a:hover {
background-color: #000000;
	color: #ffffff;
}
.pgcal-branding {
	visibility: hidden; 
}
/* ===============================
   Mobile (≤767px)
   =============================== */
@media (max-width: 767px) {
  .toolloc button {

}

}




/* ===============================
   Ninja Forms Customizations
=============================== */
#ninja_forms_required_items, .nf-field-container {
  z-index: 10; 
}
.contact-half {
	float: left !important;
	width: 48%;
	clear: none !important;
	margin-right: 4% !important;
	position: static;
}

.contact-half-right {
	float:left !important;
	width: 48%;
		position: static;

}
.contact-third {
	float: left !important;
	width: 30%;
	clear: none !important;
	margin-right: 4% !important;
}

.contact-third-last {
		float:left !important;
	width: 30%;
		margin-right: 1% !important;
}
.contact-fourth {
	float: left !important;
	width: 21%;
	clear: none !important;
	margin-right: 4% !important;
}

.contact-fourth-last {
		float:left !important;
	width: 21%;
		margin-right: 4% !important;
}
.contact-full {
	width: 48%; 
margin-right: 50%; 
}
.listcheckbox-wrap {
	clear:left;
}
.nf-field-container {
	clear: none !important;
}

.nf-field-element ul li {
	width:50%; 
	float: left;
}

.bullets-full .nf-field-element ul li {
	width:100%; 
	float: none;
}
.submit-container input[type="submit"] {
	border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #717343;
	background-color: #717343;
}

.ninja-forms-field .contact-button .nf-element  {
	width: 100%;
	text-align: center;
}

.submit-container input[type="submit"] {
	border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #717343;
	background-color: #717343;
}

.submit-wrap .nf-field-element {
	width: 100%;
	text-align: center;
}

.spacer-p .nf-field-description p:last-child {
	margin-bottom: 1em;
}

[type=button], [type=submit], button {
	border: 0px none; 
}
/* ===============================
   Related Posts Card Styles
=============================== */

/* Sidebar specific grid */
#side-bar .related-posts-grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 100%;
}

/* Base grid layout */
.related-posts-grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

/* Card container */
.related-post-card {
	background: #ffffff;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%; /* Add this line */
  flex-grow: 0;
  align-self: flex-start;
  gap: 10px;
  border-radius: 30px;
  box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.1);
  padding: 0px 0px 20px;
  min-width: 0; /* Allow grid items to shrink */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Thumbnail wrapper with category overlay */
.related-post-card__thumb-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 30px 30px 0px 0px;
}

.related-post-card__thumb {
  display: block;
  position: relative;
}

.related-post-card__thumb img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center center;
  border-radius: 30px 30px 0px 0px;
  filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
  transition: filter 0.3s ease, transform 0.3s ease;
}


/* Category tag overlay - top right */
.related-post-card__category {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #050505;
  color: #ffffff;
  padding: 8px 16px;
  font-family: "Nunito Sans", Sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
	line-height: 1em;
  text-decoration: none;
  border-radius: 15px;
  z-index: 10;
}
.related-post-card__category {
	color: #ffffff !important;
}

.related-post-card__category:hover {
  color: #c0c398 !important;
  background: #050505;
}


/* Title */
.related-post-card__title {
	text-transform: capitalize !important;
	letter-spacing: 0.5px;
  margin: 15px 20px 0px 20px;
  min-width: 0; /* Allow shrinking */
}

.related-post-card__title h4 {
  font-family: "Archivo Black", Sans-serif;
  font-size: 28px;
  font-weight: normal;
  text-transform: capitalize;
  font-style: normal;
  text-decoration: none;
  line-height: 1.1em;
  letter-spacing: 0.5px;
  z-index: 25;
  /* Prevent long words from forcing column wider */
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}


.related-post-card__title a {
  text-decoration: none;
  transition: color 0.3s ease;
}

.related-post-card__title a:hover {

}

/* Excerpt */
.related-post-card__excerpt {
  font-size: 18px;
  font-weight: 500;
  text-transform: none;
  font-style: normal;
  text-decoration: none;
  line-height: 1.5em;
  word-spacing: 0em;
  color: #181818;
  padding: 0px 20px;
  flex-grow: 1; /* Push read more button to bottom */
}

/* Read More Button */
.related-post-card__read-more {
  display: inline-block;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px;

  color: #ffffff;
  text-decoration: none;
  font-family: "Nunito Sans", Sans-serif;
  font-weight: 800;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;

  align-self: flex-start;
}


/* ===============================
   Tablet (768px–1024px)
   =============================== */
@media (min-width: 768px) and (max-width: 1024px) {
  .related-posts-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
  
  .related-post-card {
    padding: 0px 0px 18px;
  }
  
  .related-post-card__title h4 {
    font-size: 26px;
  }
  
  .related-post-card__excerpt {
    font-size: 17px;
  }
}

/* ===============================
   Mobile (≤767px)
   =============================== */
@media (max-width: 767px) {
  .related-posts-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  .related-post-card {
    padding: 0px 0px 15px;
    border-radius: 20px;
  }
  
  .related-post-card__thumb-wrapper {
    border-radius: 20px 20px 0px 0px;
  }
  
  .related-post-card__thumb img {
    border-radius: 20px 20px 0px 0px;
  }
  
  .related-post-card__category {
    top: 15px;
    right: 15px;
    padding: 6px 12px;
    font-size: 11px;
  }
  
  .related-post-card__title {
    margin: 12px 15px 0px 15px;
  }
  
  .related-post-card__title h4 {
    font-size: 24px;
    line-height: 1.2;
	  
  }
  
  .related-post-card__excerpt {
    font-size: 16px;
    line-height: 1.4;
    padding: 0px 15px;
  }
  
  .related-post-card__read-more {
    margin: 12px 15px 0px 15px;
    padding: 10px 20px;
    font-size: 13px;
  }
}