/* --------------------   edited jul 26   -------------------- */
/* -------------------- -------------------- --------------------
 * swarnolata.org/style/style-foundation.css
 * Custom style for all pages of website | foundation.swarnolata.org
 * (present - swarnolata.org/)
 * Author:  Subrato Paul at Swarnolata Digital
 * Website: https://swarnolata.org/
 * CSS used here will be applied after swarnolata-ui.css.css
 * Basic layout: Header, Content, Footer
 * Description: One-column 992px responsive layout with fixed top nav bar, sticky footer, no sidebar.
 * Theme Color Scheme: #0000ff
 * -------------------- -------------------- -------------------- */
@charset 'UTF-8';
/* --------------------       | import       -------------------- */
/*  
@import url('https://swarnolata.com/swarnolata-f/style/swarnolata-color.css');
*/
/* --------------------       import |       -------------------- */
/* -------------------- -------------------- -------------------- */
/*                   | foundation color palette                   */
/* tool used - 
   https://m2.material.io/inline-tools/color/ 
   https://htmlcolorcodes.com/color-picker/
   https://oklch.com/
   https://oklch.net/
   https://oklch.fyi/create
 * base (brand) | alt (Analogous 1) | com (complementary)
 * base (brand) > primary | secondary | tertiary
 * use only 5 colors 90, 70, base/alt/com 50, 30, 10
 * -------------------- -------------------- -------------------- */
/* -------------------- -------------------- -------------------- */
/* | foundation color palette */
:root,
[data-s-theme='foundation'] {
  /* color conversion */
  --s-base-hex: #0000ff;
  --s-base-rgb: rgb(0, 0, 255);
  --s-base-hsl: hsl(240, 100%, 50%);
  --s-base-oklch: oklch(0.452014 0.313214 264.052);
  --s-brand: oklch(0.452014 0.313214 264.052);
  /* lch components as variables */
  --s-base-l: 0.452014; /* lightness */
  --s-base-c: 0.313214; /* saturation */
  --s-base-h: 264.052; /* hue */
  /* combine lch into a color */
  --s-base-50: oklch(
                var(--s-base-l) 
                var(--s-base-c) 
                var(--s-base-h));
  --s-base-a: 1;  
  --s-base-a75: 0.75;             
  --s-base-a50: 0.50;
  --s-base-a25: 0.25;
  --s-base-50-a: oklch(
               var(--s-base-l / var(--s-base-a)) 
               var(--s-base-c) 
               var(--s-base-h));
  --s-base-50-a75: oklch(
               var(--s-base-l / var(--s-base-a75)) 
               var(--s-base-c) 
               var(--s-base-h));
  --s-base-50-a50: oklch(
               var(--s-base-l / var(--s-base-a50)) 
               var(--s-base-c) 
               var(--s-base-h));
  --s-base-50-a25: oklch(
               var(--s-base-l / var(--s-base-a25)) 
               var(--s-base-c) 
               var(--s-base-h));                                                
  --s-base-web-safe: #0000ff
/* -------------------- -------------------- */
  /* REVISED - NOT PASSED ? */
  /* foundation sub-palette 
     lighter, light, base, dark, darker */
/* -------------------- -------------------- */
  --blue-100: oklch(0.96 0.02 264.1); /* X #ebf2ff */
  --blue-200: oklch(0.92 0.04 264.1); /* X #d7e5ff */
  --blue-300: oklch(0.85 0.08 264.1); /* X #b3ceff */
  --blue-400: oklch(0.79 0.11 264.1); /* X #97baff */
  --blue-500: oklch(0.71 0.16 264.1); /* X #6f9fff */
  --blue-600: oklch(0.62 0.14 264.1); /* #5a83da */
  --blue-700: oklch(0.53 0.12 264.1); /* #4869b1 */
  --blue-800: oklch(0.41 0.1 264.1); /* #2e4880 */
  --blue-900: oklch(0.3 0.07 264.1); /* #1b2c51 */
  --blue-1000: oklch(0.11 0.03 264.1); /* #01040f */
/* -------------------- -------------------- */
/*
https://oklch.fyi/create
Number of Colors  - 13
Color Space - Display P3
X - P3 is unavailable on this monitor
Y - Rec2020 is unavailable on this monitor
*/
/* -------------------- -------------------- */
  --s-base-100: oklch(0.852 0.08 264.052); /* Y #b4cfff blue-white */
  --s-base-95: oklch(0.785 0.118 264.052); /* X #92b8ff */
  --s-base-90: oklch(0.719 0.158 264.052); /* Y #71a0ff lighter */
  /* edit
  filter: invert(92%) sepia(47%) saturate(4193%) hue-rotate(171deg) brightness(101%) contrast(101%);
  Loss: 4.1. This is close enough.
  */
  --s-base-80: oklch(0.652 0.199 264.052); /* X #4f87ff */
  --s-base-70: oklch(0.585 0.243 264.052); /* Y #2c6aff light */
  --s-base-60: oklch(0.519 0.287 264.052); /* X #0645ff */
  --s-base-50: oklch(0.452 0.313 264.052); /* X #0000ff base */
  --s-base-40: oklch(0.385 0.267 264.052); /* X #0000ce */
  --s-base-30: oklch(0.319 0.221 264.052); /* #0000a0 dark */
  --s-base-20: oklch(0.252 0.175 264.052); /* X #000074 */
  --s-base-10: oklch(0.185 0.128 264.052); /* #00004a darker */
  --s-base-05: oklch(0.119 0.082 264.052); /* #000025 */
  --s-base-0: oklch(0.052 0.036 264.052); /* #000005 blue-black */
  /* very light (mostly white) base edit */
  --s-base-light: oklch(0.852 0.08 264.052); /* Y #b4cfff blue-white */
  /* very dark (mostly black) base edit */
  --s-base-dark: oklch(0.052 0.036 264.052); /* #000005 blue-black */
/* -------------------- -------------------- */
  --s-alt-100: oklch(0.95 0.025 256.099); /* X #e4f0ff */
  --s-alt-95: oklch(0.894 0.053 256.099); /* X #c6deff */
  --s-alt-90: oklch(0.838 0.082 256.099); /* X #a7cdff */
  --s-alt-80: oklch(0.783 0.113 256.099); /* X #88bbff */
  --s-alt-70: oklch(0.727 0.145 256.099); /* X #67a8ff */
  --s-alt-60: oklch(0.671 0.177 256.099); /* X #4295ff */
  --s-alt-50: oklch(0.615 0.211 256.099); /* X alt #0080ff */
  --s-alt-40: oklch(0.548 0.223 256.099); /* X #0068ee */
  --s-alt-30: oklch(0.482 0.196 256.099); /* X #0057c9 */
  --s-alt-20: oklch(0.415 0.169 256.099); /* X #0046a4 */ 
  --s-alt-10: oklch(0.348 0.142 256.099); /* X #003581 */ 
  --s-alt-05: oklch(0.282 0.115 256.099); /* X #002660 */
  --s-alt-0: oklch(0.215 0.087 256.099); /* X #001740 */  
  /* very light (mostly white) alt */
  --s-alt-light: oklch(0.95 0.025 256.099); /* X #e4f0ff */
  /* very dark (mostly black) alt */
  --s-alt-dark: oklch(0.215 0.087 256.099); /* X #001740 */
/* -------------------- -------------------- */
/* edit */
  --s-com-100: oklch(0.95 0.032 52.985); /* X #ffe9db */
  --s-com-95: oklch(0.914 0.057 52.985); /* X #ffd9c0 */
  --s-com-90: oklch(0.877 0.084 52.985); /* X #ffc8a3 */
  --s-com-80: oklch(0.841 0.112 52.985); /* X #ffb685 */
  --s-com-70: oklch(0.805 0.141 52.985); /* X #ffa463 */
  --s-com-60: oklch(0.768 0.172 52.985); /* X #ff9037 */
  --s-com-50: oklch(0.732 0.186 52.985); /* X com #ff8000 */
  --s-com-40: oklch(0.665 0.169 52.985); /* X #e17000 */
  --s-com-30: oklch(0.599 0.152 52.985); /* #c36100 */
  --s-com-20: oklch(0.532 0.135 52.985); /* #a75100 */ 
  --s-com-10: oklch(0.465 0.118 52.985); /* #8b4300 */
  --s-com-05: oklch(0.399 0.101 52.985); /* #703500 */
  --s-com-0: oklch(0.332 0.084 52.985); /* #562700 */
  /* very light (mostly white) com */
  --s-com-light: oklch(0.95 0.032 52.985); /* #ffe9db */
  /* very dark (mostly black) com */
  --s-com-dark: oklch(0.332 0.084 52.985); /* #562700 */
}
/* -------------------- -------------------- */
.btn-com {
  color: oklch(var(--s-com-100));
  background-color: oklch(var(--s-com-50));
}
.btn-com:hover {
  color: oklch(var(--s-com-50));
  background-color: oklch(var(--s-com-100));
}
/* edit 
.btn-com {
  --s-btn-color: #000;
  --s-btn-bg: #ffc107;
  --s-btn-border-color: #ffc107;
  --s-btn-hover-color: #000;
  --s-btn-hover-bg: #ffca2c;
  --s-btn-hover-border-color: #ffc720;
  --s-btn-focus-shadow-rgb: 217, 164, 6;
  --s-btn-active-color: #000;
  --s-btn-active-bg: #ffcd39;
  --s-btn-active-border-color: #ffc720;
  --s-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --s-btn-disabled-color: #000;
  --s-btn-disabled-bg: #ffc107;
  --s-btn-disabled-border-color: #ffc107;
}
*/
/* -------------------- -------------------- */
/* edit */
/* | alerts */
:root {
  --s-info-50: #d8fff8;
  --s-info-200: #18fedc; 
  --s-info: #00e6af;
  --s-info-700: #00c28b;
  --s-info-900: #00915a;

  --s-warning-50: #fff7e1;
  --s-warning-200: #ffdc82;
  --s-warning: #ffba18;
  --s-warning-700: #ff9a16;
  --s-warning-900: #fe6918; 

  --s-error-50: #ffebf0;
  --s-error-200: #fc989f;
  --s-error: #fe183a;
  --s-error-700: #eb0034;
  --s-error-900: #d1001e;

  --s-success-50: #f5ffe8;
  --s-success-200: #d6ff9c;
  --s-success: #adfe18;
  --s-success-700: #97d300;
  --s-success-900: #779200;
}
/* alerts | */

/* -------------------- -------------------- */
/* -------------------- -------------------- */
/* [data-s-theme='digital'] | */
/* -------------------- -------------------- */
/* [data-bs-theme='light'] | */
:root,
[data-bs-theme='light'] {

  --bs-emphasis-color: oklch(0 0 0); /*#000;*/
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-emphasis-color: oklch(var(--s-base-10));
  --bs-emphasis-color: oklch(var(--s-base-90));

  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;



  --bg-color: var(--s-base-light) !important; /* var(--s-white) */
  --text-color: var(--s-base-dark) !important;  /* var(--s-black) */
  --heading-color: var(--s-base-10) !important; 

  --switch-bg: lime !important; /* ? #ccc Light grey switch background */
  --slider-color: cyan; /* ? #fff White toggle circle */
}
/* [data-bs-theme='light'] | */
/* -------------------- -------------------- */
/* [data-bs-theme='dark'] | */
:root,
[data-bs-theme='dark'] {
  --bg-color: var(--s-base-dark) !important;  /* var(--s-black) */
  --text-color: var(--s-base-light) !important;  /* var(--s-white) */
  --heading-color: var(--s-base-90) !important; 
    
  --switch-bg: cyan !important;  /* ? #666 Darker switch background */
  --slider-color: #fff; /* Keep toggle circle white */
}
/* [data-bs-theme='dark'] | */
/* -------------------- -------------------- */
/* | analogous */
:root {
  --s-ana-50: #fff7e0;
    --s-ana2-50: #d9fffb;
}
/* analogous | */
/* -------------------- -------------------- */
/* | triadic */
:root {
  --s-tri-50: #fff7e0;
 --s-tri2-50: #fde3f1;  
}
/* triadic | */
/* -------------------- -------------------- */
/* |  */
:root {

}
/*  | */
/* -------------------- -------------------- */
:root {

}
/*  | */
/* -------------------- -------------------- */

/* | tints */
:root {
/* Color Variations */
  --s-tint1: oklch(0.97 0.01 252); /* */
  --s-tint2: oklch(0.95 0.03 248); /* */
  --s-tint3: oklch(0.92 0.04 249); /* */
  --s-tint4: oklch(0.90 0.05 248); /* */  
  --s-tint5: oklch(0.87 0.07 248); /* */
  --s-tint6: oklch(0.85 0.08 247); /* */
  --s-tint7: oklch(0.82 0.10 246); /* */
  --s-tint8: oklch(0.79 0.11 245); /* */  
  --s-tint9: oklch(0.77 0.13 245); /* */
  --s-tint10: oklch(0.74 0.14 243); /* */
  --s-base-50: oklch(var(--s-brand)); /* */
/* tints | */
/* | shades */  
  --s-base-50: oklch(var(--s-brand)); /* */
  --s-shade2: oklch(0.66 0.15 241); /* */
  --s-shade3: oklch(0.61 0.13 242); /* */
  --s-shade4: oklch(0.56 0.12 242); /* */  
  --s-shade5: oklch(0.50 0.10 243); /* */
  --s-shade6: oklch(0.45 0.09 243); /* */
  --s-shade7: oklch(0.40 0.07 243); /* */
  --s-shade8: oklch(0.35 0.06 244); /* */  
  --s-shade9: oklch(0.30 0.04 244); /* */
  --s-shade10: oklch(0.24 0.03 247); /* */
  --s-shade11: oklch(0.19 0.02 249); /* */
}
/* shades | */
/* -------------------- -------------------- */

/* -------------------- -------------------- */ 
/* | conversion */
.s-base-hex {
  background-color: var(--s-hex); /* #18adfe */
}
.s-base-rgb {
  background-color: var(--s-rgb); /* rgb(24, 173, 254) */
}
.s-base-hsl {
  background-color: var(--s-hsl); /* hsl(201, 99%, 55%) */
}
.s-base-oklch {
  background-color: var(--s-brand); /* oklch(0.715 0.1623 241.18) */
}
.s-base-brand {
  background-color: var(--s-brand); /* oklch(0.715 0.1623 241.18) */
}
/* conversion | */
/* -------------------- -------------------- */

/* -------------------- -------------------- */
/* | base */
.s-base-95 {
  background-color: var(--s-base-95); /* oklch() */
}
.s-base-90 {
  background-color: var(--s-base-90); /* #b5e7ff */
}
.s-base-80 {
  background-color: var(--s-base-80); /* oklch() */
}
.s-base-70 {
  background-color: var(--s-base-70); /* oklch() */
}
.s-base-60 {
  background-color: var(--s-base-60); /* oklch() */
}
.s-base-50 {
  background-color: var(--s-brand); /* #18adfe */
}
.s-base-50-fg {
  color: var(--s-base-50); /* #fdf7e1; 50 */
}
.s-base-50-bg {
  background-color: var(--s-base-50); /* #fdf7e1; 50 */
}

.s-base-40 {
  background-color: var(--s-base-40); /* oklch() */
}
.s-base-30 {
  background-color: var(--s-base-30); /* oklch() */
}
.s-base-20 {
  background-color: var(--s-base-20); /* oklch() */
}
.s-base-10 {
  background-color: var(--s-base-10); /* oklch() */
}
.s-base-05 {
  background-color: var(--s-base-05); /* oklch() */
}
/* base | */
/* -------------------- -------------------- */
/* | alt */
.s-alt-95 {
  background-color: var(--s-alt-95); /* oklch() */
}
.s-alt-90 {
  background-color: var(--s-alt-90); /* oklch() */
}
.s-alt-80 {
  background-color: var(--s-alt-80); /* oklch() */
}
.s-alt-70 {
  background-color: var(--s-alt-70); /* oklch() */
}
.s-alt-60 {
  background-color: var(--s-alt-60); /* oklch() */
}
.s-alt-50 {
  background-color: var(--s-alt-50); /* oklch() */
}
.s-alt-40 {
  background-color: var(--s-alt-40); /* oklch() */
}
.s-alt-30 {
  background-color: var(--s-alt-30); /* oklch() */
}
.s-alt-20 {
  background-color: var(--s-alt-20); /* oklch() */
}
.s-alt-10 {
  background-color: var(--s-alt-10); /* oklch() */
}
.s-alt-05 {
  background-color: var(--s-alt-05); /* oklch() */
}
/* alt | */
/* -------------------- -------------------- */
/* |  */
.s-com-0 {
  background-color: var(--s-com-0); /* ? */
}

.s-com-95 {
  background-color: var(--s-com-95); /* oklch() */
}
.s-com-90 {
  background-color: var(--s-com-90); /* oklch() */
}
.s-com-80 {
  background-color: var(--s-com-80); /* oklch() */
}
.s-com-70 {
  background-color: var(--s-com-70); /* oklch() */
}
.s-com-60 {
  background-color: var(--s-com-60); /* oklch() */
}
.s-com-50 {
  background-color: var(--s-com-50); /* oklch() */
}
.s-com-40 {
  background-color: var(--s-com-40); /* oklch() */
}
.s-com-30 {
  background-color: var(--s-com-30); /* oklch() */
}
.s-com-20 {
  background-color: var(--s-com-20); /* oklch() */
}
.s-com-10 {
  background-color: var(--s-com-10); /* oklch() */
}
.s-com-05 {
  background-color: var(--s-com-05); /* oklch() */
}
/*  | */
/* -------------------- -------------------- */
/* |  */

.s-base-light {
  color: var(--s-base-dark);
  background-color: var(--s-base-light); 
  border: 1px solid var(--s-base-dark);  
}
.s-base-light-fg {
  color: var(--s-base-light);
}
.s-base-light-bg {
  background-color: var(--s-base-light); 
}
.s-base-light-b {
  border: 1px solid var(--s-base-light);
}
.s-base-dark {
  color: var(--s-base-light);
  background-color: var(--s-base-dark); 
  border: 1px solid var(--s-base-light);
}
.s-base-dark-fg {
  color: var(--s-base-dark);
}
.s-base-dark-bg {
  background-color: var(--s-base-dark); 
}
.s-base-dark-b {
  border: 1px solid var(--s-base-dark);
}

/*  | */
/* -------------------- -------------------- */
/* |  */

/*  | */
/* -------------------- -------------------- */


/* -------------------- -------------------- -------------------- */
/* -------------------- -------------------- */
/* -------------------- */
/* from swarnolata-preserve.css */
/* | Navbar */
/* X? --bs-emphasis-color */
.navbar {
  --bs-navbar-color: oklch(from var(--s-base-90) l c h / 0.65);
  --bs-navbar-hover-color: oklch(from var(--s-base-90) l c h / 0.8);
  --bs-navbar-disabled-color: oklch(from var(--s-base-90) l c h / 0.3);
  --bs-navbar-active-color: oklch(from var(--s-base-90) l c h / 1);
  --bs-navbar-brand-color: oklch(from var(--s-base-90) l c h / 1);
  --bs-navbar-brand-hover-color: oklch(from var(--s-base-90) l c h / 0.8);

  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: oklch(from var(--s-base-90) l c h / 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
/* -------------------- */
.navbar-nav {
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.dropdown-menu {
  --bs-dropdown-zindex: 9999;
}
.navbar-text {
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
/* -------------------- */
.nav-bar-toggler {
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
/* -------------------- -------------------- */

/* -------------------- -------------------- -------------------- */
/* | s-nav-bar-light */
/* not in bs5 */
.s-nav-bar-light .s-nav-bar-brand {
  color: rgba(11, 67, 170, 0.9);
}
.s-nav-bar-light .s-nav-bar-brand:hover,
.s-nav-bar-light .s-nav-bar-brand:focus {
  color: rgba(11, 67, 170, 0.9);
}
.s-nav-bar-light .s-nav-bar-nav .nav-link {
  color: rgba(11, 67, 170, 0.55);
}
.s-nav-bar-light .s-nav-bar-nav .nav-link:hover,
.s-nav-bar-light .s-nav-bar-nav .nav-link:focus {
  color: rgba(11, 67, 170, 0.7);
}
.s-nav-bar-light .s-nav-bar-nav .nav-link.disabled {
  color: rgba(11, 67, 170, 0.3);
}
.s-nav-bar-light .s-nav-bar-nav .show > .nav-link,
.s-nav-bar-light .s-nav-bar-nav .nav-link.active {
  color: rgba(11, 67, 170, 0.9);
}
.s-nav-bar-light .s-nav-bar-toggler {
  color: rgba(11, 67, 170, 0.55);
  border-color: rgba(11, 67, 170, 0.1);
}
.s-nav-bar-light .s-nav-bar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.s-nav-bar-light .s-nav-bar-text {
  color: rgba(11, 67, 170, 0.55);
}
.s-nav-bar-light .s-nav-bar-text a,
.s-nav-bar-light .s-nav-bar-text a:hover,
.s-nav-bar-light .s-nav-bar-text a:focus {
  color: rgba(11, 67, 170, 0.9);
}
/* s-nav-bar-light | */
/* -------------------- -------------------- -------------------- */
/* | s-nav-bar-dark */
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.s-nav-bar-dark .s-nav-bar-brand {
  color: #e2f2fe; /* 50 */
}
.s-nav-bar-dark .s-nav-bar-brand:hover, 
.s-nav-bar-dark .s-nav-bar-brand:focus {
  color: #e2f2fe;
}
.s-nav-bar-dark .s-nav-bar-nav .nav-link {
  color: rgba(226, 242, 254, 0.5);
}
.s-nav-bar-dark .s-nav-bar-nav .nav-link:hover, 
.s-nav-bar-dark .s-nav-bar-nav .nav-link:focus {
  color: rgba(226, 242, 254, 0.75);
}
.s-nav-bar-dark .s-nav-bar-nav .nav-link.disabled {
  color: rgba(226, 242, 254, 0.25);
}
.s-nav-bar-dark .s-nav-bar-nav .show > .nav-link,
.s-nav-bar-dark .s-nav-bar-nav .nav-link.active {
  color: #e2f2fe;
}
.s-nav-bar-dark .s-nav-bar-toggler {
  color: rgba(226, 242, 254, 0.5);
  border-color: rgba(226, 242, 254, 0.1);
}
.s-nav-bar-dark .s-nav-bar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.s-nav-bar-dark .s-nav-bar-text {
  color: rgba(226, 242, 254, 0.5);
}
.s-nav-bar-dark .s-nav-bar-text a,
.s-nav-bar-dark .s-nav-bar-text a:hover,
.s-nav-bar-dark .s-nav-bar-text a:focus {
  color: #e2f2fe;
}
/* s-nav-bar-dark | */
/* Navbar | */

/* -------------------- -------------------- -------------------- */
/* -------------------- */
/* 
Remove 'dropdown-toggle' class. Dropdown will still work if you have 'data-toggle' attribute.
or Use css as below.
*/
.navbar-nav .dropdown-toggle.no-caret::after {
  display: none;
}
.navbar-nav .rotate-caret {
  transform: scale(1.0);
}
.navbar-nav .dropdown-toggle[aria-expanded=false] > .rotate-caret {
  transform: scale(1.0) rotate(180deg);
  transition: 0.5s; 
} 
.navbar-nav .dropdown-toggle[aria-expanded=true] > .rotate-caret {
  transition: 0.5s; 
}

/* testing */
.navbar-nav .rotate-caret:hover,
.navbar-nav .rotate-caret:focus {
  color: rgba(226, 246, 255, 0.75) !important;
}

#nav-dig .card-dropdown {
  text-align: inherit;
  font-weight:400;
  font-size: 0.875rem;
  padding: 0;
  border-radius: 0 0 0.5rem 0.5rem;
  margin: 0;
  z-index: 99; /* ? */
}
#nav-dig .card-dropdown {
  color: var(--s-base-50); /* #e2f6ff; 50 */
  background-color: rgba(131, 215, 255, 0.85); /* 200 */
  background-clip: padding-box; /* ? */
  border: 1px solid rgba(19, 90, 164, 0.15); /* 900 */
  -webkit-box-shadow: 4px 0 4px -4px #e2f6ff, 0 4px 4px -4px #e2f6ff, -4px 0 4px -4px #e2f6ff;
  box-shadow: 4px 0 4px -4px #e2f6ff, 0 4px 4px -4px #e2f6ff, -4px 0 4px -4px #e2f6ff; /* right bottom left */
}
#nav-dig .card-dropdown {
  width: 100%;
}
@media (min-width: 992px) {
  #nav-dig .card-dropdown {
    width: 15rem;
  }
}
/* -------------------- */
.dropdown-item {
  color: var(--s-base-10); /* #135aa4; 900 */
  background-color: transparent;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--s-base-10); /* #135aa4; 900 */
  background-color: rgba(131, 215, 255, 0.75); /* 200 */
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: var(--s-base-10); /* #135aa4; 900 */
}
.s-header,
.s-footer {
  color: var(--s-base-10); /* #135aa4; 900 */
  background-color: rgba(131, 215, 255, 1); /* 200 */
}
.s-divider {
  border-top: 1px solid rgba(226, 246, 255, 0.25); /* 50 */
}
/* verify s-link ? */

/* -------------------- */

/* -------------------- -------------------- -------------------- */
/* from style-theme-dig.css */
/* | Navbar */
/* #nav-dig .s-nav-bar .s-nav-bar-expand-lg .s-fixed-top .nav-bar-gradient .nav-scroll .nav-bar-transparent */
/* -------------------- */

/* -------------------- -------------------- */
/* | delete */
.navbar-dig-10,
.footer-dig-10 {
  color: var(--s-base-90);
  background-color: var(--s-base-10);
}
.navbar-dig-10-alpha,
.footer-dig-10-alpha {
  color: var(--s-base-90);
  /* applying alpha on top of variable */
  background-color: oklch(from var(--s-base-10) l c h / 0.94);

}
.navbar-dig-30,
.footer-dig-30 {
  color: var(--s-base-90);
  background-color: var(--s-base-30);
}
.navbar-dig-50,
.footer-dig-50 {
  color: var(--s-base-90);
  background-color: var(--s-base-50);
}
.navbar-dig-70,
.footer-dig-70 {
  color: var(--s-base-90);
  background-color: var(--s-base-70);
}
/* delete | */
.navbar-10,
.footer-10 {
  color: var(--s-base-90);
  background-color: var(--s-base-10);
}
.navbar-10-alpha,
.footer-10-alpha {
  color: var(--s-base-90);
  /* applying alpha on top of variable */
  background-color: oklch(from var(--s-base-10) l c h / 0.94);

}
.navbar-30,
.footer-30 {
  color: var(--s-base-90);
  background-color: var(--s-base-30);
}
.navbar-50,
.footer-50 {
  color: var(--s-base-90);
  background-color: var(--s-base-50);
}
.navbar-70,
.footer-70 {
  color: var(--s-base-90);
  background-color: var(--s-base-70);
}

.navbar-text {
  color: var(--s-base-90);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: oklch(from var(--s-base-90) l c h / 0.5);
}

.navbar-brand,
.navbar-nav .nav-link {
  color: var(--s-base-90);
}
.navbar-brand:hover, .navbar-brand:focus,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show {
  color: oklch(from var(--s-base-90) l c h / 0.5);
}
/* -------------------- -------------------- */
.navbar-toggler {
  color: var(--s-base-90) !important;
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
border: 0 !important;
  border-radius: var(--bs-navbar-toggler-border-radius);
}
.navbar-toggler:focus {
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
   background-image: var(--bs-navbar-toggler-icon-bg);
}
.navbar-nav-scroll { 
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
/* -------------------- -------------------- */

.dropdown-menu {
  color: var(--s-base-70);
background-color: var(--s-base-90);
border: var(--bs-dropdown-border-width) solid var(--s-base-70);
}

.dropdown-divider {
  border-top: 1px solid var(--s-base-70);
}
.dropdown-item {
  color: var(--s-base-70);
  background-color: transparent;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: oklch(from var(--s-base-70) l c h / 0.5);
  /* var(--s-base-70 / 0.5); */
  background-color: var(--s-base-90 / 0.5);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-header {
 color: var(--bs-dropdown-header-color);
} 
.dropdown-header {
color: #fd9b00; /*#6c757d;*/  
background-color: white;  
  }

.dropdown-footer {
color: #fd9b00; /*#6c757d;*/  
background-color: white;  
  }
.dropdown-item-text {
  color: var(--bs-dropdown-link-color);
}
/* -------------------- -------------------- */
/* Social Media Colors Bluesky	#0a7aff */
.btn-twitter-x {
  background-color: #000000;
}
.btn-twitter-x:hover {
  background-color: #000000;
}
.btn-facebook {
  /*color: oklch(0.976562 0.030054 90.3236);*/
  background-color: #1877f2;
}
.btn-facebook:hover {
  /*color: oklch(0.976562 0.030054 90.3236);*/
  background-color: #3b5998;
}
.btn-instagram {
  background-color: #c32aa3;
}
.btn-instagram:hover {
  background-color: #e4405f;
}
.btn-linkedin {
  background-color: #0a66c2;
}
.btn-linkedin:hover {
  background-color: #0a66c2;
}
.btn-pinterest {
  background-color: #bd081c;
}
.btn-pinterest:hover {
  background-color: #bd081c;
}
.btn-youtube {
  background-color: #ff0000;
}
.btn-youtube:hover {
  background-color: #cd201f;
}
.btn-whatsapp {
  background-color: #25d366;
}
.btn-whatsapp:hover {
  background-color: #25d366;
}
.btn-wordpress {
  background-color: #21759b;
}
.btn-ordpress:hover {
  background-color: #21759b;
}
/* -------------------- -------------------- */
.custom-tooltip {
  --bs-tooltip-bg: var(--bd-violet-bg);
  --bs-tooltip-color: var(--bs-white);
  color: #fff;
  background-color: #000;
}
/* -------------------- -------------------- */
.icon-white {
  filter: invert(100%);
}
/*
https://codepen.io/sosuke/pen/Pjoqqp
CSS filter generator to convert from black to target hex color
#b5e7ff | oklch(0.9004 0.061 228.84) | s-base-90
Loss: 4.1. This is close enough.
*/
.icon-custom {
  filter: 
  invert(92%) 
  sepia(47%) 
  saturate(4193%) 
  hue-rotate(171deg) 
  brightness(101%) 
  contrast(101%);
}
/* -------------------- -------------------- -------------------- */
/* | newadd */
.border-bottom {
  border-bottom: 1px solid var(--s-base-30) !important;
}
.navbar-toggler {
  color: var(--s-base-90);
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover {
  color: oklch(from var(--s-base-90) l c h / 0.5);
}
.navbar-toggler:focus {
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.dropdown-menu-end {
  right: 0 !important;
  left: auto !important;
}
@media (max-width: 576px) {
  #navbar-container {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
}
@media (max-width: 992px) {
  #themeDropdownContainer {
    margin-bottom: 8rem !important;
  }
  .dropdown-menu-end {
    left: 0 !important;
    right: auto !important;
  }
}
/* newadd | */
/* -------------------- -------------------- -------------------- */




/*                    foundation color palette  |                    */
/* -------------------- -------------------- -------------------- */
/* style-foundation.css | */


/* -------------------- -------------------- */




/* -------------------- -------------------- */



/* -------------------- -------------------- */




/* -------------------- -------------------- */




/* -------------------- -------------------- */




/* -------------------- -------------------- */