/*
	# KFD - Kennedy Finewood Design
	Core Styles
	-----------------------------------*/
	:root {
		--cream:			#F0EDDF;
		--cream-alt:		#E9E4D0;
		--brown:			#B18857;
		--brown-dark:		#956935;
		--brown-deep:		#504037;
		--gold:				#F6B110;
		--taupe:			#8B857D;
		--dark:				#232321;
		--dark-brown:		#352F2A;
		--dark-divider:		#514B45;
		--white:			#FFFFFF;

		--font-display:		'Bebas Neue', sans-serif;
		--font-body:		'Roboto', sans-serif;
		--font-accent:		'Roboto Slab', serif;
	}


	#kfd								{ width:100%; margin-top:0 !important; z-index:1; position:relative; background-color:var(--cream); font-family:var(--font-body); font-weight:400; color:var(--brown-deep); }



		/*	Hull
		-------------------------------*/
		#kfd_hull						{ width:100%; z-index:1; position:relative; }



		/*	Core Container
		-------------------------------*/
		.core							{ width:100%; max-width:1280px; margin:0 auto; padding:0 48px; position:relative; }

		@media (max-width: 1023px) {
			.core						{ padding:0 32px; }
		}

		@media (max-width: 599px) {
			.core						{ padding:0 20px; }
		}



		/*	Section Titles
		-------------------------------*/
		.section-label					{ display:block; text-transform:uppercase; letter-spacing:3px; line-height:1.2; font-family:var(--font-body); font-size:14px; font-weight:500; color:var(--brown); }

		.section-title					{ margin-top:12px; line-height:1.1; font-family:var(--font-display); font-size:clamp(36px, 5vw, 56px); font-weight:400; color:var(--brown-deep); }

		.section-title.light			{ color:var(--white); }



		/*	Buttons
		-------------------------------*/
		a.btn,
		button.btn						{ display:inline-block; padding:14px 35px; background-color:var(--brown); border:2px solid var(--brown); line-height:1; font-family:var(--font-display); font-size:18px; font-weight:400; letter-spacing:1.8px; color:var(--white); transition:background .3s ease, border-color .3s ease, color .3s ease; }

		a.btn:hover,
		button.btn:hover				{ background-color:var(--brown-dark); border-color:var(--brown-dark); }

		a.btn.outline					{ background-color:transparent; color:var(--brown); }
		a.btn.outline:hover				{ background-color:var(--brown); color:var(--white); }

		a.btn.light						{ background-color:transparent; border-color:var(--white); color:var(--white); }
		a.btn.light:hover				{ background-color:var(--white); color:var(--brown-deep); }



		/*	WP Admin bar
		-------------------------------*/
		#wpadminbar						{ display:none; }



		/*	Material Icons inline
		-------------------------------*/
		.material-symbols-outlined		{ font-size:20px; vertical-align:middle; margin-right:6px; }



/*
	Responsive
	-----------------------------------*/
	@media only screen and (max-width:800px) {

		.mobile							{ display:block; }
		.web							{ display:none; }

	}