/******************************************
	index.css
	Copyright 2015-2019 Derek Erb
	http://www.cabinetderekerb.com

	For www.ssr.horse
******************************************/

div.content {
    margin-left: 1%;
    width: 90%;
    padding-bottom: 10%;
    background-color: var(--ContBack);
    color: var(--ContFore);
    float: left;
}

div.ltcol {
    margin: 0 0.5% 1% 1%;
    width: 5%;
    height: 100vh;

    background-color: var(--MainBack);
    color: var(--MainFore);

    clear: both;
    float: left;
}

#doctit {
    font-size: 1.6em;
    font-weight: bolder;

    line-height: 150%;

    margin-top: 2%;
    margin-bottom: 1%;
}

#docauth {
    font-size: 1.5em;
    font-weight: bold;
    font-style: italic;

    line-height: 120%;

    margin-bottom: 1%;
}

.doctxt {
    margin: 0 1% 1% 2%;
    text-align: justify;
}

#livecontact {
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 1%;
}


    /* Smartphones (portrait and landscape) ----------- */
    @media only screen and (max-device-width: 1024px) {
        div.ltcol {
            padding-bottom: 300%;
        }

        #doctit, #docauth {
            font-size: 1em;
        }

        #doctit {
            font-weight: bold;
            margin-bottom: 2%;
        }

        .doctxt {
            margin: 0 4% 4% 4%;
            line-height: 130%;
            text-align: justify;
        }

    }

#docauth a:link, #docauth a:active, #docauth a:visited {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

#docauth a:hover {
    background-color: var(--MainBack);
    color: var(--MainFore);
    text-decoration: none;
}