/* CSS Document bg #00c3d3 #001e20 cmsgo #DBEAF9*/

h3 { margin-left:6px; margin-bottom:10px }

html, body {
    height: 100%;
}

body { 
    /* background-image:url('../imgs/PPLA_OrangeCountyOpacity.jpg');
    background-repeat: no-repeat;
    background-size:cover; */
}

.wide.html1 {
    height: 90%;
    width: 100%;
    display: table;
    background-image: radial-gradient(ellipse at 80% 0, lightblue, midnightblue 100%);
    background-color: #007c86;
}
.wrap.html1 {
    display: table-cell;
    height: 100%;
    /* vertical-align: middle; */
    padding-top: 20%
}

/* topic boxes */

.topics.html1 { 
    width:400px; max-width:100%; 
    margin: 0 auto 0 auto; 
    }

.topic.html1 { 
    background-color:ghostwhite;
    opacity:1; 
    margin:0 0 1rem 0; padding:15px 20px 20px 20px; 
    overflow:hidden; 
    z-index:4;
    border-radius:3px
    }
    
.topic.html1:hover { background-color:ghostwhite }

/* login box */

#silo {
  float: left;
  width: 160px;
  background-color:white;
}

#subm_login {
    display: inline-block; 
    min-height: unset;
    margin: 0px 0px 0px 10px;
}

.AF button[type=submit] { margin-right:0 }

/* ----------------------------------------------------------------------------- screens */

@media only screen and (max-width:510px) {
    .topics.html1 { width:auto }
}