@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Open+Sans:wght@300;400;600;800&display=swap');

.admin-html {background:rgb(43,43,43);}
body {font-family: 'Lora', serif !important;font-size:16px !important;}
.admin-body {background:rgb(255,255,255);padding-bottom:20px;}
label {font-weight:bold !important;margin-top:20px !important;}
label.pure-radio {margin-top:5px !important;}

.left {text-align:left;}
.center {text-align:center;}
.stretch, .squash {width:75%;margin-left:auto !important;margin-right:auto !important;}
.flex {display:flex;flex-direction:column;flex-wrap:wrap;justify-content: space-evenly;}
.bump {margin-left:40%;}
.pure-button {font-family: 'Open Sans', sans-serif;font-weight:bold;text-transform: uppercase;font-size:1.3rem;border-radius:7px;padding:20px;}
a.pure-button {margin: 20px 0;}

.caution {color:red;}

.admin-body nav {color:rgb(255,255,255);}
.admin-body nav ul.sub-menu {
      background:rgb(43,43,43);
      padding-bottom:20px;
    }
.admin-body ul.sub-menu li {
    display:inline-block;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    text-transform:uppercase;
    border-right: 2px solid rgb(255,255,255);
    padding-right:5px;
    margin-top:20px;
  }

.admin-body nav li a {
  color:rgb(235, 165, 37);
  text-decoration: none;
}

/*** STAFF STYLES ***/

body.admin-body footer {
  padding-top:20px;
}

h2.heading {
    margin:1em 0;
    background:rgb(43,43,43);
    color:rgb(255,255,255);
    font-size:1.5rem;
    font-weight:bold;
    padding: 10px 0;
  }
  #container {
    width:50%;
    margin: 0 auto;
  }

@media screen and (min-width: 1200px) {
    .flex {flex-direction: row;}
}