/**
 * @author Ricardo Soares
 * @link https://www.linkedin.com/in/ricardo-david-soares-28dez
 * @version 1.0
 * Created at 12/06/2024 10:26:40
 */

@media (max-width: 1023px) {
    div[class *= 'pb-'] {
        padding-bottom: 1.5rem;
    }
}

/**
 * nav
 */
.nav-menu li:hover > a {
    color: var(--admin-lte-green) !important;
}
.nav-menu li.divider-left {
    border-left: 2px solid var(--mem-light-green) !important;
    padding-left: 8px;
}
.nav-menu li.divider-right {
    border-right: 2px solid var(--mem-light-green) !important;
    padding-right: 8px;
}
@media (max-width: 767px) {
    .nav-menu > li[class ^= 'divider-'].divider > a {
        border: none;
        padding: 0;
    }
}

/**
 * banner
 */
section.banner-area {
    background: url('../img/banner.jpg') center;
    background-size: cover;
}

/**
 * buttons
 */
.price-btn {
    background: var(--admin-lte-green) !important;
    border: 1px solid #eee;
    color: #ffffff !important;
}
.price-btn:hover {
    border: 1px solid #eee !important;
    color: #000000 !important;
}
.primary-btn {
    background: var(--admin-lte-green) !important;
}
.primary-btn:hover {
    color: #000000 !important;
}
.btn.btn-success {
    background-color: var(--admin-lte-green) !important;
}
.btn.btn-success:not(.border) {
    border-color: var(--admin-lte-green) !important;
}

/**
 * cor de `ícones`
 */
.contact-page-area .address-wrap .single-contact-address .lnr {
    color: var(--admin-lte-green) !important;
}

/**
 * <div> mask
 * @see https://mdbootstrap.com/docs/standard/content-styles/masks/#section-introduction
 * @see https://stackoverflow.com/a/65392300
 */
.bg-image {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.mask {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
}
@media only screen and (min-width: 1025px) {
    .mask {
        position: absolute;
        background-color: hsla(0, 0%, 30%, 0.7);
    }
}

/**
 * card
 */
.card.blur {
    border-color: var(--admin-lte-green);
    border-width: 2px;
    font-weight: 400;
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 15px 25px rgba(129, 124, 124, 0.2);
    backdrop-filter: blur(20px); /** @see https://css.glass/ */
    -webkit-backdrop-filter: blur(20px);
}

/**
 * <form> & <input>
 */
@media (min-width: 1025px) {
    .bg-image .card-title,
    .bg-image label {
        color: #fff;
    }
    .bg-image label {
        font-weight: bold;
    }
}
.form-wrap .form-control { /* `main.css` 2580 */
    padding: 0.675rem 0.75rem;
    font-weight: 300;
    border-radius: 0px;
}
#aluguer-form .form-control,
#aluguer-form .select2-selection {
    border-color: #eee;
}
.form-wrap .form-group .input-group-text {
    border-radius: 0;
    border-color: #eee;
}
.form-wrap .form-group [class *= 'date'] {
    background-color: #fff;
}
.form-wrap .form-group [class ^= 'select2'] {
  border-radius: 0px !important;
}
.form-wrap .form-group [class ^= 'select2'] [class *= 'arrow'] {
    border-left: none;
}
.form-wrap .form-group [class ^= 'select2'] span[role = 'combobox'] {
    line-height: 1.8;
}
.form-wrap .form-group div.input-group-prepend + input.form-control {
    border-left: 0;
}
/**
 * adicionar "*" a _form inputs "required"
 */
form div.required label:not(.radio):after,
p.required:after
{
   content: " * ";
   color: red;
}

/**
 * Contact
 */
.contact-page-area {
    background: #fafdfc!important;
}
@media (min-width: 768px) {
    div.address-wrap div.single-contact-address:first-child div.contact-details p {
        min-height: calc(2 * 1.4rem);
    }
}
/**
 * @link https://mdbootstrap.com/docs/standard/content-styles/dividers/
 */
hr.blurry {
    background-color: transparent;
    /* background-image: linear-gradient(90deg, transparent, hsl(0, 0%, 40%), transparent); */
    background-image: linear-gradient(90deg, transparent, var(--mem-vivid-green), transparent);
    height: 1px;
    opacity: 0.25;
}

/**
 * `<footer>`
 */
.footer-area {
    padding-top: 80px !important;
    background: var(--admin-lte-green) !important; /* override de cores (`main.css` 4229) */
    color: #fff;
}
.footer-bottom {
    border-top: 1px solid #ffffff !important; /* (`main.css` 4488) */
}
.footer-text a,
.footer-text i {
    color: #fff; /* (`main.css` 4494) */
    font-weight: bold;
}
.footer-text a:hover,
.footer-text i:hover,
.footer-social a:hover i {
    color: var(--mem-vivid-green) !important;
}
.footer-social i {
    color: #fff; /* `main.css` 4357) */
    font-weight: bold;
}