/* Add here all your CSS customizations */
@media (max-width: 768px) {

    /* Add extra padding to nav buttons for easier interaction */
    html.sticky-header-active #header.header-transparent .header-nav-main nav {
        padding: 0 30px;
    }

}

@media (max-height: 600px) {

    /* Offset content when the sticky header is active on mobile devices */
    #cover-section-row {
        margin-top: 100px;
        height: auto !important;
    }

}

/* Main Nav */
/* Header */
#header .header-logo img {
    margin-left: 1em;
}

/* Mobile navigation on dark background */
#header .bg-dark .header-nav-main::before,
#header .bg-dark .header-nav-main nav > ul li a:active{
    background: none;
}

#header .bg-dark .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a{
    color: #fff;
}

/* Sticky header active - White background + grey text */
html.sticky-header-active #header .header-nav.header-nav-links:not(.header-nav-dark-text) div nav > ul > li > a,
html.sticky-header-active #header .social-icons:not(.social-icons-icon-dark).social-icons-clean li a i {
    color: #444 !important;
}

/* Sticky header active - Black background + white text */
html.sticky-header-active #header .bg-dark .header-nav.header-nav-links:not(.header-nav-dark-text) div nav > ul > li > a,
html.sticky-header-active #header .bg-dark .social-icons:not(.social-icons-icon-dark).social-icons-clean li a i {
    color: #fff !important;
}

/* Cookies Consent */
#cookies-consent {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}

/* First/cover section  */
#cover-section-row {
    height: 100vh;
}

/* Testimonials */
.testimonial.testimonial-style-2 .testimonial-author img {
    max-height: 256px;
    max-width: 256px;
}

/* Contact Form */
#contactForm label.error {
    color: #ffe8e6;
    position: absolute; /* Avoid increasing the form container height */
}

/* Privacy Terms */
#privacy-terms p, #privacy-terms li {
    color: #212529;
}