body {background: white url(../images/header/bg-all.png) repeat-x; font-size: 15px; font-family: sans-serif; line-height: 1.5em; margin-bottom: 2em;}
body, a {color: #02184d;}
#maria {background: url(../images/header/bg-left.png) no-repeat; min-height: 630px;}

#page {width: 877px; margin: 0 auto;}
#header {height: 424px; background: url(../images/header/header.jpg) no-repeat; position: relative; overflow: hidden;}

#extranav {margin: 15px 15px; text-align: right; position: relative;}
#extranav li {display: inline; margin-left: 1em;}
#extranav a {text-decoration: none;}

.navigation {background: white;}
.navigation ul {padding-left: 1em; height: 30px;}
.navigation li {display: inline;}
.navigation a {height: 30px; border-bottom: 5px; padding: 0 15px; display: block; float: left; line-height: 30px;}
.navigation a {text-decoration: none;}

#navigation1 ul {border-bottom: 5px solid white;}

#navigation1 ul {border-color: #ca9c9e;}
.navigation li.active a, 
.navigation a:hover {background: #ca9c9e;}

#content {margin-top: 20px; background: white; padding: 1em;}

#content h1 {font-size: 18px; font-weight: bold; margin: 0.5em 0;}
#content h2 {font-weight: bold; margin: 0.5em 0;}
#content p {margin: 0.5em 0;}
#content ul {list-style-type: disc; margin-left: 2em;}
#content strong, #content b {font-weight: bold;}

.navigation li.nth1.active a,
.navigation li.nth1 a:hover {background: #fbe49e;}
.navigation li.nth2.active a,
.navigation li.nth2 a:hover {background: #ca9c9e;}
.navigation li.nth3.active a,
.navigation li.nth3 a:hover {background: #efa08d;}
.navigation li.nth4.active a,
.navigation li.nth4 a:hover {background: #95d0b3;}

#navigation1 ul.nth1, #footer.nth1 {border-color: #fbe49e;}
#navigation1 ul.nth2, #footer.nth2 {border-color: #ca9c9e;}
#navigation1 ul.nth3, #footer.nth3 {border-color: #efa08d;}
#navigation1 ul.nth4, #footer.nth4 {border-color: #95d0b3;}

#footer {margin: 2em 0; text-align: center; background: white; border-top: 5px solid #ca9c9e; font-size: smaller;}

.headerimg {display: none; position: absolute; bottom: 0; left: 0;}

blockquote {margin: 0 2em; font-weight: bold;}

#extranav .bptw {display: block; /*width: 273px; height: 110px; */position: absolute; bottom: 0 /*50px*/; z-index: 105;}


/* Modern, non-invasive additions for the ConPresso-free version. */
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
#content::after { content: ""; display: table; clear: both; }

.contact-form { padding: 20px; }
.contact-form table { width: auto; }
.contact-form td { padding: 3px; vertical-align: top; }
.contact-form td:first-child { width: 100px; }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea { width: 250px; max-width: 100%; font: inherit; color: inherit; }
.contact-form textarea { resize: vertical; }
.contact-form button { font: inherit; padding: 2px 18px; cursor: pointer; }
.contact-form .consent { max-width: 650px; }
.contact-form .field-error { color: #8b0000; font-weight: bold; }
.form-message { padding: .75em 1em; margin: 1em 0; border-left: 5px solid #95d0b3; background: #f7fbf9; }
.form-message.error { border-left-color: #ca9c9e; background: #fcf7f7; }
.honeypot { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }

.error-page { min-height: 280px; padding: 2em 0; text-align: center; }
.error-code { display: block; font-size: 5rem; line-height: 1; font-weight: bold; opacity: .18; margin-bottom: .2em; }
.error-page p { max-width: 34em; margin: 1em auto !important; }

.lightbox-dialog { border: 0; padding: 0; background: transparent; max-width: min(94vw, 1200px); max-height: 94vh; }
.lightbox-dialog::backdrop { background: rgba(0,0,0,.82); }
.lightbox-dialog img { display: block; max-width: 90vw; max-height: 88vh; width: auto; height: auto; margin: auto; }
.lightbox-close { position: fixed; top: 1rem; right: 1.25rem; border: 0; background: transparent; color: white; font-size: 2.25rem; line-height: 1; cursor: pointer; }

@media (max-width: 920px) {
    #page { width: min(100% - 24px, 877px); }
    #header { height: auto; aspect-ratio: 877 / 424; background-size: contain; }
    .headerimg { width: 100%; }
}

@media (max-width: 680px) {
    #extranav { text-align: left; margin: 12px 0; padding-top: 80px; }
    #extranav li { display: inline-block; margin: 0 .8em .4em 0; }
    #extranav .bptw { top: 0; bottom: auto; }
    .navigation ul { height: auto; padding-left: 0; overflow: hidden; }
    .navigation li { display: block; }
    .navigation a { float: none; height: auto; min-height: 34px; }
    #content { overflow-wrap: anywhere; }
    #content [style*="width: 655px"] { width: auto !important; }
    #content [style*="float: right"] { float: none !important; width: auto !important; margin: 0 0 1em !important; }
    .contact-form { padding: 10px 0; }
    .contact-form table, .contact-form tbody, .contact-form tr, .contact-form td { display: block; width: 100% !important; }
    .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form textarea { width: 100%; }
}

/* Form accessibility */
.required-marker { margin-left: 0.15em; }
.required-note { margin: 0 0 8px; font-size: 0.9em; }