/*
Theme Name: SPA TWP
Theme URI: 
Author: wptexture
Author URI: https://testerwp.com/
Description: SPA TWP. Theme is a clean, minimal, free business WordPress theme made for business, Parlour, Nails,  Facial, SWaxing, Hair school,  Massages,  Barber, Human body, Hair, Hairdresser stores and preferably ideal for any type of online store websites. SPA TWP is a beautiful, fast, lightweight, responsive, extremely customizable theme. The theme options panel is too easy to use, and the theme is also fully responsive to each & every device like Mobile, iPads etc. Furthermore, It also offers features such as tabbed product carousel, ribbon, product carousel featured banner, etc. SPA TWP theme is so responsive that it works on every device such as mobile, desktop, iPods, etc. And we have ensured that your new store looks amazing everywhere.
Version: 9991.0
Requires at least: 5.4
Tested up to: 6.8 
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/license-list.html#GNUGPLv3
Text Domain: spa-twp
Template: beauty-parlour-elementor
Tags: grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, wide-blocks, buddyPress, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, style-variations, template-editing, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio

SPA TWP WordPress Theme, Copyright 2025, wptexture
SPA TWP is distributed under the terms of the GNU GPL

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;600;700&family=Inter:wght@400;500;600&display=swap');

:root {
  --deep-navy: #2c3e50;
  --burgundy: #8b1538;
  --warm-gray: #6b7280;
  --amber: #d97706;
  --off-white: #fafafa;
  --text-dark: #1f2937;
  --text-light: #4b5563;
}

body {
  color: var(--text-light);
  background-color: #ffffff;
  font-family: 'Inter', sans-serif;
  font-size: 17px;
}
.entry-content p {
  margin-bottom: 10px;
  line-height: 1.8;
  font-size: 17px;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--deep-navy);
  font-family: 'Crimson Pro', serif;
  font-weight: 600;
  line-height: 1.3;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

@media (max-width: 1024px) {
  h1 {
    font-size: 32px;
  }
  
  h2 {
    font-size: 26px;
  }
  
  h3 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  h1 {
    font-size: 28px;
  }
  
  h2 {
    font-size: 24px;
  }
  
  h3 {
    font-size: 22px;
  }
}

a {
  color: var(--burgundy);
  transition: color 0.3s ease;
}

a:hover {
  color: var(--amber);
}

/**/
.row {
	/* width: calc(100% + 20px); */
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 767px) {
  .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.footer .footer-credits {
	padding-top: 0;
}

.site-copy { font-size: .85em; }
.site-copy > a {
	color: var(--primary--color) !important;
}
.site-copy > a:hover {
	color: var(--warm-gray) !important;
}

.logo-wrap .logo img {
  width: 61px;
}
@media (max-width: 425px) {
  .logo-wrap .logo img {
    width: 61px;
  }
}
/**/

.header-two,
.affix.sticky-menu {
  background-color: var(--deep-navy);
  border-bottom: 3px solid var(--burgundy);
}

.header-two .site-title a {
  color: var(--off-white);
  font-weight: 700;
}

.header-two .site-title a:hover {
  color: var(--amber);
}

.sp-100 {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

@media (min-width: 992px) {
  .main-navigation .menu .page_item a,
  .main-navigation .menu .menu-item a,
  .main-navigation .menu .dropdown-item a,
  .main-navigation .menu .nav-link {
    color: var(--off-white);
  }

  .main-navigation .menu .page_item:hover > a,
  .main-navigation .menu .menu-item:hover > a {
    color: var(--amber);
  }

  #primary-menu li.active > a {
    color: var(--amber);
  }
  
  .sp-100 {
	padding-top: 24px !important;
	padding-bottom: 24px !important;
  }
}

@media (max-width: 991px) {
  .navbar-collapse {
    background-color: var(--deep-navy);
  }

  .navbar-expand-lg #primary-menu .nav-link {
    color: var(--off-white);
  }

  #primary-menu .dropdown-menu .dropdown-item a {
    color: var(--off-white);
  }
}

.navbar-toggler-icon {
  background-color: var(--amber);
}

.footer:before {
  background-color: var(--deep-navy);
  background-image: none;
}

.footer-one .widget_block a {
  color: var(--off-white);
  border-bottom: 1px solid transparent;
}

.footer-one .widget_block a:hover {
  color: var(--amber);
  border-bottom-color: var(--amber);
}

.footer .footer-credits {
  color: var(--warm-gray);
}

.footer .footer-credits a {
  color: var(--off-white);
}

.footer .footer-credits a:hover {
  color: var(--amber);
}

#c-scroll {
  background-color: var(--burgundy);
}

#c-scroll:hover {
  background-color: var(--amber);
}

.entry-content {
  line-height: 1.8;
}

.entry-content p {
  color: var(--text-light);
  margin-bottom: 1.5rem;
}

.entry-content h2 {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--burgundy);
}

.entry-content h3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  color: var(--burgundy);
}

.entry-content ul {
  margin-left: 0;
  padding-left: 1.5rem;
}

.entry-content ul li {
  margin-bottom: 0.5rem;
  color: var(--text-light);
}

.entry-content blockquote {
  background-color: var(--off-white);
  border-left: 4px solid var(--burgundy);
  padding: 1.5rem 2rem;
  margin: 2rem 0;
  font-style: italic;
  color: var(--text-dark);
}

/*
.wp-block-group.theme-block {
  background-color: var(--off-white);
  border: 1px solid #e5e7eb;
  padding: 2rem;
  margin: 2rem 0;
  border-radius: 4px;
}

.wp-block-group.theme-block h3 {
  color: var(--deep-navy);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.wp-block-group.theme-block p {
  color: var(--text-light);
  margin-bottom: 1rem;
}
*/


.mb0, .mb-0 { margin-bottom: 0 !important; }
.mb2, .mb-2 { margin-bottom: 24px !important; }
.p10 { padding: 10px; }

.theme-block {
  background-color: var(--off-white);
  border: 1px solid #e5e7eb;
  padding: 1.5rem;
  margin: 2rem 0;
  position: relative;
  clip-path: polygon(
    0 0,
    calc(100% - 25px) 0,
    100% 25px,
    100% 100%,
    0 100%
  );
}
@media only screen and (max-width: 600px) {
  .theme-block {
    padding: 26px 18px 18px 18px;
  }
}
.theme-block::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  background: linear-gradient(135deg, var(--burgundy) 0%, var(--amber) 100%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.theme-block *:last-child {
  margin-bottom: 0 !important;
}
.theme-block h3 {
  color: var(--deep-navy);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.theme-block p {
  color: var(--text-light);
  margin-bottom: 1rem;
}


.theme-block2 {
  position: relative;
  background-color: #ffffff;
  padding: 2.5rem 2.5rem 2.5rem 3rem;
  margin: 2.5rem 0;
  border-radius: 0 8px 8px 0;
  box-shadow: 0 2px 12px rgba(44, 62, 80, 0.08);
  border-left: 6px solid var(--burgundy);
}
.theme-block2::before {
  content: '';
  position: absolute;
  left: -6px;
  top: 0;
  bottom: 0;
  width: 6px;
  background: linear-gradient(180deg, var(--burgundy) 0%, var(--amber) 100%);
  border-radius: 0;
}
.theme-block2 h2 {
  color: var(--deep-navy);
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 3px solid transparent;
  background: linear-gradient(90deg, var(--burgundy) 0%, var(--amber) 100%) left bottom no-repeat;
  background-size: 80px 3px;
  position: relative;
}
.theme-block2 h3 {
  color: var(--burgundy);
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1.15rem;
}
.theme-block2 p {
  color: var(--text-light);
  margin-bottom: 1.25rem;
  line-height: 1.8;
}
.theme-block2 p:last-child {
  margin-bottom: 0;
}
.strcolor strong {
  color: var(--deep-navy);
  font-weight: 600;
  background: linear-gradient(135deg, rgba(139, 21, 56, 0.08) 0%, rgba(217, 119, 6, 0.08) 100%);
  padding: 0.15em 0.5em;
  border-radius: 3px;
  border-left: 3px solid var(--burgundy);
  font-family: 'Inter', sans-serif;
  display: inline-block;
  margin: 0 0.15em;
}
.theme-block2 ul,
.theme-block2 ol {
  margin: 1.5rem 0;
  padding-left: 2rem;
}
.theme-block2 li {
  margin-bottom: 0.75rem;
  color: var(--text-light);
  line-height: 1.7;
}
.theme-block2::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, transparent 50%, rgba(217, 119, 6, 0.05) 50%);
  border-radius: 0 0 8px 0;
  pointer-events: none;
}
@media (max-width: 768px) {
  .theme-block2 {
    padding: 18px;
  }
  .theme-block2 h2 {
    font-size: 24px;
  }
  .theme-block2 strong {
    display: inline;
    margin: 0;
  }
}


.wp-block-group.did-you-know {
  position: relative;
  background: linear-gradient(135deg, var(--deep-navy) 0%, #34495e 100%);
  color: var(--off-white);
  padding: 2.25rem 1.5rem 1.5rem 1.5rem;
  margin: 2rem 0 1.5rem;
  border-radius: 8px;
  border: 2px solid var(--burgundy);
}
@media only screen and (max-width: 600px) {
  .wp-block-group.did-you-know {
    padding: 26px 18px 18px 18px;
  }
}
.wp-block-group.did-you-know p:first-child {
  position: absolute;
  top: -14px;
  left: 20px;
  margin: 0;
  padding: 0 12px;
  background-color: var(--burgundy);
  color: var(--off-white);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 4px;
  font-family: 'Inter', sans-serif;
}
.wp-block-group.did-you-know p:last-child {
    margin-bottom: 0 !important;
}

.wp-block-group.did-you-know p:first-child strong {
  font-weight: 600;
  color: var(--off-white);
  font-size: 14px;
}

.wp-block-group.did-you-know p {
  color: var(--off-white);
  margin-bottom: 0.5rem;
}

.wp-block-group.did-you-know p:last-child {
  margin-bottom: 0;
}

.wp-block-group.did-you-know strong {
  color: var(--amber);
  font-weight: 600;
}

.page-breadcrumb {
  background: var(--off-white);
  border-bottom: 1px solid #e5e7eb;
}

.page-breadcrumb .breadcrumb li a {
  color: var(--burgundy);
}

.page-breadcrumb .breadcrumb li a:hover {
  color: var(--amber);
}

.page-breadcrumb .breadcrumb li.active {
  color: var(--warm-gray);
}

.page-breadcrumb .breadcrumb li+li::before {
  color: var(--warm-gray);
}

.widget-area .widget_block {
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
}

.widget-area .widget_block .wp-block-heading {
  background-color: var(--deep-navy);
  border-left: 5px solid var(--burgundy);
  color: var(--off-white);
}

.widget_block a {
  background-image: linear-gradient(to bottom, var(--burgundy) 0%, var(--burgundy) 98%);
}

.widget_block a:hover {
  color: var(--amber);
}

.blog-item .date {
  background-color: var(--burgundy);
}

.blog-item:hover .date {
  background-color: var(--amber);
}

.blog-item .date p {
  color: var(--off-white);
}

.read-more a {
  --color: var(--burgundy);
  color: var(--burgundy);
  border-color: var(--burgundy);
}

.read-more a:before {
  background: var(--burgundy);
}

.read-more a:hover {
  color: var(--off-white);
}

.read-more a:active:before {
  background: var(--amber);
}

.read-more a:hover {
  box-shadow: inset 0 0 10px rgba(139, 21, 56, 0.3), 0 0 9px 3px rgba(139, 21, 56, 0.2);
}

.pagination .page-numbers {
  border-color: var(--burgundy);
  color: var(--text-dark);
}

.pagination .page-numbers:hover,
.pagination .current {
  background-color: var(--burgundy);
  border-color: var(--burgundy);
  color: var(--off-white);
}

.entry-header h1 {
  color: var(--deep-navy);
  margin-bottom: 0.5rem;
}

.entry-header + p {
  color: var(--warm-gray);
  font-style: italic;
  border-left: 3px solid var(--amber);
  padding-left: 1rem;
  margin-bottom: 2rem;
}

.post-meta {
  background-color: var(--off-white);
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}

.post-meta li i {
  color: var(--burgundy);
}

.post-meta li a:hover {
  color: var(--amber);
}

.main-btn {
  background-color: var(--burgundy);
  border-radius: 4px;
}

.main-btn:hover {
  background-color: var(--amber);
}

input[type="search"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  border-color: var(--burgundy);
  outline: none;
}

.widget_block .wp-block-search .wp-block-search__button {
  background-color: var(--burgundy);
}

.widget_block .wp-block-search .wp-block-search__button:hover {
  background-color: var(--amber);
}

::selection {
  background-color: var(--burgundy);
  color: var(--off-white);
}

::-moz-selection {
  background-color: var(--burgundy);
  color: var(--off-white);
}
  

.wp-block-list.theme-numlist {
  list-style: none;
  counter-reset: theme-counter;
  padding-left: 0;
  margin: 2.5rem 0;
}
.wp-block-list.theme-numlist li {
  counter-increment: theme-counter;
  position: relative;
  padding: 1.5rem 2rem 1.5rem 5rem;
  margin-bottom: 2rem;
  background: linear-gradient(135deg, rgba(250, 250, 250, 0.6) 0%, rgba(255, 255, 255, 0.9) 100%);
  border-left: 4px solid var(--burgundy);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(44, 62, 80, 0.06);
  transition: all 0.3s ease;
}
.wp-block-list.theme-numlist li:last-child {
  margin-bottom: 0;
}
.wp-block-list.theme-numlist li::before {
  content: counter(theme-counter);
  position: absolute;
  left: 1.25rem;
  top: 1.5rem;
  width: 42px;
  height: 42px;
  background: linear-gradient(135deg, var(--burgundy) 0%, var(--amber) 100%);
  color: #ffffff;
  font-family: 'Crimson Pro', serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 3px 8px rgba(139, 21, 56, 0.25);
  transition: all 0.3s ease;
}
.wp-block-list.theme-numlist li:hover {
  transform: translateX(4px);
  box-shadow: 0 4px 16px rgba(139, 21, 56, 0.12);
  border-left-color: var(--amber);
}
.wp-block-list.theme-numlist li:hover::before {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.35);
}
.wp-block-list.theme-numlist li strong {
  display: block;
  color: var(--deep-navy);
  font-size: 1.05em;
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: 1.4;
  font-family: 'Crimson Pro', serif;
}
.wp-block-list.theme-numlist li strong::after {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: linear-gradient(90deg, var(--burgundy) 0%, var(--amber) 100%);
  margin-top: 0.5rem;
  border-radius: 2px;
}
.wp-block-list.theme-numlist li p {
  margin: 0;
  color: var(--text-light);
  line-height: 1.7;
}
@media (max-width: 768px) {
  .wp-block-list.theme-numlist li {
    padding: 1.25rem 1.5rem 1.25rem 4rem;
  }
  .wp-block-list.theme-numlist li::before {
    left: 1rem;
    top: 1.25rem;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
  }
  .wp-block-list.theme-numlist li strong {
    font-size: 1em;
  }
}

.theme-list {
  list-style: none;
  padding-left: 0;
  margin: 2rem 0;
}
.theme-list li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1rem;
  color: var(--text-light);
  line-height: 1.7;
}
.theme-list li:last-child {
  margin-bottom: 0;
}
.theme-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 8px;
  height: 8px;
  background-color: var(--burgundy);
  border-radius: 2px;
  transform: rotate(45deg);
}
.theme-list li:hover::before {
  background-color: var(--amber);
  transition: background-color 0.3s ease;
}


.wp-block-list.theme-list2 {
  list-style: none;
  padding-left: 0;
  margin: 2.5rem 0;
}
.wp-block-list.theme-list2 li {
  position: relative;
  padding: 1.5rem 1.5rem 1.5rem 4.5rem;
  margin-bottom: 1.5rem;
  color: var(--text-dark);
  line-height: 1.8;
  background: linear-gradient(135deg, var(--off-white) 0%, #ffffff 100%);
  border-left: 6px solid var(--burgundy);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(44, 62, 80, 0.08);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.wp-block-list.theme-list2 li:last-child {
  margin-bottom: 0;
}
.wp-block-list.theme-list2 li::before {
  content: '✦';
  position: absolute;
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  color: var(--burgundy);
  text-shadow: 0 2px 4px rgba(139, 21, 56, 0.2);
  transition: all 0.4s ease;
}
.wp-block-list.theme-list2 li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.05) 0%, rgba(139, 21, 56, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.wp-block-list.theme-list2 li:hover {
  transform: translateX(8px);
  box-shadow: 0 8px 24px rgba(139, 21, 56, 0.15), 0 2px 8px rgba(44, 62, 80, 0.1);
  border-left-color: var(--amber);
}
.wp-block-list.theme-list2 li:hover::before {
  color: var(--amber);
  transform: translateY(-50%) scale(1.2) rotate(90deg);
  text-shadow: 0 4px 8px rgba(217, 119, 6, 0.3);
}
.wp-block-list.theme-list2 li:hover::after {
  opacity: 1;
}
.wp-block-list.theme-list2 li:nth-child(even) {
  border-left-color: var(--deep-navy);
}
.wp-block-list.theme-list2 li:nth-child(even):hover {
  border-left-color: var(--amber);
}
.wp-block-list.theme-list2 li:nth-child(even)::before {
  color: var(--deep-navy);
}
.wp-block-list.theme-list2 li:nth-child(even):hover::before {
  color: var(--amber);
}
@media (max-width: 768px) {
  .wp-block-list.theme-list2 li {
    padding: 1.2rem 1.2rem 1.2rem 3.5rem;
  }
  .wp-block-list.theme-list2 li::before {
    font-size: 24px;
    left: 1.2rem;
  }
  .wp-block-list.theme-list2 li:hover {
    transform: translateX(4px);
  }
}


.wp-block-quote.is-layout-flow {
  position: relative;
  background-color: var(--off-white);
  border-left: 4px solid var(--burgundy);
  padding: 3rem 2.5rem 2rem 2.5rem;
  margin: 3rem 0;
  border-radius: 8px;
  overflow: visible;
}
.wp-block-quote.is-layout-flow::before {
  content: '"';
  position: absolute;
  top: -20px;
  left: 20px;
  font-size: 120px;
  line-height: 1;
  font-family: 'Crimson Pro', serif;
  font-weight: 700;
  color: rgba(107, 114, 128, 0.15);
  z-index: 0;
  pointer-events: none;
}
.wp-block-quote.is-layout-flow p {
  position: relative;
  z-index: 1;
  font-family: 'Crimson Pro', serif;
  font-size: 1.15em;
  line-height: 1.7;
  color: var(--text-dark);
  margin-bottom: 1rem;
  font-style: italic;
}
.wp-block-quote.is-layout-flow p:last-of-type {
  margin-bottom: 0;
}
.wp-block-quote.is-layout-flow cite {
  display: block;
  position: relative;
  z-index: 1;
  font-size: 0.85em;
  color: var(--warm-gray);
  font-style: normal;
  margin-top: 1.5rem;
  padding-left: 2rem;
  font-family: 'Inter', sans-serif;
}
.wp-block-quote.is-layout-flow cite::before {
  content: '—';
  position: absolute;
  left: 0;
  color: var(--burgundy);
  font-weight: 600;
}
.wp-block-quote.is-layout-flow cite a {
  color: var(--burgundy);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.3s ease;
}
.wp-block-quote.is-layout-flow cite a:hover {
  color: var(--amber);
  border-bottom-color: var(--amber);
}
@media (max-width: 768px) {
  .wp-block-quote.is-layout-flow {
    padding: 2.5rem 1.5rem 1.5rem 1.5rem;
  }
  .wp-block-quote.is-layout-flow::before {
    font-size: 80px;
    top: -10px;
    left: 10px;
  }
  .wp-block-quote.is-layout-flow p {
    font-size: 1.2em;
  }
}


.footer {
	position: relative;
	padding: 8px 0 65px;
}
.footer center small {
	color: #d97706;
}
.footermenu.widget_nav_menu {
  text-align: center;
  padding: 0.75rem 0;
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4px;
}
.footermenu .menu-footer-menu-container {
  display: inline-block;
  width: auto;
}
.footermenu ul.menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0;
}
.footermenu ul.menu li {
  display: inline-block;
  padding: 0;
  margin: 0;
  border: none;
  border-bottom: none;
  position: relative;
}
.footermenu ul.menu li::after {
  content: '•';
  display: inline-block;
  margin: 0 1.25rem;
  color: var(--warm-gray);
  font-size: 12px;
  opacity: 0.6;
}
.footermenu ul.menu li:last-child::after {
  display: none;
}
.footermenu ul.menu li a {
  display: inline-block;
  padding: 0.5rem 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--off-white);
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  letter-spacing: 0.3px;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
  background-image: none;
  background-size: 0;
}
.footermenu ul.menu li a:hover {
  color: var(--amber);
  border-bottom-color: var(--amber);
}
.footermenu ul.menu li.current-menu-item a,
.footermenu ul.menu li.current_page_item a {
  color: var(--amber);
  border-bottom-color: var(--burgundy);
}
@media (max-width: 768px) {
  .footermenu ul.menu {
    flex-direction: column;
    gap: 0.75rem;
  }
  .footermenu ul.menu li::after {
    display: none;
  }
  .footermenu ul.menu li a {
    font-size: 15px;
    padding: 0.75rem 0;
  }
}