/*
   lacibus.net home page stylesheet 4 September 2022
*/

#page-top, #page-bottom {
    min-height: 100px;
}

#page-middle {
    border-top: 5px solid var(--laciblack);
}

#forms-band {
    top: 0px;
}

@media screen and (min-width: 750px) {

    #overlay-middle-top, #overlay-middle-bottom {
        position: absolute;
        z-index: 1;
    }
    #overlay-middle-top {
        top: 0px;
        height: 90px;
        background-color:  var(--paleblue);
    }
    #overlay-middle-bottom {
         height: 90px;
         bottom: 0px;
         background-color:  var(--laciblue);
    }
    #menu-top .sodacurrentpagemenuitemdiv {
        font-size: 120%;
    }
    #headline, #content-middle, #footline {
        border: 5px solid var(--laciblack);
        border-radius: 0.5em;
        padding: 0px;
        background-color: white;
    }
    #headline, #footline {
        float: right;
        max-width: none;
        width: 450px;
    }
    #headline {
        background-color: white;
    }
    #footline {
        margin: 0;
    }
    .headline-content, .footline-content {
        margin: 16px;
        vertical-align: middle;
        width: 418px;
    }
    #page-middle {
        padding: 0px;
        border: none;
    }
    #content-middle {
        float: left;
        width: 600px;
        padding: 0px;
        margin: 45px 0px 45px 0px;
    }
    #copyright, #terms {
       top: 26px;
    }
    #forms-band {
        margin-top: 0px;
    }
}

@media (min-width: 1300px) {
    #page-upper, #page-lower {
        position: absolute;
    }
    #page-upper {
        top: 140px;
    }
    #overlay-middle-top {
        height: 125px;
    }
    #content-middle {
        margin: 25px 0px 10px 0px;
    }
    #overlay-middle-bottom {
        height: 125px;
    }
    #page-lower {
        bottom: 125px;
        background-color: white;
    }
    #menu-bottom {
        top: 0px;
    }
    #copyright, #terms {
       top: 32px;
    }
    #forms-band {
        min-height: 5px;
    }
}