/*
General
*/

h1 {
    font-family: 'Playfair Display', serif;
    color: #103778;
}

h2 {
    font-family: 'Playfair Display', serif;
    color: #103778;
}

h2:first-of-type {
    margin-top: 0;
}

h3 {
    font-family: 'Playfair Display', serif;
    color: #103778;
}

h4 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: #103778;
}

.dropmenu ul li a.active, .dropmenu ul li a:focus, .dropmenu ul li a:hover {
    color: #E33713!important;
}

.section.modular-text h1 {
    padding-top: 2rem;
}

.modular-features .feature-icon h6 {
    text-transform: none;
    font-size: 24px;
    color: #103778;
}

.rounded {
    border-radius: 6px;
}

/*
Menu & footer
*/

#header .logo img, #header .logo svg {
    height: 36px;
}

#footer {
    background: #020203;
    text-align: left;
    font-size: 14px;
    padding-bottom: 48px;
}

/*
Modules
*/

.modular-features .column:hover .feature-icon h6 {
    text-decoration: none;
    color: #E33713;
    transition: all .5s ease;
}

.modular-features a:hover {
    text-decoration: none;
}

.priser .frame-box {
    padding-top: 0;
    padding-bottom: 0;
}

.priser.modular-features .feature-icon {
    height: auto;
}

.priser.modular-features .feature-icon h6 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 48px;
    color: #103778;
}


.priser.modular-features .column:hover .feature-icon h6 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 48px;
    color: #103778;
}

.priser.modular-features .feature-content {
    color: #E33713;
}

.priser.modular-features .column:hover .feature-content {
    color: #E33713;
}

.btn.btn-primary {
    background: #E33713;
    border-color: #E33713;
}

.btn.btn-primary:hover {
    background: #FF7A48;
    border-color: #FF7A48;
}

/*
Form elements
*/
form .form-column {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1em;
  }

  form .form-column > div {
    flex-basis: 10%; 
    flex-grow: 1; 
    min-width: 18em; 
    margin: 0 1em; 

  }
  .form-label span.required {
    line-height: 0; 
  }

/*
Helper classes
*/

.padding-bottom-zero {
    padding-bottom: 0px;
}

.padding-top-zero {
    padding-top: 0px;
}

/* 
Swatches
*/

.sw-blue-dark {
    background: #151F30;
}

.sw-blue-medium {
    background: #103778;
}

.sw-blue-light {
    background: #0593A2;
}

.sw-red-light {
    background: #FF7A48;
}

.sw-red {
    background: #E33713;
}