@font-face {
font-display: swap;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('../fonts/open_sans/open-sans-v44-latin-regular.woff2') format('woff2'),
url('../fonts/open_sans/open-sans-v44-latin-regular.ttf') format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url('../fonts/open_sans/open-sans-v44-latin-italic.woff2') format('woff2'),
url('../fonts/open_sans/open-sans-v44-latin-italic.ttf') format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('../fonts/open_sans/open-sans-v44-latin-700.woff2') format('woff2'),
url('../fonts/open_sans/open-sans-v44-latin-700.ttf') format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: url('../fonts/open_sans/open-sans-v44-latin-700italic.woff2') format('woff2'),
url('../fonts/open_sans/open-sans-v44-latin-700italic.ttf') format('truetype');
}
body {
font-family: 'Open Sans';
}
body { margin: 0; font-size: 16px; }
.float.right {float: right; margin: 1em 0 1em 1em;}
.float.left {float: left; margin: 1em 1em 1em 0;}
.center {display: block; margin: 0px auto;}
header { padding: 30px; text-align: center; }
header img { max-width: 100%; }
main { margin: 0 auto 30px; background-color: white; box-shadow: 0px 25px 25px rgba(0, 0, 0, 0.3); }
#hero { margin-bottom: -5px; }
#hero img { width: 100%; height: auto; }
nav ul { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: space-between; }
nav a { color: #111111; text-decoration: none; padding: 15px 20px; display: inline-block; font-size: 13px; white-space: nowrap; }
nav > ul { box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05); flex-wrap: wrap; }
nav > ul span.upwardsIcon { content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: #fff; left: 6px; top: -12px; }
nav > ul > li { display: inline-block; position: relative; }
nav > ul > li > a { text-transform: uppercase; /*border-left: 1px solid rgba(80, 80, 80, 0.12);*/ z-index: 5; }
nav > ul > li > a:hover { background-color: rgba(255, 255, 255, 0.2); }
nav > ul > li span.dropdownIcon { content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent; border-top-color: #111; right: 9px; top: 21px; }
nav > ul > li ul { position: absolute; left: -999999px; z-index: 10; flex-direction: column; }
nav ul > li:hover > ul { left: 0; }
nav > ul > li ul > li { opacity: 0; background-color: white; padding-right: 30px; transition: 0.3s all ease; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); margin-left: 1px; }
nav ul > li:hover > ul > li { opacity: 1; }
nav > ul > li ul > li:last-of-type { border-radius: 0 0 3px 3px; }
#menuButton { display: none; padding: 10px 20px; float: right; cursor: pointer; }
#menuButton div { width: 28px; height: 3px; background-color: #fff; margin: 5px 0; }
main article { padding: 0 40px; line-height: 26px; }
main article h1 { font-size: 30px; text-transform: uppercase; line-height: normal; }
main article img { max-width: 100%; height: auto; margin: 20px auto; display: block; }
main article table img { margin: 0; }
main article hr { border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); }
footer { padding: 5px 0; text-align: center; font-size: 12px; text-transform: uppercase; }
footer a { color: #111; margin: 0 10px; }
.google-map-container {
overflow: hidden; padding-bottom: 80%; position: relative; height: 0;
}
.google-map-container > iframe {
left: 0; top: 0; position: absolute; height: 100%; width: 100%;
}
@media screen and (max-width: 800px) {
.float.left, .float.right {float: none; display: block; margin: 1rem auto;}
header img { max-height: 100px; }
nav { height: 48px; }
nav a { display: block; }
nav.visible { height: auto; }
nav > ul { display: none; clear: both; }
nav.visible > ul { display: flex; flex-direction: column; }
nav > ul > li { display: block; }
nav > ul > li ul { position: relative; left: 0; }
nav > ul > li ul > li { opacity: 1; padding: 0; }
nav > ul > li > a { border-bottom: 1px solid white; }
nav > ul > li:first-of-type > a { border-top: 1px solid white; }
nav > ul > li span.dropdownIcon { display: none; }
#menuButton { display: block; }
main article { padding: 0 20px; font-size: 14px; line-height: 24px; }
main article h1 { font-size: 1.5em; }
main article h2 { font-size: 1.125em; }
main article ul { padding: 0 20px; }
footer { padding: 10px; }
}
@media screen and (max-width: 470px) {
header img { max-height: 70px; }
}
/* curry app */
#elm-container img[src*="info-sw.jpg"] { display: inline; }