:root {
    --color-primary: 91 91 91;
    --color-secondary: 138 154 138;
}

html {
    font-size: 18px;
    font-weight: 400;
}

body {
    font-family: Open Sans;
}

h1, h2, h3, h4, h5 {
    font-family: Open Sans;
    font-weight: 300;
}

.font-serif {
    font-family: Open Sans;
}

.font-body {
    font-family: Open Sans;
}

.cta-button,
.btn.btn-cta {
    background-color: #8a9a8a;
}

.cta-popup {
    background-color: rgb(138 154 138 / 90%);
}

/**
 * Header 
 */
header#header {
    background-color: #ffffff;
}

.menu-wrapper .menu li a {
    color: #8a9a8a;
}

.menu-wrapper .menu li a:hover {
    color: #7d95a6;
}

.scrolling-header {
    background-color: #ffffff;
}

.menu-toggle svg {
    fill: #7d95a6;
}

/**
 * Footer 
 */
footer#footer,
.website-by * {
    background-color: #8a9a8a;
    color: #ffffff;
}

.footer-right {
    border-color: #ffffff;
}

footer #phone-square-svg {
    fill: #ffffff;
}

footer #phone-square-svg #phone-square-outer-border {
    stroke: #ffffff;
}

.mobile-menu { 
    background-color: #8A9A8A;
    color: #ffffff;
}

.mobile-menu-left {
    border-color: #ffffff;
}

ul.mobile-menu li a {
    color: #ffffff;
}

ul.mobile-menu li a:hover,
.mobile-menu ul.social-media-links li a:hover {
    color: #333f4c;
}