ul.dashed:not([class*="menu"]):not([class*="nav"]),
ul.dotted:not([class*="menu"]):not([class*="nav"]),
ul.noStyleIndented:not([class*="menu"]):not([class*="nav"]) {
    padding-left: var(--dfeh-indent-single)!important;
}

ul:not([class*="menu"]):not([class*="nav"]).doubleIndent,
ul:not([class*="menu"]):not([class*="nav"]).doubleIndent,
ul:not([class*="menu"]):not([class*="nav"]).doubleIndent {
    padding-left: var(--dfeh-indent-double)!important;
}

ul.noStyle:not([class*="menu"]):not([class*="nav"]),
ul.sideButtonList:not([class*="menu"]):not([class*="nav"]),
ul.mainButtonList:not([class*="menu"]):not([class*="nav"]) {
    padding-left: 0!important;
}

ul.eighthLineSpace > li {
    margin-bottom: var(--dfeh-spacing-eighth);
}

ul.quarterLineSpace > li {
    margin-bottom: var(--dfeh-spacing-quarter);
}

ul.halfLineSpace > li {
    margin-bottom: var(--dfeh-spacing-half);
}

ul.fullLineSpace > li {
    margin-bottom: var(--dfeh-spacing-single);
}

ul.doubleLineSpace > li {
    margin-bottom: var(--dfeh-spacing-double);
}

ul.dashed > li:before,
ul.dotted > li:before {
    float: left;
    margin-left: calc(-1 * var(--dfeh-indent-single));
    color: var(--dfeh-color-gold);
}
ul.dashed > li:before {
    content: "-";  
    line-height: .08em;
    font-size: 80px;
}
ul.dotted > li:before {
    font-family: 'Source Sans Pro', 'Segoe UI', sans-serif;
    content: "\00B7";  
    line-height: 22px;
    font-size: 70px;
}

ul.underlined > li {
    border-bottom: 1px solid var(--dfeh-color-gold);
    margin-bottom: var(--dfeh-spacing-half);
}

ul.underlined.doubleLineSpace > li,
ul.doubleLineSpace.underlined > li {
    padding-bottom: var(--dfeh-spacing-double);
}

ul.underlined.halfLineSpace  > li,
ul.halfLineSpace.underlined > li {
    padding-bottom: var(--dfeh-spacing-half);
}

ul.underlined.fullLineSpace > li,
ul.fullLineSpace.underlined > li {
    padding-bottom: var(--dfeh-spacing-single);
}

ul.underlined > li:last-child {
    border-bottom: none;
}

ul > li > h2.regularText {
    line-height: 26px;
}

ul.sideButtonList {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 981px) {
    ul.sideButtonList > li {
        margin-bottom: 7.493%;
    }
}

@media (max-width: 980px) {
    ul.sideButtonList > li {
        margin-bottom: 30px;
    }
}


ul.mainButtonList {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.mainButtonList > li {
    margin-bottom: 15px;
    margin-top: 15px;
}

@media (min-width: 1200px) {
    ul.mainButtonList {
        margin-left: -1.2%;
        margin-right: -1.2%;        
    }

    ul.mainButtonList > li {
        width: 17.6%;
        min-width: 170px;
        margin-right: 1.2%;
        margin-left: 1.2%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    ul.mainButtonList {
        margin-left: -2.0%;
        margin-right: -2.0%;
    }

    ul.mainButtonList > li {
        width: 21%;
        min-width: 170px;
        margin-left: 2.0%;
        margin-right: 2.0%;
    }
}

@media (min-width: 609px) and (max-width: 991px) {
    ul.mainButtonList {
        margin-left: -2.15%;
        margin-right: -2.15%;
    }

    ul.mainButtonList > li {
        width: 29.03%;
        min-width: 170px;
        margin-left: 2.15%;
        margin-right: 2.15%;
    }
}

@media (max-width: 608px) {
    ul.mainButtonList {
        margin-left: -2.25%;
        margin-right: -2.25%;
    }

    ul.mainButtonList > li {
        width: 45.5%;
        margin-right: 2.25%;
        margin-left: 2.25%;
    }
}