body {
    font-family: silkaregular, helvetica, arial, sans-serif;
    font-weight: normal;
    color: #343230;
}

a, a:link, a:active, a:visited {
    color: #343230;
}

a:hover, a.active {
    color: #5a473e;
}

h1, h2, h3, h4, h5, h6, label, .treemenu li, .arte_foundation {
    font-family: chaneyregular, helvetica, arial, sans-serif;
    font-weight: normal;
    color: #5a473e;
}

.arte_yt_video {
    width: 100%;
    height: auto;
    min-height: 30vh;
}

.artecamp-homepage #body-wrapper {
    padding-top: 0;
}

.mobile-nav-open .overlay {
    background-color: #fff;
    opacity: 1;
}

.mobile-menu .button_container.active .top,
.mobile-menu .button_container.active .bottom {    
    background: #3085ee;
}

.treemenu li {
    background: none;
}

.background-attachment-fixed {
    background-attachment: fixed;
}

.arte_footer {
    display: flex;
    flex-direction: column;    
    list-style: none;
    margin-left: 0;
}

.arte_footer li {
    text-align: left;    
}

@media (min-width: 840px) { 
    .arte_footer {
        display: flex;
        list-style: none;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .arte_footer li {
        flex: 50%;    
    }    
}

#footer {
    background: #eeedeb;
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.2);
    border-top: 2px solid #fff;
    color: #5a473e;
}

.arte_facebook-icon {
    font-size: 24px;
    line-height: 1;
}

.header-artecamp {
    position: relative;
}

.header-artecamp #header {
    transition: all 0.2s ease-in-out;
}

body.header-artecamp.header-fixed.header-animated #header.scrolled .logo img,
body.header-artecamp.header-fixed.header-animated #header.scrolled .logo svg,
body.header-artecamp.header-fixed.header-animated #header .logo img,
body.header-artecamp.header-fixed.header-animated #header .logo svg {
    height: 48px;
}

@media (max-width: 841px) {
    .arte_yt_video {
        margin-top: 60px; /* mobile menu */
    }

    .header-artecamp #header {
        opacity: 0;
    }

    .header-artecamp #header.scrolled {
        opacity: 1;
    }

    .overlay {
        background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 100%);
        height: 60px;
        opacity: 1;
        visibility: visible;        
    }
    .overlay.open {
        background:#fff;
    }
}

@media (min-width: 841px) {
    .header-artecamp #header {
        position: sticky;
    }
}

@media (min-width: 1024px) {
    .arte_yt_video {
        min-height: 90vh;
    }
}
