/* @override 
	https://jimestes.local/wp-content/themes/jimestes/fonts.css */

/*
font-family: modesto-poster, serif;
400
font-family: modesto-text, serif;
400
700
font-family: usual, sans-serif;
400i
700i
font-family: articulat-cf, sans-serif;
00
*/
/*
var(--headline_alt)
*/

:root {
  --headline_font: 'Articulat CF', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--headline_alt: 'modesto-poster', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--modesto_button: 'modesto-text', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --body_font: 'Usual', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}


/* @group Typography */
body,
button,
input,
select,
textarea,
blockquote {
 	font-family: var(--body_font);
 	color: var(--wp--preset--color--primary);
 	font-weight: 400;
 	font-size: .62rem; }

h2, h3, h4 {
	font-family:  var(--headline_font);
	color: var(--wp--preset--color--primary);
	font-weight: 700; }
	
h1, h5, h6 {
	font-family: var(--headline_alt);
	color: var(--wp--preset--color--primary);
	font-weight: 400;
	text-transform: uppercase; }
	
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong {
	font-weight: inherit;
  color: var(--wp--preset--color--secondary); }
	
/*.wp-block-group + .wp-block-heading {
	margin-top: 2em; }*/

h1 {
  font-size: 2.6em;
  line-height: 1.1em;
	color: var(--wp--preset--color--blue);
  margin: 1.2em 0 .6em 0;}

h1 strong {
  color: var(--wp--preset--color--red); }
  
h1 + p {
	margin-top: .6em !important;}

h2 {
  font-size: 2.8em;
  line-height: 1.1em;
  color: #0b4380;
  margin: .8em 0 .2em 0; }
  
  h2.alignfull {
		padding-top: 1.5em;
		padding-bottom: 1.8em;
		margin-top: 2.5em;
		margin-bottom: 2em; 	}
  
  h2.alignfull:before {
		content: '';
		display: block;
		width: 56px;
		height: 48px;
		margin: 0 auto 8px;
		background: url(images/logo.png);
		background-position: center center;
    background-size: cover;	}
  
h2 + h6 {
	color: var(--wp--preset--color--secondary);
	margin-top: -.1em; }

h3 {
	color: var(--wp--preset--color--primary);
  font-weight: bold;
  font-size: 2.5em;
  line-height: 1.3em;
	margin: 1.3em 0 .1em 0; }
	
	h3 + p {
		margin-top: .6em !important; 	}
	
h4 {
  font-weight: 500;
  font-size: 2.2em;
  line-height: 1.0em;
  margin: 1.3em 0 1.2em 0;}

h5 {
  font-size: 2.6em;
  line-height: 1.1em;
  letter-spacing: -0.01em;
  color: #ed2330;
  text-transform: uppercase;
  margin: 1.2em 0 .4em 0;}
  
  .wp-block-image + h5 {
		margin-top: 0em; 	}
  
  .wp-block-media-text .wp-block-media-text__content h5 {
		margin: .8em 0 0;	}
		
	.wp-block-media-text .wp-block-media-text__content h5 + p {
		margin-top: .5em;	}

h6 {
  font-size: 2em;
  line-height: 1.2em;
  letter-spacing: -0.01em;
  color: #0e57a6;
  text-transform: uppercase;
  margin: 1.3em 0em; }
  
  h6 + p {
		margin-top: .1em !important; 	}
  
  h5 + h6 {
		margin-top: -.2em;	}

img {
  border: 0;
	max-width: 100%;
	height: auto;}
	
button, input, textarea, select {
  font-size: 1.6em;
  line-height: 1.5em; }

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

ol, ul, dl, table {
  font-size: 1.8em;
  line-height: 1.5em;
  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 !important;
  line-height: 1.4em;
  margin: .2em 0 .2em 0; }

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

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

ul > li > ul, 
ol > li > ol {
	margin: 6px 0 0 -2em;
	list-style: disc; }

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

s, del	 {
	text-decoration: line-through; }
	
strong, b {
	font-weight: bold; }
 
.small {
	font-size: .7rem; }

/* @end */

/* @group UL > stories */

.main > ul,
.block-editor-block-list__layout ul {
	list-style: none;
	margin: 2em auto 2.5em;
	text-align: center;
	max-width: 540px !important;
	padding: 0 0 5px;
	border-bottom: 3px solid var(--wp--preset--color--tan); }
	
.main > ul li,
.block-editor-block-list__layout ul li {
	border-top: 3px solid var(--wp--preset--color--tan);
	padding: 14px 30px;
	margin: 0; }
	
/* @end */
/* @group Numbered/Ordered Vertical  */

ol.wp-block-list {
  counter-reset: my-counter;
  list-style: none;
  padding-left: 0;
	padding-right: 20px; }

ol.wp-block-list li {
  counter-increment: my-counter;
	padding: 10px 10px 17px 47px; 
	position: relative;
	margin: 0 0 0 10px;
	position: relative; }
	
ol.wp-block-list li strong {
	font-size: 1.4rem;
	line-height: 1rem;
	font-family: var(--headline_font);
	color: var(--wp--preset--color--green); }

ol.wp-block-list li::before {
  content: counter(my-counter);
  position: absolute;
  left: 0;
  background: var(--wp--preset--color--green);
  color: white;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
	font-family: var(--headline_font);
  font-size: 1.2rem;
	line-height: 1rem; }

ol.wp-block-list li::after {
  content: '';
  position: absolute;
  left: 1.0rem; 
  top: 2.2rem; 
  bottom: -0.75rem;
  width: 2px;
  background: var(--wp--preset--color--green);
	z-index: -1; }

ol.wp-block-list li:last-child::after { display: none; }

/* @end */

.wp-block-group.has-background {
	background-blend-mode: soft-light; }

/* @group blockquote */
	
blockquote p {
	font-style: italic;
	font-size: .8em;
	line-height: 1.5em;
	margin: .5em 0; }

blockquote p:after {
	content: '';
	height: 2px;
	display: block;
	background: #c7b299;
	width: 100px;
	margin: 1em auto; }

blockquote cite {
	font: normal normal 1.1rem var(--headline_alt);
	padding: 0;
	margin: .5em 0 .8em;
	line-height: 1.4em;
  width: 100%;
  display: block;
	text-transform: uppercase; }

blockquote cite em {
	font: .9rem var(--body_font);
	line-height: 1.2em;
	font-style: normal;
	font-variant: normal;
	text-transform: none; }

/* @end */

/* @group Accordion */

.wp-block-accordion {
	margin-block-start: -1px !important; }

h3.wp-block-accordion-heading {
	font-family: var(--headline_font);
	font-size: 1.5rem;
	color: var(--wp--preset--color--secondary);
	line-height: 1.5rem;
	font-weight: 700; }
	
.wp-block-accordion-item h6 {
	color: var(--wp--preset--color--primary);
	text-transform: none; }
	
.wp-block-accordion-item p {
	padding-top: 6px;}

.wp-block-accordion-panel {
	padding: 0 10px 34px 0; }

.wp-block-accordion-item { }

.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle,
.wp-block-accordion-heading__toggle:hover,
.wp-block-accordion-heading__toggle:focus { }

.wp-block-accordion-item { 
	border-top: 3px solid var(--wp--preset--color--tan);
	padding-left: 1em;}

.wp-block-accordion:last-child {
	border-bottom: 3px solid var(--wp--preset--color--tan);}

/* @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 {
/*	font-size: 2.1em;
  line-height: 1.4em;*/
	color: var(--wp--preset--color--primary);
  margin: 0;
	transition: all 0.5s ease-in-out;
	box-sizing: border-box;
	padding: 0 24px; }
	
details > summary {
	padding-left: 6px; }
	
.wp-block-details > :where( :not( summary ) ) {
	margin-left: 19px;
	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[open] {
	padding-bottom: 2rem; }*/

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


	/* @group background color */
	
	/*.wp-block-details[open] summary,
	.wp-block-details summary:hover,
	.wp-block-details summary:focus {
		background: #eee; }
	
	details > summary {
		border: 1px solid #ccc;
		padding: 20px;
		background: #eee; }
	
	.wp-block-details p {
		border: 1px solid #ccc;
		padding: 20px;
		background: #f5f4f4;
		margin: -1px 0 0; }*/
	
	/* @end */

/*.wp-block-details summary::marker {
	content: none !important;
}*/

/*.wp-block-details summary::marker {
	content: "+ ";}

.wp-block-details[open] summary::marker {
	content: "- "}*/

/*.wp-block-details summary::after {
	content: " +";
	float: right;
	text-align: right;}

.wp-block-details[open] summary::after {
	content: " -"}*/

.wp-block-details summary::marker {
	font-size: .8rem;
	line-height: 1em; }
	
details.wp-block-details:first-of-type {
	margin-top: 2em;  }

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

/*details.wp-block-details summary {
	font-weight: bold;
	margin: 0; }*/
	
/*details.wp-block-details p {
	margin: 0;
	padding-top: 6px; }*/
	
details summary { 
  cursor: pointer; }
  
/*details summary:focus { 
  color: #333; }*/

/* @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: 9px 16px 7px;
  border-radius: 0;
	background: var(--wp--preset--color--primary);
  color: #fff;
	margin: 8px 0; }  
 
/* @end */
/* @group Buttons */

.wp-block-buttons {
	gap: .8em; }	
	
.wp-block-button {
	font-family:  var(--modesto_button);
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: .4px;
	border-radius: 28px;
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
	
.wp-block-button.is-style-button-main > .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.is-style-button-main > .wp-block-button__link {
	clip-path:  polygon(11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px); 
	color: var(--wp--preset--color--white);
	/*border-color: var(--wp--preset--color--black);*/
	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--secondary); }
	
.wp-block-button.is-style-outline > .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.is-style-outline > .wp-block-button__link  { }

.wp-block-button.is-style-outline a:hover {
	color: var(--wp--preset--color--white);
	background: var(--wp--preset--color--black); }

.wp-block-button.is-style-button-alternate > .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.is-style-button-alternate > .wp-block-button__link {
	color: var(--wp--preset--color--white);
	background: var(--wp--preset--color--contrast); }
	
.wp-block-button.is-style-button-alternate a:hover {
	color: var(--wp--preset--color--white);
	background: var(--wp--preset--color--accent); }
	
/*.wp-block-button.is-style-outline a:hover {
	color: var(--wp--preset--color--white);
	background: var(--wp--preset--color--tertiary); }*/

/*default*/
/*.editor-styles-wrapper .wp-block-button.is-style-default > .wp-block-button__link {
	color: var(--wp--preset--color--black);
	border: 2px solid var(--wp--preset--color--gray);
	background: transparent; }*/
  
/* @end */

/* @group Gravity Forms Button */

.gform-theme.gform-theme--framework.gform_wrapper .button {
	color: var(--wp--preset--color--white) !important;
	border-color: var(--wp--preset--color--red) !important;
	background: var(--wp--preset--color--red) !important; 
	border-radius: 28px !important;
	font-family:  var(--modesto_button) !important;
	text-transform: uppercase !important;
	letter-spacing: .5px !important;}
	
.gform-theme.gform-theme--framework.gform_wrapper .button:hover {
	color: var(--wp--preset--color--white) !important;
	border-color: transparent !important;
	background: var(--wp--preset--color--blue) !important; }

.gform_wrapper .gform_footer input[type="submit"] {
	color: var(--wp--preset--color--white) !important;
	border: none;
	background: var(--wp--preset--color--red) !important;
	border-radius: 0 !important;
	font-size: 1.6em !important;
	font-weight: 400 !important;
	line-height: 1.6em !important;
	padding: 2px 19px 4px !important; 
	font-family:  var(--modesto_button);
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: .4px;
	border-radius: 28px;
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
	
/* @end */