/*FenCon CSS. I'm removing a bunch of stuff and starting over so we can simplfy our process.The old file in in fenconbak.css in case you need anything out of it.
    
*/
/*Body*/
body {
    padding-top: 0;
    color: #292872;
    padding-right: 2em;
    padding-left: 2em;
   
}
/*End Body*/
/*Classes for body paragraphs*/
.normal {
    font-family: Arial, Verdana, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    color: black;
    line-height:1.5em;
}
.normal-nolead {
    font-family: Arial, Verdana, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    color: black;
  
}
.normal-smaller {
    font-family: Arial, Verdana, sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: black;
    line-height: 1.5em;
}
normal-smallest {
    font-family: Arial, Verdana, sans-serif;
    font-size: 8em;
    font-weight: normal;
    color: black;
    line-height: 1.5em;
}

/*Styling for guest and participant images and bio blocks on our guests page*/
.front-goh {
    font-family: Arial, Verdana, sans-serif;
    font-size: 130%;
}

.goh-image {
    width: 30%;
}

goh-text {
    width: 70%;
}

.part-image {
    width: 50%;
}

.part-text {
    width: 50%;
}

.guest-title-home {
    font-family: Arial, Verdana, sans-serif;
    font-size: 130%;
    font-weight: normal;
    color: white;
}
/*End guest page styling*/

/*Front page banner*/
.banner {
 
    text-align: center;
    background-image: url('../images/starbg.png');
    max-width: 100%;
}

.under-banner {
    text-align: center;
}
/*End Front Page Banner*/

/*Paragraph text styling*/
/*paragraph with no classes added. Other classes are below this one.*/
.p {
    font-size: 1em;
}
/*End paragraph text styling*/

/*Header text styling. These override Bootstrap*/
.div-header{
    text-align: center;
}
/*End Header text styling*/

/*This is for the programming grids*/
.gridtitle {
    font-family: Arial, Verdana, sans-serif;
    font-size: 90%;
    font-weight: bold;
    margin-top: .5em;
    margin-bottom: .5em;
    color: black;
    text-align: center;
    background: #CCDDFF;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 75%;
    empty-cells: hide;
}

    .gridtitle:first-letter {
        font-family: Arial, Verdana, sans-serif;
        font-size: 90%;
        font-weight: bold;
        margin-top: 0em;
        margin-bottom: 0em;
        color: #CCDDFF;
        text-align: center;
        background: #CCDDFF;
        line-height: 100%;
    }

.rangeheader {
    font-family: Arial, Verdana, sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    color: black;
    text-align: right;
    background: #CBCBCB;
    height: 50px;
    width: 50px;
    line-height: 125%;
}

.gridschedname {
    font-family: Arial, Verdana, sans-serif;
    font-size: 90%;
    font-weight: normal;
    font-style: italic;
    text-align: center;
    margin-top: 0.6em;
    margin-bottom: 0.5em;
    line-height: 110%;
    background: transparent;
    margin-left: auto;
    margin-right: auto;
}

.gridschedname2 {
    font-family: Arial, Verdana, sans-serif;
    font-size: 100%;
    font-weight: normal;
    font-style: italic;
    text-align: left;
    margin-top: 0.4em;
    margin-bottom: 0.5em;
    line-height: 95%;
    background: transparent;
}

.gridschedtitle {
    font-family: Arial, Verdana, sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin-top: 0.8em;
    margin-bottom: 0em;
    color: black;
    text-align: center;
    background: transparent;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    line-height: 115%;
    word-wrap: normal;
    word-break: keep-all;
}

    .gridschedtitle a {
        text-decoration: none;
    }

.gridhead {
    font-family: Arial, Verdana, sans-serif;
    font-size: 120%;
    font-weight: bold;
    margin-top: 0.8em;
    margin-bottom: 0em;
    color: white;
    text-align: center;
    background: transparent;
}

.otherschedtitle {
    font-family: Arial, Verdana, sans-serif;
    font-size: 90%;
    font-weight: bold;
    margin-top: 0.8em;
    margin-bottom: 0em;
    color: black;
    text-align: center;
    background: transparent;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    line-height: 125%;
}

.gridwhitebg {
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    color: black;
    text-align: left;
    background: #FFFFFF;
    width: 100px;
}

.gridwhitebg2 {
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    color: black;
    text-align: left;
    background: #FFFFFF;
    min-width: 100px;
}

.gridpanellabel {
    font-size: 75%;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    color: black;
    margin-top: 0.4em;
    margin-bottom: .5em;
    line-height: 150%;
    background: transparent;
    margin-left: auto;
    margin-right: auto;
}

.schedcol1 {
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    color: black;
    text-align: center;
    background: #FFFFBB;
    width: 120px;
}

.schedcol2 {
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    color: black;
    text-align: center;
    background: #FFFFDD;
    width: 110px;
}

.schednothing {
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    color: black;
    text-align: center;
    background: #EEEEEE;
}

.schedspace {
    padding-top: 0.4em;
    padding-bottom: 0.3em;
}

.schednone {
    margin-top: 0em;
    margin-bottom: 0em;
}
/*End Programming Grids*/

/*Scroll to top button*/
.scroll-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    background: rgba(203, 203, 203, 0.50);
    color: white;
    border-radius: 30px;
    padding: 15px;
    font-weight: bold;
    line-height: normal;
    border: none;
  
}