/*
Theme Name: Hecate
Theme URI: https://hecate.thedarkself.com/
Template: kadence
Author: TheDarkSelf.com
Author URI: https://thedarkself.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
This theme was originally developed on selene.queenoftheashes.me, and then displayed for live demo content on: Hecate.TheDarkSelf.com.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.2.28.1754549921
Updated: 2025-08-07 06:58:41

*/


.error-404 .page-title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}
.error-404 p {
    font-size: 1.2rem;
}
.error-404 .button {
    margin-top: 1.5rem;
    display: inline-block;
    padding: 12px 24px;
}

nav.main-menu a {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  transition: none !important;
}

nav.main-menu a:focus,
nav.main-menu a:active {
  outline: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}



html {
  overflow-y: scroll !important;
  overflow-x: hidden !important;
	scroll-behavior: smooth;
  scrollbar-gutter: stable;
}


/* Entire quantity box wrapper */
.quantity {
  border-radius: 1px !important;
}

/* Plus & minus buttons */
.quantity .plus,
.quantity .minus {
  font-size: inherit !important;
  font-family: inherit !important;
  transition: all 0.3s ease !important;
}


/* Hover & focus state */
.woocommerce-ordering select:hover,
.woocommerce-ordering select:focus {
  background-color: #121212;  
  color: #ffffff;              
  border-color: #aaa;      /* Softer border */
  outline: none;
}

/* Dropdown option background & text color */
.woocommerce-ordering select option {
  background: #121212;  /* Option background */
  color: #ffffff;       /* Option text */
}




blockquote {
  font-style: italic;
  border-left: 2px solid #aaa;
  padding: 3em 3.5em;
  background: #181818;
  color: #fff;
  position: relative;
}

blockquote::before {
  content: "❝";
  font-size: 3em;
  color: #FFFEA0;
  position: absolute;
  top: 10px;
  left: 20px;
}

blockquote::after {
  content: "❞";
  font-size: 3em;
  color: #FFFEA0;
  position: absolute;
  bottom: 10px;
  right: 30px;
}

blockquote,
blockquote cite,
blockquote p {
  quotes: none !important;
}

blockquote cite::before,
blockquote cite::after,
blockquote p::before,
blockquote p::after {
  content: none !important;
}


@font-face {
  font-family: 'Megrim';
  font-display: swap !important;
}

@font-face {
  font-family: 'Inter';
  font-display: swap !important;
}

 
a,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.wp-block-button__link {
  transition: color 0.7s ease, background-color 0.3s ease,
              border-color 0.7s ease, box-shadow 0.7s ease, opacity 0.7s ease;
}


.site-branding {
  display: flex !important;
  flex-direction: column;
  align-items: center; 
  justify-content: center;
  text-align: center;  
}

.site-title {
  margin: 0 !important;
  padding: 0 !important;
}

.site-description {
  margin: 0 !important;
  padding: 0 !important;
}


/* Unified styles for .tag-link and widget tag cloud links */
.tag-link,
.widget_tag_cloud .tagcloud a,
.wp-block-tag-cloud a {
  display: inline-block !important;
  padding: 8px 14px !important;
  margin: 2px 3px 5px !important;
border: 1px solid #CACACA !important;
  border-radius: 1px !important;
  background-color: transparent !important;
  color: #CACACA !important;
  font-size: 12px !important;
  text-transform: uppercase !important; 
	  font-family: 'Inter';
}

/* Hover effect for all */
.tag-link:hover,
.widget_tag_cloud .tagcloud a:hover,
.wp-block-tag-cloud a:hover {
  background-color: #121212 !important;
  border-color: #fff !important;
  color: #fff !important;
}


.widget_tag_cloud .tagcloud a,
.wp-block-tag-cloud a {
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
}


.page-numbers {
  display: inline-block;
  padding: 6px 12px;
  margin: 2px;
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 1px !important;
  box-sizing: border-box;
  line-height: 1.5;
  transition: all 0.3s ease;
  vertical-align: middle;
  min-height: 36px; 
}

/* Hover and current (active) page style */
.page-numbers.current {
  background-color: #121212;
  border-color: #CDCDCD;
  color: #ffffff;
}

.page-numbers:hover {
  border-color: #fff !important;
}

/* Remove extra space below related posts */
.entry-related {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove extra space above the comments section */
#comments {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Also reduce spacing on the content area if there's extra padding */
.entry-content,
.entry-content-wrap,
.entry {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body .comment-reply-link {
  background: transparent !important;
  border: 1px solid #fff !important;
  color: #fff !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all 0.3s ease !important;
}

body .comment-reply-link:hover {
  background-color: #121212 !important;
  border: 1px solid #CACACA !important;
  color: #fff !important;
}


/* Base rule for desktop and general use */
.justify-text {
  text-align: justify !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .justify-text {
    text-align: justify !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .justify-text {
    text-align: justify !important;
  }
}


.entry-content-wrap {
  padding-bottom: 2rem !important;
  display: block; /* ensures normal spacing even in flex/grid */
}



.content-area, /* or whatever wraps entry + sidebar */
.site-main {
  align-items: flex-start; /* prevents stretch from overriding padding */
}

.sidebar-inner-wrap {
  overflow: visible !important; /* prevent inner scrollbar */
  max-height: none !important; /* no max height limiting */
  height: auto !important; /* natural height */
  position: sticky;
  top: 20px; /* your sticky offset */
}

.sidebar {
  transform: translateZ(0);
  will-change: transform;
}

.sidebar-inner-wrap {
  transform: translateZ(0);
  will-change: transform;
}

/* Custom selection for entire site (or limit to .sidebar if you want) */
::selection {
  background: rgba(180, 180, 180, 0.1); /* soft gray */
  color: inherit; /* keep text color stable */
}

/* Firefox requires a separate rule */
::-moz-selection {
  background: rgba(180, 180, 180, 0.1);
  color: inherit;
}


.mailchimp-form {
  max-width: 600px;
  margin: 2rem auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  box-sizing: border-box;
  width: 100%;
}

.mailchimp-form label {
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
}

.mailchimp-fields {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.mailchimp-fields input[type="email"] {
  flex: 1;
  padding: 12px;
  font-size: 1rem;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  transition: border-color 0.3s ease;
}

.mailchimp-fields input[type="email"]::placeholder {
  color: #aaa;
}

/* Focus styles for accessibility */
.mailchimp-fields input[type="email"]:focus {
  outline: none;
  border-color: #aaa;
  box-shadow: 0 0 0 1px rgba(170, 170, 170, 0.5);
}

.mailchimp-fields input[type="submit"] {
  padding: 10px 20px;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  border: 1px solid #fff;
  border-radius: 1px;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Hover effect with clearer background change */
.mailchimp-fields input[type="submit"]:hover {
  background: transparent;
  color: #aaa;
  border: 1px solid #aaa;
}

/* Focus styles for submit button */
.mailchimp-fields input[type="submit"]:focus {
  outline: none;
  border-color: #aaa;
  box-shadow: 0 0 0 1px rgba(170, 170, 170, 0.5);
}

/* Responsive: stack inputs vertically on small screens */
@media (max-width: 480px) {
  .mailchimp-fields {
    flex-direction: column;
    width: 100%;
  }

  .mailchimp-fields input[type="email"],
  .mailchimp-fields input[type="submit"] {
    width: 100%;
    border-radius: 1px;
  }
}

#mc-response,
#mc-response-leadmagnet {
  text-align: center;
  font-size: 0.9rem;
  margin-top: 0.5rem;
  display: none;
}

/* Override Chrome/Edge autofill background */
.mailchimp-fields input[type="email"]:-webkit-autofill {
  background-color: rgba(0, 0, 0, 0.1) !important;
  -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.1) inset !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color 9999s ease-in-out 0s;
}

/* Also for hover & focus states */
.mailchimp-fields input[type="email"]:-webkit-autofill:focus,
.mailchimp-fields input[type="email"]:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.1) inset !important;
  -webkit-text-fill-color: #fff !important;
}