/* --------------------   edited apr 26   -------------------- */
/* -------------------- -------------------- --------------------
 * style-foundation.css (Apr 2026)
 * Custom style for all pages of website | foundation.swarnolata.org
 * Author:  Subrato Paul at Swarnolata Digital
 * Website: https://swarnolata.com/
 * CSS used here will be applied after style-theme.css
 * Basic layout: Header, Content, Footer
 * Description: One-column 992px responsive layout with fixed top nav bar, sticky footer, no sidebar.
 * Theme Color Scheme: #18adfe
 * -------------------- -------------------- -------------------- */
@charset 'UTF-8';
/* --------------------       | import       -------------------- */
/*  
@import url('https://swarnolata.com/swarnolata-f/style/swarnolata-color.css');
*/
/* --------------------       import |       -------------------- */
/* -------------------- -------------------- -------------------- */
/* --------------------  | foundation color  -------------------- */
/* tool used - https://m2.material.io/inline-tools/color/ 
 * base > primary | alt > secondary or complementary
 * use only 5 colors 50, 200, base/alt (400 or 500), 700 and 900
 * -------------------- -------------------- -------------------- */
/* | root - CSS Custom Properties (Variables) */
/*
Colors: Includes the full palette (Primary, Secondary, Success, etc.).
Fonts: Defines stacks for body, headings, and code.
Spacing: Sets the base scale for margins and padding.
Settings: Controls global border-radius and transition speeds.
*/
/* foundation color palette - same as swarnolata.css as of now */

:root {
  --s-base-50: #e2f2fe;
  --s-base-50-rgb: 226, 242, 254;
  --s-base-50-rgba: rgba(226, 242, 254, 0.75);
  --s-base-100: #baddfe;
  --s-base-200: #8dc9fe; /* light */
  --s-base-200-rgb: 141, 201, 254;
  --s-base-200-rgba: rgba(141, 201, 254, 0.75);
  --s-base-300: #5db4fe;
  --s-base-400: #36a3fe;
  --s-base: #0094fd;
  --s-base-rgb: 0, 148, 253;
  --s-base-rgba: rgba(0, 148, 253, 0.75);
  --s-base-600: #0985ee;
  --s-base-700: #0c73db; /* dark */
  --s-base-700-rgb: 12, 115, 219;
  --s-base-700-rgba: rgba(12, 115, 219, 0.75);
  --s-base-800: #0d62c9;
  --s-base-900: #0b43aa;
  --s-base-900-rgb: 11, 67, 170;
  --s-base-900-rgba: rgba(11, 67, 170, 0.75);

  --s-base-web-safe: #0099ff;

  --s-alt-50: #fff7e0;
  --s-alt-50-rgb: 255, 247, 224;
  --s-alt-50-rgba: rgba(255, 247, 224, 0.75);
  --s-alt-100: #ffeab2;
  --s-alt-200: #ffdd80;
  --s-alt-200-rgb: 255, 221, 128;
  --s-alt-200-rgba: rgba(255, 221, 128, 0.75);
  --s-alt-300: #fed14c;
  --s-alt-400: #fec623;
  --s-alt: #febc00;
  --s-alt-rgb: 254, 188, 0;
  --s-alt-rgba: rgba(254, 188, 0, 0.75);
  --s-alt-600: #feae00;
  --s-alt-700: #fd9b00;
  --s-alt-700-rgb: 253, 155, 0;
  --s-alt-700-rgba: rgba(253, 155, 0, 0.75);
  --s-alt-800: #fd8a00;
  --s-alt-900: #fd6900;
  --s-alt-900-rgb: 253, 105, 0;
  --s-alt-900-rgba: rgba(253, 105, 0, 0.75);

  --s-alt-web-safe: #ffcc00;

  --s-ana-50: #d9fffb;
  --s-ana-100: #9bfdf1;
  --s-ana-200: #00fde8;
  --s-ana-300: #00f7da;
  --s-ana-400: #00eecd;
  --s-ana: #00e5bf;
  --s-ana-rgb: 0, 229, 191;
  --s-ana-rgba: rgba(0, 229, 191, 0.75);
  --s-ana-600: #00d5af;
  --s-ana-700: #00c19b;
  --s-ana-800: #00b08b;
  --s-ana-900: #009068;

  --s-ana2-50: #efe7ff;
  --s-ana2-100: #d5c3ff;
  --s-ana2-200: #b79bff;
  --s-ana2-300: #956fff;
  --s-ana2-400: #764cff;
  --s-ana2: #4f23ff;
  --s-ana2-rgb: 79, 35, 255;
  --s-ana2-rgba: rgba(79, 35, 255, 0.75);
  --s-ana2-600: #3b1fff;
  --s-ana2-700: #0015fd;
  --s-ana2-800: #000df9;
  --s-ana2-900: #0000f6;

  --s-tri-50: #f0e6ff;
  --s-tri-100: #d8c1fe;
  --s-tri-200: #bc97fe;
  --s-tri-300: #9f68ff;
  --s-tri-400: #8641ff;
  --s-tri: #6900fd;
  --s-tri-rgb: 105, 0, 253;
  --s-tri-rgba: rgba(105, 0, 253, 0.75);
  --s-tri-600: #5b00f7;
  --s-tri-700: #4500ef;
  --s-tri-800: #2700ea;
  --s-tri-900: #0000e6;
 
  --s-tri2-50: #fde3f1;
  --s-tri2-100: #fbb9dc;
  --s-tri2-200: #fa89c3;
  --s-tri2-300: #fc51aa;
  --s-tri2-400: #fd0094;
  --s-tri2: #ff007c;
  --s-tri2-rgb: 255, 0, 124;
  --s-tri2-rgba: rgba(255, 0, 124, 0.75);
  --s-tri2-600: #ee0078;
  --s-tri2-700: #d60073;
  --s-tri2-800: #c1006f;
  --s-tri2-900: #980068;
}

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


:root {
 --s-info-50: #d8fff8;
  --s-info-200: #18fedc; /* dark */
  --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; /* dark */

  --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;
}
/* root | */
/* -------------------- -------------------- -------------------- */

/* -------------------- -------------------- -------------------- */
/* | color base */
.s-base-50-c {
  color: var(--s-base-50); /* #fdf7e1; 50 */
}
.s-base-50-bg {
  background-color: var(--s-base-50); /* #fdf7e1; 50 */
}
.s-base-100-bg {
  background-color: var(--s-base-100); /* ; 100 */
}
.s-base-200-c {
  color: var(--s-base-200); /* #f8db83; 200 */
}
.s-base-200-bg {
  background-color: var(--s-base-200); /* #f8db83; 200 */
}
.s-base-c {
  color: var(--s-base); /* #f4c430; 400 */
}
a.s-base-c {
  color: var(--s-base); /* #f4c430; 400 */
}
a.s-base-c:hover, 
a.s-base-c:focus {
  color: rgba(255, 191, 0, 0.75); /* edit */
}
.s-base-bg {
  background-color: var(--s-base); /* #f4c430; 400 */
}
.s-base-bg-rgba {
  background-color: rgb(255, 191, 0, 1);
}
a.s-base-bg:hover, 
a.s-base-bg:focus {
  background-color: rgb(255, 191, 0, 0.75);
}
.s-base-b {
  border: 1px solid #f4c430;
}

.s-base-700-c {
  color: var(--s-base-700); /* #f19a14; 700 */
}
.s-base-700-bg {
  background-color: var(--s-base-700); /* #f19a14; 700 */
}
.s-base-700-bg {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--s-base-700-rgb), var(--bs-bg-opacity)) !important;
}

.s-base-900-c {
  color: var(--s-base-900); /* #ef6c0b; 900 */
}
.s-base-900-bg {
  background-color: var(--s-base-900); /* #ef6c0b; 900 */
}
.s-base-900-bg {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--s-base-900-rgb), var(--bs-bg-opacity)) !important;
}
/* color base | */
/* -------------------- -------------------- -------------------- */
/* | color alt ( ) */
.s-alt-50-c {
  color: var(--s-alt-50); /* #e7e9fe; 50 */
}
.s-alt-50-bg {
  background-color: var(--s-alt-50); /* #e7e9fe; 50 */
}
.s-alt-200-c {
  color: var(--s-alt-200); /* #96a3f8; 200 */
}
.s-alt-200-bg {
  background-color: var(--s-alt-200); /* #96a3f8; 200 */
}
.s-alt-c {
  color: var(--s-alt); /* #3061f4; 400 */
}
a.s-alt-c {
  color: var(--s-alt) !important; /* #3061f4; 400 */
}
a.s-alt-c:hover, 
a.s-alt-c:focus {
  color: rgba(255, 191, 0, 0.75);
}
.s-alt-bg {
  background-color: var(--s-alt); /* #3061f4; 400 */
}
.s-alt-bg-rgba {
  background-color: rgb(255, 191, 0, 1);
}
a.s-alt-bg:hover, 
a.s-alt-bg:focus {
  background-color: rgb(255, 191, 0, 0.75);
}
.s-alt-b {
  border: 1px solid #3061f4;
}
.s-alt-700-c {
  color: var(--s-alt-700); /* #002fd7; 700 */
}
.s-alt-700-bg {
  background-color: var(--s-alt-700); /* #002fd7; 700 */
}
.s-alt-900-c {
  color: var(--s-alt-900); /* #0006b4; 900 */
}
.s-alt-900-bg {
  background-color: var(--s-alt-900); /* #0006b4; 900 */
}
/* -------------------- */



/* --------------------   vedanta color  |   -------------------- */

/* -------------------- -------------------- -------------------- */
/* tool used - https://colorkit.co/gradients/ */
/* | color gradient */
.base-gradient {
  background: var(--s-base-700); /* #f19a14; 700 */
  background: linear-gradient(-45deg, #f19a14, #f4c430); /* 700, 400 */
  background-size: 200% 200%;
  -webkit-animation: animate-nav-bar-gradient 15s ease infinite;
     -moz-animation: animate-nav-bar-gradient 15s ease infinite;
       -o-animation: animate-nav-bar-gradient 15s ease infinite;
          animation: animate-nav-bar-gradient 15s ease infinite;
}
@-webkit-keyframes animate-nav-bar-gradient {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}
@keyframes animate-nav-bar-gradient {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}
.alt-gradient {
  background: var(--s-alt-700); /* #002fd7; 700 */
  background: linear-gradient(-45deg, #002fd7, #3061f4); /* 700, 400 */
  background-size: 200% 200%;
  -webkit-animation: animate-nav-bar-gradient 15s ease infinite;
     -moz-animation: animate-nav-bar-gradient 15s ease infinite;
       -o-animation: animate-nav-bar-gradient 15s ease infinite;
          animation: animate-nav-bar-gradient 15s ease infinite;
}
@-webkit-keyframes animate-nav-bar-gradient {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}
@keyframes animate-nav-bar-gradient {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}
/* color gradient | */
/* -------------------- -------------------- -------------------- */
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
 
  color: var(--bs-heading-color);
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

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

/*
.table {

}

.btn {

.dropdown-menu {

*/

/* -------------------- -------------------- -------------------- */
/*
.nav {
.nav-tabs {

.nav-pills {
*/

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

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

:root {
  --s-base-90: oklch(0.8901 0.0531 264); /* #c9dbff base lighter */
  /* oklch(90% 0.15 264); #c7deff base lighter */
  /*
filter: invert(86%) sepia(3%) saturate(3487%) hue-rotate(190deg) brightness(94%) contrast(116%);
Loss: 0.0. This is a perfect result.
  */
  --s-base-70: oklch(70% 0.25 264); /* base light */
  --s-base-40: oklch(45% 0.313 264); /* base blue */
  --s-base-25: oklch(30% 0.25 264); /* base dark */
  --s-base-15: oklch(15% 0.15 264); /* base darker */
  --s-base-10: oklch(10% 0.10 264);
}
.navbar-blue {
  background-color: #00005f;
  background-color: var(--s-base-15);
}
.navbar-blue,
.navbar-brand,
.navbar-text, .navbar-text a,
.navbar-nav .nav-link {
  color: #c2c2ff;
  color: var(--s-base-90);
}
.navbar-brand:hover, .navbar-brand:focus,
.navbar-text a:hover, .navbar-text a:focus,

.navbar-nav .nav-link:hover,

.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show
 {
  color: #7070ff;
  color: var(--s-base-70);
  color: #c2c2ff;
  color: var(--s-base-90 / 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;
}
/* -------------------- -------------------- -------------------- */
/*#navbar-foundation*/
.dropdown-menu {
  /*
  --bs-dropdown-color: var(--s-base-70);
  --bs-dropdown-bg: var(--s-base-90);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--s-base-70);
  --bs-dropdown-link-hover-color: var(--s-base-105);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fd8a00;
  --bs-dropdown-link-active-bg: #ffdd80;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-header-color: #fd9b00;
  */
color: var(--s-base-70);
background-color: var(--s-base-90);
border: var(--bs-dropdown-border-width) solid var(--s-base-70);
}
/*
.dropend .dropdown-menu
.dropstart .dropdown-menu
*/
.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);
}
/*
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
  */
/* -------------------- -------------------- -------------------- */

/* -------------------- -------------------- -------------------- */
/*
bootstrap 5 multilevel dropdown menu on hover
https://codingyaar.com/bootstrap-dropdown-submenu-on-hover/
*/
.dropend .dropdown-toggle {
  color: var(--s-alt-900); /* #fd6900; 900 */
  margin-left: 1em;
}
.dropdown-item:hover {
  color: var(--s-alt-700); /* #fd9b00; 700 */
  background-color: var(--s-alt-200); /* #ffdd80; 200 */
}
.dropdown .dropdown-menu {
  display: none;
}
.dropdown:hover > .dropdown-menu, 
.dropend:hover > .dropdown-menu {
  display: block;
  margin-top: 0.125em;
  margin-left: 0em; /* 0.125em; */
}
@media screen and (min-width:992px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: 0.5em;
  }
}

/* is it needed */
@media screen and (min-width: 769px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
}
/* -------------------- -------------------- -------------------- */
.form-control {
color: var(--s-base-70);
background-color: var(--s-base-90);
border: var(--bs-border-width) solid var(--s-base-70);
}

.search-form {
  background: transparent;
  margin-left: 1rem;
border: 1px solid black;
}
@media (max-width:992px) {
  .search-form {
    margin-left: 0;
  }
}
.search-form form {
  color: red;
}
/*
#navbar-form .input-group {
}
*/
#navbar-form .input-group-text {
  color: white; /*var(--bs-body-color);*/
  background-color: orange; /*var(--bs-tertiary-bg);*/
  border: var(--bs-border-width) solid var(--bs-border-color);
}
/*
#navbar-form .form-control {
}
*/
#navbar-form .valid-feedback {
  color: var(--bs-form-valid-color);
}
#navbar-form .tooltip {
color: #fff;
  background-color: var(--bs-success);
}
#navbar-form .was-validated .form-control:valid, .form-control.is-valid {
 border-color: var(--bs-form-valid-border-color);
}
#navbar-form .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
/* start edit from here */
/*
#navbar-form .form-control {
}
#navbar-form .form-control {
}
*/

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


/* -------------------- -------------------- -------------------- */
/*
.card {


*/

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


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


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


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

/* style-foundation.css | */