/* 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 {
    /* DM CSS BEGIN */
    font-family: "AvenirNext", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    color: rgba(34, 34, 34, 1.0); /* DM Text */

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* DM CSS END */

    background-color: transparent !important; /* iframe setting */

    /* overflow: hidden; /* iframe setting */
}

body {
    background-color: transparent !important; /* iframe setting */
    position: relative; /* for overlay */
}

#wrapper {
	width: 1270px;
	height: auto;

    margin: 0 auto;
    padding: 0px !important; /* iframe setting */

    background-color: transparent !important; /* iframe setting */
	}

header {
    height: 110px;
    width: 100%;

    margin: 0 auto;

    background-color: rgba(255, 255, 255, 1.0); /* White */
    display: none; /* iframe setting */

    /* non-iframe settings */
    /*
    margin-bottom: 25px;
	border-bottom: 1px;
	border-bottom-style: solid;
    border-bottom-color: rgba(225, 225, 225, 1.0);
    */
}

#logo_placement {
    position: relative;

    width: 1270px;
    height: 100px;

    margin: 0 auto;
}

header img {
    width: 35px;
    margin-top: 20px; 
}

aside {
    float: right;
    width: 270px;
    height: auto;
}

aside div {
    width: 100%;
    height: auto;

    padding: 15px;
    margin-bottom: 15px;

    background-color: rgba(230, 230, 230, 0.75); /* DM Background Grey */
}

section {
    position: relative;

    width: 100%;
    height: auto;
}

.section_buttons {
    padding: 25px 0px;
}

article {
    width: 600px;
    height: auto;

    margin: 0 auto;
}

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

    padding: 25px;
}

.article_box img {
    float: right;

    width: 70px;
    height: auto;

    margin: 0px 0px 15px 15px;
}

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

    margin: 0 auto;

    background-color: rgba(205, 50, 70, 1.0); /* DM Medium Red */

    display: none; /* iframe setting */
}

/* Links
   ========================================================================== */
a, a:link, a:active, a:visited {
    color: rgba(205, 50, 70, 1.0); /* DM Medium 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, a:focus { 
	color: rgba(140, 20, 45, 1.0); /* DM Bordeaux Red */
}

a:focus {
  outline:-webkit-focus-ring-color auto 5px;
  outline-offset:-2px;
}

.button {
    padding: 0.6em 1.8em;

    background-color: rgba(255, 255, 255, 1.0); /* White */
    border-style: solid;
    border-width: 1px;
    border-color: rgba(105, 10, 5, 1.0); /* DM Dark Red */ 
}

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

.color_red {
    color: rgba(205, 50, 70, 1.0); /* DM Medium Red */
}

.color_grey {
    color: rgba(120, 120, 120, 1.0) !important; /* DM Grey */
}
.color_grey:hover {
    color: rgba(205, 50, 70, 1.0) !important; /* DM Medium Red */
}

i {
    position: relative;
    top: 1px;
    margin-left: 3px;
}

i:hover {
    color: rgba(225, 55, 65, 1.0); /* DM Red */
    cursor: pointer;

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

/* Navigation
   ========================================================================== */
nav {
    display: flex;
    justify-content:center;

	width: 100%;
	height: auto;

    margin-top: 25px;
    padding: 25px; /* non-iframe setting */

	border-top: 1px;
	border-top-style: solid;
    border-top-color: rgba(225, 225, 225, 1.0); 
}

nav div {
    width: 10px;
    height: 10px;

    margin: 0px 10px;

    background-color: rgba(120, 120, 120, 1.0); /* DM Grey */

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.nav_active {
    background-color: rgba(255, 120, 95, 1.0); /* DM Coral */
}

/* Headlines
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
    /* DM CSS BEGIN */
    font-family: DM-Bold, serif;
    font-style: normal;
    font-weight: 700;
    color: inherit;
    text-rendering: optimizeLegibility;
    /* DM CSS END */

    margin: 0;
    padding: 0;
}

h1 {
    /* DM CSS BEGIN */
    font-size: 1.875rem;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 1.875rem;
    /* DM CSS END */
}

h2 {
    /* DM CSS BEGIN */
    font-size: 1.75rem;
    /* DM CSS END */
}

h3 {
    /* DM CSS BEGIN */
    font-size: 1.5rem;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0.5rem;
    /* DM CSS END */
}

h4 {
    /* DM CSS BEGIN */
    font-size: 1.375rem;
    /* DM CSS END */
}

h5 {
    /* DM CSS BEGIN */
    font-size: 1.25rem;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0.5rem;
    /* DM CSS END */
}

h6 {
    /* DM CSS BEGIN */
    font-size: 1.125rem;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0.5rem;
    /* DM CSS END */
}

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

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

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

input[type="radio"], input[type="checkbox"] {
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    -moz-transform: scale(1.5); /* Mozilla, Firefox */
    -ms-transform: scale(1.5); /* IE 9 */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5);
}

/* Custom dot color in radio */
input[type="radio"]:checked:before {
    position: relative;
    top: 3.25px;
    left: 3.25px;
    width: 7px;
    height: 7px;

    content: "";
    display: block;

    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;
}

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 {
    /* IE fix */
    background-color: white;
    color:#000;
}

button {
    width: auto;
    float: right;

	outline: none;
    border: 0;

    margin: 0;
    padding: 0.65em 1.25em 0.70em;
    margin-left: 25px;

    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:disabled {
    background-color: rgba(205, 50, 70, 0.25); /* DM Medium Red */
}

.button_back {
    float: left;
    margin-left: 0px;
}

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 */
}

::placeholder {
    color: rgba(202, 202, 202, 1.0); /* Bright grey */
}

/* Tables and lists
   ========================================================================== */
.modal table {
    width: 100%;
    height: auto;

    font-size: 0.9em;
    line-height: 1.2;
    word-break: break-word;
}

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

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

.modal td, .modal tr {
    height: 35px;
}    

.modal 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;
}

.modal th, .modal td {
    padding: 10px;
}

li {
    margin-bottom: 10px;
}

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

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

p {
    display: inline;
}

pre {
    font-size: 0.75em;
}

/* Allowing padding to be used as inner-padding */
div, aside, section, article, input, textarea, nav {
    -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;
}

/* Ultra thin lines */
hr {
    height: 1px;
    border: 0;
    border-top: 1px solid;
    color: rgba(225, 225, 225, 1.0); 
}

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

.hr_black {
    color: rgba(60, 60, 60, 1.0); /* 90% black - Headlines */
    margin: 15px 0px 17px 0px;
}

.hr_grey {
    margin: 15px 0px;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}