/* green: #db5126 */

* {
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
    font-size: 0;
    font-family: 'champagne__limousinesregular';
}

body {
    padding: 10px;
    overflow: hidden;
    background-size: calc(100vh + 50vh);
    background-color: #e8ead7;
}

h1, h2, p, ul {
    margin-bottom: 20px;
}

h1 {
    font-size: 32px;
    text-align: center;
}

h2 {
    font-size: 24px;
    text-align: center;
    line-height: 32px;
}

    h2 font {
        font-size: 24px;
    }

    h2 span.date {
        display: block;
        margin: 0px 0 20px 0;
        font-size: 18px;
        opacity: .8;
    }

    h2 span.title {
        text-align: center;
        display: block;
        font-size: 32px;
        margin-bottom: 40px;
    }

p, p strong, p em {
    font-family: 'sinkin_sans300_light';
    font-size: 16px;
    line-height: 24px;
}
    p span.title {
        font-family: 'champagne__limousinesregular';
        font-size: 32px;
        text-align: center;
        display: block;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    ul{
        margin: 0 0 20px 40px;
    }
    ul li, ul li a, ul li strong, ul li em, a {
        font-family: 'sinkin_sans300_light';
        font-size: 16px;
        line-height: 24px;
    }
    ol{
        margin: 0 0 20px 40px;
    }
    ol li, ol li strong{
        font-family: 'sinkin_sans300_light';
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
a {
    color: #db5126;
}
    #col {
        display: inline-block;
        width: 360px;
        height: calc(100vh - 20px);
        vertical-align: top;
        overflow-y: auto;
        background-color: #db5126;
    }

#homenavwrap img {
    width: calc(100% - 20px);
    padding: 10px;
}

#homenavwrap ul.nav {
    margin-top: 40px;
    margin-left: 40px;
    list-style: none;
}

    #homenavwrap ul.nav li {
        display: block;
        margin-bottom: 5px;
    }

        #homenavwrap ul.nav li a {
            display: block;
            padding: 10px 20px;
            font-size: 28px;
            color: white;
            text-align: right;
            font-family: 'champagne__limousinesbold';
        }

            #homenavwrap ul.nav li a:hover, #col ul.nav li.slt a {
                background-color: #e37958;
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
            }

#funnavwrap {
    height: calc(100vh - 40px);
    vertical-align: top;
    background-color: #e37958;
    overflow-y: auto;
    padding: 10px;
}

    #funnavwrap::-webkit-scrollbar {
        width: 5px;
    }

    #funnavwrap::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

    #funnavwrap::-webkit-scrollbar-thumb {
        background-color: #db5126;
        outline: 1px solid slategrey;
    }

    #funnavwrap .fa-window-close {
        cursor: pointer;
        opacity: .6;
    }

    #funnavwrap ul.nav {
        list-style: none;
        margin: 0;
    }

        #funnavwrap ul.nav li {
            display: block;
            margin-bottom: 5px;
            background-color: #db5126;
            border-radius: 4px;
            overflow: hidden;
        }

            #funnavwrap ul.nav li a {
                display: block;
                padding: 10px 20px;
                font-size: 16px;
                line-height: 24px;
                color: white;
                text-align: left;
                font-family: 'champagne__limousinesbold';
            }

                #funnavwrap ul.nav li a:hover, #col2 ul.nav li.slt a {
                    background-color: #e37958;
                }

        #funnavwrap ul.nav ul {
            display: none;
        }

            #funnavwrap ul.nav ul li {
                margin-bottom: 0;
            }

        #funnavwrap ul.nav li ul li a, #col2 ul.nav li.slt ul li a {
            text-align: center;
            border-top: #db5126 dashed 1px;
            background-color: #28494a;
        }

            #funnavwrap ul.nav li ul li a:hover, #col2 ul.nav li ul li.slt a {
                background-color: #e37958;
            }

#body {
    display: inline-block;
    width: calc(100vw - 350px - 20px);
    max-width: 900px;
    height: calc(100vh - 20px);
    vertical-align: top;
    overflow-y: auto;
    border-left: #dadada solid 10px;
    background-color: white;
}

    #body > div {
        padding: 40px;
    }
    #body::-webkit-scrollbar {
        width: 2px;
    }

    #body::-webkit-scrollbar-track {
    }

    #body::-webkit-scrollbar-thumb {
        background-color: #db5126;
    }
#textbody {
    margin: 40px 0 40px 0;
    padding: 0px 0px;
    max-height: calc(100vh - 320px);
    overflow-y: auto;
}

    #textbody::-webkit-scrollbar {
        width: 2px;
    }

    #textbody::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

    #textbody::-webkit-scrollbar-thumb {
        background-color: #62a7aa;
        outline: 1px solid slategrey;
    }

audio {
    border: none;
    outline: none;
}

img#CultureWise{
    max-width: 150px;
    float: right;
    margin-left: 20px;
    cursor: pointer;
    border: #F2F2F2 solid 10px;
    border-radius: 8px;
}