.editable { background: mistyrose; }
.editable:hover { background: pink; }


/* Colors */

.delft-blued { color: var(--delft-blue); }
.powder-blued { color: var(--powder-blue); }
.champagne-pinked { color: var(--champaigne-pink); }
.meloned { color: var(--melon); }
.umbered { color: var(--umber); }


/********************
* Background Colors *
*********************/

.bgc-champagne-pink { background: var(--champaigne-pink); }
.bgc-todds-blue { background: var(--todds-blue); }


/* #f9dec9ff */

.nunderline { text-decoration: none; }


/* Responsive Show/Hide */
@media screen and (max-width: 799px) {
    .on-small { display: inline-block; }
    .on-large { display: none; }
}
@media screen and (min-width: 800px) {
    .on-small { display: none; }
    .on-large { display: revert; }
}



.herobar-320 { max-height: 320px; min-height: 320px; max-width: 100%; background-size: cover; background-position: center center; }
.herobar-320 { max-height: 320px; min-height: 320px; max-width: 100%; background-size: cover; background-position: center center; }



.inlined { display: inline-block; width: 100%; box-sizing: border-box; }
.automargined { margin-left: auto; margin-right: auto; }
.narrow { font-family: 'Ubuntu Condensed', sans-serif; }

.report-fullwidth { width: calc(100% - 32px); margin: auto; }

.vmarg24 { margin-top: 24px; margin-bottom: 24px; }
.vmarg36 { margin-top: 36px; margin-bottom: 36px; }
.vmarg48 { margin-top: 48px; margin-bottom: 48px; }
.vmarg60 { margin-top: 60px; margin-bottom: 60px; }

.pad8 { padding: 8px; }
.pad16 { padding: 16px; }

.max-page-width { max-width: 1280px; }

.max142 { max-width: 142px; margin-left: auto; margin-right: auto; }
.max300 { max-width: 300px; margin-left: auto; margin-right: auto; }
.max480 { max-width: 480px; margin-left: auto; margin-right: auto; }
.max600 { max-width: 480px; margin-left: auto; margin-right: auto; }
.max640 { max-width: 640px; margin-left: auto; margin-right: auto; }
.max800 { max-width: 800px; margin-left: auto; margin-right: auto; }
.max960 { max-width: 960px; margin-left: auto; margin-right: auto; }
.max1200 { max-width: 1200px; margin-left: auto; margin-right: auto; }
.max1280 { max-width: 1280px; margin-left: auto; margin-right: auto; }
.max1400 { max-width: 1400px; margin-left: auto; margin-right: auto; }
.max1600 { max-width: 1600px; margin-left: auto; margin-right: auto; }


.bg-lightblue { background: #def; }

.centered { text-align: center; }
.justed { text-align: justify; }
.lefted { text-align: left; }
.righted { text-align: right; }

.compressed { font-family: 'Ubuntu Condensed', sans-serif; }
.handwriting { font-family: 'Patrick Hand', sans-serif; }
.markered { font-family: 'Permanent Marker', sans-serif; }
.marooned { color: maroon; }

.orb-blue { background: darkblue; padding: 12px; border-radius: 24px; color: #eee; }
.orb-lightblue { background: #def; padding: 12px; border-radius: 24px; color: black; }





.poohbear { display: none; }

.stackable-300 { display: inline-block; vertical-align: top; max-width: 300px; min-width: 300px; padding: 12px; }


.hero-slider-container { width: 100%; height: 33vw; box-sizing: border-box; }
.hero-slider { width: 100%; height: 33vw; background-size: 100%; background-repeat: no-repeat; background-position: center center; }