img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} :root { --main-bg: #fff; --light: #eee; --light-comp: #4d4d4d; --dark: #222; --dark-comp: #fff; --primary: #020054; --primary-comp: #fff; --secondary: #c61010; --secondary-comp: #fff; } body { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.5; text-align: center; }body, .solutions .grid p { color: var(--light-comp, #4d4d4d); }body, header ul, .hero h1, .hero p { padding: 0; margin: 0; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; }h1, .home h2 { color: var(--dark, #222); }img, iframe { max-width: 100%; height: auto; }iframe { display: block; aspect-ratio: auto 16 / 9; width: 100%; margin: 1em auto; }.fullwidth { width: 100%; }a img, iframe { border: none; }a, .row3 h3, .row4 img { transition: ease-in-out .3s; }a, header a:hover, form input[type=submit]:hover, .btn:hover, .row3 a:hover, .solutions a:hover { text-decoration: none; }a, header a:hover, .row3 a:hover h3, .solutions a:hover h3 { color: var(--secondary, #c61010); }a:hover { text-decoration: underline; }hr { border-width: 1px; border-color: var(--light, #eee); border-style: none none solid; margin: 40px 0; }.imgLeft, .imgRight { max-width: 45%; }.imgLeft { float: left; margin: 10px 4% 2% 0; }.imgCenter { display: block; margin: 0 auto; }.imgRight { float: right; margin: 10px 0 2% 4%; }.clear { clear: both; }.nowrap, a[href^=tel] { white-space: nowrap; }sup { line-height: 0; }.hide { display: none !important; }.center, .ccpaNotice, .hero h1, .hero p, .row1 p, .row3 h2, .row3 p { text-align: center !important; }.wrap { display: block; max-width: 1080px; margin: 0 auto; position: relative; }.bg-dark, .bg-primary { color: var(--dark-comp, #fff); }.bg-dark { background-color: var(--dark, #222); }.bg-primary { background-color: var(--primary, #020054); }.bg-light { background-color: var(--light, #eee); color: var(--dark, #222); }.mid { align-items: center; align-self: center; }.grid { display: grid; grid-gap: 10px 20px; }.grid.half { grid-template-columns: repeat(2,1fr); }.grid.third { grid-template-columns: repeat(3,1fr); }.grid.fourth { grid-template-columns: repeat(4,1fr); }blockquote { margin: 1em clamp(10px, 4vw, 40px) }cite { display: block; margin-top: 1em }.pad { padding-left: 10px; padding-right: 10px }.bgimg { position: relative }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; object-position: top; z-index: 0; left:0; } header, .hero { position: relative; }header { z-index: 999; }header img { filter: drop-shadow(0 0 2px #fff) }header .wrap { padding: 10px; }header .grid, .row2 .grid { grid-template-columns: 150px 1fr; }nav ul, footer .subfoot .grid > div:last-of-type { text-align: right; }nav li { display: inline-block; }nav a { display: block; padding: 5px; margin: 5px 5px 5px 15px; border-bottom: 2px solid transparent; font-size: 18px; text-shadow: 1px 1px 1px #000,-1px -1px 1px #000; font-weight: bold }nav a:hover { color: var(--dark-comp); border-color: var(--secondary) }nav a, .hero h1, .hero p { color: var(--dark-comp, #fff); } .hero, .row4 { background-size: cover; background-position: center; position: relative; }.hero:before, .row4:before { content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; inset: 0; z-index: 1; left:0; }.hero.bgimg>img{object-position:50% 42%}.hero > .wrap, .row4 > .wrap { z-index: 2 }.hero { width: 100%; height: clamp(300px, 40vw, 600px); margin-top: -193px; }.hero > .wrap { top: 65%; transform: translateY(-65%); }.hero h1, .hero p, .row4 p { padding: 0 10px; text-shadow: 2px 2px 3px rgba(0,0,0,.3); }.hero h1 { font-size: 32px;padding:0 15px }.hero .btn { margin-top: 20px; } .row1 .wrap { padding: 20px }.row1 h2 { font-size: 50px; line-height: 1.2; }.row2 .wrap, .row3 .wrap { padding: 30px 10px 40px; }.row2 h3 { font-weight: 400; }.row3 p { margin-bottom: 40px; }.row3 li { display: inline-block; width: calc((100% / 3) - 25px - .25em); vertical-align: top; padding-right: 25px; position: relative; }.row3 svg { position: absolute; top: 6px; left: -25px; }.row4 { height: 450px; margin-bottom: -100px; }.row4.bgimg>img{object-position:45% 40%}.row4:before { background-color: rgba(0,0,0,.6); }.row4 .wrap { top: 25%; transform: translateY(-25%); }.row4 .grid { grid-gap: 10px 60px; }.row4 h2 { padding-left: 10px; }.btnStyle2 { display: inline-block; min-width: 110px; text-align: center; line-height: 1.6; background-color: #c61010; color: var(--primary-comp, #fff); padding: 10px 40px; margin: 10px 0; border: none; border-radius: 3px; transition: ease-in-out .3s; } form { margin: 20px 0; }form .grid { grid-gap: 0 10px; }form label { display: block; }form input, form textarea, .btn { font-family: 'Montserrat', sans-serif; font-size: 16px; }form input, form select, form textarea { background-color: var(--main-bg, #fff); margin-bottom: 10px; padding: 10px; border: 1px solid #eee; box-sizing: border-box; width: 100% } form textarea { height: 100px; }form input[type=submit], .btn { display: inline-block; min-width: 110px; text-align: center; line-height: 1.6; background-color: var(--primary, #020054); color: var(--primary-comp, #fff); padding: 10px 40px; margin: 10px 0; border: none; border-radius: 3px; transition: ease-in-out .3s; }form input[type=submit] { min-width: 250px; margin: 0; width: auto }form input[type=submit]:hover, .btn:hover { cursor: pointer; background-color: var(--secondary, #c61010); color: var(--primary-comp, #fff); }input:hover, input:active, input:focus-visible {outline: none;}input[type=text], input[type=email], input[type=tel], input[type=date], textarea {box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);}#error-message {color: #ff0000;font-weight: bold;}.inactive {background-color: #ccc;} footer .wrap { padding: 20px 10px; }.cta { padding-bottom: 40px; }.cta .grid { grid-template-columns: 300px 1fr; }.cta .grid > div { padding: 20px 40px; }.cta .grid > div:last-of-type { margin-top: -200px; box-shadow: 5px -5px 10px rgba(0,0,0,.2); z-index: 3 }.a8bmark { margin-left: auto } main { padding: 30px 10px 40px; margin-bottom: 200px; }main h1, main h2 { font-size: 24px; }main h3, .row1 { font-size: 20px; }main h4, .row4 { font-size: 18px; }main ul, main ol { padding-left: 25px; }main li { margin: 5px 0; }.nolist { list-style: none; padding-left: 0; }.solutions .grid { padding: 30px 0; }.solutions .grid h3, .solutions .grid p { margin: 0; padding: 0 10px 5px; }.solutions img { object-fit: cover; width: 100%; height: 250px; }.contact .grid { padding: 20px 0; }.contact .grid > div { padding: 20px 40px; }.sponsor > div:nth-of-type(odd) { background-color: var(--light); }.sponsor > div { padding: 5px 20px 5px; }.sponsor ul { margin: 0; padding-bottom:5%;}.sponsor li:first-of-type { list-style: none; margin-left: -25px }.sponsor h3 { text-transform: uppercase; padding-left:3%; }.sponsor li h4 { margin: 0 }.sponsor summary {background:url("images/info-circle.svg") 0px 1.5px no-repeat; list-style:none; }.sponsor details summary::-webkit-details-marker {display:none;}.sponsor summary h3:hover {color:var(--secondary, #c61010);}.sponsor > div {transition: 0.3s;}.sponsor > div:hover {cursor: pointer; opacity: 1;} #registrations table {width: 100%;}@media(max-width:999px) { .row3 li span:first-of-type { display: block; } .sponsor h3 { padding-left:5%; } } @media(max-width:700px) { .row3 ul { padding: 0 } .row3 li { width: calc(50% - 25px - .25em); text-align: center; padding: 5px 0 } .row3 svg { display: none } .row4 { height: auto; padding: 20px 10px; margin-bottom: 0 } .row4 .wrap { top: unset; transform: none } .grid.half, .cta .grid, .row2 .grid { grid-template-columns: 1fr } .cta .grid > div:last-of-type { margin-top: 0 } .subfoot p { text-align: center } .a8bmark { margin-right: auto } main { margin-bottom: 0 } .imgRight { float: none; max-width: 100%; margin: 0 auto } .sponsor h3 { padding-left:6%; }} @media(max-width:500px) { .row3 li { width: auto; display: block } .row3 li span:first-of-type { display: inline; } .cta .grid > div { padding: 20px 10px } header .grid { grid-template-columns: 1fr } nav ul { display: grid; grid-template-columns: 1fr 1fr } nav li { text-align: center;display:block } nav li:last-of-type:nth-of-type(even){grid-column:span 2} nav li:first-of-type { display: none } body .hero { margin: 0;min-height:unset } header { background-color: var(--dark) } nav a { margin: 5px } .hero h1 { font-size: 26px } .hero > .wrap { top: 50%; transform: translateY(-50%) } .sponsor > div { padding: 5px 10px 20px } .sponsor h3 { padding-left:7%; } }