@font-face {
    font-family: 'h3-5font';
    src: url('../fonts/ArmWrestler-webfont.woff');
}

@font-face {
    font-family: 'captionfont';
    src: url('../fonts/BPdotsMinusBold-webfont.woff');
}

@font-face {
    font-family: 'dtfont';
    src: url('../fonts/ArmWrestler-webfont.woff');
}

header {
    height: 250px;
}

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;
}

.navtext {
    font-family: navfont;
    color:#ffffff;
}

    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 {
    font-family: h2font;
    color:#bcbcbc;
    text-align: center;

    
}



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

h3, .h3inline, h4, .h4inline, h5, .h5inline {
    font-family: h3-5font;
}

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

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

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

h2.unit {
    
    font-family: h2font;
    color: #505050;
    padding-left: 5px;
    background-color: #c1cbe6;
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23526eb6' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}




/*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:captionfont;
    font-weight:bolder;
    font-size: 1.2em;
    color: #000000;

}

table#sylassign {
    margin:auto;
    width:50%;
    border:1px solid #000000;
}

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:#62361a;
    background-color:#c18758;
}

    td.evenweek {
        text-align: center;
        font-weight: bolder;
        color: #c18758;
        background-color: #62361a;
    }

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

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

th, tfoot {
    background-color: #514230;
    color: #e6b36f;
    text-align: left;
}

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

tfoot {
    border: 1px solid #482f19;
    
    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: h2font;
    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: 15%;
    }

    table#sched th:nth-child(2) {
        width: 84%;
    }
/*
    table#sched th:nth-child(3) {
        width: 44%;
    }
        */




tr.unithead {
    font-family: h2font;
    font-size: 1.5em;
    color: #131463;
    background-color: #c1cbe6;
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23526eb6' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}





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;
}

li.indentmore {
    margin-left:60px;
    padding-left:5px;
}

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

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

ul li.indentmore {
    list-style-type:disc;
}

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:dtfont;
    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;
}

iframe {
    display: block;
    margin: auto;
}

#todolist {
    font-size: larger;
}



.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: #91b0d5;
    color:#f2e8df;
    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;
}

.wgte {
    background-color:#cf8434;
    color:#ffffff;
    font-weight:bolder;
    padding-left:5px;
    padding-right:5px;
}