/*event landing page styles*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,900');


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

body.body {
font-family:'freight_sans_med';
}
.content {
max-width:700px;
width:90%;
margin:auto;
}
.content p  {
line-height:1.5em;
}
#dl-menu,
	#footer {
display:none;
}
header {
background:#000;
position:relative;
height:100px;
}
header #logo {
height:60px;
width:auto;
position:absolute;
left:30px;
top:20px;
padding:0;
}
header #nav {
height:50px;
display:flex;
justify-content:center;
margin:auto;
padding:0;
list-style:none;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
header #nav li {
position:relative;
}
header #nav a {
display:block;
padding:7px 10px;
color:#fff;
text-transform:uppercase;
}
header #nav li:hover .menu_dropdown {
left:0;
}
.menu_dropdown {
position:absolute;
left:-9999em;
margin:0;
padding:0;
width:200px;
list-style:none;
background:#000;
text-align:left;
}
#banner {
background:#000;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
min-height:700px;
position:relative;
}
#bannerContent {
position:absolute;
bottom:50px;
left:0;
right:0;
margin:auto;
width:90%;
max-width:1200px;
}
#banner img {
display:none;
}
#banner video {
width:100%;
margin-bottom:-10px;
}
#bannerOverlay {
background:linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%);
opacity:1;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
#banner .col-sm-4 {
color:#fff;
text-align:left;
}
#banner .col-sm-4:last-child {
border:none !important;
}
#banner .col-sm-4 p:first-child {
letter-spacing:1px;
font-size:16px;
text-transform:uppercase;
}
#banner .col-sm-4 p:nth-child(2) {
font-weight:bold;
font-size:30px;
letter-spacing:2px;
text-transform:uppercase;
}
#dualButtons {
max-width:400px;
margin:20px auto;
border:2px solid #de9537;
width:90%;
overflow:auto;
}
#dualButtons a {
display:block;
width:50%;
padding:15px 0;
text-align:center;
font-size:20px;
transition:all .3s;
float:left;
}
#dualButtons a:first-child {
color:#fff;
background:#de9537;
}
#dualButtons a:last-child {
color:#de9537;
background:#fff;
}
section h3 {
text-align:center;
letter-spacing:5px;
font-size:36px !important;
margin-bottom:40px;
}
section video {
width:100%;
}
.backgroundImage {
background-size:cover;
background-repeat:no-repeat;
background-position:center;
min-height:600px;
position:relative;
}
.videoContainer {
position:relative;
width:100%;
height:100%;
padding-bottom:56.25%;
}
.videoContainer iframe {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
height:100%;
width:100%;
}
#sponsors {
padding:75px 0;
}
#sponsors h3 {
color:#000;
}
#sponsors_slider, #speakers_slider {
max-width:90%;
display:block;
margin:10px auto;
position:relative;
outline:none;
}
#sponsors_slider a, #speakers_slider a {
width:21%;
display:flex;
align-items:center;
height:120px;
margin:20px 2%;
outline:none;
flex-wrap:wrap;
}
#sponsors_slider img, #speakers_slider img {
width:100%;
}
#sponsors_slider .slide, #speakers_slider .slide {
display:flex;
flex-wrap:wrap;
justify-content:center;
outline:none;
}
#sponsors_slider .slide h4, #speakers_slider h4 {
width:100%;
text-align:center;
font-size:20px;
letter-spacing:3px;
color:#000;
text-transform:uppercase;
}
.slick-arrow {
background:none;
border:none;
color:#000;
font-size:40px;
position:absolute;
outline:none;
top:40%;
}
.slickPrev {
left:-60px;
}
.slickNext {
right:-60px;
}
.slick-dots {
margin:0;
padding:0;
list-style:none;
display:flex;
justify-content:center;
}
.slick-dots button {
background:#000;
font-size:0;
border:none;
border-radius:50%;
width:10px;
height:10px;
margin:0 5px;
padding:0;
outline:none;
}
.slick-active button {
box-shadow:0 0 10px #000;
}
#highlights {
background:#000;
padding:50px 0;
color:#fff !important;
}
#highlights iframe {
width:80%;
height:400px;
margin:10px auto 100px auto;
display:block;
}
.location_address {
color:#fff;
font-size:20px;
text-align:center;
text-transform:uppercase;
}
#googlemapsview {
display:flex;
}
#googlemapsview .location {
flex:1;
}
#googlemapsview iframe {
width:100%;
}
#contact {
background:#000;
padding:50px 0;
color:#eee;
text-align:left;
}
#contact h3 {
color:#fff;
}
#contact a {
color:#eee;
text-decoration:underline;
}
#contact .row {
max-width:800px;
display:flex;
align-items:center;
margin:10px auto;
flex-wrap:wrap;
}
#contact .row > div {
padding:0 50px;
}
#contact .row > div:first-child {
border-right:1px solid #666;
}
#contact #contact_button {
width:200px;
display:block;
padding:15px;
margin-top:20px;
text-align:center;
color:#000;
text-decoration:none;
transition:all .3s;
}
#contact #contact_button:hover {
background:#fff;
}
#ticket_window {
padding:20px;
width:700px;
}
#ticket_window h3 {
margin:0px;
padding:0px;
}
#ticket_window th, #ticket_window td {
color:#000000;
padding:1px 5px;
width:130px;
text-align:left;
}
#ticket_window h4 {
color:#000000;
font-weight:normal;
font-size:22px;
word-spacing:5px;
margin-bottom:0px;
}
#ticket_window #grand_total {
font-weight:bold;
}
#authnetseal, #siteseal {
text-align:center;
margin-bottom:10px;
}
#ticket_window  .fieldnotes {
color:#808080;
}
.event_item td {
font-size:14px;
}
#ticket_window input,#ticket_window select {
margin-bottom:3px;
width:230px;
}
#ticket_window p.italic {
font-size:12px;
font-style:italic;
}
.body h1,.body h2,.body h3,.body h4,.body h5,.body h6 {
font-family:'Freight Sans Bold';
}
#speakers {
padding:75px 0;
background:#000;
}
#speakers_slider {
height:400px;
}
#speakers_slider .slick-list {
height:100%;
}
#speakers_slider h4 {
font-weight:bold;
font-size:1.3em;
margin-bottom:0;
color:#fff;
letter-spacing:0;
}
#speakers_slider h5, #speakers_slider p {
display:block;
width:100%;
text-align:center;
color:#fff;
}
#popupShadow {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0,0,0,0.6);
z-index:10;
display:none;
}
#speakerPopup {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
height:50%;
width:90%;
max-width:800px;
max-height:400px;
border-radius:5px;
margin:auto;
padding:50px;
z-index:11;
display:none;
background:#fff;
text-align:left;
}
#speakerPopup #closeSpeakerPopup {
position:absolute;
top:10px;
right:10px;
background:none;
border:none;
width:25px;
height:25px;
padding:0;
color:#666;
font-size:20px;
z-index:20;
outline:none;
border-radius:50%;
line-height:0;
}
#speakerPopup #closeSpeakerPopup:hover {
background:rgba(0,0,0,0.1);
transition:all .3s;
}
#speakerPopup img {
width:100%;
display:block;
}
#speakerPopup h3 {
font-size:25px !important;
margin:0 0 10px 0;
text-align:left;
color:#000;
letter-spacing:0;
font-family:'freight_sans_black';
}
#speakerPopup h4 {
font-weight:normal;
font-family:'Freight Sans';
font-size:1.1em;
}
#speakerPopup h5 {
font-weight:bold;
font-family:'Freight Sans Bold';
text-transform:uppercase;
}
#speakerPopup p {
margin-top:20px;
font-family:'freight_sans_med';
}
#speakerPopup .row > div:last-child {
overflow-y:auto;
max-height:280px;
}
#agenda {
padding:75px 0;
}
#agendaTabsNav {
margin:0;
padding:0;
list-style:none;
display:flex;
justify-content:center;
}
#agendaTabsNav a {
padding:10px;
background:#f1f1f1;
color:#999;
margin-right:10px;
font-weight:bold;
font-size:20px;
transition:all .3s;
text-decoration:none;
outline:none;
display:block;
}
#agendaTabsNav a.active {
background:#333;
color:#eee;
}
#agendaTabs > div {
display:none;
}
#agendaTabs div.active {
display:block;
}
#agendaTabs .item {
border-bottom:1px solid #aaa;
padding:10px 0;
margin:10px auto;
max-width:800px;
}
#agendaTabs .itemTime {
font-weight:bold;
color:#666;
}
#agendaTabs .itemTitle {
font-weight:bold;
color:#000;
font-size:22px;
}
#agendaTabs .itemLocation {
font-style:italic;
font-size:18px;
}
#agendaTabs .itemDescription {
padding-left:15px;
}
#speakers_slider .slick-arrow {
color:#fff !important;
}
#speakers_slider .slick-dots button {
background:#fff;
}
#speakers_slider p {
font-family:'freight_sans_med';
}

@media (min-width: 1200px) {
#banner img {
display:block;
}

}

@media (min-width: 980px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 979px) {
#banner {
min-height:600px;
}
.backgroundImage {
min-height:400px;
}

}

@media (max-width: 767px) {
#banner {
min-height:500px;
}
#bannerContent {
bottom:0;
display:none;
}
#banner .col-sm-4 {
border-bottom:2px solid #fff;
padding-top:15px;
}
.backgroundImage {
min-height:300px;
}
#googlemapsview {
display:block;
}
#googlemapsview .location {
flex:auto;
width:100%;
}
#contact .row > div:first-child {
border-right:none;
}
#speakerPopup {
height:600px;
max-height:80%;
}
#speakerPopup img {
max-width:150px;
margin:10px auto;
}
#speakerPopup .row > div:last-child {
max-height:400px;
}

}

@media (max-width: 480px) {
#dualButtons a {
display:block;
margin:0 auto;
}
.backgroundImage {
min-height:200px;
}
#sponsors_slider a, #speakers_slider a {
width:41%;
}
#speakerPopup img {
max-width:100px;
}
#speakerPopup .row > div:last-child {
max-height:350px;
}

}