:root {
  /* 1. Base primary color (Hex) */
  --bs-primary: #0f437b;
  --bs-secondary: #3c6d9f;
  --bs-info: #dddddd;
  
  .bg-primary: #0f437b;
  .bg-secondary: #3c6d9f;

  /* 2. RGB values used for opacity utilities (Must be comma-separated integers) */
  --bs-primary-rgb: 15, 67, 123;
  --bs-secondary-rgb: 60, 109, 159;
  --bs-info-rgb: 221, 221, 221;

  /* 3. Subtle background and text variations (Optional but recommended for Bootstrap 5.3+) */
  --bs-primary-bg-subtle: #1a8678;
  --bs-primary-border-subtle: #032749;
  --bs-primary-text-emphasis: #ffffff;
  --bs-secondary-bg-subtle: #d65875;
  --bs-secondary-border-subtle: #00ff00;
  --bs-secondary-text-emphasis: #ffffff;
  --bs-info-bg-subtle: #faf8ff;
  --bs-info-border-subtle: #dddddd;
  --bs-info-text-emphasis: #000000;
}

/* 4. Fix for primary buttons to inherit the new background, border, and active states */
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #032749; /* Darker shade for hover */
  --bs-btn-hover-border-color: #032749;
  --bs-btn-active-bg: #032749; /* Even darker shade for active */
  --bs-btn-active-border-color: #032749;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.alert-primary {
  --bs-alert-bg: #0f437b;           /* Background color */
  --bs-alert-border-color: #032749; /* Border color */
  --bs-alert-color: #ffffff;        /* Text color */
  --bs-alert-link-color: #ffffff;   /* Link color inside the alert */
}

.alert-secondary {
  --bs-alert-bg: #3c6d9f;           /* Background color */
  --bs-alert-border-color: #396898; /* Border color */
  --bs-alert-color: #ffffff;        /* Text color */
  --bs-alert-link-color: #ffffff;   /* Link color inside the alert */
}

.alert-info {
  --bs-alert-bg: #dddddd;           /* Background color */
  --bs-alert-border-color: #aca7cb; /* Border color */
  --bs-alert-color: #000000;        /* Text color */
  --bs-alert-link-color: #000000;   /* Link color inside the alert */
}
		.arrow-down {
 		 width: 0;
  		height: 0;
  		border-left: 30px solid transparent;
  		border-right: 30px solid transparent;
  		border-top: 30px solid #0f437b; /* Arrow color */
		}
		
		ul.myUL {
  		display: inline-block;
  		text-align: left;
		}
		
		/* for crawling ribbons */
		.ribbon-wrap {
  		position: relative;
		}

		.ribbon-move {
  		display: inline-block;
 	 	animation: crawlText 20s linear infinite;
		}

		/* Pause animation on mouse hover */
		.ribbon-move:hover {
  		animation-play-state: paused;
		}

		@keyframes crawlText {
  		0% {
    		transform: translateX(90%);
  		}
  		100% {
    		transform: translateX(-90%);
  		}
		}
		/*  */
		
		/* for checkmark bulleted lists */
		.list-display li {
  		margin-bottom:.4rem;
  		font-size:1.1rem;
		}
		
		.list-checkmarks {
  		padding-left:1.5rem;
		}
		
		.list-checkmarks li {
  		list-style-type:none;
  		padding-left:1rem;
		}
		
		.list-checkmarks li:before {    
		font-family: 'FontAwesome';
		content: "\f00c";
		margin:0 10px 0 -28px;
		color: #9ec5fe;
		}
		/*  */
		
		
		/* Hide the 'Show Less' text when the link is collapsed */
		.show-more-link[aria-expanded="false"] .expanded-text {
 		 display: none;
		}

		/* Hide the 'Show More' text when the link is expanded */
		.show-more-link[aria-expanded="true"] .collapsed-text {
  		display: none;
		}