.back-to-link {
    display: none;
}

.logo-name-slogan {
    display:none;
}

div.navbar{
    display:none;
}

.row .sidebar-left-container{
    display:none;
}
div.breadcrumb {
  display:none;
}

body.front.anon,
body.hub
 {
    background-image: url(images/hub/bkg.webp);
    background-size: cover;
    background-position: center center;
}

.container.container_body {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
body.front .container.container_body {
    background-color: transparent;
}
div.mainpage {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.span12.main-content {
    padding: 0;
    width: 65vw;
}

.row-fluid {
    display: flex;
    justify-content: center;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    position: relative;
    z-index: 99;
    height: 65vh;
}
.row-fluid .span6{
    margin:0;
}
.span6.contentleft {
    display: flex;
    width: 35vw;
    border-color: #fff;
    border-style: solid;
    border-width: 10px;
    background-color: #000000ab;
    color: #fff;
    padding:15% 5%;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}
.span6.contentright {
    width: 30vw;
    border-color: #fff;
    border-style: solid;
    border-width: 10px;
    padding-right:10px;
    background-color:#fff;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    flex-grow: 0;
    justify-content: center;
}

div.contentright section div.content img
{
    max-width: 360px;
    width: 100%;
}

.login-help {
    text-align: center;
}
form#user-login-form {
    padding: 20px 0 0 0;
    margin: 0px;
    margin-left: 0;
}
body.front form .form-item label{
    display:none;
}
form input.form-text{
    padding: 10px;
    font-size: 13px;
    width: 260px;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
}
form input.form-text::placeholder{
    text-transform:uppercase;
    color:#ccc;
}

body.front form input.form-submit {
    background-color: transparent;
    background-image: url('images/hub/btn_login.svg');
    background-size: cover; /* Optional: adjust size as needed */
    background-repeat: no-repeat;
    background-position: center;
    width: 60px; /* Set width and height to match your image dimensions */
    height: 60px;
    border: none; /* Remove default button border */
    cursor: pointer; /* Makes it clear it is clickable */
    /* Accessibility: Visually hide the "Submit" text while keeping it for screen readers */
    text-indent: -9999px;
    overflow: hidden;
    margin-top: 20px;
    transition: background 0.3s ease-out 0.1s;
}
body.front form input.form-submit:hover {
    background-image: url('images/hub/btn_login_hover.svg');
}

#user-login-form .item-list
{
    text-transform: uppercase;
    padding-top: 30px;
}

footer.footer {
    width: 100%;
    background-color: #000000c4;
    color: #fff;
}
footer.footer a{
    color: #fff;
    font-weight:bold;
}


.login-logos {
    display: flex;
    /* margin-top: 20px; */
    flex-direction: column;
    gap: 14px;
    position: absolute;
    left: 82.5vw;
    top: 18vh;
    justify-content: center;
    align-items: center;
    align-content: center;
    z-index: 80;
}
.login-logos div {
    background-color: #eee;
    height: 14vh;
    width: 14vh;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
}
.login-logos div.ebb {
    background-color: #febc11;
    background-image:url('images/hub/logo_ebb.svg');
    background-size:60% 60%;
    background-position:center center;
    background-repeat:no-repeat;
}
.login-logos div.bru {
    background-color: #9e2432;
    background-image:url('images/hub/logo_bru.svg');
    background-size:80% 80%;
    background-position:center center;
    background-repeat:no-repeat;
}
.login-logos div.mbc {
    background-color: #53565a;
    background-image:url('images/hub/logo_mbc.svg');
    background-size:80% 80%;
    background-position:center center;
    background-repeat:no-repeat;
}
.login-logos div.nnyb {
    background-color: #1f355e;
    background-image:url('images/hub/logo_nnyb.svg');
    background-size:80% 80%;
    background-position:center center;
    background-repeat:no-repeat;
}


@media (max-width: 979px) {
    .span12.main-content {
        width: 100%;
    }
    .span6.contentleft {
        width: 80vw;
    }
    .span6.contentright {
        width: 80vw;
        padding-right:0;
    }
    .row-fluid {
        display: flex;
        justify-content: center;
        flex-direction: column;
        height:auto;
    }
  .login-logos {
      display: flex;
      flex-direction: row;
      gap: 14px;
      position: relative;
      left: auto;
      top: auto;
  }
  .login-logos div {
      background-color: #eee;
      height: 15vw;
      width: 15vw;
      -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
  }
}