/* ------------------------------------------
  Art + Environment Conference 2014
  Nevada Museum of Art
  www.nevadaart.org
  (c) 2014
------------------------------------------ */

/* ------------------------------------------
  RESET
------------------------------------------ */

* { margin: 0; padding: 0;}
figure {margin:0; padding:0;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.text, .header-text, h1.title, #toTop p, ul, ul li, ul li a, .about, .column, .column p, .column caption, figcaption, .vertical, a:visited, a:link { color: #000;}
html, h2, ul {vertical-align: top; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; height: auto; overflow: hidden;} li {list-style-type: none;} a, ul, li { text-decoration: none; }
body, a, h2, li { -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.5s ease-out; }
h2:hover, a:hover, li:hover { -webkit-transition:all; 0.2s ease-out; -moz-transition:all 0.2s ease-out; }
h2:visited, a:visited, li:visited { text-decoration: none; } h2:link, a:link, li:link { text-decoration: none;  -webkit-transition:all .2s ease-in;  -moz-transition:all .2s ease-in;  -o-transition:all .2s ease-in;  transition:all .2s ease-in;}
a:hover { color: #000; }

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/* ------------------------------------------
  LAYOUT
------------------------------------------ */

body { font-family: "Gotham A", "Gotham B", "Helvetica", sans-serif; font-size: 12px; line-height: 20px; }
/* header { position: fixed; background-color: #000000; width: 100%;} */
section { width: 100%; padding: 50px 0; /*border-bottom: 10px solid #fff;*/ }
footer { clear: both; }
.sticky-footer { position: fixed; background-color: #ff7c6a; /* flesh */ z-index: 500; width: 100%; height: 40px; padding: 10px 0; top: 0;}
.container { margin: 0 auto; width: 80%; }
.inner-container{ margin: 0 auto; width:80%; max-width: 1080px;}
.logotype { background-image: url('../images/a+e_smoke_logo2.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; height: 1650px; }
.contact-info, .policy-info { width: 100%; padding: 4px 0; border-top: 1px solid #c1c1c1; overflow: hidden; }
.rcol { float: right; }
.lcol { float: left; }
.bracket { height: 48px; padding: 12px 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
ul.ss-icons { float: right; overflow: auto; margin-top: 5px; }
ul.ss-icons li { display: inline; margin-right: 8px; }
/* ul.ss-icons li:last-child { margin-right: 0; } */

svg { display: inline; }

/* ------------------------------------------
  TYPOGRAPHY
------------------------------------------ */

html, html a { -webkit-font-smoothing: antialiased !important; }
header, nav, nav ul { font-family: "Founders Grotesk Mono Light"; font-size: 14px; }
nav ul { font-family: "Founders Grotesk Text Regular"; }

.home-row { padding: 16.5em 0; }
.home-main { font-family: "Founders Grotesk XCond Semibold"; color: #ffffff; font-size: 46px; line-height: 36px; text-transform: uppercase; text-align: center; margin-top: 30px; }
.home-names { font-family: "Founders Grotesk Mono Medium"; color: #ff7c6a; font-size: 16px; line-height: 20px; text-align: center; }

p { font-family: "Founders Grotesk Mono Light"; font-size: 13px; line-height: 16px; }
p.main { font-family: "Founders Grotesk Text Regular"; font-size: 25px; line-height: 34px; }
p.accommodations { font-family: "Founders Grotesk Mono Light"; font-size: 16px; line-height: 20px; }
ul.main, ul.main li { font-family: "Founders Grotesk Mono Light"; font-size: 16px; line-height: 20px; }
ul.considerations, ul.considerations li { font-family: "Founders Grotesk Mono Light"; font-size: 13px; line-height: 16px; padding-bottom: 12px; }
p.faint, a.faint { font-family: "Founders Grotesk Mono Light"; font-size: 9px; text-transform: uppercase; overflow: hidden; }
em { font-weight: normal; text-decoration: none; }

h2 { font-family: "Founders Grotesk XCond Semibold"; color: #ffffff; font-size: 52px; text-transform: uppercase; padding-top: 15px; }
h2.sponsors { padding-top: 9px; }
h2.program { margin-bottom: 40px; }
h2.presenters { padding-top: 5px; }
h2.educators { color: #ffffff; padding-top: 7px; }
h2.registration { color: #ffffff; padding-top: 8px; }
h2.section-btn { font-family: "Founders Grotesk XCond Semibold"; font-size: 36px; background: none; padding: 15px 25px 18px; border: 1px solid #000; float: left; clear: both; }
h2.register-btn { font-family: "Founders Grotesk XCond Semibold"; font-size: 36px; background: none; padding: 15px 25px 18px; border: 1px solid #000; float: left; clear: both; }
h2.apply-btn { font-family: "Founders Grotesk XCond Semibold"; font-size: 36px; background: none; padding: 15px 65px 18px; border: 1px solid #000; float: left; clear: both; min-width: 200px; }
h1 { font-family: "Founders Grotesk Bold"; text-transform: uppercase; font-size: 65px; line-height: 72px; text-align: center; }
h1.subtitle { font-family: "Founders Grotesk Mono Medium"; text-transform: none; font-size: 26px; line-height: 48px; text-align: center;}

h5 { font-family: "Founders Grotesk Mono Medium"; text-transform: none; font-size: 16px; }
h5.location { margin-top: 19px; }
h5.session-subtitle { font-size: 12px; font-weight: 500; }
h6.session-pretext { font-family: "Founders Grotesk Mono Medium"; font-size: 15px; }
h5.presenter { font-family: "Founders Grotesk Mono Medium"; font-size: 13px; line-height: 16px; }
h5.considerations { font-family: "Founders Grotesk Mono Medium"; font-size: 13px; line-height: 16px; }
.scroll-top { float: right; font-size: 18px; border: 2px solid #333; padding: 1%; text-align: center; vertical-align: center; clear: right;}
nav.footer-nav ul { font-family: "Founders Grotesk Mono Medium"; line-height: 22px; }
nav.footer-nav li a { font-family: "Founders Grotesk Mono Light"; text-transform: none; font-size: 12px; }
.footer-nav { float: left; }

span.title-italic { font-style: italic; font-size: 13px; line-height: 16px; }

@media screen and (max-width: 960px) {
.footer-nav { float: none; }
}

/* ------------------------------------------
  COLORS
------------------------------------------ */

section#home { background-color: #000000; }
section#welcome { background-color: #ff7c6a; }
section#sponsors { background-color: #cccccc; }
section#program { background-color: #b3b3b3; }
section#presenters { background-color: #ff7c6a; }
section#educators { background-color: #cccccc; }
section#registration { background-color: #b3b3b3; }
section#bottom { background-color: #ffffff; }
ul.media { border-top: 2px solid #313131; border-bottom: 2px solid #313131; padding: 13px; }
ul.media li { vertical-align: center; line-height: 20px;}
h2.section-btn:hover { background-color: #000000; }
h2.register-btn:hover { background-color: #000000; color: #ffffff; }
h2.apply-btn:hover { background-color: #000000; color: #ffffff; }
h5.presenter { color: #000000;}
h6.session-pretext { color: #000000; }
nav.footer-nav li a:hover, .scroll-top { color: #000000; }
h2.section-btn { color: #ffffff; }
h2.register-btn { color: #000000; margin-top: 40px; }
h2.apply-btn { color: #000000; margin-top: 30px; }
nav.footer-nav li a { color: #777; }
h1 { color: #fff; }
h1.subtitle { color: #ff7c6a; }
p.faint, a.faint { color: #a1a1a1; }

/* ------------------------------------------
  COLUMNS
------------------------------------------ */

.column-wrap { width: 100%; height: auto; margin-bottom: 40px; }
.column { float: left; margin-right: 0; }
.one-half, .one-third, .one-fourth, .one-fifth, .two-third { width: 100%; padding: 0 0 20px 0;}

@media screen and (min-width: 54em) {
.column { float: left; margin-right: 2.5%;} .column:last-child { margin-right: 0; } .one-half { width: 48.75%; }
.one-third { width: 31.667%; } .one-fourth { width: 23.125%; } .one-fifth { width: 18%; } .two-third { width: 64.35%; }
}

/* ------------------------------------------
  NAVIGATION STYLES
  (+ responsive-nav.css )
-------------------------------------------*/

.fixed { position: fixed; width: 100%; top: 0;left: 0; }
.nav-collapse, .nav-collapse * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.nav-collapse, .nav-collapse ul { list-style: none; width: 100%; float: left; display: inline; text-align: center; }
.nav-collapse li { font-size: 13px; float: left; width: 100%; display: inline; }
.nav-collapse a { color: #000; text-decoration: none; width: 100%; background: inherit; border-bottom: 1px solid #000; padding: 0.8em 1em; float: left; text-align: left; }
.nav-collapse a:hover { color: #ffffff; }
.nav-collapse ul ul a { background: #ca3716; padding-left: 2em; }

.btn h2 {
  line-height: 32px;
}
@media screen and (max-width: 960px) {
.container { margin: 0 auto; width: 100%;}
.inner-container { margin: 0 auto; width: 90%; }
h1 { font-size: 28px; line-height: 28px; margin-bottom: 15px; }
h1.subtitle { font-size: 18px; line-height: 20px; }
h2 { font-size: 38px; }
.btn h2 {  display: block;  text-align: center;  width: 100%;  font-size: 25px;}
.btn h2 {  color: #000; }
.btn:hover h2 {  color: #FFF;}
.hide-small {  display: none;}
section#home {  padding-top: 100px;}
}

.nav-toggle { position: fixed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
text-decoration: none; text-indent: -999px; position: relative; overflow: hidden; width: 55px; height: 55px; float: right;
}

.nav-toggle:before { color: #fff; font-family: "Founders Grotesk Mono Light"; font-variant: normal; font-size: 40px; text-transform: none; position: absolute; content: "≡"; text-indent: 0; text-align: right; line-height: 55px; speak: none; width: 100%; top: 0; left: 0; }
.nav-toggle.active::before { font-size: 24px; content:"x"; }

/* ------------------------------------------
  TWITTER
------------------------------------------ */

.twitter { float: left; width: 20px; height: 20px; margin-right: 10px; }
.example2 { width: 100%; padding: 0; margin: 0 auto; }
.example2 .tweet { font-family: "Founders Grotesk Mono Light"; overflow: hidden; height: 60px; }
.example2 ul { width: 99999px; height: 100px; }
.example2 ul li { color: #fff; width: 100%; height: 100px; float: left; border-right: 1px solid #eee; padding: 0; margin: 0; }

/* ------------------------------------------
  TABS
------------------------------------------ */

#tabs { padding: 0 0 40px 0; }
h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
h2.resp-accordion { font-family: "Founders Grotesk XCond Semibold"; text-transform: uppercase; font-size: 24px; color: #000000; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px; }
h2.resp-tab-active { border-bottom: 0px !important; margin-bottom: 0px !important; padding: 10px 15px !important; }
h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; }
ul.resp-tabs-list, p { margin: 0px; padding: 0px; }
.resp-tabs-list li { font-family: "Founders Grotesk XCond Semibold"; text-transform: uppercase; font-size: 36px; line-height: 29px; display: inline-block; padding: 13px 15px; margin: 0; list-style: none; cursor: pointer; float: left; width: 33.33%; }
.resp-tab-item { color: #000000; }
.resp-tab-active {	color: #333;}
.resp-tabs-container {  padding: 0px;  background-color: #fff; clear: left;}
.resp-tab-content { display: none; padding: 30px 15px 0; height: auto;	min-height: 500px;	overflow: hidden;}
.resp-tab-active { border: 1px solid #c1c1c1; border-bottom: none; margin-bottom: -1px !important; padding: 12px 14px 35px 14px !important; }
.resp-tab-active { background-color: #fff;}
.resp-content-active, .resp-accordion-active {  display: block; }
.resp-tab-content { border: 1px solid #c1c1c1; }


/*-----------Accordion styles-----------*/

h2.resp-tab-active { background: #ff7c6a !important; }
h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
.resp-jfit { width: 100%; margin: 0px; } .resp-tab-content-active { display: block; }


/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/ 
@media only screen and (max-width: 40em) { ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block;}
.resp-tab-content { display: none; padding: 15px; }
.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }
.resp-accordion-closed { display:none !important; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid
#c1c1c1 !important; }
}