/*
Theme Name: NACW2015
Theme URI: http://www.nacw2015.org
Author: Kyle Gentile
Author URI: 
Description: 
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: 
Text Domain: blankslate

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

html {
    -webkit-text-size-adjust: 90%;
}

.clear {
    clear:both;
}
#bbpress-forums {
    clear: none;
}

body {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    -webkit-text-size-adjust: none;
}


ul, li {
    padding:0;
    margin:0;
}

article ul {
    padding: 0 0 0 20px;
}
article li {
    list-style: disc;
    padding-bottom: 10px;
}

.container {
    max-width:1120px;
    margin:0 auto;
}
a {
    text-decoration: none;
}
p {
    line-height: 1.5em;
    margin-bottom: 20px;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
h2, h3, h4, h5 {
    font-weight: bold;
    margin-bottom: 20px;
}
h3 {
    font-size: 1.2em;
}
hr {
    margin-bottom: 20px;
}
#content table {
    line-height: 1.4em;
    margin-bottom: 20px;
    width:100%;
}
td {
    padding:5px;
}


h2.grey-title {
        text-transform: uppercase;
        background: url("images/angle.svg") no-repeat left bottom;
        margin: 10px 0 0 -20px;
        padding: 7px 0 25px 0;
            
    }
    h2.grey-title span{
        background: #666666;
        padding:9px 30px;
        color:#fff;
    }
article .grey-title {
    margin-top: 0;
}



.box {
    width:350px;
    height: 325px;
    float:left;
    margin:8px;
    position: relative;
}

.doublebox {
    width:716px;
    height: 325px;
    float:left;
    margin:8px;
}


.tp-banner-container {
    position: relative;
    width:1082px;
    margin:16px 8px 8px 8px;
}

/* Header
*/
#header{
    background:url("images/map.png") no-repeat right #f1efe0;
}
#branding {
    position: relative;
    padding:60px 0 0px 0;
    height: 220px;
}
#header a {
    display:block;
}
#header h1, #header h1 img{
    width: 300px;
}

#header #scape {
    position: absolute;
    right:0;
    bottom:0;
    background: url("images/scape.svg") no-repeat bottom right;
    padding:70px 0 15px 0;
    width: 500px;
}
#header #scape img {
    padding:65px 190px;
}
#site-title, #presented, #car-logo {
    margin-top: 0px;
    float: left;
}
#site-title {
    margin-top: 15px;
}
#presented h2 {
    text-transform: uppercase;
    margin:0 20px;
    padding:0;
    color:#4f8fb8;
    font-weight: 200;
    line-height: 175px;
}
#car-logo img {
    height: 140px;
    margin:10px 0;
}





/* Nav */
nav {
    background:#acac98;
    margin-bottom: 5px;
    text-align:center;
}
nav a {
    color:#f1efe0;
    text-transform: uppercase;
    text-align: center;
}
nav ul {
    padding:10px 10px;
}
.menu-primary-container {
    margin:0 auto;
}
nav li {
    display: inline-block;  
    padding:0 10px 0 0;
    margin:0 10px 0 0;
    border-right: 1px solid #f1efe0;
}
nav li:last-child {
    border:none;
}
.slicknav_menu {
	display:none;
}


/* CallOut */

#callouts {
    
}
#callouts li{
    width:350px;
    float:left;
    margin:8px;
}


    #callouts a{  
        display: block;
        color:#fff;
        text-transform: uppercase;
        line-height: 80px;
        padding:0 20px;
    }
        #callouts a span {
            padding:30px 0px 30px 80px;
        }
    li#register-now {
        background: #32719f;
    }
        li#register-now a span {
            background: url("images/icon-pencil.svg") no-repeat left;
        }
    
    li#be-a-sponsor {
        background: #f79727;
    }
        li#be-a-sponsor a span {
            background: url("images/icon-shake.svg") no-repeat left;
        }
    li#be-a-exhibitor {
        background: #88b050;
    }
        li#be-a-exhibitor a span {
            background: url("images/icon-canvas.svg") no-repeat left;
        }
        
/* top sponsors */
#top-sponsors {
    background: #6a8c3e;
}

    #sponsor-images {
        background: #fff;
        margin:20px 35px;
        height: 285px;
    }
        #top-sponsors img {
            width: 30%;
            float: left;
            margin:0 1%;
            margin-bottom: 15px;
        }
       

/* sub-nav */
#sub-nav {
    background: #6a8c3e;
}

    #sub-nav ul {
        padding:20px;
        text-transform: uppercase;
    }

    #sub-nav li {
        border-bottom: 1px solid #fff;
        line-height: 1.6em;
        padding: 0 0 0 20px;
    }
    #sub-nav li:last-child {
        border:none;
    }
    #sub-nav li a {
        display: block;
        padding:25px 0;
        color:#fff;
    }
    #sub-nav li a span {
        padding: 0 0 0 90px;
    }

    #link-exhibitors {
        background: url("images/icon-canvas-white.svg") no-repeat left;
    }
    #link-media-partners {
        background: url("images/icon-mic.svg") no-repeat left;
    }
    #link-supp-org {
        background: url("images/icon-people.svg") no-repeat left;
    }





.box h2{
    text-transform: uppercase;
    text-align: center;
    color:#fff;
    font-weight: 300;
    letter-spacing: 1px;
    padding-top:20px;
    font-size: 20px;
    margin:0;
}
.box-link {
    display: block;
    height: 325px;
}



/* Photos */
#photos {
    background: url("images/photos-bg.jpg") no-repeat;
}
#photos a {
    color:#fff;
    display: block;
    height: 325px;
}

/* Testimonials */
#testimonials {
    background: #f6920f;
}
    #testimonials p {
        color:#fff;
        padding:0 25px;
        margin: 0;
    }
    #testimonials p:first-child {
        padding-top:25px;
        padding-bottom: 3px;
    }
    #testimonials p:last-child{
        padding-bottom: 25px;
    }

    #testimonials a {
        color:#fff;
    }

/* Videos */
#videos {
    background: url("images/videos-bg.jpg") no-repeat;
}
#videos a {
    color:#fff;
    background: url("images/icon-play.svg") no-repeat center center;
}

/* Attends */
#attends {
    
    background:#32719f;
}
    #attends h2 {
/*        background: url("images/icon-suitcase.svg") no-repeat center bottom;
        padding-bottom:160px;*/
    }
    #attends p{
        padding-top: 20px;
        text-align: center;
        color:#fff;
    }
    #attends a {
        color:#fff;
    }
    
    #attends form {
        padding:20px 0;
        width:165px;
        margin:0 auto;
    }
    
    #attends input[type=email] {
        text-align: center;
        padding:8px 5px;
        width:155px;
        -webkit-border-radius: 2;
        -moz-border-radius: 2;
        border-radius: 2px;
        border:none;
    }
    #attends input[type=submit] {
        width:90px;
        margin: 15px auto;
        display: block;
        border:1px solid #4495D1;
        -webkit-border-radius: 28;
        -moz-border-radius: 28;
        border-radius: 28px;
        color: #ffffff;
        font-size: 12px;
        background: #4495D1;
        padding: 10px 20px 10px 20px;
        text-decoration: none;
        font-family: 'Lato', sans-serif;
    }
    #attends input[type=submit]:hover {
        cursor: pointer;
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }


/* Los Angeles */
#los-angeles {
    background: url("images/los-angeles.jpg") no-repeat;
}
    #los-angeles  h2 {
        color:#32719f;
    }


/* Connect */
#connect {
    background: #32719f;
}
    #connect a {
        color:#fff;
    }
    #connect p, #connect ul {
        color:#fff;
    }
    #connect p {
        padding:20px 25px 0 25px;
        margin: 0;
    }

    #connect ul {
        position: absolute;
        bottom:35px;
        left:25px;
    }
    #connect li {
        display: inline-block;
        width:75px;
        text-align: center;
        margin: 0 10px
    }

    #connect li a {
        padding-top: 65px;
        width:75px;
        display:block;
    }
    #connect a#twitter-link{
        background: url("images/icon-twitter.svg") no-repeat center top;
    }

    #connect a#facebook-link{
        background: url("images/icon-facebook.svg") no-repeat center top;
    }
    #connect a#linkedin-link{
        background: url("images/icon-linkedin.svg") no-repeat center top;
    }

footer{
    margin:40px 0;
    padding:20px 0;
}

footer table {
    margin: 0 auto;
}

footer td {
    text-transform: uppercase;
    vertical-align: middle;
    padding: 0 15px 0 10px;
    text-align: center;
}
footer a {
    color:#58585b;
}
footer h3 span {

}

section.has_sidebar {
    padding-left: 340px;
    margin: 15px 0;
}
article {
    border: 1px solid #666666;
}
    article section {
        padding: 0 30px 40px 30px;
    }
    .program_page article {
        padding: 20px 0;
        border:none;
    }
    
#sidebar {
    width:300px;
    position: absolute;
    left:0;
    top:0;
}

#sidebar #callouts li {
    width:290px;
}

#sidebar #callouts a{  
    
    padding:0 10px;
}

#sidebar #sidebar-sponors {
    width:290px;
    border:1px solid #666;
    margin: 0 5px;
}
.subscription-toggle {
    display: none;
}

/* Content */
.entry-content {
    min-height: 840px;
}
#page-wrapper {
    position: relative;
}

#speaker-info {
    position: relative;
    min-height: 140px;
}


.avatar-frame{
    border: 1px solid #fff;
    position: absolute;
    top:0;
    left:0;
}
.avatar-frame,.avatar-frame img{
    width: 140px;
    height: 140px;
    -webkit-border-radius: 70px; /* Saf3+, Chrome */
    border-radius: 70px; /* Opera 10.5, IE 9 */
    /*-moz-border-radius: 30px; Disabled for FF1+ */
}
#speaker-meta {
    padding:0 0 0 160px;
}

img.avatar {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
}
.speaker_title {
    padding: 40px 0 0 0;
    margin-bottom: 10px;
}

.sponsor-frame {
    position: relative;
    margin: 10px;
}
.sponsor-frame a {
    display: block;
}
.sponsor-frame img {
    width:100%;
}
.sponsor-frame p {
    text-transform: uppercase;
    position: absolute;
    right:0;
    top:0;
    font-size: 12px;
}

/* Speakers Page 
-------------------
*/
.the_speaker {
    position: relative;
}
.speaker_wrap {
    height: 140px;
    border-bottom: 1px #f1f1f1 solid;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
}
.speaker_meta {
    padding:0 0 0 160px;
}
.the_speaker .speaker_title {
    padding:0 !important;
}
h3.speaker_name {
    margin: 0 0 10px 0;
    padding:30px 0 0 0;
}
._org {
    margin-bottom: 10px;
}



.sponsor_page .sponsor-frame {
    width:40%;
    float:left;
    margin:0;
}
.sponsor_page .sponsor-description {
    width: 56%;
    float:left;
    margin: 0 4% 0 0;
}
.sponsor_page .even-row .sponsor-description {
    margin:0 0 0 4%;
}
.sponsor_page hr {
    margin: 2em 0;
}
.sponsor-row {
    position: relative;
}
.sponsor-row .sponsor-level {
    position:absolute;
    top:-5px;
    right:0;
}
.sponsor-row:last-child hr {
    display: none;
}

article .partner-frame { 
    width:33%;
    float: left;
}
article .partner-frame img {
    width:100%;
}

.sponsor_level_title {
    font-size: 2em;
}
.sponsors-section {
    margin-bottom: 3em;
}

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 40px 10px 40px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.program_page h1 {
    font-size: 3.5em;
    font-weight: bold; 
    color:#427a9e;
    width:25%;
    float: left;
}

#program-header img {
    width:200px;
}
#program-header {
    margin-bottom: 60px;
}

#program-header p {
    line-height: 3.5em;
    float: left;
    padding: 0 30px 0 0; 
}


ul.program-day {
    padding: 0;
    margin: 30px 0 100px 0;
    list-style: none;
    position: relative;
}
ul.program-day > li {
    list-style: none;
    position: relative;
    margin:0 0 50px 0;
    padding: 0;
}
.program-day:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #518FB8;
  left: 20%;
  margin-left: -10px;
}
.session-info {
      margin: -17px 0 15px 25%;
}
.radio {
    width: 30px;
    height: 30px;
    background: url('images/radio.svg') no-repeat center center;
    position: absolute;  
    left: 20%;
    top: -5px;
    margin: 0 0 0 -20px;
    
}
.day-first-item {
    background: #fff;
}

.day-first-item .radio{
    margin-top: 9px;
}
.day-first-item h2 {
    font-size: 2em;
}
ul.program-day > li:last-child {
    background: #fff;
}

    time {
        position: absolute;
        top:-5px;
        left:0;
        font-size: 1.2em;
        margin:0 0 0 0;
        width: 25%;
        text-align: right;  
    }

    .break {
        padding:0 0 0 0;
        display: block;
        text-align: right;
        padding-right: 100px;  
    }
    
    .session-time {
        padding: 5px 0 0 0;
        display: block;
        text-align: right;
        padding-right: 100px; 
    }
h3.session-title {
    padding-bottom: 0;
    margin-bottom: 10px;
}
p.datetime {
    font-size: .9em;
    font-style: italic;
}


/* breakouts */
li.breakouts ul {
    list-style: none;
    margin:0 0 50px 0;
    padding: 0;
}

.program_speakers {
    margin-bottom: 20px;
}
.program_speaker {
    position: relative;
    min-height: 100px;
    width:50%;
    float:left;
    padding: 10px 0;
}
    .program-day .speakers_image {
        position: absolute;
        top:0;
        left:0;
    }
    .program-day .small-avatar {
        width: 100px;
    }
    .program-day .speaker_meta {
        padding: 0 0 0 120px;
    }
    .program-day h4.attendee_type {
        font-size: .8em;
        font-style: italic;
        padding:5px 0 0 0;
        margin:0;
    }
    .program-day h3.speaker_name {
        padding:5px 0 5px 0;
        margin:0;
        font-size: 1.1em;
    }
    .program-day h4.speaker-title {
        font-size: .8em;
        padding:3px 0 3px 0;
        margin:0;
    }


.mobile-menu {
    display: none;
}

.download_btn {
    font-weight: normal;
  background: #518FB8;
  background-image: -webkit-linear-gradient(top, #518FB8, #2980b9);
  background-image: -moz-linear-gradient(top, #518FB8, #2980b9);
  background-image: -ms-linear-gradient(top, #518FB8, #2980b9);
  background-image: -o-linear-gradient(top, #518FB8, #2980b9);
  background-image: linear-gradient(to bottom, #518FB8, #2980b9);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.download_btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



@media only screen and (max-width:1105px) {
    .program_page h1 {
        float:none;
    }
    #program-header p {
          font-size: 1.2em;
    }
    
    ul.program-day > li {
        padding: 0 0 0 40px;
    }
    .day-first-item .radio {

    }
    
    .program-day:before {
        left:0;
    }
    .radio {
        top:2px;
        left:0;
    }
    .day-first-item .radio  {
        margin-top: 0px;
    }
    
    .program-day .session-info {
          margin: 0;
    }
    time {
        display: block;
        position: static;
        top: auto;
        left: auto;
        width: auto;
        text-align: left;
        margin-bottom: 5px;
    }
        .session-time {
            padding-right: 0;
            text-align: left;
        }
    
    #scape {
        display: none;
    }
    #branding {
        padding-top: 0;
    }
    .container {
        max-width:748px;
    }
    li#register-now a span, li#be-a-sponsor a span, li#be-a-exhibitor a span {
        background: none;
    }
    #callouts li {
        width:228px;
    }
    #callouts a span {
        padding:0
    }
    #callouts a {
        text-align: center;
    }
    .tp-banner-container {
        max-width: 716px;
    }
    .sponsor_page .sponsor-frame {
        width:25%;
        float:left;
    }
    .sponsor_page .sponsor-description {
        width: 65%;
        float:left;
        margin: 0 2%;
    }
    article .partner-frame { 
        width:50%;
    }
}

@media only screen and (max-width:764px){
    
    #presented, #car-logo {
        display:none;
    }
    #branding {
        height: auto;
        padding-bottom: 15px;
    }
    
    .tp-banner-container {
        display: none;
    }
    .container {
        max-width:366px;
    }
    #callouts a {
        text-align: left;
    }
    #callouts li {
        width:350px;
    }
    li#register-now a span {
            background: url("images/icon-pencil.svg") no-repeat left;
    }
    li#be-a-sponsor a span {
        background: url("images/icon-shake.svg") no-repeat left;
    }
    li#be-a-exhibitor a span {
        background: url("images/icon-canvas.svg") no-repeat left;
    }
    #callouts a span {
        padding:30px 0px 30px 80px;
    }
    .doublebox {
        width:350px;
        height: 305px;
        float:left;
        margin:8px;
    }
    #top-sponsors img {
            width: 48%;
    }
    #sponsor-images {
        margin: 10px 10px;
    }
    #sidebar {
        display: none;
    }
    #content {
        padding-left: 0;
    }
    .sponsor_page .sponsor-frame {
        width:100%;
    }
    .sponsor_page .sponsor-description {
        display: none;
    }
    .sponsor-row .sponsor-level {
        position:static;
        top:auto;
        right:auto;
        margin:0;
    }
    .sponsor-row h2 {
        margin:0;
    }
    .sponsor_page hr {
        margin: 1em 0;
    }
    /* #menu is the original menu */
	.js #menu, nav#menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
        
    .box, .doublebox, #callouts li {
        width:320px;
    }
    article .partner-frame { 
        width:100%;
    }
    .sponsor_level_title {
        font-size: 1.5em;
    }
    .program_speaker {
        width:100%;
    }
    p {
        line-height: 1.5em;
        margin-bottom: 10px;
    }
    .program_page h1 {
        font-size: 2.5em;
        width: 100%;
        text-align: center;
    }
    #program-header p {
        line-height: 2.5em;
        float: none;
        padding: 0;
        text-align: center;
        margin: 0;
    }
    #program-header a {
        display: block;
        width: 200px;
        margin: 0 auto;
    }
    .day-first-item h2 {
        font-size: 1.4em;
    }
    .program_speaker {
        width:100%;
    }
    ul.program-day > li {
        padding: 0 10px;
    }
}