/*
Theme Name:   GeneratePress Child
Theme URI:    https://generatepress.com
Description:  Default GeneratePress child theme
Author:       Tom Usborne
Author URI:   https://tomusborne.com
Template:     generatepress
Version:      1.0

/* --------TABLE OF CONTENTS--------
1. Root Variables
2. Typography
3. Theme Structure
4. Theme Components
5. Utility Classes
------------------------------------*/


/*** 1. ROOT VARIABLES ***/

:root {
    /* Typography */
    --headline-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --fs-body: 1.25rem;
    --fs-xl: clamp(3.05rem, calc(2.24rem + 4.08vw), 5.5rem);
    --fs-h1: clamp(2.44rem, calc(1.96rem + 2.41vw), 3.89rem);
    --fs-h2: clamp(1.95rem, calc(1.69rem + 1.33vw), 2.75rem);
    --fs-h3: clamp(1.56rem, calc(1.44rem + 0.64vw), 1.94rem);
    --fs-h4: clamp(1.25rem, calc(1.21rem + 0.21vw), 1.38rem);
    --fs-h5: clamp(1.25rem, calc(1.21rem + 0.21vw), 1.38rem);
    --fs-h6: clamp(1.25rem, calc(1.21rem + 0.21vw), 1.38rem);
    --fs-pre: clamp(0.97rem, calc(1.01rem + -0.05vw), 1rem);
    --fs-body-xl: clamp(1.27rem, calc(1.15rem + 0.59vw), 1.62rem);
    --fs-body-l: clamp(1.13rem, calc(1.05rem + 0.38vw), 1.35rem);
    --fs-body-s: clamp(0.89rem, calc(0.87rem + 0.08vw), 0.94rem);
    --fs-body-xs: clamp(0.78rem, calc(0.79rem + -0.01vw), 0.79rem);
	
    /* Section Spacing*/
    --section-xs-padding: 1rem clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
    --section-s-padding: clamp(1.5rem, 1.5rem + 0vw, 1.5rem) clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
    --section-m-padding: clamp(1.5rem, 1.197rem + 1.515vw, 2.5rem) clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
    --section-d-padding: clamp(3rem, 2.394rem + 3.03vw, 5rem) clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
    --section-l-padding: clamp(4.5rem, 3.591rem + 4.545vw, 7.5rem) clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
    --section-xl-padding: clamp(6rem, 4.788rem + 6.061vw, 10rem) clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
	--padding-sp-horizontal: clamp(0.938rem, 0.283vw + 0.872rem, 1.25rem);
}

/*** 2. TYPOGRAPHY ***/


/* Target the breadcrumb more precisely */
.rank-math-breadcrumb p {
    font-size: var(--fs-body-s);
    font-weight: 400;             
    line-height: 1.8;
}

.rank-math-breadcrumb a {
	border-bottom: 2px solid var(--surface-50);
}

.rank-math-breadcrumb a:hover {
	border-bottom: 2px solid var(--surface-30);
}

/* Base Text Styles */
p {
    font-size: var(--fs-body);
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    font-family: var(--body-font);
}

/* Headings */
h1, h2, h3, h4, h5, h6, 
.fs-xl, .fs-h1, .fs-h2, .fs-h3, .fs-h4, .fs-h5, .fs-h6 {
    font-weight: 700;
    margin-bottom: .5em;
    font-family: var(--headline-font);
}

/* Heading Sizes */
.fs-xl {
    font-size: var(--fs-xl);
    line-height: 1.05;
}

h1, .fs-h1 {
    font-size: var(--fs-h1);
    line-height: 1.05;
}

h2, .fs-h2 {
    font-size: var(--fs-h2);
    line-height: 1.1;
}

h3, .fs-h3 {
    font-size: var(--fs-h3);
    line-height: 1.15;
}

h4, .fs-h4 {
    font-size: var(--fs-h4);
    line-height: 1.1;
}

h5, .fs-h5 {
    font-size: 1.375rem;
    font-size: var(--fs-h5);
    line-height: 1.25;
}

h6, .fs-h6 {
    font-size: 1.25rem;
    font-size: var(--fs-h6);
    line-height: 1.4;
}

/* Additional Text Styles */
.fs-pre {
    font-size: var(--fs-pre);
    text-transform: uppercase;
    letter-spacing: .1em;
}

.fs-body-xl {
    font-family: var(--body-font);
    font-size: var(--fs-body-xl);
}

.fs-body-l {
    font-family: var(--body-font);
    font-size: var(--fs--body-l);
}

.fs-body-s {
    font-family: var(--body-font);
    font-size: var(--fs-body-s);
}

.fs-body-xs {
    font-family: var(--body-font);
    font-size: var(--fs-body-xs);
}

/* Post Content Typography */
.single-post :where(h2, h3, h4, h5, h6) {
    margin-top: 1.5em;
}

/* Text Balance */
.balance {
    text-wrap: balance;
}

p, div, blockquote, li {
    text-wrap: pretty;
}


/*** 3. THEME STRUCTURE ***/

/* Main Content Area Height*/
/* Ensures the main content area always takes at least 65% of viewport height */
#main {
    min-height: 65vh;
}

/* Removes horizontal padding from header's inner container */
.inside-header {
    padding-inline: 0px !important;
}

.inside-header.grid-container .site-logo {
	padding-inline-start: clamp(0.938rem, 0.283vw + 0.872rem, 1.25rem) !important;
}

/* Responsive horizontal padding for header */
.site-header {
    padding-inline: clamp(1rem, 0.848rem + 0.758vw, 1.5rem) !important;
}

/* =============================================
   Single Post Layout Styles
   ============================================= */

/**
 * Base Grid Container Styles
 * Applies to all screen sizes
 */

.grid-container {
  padding-left: var(--padding-sp-horizontal);
  padding-right: var(--padding-sp-horizontal);
  transition: all 0.3s ease;
}

@media (max-width: 1250px) {
    #site-navigation .navigation-branding, #sticky-navigation .navigation-branding {
      margin-left: 0px !important;
    }
}
/**
 * Main Content Area Layout
 */
body.single-post .site-content {
  display: flex;
  flex-direction: column; /* Mobile-first approach */
  column-gap: clamp(1rem, 34.82vw + -15.735rem, 11.25rem);
  transition: all 0.3s ease;
}

body.single-post .content-area {
  width: 100%;
  min-width: 0; /* Prevent flex overflow */
}

/**
 * Sidebar Styles - Initially hidden on mobile
 */
body.single-post #right-sidebar {
  flex: 0 0 337px;
  transition: all 0.3s ease;
}

/* =============================================
   Responsive Breakpoints
   ============================================= */

/**
 * Mobile Layout (0-949px)
 * - Single column layout
 * - Hidden sidebar
 */
@media (max-width: 949px) {
  body.single-post #right-sidebar {
    display: none;
  }
  
  /* Ensures content takes full width */
  body.single-post .content-area {
    flex: 1 0 100%;
    padding-right: 0;
  }
}

/**
 * Desktop Layout (950px+)
 * - Sidebar/content side-by-side
 * - Responsive column gap
 */
@media (min-width: 950px) {
  body.single-post .site-content {
    flex-direction: row;
  }
  
  body.single-post #right-sidebar {
    display: block;
  }
  
  body.single-post .content-area {
    flex: 1;
  }
}


/* Section Spacing */
.section-xs {
    padding: var(--section-xs-padding);
}

.section-s {
    padding: var(--section-s-padding);
}

.section-m {
    padding: var(--section-m-padding);
}

.section-d {
    padding: var(--section-d-padding);
}

.section-l {
    padding: var(--section-l-padding);
}

.section-xl {
    padding: var(--section-xl-padding);
}

.padding-sp-horizontal {
  padding-left: var(--padding-sp-horizontal);
  padding-right: var(--padding-sp-horizontal);
}

/*** 4. THEME COMPONENTS ***/

/* Button Styles */
.gb-button {
    line-height: 1em;
	transition: all 0.3s ease;
}

/* Container Styles */ 
/*Remove bottom margin on last paragraph*/
.gb-container p:last-child:last-of-type {
    margin-bottom: 0;
}

.block-editor-block-list__layout .gb-container p:nth-last-child(2) {
    margin-bottom: 0;
}

/*text selection highlight color*/
::selection {
  background: var(--contrast); /* background */
  color: var(--surface-0);       /* text */
}

::-moz-selection {
  background: var(--contrast);
  color: var(--surface-0);
}
/*end text selection highlight color*/


/*** 5. UTILITY CLASSES ***/

/* Visually Hidden */
.visually-hidden:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* Stretch link on Card  */ 

.stretch-link{
	position: relative;
}

.stretch-link a::after{
	content: '';
	position: absolute;
	inset: 0;
}

.stretch-link a:is(:focus-visible)::after{
	outline: 2px solid;
}

.stretch-link a:is(:hover, :focus){
	outline: none;
}

/* END Stretch link on Card  */ 



/* CF7 Contact form */

.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="email"] {
    width: 70%;
    padding: 10px;
	margin-top: 0.5em;
    box-sizing: border-box; /* includes padding in width calculation */
}

.wpcf7 form .wpcf7-response-output {
	margin-left: 0em;
	width: 70%;
}

.wpcf7-form-control.wpcf7-submit.has-spinner {
    padding: 10px 15px !important;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1) !important;
}

.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: var(--surface-0) !important;
    color: var(--surface-50) !important;
}

.wpcf7-list-item {
    margin: 0 !important;
}

/* Mobile Layout */
@media (max-width: 600px) {
    .wpcf7-form-control-wrap input[type="text"],
    .wpcf7-form-control-wrap input[type="email"] {
        width: 100%;
        padding: 10px;
        margin-top: 0.5em;
        box-sizing: border-box;
    }
    
    .wpcf7 form .wpcf7-response-output {
        width: 100%;
    }
}

/*button styling*/
.wpcf7-form-control.wpcf7-submit.has-spinner {
    padding: 10px 15px !important;
	font-weight: bold;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1) !important;
}

/*ENDS button styling*/

/* End CF7 Contact form */


/* ==============================================
   COMMENTS SECTION STYLING
   ============================================== */

/* Comment Section Titles */
.comment-reply-title,
.comments-title {
    font-size: var(--fs-h3);
    font-weight: 700;
    color: var(--surface-50);
    margin-top: 1em;
}

/* Comment Form Container */
.comment-respond {
    background-color: var(--surface-10);
    padding: 35px;
    margin: 0;
	margin-bottom: 40px;
}


/* ==============================================
   BUTTON STYLING
   ============================================== */

/* Base Button Styles */
.comment-form .submit,
.comment-reply-link {
    display: inline-block;
    padding: 10px 20px;
    font-weight: bold;
    line-height: 1;
    color: var(--surface-0) !important;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
    position: relative;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: color 0.3s ease, background-color 0.3s ease;
}

/* Submit Button */
.comment-form .submit {
    /* Add specific styles if needed */
}

/* Reply Link */
.comment-reply-link {
    background-color: var(--surface-50);
    width: fit-content;
}

.comment-reply-link:hover {
    background-color: var(--contrast);
    text-decoration: none;
}

/* Cancel Reply Link */
#cancel-comment-reply-link {
    padding-left: 30px;
    font-size: var(--fs-body-s);
    text-decoration: underline;
}

/* Comment Navigation */
.comment-navigation {
    display: flex;
    justify-content: center;
    gap: 20px;
    width: 100%;
    margin: 40px 0;
    text-align: center;
}

.comment-navigation .nav-previous,
.comment-navigation .nav-next {
    display: inline-block;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
}

.comment-navigation a {
    display: inline-block;
    padding: 12px 30px;
    min-width: 160px;
    margin-bottom: 1em;
    background-color: var(--surface-50);
    color: var(--surface-0);
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.95em;
    line-height: 1.5;
    border: none;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    transition: color 0.3s ease, background-color 0.3s ease;
}

.comment-navigation a:hover {
    background-color: var(--contrast);
    color: var(--surface-0);
    transform: none;
}

/* Responsive */
@media (max-width: 600px) {
    .comment-navigation {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
    .comment-navigation a {
        width: 100%;
        max-width: 220px;
        padding: 10px 20px;
    }
}


/* ==============================================
   RESPONSIVE ADJUSTMENTS
   ============================================== */

@media (max-width: 768px) {
    .comment .children {
        padding-left: 15px;
        margin-left: 10px;
    }
    
    .comment-content {
        padding: 20px;
    }
    
    .comment-respond {
        padding: 25px;
    }
}


/* Query Pagination Buttons Styling */

.page-numbers.current {
  background-color: var(--surface-10) !important;
	
	border: 5px solid var(--surface-10) !important;
}


.page-numbers:not(.current):hover {
    background-color: var(--surface-10);
}
/* END Query Pagination Buttons Styling */



/* Weekly Newsletter */
.form-inline-complex-layout {
    display: flex;   
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
}


.form-column-item {
    display: flex;  
    flex-direction: column; 
    flex: 1;  
}


.form-column-item.submit-column {
    flex: 0 0 auto;
}



.form-column-item label {
    display: block;   
    font-weight: bold;
    width: 100%;
}


.form-column-item .column-field-input,
.form-column-item input[type="text"],
.form-column-item input[type="email"] {
    width: 100%;  
    box-sizing: border-box;
}


.form-column-item .inline-button.wpcf7-submit {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}



@media (max-width: 650px) {
    .form-inline-complex-layout {
        flex-direction: column;
        align-items: stretch;
    }

    .form-column-item,
    .form-column-item.submit-column {
         width: auto;
         min-width: auto;
         flex: 0 0 auto;
    }


    .form-column-item label,
    .form-column-item .column-field-input {
         width: 100%; 
    }



     .form-column-item .inline-button.wpcf7-submit {
         width: 100%;
     }
}

/* End Weekly Newsletter */



.dynamic-featured-image {
    border-radius: 17px;
}




/*       Affiliate STYLE CSS        */



.pillar-wrap {
  max-width: 828px;
  margin: 2px auto;
  padding: 0 16px;
}

.pillar-row {
  display: flex;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #eee;
}

.pillar-row:last-child {
  border-bottom: none;
}

.pillar-row img {
  width: 150px;
  height: 145px;
  object-fit: cover;
  border-radius: 12px;
  flex-shrink: 0;
  margin-top: 3px;
}

.pillar-body h2 {
  font-size: 20px;
  font-weight: 500;
  margin: 6px 0;
}

.pillar-body h2 a {
  text-decoration: none;
  color: #111;
}

.pillar-body p {
  font-size: 16px;
  color: #666;
  margin: 0;
}

.pillar-cat {
  font-size: 15px;
  font-weight: 600;
  color: #0047A1; /* fall vibe */
}

/* Button */
.pillar-btn {
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  padding: 3px 6px;
  border-radius: 8px;
  color: #0047A1;
  text-decoration: none;
}

.pillar-btn:hover {
  background: #1C6CD6;
  color: #EBEEF5;
}

.img-style {

  box-shadow: 1px 1px 2px 2px rgba(64,113,157,0.22);

}


/* Mobile Responsive */
@media (max-width: 600px) {

  .pillar-row {
    flex-direction: column;
    align-items: center;
    text-align: left;
    gap: 12px;
  }

  .pillar-row img {
    width: 100%;
    max-width: 260px;
    height: auto;
    margin-top: 0;
  }

  .pillar-body {
    width: 100%;
  }

  .pillar-body p {
    font-size: 15px;
    line-height: 1.6;
  }

  .pillar-wrap {
    padding: 0 8px;
  }

  .pillar-btn {
    display: inline-block;
    font-size: 15px;
    margin-top: 10px;
  }

}




/*        IMPORTANT FULL DESIGN SITE          */


* {
	user-select: none;
}

body.single-post .site-content {
  column-gap: 0;
}
.wp-block-separator {
    border-top: 2px solid #006fff0d;
    border-radius: 34%;
}

.N4IhTMOZQD5jAM2uNjEgAF2MQDwND2j N4IhTMOZQD5jAM2uNjEgAF2MQDwND2jtheme--light {
		display: none;
}


h1 {
	font-size: 29px !important;
	background: none !important;
	box-shadow: 0px !important;
	border-left: 0px !important;
	box-shadow: 0px 0px 0px #ffffff14 !important;
	padding: 0px !important;
}

h2, .fs-h2 {
    font-size: 23px;
	font-weight: bold;
    background: #39a2d52e;
    padding: 12px 11px;
    border-left: 5px solid;
    border-radius: 6px;
    box-shadow: 3px 3px 0px #3d526114;
}

h3 {
	font-size: 22px;
}


h4 {
	font-size: 21px;
}

/*  ============   CSS DESIGN FOR SEARCH STYLING FORM     ========  */

.wp-block-search.aligncenter {
    margin: 0 auto 40px;
}

.wp-block-search__inside-wrapper {
    display: flex !important;
    justify-content: center;
    max-width: 850px;
    width: 100% !important;
}

.wp-block-search__input {
    flex: 1;
    padding: 14px 18px;
    font-size: 18px;
    border: 2px solid #fff;
    border-right: none;
    border-radius: 8px 0 0 8px;
    transition: 0.3s;
}

.wp-block-search__input:focus {
    outline: none;
    border-color: #054a87;
}

.wp-block-search__button {
    background: #054a87;
    border: 2px solid #054a87;
    border-radius: 0 8px 8px 0;
    padding: 14px 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wp-block-search__button svg {
    width: 24px;
    height: 24px;
    fill: #fff;
}

.wp-block-search__button:hover {
    background: #023766;
    border-color: #023766;
}







/* === Keyword Buttons Under Search === */
.search-keywords {
    margin-top: 20px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

/* Base Style */
.search-keywords a {
    display: inline-block;
    padding: 8px 14px;
    background: #054a87;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
    text-decoration: none;
    transition: transform .25s ease;
    
    /* Animated Glow */
    animation: glowingBG 2.5s ease-in-out infinite;
}

/* Hover Grow */
.search-keywords a:hover {
    transform: scale(1.08);
    background: #023766;
}

/* Glow Keyframes */
@keyframes glowingBG {
    0% {
        background-color: #054a87;
        box-shadow: 0 0 4px rgba(5,74,135, 0.3);
    }
    50% {
        background-color: #0a6ac1; /* lighter blue glow */
        box-shadow: 0 0 16px rgba(10,106,193, 0.7), 0 0 28px rgba(10,106,193, 0.4);
    }
    100% {
        background-color: #054a87;
        box-shadow: 0 0 4px rgba(5,74,135, 0.3);
    }
}

/* Fade-in Slide Animation (optional) */
@keyframes fadeInSlide {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}

.search-keywords a {
    animation: fadeInSlide 0.5s ease forwards, glowingBG 2.5s ease-in-out infinite;
}

.search-keywords a:nth-child(1) { animation-delay: 0.3s, 0s; }
.search-keywords a:nth-child(2) { animation-delay: 0.4s, 0.5s; }
.search-keywords a:nth-child(3) { animation-delay: 0.5s, 0.6s; }
.search-keywords a:nth-child(4) { animation-delay: 0.6s, 0.7s; }
.search-keywords a:nth-child(5) { animation-delay: 0.7s, 0.8s; }
.search-keywords a:nth-child(6) { animation-delay: 0.8s, 0.9s; }




/*     FOR SIDEBAR STYLING KEYWORDS KEYS    */

/* ---- Recipe Key Sidebar Styles ---- */
.recipe-key-sidebar {
    background: #fff;
    border: 1px solid #ddd;
    padding: 18px 15px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.recipe-key-sidebar h3 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #054a87;
    margin-bottom: 12px;
    position: relative;
}

/* underline effect */
.recipe-key-sidebar h3::before,
.recipe-key-sidebar h3::after {
    content: "";
    display: block;
    height: 2px;
    width: 40px;
    background: #88c24f;
    margin: 6px auto;
}

.recipe-key-sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.recipe-key-sidebar li {
    margin: 8px 0;
}

.recipe-key-sidebar a {
    text-decoration: none;
    font-size: 16px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* icon circle */
.rk-icon {
    display: inline-flex;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

/* individual colors */
.rk-icon.af { background: #e74c3c; }
.rk-icon.df { background: #27ae60; }
.rk-icon.fm { background: #16a085; }
.rk-icon.gf { background: #c0392b; }
.rk-icon.hp { background: #8e44ad; }
.rk-icon.hf { background: #f39c12; }
.rk-icon.kf { background: #3498db; }
.rk-icon.lc { background: #9b59b6; }
.rk-icon.mp { background: #e67e22; }
.rk-icon.pc { background: #2980b9; }
.rk-icon.sc { background: #d35400; }
.rk-icon.uq { background: #c0392b; }
.rk-icon.v  { background: #27ae60; }
.rk-icon.w  { background: #2ecc71; }

/* hover */
.recipe-key-sidebar a:hover .rk-icon {
    transform: scale(1.2);
    transition: .2s ease;
}

.recipe-key-sidebar a:hover {
    font-weight: 600;
	font-size: 17px;
}


/* === Sidebar Calculators Recipe Key Style === */
.recipe-calculator-key {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 12px;
    padding: 20px 16px;
    margin-bottom: 30px;
}

.rk-heading {
    font-size: 20px;
    font-weight: 600;
    color: #0a3d62;
    text-align: center;
    margin-bottom: 14px;
    position: relative;
}

/* Underline */
.rk-heading::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #88c24f;
    margin: 6px auto 0;
    border-radius: 2px;
}

.rk-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.rk-list li {
    display: flex;
    align-items: center;
    font-size: 15px;
    padding: 8px 6px;
    margin: 6px 0;
    color: #333;
    border-radius: 6px;
    transition: background 0.25s, color 0.25s;
}

/* Emoji icons */
.rk-emoji {
    font-size: 22px;
    margin-right: 10px;
}

/* Hover highlight */
.rk-list li:hover {
    background: #f5f8fa;
    color: #0a3d62;
}



/* FORCE Sidebar Element to show on phones, tablets & other devices */



@media (max-width: 768px) {
    .sidebar {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}


@media (max-width: 1200px) {
    /* ensure the sidebar shows */
    .sidebar,
    .inside-right-sidebar,
    .inside-left-sidebar {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
			width: 100%;
    }
  }
}


/* Mobile Jump Links Bar Frorms */
.mobile-jump-links {
    text-align: center;
    font-size: 14px;
    padding: 8px 0;
    background: #f9f9f9;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 8px 0;
}

.mobile-jump-links a {
    color: #1c5c94;
    text-decoration: none;
    font-weight: 400;
}

.mobile-jump-links span {
    color: #777;
    margin: 0 4px;
}

.mobile-jump-links a:hover {
    color: black;
}

/* show only on smaller screens */
@media (min-width: 769px) {
    .mobile-jump-links {
        display: none;
    }
}




/* ---- CENTER Categories Properly ---- */
.categories_wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100%;
}

.categories_block {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 24px !important;
    margin: 0 auto !important;
    padding: 12px 0 !important;
}