/*!
Theme Name:  Mitchell Digital - 2023
Author:      Mitchell Digital
Author URI:  https://mitchelldigital.co.uk
Description: Our custom theme. Built for modern and fast websites
Version:     1.0.0
License:     GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Template:    page-builder-framework
Text Domain: page-builder-framework-child
*/

/* Colours */
:root {
	--color-primary: #356f44;
}

/* Body Text */
:root {
	/* Step -2: 11.11px → 11.52px */
	--text-xs: clamp(0.69rem, 0.69rem + 0.04vw, 0.72rem);
	/* Step -1: 13.33px → 14.40px */
	--text-s: clamp(0.83rem, 0.81rem + 0.12vw, 0.90rem);
	/* Step 0: 16.00px → 18.00px */
	--text-m: clamp(1.00rem, 0.96rem + 0.22vw, 1.13rem);
	/* Step 1: 19.20px → 22.50px */
	--text-l: clamp(1.20rem, 1.13rem + 0.36vw, 1.41rem);
	/* Step 2: 23.04px → 28.13px */
	--text-xl: clamp(1.44rem, 1.33rem + 0.55vw, 1.76rem);
	/* Step 3: 27.65px → 35.16px */
	--text-xxl: clamp(1.73rem, 1.56rem + 0.82vw, 2.20rem);
}


/* Heading Text */
:root {
	/* Step -2: 11.52px → 10.13px */
	--h6: clamp(0.63rem, 0.75rem + -0.15vw, 0.72rem);
	/* Step -1: 14.40px → 13.50px */
	--h5: clamp(0.84rem, 0.92rem + -0.10vw, 0.90rem);
	/* Step 0: 18.00px → 18.00px */
	--h4: clamp(1.13rem, 1.13rem + 0.00vw, 1.13rem);
	/* Step 1: 22.50px → 23.99px */
	--h3: clamp(1.41rem, 1.37rem + 0.16vw, 1.50rem);
	/* Step 2: 28.13px → 31.98px */
	--h2: clamp(1.76rem, 1.67rem + 0.42vw, 2.00rem);
	/* Step 3: 35.16px → 42.63px */
	--h1: clamp(2.20rem, 2.04rem + 0.81vw, 2.66rem);
	/* Step 4: 43.95px → 56.83px */
	--hxl: clamp(2.75rem, 2.47rem + 1.40vw, 3.55rem);
	/* Step 5: 54.93px → 75.76px */
	--hxxl: clamp(3.43rem, 2.98rem + 2.26vw, 4.74rem);
}

header.wpbf-page-header
{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

header#header .wpbf-container .wpbf-1-4
{
	width: 40%;
}
header#header .wpbf-container .wpbf-3-4
{
	width: 60%;
}

@media screen and (max-width: 768px) {
    
	header#header .wpbf-navigation
	{
		padding: 12px 0;
	}

	header#header .wpbf-navigation .wpbf-mobile-nav-wrapper .wpbf-mobile-logo-container
	{
		width: 100%;
	}

	header#header .wpbf-navigation .wpbf-mobile-nav-wrapper .wpbf-mobile-logo img
	{
		width: 80%;
		display: block;
		margin: auto;
	}

	header#header .wpbf-navigation .wpbf-mobile-nav-wrapper .wpbf-menu-toggle-container
	{
		display: none;
	}

}