﻿
a {
    color: #4181c2;
}

a:hover {
    text-decoration:none;
    color:#26ade4;
}

section {
    border:1px solid;
    border-radius:10px;
    /*background-color: #bab49d; */
    background-color:#ffffff;
    padding-left: 5px;
    width:97%;
    margin:auto;
    margin-bottom:40px;
   
}

div.botnav {
    text-align: right;
}

nav {
    font-family:caviar;
    
}

    nav div.botnav a {
        font-size: 18px;
        width: 22px;
        /* height:20px;
    position:inherit;
            
        */
        text-align: center;
        border: 1px solid #000000;
       
       
        padding: 3px;
        margin-bottom: 10px;
        text-decoration: none;
        display: inline-block;
        margin: 1px 0px;
        cursor: pointer;
       
        border-radius: 3px 9px;
        color: #000000;
        background-color: #ffffff;
    }

        nav div.botnav a:hover {
            border-color: #eaeae5;
            color: #eaeae5;
            /*background-color:#425b47;*/
            background-color: #000000;
        }

        nav div.botnav a:last-of-type {
            margin-right: 7px;
        }

footer {
    background-color: black;
    background-image: radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px), radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px), radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px), radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px);
    background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px;
    background-position: bottom, 0 0, 40px 60px, 130px 270px, 70px 100px;
    color:#ffffff;
    text-align: center;
    border: 1px solid rgba(132, 108, 91, 0.80);
    border-radius: 10px;
}

/*styling for custom sections (with associated support styles). Grouped by 
    section; alphabetized groups
*/

section {
    text-align:left;
}

header h2 {
    color: #000000;
    font-family: distant_galaxy;
    text-align: center;
    
}

h2.twcolor {
    -webkit-text-stroke: 2px #f45b5b;
}

h2.syllcolor {
    -webkit-text-stroke: 2px #f4b65b;
}

h2.schedcolor {
    -webkit-text-stroke: 2px #f4e85b;
}

h2.assigncolor {
    -webkit-text-stroke: 2px #5bf460;
}

h2.keycolor {
    -webkit-text-stroke: 2px #5bccf4;
}

h2.arccolor {
    -webkit-text-stroke: 2px #ac5bf4;
}

h2, .h2inline {
    font-family: distant_galaxy;
    font-size: 2.5em;
    color: #193665;
    -webkit-text-stroke: 0px;
}

h3, .h3inline {
    font-family: distant_galaxy;
    font-weight: bolder;
    font-size: 2em;
    color: #653215;
}

h4, .h4inline {
    font-family:caviar;
    font-weight:bolder;
    font-size:1.5em;
    color:#6c788b;
}

h5, .h5inline {
    font-family:caviar;
    font-weight:bolder;
    font-size:1.2em;
    color:#a97c73;
}

h2.unit212 {
    background-color: #c48758;
    font-family: cantiqua;
    color: #ffffff;
    padding-left: 5px;
}

h2.unit300 {
    background-color: #5d5955;
    font-family: kingthings;
    color: #ffffff;
    font-size: 2.9em;
    text-align: right;
    padding-right: 5px;
}




/*styling for button that navigates to the top of the page*/
.topnav {
    display:inline-block;
    position:fixed; /*keep the button on the page all the time*/
    bottom:10px;
    right:10px;
    color:rgba(209, 205, 190, 0.82); /*last number is the transparency index*/
    text-align:center;
    z-index: 10;
}

.topnav:hover {
    color:#5e4e3e;
}
/*add space at the bottom of the page for nav scrollilng if needed*/
.endsection:after {
    display: block; 
  content: " "; 
  height: 800px; 
  visibility: hidden; 
}

.spacer:before {
    display:block;
    content:" ";
    height:25px;
    visibility:hidden;
}

.spacer2:before {
    display:block;
    content:" ";
    height:55px;
    visibility:hidden;
}



caption {
    font-family:gasparbold;
    font-size: 1.2em;
    color: #4f5b4c;

}


table#geninfotable td:first-of-type {
    font-weight:bolder;
    color:#21244b;
}

table#geninfotable, table#sched {
    margin-bottom:20px;
}

td {
    text-align: left;
    
}

td.oddweek {
    text-align:center;
    font-weight:bolder;
    color:#000000;
    background-color:#ebd888;
}

    td.evenweek {
        text-align: center;
        font-weight: bolder;
        color: #ebd888;
        background-color: #000000;
    }

td.classdate {
    font-weight:bolder;
    color:#424766;
    text-align:center;
    
}

table td {
    border: 1px solid #1d170c;
}

th {
    background-color: #000000;
    color: #e6e16f;
    text-align: left;
}

tr:nth-child(even){
    background-color:#eaeaea;
}

tfoot {
    border: 1px solid #482f19;
    background-color: #000000;
    color: #e6e16f;
    font-weight: bolder;
}

td.unitstyle {
    background-color: #656d4b;
/*background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%),
linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%),
linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%),
linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 50%);
background-size: 13px, 29px, 37px, 53px;*/


}

h2.unitstyle {
    background-color: #193665;
    
    font-family: distant_galaxy;
    font-size: 2.5em;
    color: #193665;
    -webkit-text-stroke: 1px #ffffff;
    padding-left: 7px;
    padding-top: 2px;
}

table#sched {
    width: 95%;
    margin: auto;
}



    table#sched th:nth-child(1) {
        width: 10%;
    }

    table#sched th:nth-child(2) {
        width: 12%;
    }

    table#sched th:nth-child(3) {
        width: 77%;
    }

   



tr.unithead  {
    font-family: distant_galaxy;
    font-size: 1.5em;
    color: #131463;
    
    background-color: #ffffff;
}





table#indmeet {
    width:70%;
    margin:auto;
}

table#indmeet th:nth-child(1) {
    width:40%;
}

table#indmeet th:nth-child(2) {
    width:60%;
}

table#audioedit, table#metafields {
    display: block;
    margin: auto;
    width: 70%;
    border: 1px #000000 solid;
}



    table#audioedit th, table#audioedit td, table#metafields th, table#metafields td {
        border: 1px #000000 solid;
    }

        table#audioedit th:nth-child(1) {
           width:50%;
            
            background-color: #268445;
        }

        table#audioedit th:nth-child(2) {
            background-color: #913434;
        }

        table#audioedit td {
            vertical-align:top;
        }


    table#metafields th:nth-child(1) {
        width: 50%;
    }
    table#metafields th:nth-child(2) {
        width: 50%;
    }

ul li {
    list-style:square;
}

li.indent {
    
    margin-left:30px;
    padding-left:5px;
}

ol.indent {
    margin-left:60px;
    padding-left:5px;
}

ul li.indent {
    list-style-type:circle;
}

ol.indent {
    counter-reset: sub-counter;
}

ol li.indent, ol.indent {
    list-style-type:lower-alpha;
    counter-increment: sub-counter;
    content: counter(sub-counter) ". ";
   
}

ol li.indent:first-of-type {
    counter-reset:inherit;
}

ol.questionlist li, ul.questionlist li {
    padding-bottom:7px;
}

ul.falist li, ul.poetry li {
    list-style-type: none;
}

    /*
ul li i.fas, ul li i.fab, ul li i.far {
    
}
    */


ul.falist li i {
    color: #653215;
}

dt {
    font-family:gasparbold;
    font-weight:bolder;
    color:#536a76;
    font-size:1.5em;
}

dd {
    padding-bottom: 10px;
}

dt.subdef {
    padding-left:40px;
    color:#a37249;
}

dd.subdef {
    padding-left:40px;
}

.lemma {
    font-variant: small-caps;
}

.stress {
    color:#922727;
    font-weight:bolder;
}

.stressgood {
    color:#63752f;
    font-weight:bolder;
}


.workscited {
    margin-left:40px;
    text-indent:-40px;
}

.indent {
    padding-left:40px;
}

.presentation {
    font-weight:bold;
    color:#dd5656;
}

.reading {
    font-weight:bolder;
    color: #82b360;
}

.noclass {
    background-color: #d5b991;
    color:#624933;
    font-weight:bolder;
    text-align:center;
}

.quiz {
    color:#d77d42;
    font-weight:bolder;
}

.speaker {
    color:#a19185; 
    font-weight:bolder;
}

.viewing {
    color:#a19185;
    font-weight:bolder;
}

.homework {
    color:#48365c;
    font-weight:bolder;
}

.duedate {
    color:#834040;
    font-weight:bolder;
}

.workshop {
    color:#9d5816;
    font-weight:bolder;
}

.draft {
    color:#5e105f;
    font-weight:bolder;
}

.inclass {
    color:#445687;
    font-weight:bolder;
}

.subdiv {
    width:90%;
    margin-left:auto;
    margin-right:auto;
    border-bottom: dashed 1px #a19185;
}

.groupa {
    color:#bf7741;
    font-weight:bolder;
}

.groupb {
    color:#405974;
    font-weight:bolder;
}

.groupc {
    color:#5d4b6f;
    font-weight:bolder;
}

.groupd {
    color:#aea464;
    font-weight:bolder;
}

.imgleft {
    padding-right: 25px;
    float:left;
}

.imgright {
    padding-right: 5px;
    float:right;
}

.imgcenter {
    display:block;
    margin:auto;
}

.example {
    padding-left: 10px;
    margin-right: 10px;
    border: double #111111;
}

.discussion {
    color:#96521a;
    font-weight:bolder;
}

.centerit {
    text-align:center;
    margin:auto;
}

.textsample {
    width:95%;
    margin:auto;
    border:1px solid #4181c2;
    padding:3px;
}