@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --ff-heading: 'Archivo', sans-serif;
    --ff-body: 'Inter', sans-serif;
    --cl-gold: #FFB746;
    --cl-gold-gradient: linear-gradient(to right, #BF953F95, #FCF6BA95, #B3872895, #FBF5B795, #AA771C95);
}



body { font-size:16px; font-size:400;  font-family:'Inter', sans-serif; }

p { margin-bottom:2em; line-height:1.75em; }

a {
    text-decoration:none;
    &:hover { color:var(--cl-gold); }
}

a.text-dark:hover { text-decoration:underline !important; }

button { position:relative; overflow:hidden; transition: all 0.5s ease-in-out; }
label > sup { color:red; }


.bg-gold-gradient { background:var(--cl-gold-gradient); }


.gradient-gold-heading {
    font-size: 48px;
    font-weight: bold;
    background: linear-gradient(45deg, #FFA500, #ecca08, #b08b40);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}



.text-gold { color:var(--cl-gold); }
.hero-text { font-size:4.6rem; font-weight:bold; }

.fullsized {
    width:100%; min-height:100vh; padding-left:.75em; padding-right:.75em;
    & .overlay {
        background-image:linear-gradient(270deg, #000000 0%, #064e66 100%); 
        position:fixed; top:0; left:0; width:100%; height:100%; 
        z-index:1; opacity:.8;
    }
}

.force-center {
    display:flex; justify-content:center; align-items:center;
}

@media (min-width: 992px) {  /* md breakpoint and above */
    .width-md-auto {
        width: auto !important;
    }
}


.border-dashed { border:1px dashed rgba(0,0,0,.2); } 


.htmx-indicator { z-index:-100; overflow:hidden; position:absolute; right:-1000px; transition: right 0.1s ease;
    &.htmx-request { z-index:unset; position:relative; right:unset; 
        & + .htmx-default { display:none; }
    }
}


.with-preloader {
    span { position:relative; overflow:hidden; display:inline; margin:0; padding-left:2em; padding-right:2em; 
        .htmx-indicator { z-index:-100; position:absolute; top:.1em; right:0; transition:right .5s ease-in-out; opacity:0;
            &.htmx-request { z-index:unset; opacity:.5; }
        }
    }
}




.web-header {
    background:rgba(0,0,0,.8); box-shadow:0 0 10px rgba(0,0,0,.1);
    -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); color:#fff; position:fixed; top:0; left:0; width:100%; padding:.5rem 0; border-bottom:1px solid rgba(255, 255, 255, .2); z-index:10;
    .web-logo > img { max-height:50px; }
}


.header-gap { padding-top:55px; }


.dl-section::before { background:url(images/dl-bg.jpg) no-repeat center center / cover; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; opacity:.05; content:''; }



.image-cover { transition:all .3s ease-in-out;
    /* background-image:linear-gradient(160deg, #ffffff70 0%, #eeeeee90 100%); */
    aspect-ratio: 1 / 1.414; width:100%; border-radius:.4em; position:relative; max-width:600px;
    img { 
        width:100%; height:100%; object-fit:fill; 
        object-position:top center; z-index:5; position:relative;
    }
}

.image-cover.landscape { aspect-ratio: 1.414 / 1; }



.image-cover .layers {
    position:absolute; top:0; left:0; width:100%; height:100%;
    display:flex; justify-content:center; align-items:center; z-index:1;
    .layer { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center;
        z-index:1; transition:all .3s ease-in-out;
        .layer-1 { z-index:1; transform-origin:center right; transform:rotate(0deg); }
        .layer-2 { z-index:2; transform-origin:center right; transform:rotate(0deg); transition:all .7s ease-in-out; }
    }

}

.anima-cover:hover .image-cover { transform-origin:center right; transform:translate(0%, -2%); transform:rotate(1deg);
    .layers {
        .layer-1 { /* transform:translate(3%, 0%); z-index:1; */ transform-origin: center right; transform: rotate(12deg); }
        .layer-2 { /* transform:translate(-3%, 0%); z-index:2; */ transform-origin: center right; transform: rotate(6deg); }
    }
}


.report-card { transition:all .3s ease-in-out; 
    &:hover { transform:scale(1.02); box-shadow:0 0 10px rgba(0,0,0,.5); }
}


.report-title a {
    font-size:1.3rem; font-weight:bold; color:#111; line-height:1.5rem; display:block;;
    &:hover { color:var(--cl-gold); }
}

/* .htmx-indicator {
    z-index:-10; position:fixed; left:-1000;
    opacity:0; transition:all .3s ease-in-out;
    &.htmx-request {
        z-index:1; position:relative; left:unset; opacity:1;
    }
} */




.footer { font-size:.9rem; color:#ddd; padding-left:.75em; padding-right:.75em;
    h4 { color:#fff; }
    li a, a { color:#fff; text-decoration:none;
        &:hover { text-decoration:underline; }
    }
}




.hero {
    background:url('images/IndSight-Report-BG.jpg') no-repeat center center; background-size:cover; padding-top:67px; position:relative;
    min-height:85vh; width:100%; position:relative; overflow:hidden;
    display:flex; justify-content:center; align-items:center; font-family:var(--ff-heading);
    & .overlay {
        background-image:linear-gradient(160deg, #ffffff 0%, #aaaaaa 100%); 
        position:absolute; top:0; left:0; width:100%; height:100%; 
        z-index:1; opacity:.95;
    }
    & .container { z-index:5; }
    h2 { line-height:2rem; font-size:1.275rem; color:#414141; }
}


.slash { position:absolute; top:30%; left:-20%; width:140%; height:50%; background:url(images/slash.svg) no-repeat center center; background-size:contain; z-index:1; opacity:.6; }





.floating-cart { 
    position:fixed; right:1rem; top:4rem; width:300px; max-height:400px; overflow-y:auto; z-index:999; border-radius:.7rem; font-size:14px; 
    .list-group { max-height:200px; overflow-y:auto; padding-top:4px; }    
}

.floating-bottom { 
    position:fixed; right:1rem; bottom:1rem; width:250px; max-height:400px; overflow-y:auto; z-index:999; border-radius:.7rem; font-size:14px; 
}


/** Pagination **/
.wp-pagenavi { margin: 1rem 0;

    > span, > a { display:inline-block; margin:0 .1rem; padding:.2rem .75rem; border:1px solid #dee2e6; border-radius:.25rem; font-size:1em; color:#111; }
    a { background-color:#111; color:#fff; 
        &:hover { background-color:var(--cl-gold); }
    }

}

/** Superfish **/
.sf-menu { 
    li { border:0; background:none;
        a { color:#fff; border:0; background:none; padding-top:.5em; padding-bottom:.5em; transition:all 0.3s ease; &:hover { color:var(--cl-gold); } }
        &:hover { color:var(--cl-gold); background:none; }
        &.menu-item-has-children:hover { background:#4f4f4f; }
    }
    .sub-menu { background:#4f4f4f;
        li { background:none;
            a { color:#fff; background:none; padding-top:.5em; padding-bottom:.5em; &:hover { color:var(--cl-gold); } }
        }
    }
}

/** Mobile Menu **/
.mmenu {
    ul { list-style:none; padding-left:0; 
        li {
            a { padding-top:.5rem; padding-bottom:.5em; display:inline-block; color:#414141; &:hover { color:var(--cl-gold); } }
        }
    }
}