/* define webfonts */
  @font-face {
    font-family: 'FatFrank';
    src: url('fonts/FatFrank-Regular.ttf') format('truetype');
    -webkit-font-smoothing: antialiased;
  }
  
  @font-face {
    font-family: 'Avenir Book';
    src: url('fonts/Avenir-Book.otf') format('opentype');
    -webkit-font-smoothing: antialiased;
  }
  @font-face {
    font-family: 'AvenirMedium';
    src: url('fonts/AvenirMedium.otf') format('opentype');
    -webkit-font-smoothing: antialiased;
  }

body {
  font-family: 'AvenirMedium', sans-serif;
  font-weight:normal;
  font-size:14px;
  color:#000;
  outline:none;
}

h1 a{
/*   font-family: 'FatFrank', sans-serif; */
  font-size:40px;
  font-weight:bold;
  text-transform:uppercase;
}

html,
body,
div.page-wrapper,
div.anon {
    height: 100%;
    padding: 0;
    margin: 0;
    min-width:100%;
}
div.sidebar-left,
div.sidebar-left a{
    color:#fff;
    /* text-decoration: none; */
}
h1 a,h2 a,h3 a, h4 a, h5 a{
    text-decoration: none;
}

div.sidebar-left .item-list ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}
div.sidebar-left .block ul {
    margin: 0;
    padding: 0;
}

.page-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.page_header {
    text-align: center;
}



.sidebar-left {
    background-color: #000;
    width: 30%;
    min-width:300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media (max-width: 540px) {
  .sidebar-left {
      width: 100%;
  }
}


.logo {
    text-align: center;
}
img.logo {
/*     max-width: 50%; */
    width:300px;
}

img.dim{
  opacity:.1;
}

h1#site-name {
    margin-top: -18px;
    padding-top: 0;
    position: relative;
    letter-spacing: .1em;
    max-width: 300px;
    display: flex;
    justify-content: center;
}

.main-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex:1
}

footer.footer {
    background-color: #e03a3e;
    width: 100%;
    height: 30px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    color:#fff;
}
footer.footer a{
    color:#fff;
}

.content {
    padding-left: 10px;
    padding-right: 10px;
}


#user-login-form label{
  display:none;
}


div.messages ul,
div.messages li
{
  display: block;
}

#user-login-form .item-list a{
  font-family: 'Avenir Book', sans-serif;
  text-transform:uppercase;
  font-size:12px;
  font-weight:normal;
}

.block-block{
/*   width:60%; */
  font-family: 'Avenir Book', sans-serif;
  font-weight:normal;
  text-align: center;
}

div#contentheader {
    flex: 1;
    display: flex;
}


#block-block-76 .content,
div.login-brand-logos{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    gap: 5%;
    padding: 5%;
    max-width: 1100px;
}
#block-block-76 .content img,
div.login-brand-logos img {
    width: 25%;
    min-width: 120px;
    max-width:50%;
    padding: 1%;
    display: flex;
    flex-grow: 1;
    padding: 20px 0 20px 0;
}

#block-block-76 .content img.x2,
div.login-brand-logos img.x2 {
    width: 60%;
    min-width: 240px;
    max-width: 98%;
}

#block-block-76 .content img.txtlogo,
div.login-brand-logos img.txtlogo {
    padding: 0;
}

/*#block-block-76 .content img.wide {
    width: 30%;
    /*max-width:350px;*/
    min-width:180px;
    padding: 2%;
    padding-top:4%;
}*/

.page {
    text-align: center;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

body.anon .page .title{
  display:none;
}




body.anon.front form input#edit-name, body.anon.front form input#edit-pass {
    padding: 6px;
    margin: 4px;
    width: 220px;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
}

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: -28px;
    left: 126px;
    background-color: transparent;
    z-index: 99;
}

/* Style messages */
div.messages{
  margin:10px;
  padding:6px;
  border-width:1px;
  border-radius:3px;
  border-style:solid;
  border-color:#808080;
  background-color:#eee;
}
div.messages.status{
  border-color:#669933;
  background-color:#CCFF99;
  color:#000;
}
div.messages.warning{
  border-color:#FFCC00;
  background-color:#FFFFCC;
  color: #000;
}
div.messages.error{
  border-color: #ac0000;
  background-color: #FFB8B8;
  color: #000;
}


/* Override front page */
body.anon.front .form-item {
    margin-bottom: 0;
}