::-moz-selection {
    background-color: #fe497e !important;
    color: #fff !important;
}

::selection {
    background-color: #fe497e !important;
    color: #fff !important;
}



/* Scrollbar styling for WebKit browsers */
.wp-block-flexible-table-block-table::-webkit-scrollbar {
    height: 6px; /* Scrollbar height */
}

.wp-block-flexible-table-block-table::-webkit-scrollbar-thumb {
    background-color: #fe497e; /* Scrollbar thumb color */
    border-radius:20px; /* Rounded scrollbar */
}

/* Highlight only the currently active TOC item (H2 or H3) */
.kb-table-of-content-list .active > a {
    font-weight: bold !important;
    color: fe497e !important; /* Keeps the original color unchanged */
}

/* Add a vertical line before the currently active TOC item */
.kb-table-of-content-list .active {
    position: relative !important; /* Enables positioning for the vertical line */
    padding-left: 10px !important; /* Creates space between the line and the text */
}

.kb-table-of-content-list .active::before {
    content: "" !important; /* The vertical line */
    position: absolute !important;
    left: 0 !important; /* Aligns the line to the left */
    top: 0 !important;
    height: 100% !important; /* Ensures it spans the full height of the text */
    width: 2px !important; /* Width of the line */
    background-color: #fe497e !important; /* Updated line color to purple */
}

/* Ensure H2 remains highlighted when any child H3 is active */
.kb-table-of-content-list .active-parent > a {
    font-weight: bold !important;
    color: inherit !important; /* Keeps the original color unchanged */
}

/* Add the vertical line to H2 when any H3 is active */
.kb-table-of-content-list .active-parent {
    position: relative !important;
    padding-left: 10px !important;
}

.kb-table-of-content-list .active-parent::before {
    content: "" !important;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background-color: #fe497e; /* Updated line color to purple */
}


/* Center the TOC title */
.kb-table-of-contents-title-wrap {
    text-align: center; /* Ensure the text itself is centered */
}


/* Desktop Styles */
@media (min-width: 768px) {
    .kb-table-container table {
        border-collapse: separate; /* Ensures spacing between cells */
        border-spacing: 6px; /* Adds spacing between cells */
        border: 2px double; /* Adjust the color and thickness of the border */
        border-radius: 0px; /* Adds a 20px rounded corner */
        width: 100%; /* Ensures the table spans the container */
        padding: 5px; /* Adds 10px padding between border and table */
    }

    .kb-table-container td:first-child, 
.kb-table-container th:first-child, 
.kb-table-container tr:first-child th {
    border: solid;
}
}

/* Mobile Styles */
@media (max-width: 767px) {
    .kb-table-container table {
        border-collapse: separate; /* Ensures spacing between cells */
        border-spacing: 4px; /* Adds spacing between cells */
        border: 1px double; /* Adjust the color and thickness of the border */
        border-radius: 0px; /* Adds a 20px rounded corner */
        width: 100%; /* Ensures the table spans the container */
        padding: 5px; /* Adds 5px padding between border and table */
    }

    .kb-table-container td:first-child, 
.kb-table-container th:first-child, 
.kb-table-container tr:first-child th {
    border: solid 2px;
}
}


.kb-table-container table th,
.kb-table-container table td {
    text-align: center; /* Centers text horizontally */
    vertical-align: middle; /* Centers text vertically */
}


.kb-table-container::-webkit-scrollbar {
    height: 4px; /* Adjust the height of the scrollbar */
}

.kb-table-container::-webkit-scrollbar-thumb {
    background-color: #fe497e; /* Sets the scrollbar thumb color */
    border-radius: 4px; /* Rounds the scrollbar corners */
}

/* Custom Scrollbar for tables with the ScrollTable class */
.ScrollTable::-webkit-scrollbar {
    height: 4px; /* Adjust the height of the scrollbar */
}

.ScrollTable::-webkit-scrollbar-thumb {
    background-color: #fe497e; /* Sets the scrollbar thumb color */
    border-radius: 4px; /* Rounds the scrollbar corners */
}

.ScrollTable::-webkit-scrollbar-track {
    background-color: #1d2a47; /* Optional: Set the scrollbar track color */
}

/* Add text dynamically below scrollable tables */
.ScrollTable:after {
    content: "Swipe left to explore the full table"; /* Text content */
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fe497e;
    margin-top: 10px;
    font-weight: bold;
}


/* Custom styles for Scrollable tables on mobile */
@media (max-width: 767px) {
    .ScrollTable-Mobile {
        overflow-x: auto; /* Enables horizontal scrolling on mobile */
        display: block; /* Ensures the table behaves properly within its container */
        white-space: nowrap; /* Prevents the table content from wrapping */
    }

    /* Custom scrollbar styling for mobile */
    .ScrollTable-Mobile::-webkit-scrollbar {
        height: 4px; /* Adjust the height of the scrollbar */
    }

    .ScrollTable-Mobile::-webkit-scrollbar-thumb {
        background-color: #fe497e; /* Sets the scrollbar thumb color */
        border-radius: 4px; /* Rounds the scrollbar corners */
    }

    .ScrollTable-Mobile::-webkit-scrollbar-track {
        background-color: #1d2a47; /* Optional: Set the scrollbar track color */
    }

    /* Add text dynamically below scrollable tables */
    .ScrollTable-Mobile:after {
        content: "Swipe left to explore the full table"; /* Text content */
        display: block;
        text-align: center;
        font-size: 14px;
        color: #fe497e;
        margin-top: 10px;
        font-weight: bold;
    }
}

/* Remove padding and margin from .hero-container.site-container */
.hero-container.site-container {
	  padding: 0 !important; 
	  margin: 0 !important; 
	  max-height: 4rem !important; 
}



/* Remove padding and margin from .hero-container.site-container */
@media (max-width: 767px) { .hero-container.site-container {
	  padding: 0 !important; 
	  margin: 0 !important; 
	  max-height: 2.5rem !important; 
}
}


/* Ensure breadcrumbs are styled */
.kadence-breadcrumbs.rankmath-bc-wrap {
    text-align: left;
    padding-right: 25vh !important;
	  padding-top: 2vh !important;
	  padding-bottom: 0 !important;
	  margin-top: 0rem !important; 
	  margin-bottom: 0rem !important; 
    padding-left: 25vh !important;
	font-size: 14px; 
}

/* Adjust breadcrumbs for mobile */
@media (max-width: 767px) {
    .kadence-breadcrumbs.rankmath-bc-wrap {
        padding-right: 1vh !important;
        padding-left: 1vh  !important;
			 padding-bottom: 0vh !important;
			margin-bottom: 0vh !important;
			font-size: 12px; 
    }
}


.tooltip-friendly {
  overflow: visible !important;
}



@media (max-width: 767px) { .copyright-row {
  display: flex;
  align-items: center;
  padding-left: 7px
}
}


@media (min-width: 767px) { .copyright-row {
  display: flex;
  align-items: center;
	justify-content: flex-end;
}
	}

.wp-image-92 { /* If you need specific image styles */
  margin-right: 5px; /* Add spacing after the image */
	margin-left: 5px;
	padding-bottom: 21px
}

#footer-menu {
  display: block; /* Remove flexbox */
  /* Remove any other flexbox properties like justify-content, align-items, etc. */
}

#footer-menu li {
  /* List item styles as needed */
  display: list-item; /* Ensure it's a list item */
  text-align: left; /* Align text to the left (default) */
  /* Add any other list item styles like margin, padding, etc. */
}

#footer-menu a { /* Style the links within the list items */
  display: block; /* Make links fill the width of the list item */
  padding: 10px; /* Add padding to the links */
  text-decoration: none; /* Remove underlines from links */
  color: #333; /* Example link color */
}


.moove-gdpr-modal-left-content {
  background-color: #1D2A47 !important;
}



/* Base styles for tag-link and tag-hash */
.tag-link {
    display: inline-block;
    padding: 5px 10px;
    background-color: transparent;
    color: #8fa0b6;
    border: 1px solid #8fa0b6;
    border-radius: 4px;
    margin: 5px;
    font-weight: 500;
    font-size: 10px; /* Desktop text size */
    text-transform: capitalize;
    text-decoration: none;
    transition: all 0.3s ease; /* Smooth transition for hover effects */
}

.tag-link:hover {
    background-color: #fe497e; /* Use the vibrant color on hover */
    color: #fff; /* White text for better contrast */
    border-color: #fe497e; /* Match border color with background */
}

.tag-link:hover .tag-hash {
    color: #fff; /* Make the hashtag white on hover */
}

.tag-hash {
    font-weight: bold;
    margin-right: 5px;
    color: #8fa0b6;
    transition: color 0.3s ease; /* Smooth transition for hashtag color */
}

/* Mobile view adjustments */
@media only screen and (max-width: 768px) {
    .tag-link {
        font-size: 8px; /* Slightly larger for better readability */
        padding: 4px 8px; /* Adjusted padding for mobile */
    }
}

/* Removes top margin spacing on blog posts */
.single-post .entry-content {
    margin-top: 0 !important; 
    padding-top: 0 !important;
    margin-bottom:  0 !important;
    padding-bottom: 0 !important;
}

/* Removes top margin spacing on blog posts */
.entry-header {
    margin-bottom: 0em !important;
}

@media only screen and (min-width: 768px) {
.menu-item-has-children:hover {
  transform: scale(1.05);
  filter: brightness(1); /* Optional: slight highlight for effect */
}
}

.kb-off-canvas-inner-wrap {
  transition: transform 0.5s ease-in-out !important;
}

.kb-off-canvas-panel.kb-off-canvas-open {
  transition: transform 0.5s ease-in-out !important;
}




/*
 * Pulse Animation for Buttons
 * Add the class 'pulse-me' to any button to apply this effect.
 * This version makes the button and its glow pulse together.
 */

/* The combined pulse and glow animation for desktop */
@keyframes button-pulse-animation {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(254, 73, 126, 0.4);
    }
    50% {
        transform: scale(1.08); /* Scales the button slightly */
        box-shadow: 0 0 10px 10px rgba(254, 73, 126, 0.4); /* Expands the glow */
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(254, 73, 126, 0);
    }
}

/* The combined pulse and glow animation for mobile */
@keyframes mobile-button-pulse-animation {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(254, 73, 126, 0.3); /* Slightly less aggressive initial glow */
    }
    50% {
        transform: scale(1.03); /* A smaller scale for a softer effect */
        box-shadow: 0 0 6px 6px rgba(254, 73, 126, 0.5); /* A softer glow */
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(254, 73, 126, 0.1); /* Fainter residual glow */
    }
}

/* Base styles for the new class name */
.pulse-me {
    animation: button-pulse-animation 1.5s infinite;
    position: relative;
    z-index: 1000;
}

/* Media query to apply the mobile animation on smaller screens */
@media (max-width: 768px) {
    .pulse-me {
        animation: mobile-button-pulse-animation 1.5s infinite;
    }
}