/* ------------------------------------------
  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: #333;}
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: #313131; width: 100%;}
section { width: 100%; padding: 50px 0; /*border-bottom: 10px solid #fff;*/ }
footer { clear: both; }
.sticky-footer { position: fixed; background-color: #ffcda9; /* flesh */ z-index: 500; width: 100%; height: 36px; padding: 8px 0; bottom: 0; border-top: 2px solid #313131;}
.container { margin: 0 auto; width: 80%; }
.inner-container{ margin: 0 auto; width:80%; max-width: 1080px;}
.logotype { padding: 4% 0 0 0;}
.logotype img { width: 100%; margin:0 auto; }
.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 #c1c1c1; border-bottom: 1px solid #c1c1c1;}
ul.ss-icons { float: right; }
ul.ss-icons li { display: inline; margin-right: 8px; }
ul.ss-icons li:last-child { margin-right: 0; }

/* ------------------------------------------
  TYPOGRAPHY
------------------------------------------ */
html, html a { -webkit-font-smoothing: antialiased !important; }
p, h1.subtitle, nav.footer-nav li a  {font-family: "Gotham A", "Gotham B";}
h1, h2, h2.section-btn, h5, p.faint, a.faint, em, .scroll-top { font-family: "Gotham A", "Gotham B"; font-weight: 700; }
h5.presenter, h6.session-pretext {font-family: "Gotham A", "Gotham B"; font-weight: 700; }
span.italic { font-family: "Gotham A", "Gotham B"; font-style: italic; }
header, nav, nav ul { font-family: "Gotham A", "Gotham B"; text-transform: uppercase; font-size: 14px; }

p { font-size: 12px; line-height: 20px; }
p.main, ul.main, ul.main li { font-size: 14px; line-height: 22px; }
p.faint, a.faint { font-size: 8px; text-transform: uppercase; overflow: hidden; }
em { font-weight: normal; text-decoration: none; }
h2 { font-size: 32px; text-transform: uppercase; font-weight: normal; margin-bottom: 40px; }
h2.section-btn { font-size: 18px; font-weight: normal; background: none; padding: 13px; border: 2px solid #333; float: left; clear: both; }
h1 { text-transform: uppercase; font-weight: normal; font-size:48px; line-height: 72px; text-align: center; }
h1.subtitle { text-transform: none; font-weight: normal; font-size: 24px; line-height: 48px; text-align: center;}
h5 { text-transform: none; font-weight: 500; font-size: 14px; }
h5.session-subtitle { font-size: 12px; font-weight: 500; }
h6.session-pretext { font-size: 12px; font-weight: 500; }
.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 { line-height: 22px; }
nav.footer-nav li a { text-transform: none; font-size: 12px; }


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

section#home { background-color: #313131; }
section#welcome, section#program { background-color: #dedede; }
section#sponsors { background-color: #fff; }
section#bottom { background-color: #dedede; }
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, a.scroll-top:hover  { background-color: #ffcda9; }
h5.presenter { color: #ebb38b;}
h6.session-pretext { color: #ffcda9; }
p, h2, h2.section-btn, h5, nav.footer-nav li a:hover, .scroll-top { color: #333; }
nav.footer-nav li a { color: #777; }
h1, h1.subtitle { color: #fff; }
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: 12px; float: left; width: 100%; display: inline; }
.nav-collapse a { color: #fff; text-decoration: none; width: 100%; background: inherit; border-bottom: 1px solid #fff; padding: 0.8em 1em; float: left; text-align: left; }
.nav-collapse a:hover { color: #ffcda9; }
.nav-collapse ul ul a { background: #ca3716; padding-left: 2em; }

@media screen and (min-width: 960px) {
.nav-collapse li { width: 16.6%; } .nav-collapse a { margin: 0; padding: 1em; float: left; text-align: center;
border-bottom: 0; } .nav-collapse ul ul a { display: none; }
}

@media screen and (max-width: 960px) {
.container { margin: 0 auto; width: 100%;} .inner-container { margin: 0 auto; width: 90%; } h2.section-btn { float: left;
font-size: 12px; padding: 3px 13px;} h1 { font-size: 28px; line-height: 40px; } h1.subtitle { font-size: 18px; line-height:
36px; } h2 { font-size: 24px; }
}

.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: "Hermes-Regular", sans-serif; font-style: normal; font-weight: normal;
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; margin-right: 10px; }
.example2 { width: 100%; padding: 0; margin: 0 auto; }
.example2 .tweet { font-family: "Hermes-Regular"; 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: "Hermes-Regular"; font-weight: 500; text-transform: uppercase; font-size: 12px; 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: "Hermes-Regular";	text-transform: uppercase;   font-weight: 400;   font-size: 18px;	line-height: 24px;  display: inline-block;  padding: 13px 15px;  margin: 0;  list-style: none;  cursor: pointer; float: left; width: 33.33%; }
.resp-tab-item { color: #b1b1b1; }
.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 14px 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: #ffcda9 !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; }
}