.elementor-117 .elementor-element.elementor-element-7ae36b24{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-117 .elementor-element.elementor-element-7ae36b24:not(.elementor-motion-effects-element-type-background), .elementor-117 .elementor-element.elementor-element-7ae36b24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#583636;background-image:url("https://www.austinvilleresidence.com/images/pattern2.jpg");}.elementor-117 .elementor-element.elementor-element-7ae36b24.e-con{--align-self:stretch;}.elementor-117 .elementor-element.elementor-element-6e424aa4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-117 .elementor-element.elementor-element-7231170 img{width:18%;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-117 .elementor-element.elementor-element-5f5c68e6{background-color:#8B6025;padding:10px 10px 10px 10px;}.elementor-117 .elementor-element.elementor-element-5f5c68e6.elementor-element{--order:99999 /* order end hack */;}.elementor-117 .elementor-element.elementor-element-5f5c68e6.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-117 .elementor-element.elementor-element-5f5c68e6 .elementor-icon-wrapper{text-align:center;}.elementor-117 .elementor-element.elementor-element-5f5c68e6.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-117 .elementor-element.elementor-element-5f5c68e6.elementor-view-framed .elementor-icon, .elementor-117 .elementor-element.elementor-element-5f5c68e6.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-117 .elementor-element.elementor-element-5f5c68e6.elementor-view-framed .elementor-icon, .elementor-117 .elementor-element.elementor-element-5f5c68e6.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-117 .elementor-element.elementor-element-5f5c68e6 .elementor-icon{font-size:30px;}.elementor-117 .elementor-element.elementor-element-5f5c68e6 .elementor-icon svg{height:30px;}.elementor-117 .elementor-element.elementor-element-21b631cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body:not(.rtl) .elementor-117 .elementor-element.elementor-element-70e269b{left:293px;}body.rtl .elementor-117 .elementor-element.elementor-element-70e269b{right:293px;}.elementor-117 .elementor-element.elementor-element-70e269b{top:24px;}.elementor-117 .elementor-element.elementor-element-70e269b .elementor-icon-wrapper{text-align:center;}



/* Start custom CSS for container, class: .elementor-element-7ae36b24 */:root{
    --sidebar-width:280px;
    --sidebar-small:88px;

    --bg:#0F0D09;
    --gold:#C8972A;
    --text:#D6CFC4;
}

/* =========================
   BODY
========================= */

body{
    position:relative;
    overflow-x:hidden;
}

/* =========================
   SIDEBAR
========================= */

.elementor-117 .elementor-element.elementor-element-7ae36b24.sidebar{

    width:var(--sidebar-small);

    height:80vh;

    position:fixed;

    left:0;

    top:0;

    overflow:hidden;
    overflow-y:auto;

    z-index:999999;

    transition:all .4s cubic-bezier(.77,0,.175,1);

    border-radius:0 0 0 0;

    padding-top:30px;

    background-color:rgba(15,13,9,.58);

    backdrop-filter:blur(6px);

    -webkit-backdrop-filter:blur(6px);

    isolation:isolate;

    -ms-overflow-style:none;

    scrollbar-width:none;

    box-shadow:
    0 10px 40px rgba(0,0,0,.35);
}

.elementor-117 .elementor-element.elementor-element-7ae36b24.sidebar::-webkit-scrollbar{
    display:none;
}

/* =========================
   FULL HEIGHT BORDER
========================= */

.elementor-117 .elementor-element.elementor-element-7ae36b24.sidebar::after{

    content:'';

    position:fixed;

    top:0;

    right:0;

    width:5px;

    height:100vh;

   /* background:linear-gradient(
        to bottom,
        rgba(255,255,255,.02),
        rgba(255,255,255,.14),
        rgba(255,255,255,.02)
    ); */

    z-index:999999;

    pointer-events:none;
}

/* SIDEBAR OVERLAY */

.elementor-117 .elementor-element.elementor-element-7ae36b24.sidebar::before{

    content:'';

    position:absolute;

    inset:0;

    /*background:linear-gradient(
        to bottom,
        rgba(0,0,0,.12),
        rgba(0,0,0,.65)
    );*/

    z-index:0;

    pointer-events:none;
}

/* CONTENT ABOVE OVERLAY */

.elementor-117 .elementor-element.elementor-element-7ae36b24.sidebar > *{

    position:relative;

    z-index:2;
}

/* =========================
   OPEN SIDEBAR
========================= */

body.sidebar-open .elementor-117 .elementor-element.elementor-element-7ae36b24.sidebar{

    width:var(--sidebar-width);

    height:100vh;

    border-radius:0;
}

/* =========================
   MAIN CONTENT
========================= */

.main-content{

    position:relative;

    margin-left:var(--sidebar-small);

    width:100%;

    transition:all .4s cubic-bezier(.77,0,.175,1);
}

/* CONTENT SHIFT */

body.sidebar-open .main-content{

    margin-left:var(--sidebar-width);

    transform:scale(.992);
}

/* =========================
   PAGE OVERLAY
========================= */

body::before{

    content:'';

    position:fixed;

    top:0;

    left:var(--sidebar-small);

    width:calc(100% - var(--sidebar-small));

    height:100vh;

    background:rgba(10,10,10,.42);

    opacity:0;

    visibility:hidden;

    transition:all .4s ease;

    z-index:99998;

    pointer-events:none;
}

/* SHOW OVERLAY */

body.sidebar-open::before{

    left:var(--sidebar-width);

    width:calc(100% - var(--sidebar-width));

    opacity:1;

    visibility:visible;

    pointer-events:auto;
}

/* =========================
   LOGO
========================= */

.logo{

    opacity:0;

    transform:translateY(-10px);

    transition:all .35s ease;
}

body.sidebar-open .logo{

    opacity:1;

    transform:translateY(0);
}

/* =========================
   NAVIGATION
========================= */

.navigation .elementor-icon-list-items{

    display:flex;

    flex-direction:column;

    gap:8px;
}

/* MENU ITEM */

.navigation .elementor-icon-list-item{

    padding:14px 18px !important;

    border-radius:12px;

    transition:all .3s ease;

    backdrop-filter:blur(2px);

    background:rgba(255,255,255,.02);

    display:flex;

    align-items:center;

    justify-content:center;
}

/* OPEN ALIGN */

body.sidebar-open .navigation .elementor-icon-list-item{

    justify-content:flex-start;
}

/* HOVER */

.navigation .elementor-icon-list-item:hover{

    background:rgba(255,255,255,.06);

    transform:translateX(4px);
}

/* ACTIVE */

.navigation .elementor-icon-list-item.active{

    background:#fff;
}

/* ICON */

.navigation .elementor-icon-list-icon{

    min-width:24px;

    display:flex;

    justify-content:center;
}

.navigation .elementor-icon-list-icon i{

    color:var(--text);

    font-size:18px;

    transition:all .3s ease;
}

/* ACTIVE ICON */

.navigation .elementor-icon-list-item.active i{

    color:#000 !important;
}

/* TEXT */

.navigation .elementor-icon-list-text{

    opacity:0;

    width:0;

    overflow:hidden;

    transform:translateX(-10px);

    margin-left:0;

    color:var(--text);

    letter-spacing:3px;

    text-transform:uppercase;

    font-size:12px;

    white-space:nowrap;

    transition:all .35s ease;
}

/* SHOW TEXT */

body.sidebar-open .navigation .elementor-icon-list-text{

    opacity:1;

    width:auto;

    margin-left:16px;

    transform:translateX(0);
}

/* ACTIVE TEXT */

.navigation .elementor-icon-list-item.active span{

    color:#000 !important;
}

/* =========================
   TOGGLE
========================= */

.sidebar-toggle{

    cursor:pointer;

    transition:
    opacity .3s ease,
    transform .4s ease;
}

.sidebar-toggle:hover{

    
}

/* HIDE TOGGLE */

body.sidebar-open .sidebar-toggle{

    opacity:0;

    visibility:hidden;

    transform:rotate(180deg);

    pointer-events:none;
}

/* =========================
   USER
========================= */

.user{

    transition:all .35s ease;
}

.user img{

    width:42px;

    border-radius:100px;

    object-fit:cover;

    transition:all .35s ease;
}

/* BIGGER USER IMAGE */

body.sidebar-open .user img{

    width:70px;
}

/* USER TEXT */

.user .elementor-widget-heading{

    opacity:0;

    height:0;

    overflow:hidden;

    transition:all .3s ease;
}

body.sidebar-open .user .elementor-widget-heading{

    opacity:1;

    height:auto;
}

/* =========================
   PERFORMANCE
========================= */

.elementor-117 .elementor-element.elementor-element-7ae36b24.sidebar,
.main-content,
.logo,
.navigation .elementor-icon-list-item,
.navigation .elementor-icon-list-text,
.user img{

    will-change:transform,width,opacity;
}

/* =========================
   MOBILE
========================= */

@media(max-width:767px){

    .elementor-117 .elementor-element.elementor-element-7ae36b24.sidebar{

        transform:translateX(-100%);

        width:280px;

        height:100vh;

        top:0;

        border-radius:0;
    }

    body.sidebar-open .elementor-117 .elementor-element.elementor-element-7ae36b24.sidebar{

        transform:translateX(0);
    }

    .main-content{

        margin-left:0;
    }

    body.sidebar-open .main-content{

        transform:none;
    }

    body::before{

        left:0;

        width:100%;
    }

}

/* =========================
   FULL HEIGHT GOLD BORDER
========================= */

body::after{

    content:'';

    position:fixed;

    top:0;

    left:0;

    width:5px;

    height:100vh;

    background:#C8972A;

    z-index:999999;

    pointer-events:none;
}/* End custom CSS */

/* Start custom CSS for icon, class: .elementor-element-70e269b */.elementor-117 .elementor-element.elementor-element-70e269b .elementor-icon{
    position: relative;
}
.elementor-117 .elementor-element.elementor-element-70e269b i:before,
.elementor-117 .elementor-element.elementor-element-70e269b i:after,
.elementor-117 .elementor-element.elementor-element-70e269b .elementor-icon:after{
    content: "";
    height: 0.05em;
    width: 0.8em;
    position: absolute;
    background: currentColor;
    top: 50%;
    left: 50%;
    transform: translate(-50%,calc(-50% + 0.25em));
}
.elementor-117 .elementor-element.elementor-element-70e269b i:after{
    transform: translate(-50%,calc(-50% - 0.25em));
}
.elementor-117 .elementor-element.elementor-element-70e269b .elementor-icon:after{
    transform: translate(-50%,-50%);
}/* End custom CSS */