/*
 * Elk Grove Water District SimpleSAMLphp theme
 * Generated by: ssp-theme-generator.sh
 * At: Tue May  5 14:31:11 PDT 2020
 * Modified by TD @ 1/1/2024
 *
 * This CSS file incorporates SimpleSAMLphp's default CSS and merely
 * overrides elements to style this theme.
 */
/*
  @import url('../../resources/default.css');
*/

#logo {
    display:none;
}
#languagebar {
   display:none !important;
}

body {
    /*
     * specify the background colour of the entire page as a very light
     * colour, since most corporate image colours are designed to work on
     * paper and thus with a white background.
     */
    background: #263850;
}

#wrap {
    /* center the main block within the page */
    margin: 20px auto;
    /*
     * specify the border around the main block as a complementary colour.
     * by default this is the +30' adjacent and the header border is the
     * corresponding -30' adjacent. You can also try swapping them, or if
     * your corporate style guide specifies complementary colours, use them.
     */
    background: #263850;
    text-align: center;
    border: none;
}

#header {
    /* set the background of the header block to our corporate colour */
    background: #263850;
    /* and set the bottom border to complement the #wrap border colour */
    border-bottom: 1px solid hsl(198.63180, 55.55700%, 33.52800%);
    float: none;
}

/* if we have a logo, put it on the right and fit it in the header */
#header img {
    float: right;
    display: inline;
    border: none;
    height: 64px;
    margin: 4px 12px;
}

/* put our name in small words on the bottom of every page */
#footer {
    font-size: smaller;
    padding-bottom: 0.1rem;
}



/*---------------------------------------------------------*/

@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    div #content  {
        border-radius: 15px;
    }
}

body{
    background: #263850;
}

#header a img{
  float: none;
}

#wrap {
    background: #263850;
    text-align: center;
    border: none;
    padding: 20px;
}

#content {
    border-radius: 15px 15px 0 0;
    background: #fff;
    padding: 10px;
}

#content form table{
    margin: 0 auto;
}

#footer{
    background: #fff;
    border-radius: 0 0 15px 15px;
    margin: 0;
    padding: 15px;
}

#footer span{
  float: none;
}

/*-------------------------------------------------*/

/* make small screens use the corporate colour as a background */
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    body {
        background: #263850;
    }
}