@media print{

    body{
        font-size: 12pt;
    }
    header{
        position: relative;
        width: 100%;
        height: 4em;
        font-size: 12pt;
        /* min-height: 6em; */
        margin: 1em 0 0em 0;
        line-height: 1.5em;
        text-align: center;
        font-size: 1.5em;
        /* background-color: #454547;
        color: #999; */
        /*box-shadow: 4px 4px 10px rgba(0,0,0,0.8);*/
        overflow: hidden;
    }
    header h1{
        font-size:16pt;
    }
    header .logo{
        position: relative;
        top:-4em;
        left: .1em;
        width: 8em;
        height: 3em;
        margin-top: .1em;
        background-image: url('../images/logos/ProgressBG_logo.png');
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .syllabus h1{
        position: relative;
        /* top:-4em; */
    }

    footer{
        display: none;
        /*position: absolute;
        left: 0; right: 0; bottom: 0;*/
        /*display: inline-block;*/
        margin: 5em 0 0 0;
        height: 5em;
        vertical-align: middle;
        text-align: center;
        border-top: 1px solid #AAA;
        /*border: 2px solid red;*/
        color: #999;
    }
    a{
        border: none;
    }
    img{
        height: 10px;
    }

    .course_about{
        display: none;
    }

    .syllabus .toggleButtons{
      display: none;
    }

    .themes>article>h1,.themes>article h3{
        border-bottom: none
    }
    ol.sub_themes{
        list-style-type: none;
    }

    .sub_themes{
        margin: 0;
        page-break-inside: avoid;
    }
    .themes section h3{
        page-break-after: avoid;
        page-break-inside: avoid;

    }
    .sub_themes>li{
        page-break-inside: avoid;
        page-break-after: avoid;
    }
    .total_hours{
        /*display: none;*/
        /*color: yellow;*/
    }
    .iep_syllabus>div:last-of-type{
        display: none;
        color: red;
        font-size: 5em;
    }
}

@page {
    /* size: 8.5in 9in; */
    margin: 5in ;
    header .logo{
        display: none;
    }
}

@page :first{
    header .logo{
        display: block;
    }
}