/**
* Common styles for all themes
*/

body {
    background-color: var(--body-bg);
    color: var(--body-color);
}

a {
    color: var(--primary);
}

a:hover {
    color: var(--primary-hover);
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,
.display-1,.display-2,.display-3,.display-4,.display-5 {
    color: var(--heading-color);
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-heading);
}

#header .logo {
    width: 100%;
    max-width: var(--topbar-logo-width);

    @media (max-width: 767px) {
        max-width: var(--topbar-logo-width-mobile);
    }
}

.hero-slider-wrap:before {
    background-color: rgba(var(--black-rgb), 0.3);
}

/* Button primary */
.btn.btn-primary {
    background: var(--primary);
    border-color: var(--primary);
}

.btn.btn-primary:hover {
    background: var(--primary-hover);
    border-color: var(--primary-hover);
}

/* Button primary - outline */
.btn.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn.btn-outline-primary:hover {
    background: var(--primary-hover);
    border-color: var(--primary-hover);
    color: var(--white);
}


/* Button secondary */
.btn.btn-secondary {
    background: var(--secondary);
    border-color: var(--secondary);
}

.btn.btn-secondary:hover {
    background: var(--secondary-hover);
    border-color: var(--secondary-hover);
}

/* Button secondary - outline */
.btn.btn-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
}

.btn.btn-outline-secondary:hover {
    background: var(--secondary-hover);
    border-color: var(--secondary-hover);
    color: var(--white);
}


/* Button white */
.btn.btn-white {
    background: var(--white);
    border-color: var(--white);
    color: var(--primary);
}

.btn.btn-white:hover {
    background: var(--white-hover);
    border-color: var(--white-hover);
}

/* Button white - outline */
.btn.btn-outline-white {
    color: var(--white);
    border-color: var(--white);
}

.btn.btn-outline-white:hover {
    background: var(--white-hover);
    border-color: var(--white-hover);
    color: var(--primary);
}