/* These styles are used in the backend editor AND in the Theme (frontend) */

/* Most themes nowadays provide an extra stylesheet of classes which WordPress itself then */
/* applies to the backend editor TinyMCE. However, custom CSS - set in Plugins, in the WP  */
/* Customizer or in Theme options, will normally not be reflected to TinyMCE. So better to */
/* put such styles all here, where they will apply to TinyMCE *and* the frontend.          */

/* The goal is not only to make the visual editor display look as much like the frontend as    */
/* possible, but also to make sure that all important CSS classes are available for convenient */
/* selection in TinyMCEs "Formats" dropdown - so do not forget to configure the TinyMCE styles */
/* dropdown with elements to match those here.                                                 */

/* If you do not need this file then upload an empty one (zero bytes) which will not be loaded at all. */

/* Suggested general non-tag-specific visual styles */

.list       { margin: 0.35rem 0; }
.topless    { margin-top: 0 !important; }
.bottomless { margin-bottom: 0 !important; }
.beforelist { margin-bottom: 0.5rem; }
.lastitemem { margin-bottom: 0; padding-bottom: 1.3rem; }

strong { font-weight: bold; }
/* Revert to normal text within strong */
.notstrong { font-weight: normal; }

.smaller { font-size: 0.95rem; line-height: 1.25; }
.small   { font-size: 0.89rem; line-height: 1.2; }

/*.screen-reader-text, .dispnone { display: none; } */

/* Append your site-specific styles here */
html{

	 -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:root {
  --white: #FFF;
  --black: #000;
  --grey: ;
  --button-background: ;
  --button-border: ;
  --heading-one-font-size: clamp(2rem, 10vw + .5rem, 5rem);
  --heading-two-font-size: 1.5rem;
  --heading-three-font-size: 0.85rem;
  --heading-four-font-size: 0.9rem;
  --paragraph-font-size: 0.9rem;
	--meta-font-size:.75rem;
  --button-font-size: 0.8rem;
  --navigation-font-size: 0.75rem;
  --font-one: ;
  --font-two: ;
  --site-spacing:2.5rem;
  --vertical-site-spacing:5rem;
  --mobile-vertical-site-spacing:10rem;
  --menu-vertical-spacing:.5rem;
	--max-width:900px;
}
.accent{
	color:blue;
}
h1,
.h1 {
  font-size: var(--heading-one-font-size);
	
  line-height: 0.95;
  letter-spacing: 0;
  font-family: var(--font-one);
  font-weight: 600;
}
h2,
.h2 {
  font-size: var(--heading-two-font-size);
  line-height: 1.25;
  letter-spacing: 0;
  font-family: var(--font-two);
  font-weight: 400;
}
h3,
.h3 {
  font-size: var(--heading-three-font-size);
  line-height: 1.2;
  letter-spacing: 0px;
  font-family: var(--font-two);
  font-weight: 400;
}
h4,
.h4 {
  font-size: var(--heading-four-font-size);
  line-height: 1.25;
  letter-spacing: 3.6px;
  font-family: var(--font-two);
  font-weight: 900;
}
p,
.p {
  font-size: var(--paragraph-font-size);
  line-height: 1.5;
  letter-spacing: 0.5px;
  font-family: var(--font-two);
  font-weight: 400;
}
.meta,
h6 {
  font-size: var(--meta-font-size);
  line-height: 1.25;
  letter-spacing: 0.5px;
  font-family: var(--font-two);
  font-weight: 400;
}