@charset "UTF-8";
#themerex_modal_bg {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.3);
display: none;
z-index: 100000;
}
.themerex_message {
display: block;
position: absolute;
max-width: 800px;
min-width: 280px;
overflow: hidden;
border-radius: 4px;
border: 2px solid #e5e5e5;
background-color: #fff;
color: #4c4c4c;
opacity: 0;
top: 0;
left: 50%;
margin-left: -154px;
padding: 12px;
line-height: 1.4em;
z-index: 100001;
}
.themerex_message.themerex_message_success {
margin-left: -414px;
}
.themerex_message.themerex_message_warning {
margin-left: -226px;
}
.themerex_message .themerex_message_close {
display: block;
position: absolute;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
font-size: 16px;
font-weight: bold;
right: 6px;
top: 4px;
cursor: pointer;
color: #4c4c4c;
}
.themerex_message .themerex_message_icon {
float: left;
display: block;
width: 35px;
height: 35px;
line-height: 28px;
text-align: center;
border: 4px solid #c9c9c9;
border-radius: 50%;
margin: 0 20px 6px 0;
font-size: 24px;
font-weight: bold;
color: #c9c9c9;
}
.themerex_message .themerex_message_icon:before {
padding: 0;
margin: 0;
}
.themerex_message .themerex_message_header {
color: #4c4c4c;
padding: 0 3em 0 0;
font-size: 1.3em;
line-height: 1.3em;
font-weight: bold;
margin-top: 0.5em;
}
.themerex_message:not(.themerex_message_dialog) .themerex_message_body {
padding: 0 0 0 63px;
} .themerex_message_warning {
border-color: #d7a9b1;
background-color: #ffcdde;
color: #a63a4b;
}
.themerex_message_warning .themerex_message_close {
color: #a63a4b;
}
.themerex_message_warning .themerex_message_icon {
border-color: #a63a4b;
color: #a63a4b;
}
.themerex_message_warning .themerex_message_icon {
line-height: 34px;
}
.themerex_message_warning .themerex_message_header {
color: #a63a4b;
} .themerex_message_success {
border-color: #b3e7a8;
background-color: #d8ffd0;
color: #517d48;
}
.themerex_message_success .themerex_message_close {
color: #517d48;
}
.themerex_message_success .themerex_message_icon {
border-color: #517d48;
color: #517d48;
}
.themerex_message_success .themerex_message_icon {
line-height: 34px;
}
.themerex_message_success .themerex_message_header {
color: #517d48;
} .themerex_message_info {
border-color: #9ecade;
background-color: #ebf7fe;
color: #4cb2e1;
}
.themerex_message_info .themerex_message_close {
color: #4cb2e1;
}
.themerex_message_info .themerex_message_icon {
border-color: #4cb2e1;
color: #4cb2e1;
}
.themerex_message_info .themerex_message_icon {
line-height: 34px;
}
.themerex_message_info .themerex_message_header {
color: #4cb2e1;
} .themerex_message_dialog .themerex_message_icon {
line-height: 36px;
}
.themerex_message_dialog .themerex_message_buttons {
margin-top: 20px;
}
.themerex_message_dialog .themerex_message_button {
display: inline-block;
padding: 10px 20px;
margin-right: 6px;
background-color: #b4bb6b;
color: #ffffff;
cursor: pointer;
text-align: center;
text-transform: uppercase;
letter-spacing: 1.6px;
font-size: 10px;
}
.themerex_message_dialog .themerex_message_button:hover {
background-color: #2b2b2b;
}

.user-account-box {
position: relative;
overflow: visible;
}
.user-account-box .user.button {
display: flex;
flex-direction: row;
align-items: center;
}
.user-account-box a {
text-decoration: none;
color: inherit;
}
.user-account-box #user-account-menu {
display: none; flex-direction: column;
align-items: stretch;
position: absolute;
top: 100%;
left: 0;
z-index: 2;
}
#user-menu-show {
display: none;
}
#user-modal-background {
display: none;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1;
}
#user-menu-show:target ~ #user-modal-background {
display: block;
}
#user-menu-show:target ~ #user-account-menu {
display: flex;
}
.user-account-box #user-account-menu .menu-item {
display: flex;
flex-direction: row;
justify-content: center;
}