/* variables */

:root {
	/* Colours */
	--prodog-teal: #1ba8a2;
	--prodog-bright-green: #00AD3C;
	--prodog-green: #8dc73f;
	--prodog-yellow: #FDD700;
	--prodog-black: #231F20;
	--prodog-dark-grey: #2C292A;
	--prodog-grey: #dedede;

	--color-info: #83A8D9;
	--color-error: #c00;
	--color-success: #3BB41B;
	--color-warning: #ce0000;
	--color-black: #000;
	--color-light-grey: #F5F5F5;
	--color-white: #fff;

	/* complete */
	--prodog-pork: #b31a64;
	--prodog-duck: #78368c;
	--prodog-rabbit: #93909b;
	--prodog-chicken: #f18700;
	--prodog-turkey-offal: #dbba00;
	--prodog-beef-chicken: #d83541;
	--prodog-beef-offal: #b39070;
	--prodog-lamb-offal: #008bcb;
	--prodog-turkey-fish: #cb5c9e;
	--prodog-beef-tripe: #587256;
	--prodog-chicken-tripe: #008b92;

	/* 80/10/10 */
	--prodog-pure-pork: #b31a64;
	--prodog-pure-duck: #78368c;
	--prodog-pure-rabbit: #93909b;
	--prodog-pure-lamb: #008bcb;
	--prodog-pure-beef: #b39070;
	--prodog-pure-turkey: #dbba00;
	--prodog-pure-chicken: #f18700;
	--prodog-pure-beef-chicken: #e35b30;
	--prodog-pure-turkey-fish: #cb5c9e;
	--prodog-pure-beef-tripe: #587256;

	/* economy core */
	--prodog-three-bird: #66797c;
	--prodog-chicken-lamb: #654871;
	--prodog-beef-lamb: #932842;
	--prodog-chicken-fish: #d85957;

	/* exotics */
	--prodog-goat: #40c0f0;
	--prodog-goose: #94c356;
	--prodog-venison: #65c1be;
	--prodog-wild-boar: #fbbb33;

	/* bundles */
	--prodog-bundle-with-offal: #b31a64;
	--prodog-bundle-economy: #932842;
	--prodog-bundle-mixed: #008b92;
	--prodog-bundle-luxury: #78368c;
	--prodog-bundle-low-phosphorus: #32b3a2;
	--prodog-bundle-core: #f18700;
	--prodog-bundle-sensitivity: #93909b;
	--prodog-bundle-offal-free: #d83541;
	--prodog-bundle-beef-chicken-free: #008bcb;
	--prodog-bundle-chicken-free: #587256;
	--prodog-bundle-poultry-free: #ace5fc;
	--prodog-bundle-exotic: #a3985c;
	--prodog-bundle-lower-fat: #ea516d;
	--prodog-bundle-801010: #008bcb;
	--prodog-bundle-chicken-free-801010: #f18700;
	--prodog-bundle-fish-free-801010: #dbba00;
	--prodog-bundle-puppy: #cb5c9e;
	--prodog-bundle-fish-free-puppy: #008b92;

	/* supps */
	--prodog-flexx: #e11f21;
	--prodog-digest: #f28d28;
	--prodog-protect: #fdd700;
	--prodog-revive: #71af2c;
	--prodog-repel: #009b97;
	--prodog-perform: #007ec7;
	--prodog-shine: #83d0f5;
	--prodog-muscle: #e8308a;
	--prodog-boost: #f39aa1;
	--prodog-colostrum: #fff9c7;
	--prodog-flexx-alt: #c14744;
	--prodog-digest-alt: #e87921;
	--prodog-protect-alt: #f3e162;
	--prodog-revive-alt: #93b834;
	--prodog-repel-alt: #006A78;
	--prodog-perform-alt: #59dbfa;
	--prodog-shine-alt: #7d7cbd;
	--prodog-muscle-alt: #b770a5;
	--prodog-boost-alt: #efa0cf;
	--prodog-colostrum-alt: #ffe995;
	--prodog-colostrum-legible: #FBD528;

	/* treats */
	--prodog-treats-purple: #654871;
	--prodog-treats-green: #99be59;
	--prodog-treats-fuchsia: #951b81;
	--prodog-treats-blue: #312783;
	--prodog-treats-red: #be1d28;
	--prodog-treats-yellow: #ffed00;
	--prodog-treats-brown: #846f65;
	--prodog-treats-gold: #8c8252;
	--prodog-treats-light-blue: #0093d2;
	--prodog-treats-pink: #ea516d;
	--prodog-treats-orange: #ea8938;

	/* remedies */
	--prodog-remedies-red: #fd4a4d;
	--prodog-remedies-green: #75d7bf;
	--prodog-remedies-purple: #8969b0;
	--prodog-remedies-pink: #f66b92;
	--prodog-remedies-blue: #ace5fc;

	/* Link Style */
	--link-color-base: var(--prodog-teal);
	--link-decoration-base: underline;
	--link-hover-color-base: var(--prodog-black);
	--link-hover-decoration-base: none;

	/* Fonts */
	--font-family-base: 'Montserrat', sans-serif;
	--font-family-secondary: 'Gotham', sans-serif;
	/*--font-family-secondary: 'BlackDiamond', sans-serif;*/

	/* Headings Style */
	--heading-font-family: 'Gotham', sans-serif;
	--heading-margin: 0 0 25px 0;
	--heading-font-weight: 900;
	--heading-pre-font-weight: 400;
	--heading-text-transform: uppercase;

	/* Headings Style */
	--base-margin: 0 0 20px 0;

	/* Font sizes */
	--font-size-base: 16px;
	--font-size-h1: 70px;
	--font-size-h2: 50px;
	--font-size-h2-smaller: 40px;
	--font-size-h3: 30px;
	--font-size-h4: 16px;
	--font-size-h5: 16px;
	--font-size-h6: 10px;
	--font-size-btn: 18px;
	--font-size-sm: 14px;
	--font-size-md: 18px;
	--font-size-lg: 24px;
	--font-size-xl: 30px;
	--font-size-xxl: 48px;

	/* Font weights */
	--font-weight-base: 500;
	--font-weight-h1: 900;
	--font-weight-h2: 900;
	--font-weight-h3: 700;
	--font-weight-h4: 700;
	--font-weight-h5: 700;
	--font-weight-h6: 700;
	--font-weight-btn: 900;
	--font-weight-heavy: 900;
	--font-weight-bold: 700;
	--font-weight-normal: 400;
	--font-weight-light: 200;

	/* Line heights */
	--line-height-base: 1.5;
	--line-height-heading: 1.2;
	--line-height-h1: 60px;
	--line-height-h2: 50px;
	--line-height-h3: 40px;
	--line-height-h4: 24px;
	--line-height-h5: 20px;
	--line-height-h6: 16px;
	--line-height-lg: 28px;

	/* Spacing */
	--spacing-xs: 4px;
	--spacing-sm: 8px;
	--spacing-md: 16px;
	--spacing-lg: 24px;
	--spacing-xl: 40px;

	/* Border radius */
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 16px;

	/* Paddings */
	--px-btn: 16px;
	--py-section: 50px;
	--py-section-small: 25px;
	--py-section-medium: 30px;
	--py-section-large: 70px;
	--px-form-control: 13px;
	--py-form-control: 15px;
	--py-gutter-base: 20px;

	/* Heights */
	--height-btn: 30px;
	--height-form-control: 30px;

	/* Widths */
	--width-base: 1225px;
	--width-base-feeding-guide: 1160px;
	--width-base-wide: 1540px;

	/* Transition defaults */
	--transition-fast: all 0.2s ease;
	--transition-medium: all 0.3s ease;
	--transition-slow: all 0.6s ease;

}

@media only screen and (max-width: 1099px) {

	:root {

		/* Font sizes */
		--font-size-h1: 50px;

		/* Line heights */
		--line-height-h1: 50px;

	}

}

@media only screen and (max-width: 767px) {

	:root {

		/* Headings Style */
		--heading-margin: 0 0 15px 0;

		/* Font sizes */
		--font-size-base: 15px;
		--font-size-h1: 40px;
		--font-size-h2: 30px;
		--font-size-h2-smaller: 25px;
		--font-size-h3: 20px;
		--font-size-md: 17px;
		--font-size-lg: 22px;
		--font-size-xl: 24px;
		--font-size-xxl: 40px;

		/* Line heights */
		--line-height-h1: 40px;
		--line-height-h2: 40px;
		--line-height-h3: 25px;
		--line-height-h4: 20px;

	}

}