@import url(vendor/css/bootstrap.5.3.2.min.css);

:root {
    --primary-dark: #2e2b28;
    --primary-darker: #221e1b;
    --logo-height: 60px;
    --paik-property-border-color: #dfdfdf;
}

.paik-fawnlight-header {
    background-color: var(--primary-darker);
    border-bottom: 24px solid var(--primary-dark);
}

.paik-fawnlight-shop-button {
    background-color: var(--primary-dark);
    margin-left: 16px;
}

.paik-fawnlight-header-container {
    padding: 16px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.paik-fawnlight-logo {
    height: var(--logo-height);
}

.paik-fawnlight-image img {
    width: 100%;
    height: auto;
}

.magna_property_item {
    list-style: none;
    background-color: #ededed;
}

.magna_property_item.even {
    background-color: #f4f4f4;
}

.magna_property_name {
    font-weight: bold;
    margin-right: -4px;
}

.magna_property_value {
    display: block;
}

.magna_property_item {
    padding: .35rem 1rem;
    border-bottom: 1px solid var(--paik-property-border-color);
}

.magna_property_item:last-child {
    border-bottom: none;
}

.magna_properties_list {
    padding-left: 0;
    margin: -1rem;
}

.card, .card-header:first-child {
    border-radius: 0;
}

.paik-fawnlight-card .card-header {
    background: var(--primary-dark);
    color: white;
}

.paik-fawnlight-card, .paik-fawnlight-card .card-header:first-child {
    border: none;
}

.paik-fawnlight-card .card-body {
    border-left: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-right: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.paik-fawnlight-gradient-bg {
    background: var(--primary-darker);
    background: linear-gradient(45deg, var(--primary-darker), #726c66);
}

.paik-fawnlight-card-contact-us{
    border: none;
}

.paik-fawnlight-card-contact-us .card-body {
    flex-direction: column;
}

.paik-fawnlight-card-contact-us img {
    height: 6rem;
}

@media (min-width: 768px) {
    .paik-fawnlight-card-contact-us .card-body {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .paik-fawnlight-header-container {
        padding-left: inherit;
        padding-right: inherit;
    }
}