﻿/* demo stuff */
@import url(https://fonts.googleapis.com/css?family=Kavoon);

#wrapper {
    width: 100%;
    margin: 0 auto;
    /*padding: 2em;*/
    padding: 1.5em;
    background: #fff;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    overflow: auto;
}

    #wrapper > div {
        width: 100%;
        float: left;
    }

/*h1, h3 {
    color: #222;
    font-family: kavoon, georgia, serif;
    font-weight: normal;
}

h1 {
    font-size: 1.5em;
    padding-bottom: .5em;
    border-bottom: 5px double #eee;
}

h3 {
    margin-bottom: .5em;
}*/

/* shared list styles */
.custom-list, .solid-square, .large-disc, .checkmark-heavy, .asterisk-heavy, .ballot-heavy, .right-arrow-rounded, .circled-white-star, .eight-point-star {
    list-style: outside none;
    margin-left: 0;
    padding-left: 0;
    font-size: 15px;
    font-weight:500;
    color:#242424;
}

    .custom-list li, .solid-square li, .large-disc li, .checkmark-heavy li, .asterisk-heavy li, .ballot-heavy li, .right-arrow-rounded li, .circled-white-star li, .eight-point-star li {
        padding-left: 20px;
    }

        .custom-list li:before, .solid-square li:before, .large-disc li:before, .checkmark-heavy li:before, .asterisk-heavy li:before, .ballot-heavy li:before, .right-arrow-rounded li:before, .circled-white-star li:before, .eight-point-star li:before {
            /*font-family: arial, helvetica, sans-serif;*/
            font-family: 'Poppins', sans-serif;
            content: '';
            position: relative;
            float: left;
            /* specify your own color here */
            /*color: #fb9c1a;*/
            color: #ff6768;
            text-indent: -20px;
            /* prevent screen readers from reading the actual character. 
  Note: questionable screen reader support but woth a shot */
            speak: none;
        }

        /* large solid square */
        .solid-square li:before {
            content: '\25A0';
            top: -3px;
        }

        
