/**********************************************************
*    IncludeMe Tools
*    IncludeMe-style V3.0.0
*    Copyright 2023, Hyssop Production
*    https://www.hyssop.com/
**********************************************************/

/*-- CSS reset -----------------------------------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /*color: unset;*/
}

/*-- CSS normalize -----------------------------------------------------------------------------------------*/

/*-- universal styles -----------------------------------------------------------------------------------------*/
body {
    font-family: Helvetica, Tahoma, sans-serif;
    /*font-family: "Palatino Linotype";*/ /*????????????????????????????????????????????????????*/
}

/*-- header/footer styles ---------------------*/
header, footer {
    background-color: #2483c5;
    color: #fff;
}

header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
}

footer {
    text-align: center;
    overflow: hidden;
    padding: 10px 5px 0;
    clear: both;
}

/*-- cycle slideshow and logo ---------------------*/

.logo {
    float: left;
    position: relative;
    z-index: 900;
    width: 11vw;
    height: auto;
    margin: 10px 0 0 10px;
}

img.js-hide {
    width: 100%;
    margin-top: calc(-11vw - 14px);
}

.cycle-slideshow {
    margin-bottom: -10% !important;
}

.cycle-slideshow img {
    width: 100%;
}

.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: absolute;
    top: 10px;
    overflow: hidden;
}

.cycle-pager span {
    font-family: arial; /**???????????????????????????????????????????*/
    font-size: 50px;
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #ddd;
    cursor: pointer;
}

.cycle-pager span.cycle-pager-active {
    color: #777;
}

.cycle-pager > * {
    cursor: pointer;
}

/*-- main styles ---------------------*/
main {
    text-align: left;
}

main img {
    max-width: 100%;
    height: auto;
}

main .banner {
    width: 100%;
}

main .border {
    width: 200%;
}

/*-- flex styles ---------------------*/
.flex-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.one-col, .two-col > div, .three-col > div, .four-col > div {
    padding: 0 10px 10px;
}

.one-col {
    margin: 0 15%;
}

.two-col > div, .two-col-no-stack > div {
    width: calc(50% - 10px);
}

.three-col > div {
    width: calc(33.333% - 6.667px);
}

.four-col > div {
    width: calc(25% - 5px);
}

.img-left {
    float: left;
    margin: 10px 10px 10px 0;
    max-width: 50%;
}

.img-right {
    float: right;
    margin: 10px 0 10px 10px;
    max-width: 50%;
}

/*-- table styles ---------------------*/
table {
    width: 50%;
    margin: 0 auto;
}

/*-- general styles ---------------------*/
.clear-both {
    clear: both;
}

.bold {
    font-weight: bold;
}

h1 {
    padding: 1em 0;
    /*font-family: "Palatino Linotype";*/
}

hr {
    margin: 1em 0;
}









/*IM 2.00, Site Lite CSS - The Lighthouse School*/
/*general use CSS, no not modify--------------------------------------------------------------------------------------*/
/*.font-xxl {font-size:xx-large;}*/
.font-xl {font-size:x-large;} /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!USED replace with em or rm ????????????!!!!!!!!!!!!!!!!!!!*/
/*.font-l {font-size:large;}*/
/*.font-m {font-size:medium;}*/
.font-s {font-size:small;} /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!USED replace with em or rm ????????????!!!!!!!!!!!!!!!!!!!*/
.font-xs {font-size:x-small;} /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!USED replace with em or rm ????????????!!!!!!!!!!!!!!!!!!!*/
/*.font-xxs {font-size:xx-small;}*/

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

.indent {text-indent:15px;}
.exdent {text-indent:-15px;}

.shift-r {position:relative; left:15px;}

.underline {text-decoration:underline;}
.bold {font-weight:bold;}
.ital {font-style:italic;}

.border-0 {border-width:0px}
.border-1 {border:1px solid #000000; padding: 5px;}

.float-left {float:left;}
.float-right {float:right;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}

.error {color:red; text-decoration:underline;}
/*.validator, .validator a:link, .validator a:visited {font-size:xx-small; text-align:left; background-color:#fff; color:#000; text-decoration:none;}*/
/*.validator a:hover {text-decoration:underline; color:#f00;}*/

/*site layout CSS--------------------------------------------------------------------------------------*/
body {
    /*font-family:Georgia, "Times New Roman", Times, serif;*/ /**???????????????????????????????????????????*/
    /*background-color:#59676a;*/
    /*background-image:url(images/page-bg.jpg);*/
    text-align:center;
    /*padding:20px 0px;*/
}

/*#container {*/
/*    position:relative;*/
/*    left:5px;*/
/*    width:910px; !*page width*!*/
/*    margin:0px auto; !*centers main divs*!*/
/*}*/

/*#header {*/
/*    text-align:center;*/
/*    padding:0px;*/
/*    margin:0px;*/
/*    background-image: url(images/header_910.jpg);*/
/*    background-repeat:no-repeat;*/
/*    height:200px;*/
/*}*/

/*!*uncomment declarations in next 4 IDs to enable double sidebar CSS (adjust width and margin-left per design)*!*/
/*#main {*/
/*    clear:both;*/
/*    padding:0px;*/
/*    margin:0px;*/
/*    width:910px;*/
/*    overflow:hidden;*/
/*    !*float:left;*/
/*    display:inline;*/
/*    width:460px;*/
/*    margin-left:150px;*!*/
/*}*/

/*#main-content {*/
/*    padding:20px;*/
/*    margin:0px;*/
/*    text-align:left;*/
/*    width:870px;*/
/*    background-color:#fbebb4;*/
/*    background-image:url(images/main-bg-ds_910.jpg);*/
/*    background-repeat:repeat-y;*/
/*}*/

/*#left-sidebar {*/
/*    float:left;*/
/*    padding:0px;*/
/*    margin:0px;*/
/*    !*width:150px;*/
/*    margin-left:-630px;*!*/
/*}*/

/*#right-sidebar {*/
/*    float:left;*/
/*    padding:0px;*/
/*    margin:0px;*/
/*    !*width:150px;*!*/
/*}*/

/*#footer {*/
/*    clear:both;*/
/*    text-align:center;*/
/*    padding:10px 0px 0px;*/
/*    margin:0px;*/
/*    background-image:url(images/footer_910.jpg);*/
/*    background-repeat:no-repeat;*/
/*    height:200px;*/
/*    color:#f7dfae;*/
/*    width:910px;*/
/*    overflow:hidden;*/
/*}*/

/*contact form CSS--------------------------------------------------------------------------------------*/
#con-form {
    width:530px; /*contact form width*/
    text-align:right;
    margin: 0 auto 20px;
}

#con-form fieldset {
    border:0px;
}

#con-form input, #con-form textarea {
    padding:1px;
    margin:1px;
}

/*links CSS--------------------------------------------------------------------------------------*/
/*div.links-main {*/
/*    float:left;*/
/*    width:100%;*/
/*    position:relative;*/
/*    top:78px;*/
/*    !*line-height: 18px;*!*/
/*}*/

/*div.links-main ul {*/
/*    clear:left;*/
/*    float:left;*/
/*    padding:0px;*/
/*    margin:0px;*/
/*    list-style:none;*/
/*}*/

/*div.links-main ul li {*/
/*    float:left;*/
/*    padding:0px;*/
/*    margin:0px 8px;*/
/*    display:block;*/
/*    list-style:none;*/
/*    font-size:16px;*/
/*    font-weight:bold;*/
/*}*/

/*div.links-sec {*/
/*    float:left;*/
/*    width:100%;*/
/*}*/

/*div.links-sec ul {*/
/*    clear:left;*/
/*    float:left;*/
/*    position:relative;*/
/*    left:50%;*/
/*    padding:0px;*/
/*    margin:0px;*/
/*    list-style:none;*/
/*}*/

/*div.links-sec ul li {*/
/*    float:left;*/
/*    position:relative;*/
/*    right:50%;*/
/*    padding:0px;*/
/*    margin:0px 4px;*/
/*    display:block;*/
/*    list-style:none;*/
/*    font-size:13px;*/
/*    font-weight:bold;*/
/*}*/

main a:link, main a:visited {
    /*color:#000;*/
    color: #2483c5;
}

main a:hover {
    /*color:#2483c5;*/
}

/*#header a:link, #header a:visited, #footer a:link, #footer a:visited {*/
/*    text-decoration:none;*/
/*    color:#f7dfae;*/
/*}*/

/*#header a:hover, #footer a:hover {*/
/*    text-decoration:none;*/
/*    color:#ff7;*/
/*}*/

/*a.nav-icon {*/
/*    position:relative;*/
/*    top:-14px;*/
/*    background-image:url(images/home-icon.gif);*/
/*    background-repeat:no-repeat;*/
/*    display:inline-block;*/
/*    width:30px;*/
/*    height:30px;*/
/*}*/

/*a.nav-icon:hover {*/
/*    background-image:url(images/home-icon-glow.gif);*/
/*    background-repeat:no-repeat;*/
/*}*/

/*a.nav-icon span {*/
/*    visibility:hidden;*/
/*}*/



/*copyright notice CSS--------------------------------------------------------------------------------------*/
#copyright {
    /*clear:both;*/
    /*font-size:11px;*/
    /*padding-top:5px;*/
}

/*IMlogin CSS--------------------------------------------------------------------------------------*/
.loginout-link {
    font-size:x-small;
    position: relative;
    z-index: 10000;
}

#login-form {
    text-align:left;
}

#login-form fieldset {
    border:0px;
}

/*IMezone CSS--------------------------------------------------------------------------------------*/
.ezone-link {
    font-size:x-small;
    position: relative;
    z-index: 10000;
}

.ezone-highlight {
    /*background-color:#CCCC99;*/
}

.ezone-highlight li {
    /*background-color:#CCCC99;*/
}

.content-edit-form {
    text-align:left;
    position: relative;
    z-index: 10000;
}

.content-edit-form fieldset {
    border:0px;
}

.content-edit-form textarea{
    width:100%;
}

.admin-form {
    position: relative;
    z-index: 10000; /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!consolidate this with other for EZ Edite!!!!!!!!!!!!!!!!!!!!!!*/
}

/*custom CSS, add additional CSS declarations here--------------------------------------------------------------------------------------*/
/*#logo-text {*/
/*    font-size:50px;*/
/*    position:relative;*/
/*    left:75px;*/
/*    top:30px;*/
/*    width:765px*/
/*}*/

/*#slogan {*/
/*    font-size:20px;*/
/*}*/

#left-col {
    float:left;
    min-width:150px;
    /*width: calc(35% - 1px);*/
    width: 35%;
    padding:0 20px 0 0;
    /*overflow:hidden;*/
    border-right:1px solid #aaa;
}

#left-col-home {
    /*float:left;*/
    /*width:410px;*/
    /*padding:0px 20px 0px 0px;*/
}

#left-col-home img {
    /*border-top:4px solid #69513a;*/
    /*border-left:4px solid #69513a;*/
    /*border-bottom:4px solid #2e2419;*/
    /*border-right:4px solid #2e2419;*/
}

/*.left-col-dlfa {*/
/*    width: 235px!important;*/
/*}*/

#right-col {
    float:left;
    position:relative;
    left:-1px;
    /*width: calc(65% - 1px);*/
    width: 65%;
    /*width:645px;*/
    /*overflow:hidden;*/
    padding:0 0 0 20px;
    /*border-left:1px solid #aaa;*/
}

#right-col-home {
    /*float:left;*/
    /*width:410px;*/
    /*padding-right:20px;*/
}

/*.right-col-dlfa {*/
/*    width: 570px!important;*/
/*}*/

/*.flex-cont {*/
/*    display: flex;*/
/*}*/

/*.flex-item {*/
/*}*/

/*.flex-cont-dlfa {*/
/*    flex-wrap: wrap;*/
/*    text-align: center;*/
/*    border-right: #000000 solid 1px;*/
/*}*/

/*.flex-item-dlfa {*/
/*    width: calc(25% - 1px);*/
/*    border-left: #000000 solid 1px;*/
/*    border-bottom: #000000 solid 1px;*/
/*}*/

/*.flex-item-dlfa p.dlfa-hours, .flex-item-dlfa p.dlfa-resources, p.dlfa-resources-other {*/
/*    font-size: 11px;*/
/*    text-align: left;*/
/*    padding: 3px;*/
/*    margin: 0;*/
/*}*/

/*.flex-item-dlfa h4, div.other h4 {*/
/*    margin: 3px 0 0;*/
/*}*/

/*.flex-cont-dlfa div.hr {*/
/*    margin: 5px;*/
/*    border-bottom: 1px solid #000000;*/
/*}*/

/*div.other, div.other p {*/
/*    margin-left: 20px;*/
/*}*/

.banner {
    /*position:relative;*/
    /*top:-20px;*/
    /*left:-20px;*/
}

/*#footer-address {*/
/*    position:relative;*/
/*    left:90px;*/
/*    top:62px;*/
/*    text-align:left;*/
/*    font-size:13px;*/
/*    font-weight:bold;*/
/*    width:700px*/
/*}*/

/*h1 {*/
/*    font-size:large; !*18px*!*/
/*}*/

/*h2 {*/
/*    font-size:medium; !*16px*!*/
/*}*/

/*h3 {*/
/*    font-size:14px;*/
/*}*/

/*h4 {*/
/*    font-size:12px;*/
/*}*/

h1, h2, h3, h4, h5, h6 {
    /*font-family: Verdana;*/
    font-style: italic;
    color: #2483c5;
    text-align: center;
}

p, ul {
    margin:0 0 1em;
}

ul {
    padding: 0 30px;
}

/*.email-list, .board-list {*/
/*    !*list-style-type:none;*!*/
/*}*/

/*.board-list {*/
/*    !*position:relative;*!*/
/*    !*left:-30px;*!*/
/*}*/

/*table.staff-list  {*/
/*    border-collapse:collapse;*/
/*    width:850px;*/
/*    margin:0 auto;*/
/*    position:relative;*/
/*    left:-5px;*/
/*}*/

/*table.staff-list tr.row-even {*/
/*    background-color:#f5e5b0;*/
/*}*/

/*table.staff-list td {*/
/*    padding:0px 5px;*/
/*}*/

.comm-page-content {
    width:860px;
}

.comm-page-content div.comm-page-zone {
    border-left:2px solid #555;
    border-bottom:2px solid #555;
    padding-left:5px;
    margin-bottom:1em;
}

.no-show {
    visibility:hidden;
}

#media-player {
    /*width: 90%;*/
    display: block;
    margin: 0 auto;
}

.blue-marker li::marker {
    color: #2483c5;
}

.lesson-themes-table {
    margin: 0 auto;
    margin-bottom: 1rem;
}

.lesson-themes-table caption {
    font-weight: bold;
    text-decoration: underline;
    padding-bottom: 0.2rem;
}

.lesson-themes-table td:first-of-type {
    padding-right: 1rem;
}











/*-- desktop -----------------------------------------------------------------------------------------*/
.mobi-only {
    display: none;
}






/*-- mobile -----------------------------------------------------------------------------------------*/
@media all and (max-width: 699px) {
    .mobi-only {
        display: revert;
    }

    /*-- header styles ---------------------*/
    header {
        position: unset; /*????????????????????????????????????????????????????????????????????????????*/
    }

    /*-- flex styles ---------------------*/
    .one-col {
        margin: 0;
    }

    .two-col > div, .three-col > div, .four-col > div {
        width: 100%;
    }

    .img-left, .img-right {
        max-width: 100%;
    }




    /*-- table styles ---------------------*/
    table {
        width: 100%;
    }


    #left-col, #right-col {
        float: unset;
        position: unset;
        width: 100%;
        padding:0;
        border-right: unset;
        /*border-left: unset;*/
    }

    #left-col img {
        margin: 0 auto 1rem;
        display: block;
    }







    #con-form {
        width: 100%; /*contact form width*/
        text-align: left;
    }

    #con-form fieldset {
        border:0px;
    }

    #con-form label {
        display: block;
    }

    #con-form input, #con-form textarea, #con-form select {
        width: 100%;
    }

    #con-form input[type="submit"] {
        margin-top: 5px;
    }







    #media-player {
        width: 100%;
        height: auto;
    }




}