:root {
    --dark-gray: #272727;
    --sand: #C9BAA5;
    --sand-transparent: #C9BAA51A;
    --white: #FFF;
    --salmon: #c76b55;
    --brown: #221d19;
}

/* scrollbar */
body::-webkit-scrollbar {
    width: 8px;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px var(--dark-gray);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--brown);
}

/* selection */
::selection {
    background: var(--salmon);
    color: var(--dark-gray);
}

/* typography */
h1.uk-h1 {
    text-shadow: 1px 1px 0 black;
}

/* z-index */
.index-0 {
    z-index: 0;
}

.index-1 {
    z-index: 1;
}

/* navbar */
.uk-navbar {
    height: 80px;
}

/* lists */
ul {
    list-style: none;
    padding: 0;
    line-height: 150%;
}
ul li i {
    padding-right: 10px;
    padding-left: 10px;
}

ul li a {
    color: white;
    
}

ul li a:hover {
    color: var(--sand);
}

i.fa,
i.fas {
    padding-left: 0;
}

/* HOME GRID APPARTAMENTI */
.uk-grid-margin.uk-first-column[data-tag="VENDUTO"] * {
    opacity: .9;
}

/* SINGLE APPARTAMENTO */
a.el-slidenav.uk-position-medium.uk-position-center-left.uk-icon.uk-slidenav-previous.uk-slidenav,
a.el-slidenav.uk-position-medium.uk-position-center-right.uk-icon.uk-slidenav-next.uk-slidenav
{
    color: #C9BAA5;
}

/* FOOTER */
.page-id-282 .remove-pagina-contatti,
.page-id-282 #footer-map > .uk-container:first-child,
.page-id-282 #footer-contatti > .uk-container > .uk-container:first-child {
    display: none;
}

/* RESPONSIVE */
@media (min-width: 1200px) {
    div#home-appartamenti-row {
        width: calc(100% + 80px);
    }

    #home-appartamenti-row,
    #footer-contatti > .uk-container:first-child,
    #footer-map > .uk-container:first-child {
        border: 1px solid var(--sand);
    }
}

@media (max-width: 1400px) {
    .description-row div {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media (max-width: 1024px) {
    #appartamenti {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 960px) {
    #appartamenti .uk-container,
    #footer-map .uk-container {
        padding-left: 0;
        padding-right: 0;
    }

    .home-grid-appartamento .el-item,
    #footer-contatti .uk-tile {
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .uk-button{
        font-size: 16px;
    }

    h1.uk-h1 {
        font-size: 52px;
    }
}

@media (max-width: 400px) {
    .uk-button {
        font-size: 14px;
    }

    h1.uk-h1 {
        font-size: 48px;
    }

    ul.uk-list li.el-item {
        font-size: 14px !important;
    }

}