/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Custom GeneratePress child theme
 Author:       Bold
 Author URI:   https://bold-studio.co.uk
 Template:     generatepress
 Version:      0.1
*/

/* Constrain max site width */
html {
  max-width: 1920px;
  margin: 0 auto;
  position: relative; /* Fix for absolute positioning */
}
html, body {
  overflow-x: hidden;
}
body {
  position: relative
}

/* Forms (CF7) */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], 
textarea, 
select {
  width: 100%;
}

/******* TYPOGRAPHY *******/

/* Set font family (once fonts are installed, set variable names - body, heading - in Font Library settings) */

.ff-body { 
	font-family: var(--gp-font--body);
}
.ff-heading {
	font-family: var(--gp-font--heading);
}


/* Fluid Typography Scale (https://theadminbar.com/simple-responsive-font-size-calculator/ - Default, 16px body) */

h1, .fs-h1 {
	font-size: clamp(3rem, 2.7273rem + 1.0909vw, 3.6rem);
	font-family: var(--gp-font--heading);
}

h2, .fs-h2 {
	font-size: clamp(2.25rem, 2.0455rem + 0.8182vw, 2.7rem);
	font-family: var(--gp-font--heading);
}

h3, .fs-h3 {
	font-size: clamp(1.875rem, 1.7045rem + 0.6818vw, 2.25rem);
	font-family: var(--gp-font--heading);
}

h4, .fs-h4 {
	font-size: clamp(1.5rem, 1.3636rem + 0.5455vw, 1.8rem);
	font-family: var(--gp-font--heading);
}

h5, .fs-h5 {
	font-size: clamp(1.25rem, 1.1364rem + 0.4545vw, 1.5rem);
	font-family: var(--gp-font--heading);
}

h6, .fs-h6 {
	font-size: clamp(1.125rem, 1.0227rem + 0.4091vw, 1.35rem);
	font-family: var(--gp-font--heading);
}

/* Remove default background color from mobile/off-canvas hamburger */
.mobile-menu-control-wrapper .menu-toggle, 
.mobile-menu-control-wrapper .menu-toggle:hover, 
.mobile-menu-control-wrapper .menu-toggle:focus, 
.has-inline-mobile-toggle #site-navigation.toggled {
  background-color: transparent;
}


/******* MEDIA QUERIES *******/

@media (max-width: 768px) {
	
	/* Smaller play button for video embeds (BCVE) */
	.hd-bcve-wrapper .play-button::after {
 		border-width: 1.2em 0 1.2em 2em;
	}
	
}

@media (min-width: 481px) and (max-width: 768px) {
	
	/* Forms (CF7) */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], 
textarea, 
select {
  width: 70%;
}
	
}