:root {
    --color-primary: #D40000;
    --color-primary-rgb: 236, 118, 140;
    --color-primary-dark: #D40000;
	--color-primary-dark-rgb: 236, 118, 140;
    --color-secondary: #FE7C7C;
    --color-secondary-rgb: 254, 82, 82;
	--color-links: var(--color-primary); 
	--color-links-hover: #FE5252;
	--header-color:  var(--color-primary-dark);
	--footer-content-color: #FE7C7C;
	--color-footer-content-links-rgb: var(--color-white-rgb);
	--color-footer-content-links-hover-rgb: var(--color-white-rgb);
	--footer-legal-color: var(--color-primary-dark);
	--button-hero: var(--color-primary);
	--button-hero-rgb: var(--color-primary-rgb);
	--primary-rgb: var(--color-primary-rgb);  /*Primary RGB*/
	--header-text-color: var(--color-white);
	--header-text-color-span: var(--color-secondary);
	--nav-toggle: var(--color-white);
	--footer-legal: var(--color-secondary);
	--footer-legal-rgb: var(--color-secondary-rgb);
	--footer-copyright: var(--color-secondary);
	--scroll-top: var(--color-secondary);
	--scroll-top-hover: var(--color-primary-rgb);
	--nav-color: var(--color-white);
	--nav-hover-color: var(--color-white);
	--nav-hover-underline: var(--color-secondary);
	
  --popup-heading-color: #ffffff;
  --popup-body-color: #ffffff;
  
  /* Background overlay (optional) 
  --popup-overlay: rgba(0, 0, 0, 0.5);*/
  
  /* Button styles (call-to-action) */
  --popup-btn-bg: #007bff;
  --popup-btn-color: #ffffff;
  --popup-btn-border: none;
  
  /* Close button styling */
  --popup-close-bg: #fff;
  --popup-close-size: 30px;
  --popup-close-color: #000;
  
  /* Default modal background color if no background image is provided */
  --popup-default-bg: #D40000;  /* You can change this to any color */
}




.btn-primary {
  --bs-btn-active-bg: var(--color-primary);
  --bs-btn-active-border-color: #0a53be;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #1D1D1D;
  padding: 0 0 30px 0;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  text-align: center;
  font-size: 13px;
  color: #555;
}

#footer .credits a {
  color: #0c2e8a;
}