/* custom notice plugin stylesheets */

@media(min-width: 768px) {
    .author__information input {
        width: 50% !important;
    }
}

.notice__header {
    flex-direction: column;
}

.notice__header .e_meta_price {
    font-size: 1.6em;
    font-weight: normal !important;
}

.notice__header .e_meta_price span {
    font-weight: normal !important;
}

.notice__header .e_meta_price .meta_location {
    font-size: .9em;
    font-weight: normal;
}

.a_archive_link .e_meta__notice {
    display: block !important;
}

.a_archive_link .e_meta_price {
    display: block !important;
}

.euro_sign {
    font-size: 18px;
    margin-left: 4px;
    margin-top: 4px;
}

.notice__header .e_tag {
    position: absolute;
    top: -22px;
    left: 0;
}

.notice__header .meta_wrapper {
    display: flex;
}

.notice__header .notice__header--wrapper {
    display: flex;
    flex-direction: row;
}

.notice__header .e_tools {
    margin-left: auto;
    margin-bottom: 0;
    align-self: center;
}

/* notices single content author contact box */

.notice--author__box {
    background-color: #eeeeee;
    padding: 3%;
    margin-bottom: 5%;
}

.notice--author__box h3 {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 15px;
}

.notice--author__box .wrapper {
    display: flex;
    font-size: 12px;
}

.notice--author__box p, .notice--author__box a {
    margin-right: 7%;
}

.notice--author__name {
    color: #d70000;
    text-transform: uppercase;
    font-weight: bold;
}

.notice--author__box .icon {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    width: 25px;
}

.notice--form {
    margin-top: 2%;
}

.notice--form input {
    width: 33%;
    height: 40px;
    padding: 2%;
    border: 1px solid #d7d7d7;
    color: black;
    margin-bottom: 15px;
}

.notice--form textarea {
    width: 100%;
    padding: 2%;
    border: 1px solid #d7d7d7;
    margin-bottom: 15px;
    color: black;
    resize: none;
}

.notice--form .notice--submit {
    font-weight: bold;
    background: black;
    padding: 7px 13px;
    color: white;
}

.notice--form .notice--submit:hover {
    background: #eeeeee;
    color: black;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.a_archive_image:before {
    border: none;
}

/* user bar styles */

.user-bar {
    padding: 15px 0;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 3%;
}

/* navigation divided into 2 sides for better mobile UX */

.nav__left {
    float: left;
}

.nav__right {
    float: right;
}

.nav__right .push__right {
    float: left;
}

.sold span:first-child {
    background: #D70000;
    color: white;
    padding: 0 10px;
}

@media(max-width: 650px) {
    .nav__right {
        margin-top: 10px;
    }
    .nav__left .notice__nav--item:first-child {
        margin-left: 10px;
    }
}

.notice__nav--item {
    margin: 0 10px;
    float: left;
}

.notice__nav--item:first-child {
    margin-left: 0;
}

.notice__nav--item:last-child {
    margin-right: 0;
}

.push__right {
    float: right;
}

.nav__divider {
    width: 1px;
    height: 100%;
    display: inline-block;
    margin: auto 0;
    background: black;
    box-sizing: content-box;
    float: left;
}

.notice__nav--item:hover {
    color: #d70b00;
}

/* add new notice form styles*/

.new_notice__form input[type='text'], .new_notice__form input[type='number'] {
    width: 100%;
    border: 1px solid #d7d7d7;
    height: 35px;
    padding: 0 2%;
    margin-bottom: 15px;
}

.new_notice__form textarea {
    width: 100%;
    border: 1px solid #d7d7d7;
    height: 150px;
    padding: 2%;
    margin-bottom: 15px;
}

.new_notice__form select {
    width: 100%;
    border: 1px solid #d7d7d7;
    height: 35px;
    padding-left: 2%;
    margin-bottom: 15px;
}

.new_notice__form input[type='file'] {
    margin-bottom: 15px;
}

.new_notice__form input[type='submit'] {
    font-weight: bold;
    background: black;
    padding: 7px 13px;
    color: white;
    cursor: pointer;
}

/* login and register forms styles*/

.notice--login__form input[type='email'], .notice--register__form input[type='email'], .notice--login__form input[type='password'], .notice--register__form input[type='password'], .notice--login__form input[type='text'], .notice--register__form input[type='text'] {
    width: 100%;
    border: 1px solid #d7d7d7;
    height: 35px;
    padding: 2%;
    margin-bottom: 15px;
}

.notice--login__form input[type='submit'], .notice--register__form input[type='submit'] {
    font-weight: bold;
    background: black;
    padding: 7px 13px;
    color: white;
    cursor: pointer;
    margin-bottom: 5%;
    margin-top: 15px;
}

.notice--login__form input[type='checkbox'] {
    display: inline-block;
    margin-top: 15px;
}

.lost_password {
    display: block;
}

.register--section {
    display: flex;
}

.register--section p {
    margin-right: 10px;
}

/* delete icon style*/

.e_delete {
    right: 31px;
}

/* edit icon box styles */

.e_edit {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    opacity: 1;
}

.e_edit .tooltiptext {
    visibility: hidden;
    width: 70px;
    background-color: #d70000;
    color: white;
    text-align: center;
    padding: 5px 0;
    top: -25px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.e_edit:hover .tooltiptext {
    visibility: visible;
}

.e_meta__notice .e_meta_price {
    margin-left: auto !important;
    align-self: center !important;
    font-weight: bold !important;
}

/* gallery grid on edit page */

.gallery_wrapper {
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.gallery_wrapper div {
    cursor: move;
}

.removeimage {
    color: white;
    cursor: pointer;
    display: block;
    background: #d70000;
    text-align: center;
    font-size: 14px;
    padding: 5px;
}

/* notice price form styles */

.notice_price-form {
    display: flex;
}

.notice_price-form p {
    margin: 5px 5% 0;
}

/* disable grecaptchu */

.grecaptcha-badge {
    visibility: hidden;
}

/* used for container of submit button with loading image */

.loading-button {
    display: flex;
}

.loading-button__img {
    height: 30px;
    margin-top: 18px;
    margin-left: 10px;
    display: none;
}

/* bold labels in form */

.new_notice__form label {
    font-weight: bold;
    height: 30px;
}

/* bold labels in form */

.new_notice__form label {
    font-weight: bold;
}

/* success messages style */

.messages {
    font-weight: bold;
}

.message {
    padding: 10px;
}

.message--success {
    border: 1px solid #45BF55;
    background: rgba(69, 191, 85, .3);
    color: #45BF55;
}

.message--error {
    border: 1px solid #d70b00;
    background: rgba(215, 11, 0, .3);
    color: #d70b00;
}

.message--warning {
    border: 1px solid #ce8e3f;
    background: #bfb0450d;
    color: rgba(206, 142, 63, 1);
}

/* notice author information */

.author__information {
    background-color: #eeeeee;
    padding: 15px;
    margin-bottom: 15px;
}

/* featured image text on upload images */

.featured_image_text {
    color: white;
    display: block;
    background: #45BF55;
    text-align: center;
    font-size: 14px;
    padding: 5px;
}

.bk_gallery-loading-icon {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.bk_gallery-loading-icon .loading-button__img {
    display: block;
    margin: 0;
}

.bk_gallery-loading-icon input[type='file'] {
    margin-bottom: 0;
}

.custom_postimage_wrapper_blank {
    margin: 0 1% 20px;
    width: 30%;
    background: rgb(200, 200, 200);
    height: 120px;
    animation: loadingBox 1s infinite;
}

@keyframes loadingBox {
    0% {
        background-color: rgb(230, 230, 230);
    }
    50.0% {
        background-color: rgb(210, 210, 210);
    }
    100.0% {
        background-color: rgb(230, 230, 230);
    }
}