/* These styles are used in the backend editor AND in the Theme (frontend) */

/* CSS is provided by the theme itself, and modified by any custom css you add to the theme. */
/* But that CSS is not active when using the backend-editor, so here is a good place to put  */
/* any custom css which should be active in the frontend website and also applied to editor. */
/* The goal is to make the visual editor display as like the final frontend view as possible */
/* so do not forget to configure the TinyMCE styles dropdown with elements to match these.   */

/* Suggested general non-tag-specific visual styles (for all websites) */

.list		{ margin: 0.35rem 0; }
.stdtop     { margin-top: 0.65rem !important; }
.moretop    { margin-top: 0.8rem  !important; }
.lotstop    { margin-top: 1rem    !important; }
.hugetop    { margin-top: 1.3rem  !important; }
.stdbottom  { margin-bottom: 0.65rem !important; }
.morebottom { margin-bottom: 0.8rem  !important; }
.lotsbottom { margin-bottom: 1rem    !important; }
.hugebottom { margin-bottom: 1.3rem  !important; }

.topless    { margin-top: 0 !important; }
.bottomless { margin-bottom: 0 !important; }

.beforelist { margin-bottom: 0.3rem; }

.lastitempx { padding-bottom: 12px !important; }
.lastitemem { margin-bottom: 0; padding-bottom: 1.3rem; }

strong, .strong, .fett, .bold, .smallBold, .smallerBold { font-weight: bold; }

/* Revert to normal text within strong */
.notstrong { font-weight: normal; }

.smaller, .smallerBold { font-size: 0.95rem; line-height: 1.25; }

.small, .smallBold { font-size: 0.89rem; line-height: 1.2; }

/* Append your site-specific styles here */
.color-black, .color-black > *:first-child { color: #000; }
.color-white, .color-white > *:first-child { color: #fff !important; }
.color-green, .color-green > *:first-child { color: #608a21 !important; }
.m-0 { margin: 0 !important; }
.p-b-0 { padding-bottom: 0 !important; }
.p-t-0 { padding-top: 0 !important; }
.p-t-25 { padding-top: 25px !important; }
.padding-extra-small { padding-bottom: 30px !important; padding-top: 30px !important; }
.pos-relative { position: relative; }
.text-10 { font-size: 10px; }
.text-11 { font-size: 11px; }
.text-12 { font-size: 12px; }
.text-13 { font-size: 13px; }
.text-14 { font-size: 14px; }
.text-15 { font-size: 15px; }
.text-16 { font-size: 16px; }
.text-17 { font-size: 17px; }
.text-18 { font-size: 18px; }
.text-19 { font-size: 19px; }
.text-20 { font-size: 20px; }
.text-21 { font-size: 21px; }
.text-22 { font-size: 22px; }
.text-23 { font-size: 23px; }
.text-24 { font-size: 24px; }
.text-25 { font-size: 25px; }
.text-26 { font-size: 26px; }
.text-27 { font-size: 27px; }
.text-28 { font-size: 28px; }
.text-29 { font-size: 29px; }
.text-30 { font-size: 30px; }
.text-40 { font-size: 40px; }
.width-full { width: 100%; }