/* Custom font
   ========================================================================== */
@font-face {
    font-family: DM-Bold;
    src: url("/fonts/DM-Bold.eot");
    src: url("/fonts/DM-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/DM-Bold.woff2") format("woff2"), url("/fonts/DM-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: AvenirNext;
    font-weight: 400;
    src: url("/fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"), url("/fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff");
}

@font-face {
    font-family: AvenirNext;
    font-weight: 400;
    font-style: italic;
    src: url("/fonts/7377dbe6-f11a-4a05-b33c-bc8ce1f60f84.woff2") format("woff2"), url("/fonts/721266/92b66dbd-4201-4ac2-a605-4d4ffc8705cc.woff") format("woff");
}

@font-face {
    font-family: AvenirNext;
    font-weight: 600;
    src: url("/fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"), url("/fonts/721269/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff");
}

@font-face {
    font-family: AvenirNext;
    font-weight: 700;
    src: url("/fonts/14c73713-e4df-4dba-933b-057feeac8dd1.woff2") format("woff2"), url("/fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff") format("woff");
}

/* Brand colors 2021
   ========================================================================== */
/* color: rgba(34, 34, 34, 1.0); /* DM Text */

/* color: rgba(255, 120, 95, 1.0); /* DM Coral */
/* color: rgba(255, 75, 75, 1.0); /* DM Red */
/* color: rgba(205, 50, 70, 1.0); /* DM Medium Red */
/* color: rgba(140, 20, 45, 1.0); /* DM Bordeaux Red */
/* color: rgba(90, 0, 20, 1.0); /* DM Brown Red */
/* color: rgba(245, 240, 235, 1.0); /* DM Beige */
/* color: rgba(45, 125, 255, 1.0); /* DM Blue */
/* color: rgba(20, 30, 75, 1.0); /* DM Dark Blue */

/* Base elements
   ========================================================================== */
html {
    font-family: "AvenirNext", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;

    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;

    color: rgba(34, 34, 34, 1.0); /* DM Text */
    background-color: transparent;

    /* DM CSS */
    -moz-osx-font-smoothing: grayscale;
}

body {
    position: relative; /* for overlay */
}

header {
    position: relative;
    width: 100%;
    height: 150px;

    background-image: url("/images/header_background.jpg");

    display: none; /* iframe setting */
}

main {
	width: 1290px;
	height: auto;

    margin: 0 auto;
}

section {
    position: relative;
    width: 100%;
    height: auto;

    padding: 50px;
    margin-bottom: 50px;

    background-color: rgba(245, 240, 235, 1.0); /* DM Beige */
}

article {
    width: 100%;
    height: auto;
}

footer {
    width: 100%;
    height: 160px;

    display: none; /* iframe setting */
}

/* Navigation
   ========================================================================== */
#navigation_bar {
    width: 1270px;
    height: 150px;

    margin: 0 auto;

    background-image: url("/images/header.jpg");
    background-repeat: no-repeat;
    background-position: top center;

    /*display: none; /* Hidden due to header image */
}

#navigation_bar img {
    /*
    width: 200px;
    height: auto;

    margin-top: 5px;
    margin-bottom: 5px;
    */
}

/* Links
   ========================================================================== */
a, a:link, a:active, a:visited {
    font-family: "DM-Bold", serif;
    font-weight: 700;

    color: rgba(140, 20, 45, 1.0); /* DM Bordeaux Red */
	outline: none;
	text-decoration:none;

	-webkit-transition: color 0.25s ease;
	-moz-transition: color 0.25s ease;
	-o-transition: color 0.25s ease;
	transition: color 0.25s ease;
}

a:hover {
	color: rgba(34, 34, 34, 1.0); /* DM Text */
}

/* Headlines
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
    /* DM CSS */
    text-rendering: optimizeLegibility;
}

h1 {
    font-family: "DM-Bold", serif;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.2;

    word-break: break-word;

    margin: 0;
    padding: 0;
    margin-bottom: 25px;
}

h2 {
    font-family: "DM-Bold", serif;
    font-weight: 700;
    font-size:  1.75rem;

    word-break: break-word;

    margin: 0;
    padding: 0;
    margin-bottom: 25px;
}

h3 {
    font-family: "DM-Bold", serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.2;

    margin: 0;
    padding: 0;
    margin-bottom: 0.5rem;
}

h4 {
    font-family: "DM-Bold", serif;
    font-weight: 700;
    font-size: 1.0rem;

    margin: 0;
    padding: 0;
    margin-bottom: 25px;

    color: rgba(90, 0, 20, 1.0); /* DM Brown Red */
}

h5 {
    font-family: "DM-Bold", serif;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;

    margin: 0;
    padding: 0;
    margin-bottom: 0.5rem;
}

h6 {
    /* Overlay headline */
    font-family: "DM-Bold", serif;
    font-weight: 700;
    font-size: 1.125rem;

    margin: 0;
    padding: 0;

    margin-bottom: 0rem;
}

/* Form - Select and input
   ========================================================================== */
input {
	outline: none;
    padding: 0px 20px;
    height: 60px;
    width: 100%;

    border-width: 0px;

    background-color: rgba(255, 255, 255, 1.0); /* White */
    border-style: solid;
    border-width: 1px;
    border-color: rgba(140, 20, 45, 1.0); /* DM Bordeaux Red */
}

select {
	outline: none;
    padding: 0px 20px;
    height: 60px;
    width: 100%;

    color: rgba(34, 34, 34, 1.0); /* DM Text */

    border-width: 0px;
    background-color: rgba(245, 240, 235, 1.0); /* DM Beige */

    -webkit-appearance: none;       
    -moz-appearance: none;    
    -o-appearance: none;
    appearance: none;
}

select:focus::-ms-value {
    background-color: white;
    color:#000;
} /* IE fix */

input[type="radio"], input[type="checkbox"] {
    width: auto;
}

/* Custom dot color in radio */
input[type="radio"]:checked:before {
    content: "";
    display: block;
    position: relative;
    top: 3px;
    left: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: rgba(205, 50, 70, 1.0); /* DM Medium Red */
}

/* Remove spin-buttons for numbers */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;       
    -moz-appearance: none;    
    -o-appearance: none;    
    appearance: none;
}

textarea {
	outline: none;
    width: 100%;
    min-height: 150px;

    padding: 20px;

    resize: vertical;

    border-width: 0px;
    background-color: rgba(245, 240, 235, 1.0); /* DM Beige */
}

::-webkit-input-placeholder {
    font-size: 14px;
    color: rgba(119, 120, 123, 1.0); /* Black 65% */
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    color: rgba(119, 120, 123, 1.0); /* Black 65% */
}

:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    color: rgba(119, 120, 123, 1.0); /* Black 65% */
}

:-ms-input-placeholder {
    font-size: 14px;
    color: rgba(119, 120, 123, 1.0); /* Black 65% */
}

:-o-input-placeholder {
    font-size: 14px;
    color: rgba(119, 120, 123, 1.0); /* Black 65% */
}

/* Form - Buttons
   ========================================================================== */
button {
    width: auto;

	outline: none;
    border: 0;

    margin: 0 0 1rem;
    padding: 0.65em 1.25em 0.70em;

    font-family: DM-Bold, serif;
    font-weight: 700;
    font-size: 1.15rem;
    color: rgba(255, 255, 255, 1.0); /* White */
	text-decoration: none;
   
    background-color: rgba(205, 50, 70, 1.0); /* DM Medium Red */

	-webkit-transition: border-radius 0.25s ease;
	-moz-transition: border-radius 0.25s ease;
	-o-transition: border-radius 0.25s ease;
	transition: border-radius 0.25s ease;
}

button:hover {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

	text-decoration: none;
}

button:active {
	position: relative;
	top: 1px;
}

.button_right {
    float: right;
    /*margin-right: 30px;*/
}

/* Tables
   ========================================================================== */
table {
    width: 100%;
    line-height: 1.2;
    word-break: break-word;
}

tr:nth-child(odd) {
    background-color: rgba(120, 120, 120, 0.1); /* DM Grey */
}

tr:nth-child(even) {
    background-color: rgba(120, 120, 120, 0.0); /* DM Grey */
}

td, tr {
    height: 35px;
}    

th {
    background-color: rgba(120, 120, 120, 1.0); /* DM Grey */
    color: rgba(255, 255, 255, 1.0); /* White */
    /*text-transform: uppercase;*/
    text-align: left;
}

th, td {
    padding: 0px 5px;
}

/* Miscellaneous
   ========================================================================== */
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

fieldset, p {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Allowing padding to be used as inner-padding */
div, aside, section, article, input, textarea, li {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    width: 100%;

    /* DM CSS BEGIN */
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    /* DM CSS END */
}

span {
    display: inline;
}

b {
    font-family: "AvenirNext", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 600;
    font-style: bold;
}

ul {
    margin: 0px;

    padding-left: 20px;
}

li {
    margin-bottom: 15px;
}

li:last-of-type {
    margin-bottom: 0px;
}

/* Ultra thin lines */
hr {
    height: 1px;
    border: 0;
    border-top: 1px solid ;
    color: rgba(198, 198, 198, 1.0); /* 30% black - Borders */
    margin: 25px 0px 0px 0px;
}



/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}