@charset "utf-8";
/* CSS Document */

/* 231f20 */

@font-face {
  font-family: 'DIN';
  src: url('/fonts/hinted-AlteDIN1451Mittelschrift.eot');
  src: url('/fonts/hinted-AlteDIN1451Mittelschrift.eot?#iefix') format('embedded-opentype'),
    url('/fonts/hinted-AlteDIN1451Mittelschrift.woff') format('woff'),
    url('/fonts/hinted-AlteDIN1451Mittelschrift.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url('/css/boxsizing.htc');}
html {min-height:100%; height:100%; width:100%;}

body {background:#fff; margin:0; padding:0; color:#231f20; font-family:'DIN', Arial, Helvetica, sans-serif; font-size:18px; letter-spacing: 0.03em; position:relative;}

h1,h2,h3,h4,h5,h6 {line-height:135%;}

a {color:#231f20;}
a:hover {color:#231f20; opacity:0.9;}

.container {width:90%; max-width:990px; margin:auto; position:relative;}
.fatcontainer {width:95%; max-width:1290px; margin:auto; position:relative;}
.thincontainer {width:90%; max-width:790px; margin:auto; position:relative;}
.promocontainer {width:90%; max-width:790px; margin:auto; position:relative;}
.containerpadding {padding-top:30px; padding-bottom:30px;}

.announcement {border-bottom:1px solid rgba(255,255,255,0.05); padding:10px 0; margin-bottom:30px; font-size:14px;}
.announcement p {float:left; color:rgba(255,255,255,0.5); margin:0;}
.announcement .social {list-style:none; text-align:right; margin:0; padding:0;}
.announcement .social li {display:inline-block; none; margin-left:10px;}
.announcement .social li a {color:#fff; text-decoration:none; padding:0; color:rgba(255,255,255,0.4);}
.announcement .social li a:hover {color:rgba(255,255,255,1);}

header {background:rgba(35,31,32,1); width:100%; padding:30px 0 30px 0; margin:0; position:relative; /*position:fixed; top:0; left:0;*/ z-index:100;}
header .container {}
header .row {vertical-align:bottom; position:relative;}
header h1 {position:relative; z-index:103; margin:0; padding:0; float:left;}
header h1 img {max-width:200px; margin:0; display:block;}

.fixedburgerbutton {position:fixed; top:25px; right:20px; color:rgba(255,255,255,1); display:none;}
.fixedburgerbutton:hover {color:rgba(255,255,255,0.8);}
.fixedburgerbutton:active {color:rgba(255,255,255,0.5);}

nav {z-index:101; position:absolute !important; bottom:0; right:0;}
nav>ul {list-style:none; text-align: right; margin:0; padding:0; /*overflow:hidden;*/ width:100%; font-size:0;}
nav>ul:after {content: ""; display: inline-block; width: 100%;}
nav>ul>li {display:inline-block; /* margin:0 0 0 20px; */ margin:0 0 0 10px; padding:0; position:relative; font-size:14px; /*float:left;*/}
nav>ul>li>a {color:#fff; font-weight:normal; padding:5px 10px; margin:0; text-decoration: none; font-weight:500; text-transform: uppercase; display:inline-block; border:3px solid rgba(255,255,255,1); /*text-transform: uppercase;*/ letter-spacing:1px;}
nav a:focus {color:#fff; text-decoration:none;}

nav>ul>li.haskids>a {border-radius: 3px 3px 0 0;}

nav>ul>li:hover>a {color:#fff; text-decoration: none; opacity:0.7;}
nav>ul>li:last-of-type:after {content:'';}
nav ul li ul {display:none; position:absolute; top:100%; left:0; list-style:none; text-align:left; margin:0; padding:10px 0; background:rgba(35,31,32,1); width:250px; z-index:102;}
nav ul li ul li {float:none; position:relative;}
nav ul li ul li a {display:block; width:100%; color:#fff; font-weight:normal; padding:8px 10px;}
nav ul li ul li a:hover {background:rgba( 0,0,0, .4 ); color:#fff; text-decoration: none;}
nav ul li ul li a span {float:right; background:#333; padding:2px 4px; border-radius: 2px; color:#fff; font-size:10px; opacity:0.6;}
nav ul li:hover>ul {display:block;}
nav ul li ul li ul {left:100%; top:0;}

.burger {background:#231f20; margin:0; overflow:hidden; border-top:1px solid rgba(255,255,255,0.1);}
.burger>ul {font-size:13px; top:100%; list-style:none; display:block; background:#981016; text-align:left;padding:20px 0 10px 0;}
.burger ul li {font-weight:bold; padding:0; display:block; width:100%; margin:0; position:relative;}
.burger ul li a {display:block; width:100%; color:#fff; font-weight:normal; padding:5px 15px 5px 10px; margin-left:20px; font-size:13px; position:relative;}
/*
.burger ul li:hover {background:#ad4045; text-decoration: none;}
.burger ul li:hover a {text-decoration: none;}
.burger ul li:hover ul {background:#981016;}
*/
.burger>ul>li>a {font-weight:bold;}
.burger ul li ul {display:none; margin:0; padding:0;}
.burger ul li ul li a {font-size:11px;/* padding-left:25px;*/ font-weight:normal; opacity:0.8;}
.burger ul li a {margin-left:0; padding-left:30px;}
.burger ul ul li a {margin-left:30px;}
.burger ul ul ul li a {margin-left:40px;}
.burger .visible {display: block !important;}
.burger .openmenu {display: none; position: absolute; left: 15px; top:5px; cursor: pointer; color:#fff;}
.burger ul ul li .openmenu {left:25px;}

/* New burger styles */
.burger {position:fixed; z-index:1001; top:0; right:0; width:90%; height:100%; transition:all .2s; padding:30px 0;}
.burger > ul {background:#231f20; font-size:18px; line-height:140%;}
.burger ul {display:flex; flex-direction:column;}
.burger ul ul li a {margin-left:0; padding-left:60px;}
.burger ul li ul {display:flex;}
.burger ul li a {padding:10px 30px; font-size:18px; line-height:140%;}
.burger ul li a:hover,
.burger ul li a:active {background:rgba( 255,255,255, .1 ); text-decoration:none;}
.burger ul li ul li a {font-size:18px; line-height:140%; opacity:1; color:rgba( 255,255,255, .5 );}
.burger .close {position:absolute; z-index:2; right:0; top:0; padding:36px calc(5% + 6px) 15px 15px; color:rgba( 255,255,255, .5 ); font-size:24px;}
.burger .close:active {color:white;}
.burger .close svg {width:20px; aspect-ratio:1/1;}
.burger .close svg path {stroke:white; fill:white;}

.burger:not(.visible) {transform:translateX(100%); opacity:0; pointer-events:none;}

.burgerbg {position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%; background:rgba( 0,0,0, .2 ); transition:opacity .2s;}
.burgerbg:not(.visible) {opacity:0; pointer-events:none;}

.fixedburgerbutton {position:absolute; z-index:105; top:0; right:0; display:block; font-size:24px;}

footer ul.footernav {display:flex; flex-wrap:wrap; justify-content:center; gap:10px;}
footer ul.footernav li {margin:0;}

@media (max-width:768px){
  nav {display:none;}
}

@media (min-width:769px){
  .fixedburgerbutton {display:none;}
}

/****/



#hero-slider {position:relative; height:500px; overflow:hidden;}
#hero-slider .slide {/* height:500px; */ margin:0; background:center no-repeat; background-size:cover; outline:none;}
#hero-slider .slick-list,
#hero-slider .slick-track {height:100%;}
#hero-slider .slick-arrow {position:absolute; z-index:2; top:50%; font-size:1px;}
#hero-slider .slick-prev {left:0;}
#hero-slider .slick-next {right:0;}
#hero-slider button.slick-arrow {position:absolute; z-index:100; top:0; bottom:0; width:5%; height:100%; padding:0; color:rgba( 255,255,255, 0 ) !important; background:rgba(255,255,255,.7); border:0;}
#hero-slider button.slick-prev {left:0;
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
#hero-slider button.slick-next {right:0;
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.hero {position:relative; background-color:#000; margin:0; width:100%; background:no-repeat center center; background-size:cover; background-attachment:fixed;}
.hero .container {position:relative; text-align:right;}

#hero-slider a.slide:hover {text-decoration:none;}

/*
#hero-slider {height:var(--height);}
#hero-slider .slide.has-video {display:flex; flex-direction:column; align-items:flex-end; background:black;}
#hero-slider .slide.has-video .container {margin:auto auto 0 auto;}

#hero-slider .slide iframe {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:var(--width); height:var(--height);}
*/

.overlay {position:absolute; z-index:2; top:0; left:0; right:0; bottom:0;}

.heropromo {background:rgba(255,255,255,0.8); margin:70px 0 70px auto; padding:30px 20px; max-width:250px; text-align:center;}
.heropromo h2 {color:#231f20; margin:0 0 10px 0;}

.overlay .heropromo {max-width:600px;}
.overlay .heropromo p:last-child {margin-bottom:0;}
.overlay .heropromo iframe {display:block; width:100%; aspect-ratio:1920/1080;}

.introcols {padding-top:30px; /* padding:30px 0; */}
.introcol {text-align:left; padding:0 30px;}
.introcol {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid rgba( 0,0,0, .1 );}
.introcol p {margin:10px 0 20px 0;}

.newsletter {background:#dcddde; padding:30px 0;}
.newsletter h3 {text-align:center;}
.newsletter p {text-align:center; margin:10px 0;}
.newsletter form {margin:0 10%;}
.newsletter form input {border:0; border-bottom:1px solid #000; background:transparent; width:100%; outline:none;}
.newsletter form input[type="checkbox"] {width:auto; margin:0 5px 0 0;}
.newsletter label {margin:20px 0;}

/*
.volunteer {background:#efefef;}
*/
.volunteer {padding:30px 0 0 0; background:none;}
.volunteer .container {padding:0;}
.volunteer p {margin-bottom:0;}

.content {}
.content table {width:100%; margin:30px 0; border-top:1px solid rgba(0,0,0,0.3);}
.content table tr td {padding:10px 0; font-size:14px; border-bottom:1px solid rgba(0,0,0,0.1);}
.content table tr td:last-of-type {text-align:right; padding-left:30px; width:20%;}
.content h5 {font-weight:bold; color:#981016;}
.content a {text-decoration: underline;}

.button {text-align:center; display:inline-block; text-decoration: none; font-weight:bold; margin:auto; background:transparent; font-size:16px; text-transform: uppercase; padding:3px 8px; border:3px solid #231f20; color:#231f20;}
a.button:focus {color:#231f20; text-decoration:none;}
a.button:focus:hover {color:white;}
.content .button {text-decoration: none; font-weight:bold;}
.button:hover {text-decoration: none; color:#fff; background:#231f20; border-color:rgba(35,31,32,1);}
.buttonlarge {font-size:24px; padding:5px 20px;}

a.button-disabled {opacity:.5; cursor:default;}
a.button-disabled:hover,
a.button-disabled:focus,
a.button-disabled:focus:hover {background:none; color:#231f20;}

.moveright {clear:both; display:block; text-align:right;}

.entries {width:100%; margin:20px 0; text-align:left;}
.entries th, .entries td {padding:5px 5px 5px 0; border-top:1px solid rgba(0,0,0,0.1);}
.entries .price {text-align:right;}

.steps {display:block; clear:both; margin-bottom:30px; font-size:14px; text-align:center;}
.steps li {display:inline-block; width:100px; color:#231f20; background:#eee; padding:5px 10px;}
.rego {background:#eee; padding:30px;}
.rego h2 {padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.1); margin-top:0; margin-bottom:30px;}
.rego hr {background:#000; border-bottom:1px solid #000; opacity:0.1;}

.subhero {min-height:400px; background:no-repeat center center; background-size:cover;}
.subhero .item .container {min-height:400px;}

.slideh2 a {background:#981016; padding:8px 20px; color:#fff; text-decoration: none; font-size:18px; border-radius: 3px;}
.slideh2 a:hover {opacity:0.7; text-decoration: none;}

.photogrid {clear:both; margin:50px 0; position:relative;}
.photogrid img {float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.photogrid img:nth-of-type(3n+3) {margin-right:0;}
/*.photogrid img:hover {}*/

.scaleup {transition: all .2s ease-in-out;}
.scaleup:hover {transform: scale(1.05);}

.tagline {color:#333; background:#eee; margin:20px auto; padding:25px 0; text-align:center; font-size:0;}
.tagline .row div {font-size:20px;}
.tagline .container {text-align:center;}
.tagline span {color:#598ac7;}
.index .tagline:last-of-type {display:none;}

.innerpage {background:#eee; padding-bottom:50px;}
.innerpage .container {background:#fff; margin-top:-50px;}

.promos {clear:both; margin:0; position:relative; overflow: hidden; text-align:center;}
.promo {float:left; width:45%; margin-right:10%;  margin-bottom:50px; background-size:cover; min-height:250px; position: relative; text-decoration: none;  text-align: center;}
.promo:nth-of-type(2n+2) {margin-right:0;}
.content .promo {text-decoration: none;}
.promo img {max-width:100%; margin-bottom:20px; text-decoration: none;}
.promo:first-child { padding-left: 15px; }
.promo:last-child { padding-right: 15px; }
.promo h4 {font-size:24px; font-weight:bold; margin:0; padding:0; text-decoration: none; color:#231f20;}
.promo h5 {font-size:18px; text-decoration: none; color:#231f20; opacity:0.6;}
.promo p {font-size:16px; font-weight:normal; opacity:0.8; text-decoration: none;}
.promo button {margin-top:15px;}
.promo:hover {text-decoration:none;}
.promosolo .promo {float:initial !important; max-width:500px !important; margin-right:0 !important; text-align: center;}

@media all and (max-width: 768px) {
  .promo:first-child { padding-left: 8px; }
  .promo:last-child { padding-right: 8px; }
}

main {color:#58595b; font-size:16px; padding-bottom:50px;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
h2 {}
h3 {}
h4 {font-size:25px; padding:20px 10%; background:#fff; margin:0; text-align:center;}

.page .row {position:relative;}

.footerpromos {padding-top:30px; margin-top:30px;}
.index main {padding:0; border-top:0;}

.sidenav { /* padding:20px 0 200px 0; */ padding:0 1px 0 0; margin-top:40px; background:#eee linear-gradient(to bottom, #eee, #fff); z-index:5;}
.sidenavempty {background:transparent;}
.sidenav ul {list-style:none; margin:0 0 0 20px; padding:0; padding-top: 20px; padding-bottom: 200px; background:#fff;}
.sidenav ul li {margin:0; padding:0; font-size:15px;}
.sidenav ul li.depth0 {font-weight:bold; font-size:18px;}
.sidenav ul li a {display:inline-block; padding:5px 20px; color:#333; text-decoration: none;}
.sidenav ul li.depth2 {font-size:13px;}
.sidenav ul li.depth2 a {padding-left:30px; opacity:0.9;}
.sidenav ul li.current {background:rgba(0,0,0,0.1);}
.sidenav ul li:hover {background:rgba(0,0,0,0.05); text-decoration: none;}

/*.sidenav ul li.showmenu>a {display:none;}*/

.sidebar img {width:100%; height:auto;}

.maptier {margin:0; padding:0; height:400px;}
.maptier iframe {width:100%; margin:0; padding:0; height:403px;}

.section-snip {clear:both;  margin:20px 100px; font-weight:normal; font-size:30px; text-align:center; padding-top:20px; padding-bottom:20px; /* border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.1); */}
.section-text {clear:both; margin:20px 0; text-align:left;}
.section-text ul {display:inline-block; text-align:left;}

.section-map {clear:both; margin:30px 0; padding:0; width:100%;}
.section-map div.mapcell {height:500px;}
.section-map div.mapcell iframe {width:100%; margin:0; padding:0; height:500px;}

.section-gallery {clear:both; margin:40px 0;}
.section-gallery img {float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.section-gallery img:nth-of-type(3n+3) {margin-right:0;}

.section-hero {clear:both; position:relative;}
.section-hero img {width:100%;}
.section-hero .container {padding:0;}
.section-hero h1 {color:#231f20; font-size:50px; text-align:center; text-transform: uppercase; margin-bottom:0; letter-spacing: 4px;}

.section-promos h3 {text-align:center; margin-top:0; padding-top:0; margin-bottom:20px; text-transform: uppercase;}

.instagram-feed {padding:40px 0; text-align:center;}
.instagram-feed h3 {margin:0 0 10px 0; text-transform:uppercase; font-weight:bold;}
.instagram-feed h3 a {text-decoration:none;}
.instagram-feed h3 a:hover {text-decoration:none;}
.instagram-feed button.slick-arrow {position:absolute; z-index:100; top:0; bottom:0; width:5%; height:100%; padding:0; font-size:45px; color:rgba( 255,255,255, .82 ) !important; background:rgba(255,255,255,.7); border:0;}
.instagram-feed button.slick-prev {left:0;
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.instagram-feed button.slick-next {right:0;
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.instagram-feed .thumbnails {max-width:1300px; margin:auto;}
.instagram-feed .thumbnails a {display:inline-block; width:250px; height:250px;}
.instagram-thumbnail,
.slick-slide {position:relative; display:inline-block; width:250px; height:250px; margin:5px; background:center no-repeat; background-size:cover; opacity:1; transition:all .2s;}
.instagram-thumbnail:hover {opacity:.9;}
/*
.instagram-thumbnail img {position:relative; z-index:1; width:auto; height:auto; max-width:100%; max-height:100%;}
*/
.instagram-thumbnail .fa {position:absolute; z-index:2; top:10px; right:10px; color:#fff; font-size:20px; text-shadow:0px 0px 5px rgba( 0,0,0, .5 );}


.thumbnail {padding:0; box-shadow:0px 0px 10px 0px rgba( 0,0,0, .15 );}
.thumbnail img {border-radius:4px 4px 0 0;}

footer {clear:both; margin:0; /* margin:40px 0 0 0; */ background:#231f20; color:#fff;}
footer .container {/*border-top:1px solid rgba(0,0,0,0.05);*/ padding:30px 0 20px 0;}
footer .footerlogo {width:100px; display: block; margin:10px 0 10px 0;}
footer .footerlogo img {width:100%;}
footer hr {background:#fff; border-bottom:1px solid #fff; opacity:0.05;}
footer h5 {color:rgba(255,255,255,0.5); font-weight:normal; font-size:18px; text-transform: uppercase;}
footer ul {list-style:none; margin:0; padding:0; font-size:14px; text-indent:0;}
footer ul li {margin:10px 0; line-height:120%;}
footer ul li a {color:rgba(255,255,255,1);}
footer ul li a:hover {color:rgba(255,255,255,1);}
footer iframe {margin:15px 0;}
/*footer ul:nth-of-type(2) {opacity:0.5;}*/

footer .footerfinal ul {text-align: center;}
footer .footerfinal ul li {font-size:18px;}
footer .footerfinal ul li.socialli {font-size:30px; margin-left:30px;} 

footer ul.socialfooter {text-align: center; clear:both; margin-top:40px;}
footer ul.socialfooter li {display: inline-block; margin:0 30px;}
footer ul.socialfooter li a {font-size:40px;}

footer p.sponsors {text-align: center; font-weight:normal; font-size:13px; margin-top:30px; padding-top:20px; color:rgba(255,255,255,0.5);}
footer ul.sponsors {text-align: center; margin-bottom:30px;}
footer ul.sponsors li {margin:0 50px; display:inline-block;}
footer ul.sponsors img {max-width:180px; max-height:80px;}
footer ul.sponsors a {opacity:1;}

footer ul.footernav {width:100%; text-align:center;}
footer ul.footernav {list-style:none;}
footer ul.footernav li {display:inline-flex; flex-wrap:wrap; gap:10px; margin:0 5px;}
footer ul.footernav li a,
.volunteer a:link,
.volunteer a:visited {color:#fff; font-weight:normal; padding:5px 10px; margin:0; text-decoration: none; font-weight:bold; text-transform: uppercase; display:inline-block; border:3px solid rgba(255,255,255,1); /*text-transform: uppercase;*/}

footer .footerfinal {margin-top:30px; padding:10px 0;}
footer .footerfinal ul {list-style:none; margin:0; padding:0; font-size:11px; text-indent:0;}
footer .footerfinal ul li {display:inline-block; padding-left:10px; margin-left:10px;}
footer .footerfinal ul li:first-of-type {margin-left:0; border:0; padding-left:0;}
/*footer ul li ul li {margin-left:20px;}*/


.content.history table {border:0;}
.content.history table tr td {border:0; vertical-align:top;}
.content.history table tr td:last-of-type {width:50%; text-align:left;}
.content.history table img {width:100% !important; height:auto !important;}

@media ( max-width:768px ){
  
  .content.history table,
  .content.history table tbody,
  .content.history table tr,
  .content.history table td,
  .content.history table tr td:last-of-type {display:flex; flex-direction:column; width:100%;}
  .content.history table tr td:last-of-type {text-align:center; padding-left:0;}
  
}





/* Registration */
table.form {width:100%; font-size:14px; clear:both; text-align:left;}
table.form tr th {color:#565656; padding:8px 8px 8px 0; vertical-align:middle; text-align:left; width:200px;}
table.form tr td {padding:8px;}
table.form input[type=text],
table.form input[type=email],
table.form input[type=password] {background:#fff; border-radius:2px; box-shadow:inset 0 0 1px #aaa; float:left; padding:8px; border:1px solid #d4d4d4; outline:none; font-size:14px; line-height:14px; width:150px;}
table.form input[type=file] {float:left;}
table.form input:disabled {color:#999;}
table.form input.name {width:270px;}
table.form input.long {width:400px;}
table.form input.short {width:150px;}
table.form input.tiny {width:80px;}
table.form input.dollar {background:#fff url('/images/field-dollar.gif') 8px 7px no-repeat; padding-left:20px; width:100px;}
table.form input.error {background-color:#ffeded;}
table.form input.success {background-color:#e6ffea;}
table.form select {background:#fff; padding:5px; width:150px; border:1px solid #d7d7d7; box-shadow:inset 0 0 1px #aaa; outline:none; font-size:14px;}
table.form select.auto {width:auto;}
table.form textarea {background:#fff; float:left; padding:8px; line-height:1.4em; border:1px solid #d7d7d7; box-shadow:inset 0 0 1px #aaa; outline:none; max-width:400px; width:400px; height:75px;}
table.form label {display:block; float:left; clear:left; font-size:14px;}
table.form label input {margin:0 8px 0 0;}
table.form label.error {font-size:10px; color:#fff; background:#f00; padding:5px;}
table.form td.dimensions label.error {width:80px;}
table.form .help {float:right; margin:6px 0 0 0;}
table.form span.icon {font-size:16px; margin:0 8px 0 0; color:#417ca0;}
table.form span.optional {color:#a9a9a9; font-size:11px;}
table.form span.fieldtitle {float:left; width:150px; font-size:11px; color:#333;}
table.form cite {font-size:11px; color:#999; font-style:normal; font-weight:normal;}



@media (max-width: 768px) {

  .hero {min-height:60vh; background-attachment:initial;}
  .herooverlay {min-height:60vh;}
  .hero h2 {bottom:30px; font-size:22px;}

  .extraneous {display:none;}
  .sidenav {display:none; /*padding-top:10px; padding-bottom:10px;*/}
  
  header h1 {float:initial; text-align: center;}
  header h1 img {max-width:150px; margin:auto;}

  nav {position:relative !important; bottom:0; right:0; left:0; margin-top:30px;}
  nav>ul {text-align: center;}
  nav>ul>li {margin:0 0 0 8px; font-size:11px;}
  nav>ul>li>a {padding:2px 5px; border:2px solid rgba(255,255,255,1);}

  /*.fixedburgerbutton {display:block;}*/
  header .hideuntilmobile img {max-width:30px;}
  /*nav ul { display: none;}*/
  .content {padding-left:0;}
  .promos a {height:100px; overflow:hidden;}

  .section-hero h1 {font-size:30px;}
  .section-snip {font-size:20px; margin:30px 20px;}
}




::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ccc;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ccc;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ccc;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #ccc;
}