/* NSS-site specific rules */
:root {
    --primary-font: 'Lato';
    --primary-header-font: 'Francois One';
    --primary-color: #7700c4;
    --primary-background: #eceff4;
    --primary-gradient: rgba(183, 0, 255,0.85);
    --primary-gradient-fade: rgba(0, 95, 255,0.85);
    --primary-checked-color: #005fff;
    --secondary-color: #3d3d3d;
    --secondary-button-color: #a59ea0;
    --secondary-button-background: #d9dce1;
    --tertiary-color: #626262;
    --tertiary-background: #f2f7fc;
    --tertiary-button-color: #888;
    --accent-line: #a59ea0;
    --field-background: #f2f7fc;
    --field-color: #626262;
    --field-border: #d9dce1;
    --error-color: #9c0d36;
    --error-background: #eeb4c0;
    --alert-gradient: #b41547;
    --alert-gradient-fade: #e18c9f;
}

body {
    font-family: 'Open Sans', sans-serif
}
body::after {
    content: "" ;
    background: url('/assets/images/bg.jpg') no-repeat left top fixed;
    background-size: cover;
    opacity: 0.5;
    top: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: -1;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: 'Montserrat', sans-serif;
}

/* these were originally from main.css, so will be redundant on some pages */
.light .main-header {
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

.header-inner {
    padding: 30px 20px
}

.general-width {
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
}

.logo a {
    text-decoration: none
}

#imgLogo {
    height: 37px
}

.wrapper {
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
}

li {
    overflow: hidden
}
/* end main.css migrated elements*/

select[readonly] {
    pointer-events: none
}