/**********************************************************************************
Theme Name: ICareIMove
Template: fft
Description: Child theme of FFT Group for ICareIMove
Version: 0.0.1
Author: Studio Finesse
Author URI: https://studiofinesse.co.uk
**********************************************************************************/

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/lato-regular.woff2') format('woff2')
}

@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/lato-italic.woff2') format('woff2')
}

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/lato-700.woff2') format('woff2')
}

@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/lato-700italic.woff2') format('woff2')
}

:root {
	--font-body: 'Lato';
	--font-body-weight: 400;
	--font-body-weight-bold: 700;
	--font-heading: var(--font-bold);
	--font-heading-weight: 700;
	--font-display: var(--font-body);
	--font-display-weight: 700;
	--font-display-case: unset;
	--clr-brand-primary: #fd5657;
	--clr-brand-secondary: #fd5657;
	--clr-brand-tertiary: var(--clr-neutral-950);
	--clr-strong: var(--clr-neutral-900);
	--clr-surface-hero: var(--clr-black);
	--btn-shadow: none;
	--icon-bg: var(--clr-neutral-100);
	--icon-bg-rotation: -20deg;
}

@media (min-width: 73.75em) {
	:root {
		--header-logo-height: 5rem;
	}
}

.btn-primary {
	--btn-bg: var(--clr-brand-primary);
	--btn-shadow: none;
}

.btn-secondary {
	--btn-bg: var(--clr-neutral-100);
	--btn-color: var(--clr-brand-primary);
}

.theme-primary {
	--clr-heading: var(--clr-white);
	--clr-accent: var(--clr-white);
	--icon-bg: var(--clr-white);
	--icon-color: var(--clr-brand-primary);
}

.theme-base-shade {
	--clr-heading: var(--clr-black);
	--clr-link: var(--clr-black);
}

.theme-base-shade .btn-secondary {
	--btn-bg: var(--clr-white);
}

.theme-tertiary {
	--clr-surface: var(--clr-neutral-50);
}

.image-placeholder {
	background-color: var(--clr-neutral-200);
}

.image-placeholder::before {
	display: none;
}

.theme-primary input[type="submit"]:not(.btn) {
	--btn-bg: var(--clr-white);
	--btn-color: var(--clr-brand-primary);
}

.alert-info {
	--clr-surface: var(--clr-neutral-200);
}

.alert-error {
	--clr-text: var(--clr-white);
}