/*
 Base styling for simple HTML elements that will applied to all breakpoints.

 2019 Conference Colors:
    Red: #AD3E3A
    Lighter Red: #AA3F38
    Orange: #D56223
    Dark Yellow: #DA9D4D
    Yellow: #F1D298

    Light Gray: #ecf1f5;
    Lighter Gray: #EDEDED;
    Dark Gray: #3C3B3C;

*/

html {
    position: relative;
    min-height: 100%;
}

body {
    min-width: 375px;
    overflow-x: hidden;
    margin: 0; /* bottom = footer height */
    background-color: #FFFFFF;
    padding-bottom: 0;
}


/* Lists */


/* Unordered list */

ul {
    list-style: none;
    margin: 26px 0;
    padding-left: 35px;
}

ul li {
    position: relative;
    padding-bottom: 15px;
    font-size: 15px;
}

ul li:before {
    content: "•";
    position: absolute;
    top: -.24em;
    left: -26px;
    font-size: 25px;
    color: #AA3F38;
}

ul li:last-child {
    padding-bottom: 0;
}

/* Ordered list */

ol {
    margin: 26px 0;
    padding-left: 35px;
}

ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}

ol li {
    position: relative;
    counter-increment: my-awesome-counter;
    padding-bottom: 15px;
    font-size: 15px;
}

ol li::before {
    content: counter(my-awesome-counter) ". ";
    position: absolute;
    top: .05em;
    left: -27px;
    font-family: 'Kreon', serif;
    font-weight: bold;
}

ol li:last-child {
    padding-bottom: 0;
}

/* Large lists */

ul.large {

}

ul.large li,
ol.large li {
    font-size: 18px;
}

ul.large li:before {
    top: -.29em;
    font-size: 30px;
}

ol.large li:before {
    top: 0;
}


/* Horizontal rule */


hr {
    border: 1px solid #ecf1f5;
    margin: 40px 0px 40px;
    border-top-width: 0px;
}


/* Images */

p > img:first-child:last-child {
    margin-top: 0;
    margin-bottom: 0;
}