/*
	Theme Name: Niagara Falls State Park theme
	Theme URI: https://www.pinewood.co.nz/
	Description: A Wordpress theme for Niagara Falls State Park website.
	Author: Workhorse Marketing
  Author URI: https://www.niagarafallsstatepark.com/
  Text Domain: whmbp-theme
  Template:  dwn-parks-parent
	Version: 1.0
*/

:root {
	--body-font: "Montserrat", sans-serif;
	--display-font: "Lexend", sans-serif;
	--scrolltop-tb: 85px;
	--scrolltop-mb: 70px;

	--display-font-weight: 900;

	--navy: #001f2b;
	--navy-dark: #0d1f2b;
	--navy-dark-rgb: 13, 31, 41;
	--blue: #5e7e95;
	--seaforam: #76a7a9;
	--gold: #38a644;
	--gold-dark: #167621;
	--red-dark: #ab060f;
	--red: #b8431b;
	--orange: #fe9c27;
	--yellow: #fcc34a;
	--lime: #99ca88;
	--lime-rgb: 153, 202, 136;
	--black: #1a1818;
	--border-color: #898989;
	--light-grey: #e0e0e0;
	--bright-blue: #00B4FF;
	--bright-green: #02b74b;
	--dark-grey: #1C2B39;
	--natural-blue: #006BA6;
	--bright-yellow: #FFB600;
	--navy-blue: #002855;

	--charcoal: #343434;

	--block-bg: var(--dark-grey);
	--block-bg-alt: #1d4c6d;

	--button-primary-font-size: 1.125rem;
	--button-primary-color: var(--dark-grey);
	--button-primary-border-color: var(--dark-grey);
	--button-primary-bg: var(--bright-blue);
	--button-primary-color-hover: var(--dark-grey);
	--button-primary-bg-hover: #fff;
	--button-primary-outline: var(--bright-blue);
	--button-primary-bg-active: var(--bright-blue);

	--button-secondary-font-size: 1.125rem;
	--button-secondary-color: var(--dark-grey);
	--button-secondary-border-color: var(--dark-grey);
	--button-secondary-bg: var(--bright-blue);
	--button-secondary-color-hover: var(--dark-grey);
	--button-secondary-bg-hover: #fff;
	--button-secondary-outline: var(--bright-blue);
	--button-secondary-bg-active: var(--bright-blue);

	--button-secondary-red-color: #ab060f;
	--button-secondary-red-border-color: #343434;
	--button-secondary-red-bg-hover: #ab060f;
	--button-secondary-red-outline: #b8431b;
	--button-secondary-red-bg-active: #b8431b;

	--slider-prev-arrow-bg: #B1B1B1;
	--slider-next-arrow-bg: #fff;

	--footer-bg-bottom: var(--dark-grey);
	--footer-bg-top: var(--bright-blue);
	--footer-bg-top-rgb: 0, 180, 255;
}