:root {
    --color-primary: 10 35 106;
    --color-secondary: 207 31 47;
}

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

body {
    font-family: din-2014;
}

h1, h2, h3, h4, h5 {
    font-family: din-2014;
    font-weight: 400;
}

.font-serif {
    font-family: din-2014;
}

.font-body {
    font-family: din-2014;
}

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

.cta-popup {
    background-color: rgb(207 31 47 / 90%);
}

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

.menu-wrapper .menu li a {
    color: #0a236a;
}

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

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

.menu-toggle svg {
    fill: #0a236a;
}

/**
 * Footer 
 */
footer#footer,
.website-by * {
    background-color: #cf1f2f;
    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-container { 
    background-color: #ffffff;
    color: #0a236a;
}

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

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

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