/* @override 
	https://garypinns.local/wp-content/themes/garypinns/fonts.css?* */
	
@font-face {
  font-family: 'Inter';
  src: url('fonts/InterVariable.woff2') format('woff2');
  font-weight: normal;
  font-style: normal; 
/*  font-feature-settings: 'ss08' 1; */
  }
  
@font-face {
  font-family: 'Inter_Italic';
  src: url('fonts/InterVariable-Italic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal; } 


fonts {
	font-variation-settings: "wght" 400;
	font-weight: normal; }

/* @group Typography */

body,
button,
input,
select,
textarea,
blockquote {
 	font-family: 'Nunito', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 	font-variation-settings: "wght" 400;
 	font-size: .62rem; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Inter', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: normal;
	font-variation-settings: "wght" 700; }
	
.wp-block-group + .wp-block-heading {
	margin-top: 2em; }

h1 {
  font-size: 3.7em;
  line-height: 1.1em;
  margin: 1.8em 0 .6em 0; }

h2 {
  font-size: 3.0em;
  line-height: 1.1em;
  margin: .4em 0 .2em 0; }
  
  .main > h2 {
		position: relative;
		margin: 1.2em 0 .4em;	}
		
	h2 + h5 {
		font-family: 'Nunito', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
		font-size: 1.8em;
		line-height: 1.3em;
		font-variation-settings: "wght" 400;
		color: #333;
		margin-top: 12px !important; 	}
		
	h2 + h5:after {
		/*train, ingrain, enjoy*/
		content: '';
		display: block;
		width: 40%;
		margin: 16px auto 0;
		border-bottom: 4px solid var(--wp--preset--color--tertiary); }

h3 {
	font-family: 'Inter_Italic';
  font-size: 2.6em;
	font-variation-settings: "wght" 350;
  line-height: 1.1em;
  margin: .5em 0 .6em 0; }
	
	h3 + h3 {
		margin: .3em 0 !important;
		font-family: 'Inter';}
	
	h3 strong {
		font-weight: normal;
		font-variation-settings: "wght" 680;	}
  
  :root :where(.editor-styles-wrapper) :where(.is-layout-flow) > h3 {
		margin-block-start: 60px;	}
		
	:root :where(.editor-styles-wrapper) :where(.is-layout-flow) > h3 + p {
		margin-block-start: 12px;	}
  
  h3 + p {
		margin-top: -8px;	}

h4 {
  font-size: 2.4em;
	line-height: 1.4em;
	font-variation-settings: "wght" 400;
	margin: 4.5em 0 .2em;
	text-align: center; }
	
	h4 strong {
		font-variation-settings: "wght" 700;	}
  
  .wp-block-group h4 {
		/*Learn to consistently move better*/
		margin: 0 0 28px;
		max-width: 670px;
		padding-right: 20px;
	  padding-left: 20px;	}
		
		:where(.editor-styles-wrapper) .is-root-container > h4 {
			margin-block-start: 120px !important;		}
  
h4:before {
	content: url(images/icon.svg);
	display: block;
	width: 100px;
	height: 0;
	transform: scale(.5);
	margin: -92px auto 0;
	padding-top: 0;
	padding-bottom: 95px;	}

h5 {
	/*Train anytime, anywhere with just a club and a mirror*/
  font-size: 2.4em;
  line-height: 1.1em;
  margin: 1.7em 0 .4em 0; }

h6 {
  text-transform: uppercase;
  font-size: 1.7em;
  line-height: 1.1em;
	margin: 2em 0 .5em; }

img {
  border: 0;
	max-width: 100%;
	height: auto;}
	
button, input, textarea, select {
  font-size: 1.7em;
  line-height: 1.5em; }
  
	.acf-input input {
		font-size: .6em; }
	
	ul.acf-radio-list li, 
	ul.acf-checkbox-list li {
		font-size: .6em; }

p, blockquote, pre {
  font-size: 1.8em;
  line-height: 1.6em;
  margin: 1em 0em 1em 0em; }

ol, ul, dl, table {
  font-size: 1.8em;
  line-height: 1.6em;
  margin: 1.2em 0em 1.2em 0em; }
  
sup {
	vertical-align: super;
	font-size: .7rem;
	line-height: .7rem; }
  
figcaption {
	text-align: center;
  font-size: 1.4em;
  line-height: 1.4em;
  margin: .2em 0 .2em 0; }

ol, ul, dl, table {
  line-height: 1.5em;
  padding-left: 2.2em; }

ul > li, 
ol > li {
	font-size: 1em;
	margin: 0;
	padding: 4px 0;}

ul > li > ul, 
ol > li > ol {
	margin: 0; }

ul > li > ul > li, 
ol > li > ol > li {
	font-size: 1.1rem;
	line-height: 1.9rem;
	margin: 0;}

s,del	{
	text-decoration: line-through; }
	
strong, b {
	font-weight: bold; }
	
	.wp-block-group.has-blue-gradient-background strong {
		font-weight: normal;
		color: #BEE6FA; 	}
 
.small {
	font-size: .7rem; }

/* @end */

/* @group Block: Row/Group */
		
.wp-block-group.is-layout-flex {
	padding: 0em;
	gap: 8px !important;
	margin-top: 14px !important; }

/* @end */

/* @group blockquote */

blockquote {
	font-size: 1em;
	line-height: 1em;
	position: relative;
	font-weight: normal;
	font-style: normal;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	background: linear-gradient(10deg, #006096 0%, #0d679c 50%, #0c5680 100%); }
	
blockquote > * {
	width: 92%;
	max-width: 690px;
	margin-right: auto;
	margin-left: auto; }
	
blockquote p {
	font-family: 'Inter';
	font-size: 2.7em;
	line-height: 1.4em;
	font-variation-settings: "wght" 700; }
	
blockquote cite {
	font-family: 'Inter';
	color: var(--wp--preset--color--accent);
	font-size: 1.9em;
	line-height: 1.5em;
	font-style: italic;}	
	
blockquote cite strong {
	color: #fff;
	font-weight: normal;
	font-variation-settings: "wght" 700;
	font-style: normal; }	
	
/*blockquote:before {
	content: url(images/icon.svg);
	display: block;
	width: 100px;
	height: 88px;
	transform: scale(.4);
	margin: -27px auto 0;
	padding-top: 0;
	padding-bottom: 90px;	}*/
	
/*	:where(.editor-styles-wrapper) blockquote:before {
		height: 8px; 	}*/

/* @end */
/* @group Details Block */

details.wp-block-details {
	margin: 0 auto;
	padding: 13px 0 15px;
	transition: all 0.5s ease-in-out; 
	border-bottom: 1.5px solid var(--wp--preset--color--accent); }

details > summary {
	/*title*/
	font-family: 'Inter';
	font-size: 2.1em;
  line-height: 1.4em;
	color: var(--wp--preset--color--primary);
  margin: 0;
	font-variation-settings: "wght" 500;
	transition: all 0.5s ease-in-out;
	box-sizing: border-box;
	padding: 0 24px; }
	
/*match these to line up margins*/
details > summary {
	padding-left: 6px;}
	
.wp-block-details > :where( :not( summary ) ) {
	margin-left: 2px;
	margin-right: 7px; }

.wp-block-details p {
	padding: 8px 0 4px;
	transition: all 0.5s ease-in-out;
	margin-top: 0;
	margin-bottom: 0; }

.wp-block-details summary,
details.wp-block-details {
	background: none !important; }

/* Change the background of the `summary` element based on state. */
.wp-block-details[open] summary,
.wp-block-details summary:hover,
.wp-block-details summary:focus {
	background: #eee; }

details.wp-block-details:first-of-type {
	margin-top: 4em;  }

details.wp-block-details:last-of-type {
	margin-bottom: 5em;  }	
	
details summary { 
  cursor: pointer; }

/* @end */

/* @group Block File */

.wp-block-file {
	text-align: left;
	margin: 1.5em 0 2.5em;
	font-size: 1.8em !important;
	line-height: 1.4em; 
  padding: 0px; }

.wp-block-file a {
	text-decoration: none;
	display: table; }

.wp-block-file .wp-block-file__button {
	font-size: .9rem;
	line-height: 1rem;
	padding: 6px 10px 7px;
  border-radius: 0;
  color: #fff;
	margin: 8px 0; }

.wp-block-search {
  font-size: 1rem; }
  
.wp-block-search .wp-block-search__label {
  text-align: left !important;
	margin: 0 !important;
  font-style: normal; }

/* @end */

/* @group Buttons */

.gform-theme.gform-theme--framework.gform_wrapper .button {
	border-radius: 5px !important;
	font-weight: 700 !important;
	text-shadow: 1px 1px 1px rgba(155, 78, 16, 0.62);
	font-size: 1.1rem !important;
	color: var(--wp--preset--color--white) !important;
	background: var(--wp--preset--color--secondary) !important;
	padding: 3px 18px 6px !important; }
	
.gform-theme.gform-theme--framework.gform_wrapper .button:hover {
	color: var(--wp--preset--color--white) !important;
	background: var(--wp--preset--color--primary) !important; }

.wp-block-button.is-style-button-main > .wp-block-button__link {
	color: var(--wp--preset--color--white);
	background: var(--wp--preset--color--primary); }
	
.wp-block-button.is-style-button-main a:hover {
	color: var(--wp--preset--color--white);
	background: var(--wp--preset--color--tertiary); }
	
.editor-styles-wrapper .wp-block-button.is-style-main > .wp-block-button__link {
	color: var(--wp--preset--color--primary);
	background: transparent; }
  
/* @end */
/* @group Search */

.wp-block-search {
  font-size: 1rem; }
  
.wp-block-search .wp-block-search__label {
  text-align: left !important;
	margin: 0 !important;
  font-style: normal; }
  
 #searchform.searchform {
	margin-top: 2em;
	margin-bottom: 4em; }

#searchform.searchform label {
  display: none;}

#searchform.searchform input {
	font-size: 1rem !important;
	line-height: 1.8em !important;
  background: linear-gradient(to right, white 0%, #f8f8f8 100%) #fff;
	border-radius: 0 !important;
  border: 1px solid #333;
  display: inline-block;
  vertical-align: top;
  padding: 3px 10px 4px 15px; }

#searchform.searchform input#searchsubmit {
  border: none;
	margin-top: 0px !important;
	border-radius: 0 !important;
 	padding: 11px 17px 9px !important;}

#searchform.searchform input#searchsubmit:hover {
  background: #666 !important; }

#searchform.searchform input:focus, 
#searchform.searchform textarea:focus {
  background: #fff !important;
	border: 1px solid #000;
  color: #222;
  outline: none; }

#searchform.searchform input#searchsubmit,
.wp-block-search .wp-block-search__button {
  width: auto !important;
	margin: 0 !important;
	border: none;
	border-radius: 0px !important;
  color: #fff;
  background: #333 !important;
	padding: 5px 18px 7px !important; 
	line-height: 1.6em !important;	 }

/* @end */