/* ------------------------------------------------------------------ */
/* WYSIWYG output classes                                               */
/* Included in both admin preview and public site templates.           */
/* Colors reference CSS variables defined per site layout.             */
/* ------------------------------------------------------------------ */

/* Text color classes */
.wt-color-brand-primary   { color: var(--color-primary); }
.wt-color-brand-secondary { color: var(--color-secondary); }
.wt-color-primary   { color: var(--color-nav,   var(--color-primary)); }
.wt-color-secondary { color: var(--color-links, var(--color-secondary)); }
.wt-color-tertiary  { color: var(--color-tertiary, #b8000c); }
.wt-color-dark      { color: var(--wt-color-dark,  #1e1e2e); }
.wt-color-light     { color: var(--wt-color-light, #f5f5fa); }

/* font-size classes — --wt-text-* overridden per-site via settings */
.wt-text-sm { font-size: var(--wt-text-sm, 13px); }
.wt-text-md { font-size: var(--wt-text-md, 16px); }
.wt-text-lg { font-size: var(--wt-text-lg, 24px); }
.wt-text-xl { font-size: var(--wt-text-xl, 40px); }

.wt-ta-left    { text-align: left; }
.wt-ta-center  { text-align: center; }
.wt-ta-right   { text-align: right; }
.wt-ta-justify { text-align: justify; }

[class*="wt-fs-"] { font-size: var(--wt-fs); }
.wt-fs-1 { --wt-fs: 1px; }
.wt-fs-2 { --wt-fs: 2px; }
.wt-fs-3 { --wt-fs: 3px; }
.wt-fs-4 { --wt-fs: 4px; }
.wt-fs-5 { --wt-fs: 5px; }
.wt-fs-6 { --wt-fs: 6px; }
.wt-fs-7 { --wt-fs: 7px; }
.wt-fs-8 { --wt-fs: 8px; }
.wt-fs-9 { --wt-fs: 9px; }
.wt-fs-10 { --wt-fs: 10px; }
.wt-fs-11 { --wt-fs: 11px; }
.wt-fs-12 { --wt-fs: 12px; }
.wt-fs-13 { --wt-fs: 13px; }
.wt-fs-14 { --wt-fs: 14px; }
.wt-fs-15 { --wt-fs: 15px; }
.wt-fs-16 { --wt-fs: 16px; }
.wt-fs-17 { --wt-fs: 17px; }
.wt-fs-18 { --wt-fs: 18px; }
.wt-fs-19 { --wt-fs: 19px; }
.wt-fs-20 { --wt-fs: 20px; }
.wt-fs-21 { --wt-fs: 21px; }
.wt-fs-22 { --wt-fs: 22px; }
.wt-fs-23 { --wt-fs: 23px; }
.wt-fs-24 { --wt-fs: 24px; }
.wt-fs-25 { --wt-fs: 25px; }
.wt-fs-26 { --wt-fs: 26px; }
.wt-fs-27 { --wt-fs: 27px; }
.wt-fs-28 { --wt-fs: 28px; }
.wt-fs-29 { --wt-fs: 29px; }
.wt-fs-30 { --wt-fs: 30px; }
.wt-fs-31 { --wt-fs: 31px; }
.wt-fs-32 { --wt-fs: 32px; }
.wt-fs-33 { --wt-fs: 33px; }
.wt-fs-34 { --wt-fs: 34px; }
.wt-fs-35 { --wt-fs: 35px; }
.wt-fs-36 { --wt-fs: 36px; }
.wt-fs-37 { --wt-fs: 37px; }
.wt-fs-38 { --wt-fs: 38px; }
.wt-fs-39 { --wt-fs: 39px; }
.wt-fs-40 { --wt-fs: 40px; }
.wt-fs-41 { --wt-fs: 41px; }
.wt-fs-42 { --wt-fs: 42px; }
.wt-fs-43 { --wt-fs: 43px; }
.wt-fs-44 { --wt-fs: 44px; }
.wt-fs-45 { --wt-fs: 45px; }
.wt-fs-46 { --wt-fs: 46px; }
.wt-fs-47 { --wt-fs: 47px; }
.wt-fs-48 { --wt-fs: 48px; }
.wt-fs-49 { --wt-fs: 49px; }
.wt-fs-50 { --wt-fs: 50px; }
.wt-fs-51 { --wt-fs: 51px; }
.wt-fs-52 { --wt-fs: 52px; }
.wt-fs-53 { --wt-fs: 53px; }
.wt-fs-54 { --wt-fs: 54px; }
.wt-fs-55 { --wt-fs: 55px; }
.wt-fs-56 { --wt-fs: 56px; }
.wt-fs-57 { --wt-fs: 57px; }
.wt-fs-58 { --wt-fs: 58px; }
.wt-fs-59 { --wt-fs: 59px; }
.wt-fs-60 { --wt-fs: 60px; }
.wt-fs-61 { --wt-fs: 61px; }
.wt-fs-62 { --wt-fs: 62px; }
.wt-fs-63 { --wt-fs: 63px; }
.wt-fs-64 { --wt-fs: 64px; }
.wt-fs-65 { --wt-fs: 65px; }
.wt-fs-66 { --wt-fs: 66px; }
.wt-fs-67 { --wt-fs: 67px; }
.wt-fs-68 { --wt-fs: 68px; }
.wt-fs-69 { --wt-fs: 69px; }
.wt-fs-70 { --wt-fs: 70px; }
.wt-fs-71 { --wt-fs: 71px; }
.wt-fs-72 { --wt-fs: 72px; }
.wt-fs-73 { --wt-fs: 73px; }
.wt-fs-74 { --wt-fs: 74px; }
.wt-fs-75 { --wt-fs: 75px; }
.wt-fs-76 { --wt-fs: 76px; }
.wt-fs-77 { --wt-fs: 77px; }
.wt-fs-78 { --wt-fs: 78px; }
.wt-fs-79 { --wt-fs: 79px; }
.wt-fs-80 { --wt-fs: 80px; }
.wt-fs-81 { --wt-fs: 81px; }
.wt-fs-82 { --wt-fs: 82px; }
.wt-fs-83 { --wt-fs: 83px; }
.wt-fs-84 { --wt-fs: 84px; }
.wt-fs-85 { --wt-fs: 85px; }
.wt-fs-86 { --wt-fs: 86px; }
.wt-fs-87 { --wt-fs: 87px; }
.wt-fs-88 { --wt-fs: 88px; }
.wt-fs-89 { --wt-fs: 89px; }
.wt-fs-90 { --wt-fs: 90px; }
.wt-fs-91 { --wt-fs: 91px; }
.wt-fs-92 { --wt-fs: 92px; }
.wt-fs-93 { --wt-fs: 93px; }
.wt-fs-94 { --wt-fs: 94px; }
.wt-fs-95 { --wt-fs: 95px; }
.wt-fs-96 { --wt-fs: 96px; }
.wt-fs-97 { --wt-fs: 97px; }
.wt-fs-98 { --wt-fs: 98px; }
.wt-fs-99 { --wt-fs: 99px; }
.wt-fs-100 { --wt-fs: 100px; }
.wt-fs-101 { --wt-fs: 101px; }
.wt-fs-102 { --wt-fs: 102px; }
.wt-fs-103 { --wt-fs: 103px; }
.wt-fs-104 { --wt-fs: 104px; }
.wt-fs-105 { --wt-fs: 105px; }
.wt-fs-106 { --wt-fs: 106px; }
.wt-fs-107 { --wt-fs: 107px; }
.wt-fs-108 { --wt-fs: 108px; }
.wt-fs-109 { --wt-fs: 109px; }
.wt-fs-110 { --wt-fs: 110px; }
.wt-fs-111 { --wt-fs: 111px; }
.wt-fs-112 { --wt-fs: 112px; }
.wt-fs-113 { --wt-fs: 113px; }
.wt-fs-114 { --wt-fs: 114px; }
.wt-fs-115 { --wt-fs: 115px; }
.wt-fs-116 { --wt-fs: 116px; }
.wt-fs-117 { --wt-fs: 117px; }
.wt-fs-118 { --wt-fs: 118px; }
.wt-fs-119 { --wt-fs: 119px; }
.wt-fs-120 { --wt-fs: 120px; }
.wt-fs-121 { --wt-fs: 121px; }
.wt-fs-122 { --wt-fs: 122px; }
.wt-fs-123 { --wt-fs: 123px; }
.wt-fs-124 { --wt-fs: 124px; }
.wt-fs-125 { --wt-fs: 125px; }
.wt-fs-126 { --wt-fs: 126px; }
.wt-fs-127 { --wt-fs: 127px; }
.wt-fs-128 { --wt-fs: 128px; }
.wt-fs-129 { --wt-fs: 129px; }
.wt-fs-130 { --wt-fs: 130px; }
.wt-fs-131 { --wt-fs: 131px; }
.wt-fs-132 { --wt-fs: 132px; }
.wt-fs-133 { --wt-fs: 133px; }
.wt-fs-134 { --wt-fs: 134px; }
.wt-fs-135 { --wt-fs: 135px; }
.wt-fs-136 { --wt-fs: 136px; }
.wt-fs-137 { --wt-fs: 137px; }
.wt-fs-138 { --wt-fs: 138px; }
.wt-fs-139 { --wt-fs: 139px; }
.wt-fs-140 { --wt-fs: 140px; }
.wt-fs-141 { --wt-fs: 141px; }
.wt-fs-142 { --wt-fs: 142px; }
.wt-fs-143 { --wt-fs: 143px; }
.wt-fs-144 { --wt-fs: 144px; }
.wt-fs-145 { --wt-fs: 145px; }
.wt-fs-146 { --wt-fs: 146px; }
.wt-fs-147 { --wt-fs: 147px; }
.wt-fs-148 { --wt-fs: 148px; }
.wt-fs-149 { --wt-fs: 149px; }
.wt-fs-150 { --wt-fs: 150px; }
.wt-fs-151 { --wt-fs: 151px; }
.wt-fs-152 { --wt-fs: 152px; }
.wt-fs-153 { --wt-fs: 153px; }
.wt-fs-154 { --wt-fs: 154px; }
.wt-fs-155 { --wt-fs: 155px; }
.wt-fs-156 { --wt-fs: 156px; }
.wt-fs-157 { --wt-fs: 157px; }
.wt-fs-158 { --wt-fs: 158px; }
.wt-fs-159 { --wt-fs: 159px; }
.wt-fs-160 { --wt-fs: 160px; }
.wt-fs-161 { --wt-fs: 161px; }
.wt-fs-162 { --wt-fs: 162px; }
.wt-fs-163 { --wt-fs: 163px; }
.wt-fs-164 { --wt-fs: 164px; }
.wt-fs-165 { --wt-fs: 165px; }
.wt-fs-166 { --wt-fs: 166px; }
.wt-fs-167 { --wt-fs: 167px; }
.wt-fs-168 { --wt-fs: 168px; }
.wt-fs-169 { --wt-fs: 169px; }
.wt-fs-170 { --wt-fs: 170px; }
.wt-fs-171 { --wt-fs: 171px; }
.wt-fs-172 { --wt-fs: 172px; }
.wt-fs-173 { --wt-fs: 173px; }
.wt-fs-174 { --wt-fs: 174px; }
.wt-fs-175 { --wt-fs: 175px; }
.wt-fs-176 { --wt-fs: 176px; }
.wt-fs-177 { --wt-fs: 177px; }
.wt-fs-178 { --wt-fs: 178px; }
.wt-fs-179 { --wt-fs: 179px; }
.wt-fs-180 { --wt-fs: 180px; }
.wt-fs-181 { --wt-fs: 181px; }
.wt-fs-182 { --wt-fs: 182px; }
.wt-fs-183 { --wt-fs: 183px; }
.wt-fs-184 { --wt-fs: 184px; }
.wt-fs-185 { --wt-fs: 185px; }
.wt-fs-186 { --wt-fs: 186px; }
.wt-fs-187 { --wt-fs: 187px; }
.wt-fs-188 { --wt-fs: 188px; }
.wt-fs-189 { --wt-fs: 189px; }
.wt-fs-190 { --wt-fs: 190px; }
.wt-fs-191 { --wt-fs: 191px; }
.wt-fs-192 { --wt-fs: 192px; }
.wt-fs-193 { --wt-fs: 193px; }
.wt-fs-194 { --wt-fs: 194px; }
.wt-fs-195 { --wt-fs: 195px; }
.wt-fs-196 { --wt-fs: 196px; }
.wt-fs-197 { --wt-fs: 197px; }
.wt-fs-198 { --wt-fs: 198px; }
.wt-fs-199 { --wt-fs: 199px; }
.wt-fs-200 { --wt-fs: 200px; }

@media (max-width: 768px) {
    [class*="wt-fs-"] { font-size: max(min(var(--wt-fs), 16px), calc(var(--wt-fs) * 0.7)); }
}
