@font-face { font-family: 'nexa_boldregular'; src: url("../fonts/Nexa_Free_Bold-webfont.eot"); src: url("../fonts/Nexa_Free_Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Nexa_Free_Bold-webfont.woff2") format("woff2"), url("../fonts/Nexa_Free_Bold-webfont.woff") format("woff"), url("../fonts/Nexa_Free_Bold-webfont.ttf") format("truetype"), url("../fonts/Nexa_Free_Bold-webfont.svg#nexa_boldregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'nexa_lightregular'; src: url("../fonts/Nexa_Free_Light-webfont.eot"); src: url("../fonts/Nexa_Free_Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Nexa_Free_Light-webfont.woff2") format("woff2"), url("../fonts/Nexa_Free_Light-webfont.woff") format("woff"), url("../fonts/Nexa_Free_Light-webfont.ttf") format("truetype"), url("../fonts/Nexa_Free_Light-webfont.svg#nexa_lightregular") format("svg"); font-weight: normal; font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-family: 'nexa_boldregular', arial; }

p { font-family: 'montserrat', arial; }

ul li { font-family: 'nexa_boldregular', arial; }

/*PROJECT SPECIFIC SETS*/
/*COLOR*/
/*CUSTOM SECTION*/
#lambdaconf { background-color: #1a1a1a; }

.pageid-home header { position: relative; }
.pageid-home header:before { display: block; content: " "; width: 100%; padding-top: 50%; }
.pageid-home header > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.pageid-home header .content > *[layout] { height: 100%; }
.pageid-home header .left { position: absolute; top: 0px; left: 0px; width: 180px; height: 100%; background: url("../images/graphic-hero-water.jpg") no-repeat left center; }
.pageid-home header .right { position: absolute; top: 0px; right: 0px; width: 180px; height: 100%; background: url("../images/graphic-hero-fire.jpg") no-repeat left center; }
.pageid-home header .center { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../images/graphic-hero-primary.png") no-repeat center; background-size: 38%; }
@media screen and (max-width: 600px) { .pageid-home header { background: url("../images/graphic-hero-primary.png") no-repeat center 50px; background-size: 80%; position: relative; margin-top: 0px; }
  .pageid-home header:before { display: block; content: " "; width: 100%; padding-top: 100%; }
  .pageid-home header > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  .pageid-home header .content > *[layout] { height: 100%; } }
@media screen and (min-width: 601px) and (max-width: 959px) { .pageid-home header { position: relative; }
  .pageid-home header:before { display: block; content: " "; width: 100%; padding-top: 100%; }
  .pageid-home header > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  .pageid-home header .content > *[layout] { height: 100%; }
  .pageid-home header .center { background-size: 70%; } }

.pageid-travel header .center, .pageid-schedule header .center, .pageid-staff header .center, .pageid-buzz header .center, .pageid-connect header .center, .pageid-venues header .center, .pageid-artwork header .center { height: 2px; background-color: #000; }
@media screen and (max-width: 600px) { .pageid-travel header, .pageid-schedule header, .pageid-staff header, .pageid-buzz header, .pageid-connect header, .pageid-venues header, .pageid-artwork header { background: url("../images/logo-lambdaconf.png") no-repeat center 60px #000; background-size: 70%; margin-top: 0px; padding: 60px; } }
.pageid-travel #prefooter-branding, .pageid-schedule #prefooter-branding, .pageid-staff #prefooter-branding, .pageid-buzz #prefooter-branding, .pageid-connect #prefooter-branding, .pageid-venues #prefooter-branding, .pageid-artwork #prefooter-branding { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 40px; background: url("../images/logo-lambdaconf-small.png") no-repeat center #000; }
.pageid-travel footer, .pageid-schedule footer, .pageid-staff footer, .pageid-buzz footer, .pageid-connect footer, .pageid-venues footer, .pageid-artwork footer { margin-bottom: 40px; }

header { position: relative; background-color: #000; margin-top: 140px; }
header #primary-nav { z-index: 1; position: fixed; top: 0px; left: 0px; width: 100%; -webkit-transition: 1s; transition: 1s; }
header #primary-nav .nav-background { background: url("../images/menus/graphic-menu-background.jpg") repeat-x center; width: 100%; height: 140px; }
header #primary-nav .nav-background .menu { position: absolute; width: 100%; bottom: 0px; }
header #primary-nav .nav-background .menu a { float: left; background-repeat: no-repeat; background-position: center; height: 120px; cursor: pointer; text-decoration: none; opacity: 0.8; -webkit-transition: 1s; transition: 1s; }
header #primary-nav .nav-background .menu a:nth-child(1) { background-image: url("../images/menus/menu-1.png"); }
header #primary-nav .nav-background .menu a:nth-child(2) { background-image: url("../images/menus/menu-2.png"); }
header #primary-nav .nav-background .menu a:nth-child(3) { background-image: url("../images/menus/menu-3.png"); }
header #primary-nav .nav-background .menu a:nth-child(4) { background-image: url("../images/menus/menu-4.png"); }
header #primary-nav .nav-background .menu a:nth-child(5) { background-image: url("../images/menus/menu-5.png"); }
header #primary-nav .nav-background .menu a:nth-child(6) { background-image: url("../images/menus/menu-6.png"); }
header #primary-nav .nav-background .menu a:nth-child(7) { background-image: url("../images/menus/menu-7.png"); }
header #primary-nav .nav-background .menu a:nth-child(8) { background-image: url("../images/menus/menu-8.png"); }
header #primary-nav .nav-background .menu a:nth-child(9) { background-image: url("../images/menus/menu-9.png"); }
header #primary-nav .nav-background .menu a:nth-child(10) { background-image: url("../images/menus/menu-10.png"); }
header #primary-nav .nav-background .menu a span { display: block; width: 100%; text-align: center; color: #666666; font-size: 10pt; font-family: montserrat, arial; -webkit-transition: 1s; transition: 1s; }
header #primary-nav .nav-background .menu a:hover { opacity: 1.0; }
header #primary-nav .nav-background .menu a:hover span { color: #fff; }
header .nav-toggle { z-index: 2; cursor: pointer; position: fixed; top: 0px; left: 0px; width: 100%; text-align: right; }
header .nav-toggle .label { position: absolute; right: 0px; width: 120px; text-align: center; background-color: #cb3527; padding: 4px 0; border-bottom-left-radius: 2px; }
header .nav-toggle .label .visible { display: none; }
header #secondary-nav .menu { padding: 40px 0; }
header #secondary-nav .menu a { z-index: 4; display: block; font-family: montserrat, arial; color: #6399b1; width: 100%; padding: 6px 0; text-align: center; text-decoration: none; }

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { color: #cb3527; }
#main p, #main ul li { color: #cccccc; margin-top: 6px; }
#main p a, #main ul li a { color: #6399b1; }
#main .l1-sec { padding: 120px 20px; }

#sponsors { background-color: #000; padding: 40px 20px; }
#sponsors h3 { text-align: center; color: #cb3527; }
#sponsors h4 { color: #666; text-align: center; }
#sponsors .platinum a { max-width: 800px; }
#sponsors .gold a { max-width: 500px; }
#sponsors .silver a { max-width: 400px; }
#sponsors .diversity a { max-width: 300px; }
#sponsors .friend a { max-width: 300px; }
#sponsors a { display: block; padding: 0px 0px; -webkit-transition: 0.5s; transition: 0.5s; margin: 0px auto !important; }
#sponsors a img { display: block; width: 100%; }
#sponsors a:hover { background-color: #1a1a1a; }
#sponsors p { color: #666; font-size: 10px; text-align: center; max-width: 600px; margin: 0px auto; }

footer { background-color: #333; }
footer:hover { cursor: pointer; }
footer p { padding: 40px 0; color: #fff; width: 100%; text-align: center; }

#mc_embed_signup { font-family: montserrat, arial; font-weight: 400; margin: 20px 0px 40px 0px; }
#mc_embed_signup .indicates-required { color: #cb3527; margin-top: 6px; font-weight: 400; font-size: 0.8em; }
#mc_embed_signup .mc-field-group { margin: 0.8em 0px; }
#mc_embed_signup .mc-field-group label { color: #cccccc; margin-top: 6px; font-family: montserrat, arial; font-size: 0.8em; }
#mc_embed_signup .mc-field-group input { padding-left: 4px; margin: 6px 0px 10px 0px; width: 100%; height: 20px; font-size: 14px; }
#mc_embed_signup input.button { background-color: #8ddcff; font-size: 16px; padding: 8px 20px; text-align: center; color: #000; }
#mc_embed_signup #mce-responses #mce-error-response { margin-bottom: 20px; color: #ff931e; }
#mc_embed_signup #mce-responses #mce-success-response { margin-bottom: 20px; color: #8ddcff; }

.divider { display: block; background: url("../images/graphic-background-divider.jpg") no-repeat center; height: 2px; width: 100%; }

a.icon-link i.fa { margin: 20px 20px 20px 0px; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 60px; font-size: 30px; background-color: #8ddcff; color: #000; }

.view-panel { padding-top: 40px; display: none; }
.view-panel.active { display: block; }
.view-panel#home .intro h3 { padding-top: 5px; }
.view-panel#home .intro .bullets { padding-top: 40px; }
.view-panel#home .intro .bullets p { padding: 26.66667px; background-color: #8ddcff; color: #000; -webkit-transition: 2s; transition: 2s; }
.view-panel#home .intro .bullets p:hover { background-color: #8ddcff; color: #1a1a1a; }
.view-panel#home .intro .bullets p:hover a { color: #000; }
.view-panel#home .intro .bullets p a { color: #000; }
.view-panel#home .pledge { background-color: #292929; }
.view-panel#travel .intro .bullets { padding-top: 40px; }
.view-panel#travel .intro .bullets p { padding: 26.66667px; background-color: #8ddcff; color: #000; -webkit-transition: 2s; transition: 2s; }
.view-panel#travel .intro .bullets p:hover { background-color: #8ddcff; color: #1a1a1a; }
.view-panel#travel .intro .bullets p:hover a { color: #000; }
.view-panel#travel .intro .bullets p a { color: #000; }
.view-panel#travel .lodging h2 { text-align: center; padding-bottom: 40px; }
.view-panel#travel .lodging .lodge { padding: 40px 0px; }
.view-panel#travel .lodging .lodge:nth-child(even) { background-color: #000; }
.view-panel#travel .lodging .lodge h6 { color: #666666; margin-top: 0px; }
.view-panel#travel .lodging .lodge .frame { margin-top: 6px; display: block; position: relative; max-width: 100%; overflow: hidden; }
.view-panel#travel .lodging .lodge .frame:before { display: block; content: " "; width: 100%; padding-top: 50%; }
.view-panel#travel .lodging .lodge .frame > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.view-panel#travel .lodging .lodge .frame .content > *[layout] { height: 100%; }
.view-panel#travel .lodging .lodge .frame.marriott { background: url("http://cache.marriott.com/propertyimages/d/denbo/phototour/denbo_phototour09.jpg") no-repeat center bottom; background-size: cover; }
.view-panel#travel .lodging .lodge .frame.hyatt { background: url("http://boulderpearlstreet.place.hyatt.com/content/dam/PropertyWebsites/place/denzb/Media/All/Hyatt-Place-Boulder-Pearl-Street-P001-Front-of-Hotel.masthead-feature-panel-medium.jpg") no-repeat center; background-size: cover; }
.view-panel#travel .lodging .lodge .frame.boulder-inn { background: url("http://i0.wp.com/boulderinn.com/bldrinn/wp-content/uploads/2014/02/exterior-2014.jpg") no-repeat center; background-size: cover; }
.view-panel#schedule .schedule { padding-top: 40px; }
.view-panel#schedule .schedule .day { padding: 40px; }
.view-panel#schedule .schedule .day:nth-child(odd) { background-color: #000; }
.view-panel#schedule .schedule .day h2 { position: relative; }
.view-panel#schedule .schedule .day h2 span { position: absolute; top: 5px; color: #6399b1; font-size: 0.5em; }
.view-panel#schedule .schedule .day h6 { margin-top: 0px; color: #666666; }
.view-panel#schedule .schedule .day h6.special { color: #8ddcff; }
.view-panel#schedule .schedule .day h6.blue { text-transform: uppercase; padding: 4px 4px; background-color: #6399b1; color: #000; margin-top: 20px; }
.view-panel#schedule .schedule .day h6.blue span { color: #8ddcff; }
.view-panel#staff .list { margin-top: 40px; }
.view-panel#staff .list .cards { margin-bottom: 40px; background-color: #000; }
.view-panel#staff .list .cards .card { padding: 40px; }
.view-panel#staff .list .cards .card h6 { color: #6399b1; }
.view-panel#staff .list .cards .card .twitterme { border-radius: 100px; display: block; width: 100px; height: 100px; background-size: cover; margin-bottom: 40px; background: url("../images/graphic-volunteer-placeholder.png") no-repeat center #cb3527; background-size: cover; }
.view-panel#buzz h2 { text-align: center; }
.view-panel#buzz .quotes .quote { text-align: center; padding: 40px 80px; margin-bottom: 80px; max-width: 400px; margin: 0px auto; }
.view-panel#buzz .quotes .quote h6 { margin-top: 8px !important; }
.view-panel#buzz .quotes .quote h6 a { color: #cb3527; }
.view-panel#buzz .quotes .quote:nth-child(even) { background-color: #000; }
.view-panel#venues .venue { margin-top: 40px; padding: 40px 0px; }
.view-panel#venues .venue:nth-child(even) { background-color: #000; }
.view-panel#venues .venue .frame { margin-top: 6px; display: block; position: relative; max-width: 100%; overflow: hidden; }
.view-panel#venues .venue .frame:before { display: block; content: " "; width: 100%; padding-top: 33.33333%; }
.view-panel#venues .venue .frame > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.view-panel#venues .venue .frame .content > *[layout] { height: 100%; }
.view-panel#venues .venue .frame.building { background: url("../images/graphic-building.png") no-repeat center bottom; background-size: cover; }
.view-panel#artwork h4 { color: #6399b1; text-align: center; }
.view-panel#artwork .caption { max-width: 600px; margin-left: auto; margin-right: auto; }
.view-panel#artwork .piece { margin: 40px 0px; max-width: 100%; }
.view-panel#artwork .iframe-holder { margin: 40px 0px; position: relative; }
.view-panel#artwork .iframe-holder:before { display: block; content: " "; width: 100%; padding-top: 50%; }
.view-panel#artwork .iframe-holder > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.view-panel#artwork .iframe-holder .content > *[layout] { height: 100%; }
.view-panel#artwork .iframe-holder iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.view-panel#artwork .stickers-background { background-color: #000; padding-top: 40px; }
