@charset "utf-8";
/* CSS Document */
 
 


/*
ebony		#45503B		69, 80, 59
purple 		#5c5180  	92,81,128
asparagus 	#6DA664		109, 166, 100
yellow		#FFC15E		255, 193, 94
carrot orange 	#ff8300		255, 131, 0
red		#a22a2e		162, 42, 46
alice blue	#EEF4FB		238, 244, 251


greenscreen

red	#a22a2e	162, 42, 46
orange	#ff8300	255, 131, 0
yellow	#ffc56c	255, 197, 108
green	#00833e	0, 131, 62



*/

/* Noto Serif Variable Font */
/* Regular (Upright) Variable Font */
@font-face {
  font-family: "Noto Serif";
  src: url("/theme_chad/assets/fonts/NotoSerif-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Italic Variable Font */
@font-face {
  font-family: "Noto Serif";
  src: url("/theme_chad/assets/fonts/NotoSerif-Italic.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}


/* Source Sans 3 Variable Font */
/* Regular (Upright) Variable Font */
@font-face {
  font-family: "Source Sans 3";
  src: url("/theme_chad/assets/fonts/SourceSans3-Variable.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

/* Italic Variable Font */
@font-face {
  font-family: "Source Sans 3";
  src: url("/theme_chad/assets/fonts/SourceSans3-Italic.woff2") format("woff2");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}




/*


Noto Serif: CSS class for a variable style

// <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name

.noto-serif-<uniquifier> {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
Source Sans 3: CSS class for a variable style

// <weight>: Use a value from 200 to 900
// <uniquifier>: Use a unique and descriptive class name

.source-sans-3-<uniquifier> {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
	 
*/

:root  {
--my-gray:		#B6D2B1;
--my-gray-rgb:	182, 210, 177;

--my-light:		#EEF4FB;
--my-light-rgb:	238, 244, 251;
--my-dark:		#45503B;
--my-dark-rgb:	69, 80, 59;
--my-primary:		#5c5180;
--my-primary-rgb:	92,81,128;	
--my-secondary:		#00833e;
--my-secondary-rgb:	109, 166, 100;
--my-tertiary:		#ff8300;
--my-tertiary-rgb:	255, 131, 0;
	
--my-purple:		#5c5180;
--my-purple-rgb:	92,81,128;	
--my-green:		#00833e;
--my-green-rgb:	109, 166, 100;
--my-yellow:		#FFC15E;
--my-yellow-rgb:	255, 193, 94;
	
--my-orange:		#ff8300;
--my-orange-rgb:	255, 131, 0;
	
	
--my-red:		#D30D0D;
--my-red-rgb:	211, 13, 13;	
	
  --bs-blue: #0093d0;
  --bs-indigo: var(--my-primary);
  --bs-purple: var(--my-primary);
  --bs-pink: #d63384;
  --bs-red: var(--my-red);
  --bs-orange: var(--my-orange);
  --bs-yellow: var(--my-yellow);
  --bs-green: var(--my-green);
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: var(--my-primary);
  --bs-gray-dark: var(--my-dark);
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #5c5180;
  --bs-secondary: #6DA664;
  --bs-success: #6DA664;
  --bs-info: #0dcaf0;
  --bs-warning: #FFC15E;
  --bs-orange: #ff8300;
	--bs-danger: #a22a2e;
  --bs-light: #EEF4FB;
  --bs-dark: #5c5180;
  --bs-primary-rgb: 92, 81, 128;
  --bs-secondary-rgb: 109,166,100;
  --bs-success-rgb: 109, 166, 100;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 94;
  --bs-orange-rgb: 255, 131, 0;
	--bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 238, 244, 251;
  --bs-dark-rgb: 69, 80, 59;
  --bs-primary-text-emphasis: #484064;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #52824A;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #efefef;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: "Source Sans 3", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1.15rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fefefe;
  --bs-body-bg-rgb: 254, 254, 254;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #535689;
  --bs-link-color-rgb: 83, 86, 137;
  --bs-link-decoration: none;
  --bs-link-hover-color: #c2cd23;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color:  rgba(33, 37, 41, 0.2);
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 0.4rem;
  --bs-border-radius-xxl: 0.5rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(92, 81, 128, 0.25);
  --bs-form-valid-color: #00833e;
  --bs-form-valid-border-color: #00833e;
  --bs-form-invalid-color: #a22a2e;
  --bs-form-invalid-border-color: #a22a2e;
}

[data-bs-theme=indigo] {

  --bs-body-color:  var(--my-light);
  --bs-body-color-rgb: var(--my-light-rgb);
  --bs-body-bg: var(--my-light);
  --bs-body-bg-rgb: var(--my-light-rgb);
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #AAE0FA;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}



#results  h3 a  {border-bottom: 2px solid; text-decoration: none; padding-bottom: 3px; display: block;}



/* Benchmark badge colors */
.bg-benchmark-1 {
  background-color: var(--bs-danger); /* Bootstrap red / danger */
  color: white;
}

.benchmark-1 {color: var(--bs-danger);}

#page-title.border-benchmark-1 {border-bottom: thick solid  var(--bs-danger); }
#results .bench-1 h3 a {border-color: var(--bs-danger); }


.bg-benchmark-2 {
  background-color: var(--bs-orange); /* Bootstrap orange */
  color: white;
}

.benchmark-2 {color: var(--bs-orange);}
#page-title.border-benchmark-2 {border-bottom: thick solid  var(--bs-orange); }
#results .bench-2 h3 a {border-color: var(--bs-orange); }



.bg-benchmark-3 {
  background-color:  var(--bs-warning); /* Bootstrap warning / yellow */
  color: black !important;
}

.benchmark-3 {color: var(--bs-warning);}
#page-title.border-benchmark-3 {border-bottom: thick solid  var(--bs-warning); }
#results .bench-3 h3 a {border-color: var(--bs-warning); }


.bg-benchmark-4 {
  background-color:  var(--bs-success) !important; /* Bootstrap green / success */
  color: white;
}

.benchmark-4 {color: var(--bs-success);}

#page-title.border-benchmark-4 {border-bottom: thick solid  var(--bs-success); }
#results .bench-4 h3 a {border-color: var(--bs-success); }

.bg-benchmark-0 {
  background-color:#ccc; /* Bootstrap red / danger */
  color: #666;
}
#page-title.border-benchmark-1 {border-bottom: thick solid #999; }


.card.benchmark-1 {border-color:  var(--bs-danger); }
.card.benchmark-2 {border-color:  var(--bs-orange); }

.card.benchmark-3 {border-color:  var(--bs-warning); }
.card.benchmark-4 {border-color:  var(--bs-success); }

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  
  line-height: 1.6;
  color: #333333;
  text-align: left;
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}






.nav {
	--bs-nav-link-padding-x: 1rem;
	--bs-nav-link-padding-y: 0.5rem;
	--bs-nav-link-color: var(--bs-link-color);
	--bs-nav-link-hover-color: var(--bs-link-hover-color);
	--bs-nav-link-disabled-color: var(--bs-secondary-color);
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}
.nav-link {
	display: block;
	padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
	font-size: var(--bs-nav-link-font-size);
	font-weight: var(--bs-nav-link-font-weight);
	color: var(--bs-nav-link-color);
	text-decoration: none;
	background: 0 0;
	border: 0;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

.navbar-nav .dropdown-menu .nav-item .nav-link {
	font-size: 1rem;
}

.navbar-nav .dropdown-menu .dropdown-item{
	font-size: 1rem;
}



.landing-page .section.call-action {
 background-image:url('/theme_chad/assets/images/cta-block.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding: 80px 0;
	z-index: 2
}



.landing-page .section.call-action.purple:before {
	background-color: var(--primary-color);

	opacity: .8;

}






hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--bs-heading-color);
  font-family: "Noto Serif", serif;
  font-weight: 400;
}
.h1, h1 {
	font-size: calc(1.375rem + 1.5vw)
}
@media (min-width:1200px) {
	.h1, h1 {
		font-size: 2.5rem
	}
}
.h2, h2 {
	font-size: calc(1.325rem + .9vw)
}
@media (min-width:1200px) {
	.h2, h2 {
		font-size: 2rem
	}
}
.h3, h3 {
	font-size: calc(1.3rem + .6vw)
}
@media (min-width:1200px) {
	.h3, h3 {
		font-size: 1.75rem
	}
}
.h4, h4 {
	font-size: calc(1.275rem + .3vw)
	
}
.card h4 {font-family: "Source Sans 3", Arial, "sans-serif"}
@media (min-width:1200px) {
	.h4, h4 {
		font-size: 1.5rem
	}
}
.h5, h5 {
	font-size: 1.25rem
}
.h6, h6 {
	font-size: 1rem
}
p {
	margin-top: 0;
	margin-bottom: 1rem
}




abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
 

p.lead, .lead  {
	font-size: 1.35rem;
	font-weight: 400
}


.landing-page .section.header-2 {
	color: var(--white-color);
	background-image: url("/theme_chad/assets/images/istockphoto-1334630709-2048x2048.jpg");

}

.landing-page .section.header-2.light {
 

}



.section.header-2.light::before {   z-index: 1; 
      content: "";
      background-image: url('/theme_chad/assets/images/hero-shapes.svg');
      background-size: cover;
      position: absolute;
      top: -50px;
      right: 0px;
      bottom: 0px;
      left: 0px;  opacity: 1; 	background-color:   rgba(var(--bs-primary-rgb), 1);
	
   
}


.section.header-2.light.gradient::before {   z-index: 1; 
  
		background-image: var(--bs-gradient) !important
   
}


.landing-page .section.header-3 {
	color: ;
	background-image: url("/theme_chad/assets/images/hero-shapes.svg");
	background-size: contain;

}
.section.header-5 {
	color: var(--white-color);
	background-image: url("/theme_chad/assets/images/istockphoto-1334630709-2048x2048.jpg");

}

 
.landing-page .section.header-2.light .container,
.landing-page .section.header-5 .container {
 z-index: 100;
   opacity: 1;	
}

.landing-page .section#hero {position: relative;  }
.landing-page .section#hero p { font-size: 1.5rem; line-height: 1.5;  }

.landing-page .section#hero .text-white { opacity: 1; z-index: 200; text-shadow: .5px .5px .5px #000;}


.section.header-5.purple {


}

.section.header-2::before,
.section.header-5::before {   z-index: 1; 
      content: "";
      background-image: url("/theme_chad/assets/images/iStock-1182619006.jpg");
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;   opacity: 0.5;	background-color: rgba(7,7,7,0.80);
   
}
div.purple,
.section.header-2.purple,
.section.header-5.purple{

	background: var(--primary-color);

}

 
.section.header-5.purple::before {  
      
      background-image:url("/theme_chad/assets/images/gray-green.jpg") ;
  opacity: 0.7;
}
.section.header-2.purple::before  { 
      
      background-image:url("/theme_chad/assets/images/green-brown.jpg") ;
  opacity: 0.7;
}

.breadcrumb-item,
.entry-meta-item

{
	--bs-breadcrumb-padding-x: 0;
	--bs-breadcrumb-padding-y: 0;
	--bs-breadcrumb-margin-bottom: 1rem;
	--bs-breadcrumb-divider-color: var(--bs-secondary-color);
	--bs-breadcrumb-item-padding-x: 0.5rem;
	--bs-breadcrumb-item-active-color: var(--bs-secondary-color);
	display: flex;
	flex-wrap: wrap;
	padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
	margin-bottom: var(--bs-breadcrumb-margin-bottom);
	font-size: 1.15rem;
	list-style: none;
	background-color: var(--bs-breadcrumb-bg);
	border-radius: var(--bs-breadcrumb-border-radius)
}


 
.bg-primary .breadcrumb
.section.header-5 .breadcrumb { 
	--bs-breadcrumb-divider-color: #ccc; 
	--bs-breadcrumb-item-active-color: var(--bs-secondary-color); 
	font-size: var(--bs-breadcrumb-font-size); 
	background-color: var(--bs-breadcrumb-bg);
	border-radius: var(--bs-breadcrumb-border-radius)
} 

.bg-primary .breadcrumb .breadcrumb-item ,
.section.header-5 .breadcrumb .breadcrumb-item  { color: rgba(255,255,255,0.80)
 
}

.bg-primary .breadcrumb .breadcrumb-item.active,
.bg-primary .breadcrumb .breadcrumb-item a, 
.section.header-5 .breadcrumb .breadcrumb-item.active,
.section.header-5 .breadcrumb .breadcrumb-item a { color: rgba(255,255,255,0.80)
 
}

.breadcrumb-item + .breadcrumb-item::before {
	float: left;
	padding-right: var(--bs-breadcrumb-item-padding-x);
	color: var(--bs-breadcrumb-divider-color);
	content: var(--bs-breadcrumb-divider, "|")
}
.breadcrumb-item.active {
	color: var(--bs-breadcrumb-item-active-color)
}



.entry-meta ul {
	--bs-breadcrumb-padding-x: 0;
	--bs-breadcrumb-padding-y: 0;
	--bs-breadcrumb-margin-bottom: 1rem;
	--bs-breadcrumb-divider-color: var(--bs-secondary-color);
	--bs-breadcrumb-item-padding-x: 0.5rem;
	--bs-breadcrumb-item-active-color: var(--bs-secondary-color);
	display: flex;
	flex-wrap: wrap;
	padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
	margin-bottom: var(--bs-breadcrumb-margin-bottom);
	font-size: var(--bs-breadcrumb-font-size);
	list-style: none;
	background-color: var(--bs-breadcrumb-bg);
	border-radius: var(--bs-breadcrumb-border-radius)
}
.entry-meta-item + .entry-meta-item {
	padding-left: var(--bs-breadcrumb-item-padding-x)
}
.entry-meta-item + .entry-meta-item::before {
	float: left;
	padding-right: var(--bs-breadcrumb-item-padding-x);
	color: var(--bs-breadcrumb-divider-color);
	content: var(--bs-breadcrumb-divider, "/")
}
.entry-meta-item.active {
	color: var(--bs-breadcrumb-item-active-color)
}



.bg-primary {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}
.bg-secondary {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}
.bg-success {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}
.bg-info {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}
.bg-warning {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}
.bg-danger {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-orange {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important
}


.bg-light {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}
.bg-dark {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}
.bg-black {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}
.bg-white {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}
.bg-body {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}
.bg-transparent {
	--bs-bg-opacity: 1;
	background-color: transparent !important
}
.bg-body-secondary {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}
.bg-body-tertiary {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
}



#ShareEarn.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 80vh;
 
  padding: 20px;
 
  overflow-y: auto;
}







#main_navbar .form-control {
 
	text-align: left;
 
 
	color: var(--bs-body-color);
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #999 !important;
 
	border-radius: var(--bs-border-radius);
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

header .form-control::placeholder {
  color: #5c5180;
  opacity: 0.5;
}






.landing-page .section.services-2.round .icon {
	background: var(--white-color);
	transition: all .3s ease-out 0s;
	display: flex;
	align-items: center;
	justify-content: center;
	transform-style: preserve-3d;
	margin: 0 auto;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	margin-bottom: 20px
}
.landing-page .section.services-2.round .icon i {
	color:var(--primary-color); 
	font-size: 28px
}
.landing-page .section.services-2.round .icon:before {
	background: var(--primary-color);
	position: absolute;
	content: '';
	left: -10px;
	top: -10px;
	height: calc(100% + 20px);
	width: calc(100% + 20px);
	opacity: .25;
	border-radius: 50%;
	transition: all .3s ease-out 0s;
	transform: translateZ(-1px)
}
.landing-page .section.services-2.round .card:hover .icon {
	background: var(--white-color)
}
.landing-page .section.services-2.round .card:hover .icon i {
	color: var(--secondary-color)
}
.landing-page .section.services-2.round .card:hover .icon:before {
	background: var(--secondary-color)
}






.landing-page .section.services-2 .card:hover .icon i {
    color: var(--primary-color);
}





.landing-page #functions.section.sliders-2 .testimonial-item {
	border-left: 5px solid var(--primary-color);
	box-sizing: content-box;
	position: relative;
	padding: 30px 30px 30px 40px;
	margin: 30px 15px;
	min-height: 2em;
}




.chemical_name {
	max-width: 300px;
	word-wrap: break-word;
	white-space: normal;
}
/* Benchmark badge colors */
.btn-benchmark-1 {
	background-color: #dc3545; /* Bootstrap red / danger */
	color: white;
}
.btn-benchmark-2 {
	background-color: #fd7e14; /* Bootstrap orange */
	color: white;
}
.btn-benchmark-3 {
	background-color: #ffc107; /* Bootstrap warning / yellow */
	color: black;
}
.btn-benchmark-4 {
	background-color: #28a745; /* Bootstrap green / success */
	color: white;
}
/* Chemical Name Column */
td.chemical_name {
	max-width: 300px;
	word-wrap: break-word;
	white-space: normal;
}
/* Optional: visible focus ring only when using keyboard */
 
.keyboard-focused {
	outline: 2px solid #333;
	outline-offset: 2px;
	transition: outline 0.2s ease-in-out;
}
/* Truncate Synonyms Text */
.synonyms-truncate {
	display: block;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}







.function-table .owl-stage {
	display: flex;
	align-items: stretch
}
.function-table .owl-stage .owl-item {
 
	border:none;
 
}
.function-table .owl-stage .owl-item .item {
	display: flex;
	flex-direction: column;
	height: 100%
}



.ribbon .benchmark-1 {
	background: red;
 text-align: center;
	top: .25em;
	height: 1.75em;
 
}
.ribbon .benchmark-1::before {
	position: absolute;
	top: 0;
	left: 100%;
	display: block;
	content: "";
	border: 15px solid red;
	border-right: 8px solid transparent;
	border-right-color: transparent
}




.ribbon .option-7 {
	background: var(--primary-color);
 text-align: center;
	top: .25em;
	height: 1.75em;
 
}
.ribbon .option-7::before {
	position: absolute;
	top: 0;
	left: 100%;
	display: block;
	content: "";
	border: 15px solid var(--primary-color);
	border-right: 8px solid transparent;
	border-right-color: transparent
}



/* for my sticky search box  */

  .sticky-form {
      position: sticky;
      top: 0px;
      padding: 20px;
 
    }
    #filters, #entry_heading {
      display: none; /* Initially hide filters and entry heading */
    }

 .sticky-form {
      position: sticky;
      top: 20px;
      padding: 20px;
    
    }



.icon .icon-white {fill: #fff; padding: 8px; color: #fff; }
.icon img {
  filter: brightness(0) invert(1);fill: #fff;
}


.icon .icon-white:hover {fill: #5c5180;   color: #5c5180;  }
.icon img:hover {
    fill: #5c5180;
}





















noscript {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    font-size: 14px;
    color: #fff;
    background: #ac2716;
    display: block;
    padding: 5px 0;
    text-align: center;
    z-index: 99999;
}

#wrapper {
	overflow: hidden;		
}
 
.skip-to-content{
    position: absolute;
	font-size: 1.5rem;
    top: 10px;
    left: 25%;
  border-radius: 3px !important;
	padding: 5px 10px;
    color: #ffffff;
    background: #5c5180 !important;
    -webkit-transform: translateY(-150%);
    -moz-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
    z-index:100000;
}
.skip-to-content:hover,
.skip-to-content:focus,
.skip-to-content.focus-visible{
    color: #ffffff;
    opacity: 1;
    background: #000;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}


.accessibility,
.skip-link {
    position: absolute;
    left: -200vw;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.accessibility:focus,
.skip-link:focus {
	position: static;
	
	width: auto;
	height: auto;
	outline: rgba(228,225,84,1.00) dashed 1px;
}

.visually-hidden {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

a {
	display: inline-block;
	position: relative;
	z-index: 1;
}

a:focus:before {
	opacity: 1;
	visibility: visible;
}

a:before {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 2px;
 background-color: #ac2716; 
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.entry-image a:before,
.media-box .fbox-media a:before,
#footer .social-icon:before,
.button:before {
	height: auto;
	top: -2px;
	right: -2px;
	left: -2px;
	border-radius: var(--bs-border-radius-pill);
	z-index: -1;
	background-color: transparent;
	border: 2px solid #4C5B52;
}

.popup-exit .button:before,
.mfp-content .button:before {
	border-radius: 0;
}

.stretched #gotoTop a:before,
#footer .social-icon:before {
	border-radius: 2px;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: auto;
	z-index: -1;
}

.button.button-full:before {
	border-radius: 0;
}

.entry-image a:before,
.media-box .fbox-media a:before {
	z-index: 3;
	border-radius: 0;
}

.entry-image a:before {
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.slider-arrow-left:focus,
.slider-arrow-right:focus {
	background-color: #ac2716;
}

.owl-carousel .owl-nav [class*=owl-]:focus {
	opacity: 1;
	background-color: #ac2716;
	color: #fff;
}

.owl-carousel .owl-dots .owl-dot:focus {
	background-color: #ac2716;
}

.stretched #gotoTop a {
	position: static;
}

.is-expanded-menu .primary-menu:not(.on-click) .menu-item:not(.mega-menu).hover .sub-menu-container {
	opacity: 1 !important;
	visibility: visible !important;
	margin-top: 0 !important;
	z-index: 399 !important;
	pointer-events: auto !important;
	transition: opacity var(--cnvs-primary-menu-submenu-display-speed) ease, margin var(--cnvs-primary-menu-submenu-display-speed) ease;
}

.is-expanded-menu .primary-menu:not(.on-click) .menu-item:not(.menu-item-hover) .menu-link + .sub-menu-container > * {
	display: block !important;
}
  
/* Focus style */
body :focus {
  outline: 3px solid #007ACC;  
  outline-offset: 3px;
  box-shadow: 0 0 5px rgba(0, 122, 204, 0.6);  
  transition: outline 0.2s ease, box-shadow 0.2s ease;
}
 
body :focus-visible {
  outline: 3px solid #007ACC;
  outline-offset: 3px;
  box-shadow: 0 0 5px rgba(0, 122, 204, 0.6);
  transition: outline 0.2s ease, box-shadow 0.2s ease;
}