html {
background-color:#162245;
overflow-x:hidden;
}
body {
font-family:'Avenir Next W01';
font-weight:500;
background:#fbfafa;
height:100%;
overflow-x:hidden;
margin:0 auto;
padding:0;
font-size:14px;
color:#333333;
}
.center {
text-align:center;
}
.vcenter {
vertical-align:middle;
}
.theme {
color:#133D8D;
font-weight:400;
}
.maincolor {
color: #07436a;
}
.altcolor {
color: #007cbe;
}
.alttextcolor {
color: #007cbe;
}
ul.bxslider {
margin-top:0;
}
.highlight {
color:#97C93d;
font-weight:400;
}
.single-ad {
margin-bottom:15px;
text-align:center;
}
.boxshadow {
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
}
.regbuttonbox {
text-align:right;
}
.regbuttonbox .button {
width: 114px;
margin-top:-25px;
font-size: 1.4em;
}
.sidebar {
background-color:#fafafa;
/*font-size:.9em;*/
color:#333333;
width:250px;
display: inline-block;
padding: 0 0 20px 0;
margin-left:45px;
margin-bottom:25px;
float:right;
clear:both;
}
.long {
width:300px;
font-size:.9em;
}
.sidebar p, .sidebar ul {
padding-left:15px;
padding-right:10px;
padding-bottom:0;
}
.sidebar ul { margin-left:20px;}
.sidebar h5 {
background-color:#007cbe;
color:#ffffff;
padding:15px;
margin-top:0;
}
.sidebar h5.nobar {
background-color:#fafafa;
color:#333333;
padding:15px;
}
.larger {
margin-top:80px;
background-color:#ffffff;
/*font-size:1.1em;*/
}
.container {
/*background-color:#ffffff;*/
padding-left: 2%;
padding-right: 2%;
}
.header {
width:100%;
background-color: #5ac5c9;
border-top: 3px solid #ffa469;
padding-top:20px;
padding-bottom:25px;
}
.jsmdates {
font-family:'Avenir Next W01';
font-weight:500;
font-size: 1.2em;
line-height:1.4em;
color:#ffffff;
letter-spacing:.16em;
}
.jsmtheme {
font-family:'Avenir Next W01';
font-weight:600;
font-style:italic;
font-size: 1.6em;
letter-spacing:.11em;
color:#007cbe;
}
.jsmlocation {
font-family:'Avenir Next W01';
font-weight:500;
font-size: 1.2em;
line-height:1.4em;
letter-spacing:.035em;
color:#ffffff;
}
.c-hamburger {
display:none;
}
#navbar ul {
list-style-type:none;
margin-top:35px;
line-height:2.8em;
}
#navbar ul li {
list-style-type:none;
}
#navbar ul li a {
font-size:1.35em;
font-family:'Avenir Next W01';
font-weight:700;
color:#ffffff;
text-decoration:none;
}
#navbar ul li a:hover {
color:#e7e7e7;
}
#navbar ul li a.active {
font-family:'Avenir Next W01';
font-weight:700;
}
ul#subnav {
font-size:1.1em;
list-style-type:none;
text-align:left;
padding:0;
}
ul#subnav li {
display:inline;
}
ul#subnav li a {
font-family:'Avenir Next W01';
font-weight:500;
color:#939597;
text-decoration:none;
float:left;
display:block;
height:35px;
padding:20px 25px 5px 25px;
}
ul#subnav li a:hover {
color: #1c2a56;
}
ul#subnav a.active {
background:url('../images/arrow.png') no-repeat bottom center #007cbe;
font-family:'Avenir Next W01';
font-weight:700;
color:#ffffff;
}
ul#subnav a.active:hover {
color:#ececec;
}
/*-------------- */
ul#subnav-crunched {
font-size:1.1em;
list-style-type:none;
text-align:left;
padding:0;
}
ul#subnav-crunched li {
display:inline;
}
ul#subnav-crunched li a {
font-family:'Avenir Next W01';
font-weight:500;
color:#939597;
text-decoration:none;
float:left;
display:block;
height:35px;
padding:20px 13px 5px 13px;
}
ul#subnav-crunched li a:hover {
color:#1c2a56;
}
ul#subnav-crunched a.active {
background:url('../images/arrow.png') no-repeat bottom center #007cbe;
font-family:'Avenir Next W01';
font-weight:700;
color:#ffffff;
}
ul#subnav-crunched a.active:hover {
color:#ececec;
}
/* ---------------*/
div#tertiarynav {
font-size:1.1em;
float:left;
width:100%;
}
div.tertiarynavblock {
float:left;
width:25%;
}
div#tertiarynav ul {
padding:0;
}
div#tertiarynav ul.navblock li {
line-height:1em;
list-style-type:none;
margin:0;
padding:0;
text-align:center;
}
ul.navblock a {
color:#07436a;
font-weight:200;
text-decoration:none;
padding:3px;
}
ul.navblock a:hover {
text-decoration:underline;
}
ul.navblock a.active {
background-color:#007cbe;
color:#ffffff;
text-decoration:none;
}
.content {
margin:0;
font-size:1.2em;
line-height:1.5em;
}
#bottom, #tertiarybottom {
background-color:#ffffff;
padding:25px;
margin-top:0;
margin-bottom:15px;
overflow:auto;
}
#bottom.home {
margin-top:15px;
}
#bottom ul, #bottom ol {
line-height:1.4em;
padding-bottom:10px;
}
#bottom ol ul {
margin-left: 30px;
padding:0;
}
div.bottomsearch {
background-color:#ffffff;
padding:25px;
margin-top:15px;
margin-bottom:15px;
}
.photobox {
border:1px solid #999999;
padding:10px 10px 5px 10px;
margin:45px 5px 0 5px;
}
.photocaption {
color:#666666;
font-weight:300;
font-size:.8em;
}
.photocredit {
color:#999999;
text-transform:uppercase;
font-size:.9em;
}
.social {
margin-top:45px;
margin-bottom: 15px;
text-align:right;
vertical-align:top;
}
.social span {
font-family:'Avenir Next W01';
font-size:200%;
font-weight:300;
color:#333333;
}
.social a {
color:#07436a;
padding-left:15px;
}
.social a:hover {
color:#ffa46e;
padding-left:15px;
}
.social h2, #search h2 {
font-family:'Avenir Next W01';
font-weight:500;
color:#ffffff;
}
.highlights {
/*float:right;
height:325px;*/
/*padding-top:90px;*/
}
.alpha {
margin-bottom:8px;
text-align:center;
}
.omega {
text-align:center;
}
img { max-width:100%;}
.oppguide {
border:1px solid #cccccc;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}
.breadcrumbs, .breadcrumbs span, .breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs a:visited {
font-family:'Avenir Next W01';
font-weight:500;
font-size:.9em;
color:#666666;
}
ul.forms {
list-style-type: none;
padding-left: 0;
margin-top:30px;
}
ul.forms > li {
position: relative;
padding-left: 20px;
list-style-type:none;
margin-bottom:10px;
}
ul.forms > li:before {
position: absolute;
top: 0;
left: 0;
font-family: FontAwesome;
content: "\f016";
color: #727272;
}
.onsitebox {
color:#ffffff;
border-radius:15px;
padding:15px;
}
/* headings */
h1, h2, h3, h4, h5, h6 {
line-height:1.1em;
}
h1 {
font-family:'BT Century Schoolbook W01';
font-size: 1.7857em; /* 25px */
line-height: 1.4400em; /* 36px */
margin-top: 0.7200em;
margin-bottom: 0.0000em;
font-weight:400;
}
h1.intro {
font-size:1.65em;
}
h1.apptitle {
font-size:3em;
color:#ffffff;
margin-top:85px;
text-align:center;
}
h1#theme {
font-size:3em;
font-style:italic;
font-weight:500;
color:#939597;
border-bottom:1px dashed #ececec;
letter-spacing:.05em;
padding-bottom:25px;
}
h2 {
font-family:'BT Century Schoolbook W01';
font-weight:300;
font-size: 1.5714em; /* 22px */
line-height: 1.6364em; /* 36px */
margin-top: 0.8182em;
margin-bottom: 0.0000em;
}
h2.head {
line-height:1em;
margin-top:0;
padding-top:0;
}
h2.warning {
background-image:url('../images/notice-icon.png');
background-position:left center;
padding-left:35px;
background-repeat:no-repeat;
}
h3 {
font-family:'BT Century Schoolbook W01';
font-weight:300;
font-size: 1.4286em; /* 20px */
line-height: 1.8000em; /* 36px */
margin-top: 0.9000em;
margin-bottom: 0.0000em;
}
h3.spotlight {
font-size:22px;
padding-top:20px;
}
h4 {
font-family:'BT Century Schoolbook W01';
font-weight:300;
font-size: 1.2857em; /* 18px */
line-height: 1.0000em; /* 18px */
margin-top: 1.0000em;
margin-bottom: 0.0000em;
}
h5 {
font-family:'BT Century Schoolbook W01';
font-weight:300;
font-size: 1.1429em; /* 16px */
line-height: 1.1250em; /* 18px */
margin-top: 1.1250em;
margin-bottom: 0.0000em;
}
h6 {
font-family:'BT Century Schoolbook W01';
font-weight:300;
font-size: 1.0000em; /* 14px */
line-height: 1.2857em; /* 18px */
margin-top: 1.2857em;
margin-bottom: 0.0000em;
}
.ctabox {
background-color:#007cc0;
color:#ffffff;
width:240px;
margin:20px 0 20px 20px;
clear:both;
float:right;
font-size:1.1em;
font-weight:600;
padding:30px;
text-align:center;
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
border-radius:3px;
overflow:hidden;
}
.ctabox a, .ctabox a:visited {
text-align:center;
color:#ffffff;
text-decoration:none;
}
.ctabox a:hover, .ctabox a:active {
color:#ececec;
text-decoration:none;
}
.headsupbox {
background-color:#ffa46e;
color:#0c436a;
width:260px;
margin:10px 0 20px 20px;
clear:both;
float:right;
font-weight:600;
padding:30px 20px 0 20px;
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
border-radius:3px;
overflow:hidden;
}
.headsupbox img {
position: absolute;
left: 100px;
bottom:-140px;
width: 100%;
height: auto;
opacity: 0.05;
}
.headsupbox p {
text-align:left;
margin-top:0;
}
.headsupbox ul {
list-style:none;
padding-left:0;
}
.headsupbox li {
background:url('../images/bullet-tree.png') 0 no-repeat;
color:#ffffff;
font-weight:700;
padding-left:30px;
margin-left:0;
margin-bottom:10px;
list-style:none;
}
.headsupbox h5 {
font-family:'Avenir Next W01';
font-weight:700;
margin-top:0;
color:#007cc0;
}
.exhibitorfloorplan {
background-color: #007cbe;
text-align:center;
width:275px;
color:#ffffff;
margin:0 auto 20px auto;
font-weight:600;
padding:30px 20px 0 20px;
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
border-radius:3px;
overflow:hidden;
}
.exhibitorfloorplan p {
margin-top:0;text-align:center;
}
.floorplan {
webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.noticebox {
background: #fffdfb;
background: -moz-linear-gradient(top, #fffdfb 0%, #fef2ea 100%);
background: -webkit-linear-gradient(top, #fffdfb 0%,#fef2ea 100%);
background: linear-gradient(to bottom, #fffdfb 0%,#fef2ea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdfb', endColorstr='#fef2ea',GradientType=0 );
padding:15px;
border:1px solid #ffa46e;
font-size:.9em;
line-height:1.5em;
}
.noticebox h2 {
margin-top:0;
font-size:20px;
}
.navbar {
margin-top:10px;
}
/* page elements */
p {
text-align:left;
}
table {
border-collapse:collapse;
}
td {
vertical-align:top;
padding:5px;
line-height:1.4em;
}
td.nopadding {
padding:0;
}
td.tablehead {
font-family:'Avenir Next W01';
background-color:#07436a;
color:#ffffff;
text-align:center;
font-weight:700;
padding:10px 20px;
vertical-align:middle;
}
td.tablesubhead {
font-family:'Avenir Next W01';
background-color:#004B8D;
color:#ffffff;
font-weight:300;
vertical-align:middle;
}
td.threefitty {
width:350px;
}
td.twofitty {
width:200px;
}
td.alt {
background-color:#edf9f9;
}
table.pc td {
padding-bottom:30px;
vertical-align:top;
}
table.pc p {
margin-top:0;
}
table.pc img {
border:2px solid #999999;
}
.spotlight-pic {
border-top:3px solid #ffa46e;
box-shadow: 0 5px 8px #666666;
}
/* lists */
ol li, li ol li {
list-style-type:decimal;
text-align:left;
}
ul li {
list-style-type:disc;
text-align:left;
}
.pullquote {
border-left:5px solid #ececec;
font-family:'BT Century Schoolbook W01';
font-weight:500;
font-size:24px;
font-style:italic;
background-color:#ffffff;
color:#666666;
width:270px;
display: inline-block;
padding: 0 30px 0px 65px;
margin:30px 0 0 30px;
float:right;
line-height:38px;
}
.pullquote a, .pullquote a:hover,
.pullquote a:active, .pullquote a:visited {
text-decoration:none;
font-weight:500;
}
.attribution {
font-family:'Avenir Next W01';
font-size:14px;
font-weight:500;
font-style:normal;
line-height:21px;
display: block;
text-transform:uppercase;
text-align:right;
}
.attribname {
font-weight:700;
color:#5ac5c9;
}
.topquote {
font-style: normal;
font-size: 75px;
font-family: sans-serif;
color: #5ac5c9;
margin-top: 12px;
margin-left: -36px;
float: left;
line-height: 32px;
height: 32px;
width: 28px;
}
/* links */
a, a:visited {
font-weight:600;
color: #007cbe;
text-decoration:underline;
}
a:hover, a:active {
font-weight:600;
color: #0094d0;
text-decoration:underline;
}
/* buttons */
a.button, a.button:visited {
font-family:'Avenir Next W01';
font-weight:400;
background:#007cbe;
border:none;
border-radius:3px;
color:#ffffff;
padding:15px 25px;
text-align:center;
text-decoration:none;
display:inline-block;
}
a.button:hover, a.button:active {
background-color:#0094d0;
color:#ffffff;
text-decoration:none;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.fixed {
width:175px;
}
div.inactivebutton {
font-family:'Avenir Next W01';
font-weight:300;
background:#d9ebf6;
border:none;
border-radius:3px;
color:#ffffff;
padding:15px 20px;
text-align:center;
text-decoration:none;
display:inline-block;
}
a.smallbutton, a.smallbutton:visited {
font-family:'Avenir Next W01';
font-size:12px;
font-weight:300;
background:#007cbe;
border:none;
color:#ffffff;
padding:5px 10px;
text-align:center;
text-decoration:none;
display:inline-block;
}
a.smallbutton:hover, a.smallbutton:active {
background-color:#0094d0;
color:#ffffff;
text-decoration:none;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
input.button, input.submit, input.fileinput.button {
font-family:'Avenir Next W01';
font-size:16px;
font-weight:300;
background:#007cbe;
border:none;
border-radius:3px;
color:#ffffff;
padding:15px 25px;
text-align:center;
text-decoration:none;
display:inline-block;
}
input.button:hover, input.submit:hover, input.fileinput.button:hover {
background-color:#0094d0;
color:#ffffff;
}
#top {
bottom:20px;
right:20px;
padding:10px 20px;
float:right;
z-index: 9999;
width: 32px;
height: 32px;
text-align: center;
line-height: 30px;
background: #45b7bb;
color: #ffffff;
cursor: pointer;
border: 0;
border-radius: 2px;
text-decoration: none;
transition: opacity 0.2s ease-out;
opacity:0;
}
#top:hover {
background:#6bd2d5;
}
#top.show {
opacity: 1;
}
/* key dates */
h4.kd {
background-color:#07436a;
font-size:1.4em;
color:#ffffff;
margin-top:0;
padding:10px;
text-align:center;
}
ul.keydates {
margin-left:0;
margin-top:25px;
padding-left:0;
}
ul.keydates h5 {
font-size:1.4em;
margin-bottom:20px;
}
ul.keydates li {
line-height:1.35em;
list-style-type:none;
padding-bottom:25px;
margin-left:15px;
}
.emailsignup-wrapper {
background-color:#007cbe;
padding:30px 0;
}
.emailsignup {
background-color:#007cbe;
}
.emailsignup-head {
font-family:'Avenir Next W01';
font-weight:400;
font-size:180%;
letter-spacing:.02em;
text-align:left;
color:#ffffff;
}
.emailsignup-btn {
padding:15px;
border-radius:10px;
border:3px solid #ffffff;
color:#ffffff;
text-decoration:none;
line-height:90px;
letter-spacing:.1em;
}
a.emailsignup-btn:hover,
a.emailsignup-btn:active {
border:3px solid #e7e7e7;
color:#e7e7e7;
text-decoration:none;
}
a.emailsignup-btn:visited {
color:#ffffff;
}
.footer-wrapper {
background-color:#5ac5c9;
width:100%;
}
.footer {
font-family:'Myriad W01';
font-weight:200;
color:#ffffff;
padding-top:45px;
line-height:1.4em;
padding-bottom:20px;
}
.footer p {
font-size:1.2em;
}
.footer h4 {
font-family:'Myriad W01';
font-weight:300;
margin-top:0;
}
.footer a, .footer a:visited {
font-weight:200;
color: #ffffff;
text-decoration:none;
}
.footer a:hover, .footer a:active {
font-weight:200;
color: #007cbe;
text-decoration:underline;
}
#footerbot {
font-family:'Myriad W01';
font-weight:200;
font-size:1em;
background-color:#5ac5c9;
color:#ffffff;
min-height:50px;
}
.footlink {
margin-right:5px;
margin-left:5px;
}
#footerbot a, #footerbot a:visited {
font-family:'Myriad W01';
font-weight:200;
color:#ffffff;
text-decoration:none;
}
#footerbot a:hover, #footerbot a:active {
color:#007cbe;
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.highlights {
padding-top:0;
}
.emailsignup-head {
text-align:center;
}
.row [class*="col-"] + [class*="col-"] {
margin-top: 15px;
}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
#logo {
text-align:center;
}
.logo {
display:block;
margin:auto;
}
.social {
margin-top:25px;
margin-bottom:20px;
text-align:center;
float:left;
}
.highlights {
padding-top:0;
text-align:center;
float:none;
}
.alpha {
margin-top:22px;
}
.content, .footer, .emailsignup {
padding-left:2%;
padding-right:2%;
}
.quoteme {
width:auto;
margin-bottom:30px;
}
.morespace {
margin-top:10px;
}
.emailsignup-head {
text-align:center;
}
.subfooter {
display:block;
margin:auto;
}
#footerbot p {
text-align:center;
}
.pullquote {
border-top:5px solid #ececec;
border-left:none;
font-family:'BT Century Schoolbook W01';
font-weight:500;
font-size:24px;
font-style:italic;
background-color:#ffffff;
color:#666666;
width:97%;
display: block;
padding:0;
margin:15px 0 10px 0;
float:right;
line-height:38px;
}
.topquote {
font-style: normal;
font-size: 75px;
font-family: sans-serif;
color: #5ac5c9;
margin-top: 12px;
margin-left: -35px;
float: left;
line-height: 32px;
height: 32px;
width: 28px;
}
.headsupbox {
width:auto;
margin:0;
float:none;
padding:30px 20px 0 20px;
}
.ctabox {
width:auto;
margin:20px 0;
float:none;
padding:30px;
text-align:center;
}
.sidebar {
width:auto;
display:block;
padding: 0 0 20px 0;
margin:20px auto;
float:none;
}
.regbuttonbox {
text-align:center;
}
.regbuttonbox .button {
width:auto;
margin-top:15px;
font-size: 1.2em;
}
.onsitebox {
margin-bottom:5%;
}
/* pulled from framework source to re-order header elements on smaller screens */
#nav-reorder {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
#navbar .row {
margin-right: 0rem;
margin-left: 0rem;
}
#navbar ul {
margin-top:-10px;
padding-top:15px;
text-align:center;
}
#navbar ul.secondcol {
padding-top:0;
}
ul#subnav, ul#subnav-crunched {
width:100%;
float:left;
background-color:#e7e7e7;
}
ul#subnav li, ul#subnav-crunched li {
text-align:center;
width:100%;
display:inline-block;
background-color:#07436a;
}
ul#subnav li a, ul#subnav-crunched li a {
color:#cccccc;
float:none;
}
ul#subnav li a:hover, ul#subnav li a:active
ul#subnav-crunched li a:hover, ul#subnav-crunched li a:active {
color:#ececec;
/*background:#07436a;*/
}
ul#subnav a.active, ul#subnav-crunched a.active {
background-image:none;
}
div.tertiarynavblock {
float:left;
width:100%;
}
/* hamburger menu */
.c-hamburger {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 48px;
height: 48px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.c-hamburger:focus {
outline: none;
}
.c-hamburger span {
display: block;
position: absolute;
top: 22px;
left: 9px;
right: 9px;
height: 4px;
background: white;
}
.c-hamburger span::before,
.c-hamburger span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 4px;
background-color: #fff;
content: "";
}
.c-hamburger span::before {
top: -10px;
}
.c-hamburger span::after {
bottom: -10px;
}
.c-hamburger--htx {
background-color: #007cbe;
}
.c-hamburger--htx span {
transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
transition-duration: 0.3s, 0.3s;
transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
transition-property: top, transform;
}
.c-hamburger--htx span::after {
transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
background-color: #007cbe;
}
.c-hamburger--htx.is-active span {
background: none;
}
.c-hamburger--htx.is-active span::before {
top: 0;
transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
bottom: 0;
transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
transition-delay: 0s, 0.3s;
}
/*.menu-btn {
background-color:#951a28;
padding:10px;
cursor: pointer;
}
.menu-btn div {
position: absolute;
left: 100%;
top: 64%;
padding-right: 8px;
margin-top: -0.50em;
line-height: 1.2;
font-size: 18px;
font-weight: 200;
vertical-align: middle;
z-index: 99;
}
.menu-btn span {
display: block;
width: 19px;
height: 3px;
margin: 4px 0;
background: #ffffff;
z-index: 99;
}*/
.responsive-menu{
max-height:0;
background:#007cbe;
overflow:hidden;
transition:all .25s;
}
.expand {
display: block !important;
padding-top:10px;
max-height:400px;
}
/* end of hamburger menu */
}
}
@media only screen and (min-width:769px) and (max-width:839px) {
#cssmenu > ul > li.has-sub > a {
padding-right: 25px !important;
}
#cssmenu > ul > li > a {
letter-spacing:0 !important;
font-size:12px !important;
}
#cssmenu.align-center > ul > li {
padding-left:0px ;
padding-right:0px;
}
}
@media only screen and (min-width:840px) and (max-width:1022px) {
#cssmenu > ul > li > a {
letter-spacing:0 !important;
font-size:13px !important;
}
}
@media only screen and (min-width:769px) and (max-width:1023px) {
.jsmtheme {
font-size: 1.3em;
letter-spacing:.1em;
}
.jsmdates {
font-size: 1.1em;
letter-spacing:.041em;
}
.jsmlocation {
font-size: 1.1em;
letter-spacing:0;
}
}
@media only screen and (max-width:1023px) {
#cssmenu.align-center > ul > li {
padding-left:5px;
padding-right:5px;
}
#navbar ul li a {
font-size: 1.2em;
}
#footerbot p {
text-align:center;
}
}
@media only screen and (min-width:1024px) and (max-width:1093px) {
#cssmenu > ul > li.has-sub > a {
padding-right: 25px;
}
#cssmenu.align-center > ul > li {
padding-left:10px;
padding-right:10px;
}
}
@media only screen and (min-width:1024px) and (max-width:1200px) {
.jsmtheme {
font-size: 1.4em;
letter-spacing:.14em;
}
.jsmdates {
font-size: 1.2em;
line-height:1.4em;
letter-spacing:.1em;
}
.jsmlocation {
font-size: 1.2em;
line-height:1.4em;
letter-spacing:.02em;
}
#navbar ul li a {
font-size: 1.2em;
}
}
@media only screen and (min-width:1094px) and (max-width:1198px) {
#cssmenu.align-center > ul > li {
padding-left:15px;
padding-right:15px;
}
}
@media only screen and (min-width:1199px) and (max-width:1228px) {
#cssmenu.align-center > ul > li {
padding-left:25px;
padding-right:25px;
}
}
@media only screen and (min-width:1229px) and (max-width:1350px) {
#cssmenu.align-center > ul > li {
padding-left:25px;
padding-right:30px;
}
}
@media only screen and (min-width:1351px) {
#cssmenu.align-center > ul > li {
padding-left:35px;
padding-right:40px;
}
}
/* Print */
@media print {
body {
font-family:Arial, sans-serif !important;
text-align:center;
margin:0;
padding:0;
}
p {
text-align:left;
}
a {
font-weight:600;
color: #00407c;
text-decoration:underline;
}
#jAccordion > * {
display: block !important;
}
}
/* search box */
.cfx, .cf:after{
content:"";
display:table;
}
.cf:after{
clear:both;
}
.cf{
zoom:1;
}
/* Form wrapper styling */
.search-wrapper {
float: right;
text-align:left;
width: auto;
/*width:252px;*/
margin: 20px auto 55px auto;
}
/* Form text input */
.search-wrapper input {
width: 114px;
/*width: 202px;*/
height: 20px;
padding: 10px 5px;
float: left;
border: 0;
background: #ffffff;
color: #999;
border-radius: 3px 0 0 3px;
font-style: italic;
box-shadow: 0 0 1px rgba(0,0,0,.8) inset;
}
.search-wrapper input:focus {
outline: 0;
background: #fff;
box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
.search-wrapper input::-webkit-input-placeholder {
color: #999;
font-weight: normal;
font-style: italic;
}
.search-wrapper input:-moz-placeholder {
color: #999;
font-weight: normal;
font-style: italic;
}
.search-wrapper input:-ms-input-placeholder {
color: #999;
font-weight: normal;
font-style: italic;
}
/* Form submit button */
.search-wrapper button {
overflow: visible;
position: relative;
/*float: right;*/
border: 0;
padding: 0;
cursor: pointer;
height: 40px;
width: 40px;
color: white;
text-transform: uppercase;
background: #07436a;
border-radius: 0 3px 3px 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
}
.search-wrapper button:hover{
background: #ffa46e;
}
.search-wrapper button:active,
.search-wrapper button:focus{
background: #ffa46e;
outline: 0;
}
.search-wrapper button:before { /* left arrow */
content: '';
position: absolute;
border-width: 8px 8px 8px 0;
border-style: solid solid solid none;
border-color: transparent #07436a transparent;
top: 12px;
left: -6px;
}
.search-wrapper button:hover:before{
border-right-color: #fab78b;
}
.search-wrapper button:focus:before,
.search-wrapper button:active:before{
border-right-color: #fab78b;
}
.search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
border: 0;
padding: 0;
}
/**************************
* Accordion
**************************/
.accordion {
margin-bottom:20px;
background-color:#07436a;
color:#ffffff;
padding-right:48px;
padding:1em;
display:block;
font-family:'Avenir Next W01';
font-size:1em;
font-weight:400;
cursor:pointer;
}
.accordion:after {
display:inline-block;
float:right;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
color:#ffffff;
font-size:18px;
margin-right:10px;
right:0;
top:23px;
content:"\f055";
}
.accordion-open:after {
content: "\f056";
}
.jAccordion .jcontainer {
margin:-20px 0 20px;
padding:0;
}
.jAccordion .jcontent {
margin:0;
padding:.9375em;
font-size:1em;
}
.jAccordion h3 {
color:#007cbe;
font-size:150%;
margin:0;
padding:0;
}
.jAccordion p {
margin-bottom:.25em;
}
label.error {
font-weight: 600;
color: #C00;
float:none;
padding-left: .2em;
vertical-align: baseline;
display: none;
}
.SubmittedValue {
color: #1c2a56;
font-weight: 600;
}
/* overwrites google custom search style */
.gsc-table-cell-snippet-close, .gsc-table-cell-snippet-open {
padding-left:8px !important;
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result {
font-size:15px !important;
}