body.anon.front{
  background-image:url(images/login_bkg2.webp);
  background-color::#eee;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}

body.anon.front img.page_header_image{
  display:none;
}

body.anon.front ul {
    list-style: none;
}


body.anon.front .container.container_body {
    background-color: transparent;
    background-image: none;
    flex-grow: unset;
}

body.anon.front .dynamic-menu,
body.anon.front section.block-user h2,
body.anon.front div.navbar
{
  display:none;
}


body.anon.front .page_header {
  background: transparent;
/*  min-height: 40px;
  margin-top: 16vh;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
}

body.anon.front div.mainpage.container{
/*     border-radius: 50%; */
    height: 80vw;
    width: 80vw;
    /* position: absolute; */
    /* left: calc(20vw / 2 - 2vw); */
    top: 20px;
    text-align: center;
    margin: 2vw;
    padding: 20px;
    background-image: url(images/bkg_circle.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
/*     background-color: #DF103A; */
    color: #fff;
    max-width: 800px;
    max-height: 800px;
    margin: auto;
/*    outline-width: 16px;
    outline-style: solid;
    outline-color: #fff;
    outline-offset: -33px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

body.anon.front img.logo{
    max-width: 450px;
    margin:0;
    padding:0;
    margin-bottom:30px;
    margin-top: -60px;
}


body.anon.front div.main-content{
  z-index:99;
  margin-left:auto;
  margin-right:auto;
}

body.anon.front footer.footer{
    display: flex;
    flex:1;
    flex-grow:1;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 4px;
    color: #fff;
    font-size: 14px;
    background-color: #DF103A;
    position: fixed;
    bottom: 0;
    left: 0;
    width:100%;
}

body.anon.front input#edit-submit {
    width: 0;
    height: 0;
/*     text-indent:2600px; */
    border-radius: 0;
    border-style: solid;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 14px solid #DF103A;
    border-right: none;
    margin-left: -26px;
    margin-right:6px;
    position: relative;
    top: 9px;
    background-color: transparent;
    z-index:99;
}
body.anon.front form input#edit-name,
body.anon.front form input#edit-pass
{
  padding: 6px;
  margin: 4px;
  width: 16vw;
  max-width: 240px;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
}

body.anon.front .form-item {
    padding-bottom: 0;
}
body.anon.front form label{
  display:none;
}
body.anon.front form#user-login-form {
  margin-top:20px;
}

body.anon.front .container.container_body::before {
  background-image: none;
}

body.anon.front a,
body.anon.front a:active,
body.anon.front a:visited
{
  color: #E6D2AE;
  text-decoration: none;
}

body.anon.front .form-item {
  display: inline;
}

/* Fix form issues on phone */
@media (max-width: 600px) {
  body.anon.front img.logo {
      width: 50vw;
      margin-bottom:0;
  }
  body.anon.front .page_header {
      background: transparent;
      min-height: 40px;
      margin-top: 30px;
  }
  body.anon.front h1#site-name a, h1#site-name a {
      font-size: 26px;
  }
  body.anon.front form#user-login-form {
      margin-top: 0;
  }
  body.anon.front form input#edit-name,
  body.anon.front form input#edit-pass
  {
      width: auto;
      padding:4px;
      margin:2px;
  }
  body.anon.front div#contentfooter {
      margin-top:-18px;
  }
  body.anon.front #user-login-form .item-list {
      padding: 0 0 0 0;
  }
  body.anon.front div.mainpage.container {
    height: 94vw;
    width: 94vw;
    padding: 8px;
  }
  body.anon.front section.block div.content > div{
    padding:10px;
  }
  
}