/* this is the equivelant of body but doesn't effect WP Editor Tools. Kindof like our old #site-container 
   anywhere need this body font just use this variable --body-font */
:root {
  --body-font: clamp(16px, 1.4vw, 32px);
}

.wp-site-blocks{
  font-size: var(--body-font);    
}


/* Any CQI increment requires its parent to be container-type: inline-style 
  The unit measurement eg -xx corresponds only to the px count if the container is in fact 1920px wide.  
  The base px will NOT be be aligned with those xx in any other container size.
  This is just to give you some sense of scale at 1920 but it is ultimately meaning  less in all other container sizes.
*/

.cm-clamp-cqi-12 { font-size: clamp(9.218px, 0.627cqi, 23.284px); } 
.cm-clamp-cqi-13 { font-size: clamp(9.218px, 0.679cqi, 25.224px); }
.cm-clamp-cqi-14 { font-size: clamp(9.218px, 0.731cqi, 27.164px); }
.cm-clamp-cqi-15 { font-size: clamp(9.218px, 0.784cqi, 29.104px); }
.cm-clamp-cqi-16 { font-size: clamp(9.218px, 0.836cqi, 31.045px); }
.cm-clamp-cqi-17 { font-size: clamp(9.218px, 0.888cqi, 32.985px); }
.cm-clamp-cqi-18 { font-size: clamp(9.218px, 0.940cqi, 34.925px); }
.cm-clamp-cqi-19 { font-size: clamp(9.218px, 0.993cqi, 36.866px); }
.cm-clamp-cqi-20 { font-size: clamp(9.218px, 1.045cqi, 38.806px); }
.cm-clamp-cqi-21 { font-size: clamp(9.218px, 1.097cqi, 40.746px); }
.cm-clamp-cqi-22 { font-size: clamp(9.218px, 1.149cqi, 42.687px); }
.cm-clamp-cqi-23 { font-size: clamp(9.218px, 1.201cqi, 44.627px); }
.cm-clamp-cqi-24 { font-size: clamp(9.218px, 1.254cqi, 46.567px); }
.cm-clamp-cqi-25 { font-size: clamp(9.218px, 1.306cqi, 48.507px); }
.cm-clamp-cqi-26 { font-size: clamp(9.218px, 1.358cqi, 50.448px); }
.cm-clamp-cqi-27 { font-size: clamp(9.218px, 1.410cqi, 52.388px); }
.cm-clamp-cqi-28 { font-size: clamp(9.218px, 1.463cqi, 54.328px); }
.cm-clamp-cqi-29 { font-size: clamp(9.218px, 1.515cqi, 56.269px); }
.cm-clamp-cqi-30 { font-size: clamp(9.218px, 1.567cqi, 58.209px); }
.cm-clamp-cqi-31 { font-size: clamp(9.218px, 1.619cqi, 60.149px); }
.cm-clamp-cqi-32 { font-size: clamp(9.218px, 1.672cqi, 62.090px); }
.cm-clamp-cqi-33 { font-size: clamp(9.218px, 1.724cqi, 64.030px); }
.cm-clamp-cqi-34 { font-size: clamp(9.218px, 1.776cqi, 65.970px); }
.cm-clamp-cqi-35 { font-size: clamp(9.218px, 1.828cqi, 67.910px); }
.cm-clamp-cqi-36 { font-size: clamp(9.218px, 1.881cqi, 69.851px); }
.cm-clamp-cqi-37 { font-size: clamp(9.218px, 1.933cqi, 71.791px); }
.cm-clamp-cqi-38 { font-size: clamp(9.218px, 1.985cqi, 73.731px); }
.cm-clamp-cqi-39 { font-size: clamp(9.218px, 2.037cqi, 75.672px); }
.cm-clamp-cqi-40 { font-size: clamp(9.218px, 2.090cqi, 77.612px); }
.cm-clamp-cqi-41 { font-size: clamp(9.218px, 2.142cqi, 79.552px); }
.cm-clamp-cqi-42 { font-size: clamp(9.218px, 2.194cqi, 81.493px); }
.cm-clamp-cqi-43 { font-size: clamp(9.218px, 2.246cqi, 83.433px); }
.cm-clamp-cqi-44 { font-size: clamp(9.218px, 2.299cqi, 85.373px); }
.cm-clamp-cqi-45 { font-size: clamp(9.218px, 2.351cqi, 87.313px); }
.cm-clamp-cqi-46 { font-size: clamp(9.218px, 2.403cqi, 89.254px); }
.cm-clamp-cqi-47 { font-size: clamp(9.218px, 2.455cqi, 91.194px); }
.cm-clamp-cqi-48 { font-size: clamp(9.218px, 2.507cqi, 93.134px); }
.cm-clamp-cqi-49 { font-size: clamp(9.218px, 2.560cqi, 95.075px); }
.cm-clamp-cqi-50 { font-size: clamp(9.218px, 2.612cqi, 97.015px); }
.cm-clamp-cqi-51 { font-size: clamp(9.218px, 2.664cqi, 98.955px); }
.cm-clamp-cqi-52 { font-size: clamp(9.218px, 2.716cqi, 100.896px); }
.cm-clamp-cqi-53 { font-size: clamp(9.218px, 2.769cqi, 102.836px); }
.cm-clamp-cqi-54 { font-size: clamp(9.218px, 2.821cqi, 104.776px); }
.cm-clamp-cqi-55 { font-size: clamp(9.218px, 2.873cqi, 106.716px); }
.cm-clamp-cqi-56 { font-size: clamp(9.218px, 2.925cqi, 108.657px); }
.cm-clamp-cqi-57 { font-size: clamp(9.218px, 2.978cqi, 110.597px); }
.cm-clamp-cqi-58 { font-size: clamp(9.218px, 3.030cqi, 112.537px); }
.cm-clamp-cqi-59 { font-size: clamp(9.218px, 3.082cqi, 114.478px); }
.cm-clamp-cqi-60 { font-size: clamp(9.218px, 3.134cqi, 116.418px); }
.cm-clamp-cqi-61 { font-size: clamp(9.218px, 3.187cqi, 118.358px); }
.cm-clamp-cqi-62 { font-size: clamp(9.218px, 3.239cqi, 120.299px); }
.cm-clamp-cqi-63 { font-size: clamp(9.218px, 3.291cqi, 122.239px); }
.cm-clamp-cqi-64 { font-size: clamp(9.218px, 3.343cqi, 124.179px); }
.cm-clamp-cqi-65 { font-size: clamp(9.218px, 3.396cqi, 126.119px); }
.cm-clamp-cqi-66 { font-size: clamp(9.218px, 3.448cqi, 128.060px); }
.cm-clamp-cqi-67 { font-size: clamp(9.218px, 3.500cqi, 130.000px); }
.cm-clamp-cqi-68 { font-size: clamp(9.218px, 3.552cqi, 131.940px); }
.cm-clamp-cqi-69 { font-size: clamp(9.218px, 3.604cqi, 133.881px); }
.cm-clamp-cqi-70 { font-size: clamp(9.218px, 3.657cqi, 135.821px); }
.cm-clamp-cqi-71 { font-size: clamp(9.218px, 3.709cqi, 137.761px); }
.cm-clamp-cqi-72 { font-size: clamp(9.218px, 3.761cqi, 139.701px); }
.cm-clamp-cqi-73 { font-size: clamp(9.218px, 3.813cqi, 141.642px); }
.cm-clamp-cqi-74 { font-size: clamp(9.218px, 3.866cqi, 143.582px); }
.cm-clamp-cqi-75 { font-size: clamp(9.218px, 3.918cqi, 145.522px); }
.cm-clamp-cqi-76 { font-size: clamp(9.218px, 3.970cqi, 147.463px); }
.cm-clamp-cqi-77 { font-size: clamp(9.218px, 4.022cqi, 149.403px); }
.cm-clamp-cqi-78 { font-size: clamp(9.218px, 4.075cqi, 151.343px); }
.cm-clamp-cqi-79 { font-size: clamp(9.218px, 4.127cqi, 153.284px); }
.cm-clamp-cqi-80 { font-size: clamp(9.218px, 4.179cqi, 155.224px); }
.cm-clamp-cqi-81 { font-size: clamp(9.218px, 4.231cqi, 157.164px); }
.cm-clamp-cqi-82 { font-size: clamp(9.218px, 4.284cqi, 159.104px); }
.cm-clamp-cqi-83 { font-size: clamp(9.218px, 4.336cqi, 161.045px); }
.cm-clamp-cqi-84 { font-size: clamp(9.218px, 4.388cqi, 162.985px); }
.cm-clamp-cqi-85 { font-size: clamp(9.218px, 4.440cqi, 164.925px); }
.cm-clamp-cqi-86 { font-size: clamp(9.218px, 4.493cqi, 166.866px); }
.cm-clamp-cqi-87 { font-size: clamp(9.218px, 4.545cqi, 168.806px); }
.cm-clamp-cqi-88 { font-size: clamp(9.218px, 4.597cqi, 170.746px); }
.cm-clamp-cqi-89 { font-size: clamp(9.218px, 4.649cqi, 172.687px); }
.cm-clamp-cqi-90 { font-size: clamp(9.218px, 4.701cqi, 174.627px); }
.cm-clamp-cqi-91 { font-size: clamp(9.218px, 4.754cqi, 176.567px); }
.cm-clamp-cqi-92 { font-size: clamp(9.218px, 4.806cqi, 178.507px); }
.cm-clamp-cqi-93 { font-size: clamp(9.218px, 4.858cqi, 180.448px); }
.cm-clamp-cqi-94 { font-size: clamp(9.218px, 4.910cqi, 182.388px); }
.cm-clamp-cqi-95 { font-size: clamp(9.218px, 4.963cqi, 184.328px); }
.cm-clamp-cqi-96 { font-size: clamp(9.218px, 5.015cqi, 186.269px); }
.cm-clamp-cqi-97 { font-size: clamp(9.218px, 5.067cqi, 188.209px); }
.cm-clamp-cqi-98 { font-size: clamp(9.218px, 5.119cqi, 190.149px); }
.cm-clamp-cqi-99 { font-size: clamp(9.218px, 5.172cqi, 192.090px); }
.cm-clamp-cqi-100 { font-size: clamp(9.218px, 5.224cqi, 194.030px); }
.cm-clamp-cqi-101 { font-size: clamp(9.218px, 5.276cqi, 195.970px); }
.cm-clamp-cqi-102 { font-size: clamp(9.218px, 5.328cqi, 197.910px); }
.cm-clamp-cqi-103 { font-size: clamp(9.218px, 5.381cqi, 199.851px); }
.cm-clamp-cqi-104 { font-size: clamp(9.218px, 5.433cqi, 201.791px); }
.cm-clamp-cqi-105 { font-size: clamp(9.218px, 5.485cqi, 203.731px); }
.cm-clamp-cqi-106 { font-size: clamp(9.218px, 5.537cqi, 205.672px); }
.cm-clamp-cqi-107 { font-size: clamp(9.218px, 5.590cqi, 207.612px); }
.cm-clamp-cqi-108 { font-size: clamp(9.218px, 5.642cqi, 209.552px); }
.cm-clamp-cqi-109 { font-size: clamp(9.218px, 5.694cqi, 211.493px); }
.cm-clamp-cqi-110 { font-size: clamp(9.218px, 5.746cqi, 213.433px); }
.cm-clamp-cqi-111 { font-size: clamp(9.218px, 5.799cqi, 215.373px); }
.cm-clamp-cqi-112 { font-size: clamp(9.218px, 5.851cqi, 217.313px); }
.cm-clamp-cqi-113 { font-size: clamp(9.218px, 5.903cqi, 219.254px); }
.cm-clamp-cqi-114 { font-size: clamp(9.218px, 5.955cqi, 221.194px); }
.cm-clamp-cqi-115 { font-size: clamp(9.218px, 6.007cqi, 223.134px); }
.cm-clamp-cqi-116 { font-size: clamp(9.218px, 6.060cqi, 225.075px); }
.cm-clamp-cqi-117 { font-size: clamp(9.218px, 6.112cqi, 227.015px); }
.cm-clamp-cqi-118 { font-size: clamp(9.218px, 6.164cqi, 228.955px); }
.cm-clamp-cqi-119 { font-size: clamp(9.218px, 6.216cqi, 230.896px); }
.cm-clamp-cqi-120 { font-size: clamp(9.218px, 6.269cqi, 232.836px); }
