/* ==========================================================
   ANKAVO ART THEME
========================================================== */


/* ==========================================================
   COMPONENT IMPORTS
========================================================== */

@import url("sidebar.css");
@import url("hero.css");
@import url("footer.css");
@import url("page.css");
@import url("gallery.css");
@import url("contact.css");


/* ==========================================================
   DOCUMENT RESET
========================================================== */

html {
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}


/* ==========================================================
   BOX SIZING
========================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}


/* ==========================================================
   ANKAVO ART BODY
========================================================== */

body.ankavoart-body {
    min-height: 100dvh;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    color: var(--text-dark-color);
    background-color: #eee5d8;
    font-family: "Cormorant Garamond", Georgia, serif;
}


/* ==========================================================
   MAIN LAYOUT
========================================================== */

.ankavoart-layout {
    position: relative;
    width: 100%;
    min-height: 100dvh;
    margin: 0;
    padding: 0;
}


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

.ankavoart-main {
    position: relative;
    width: calc(100% - 290px);
    min-height: 100dvh;
    margin: 0 0 0 290px;
    padding: 0;
    overflow-x: hidden;
    background: transparent;
}


/* ==========================================================
   COMMON ELEMENTS
========================================================== */

img {
    max-width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea,
select {
    font: inherit;
}


/* ==========================================================
   ACCESSIBILITY
========================================================== */

.ankavoart-skip-link {
    position: fixed;
    z-index: 9999;
    top: 12px;
    left: 12px;
    padding: 10px 16px;
    color: #ffffff;
    background-color: #111111;
    transform: translateY(-150%);
    transition: transform 0.2s ease;
}

    .ankavoart-skip-link:focus {
        transform: translateY(0);
    }


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width: 991px) {

    body.ankavoart-body {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .ankavoart-layout {
        width: 100%;
        min-height: 100dvh;
    }

    .ankavoart-main {
        width: 100%;
        min-height: 100dvh;
        margin-left: 0;
    }
}

/* ==========================================================
   GLOBAL DECORATIVE BRANCH
========================================================== */

body.ankavoart-body::after {
    content: "";
    position: fixed;
    left: -90px;
    bottom: -80px;
    width: 500px;
    height: 500px;
    pointer-events: none;
    background: url("/themes/ankavoart/img/dal.png") left bottom / contain no-repeat;
    opacity: .22;
    z-index: 2000;
}