.sp_Bold_UL {
    font-weight : bold;
    font-style : normal;
    text-decoration : underline;
}

.sp_Bold_Ital {
    font-weight : bold;
    font-style : italic;
}

.sp_UL_Ital {
    text-decoration : underline;
    font-style : italic;
}

.sp_UL {
    text-decoration : underline;
}

.sp_Ital {
    font-weight : normal;
    font-style : italic;
}

.sp_Bold {
    font-weight : bold;
    font-style : normal;
}

.sp_Super {
    position: relative;
    top: -0.5em;
    font-size: 80%;
}

.sp_Drop_Cap {
    font-weight : bold;
    font-style : normal;
    font-size : 2em;
}


.Underline {
    text-decoration : underline;
}
h2 {
    margin : 12px 0px 8px 0px;
    line-height : 1.3;
}

.leftFloat {
    float : left;
}
.rightFloat {
    float : right;
}

.show_480_up {
    display: block;
}

.show_480_less {
    display: none;
}

/* remove height parameter */
.auto_height {
    height: auto;
}

/* nt = nighttime */
.bg-nt1st {
    background-color: #06190d59;
}

/* nt = nighttime */
.bg-nt2nd {
    background-color: #13311e59;
}

.bg-tint-green {
    background-color: #4be67b12;
}

.bg-stripe {
    background-color: rgba(0,0,0,.05);
}

.fa-light-dark-green {
    -webkit-text-stroke: 2px white;
}
.fa-light-dark-green:hover {
    -webkit-text-stroke: 2px #006f01;
}

.fa-light-std {
    -webkit-text-stroke: 2px white;
}
.fa-light-std:hover {
    -webkit-text-stroke: 2px white;
}

.fa-hov-white:hover {
    color: #fff;
}

/* align font awesome 2x when used at beginning of p; assumes p = 17px as per above */
.fa-div2x {
    display: inline-block;
    vertical-align: -2px !important;
    margin: 0px 2px 4px 0px;
}

.fa-div2xr {
    display: inline-block;
    vertical-align: -6px !important;
    margin: 0px 2px 4px 0px;
}

/* messes up ability to right align images and appears to do nothing at least inside modal body */
/*
.fa-p2x {
    display: inline-block;
    vertical-align: -6px;
    margin-right: 4px
}
*/

.fa-p4x .fa-4x {
    position: relative;
    top: 16px;
    line-height: 0.6;
    vertical-align: -14px;
}

.fa-p2x .fa-3x {
    position: relative;
    top: 16px;
    vertical-align: 6px;
    line-height: 1.4;
}

.fa-p2x .fa-2x {
    position: relative;
    top: 6px;
}

.fa-h32x {
    display: inline-block;
    vertical-align: -6px;
    margin-right: 4px;
}

.fa-d2xr {
    display: inline-block;
    vertical-align: -2px;
    margin: 0px 6px 4px 6px;
}

.red_not_here {

}

/* in addition to wpautop */
p:empty {
    height: 0;
    margin: 0;
    padding: 0;
}

.not-visible, .invisible {
    visibility: hidden;
}

.noline, .noline:hover, .noline:visited, .noline:active, .noline span, .noline span:hover, .noline span:visited, .noline span:active {
    text-decoration: inherit;
    border: inherit;
}

.none {
    /* nothing here */
    /* NOT the same as .nada */
}

.n7, .n8, .form-group9 {
    height: 0;
    margin: 0;
    padding: 0;
    font-size: 0px !important;
    visibility: hidden;
}

.nada, .tiny { /* .blank */
    font-size: 0px;
}

.georgia {
    font-family: Georgia, serif;
}

#msg-lock {
    position: relative;
}

.hwhite  {
    color: #fff !important;
}

#index_page h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 30px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px;
}

.fa1_6x {           font-size: 1.6em; }
.cus_p4 {           padding: calc(10px + (16 - 10) * ((100vw - 300px) / (1600 - 300))) !important; }
.cus_p2 {           padding: calc(5px + (8 - 5) * ((100vw - 300px) / (1600 - 300))) !important; }

/*
blockquote.verse:before, .Indented-Quo-te:before { font-size: calc(48px + (62 - 48) * ((100vw - 300px) / (1600 - 300))) !important; }
*/


.p_p1, .p_p1 p, .p_p1 a,
 .p_p1 span  {      font-size: calc(17px + (19 - 17) * ((100vw - 300px) / (1600 - 300))) !important; }

/* p span : span is presupposed by p, and adding it below causes a mess up*/
/* .p_p0 span */

.p_m1 h3,
 .p_m1 .h3s {       font-size: calc(15px + (21 - 15) * ((100vw - 300px) / (1600 - 300))) !important; }

.p_p0, .p_p0 p, .p_p0 a,
 h5       {         font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (1600 - 300))) !important; }

/* formerly 16 14 */
.p_m1, .p_m1 p, .p_m1 a,
 .p_m1 span   {     font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1600 - 300))) !important; }

/* this is used in a very specific case only */
.p_m2, .p_m2 p,
 .p_m2 span, .p_m2 td   {     font-size: calc(11px + (17 - 11) * ((100vw - 300px) / (1600 - 300))) !important; }

/*
blockquote.verse cite, .Indented-Quo-te cite {   font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))) !important; }
*/

html {
    --margin1: calc(7px + (27 - 7) * ((100vw - 300px) / (1600 - 300)));
    --margin2: 37px;
    --margin3: calc(37px - 20px);   /* formerly -15px */
    --margin4: calc(37px - 25px);
    --ten2twenty: calc(10px + (20 - 10) * ((100vw - 300px) / (1600 - 300)));
}

ol.embed {
    margin: 14px 0px 10px var(--margin1);
    padding: 0;
}

ol.embed ol.embed {
    margin: 14px 0px 10px 32px;
    padding: 0;
}

ol.bullet {
    margin: 14px 0px 10px var(--margin1);
    padding: 0;
}

ul.bullet > ol.bullet {
    margin-left: var(--margin2);
    padding: 0;
}

/* A paragraph may appear after the indented ul.bullet > ol.bullet portion above */
ul.bullet > li p {
    margin-left: 0px;   /* this means that a <p> inside an <li> will line up (both the string under the <li> and under the <p> inside of the <li> will line up */
    /* margin-left: var(--margin3); */
    /* margin-bottom: 0px; */
}

ul.bullet {
    margin: 14px 0px 10px var(--margin1);
    /* Remove default bullets */
    padding: 0;
    list-style-type: none;
}

ul.no_bullet, ul.cal_bullet_pass, ul.cal_bullet_fail {
    margin: 14px 0px 10px 2px;
    /* Remove default bullets */
    padding: 0;
    list-style-type: none;
}

ul.bullet > li::before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f35a";
    color: green;
    font-weight: 900;
    margin-right: 6px; /* space after image before text */
}

ul.cal_bullet_pass > li::before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f35a";
    color: green;
    font-weight: 900;
    margin-right: 3px; /* space after image before text */
}

ul.cal_bullet_fail > li::before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f00d";
    color: red;
    font-weight: 900;
    margin-right: 3px; /* space after image before text */
}

ul.ul-index {
    margin-left: var(--margin1);
    line-height: 1.9;
    padding: 0;
    list-style-type: none;
}

ul.ul-packages {
    margin-left: 35px;
    line-height: 1.5;
    padding: 0;
    list-style-type: none;
}

ul.ul-packages .fa-li {
    left: 16px;
}