.breadcrumb{background-color: transparent;}

/****************
   Page Login
****************/
#profile { background:var(--theme-color); padding-top: 100px;  }
#profile #menu_tasks { display: none;   }

#profile .user-page-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media(max-width:480px){
    #profile .user-page-content{
        width: 80vw;
    }
}

#profile h1 { background: transparent; height:150px;}
#profile #user-login-form label { color:#000;
    font-family: "Montserrat",sans-serif;
    letter-spacing: 3px;
    font-size: .68rem;
    line-height: .88rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    display:block;
    color: var(--theme-text-color);
}

#profile #user-login-form > .js-form-item{
    margin-bottom: 2rem;
}

#profile #user-login-form .description { color:#aaa;  margin-bottom:20px;
    font-family: "Montserrat",sans-serif;
    letter-spacing: 0;
    font-size: .68rem;
    line-height: .88rem;
    outline: none;
    color: var(--theme-text-color);
}
#profile #user-login-form input { width:100%; padding:5px 10px; margin-bottom:20px; margin-bottom: 5px;
    border: none;
    border-bottom: 1px solid var(--green);
    padding: 2px 0 0.5rem;
    font-family: "Montserrat",sans-serif;
    letter-spacing: 0;
    font-size: .68rem;
    line-height: .88rem;
    outline: none;
    color: var(--theme-text-color);
    font-weight: 600;
}

#profile #user-login-form input::placeholder{
    color: var(--grey-light);
}
#profile #user-login-form .form-submit {
  color: #1a521c;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 10px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: transparent;
  border: 1px solid #1a521c;
  width: fit-content;
  margin: 1rem auto 0;
  display: block;
  font-family: "Montserrat",sans-serif;
  letter-spacing: 3px;
  font-size: .68rem;
}
#profile #user-login-form .form-submit:hover  { background:#1a521c; color: #FFF; }

#profile #profile_log { text-align:center; color:var(--theme-text-color);}
#profile #profile_log h2  { margin-bottom:15px; font-family: "Montserrat",sans-serif; letter-spacing: 1px; }

#profile #profile_log p{
    font-family: "Fira Sans",sans-serif;
    margin-bottom: 2rem;
}


#profile #profile_log .btn-container{ display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 1em;}
#profile #profile_log .btn  { display: block; padding: 1em; font-weight:bold;     background: #B8BC2C; color: #fff; border:1px solid #B8BC2C !important; margin: 0 5px;
    font-family: "Montserrat",sans-serif; margin: 0 5px; font-weight:600;}
#profile #profile_log .btn:hover  { color:#B8BC2C; background:#fff; text-decoration:none; }

.row.justify-content-center { display: flex; flex-direction: column; justify-content: center; align-items: center; }

.user-page-content h1 img{height: 100%}

div#block-tweme-local-tasks {
    position: fixed;
    z-index: 99;
    top: 50%;
    transform: translate(100%, -50%);
    right: 0;
    transition: .3s all ease;
}

div#block-tweme-local-tasks ul {
    padding: 20px;
    list-style: none;
    border-radius: 10px 0 0 10px;
    background: #fff;
    border: 1px solid #B8BC2C;
}

div#block-tweme-local-tasks ul a {
    display: block;
    padding: 0.6em;
    text-align: center;
    margin: .3em 0;
    color: #fff;
    border-radius: 10px;
    font-size: .8em;
    background: #B8BC2C;
    border:1px solid #B8BC2C;
    color:#fff;
    transition:.2s all ease;
}

div#block-tweme-local-tasks ul a:hover {
    color: #B8BC2C;
    background:#fff;
}

div#block-tweme-local-tasks:before {
    content: 'edit';
    position: absolute;
    width: 25px;
    height: auto;
    top: 50%;
    left: -25px;
    border-radius: 10px 0 0 10px;
    background: #B8BC2C;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-rl;
    text-orientation: upright;
    text-transform: uppercase;
    padding: 10px;
    font-weight: bold;
    transform: translateY(-50%);
}

div#block-tweme-local-tasks:hover {
    transform: translate(0, -50%);
}


[data-theme="dark"] div#block-tweme-local-tasks:before{
    background: #676259;
    color: #fff;
}

[data-theme="dark"] div#block-tweme-local-tasks ul{
    border: 1px solid var(--grey-higth);
    background: #676259;
}

[data-theme="dark"] div#block-tweme-local-tasks ul a{
    background: #3A3732;
    border:1px solid #676259;
    color:#fff;
}

[data-theme="dark"] div#block-tweme-local-tasks ul a:hover{
    color:#B8BC2C;
}

.container{
  max-width: none !important;
}
.container .user-login-form input{
  border-bottom: 1px solid #1a521c !important;
  height: auto;
  min-height: auto;
}
